/*
Theme Name: Kanthoshilon
Theme URI: http://www.kanthoshilon.org/
Author: Kanthoshilon
Author URI: http://www.kanthishilon.org/
Description: Kanthoshilon website theme
Version: 1.0
*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(//fonts.googleapis.com/earlyaccess/notosansbengali.css);

/* general */
* {
	font-family: 'Noto Sans Bengali', 'Open Sans', sans-serif;
}

body {
	padding-top: 80px;
}

a:hover {
	text-decoration: none;
}

/* posts - general */
.post-tags {
	font-size: 13px;
	line-height: 2.2;
}

.post-categories .btn-sm, .post-tags .btn-sm {
	padding: 2px 6px;
	font-size: 13px;
}

.post-tags .btn-sm:before {
	content: '# ';
}

.avatar {
	border-radius: 50%;
}

/* archive - general */
.page-title-outer {
	padding: 2rem 0;
}

.page-title {
	margin: 0;
	border-left: solid 5px #e7e8e9;
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 10px;
	font-size: 48px;
	font-weight: 700;
}

.page-title-outer hr {
	margin-bottom: 0;
}

.post-excerpt {
	text-align: justify;
}

.archive-teaser {
	margin-bottom: 2rem;
}

.archive-teaser .post-type-label {
	display: inline-block;
	margin-bottom: 0.5rem;
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	padding: 0 5px;
	font-size: 18px;
}

.archive-teaser .post-title {
	font-size: 28px;
}

.archive-teaser .post-footer {
	font-size: 13px;
}

.archive-teaser .post-tags {
	margin-bottom: 0.5rem;
}

.author-title {
	margin-bottom: 0.5rem;
	padding: 1rem 0 0.5rem;
	border-bottom: solid 1px #ddd;
	text-align: center;
}

.author-title .name {
	margin-top: 1.5rem;
	margin-bottom: 0;
	font-size: 54px;
	font-weight: bold;
}

.author-title .designation {
	font-size: 1.5rem;
}

.author-title .about {
	margin-top: 1rem;
	text-align: justify;
}

/* archive - post */
.teaser.post {
	position: relative;
	margin-bottom: 2rem;
}

.teaser.sticky {
	border-bottom: solid 1px #ddd;
	padding-bottom: 2rem;
}

.teaser.post .post-header {
	padding-right: 75px;
}

.teaser.post .post-title {
	font-size: 28px;
}

.teaser.sticky .post-title {
	font-size: 2.5rem;
}

.teaser.post .post-meta, .teaser.post .post-date, .teaser.post .post-footer {
	font-size: 13px;
	margin-bottom: 1rem;
}

.teaser.post .avatar {
	position: absolute;
	top: -5px;
	right: 0;
}

.teaser.post .post-tags {
	margin-bottom: 0.5rem;
}

/* archive - news */
.teaser.news {
	margin-bottom: 15px;
}

.teaser.news .post-thumbnail {
	margin-bottom: 15px;
	width: 100%;
	height: auto;
}

.teaser.news .post-title {
	font-size: 28px;
}

.teaser.news .post-date {
	font-size: 13px;
	margin-bottom: 0.5rem;
}

/* archive - event */
.event-type {
	margin-bottom: 1rem;
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	padding: 0.5rem 0;
	font-size: 1.5rem;
	text-align: center;
}

.teaser.event .post-thumbnail {
	margin-bottom: 15px;
	width: 100%;
	height: auto;
}

.teaser.event .post-header {
	margin-bottom: 0.5rem;
}

.teaser.event .post-title {
	font-size: 28px;
}

/* single - general */
.single .post-header-outer, .ks-page .post-header-outer {
	padding: 2rem 0;
}

.single .post-header-outer hr, .ks-page .post-header-outer hr {
	margin-bottom: 0;
}

.single .post-header, .ks-page .post-header {
	border-left: solid 5px #e7e8e9;
	padding-top: 10px;
	padding-left: 20px;
}

.single .post-title, .ks-page .post-title {
	margin: 0;
	font-size: 48px;
	font-weight: 700;
}

.single .post-author {
	font-size: 20px;
}

.single .post-featured-image, .ks-page .post-featured-image {
	margin: 2rem -15px 0;
	text-align: center;
}

.single .post-featured-image img, .ks-page .post-featured-image img {
	max-width: 100%;
	max-height: 750px;
}

.single .post-content, .ks-page .post-content {
	text-align: justify;
}

.single .post-content h1, .ks-page .post-content h1,
.single .post-content h2, .ks-page .post-content h2,
.single .post-content h3, .ks-page .post-content h3,
.single .post-content h4, .ks-page .post-content h4,
.single .post-content h5, .ks-page .post-content h5,
.single .post-content h6, .ks-page .post-content h6 {
	margin-bottom: 1rem;
}

