/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE ***************/

/* ****************** GENERAL */

/* >>>>> FONT */

@font-face {
  font-family: simple-line-icons;
  src: url(fonts/Simple-Line-Icons.ttf);
}

/* >>>>> COLOR */

/* #4682B4 */
/* #00CED1 */
/* #40E0D0 */

/* >>>>> BANNER */

.banner .text {
	-webkit-backface-visibility: visible;
    backface-visibility: visible;
}

/* >>>>> DIMENTION */

body.home .page-left-sidebar {
	padding-bottom: 0;
}

/* >>>>> BUTTON STICKY */

#ssb-container {
	top: initial;
	bottom: 5% !important;
}

/* >>>>> post-item */

.post-item .is-divider {
    display: none;
}
.post-item .post-title {
    font-size: 14px;
    min-height: 36px;
    text-transform: uppercase;
}
.MyButton,
.post-item button {
    font-weight: normal;
    font-size: 12px !important;
    border: none;
    margin-bottom: 0 !important;
    padding: 5px 30px 5px 15px !important;
}
.MyButton::before,
.post-item button::before {
    content: '\003e';
    position: absolute;
    right: 15px !important;
}
.post-item .from_the_blog_excerpt {
	min-height: 46px;
}

/* >>>>> RowTieuDe */

.RowTieuDe h1 {
	margin-bottom: 30px;
}
.RowTieuDe h2 {
	font-size: 20px;
}
.RowTieuDe .banner .text-box {
	width: 90% !important;
}

/* >>>>> FORM */

form {
    margin-bottom: 0;
}
input, textarea {
    box-shadow: none !important;
}

/* >>>>> #comments */

#respond input[type=submit] {
    font-weight: normal;
    text-transform: lowercase;
}

/* >>>>> .taxonomy-description */

.taxonomy-description table tr td:nth-of-type(1) {
	padding-left: 7.2px;
}

/* ****************** HEADER */

#top-bar li.html {
    margin-right: 15px;
	font-size: 15px;
}
#top-bar li.html > a {
    background-color: #00CED1;
    border-radius: 5px;
    padding: 0 15px;
    color: #fff;
	font-weight: bold;
}
#top-bar li.html_topbar_left a {
	background-color: red;
}
#top-bar li.html_topbar_left a:before {
	content: "\e047";
	font-family: simple-line-icons;
	margin-right: 5px;
	color: #fff;
	font-weight: bold;
	opacity: 1 !important;
}

#masthead li.menu-item > a {
    font-size: 14px;
}
#masthead ul.nav-dropdown li.menu-item > a {
	font-weight: bold;
	color: #000;
}

/* ****************** HOME */

/* >>>>> MyBanner1 */

.MyBanner1 .row > .col {
    padding-bottom: 0 !important;
}
.MyBanner1 h1 {
    font-size: 25px;
    color: #fff;
	margin-bottom: 0;
}
.MyBanner1 h3 {
    font-size: 16px;
    font-weight: normal;
    color: #00CED1;
    margin-bottom: 0;
}
.MyBanner1 ul {
    list-style: none;
    margin-bottom: 0;
}
.MyBanner1 ul li {
    margin: 0;
    text-align: center;
    color: #00CED1;
}
.MyBanner1 ul li:nth-of-type(1) {
    text-decoration: underline;
}
.MyBanner1 ul li:nth-of-type(2) {
    font-size: 20px;
	color: #fff;
}

/* >>>>> RowMucChinh */

.RowMucChinh > .col {
	max-width: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
}
.RowMucChinh .box-text h4 {
	text-transform: uppercase;
	font-size: 14px;
	min-height: 36px;
}

/* >>>>> SsBanner */

