/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

/* latin */
@font-face {
	font-family: 'Calibri';
	font-style: italic;
	font-weight: 400;
	text-rendering: optimizeLegibility;
	src: url(https://fonts.gstatic.com/l/font?kit=J7adnpV-BGlaFfdAhLQo6btP&skey=36a3d5758e0e2f58&v=v15) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
	font-family: 'Calibri';
	font-style: italic;
	font-weight: 700;
	text-rendering: optimizeLegibility;
	src: url(https://fonts.gstatic.com/l/font?kit=J7aYnpV-BGlaFfdAhLQgUp5aHRge&skey=8b00183e5f6700b6&v=v15) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
	font-family: 'Calibri';
	font-style: normal;
	font-weight: 400;
	text-rendering: optimizeLegibility;
	src: url(https://fonts.gstatic.com/l/font?kit=J7afnpV-BGlaFfdAhLEY6w&skey=a1029226f80653a8&v=v15) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
	font-family: 'Calibri';
	font-style: normal;
	font-weight: 700;
	text-rendering: optimizeLegibility;
	src: url(https://fonts.gstatic.com/l/font?kit=J7aanpV-BGlaFfdAjAo9_pxqHw&skey=cd2dd6afe6bf0eb2&v=v15) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

blockquote p {
	margin-bottom: 4px;
}

blockquote h4 {
	color: #7fb1e7 !important;
	font-style: italic;
}

@media (min-width: 992px) {
	.header-row {
		float: right;
	}

	#index-header-row {
		float: initial;
	}
}

#section-essays {
	padding: 20px;
}

.course-summary {
	color: #555;
	font-size: 1.5em;
	line-height: 1.3em;
	font-weight: 300;
	padding-right: 20px;
}

.row {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

@media (min-width: 750px) {
	.quote-text {
		margin-top: 190px !important;
	}

	.quote-text.projects {
		margin-top: 130px !important;
	}

}

html {
	overflow-x: hidden;
	width: 100%;
}

body {
	font-family: 'Calibri' !important;
}

#wrapper {
	background-color: #fff;
}

p,
h1,
h2,
h3,
h4,
h5,
span {
	font-family: 'Calibri' !important;
}

.menu-link div {
	font-family: 'Calibri' !important;
}

h1,
h2,
h3,
h4,
h5 {
	color: #16161d;
}

.content-wrapper {
	padding: 50px 120px;
	max-width: 1160px;
}

.cover-image {
	background-image: url('../images/oriento.jpg');
	background-position: 50% 0;
}

.course-description p {
	color: #bcc0c3;
	font-size: 24px;
	text-align: justify;
}

.course-description .course-highlight {
	color: #403d42;
}

.course-heading {
	color: #403d42;
	text-align: left;
	margin: 0;
}

h3.course-heading {
	color: #403d42;
	margin-bottom: 15px;
	font-weight: 500;
}

.block-heading {
	text-transform: uppercase;
}

.quote-text {
	line-height: 1.2em;
	color: #bbb;
	font-size: 12px;
	font-weight: 400;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 20px;
	margin-top: 20px;
}

.quote-text.projects {
	margin-bottom: 40px !important;
}

.section.divider-flower {
	background: url('../images/pic1.jpg') no-repeat center center fixed;
	background-size: cover;
	background-attachment: local;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	height: 300px;
}

.section.divider-tower {
	background: url('../images/pic2.jpg') no-repeat center center fixed;
	background-size: cover;
	background-attachment: local;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	height: 300px;
}

.col-mb-50>.col,
.col-mb-50>[class*="col-"] {
	padding-bottom: 20px;
}

.student-projects {
	margin-top: 40px;
}

.student-projects .portfolio-item {
	padding: 10px 20px;
}

.view-all {
	width: 100%;
}

.view-all a {
	float: right;
	margin-right: 30px;
	font-weight: bold;
}

#section-course ol {
	margin-left: 40px;
}

#section-course p {
	margin: 0;
}

#about-instructor {
	padding: 50px 10px 1px 10px;
	background-color: rgba(0, 0, 0, 0.2);
	line-height: 1.8;
}

.entry-title.nott a {
	font-size: 1rem !important;
	font-family: 'Calibri' !important;
}

.entry-title h2,
.entry-title h3,
.entry-title h4 {
	line-height: 1;
}

.entry .col-lg-6 {
	padding-left: 0;
}

.menu-link {
	font-weight: 600;
	font-size: 15px;
}

.subTitle {
	margin-top: 20px;
	margin-bottom: 0;
}

.author-image,
.author-image img {
	width: 200px;
	height: 200px;
}

.card .author-image,
.card .author-image img {
	width: 100px;
	height: 100px;
}

.card .card-body p {
	line-height: 1.5 !important;
	margin-bottom: 10px;
}


.author-info {
	font-size: 22px;
}

.grid-item {
	padding: 40px !important;
}

.postcontent {
	font-size: 16px;
	line-height: 1.8;
	text-align: justify;
}

.postcontent .references{
	text-align: left;
}

.footnotes {
	margin-bottom: 20px;
	text-align: left;
}

.footnotes p,
.references p {
	margin-bottom: 10px;
}

.dialogue .tone {
	text-align: left;
}

.audio-player {
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
}

.mencians .entry-image,
.xunzians .entry-image {
	max-width: none !important;
}

#vlog-vids,
#intro-examples,
.method-disciple {
	margin-left: 40px;
}

.posts-md .entry,
.posts-sm .entry {
	margin-bottom: 10px;
}

.project-heading {
	margin-bottom: 0;
	font-weight: 400;
}

.course-description {
	width: 100%;
}

.course-description h1 {
	font-weight: 400;
}

#chineseHistory {
	height:315px;
	width:100%;
	max-width: 560px;
	background: black url('../images/yt-thumbnail-history.jpg') no-repeat center;
	overflow:hidden;
	cursor:pointer;
}

#chinesePhilosophy {
	height:315px;
	width:100%;
	max-width: 560px;
	background: black url('../images/yt-thumbnail-philosophy.jpg') no-repeat center;
	overflow:hidden;
	cursor:pointer;
}

.flexslider.darkfs .flex-control-nav li a {
	border-color: #000;
}

.flexslider.darkfs .flex-control-nav li:hover a, .flexslider.darkfs .flex-control-nav li a.flex-active {
	background-color: #000;
}

@media (max-width: 1024px) {
	.cover-image {
		background-position: 80% 0;
	}

}

@media (max-width: 750px) {
	.row.posts-md.mt-5.col-mb-50.mb-0 {
		padding-left: 20px;
		padding-right: 20px;
	}

	.quote-text {
		margin-top: 20px !important;
	}

	.cover-image {
		background-position: 83% 0;
	}

	.container,
	.content-wrapper {
		padding: 0;
	}
}