.single .post-content p, .ks-page .post-content p {
	margin-bottom: 2rem;
	font-size: 18px;
}

.single .post-date, .single .post-meta {
	font-size: 13px;
}

.single .post-tags {
	margin-bottom: 0.5rem;
}

.single .post-date, .single .post-meta {
	margin-bottom: 1rem;
}

/* single - post */
.single-post .post-header {
	padding-bottom: 10px;
}

.single-post .post-title {
	margin-bottom: 0.5rem;
}

.single .author-profile {
	position: relative;
	margin-bottom: 2rem;
	border-top: solid 1px #dadfe1;
	border-bottom: solid 1px #dadfe1;
	padding: 15px 0;
}

.single .author-profile p {
	margin-bottom: 0;
	text-align: justify;
}

.single .author-profile .author-profile-avatar, .single .author-profile .author-link,
.single .author-profile .author-details {
	text-align: center;
}

.single .author-profile .author-profile-avatar {
	margin-bottom: 1rem;
}

.single .author-profile p:last-child {
	margin-top: 1rem;
}

/* single - news */
.single-news .post-header-outer {
}

.single-news .post-header {
}

/* single - event */
.single-event .post-header {
	padding-bottom: 10px;
}

.single-event .post-title {
	margin-bottom: 0.5rem;
}

.event-schedule, .event-venue {
	position: relative;
	padding-left: 30px;
}

.single-event .event-schedule, .single-event .event-venue {
}

.single-event .post-featured-image {
}

.fa-justified {
	position: absolute;
	top: 2px;
	left: 0;
}

/* share button */
.post-sharer {
	font-weight: bold;
	margin-bottom: 2rem;
}

.sharer {
	display: block;
	margin-right: 1rem;
	color: #212529;
}

.sharer:hover {
	color: #212529;
	opacity: 0.8;
}

.sharer img {
	width: 36px;
	height: 36px;
	margin-right: 0.5rem;
}

/*.sharer {
	display: inline-block;
	margin-right: 5px;
	padding: 8px;
	color: #fff;
}

.share-facebook {
	background: #1778f2;
}

.share-twitter {
	background: #5ea9dd;
}

.share-googleplus {
	background: #db4b40;
}

.sharer:hover {
	text-decoration: none;
	color: #fff;
	opacity: 0.8;
}

.sharer .dashicons {
	width: auto;
	height: auto;
}

.sharer .dashicons:before {
	font-size: 1.5rem;
}*/

/* Comment template */
#comments {
	padding-bottom: 80px;
}

.depth-1 {
	margin-bottom: 2rem;
}

.comment-list, .comment-list .children {
	list-style-type: none;
	padding: 0;
}

.comment-body {
	position: relative;
	padding-left: 95px;
}

.comment-author .avatar {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 80px;
	height: 80px;
	background: #f8f9fa;
}

.children .avatar {
	left: 20px;
	width: 60px;
	height: 60px;
}

.comment-header, .comment-meta {
	font-size: 13px;
	text-transform: uppercase;
}

.comment-header {
	margin-bottom: 0.5rem;
}

.comments-title {
	margin-bottom: 1rem;
}

.comment-content p {
	margin-bottom: 0.5rem;
	text-align: justify;
}

.comment-meta {
	margin-bottom: 1rem;
}

.comment .comment-respond {
	margin-bottom: 1rem;
	padding-left: 95px;
}

#comment {
	height: 120px;
}

.required {
	color: red;
}

.form-submit {
	margin-bottom: 0;
}

/* homepage */
.homepage-section-header {
	margin-bottom: 1rem;
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	padding: 0.5rem 0;
	font-size: 1.5rem;
	text-align: center;
}

.carousel-item {
	/*padding-bottom: 40%;*/
	height: 550px;
	background-size: cover;
}

.carousel-school-admission, .carousel-school-notice {
	background: #fded00 url(img/school-artwork-vl.png) repeat-y left center;
}

.carousel-text {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 50%;
	padding: 60px;
	font-size: 24px;
	color: #fff;
	background: rgba(0, 0, 0, 0.6);
}

.carousel-text h1 {
	margin-bottom: 0.75rem;
	font-size: 48px;
	font-weight: 700;
	line-height: 1.35;
}

.carousel-welcome .carousel-text {
	text-align: center;
}

.carousel-text-bg-left, .carousel-text-bg-center {
	right: 0;
}

.carousel-text-bg-right {
	left: 0;
}