.SsBanner {
	margin-bottom: 30px;
}
.SsBanner h2 {
    font-weight: normal !important;
	margin-bottom: 0;
}
.SsBanner .row > .col {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

/* >>>>> SliderGiaoVien */

.SliderGiaoVien .flickity-button {
	top: -20%;
	opacity: 1 !important;
}
.SliderGiaoVien .flickity-button .flickity-button-icon {
	background-color: #40E0D0;
	border: none;
	color: #fff;
}
.SliderGiaoVien .flickity-page-dots .dot {
	background-color: #40E0D0;
	border: none;
}

.MyImageBoxGV .MyBoxTitle {
	color: #4682B4;
}
.SliderGiaoVien .flickity-viewport {
	min-height: 380px;
}

/* ****************** FOOTER */

.footer-1,
.footer-2 {
	padding-top: 0;
    border-top: none;
}
.footer-1 > .row > .col,
.footer-2 > .row > .col {
    margin-bottom: 0;
}
.footer-1 .gallery-col {
	padding-bottom: 5px;
}

.footer-2 {
	border-top: 1px solid #ccc;
}
.footer-2 > .row {
	max-width: 100%;
}
.footer-2 > .row > .col {
	padding: 0;
}

.SsChanTrang {
    font-size: 14px;
	padding: 30px 0 0 !important;
}
.SsChanTrang .row {
	margin-left: auto !important;
	margin-right: auto !important;
}
.SsChanTrang ul {
    list-style: none;
}
.SsChanTrang ul li {
    margin-left: 0;
    margin-bottom: 0;
}
.SsChanTrang ul li:before {
	font-family: simple-line-icons;
	margin-right: 5px;
	color: #00CED1;
	font-weight: bold;
}
.SsChanTrang ul li:nth-of-type(1):before {
	content: '\e096';
}
.SsChanTrang ul li:nth-of-type(2):before {
	content: '\e037';
}
.SsChanTrang ul li:nth-of-type(3):before {
	content: '\e086';
}
.SsChanTrang ul li:nth-of-type(4):before {
	content: '\e600';
}
.SsChanTrang h3 {
	font-size: 20px;
    margin-bottom: 15px;
	font-weight: bold;
}

.absolute-footer > .container * {
    padding: 0;
    color: #fff;
}

/* ****************** SIDEBAR */

.page-left-sidebar .row > .col.large-3 {
    padding-right: 15px;
    border-right: none;
}

aside.widget {
	position: relative !important;
}
aside.widget .is-divider {
    display: none;
}
aside.widget_text {
    background-color: #4682B4;
    margin-bottom: 0;
    padding: 30px 15px 15px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}
aside#text-2.widget_text::before {
    content: '';
    display: block;
    width: 100px;
    height: 90px;
    background: url(imgs/icon.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: -55px;
    left: 0;
}
aside.widget_text .widget-title {
    text-align: center;
    color: #fff;
    display: block;
    margin-bottom: 10px;
}
aside.widget_text form * {
	font-weight: bold !important;
}
aside.widget_text form input[type=submit] {
    margin: 0;
    background-color: #fff;
    color: #4682B4;
    font-size: 14px;
}
aside.widget_text form select,
aside.widget_text form ::placeholder {
	font-size: 14px;
	color: #555 !important;
}
aside.widget_text form lable {
	color: #fff;
}
aside.widget_text form input.wpcf7-form-control {
	height: 30px;
}
aside.widget_text form textarea {
	min-height: 75px;
}

aside.widget_custom_html {
	margin-bottom: 50px !important;
	background-color: transparent !important;
}
aside.widget_custom_html ul li {
	text-align: center;
	margin-bottom: 0;
	font-weight: bold;
}
aside.widget_custom_html ul li:nth-of-type(1) {
	text-decoration: underline;
	color: #4682B4;
}
aside.widget_custom_html ul li:nth-of-type(2) {
	color: red;
}

/* ****************** BLOG-SINGLE */

.DiaChi {
	margin-bottom: 15px;
}
.blog-single .entry-category {
    text-transform: capitalize;
    font-style: italic;
    font-weight: normal;
    margin-bottom: 0 !important;
}
.blog-single .entry-category a {
    color: #00CED1;
}
.blog-single .is-divider {
    display: none;
}
.blog-single .blog-share {
    text-align: left;
}

.DiaChi ul {
	list-style: none;
}
.DiaChi ul li {
	margin-left: 0;
}

/* ****************** BLOG-ARCHIVE */

.blog-archive {
	padding-bottom: 0;
}
.blog-archive > .row > .col {
	padding-bottom: 0;
}

/* ****************** LIEN HE */

.RowLienHe > .col {
	padding-bottom: 0;
}
.RowLienHe form input[type=submit] {
	margin: 0;
	font-weight: normal;
}

/* ****************** GIAO VIEN */

.SsGiaoVien {
	padding-top: 60px !important;
}
.SsGiaoVien .box .box-text h4:after {
/* 	content: '\2193'; */
/* 	content: '\21D3'; */
	content: '\21E9';
	margin-left: 5px;
}
.SsGiaoVien .box .box-text h4:hover:after {
	color: #00CED1;
}
.SsGiaoVien .RowTieuDe h2 {
	font-size: 31px;
}

/* ****************** CHUONG TRINH HOC */

.RowChuongTrinhHoc > .col:nth-of-type(1) {
	max-width: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
}
.RowChuongTrinhHoc > .col:nth-of-type(2) .col {
	max-width: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
}
.RowChuongTrinhHoc > .col:nth-of-type(2) {
	max-width: 80%;
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%;
}

.RowChuongTrinhHoc > .col:nth-of-type(1) h4 {
	font-size: 14px;
	min-height: 36px;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE ***************/
	
	#top-bar .flex-row {
		padding: 0;
	}
	#top-bar li.menu-item {
		margin-right: 2px;
	}
	.SliderGiaoVienMobile .flickity-button {
		display: block;
	}
	.SliderGiaoVienMobile .flickity-button {
		top: -20%;
		opacity: 1 !important;
	}
	.SliderGiaoVienMobile .flickity-button .flickity-button-icon {
		background-color: #00CED1;
		border: none;
		color: #fff;
	}
	.MyImageBoxGV.MyBoxTitle {
		color: #00CED1;
	}
	
	/* >>>>> RowMucChinh */

	.RowMucChinh > .col {
		max-width: 50%;
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
	}

	#post-64 table tr td {
		width: 100% !important;
	}
	
}
@media only screen and (max-width: 1344px) { 
#masthead li.menu-item > a {
    font-size: 12px !important;
}
}