.carousel-school-admission .carousel-text, .carousel-school-notice .carousel-text {
	top: 0;
	right: 0;
	width: 100%;
	padding-left: 210px;
	padding-right: 300px;
	color: #f00;
	background: transparent;
}

.carousel-welcome p, .carousel-plain p {
	margin-bottom: 0;
}

.carousel-school-admission p, .carousel-school-notice p {
	color: #000;
}

#slider .carousel-control-prev, #slider .carousel-control-next {
	width: 5%;
	visibility: hidden;
}

#slider:hover .carousel-control-prev, #slider:hover .carousel-control-next {
	visibility: visible;
}

.batch-name {
	color: #258321;
}

.carousel-logo {
	margin-bottom: 50px;
	padding: 15px;
	background: rgba(255, 255, 255, 0.6);
}

#latest-section {
	padding: 5rem 0 0;
}

#event-section {
	padding-bottom: 3rem;
}

#event-section .post-thumbnail {
	margin-bottom: 2rem;
}

#event-section .post-header {
	margin-bottom: 2rem;
}

#news-section {
	padding-bottom: 4rem;
}

#news-section .teaser.news {
	margin-bottom: 0;
}

#about-section .post-content {
	padding: 5rem 30px;
}

#about-section .subtitle {
	margin-bottom: 2rem;
	font-weight: bold;
	text-align: center;
}

#about-section p:last-child {
	margin-bottom: 0;
}

.home .post-content {
	text-align: justify;
}

.home .post-content p {
	margin-bottom: 2rem;
	font-size: 18px;
}

#quotes {
	padding: 60px 0 30px;
	background: #e7e8e9;
}

#quotes blockquote {
	margin-bottom: 30px;
}

#quotes blockquote img {
	margin-bottom:30px;
	border-radius:50%;
	width:150px;
	height:auto;
}

#quotes blockquote p {
	font-size: 2rem;
}

#quotes blockquote cite {
	font-size: 1.5rem;
}

/* footer */
#site-footer {
	font-size: 0.85rem;
	color: #fff;
	background: #000;
}

#site-footer .col {
	padding-top: 15px;
	padding-bottom: 15px;
}

#site-footer p {
	margin-top: 1rem;
}

/*.social-links {
	font-size: 28px;
}

.social-links a {
	display: inline-block;
	margin: 0 0.5rem;
}

.social-links .fa-facebook {
	color: #1778f2;
}

.social-links .fa-youtube {
	color: #f00;
}

.social-links .fa-instagram {
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}*/

.social-links a {
	display: block;
	margin: 0 0.75rem;
	color: #fff;
}

.social-links a:hover {
	text-decoration: underline;
}

.social-links img {
	margin-right: 0.5rem;
	width: 24px;
	height: 24px;
}

/* utilities */
.fa-justified {
	width: 20px;
	text-align: center;
}

@media (max-width: 991.98px) { /* md */
}

@media (max-width: 767.98px) { /* sm */
	#primary-menu {
		text-align: center;
	}

	#primary-menu .nav-item {
		margin-bottom: 1px;
	}

	#primary-menu .nav-link {
		padding-left: 1rem;
		padding-right: 1rem;
		background: #e7e8e9;
	}

	.single .post-title, .page-title {
		font-size: 32px;
	}

	.single .post-author {
		font-size: 18px;
	}

	.carousel-text {
		top: auto;
		left: 0;
		right: 0;
		width: 100%;
		font-size: 16px;
	}

	.carousel-welcome .carousel-text {
		font-size: 20px;
	}

	.carousel-school-admission, .carousel-school-notice {
		background-size: 80px auto;
	}

	.carousel-school-admission .carousel-text, .carousel-school-notice .carousel-text {
		padding-left: 85px;
		padding-right: 30px;
	}

	.carousel-school-logo {
		width: auto;
		height: 44px;
	}

	.carousel-text h1 {
		font-size: 28px;
	}

	.carousel-logo {
		margin-bottom: 1rem;
		width: auto;
		height: 125px;
	}

	.carousel-text .btn {
		font-size: 0.8rem;
	}

	#latest-section {
		padding: 2rem 0 0;
	}

	#news-section {
		padding-bottom: 1rem;
	}

	#event-section {
		padding-bottom: 0;
	}

	#about-section .post-content {
		padding: 2rem 15px;
	}

	#quotes {
		padding: 2rem 0 1rem;
	}

	#quotes blockquote {
		margin-bottom: 1rem;
	}

	#quotes blockquote img {
		margin-bottom: 1rem;
		width:100px;
	}

	#quotes blockquote p {
		font-size: 1.5rem;
	}

	#quotes blockquote cite {
		font-size: 1rem;
	}
}

@media (max-width: 575.98px) { /* xs */
	.single-news .post-header {
	}
}