/*
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.   ***************/
body {
	overflow-x: visible;
}.footer-section .col{padding-bottom:0}
.has-dropdown .icon-angle-down{display:none}
.header-main .nav > li{margin:0 2px}
.copyright-footer p{margin-bottom:0}.list-post2 .post-item .from_the_blog_excerpt{margin-top:7px}
.blog-single .entry-content p {font-size:15px; margin-bottom:15px}

.header-main .nav > li a{font-size:17px;padding:13px 12px; border-radius:5px}.header-main .nav > li a:hover{border-radius:5px;  background:#ea9224 !important}.nav-dropdown-default {
    padding: 0;
    border: none !important;
}
#header-contact li a span{font-family:"roboto", sans-serif; font-weight:normal; font-size:15px}
#top-bar input[type='search']{border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    box-shadow: none;}
#top-bar .searchform .button.icon {    background: white;
    color: #ea9224;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: none;}
.nav-dropdown-default li a{margin:0 !important; padding:10px 15px !important; color:black !important; border-radius:0 !important; font-size:15px !important;}
.list-khach-hang .post-item{padding-bottom:30px}
.nav-dropdown-default li a:hover{color:white !important}.nav .nav-dropdown{margin-left:15px !important; margin-top: -5px !important;}
.header-nav.nav > li.active > a{background:#ff9800 !important; color:white}

#breadcrumbs{font-size:14px; margin-bottom:0}
#breadcrumbs a{color:white !important}
.page-right-sidebar .large-3{padding-left:0}
.page-right-sidebar .large-9{border-right:none;}
.advisory__banner{    background: #ea9224;
    padding: 10px;
    border-radius: 10px;
    color: white;}
.advisory__banner .title{    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 10px;}
.advisory__banner .content{display:inline-block; width:100%; clear:both}
.advisory__banner .content .icon{width:10%; float:left; display:inline-block}
.advisory__banner .content .phone-number{width:90%; float:right; display:inline-block}
.advisory__banner .content .phone-number a{color:white; padding-left:10px}
span.widget-title {display:block; margin-bottom:15px;
    font-size: 17px;font-weight:bold;
    letter-spacing: 0; color:#ea9224
}.widget .is-divider{display:none}
.stuck .header-main{background:white}.section-title b{background:#00000000}.section-title-container {
    margin-bottom: 0;
}.section-title span {text-transform:uppercase;
    font-size: 32px;
}.slider-nav-light .flickity-prev-next-button svg, .slider-nav-light .flickity-prev-next-button .arrow{background:white; color:#ea9224; fill: #ea9224}
.khoa-hoc-section .col{padding-bottom:0}
a.back-to-top{background:gray !important; color:white !important; border:none !important}
.list-khoa-hoc .post-item .box-text button{padding: 6px 20px;border: 1px solid #ea9224;
    color: #ea9224;
    border-radius: 3px;
    margin: 0;
    margin-bottom: 15px !important;
    font-weight: normal;
    font-size: 14px;
text-transform: uppercase;}
.list-khoa-hoc .post-item .box-text{ background:white; padding:10px}
.page-template-page-blank-title-center #main{background-color: #f1f1f1;}
.blog-archive .post-item .post-title{height:46px; overflow:hidden; margin-bottom: 10px;
    color: #ea9224;
    font-size: 18px;
    font-weight: normal;}
.blog-archive .large-9 .badge{display:none}
.blog-archive .slogan-tec2{display:none}
.blog-single{padding-top:0}
.blog-single .slogan-tec2{margin-bottom:20px}
.blog-single .large-3{padding-left:0}.blog-single .entry-title {
    font-size: 22px;
}.blog-single .entry-meta {
    text-transform: none;
    font-size: 13px;
    letter-spacing: 0;
    color: gray;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    padding: 10px;
    background: #f9f9f9;
}.xem-them .tieu-de-xem-them {
    font-weight: 700;
    display: block;
    margin-bottom: 10px;
    font-size: 19px;
    color: black;
}.xem-them ul li {
    margin-bottom: 3px;
}.xem-them ul li a {
    font-weight: 700;
    font-size: 16px;
    color: #c30000;
}.xem-them ul li a:hover {
    text-decoration: underline;
}.blog-single .blog-share {
    text-align: left;
}.danh-muc {
    margin-bottom: 15px;
}.danh-muc span.title, .the-tim-kiem span.title {
    background: #2d2d2d;
    padding: 4px 10px;
    color: white;
    margin-right: 5px;
}.danh-muc a, .the-tim-kiem a {line-height:29px;
    margin-bottom: 10px;
    padding: 4px 10px;
    background: #dedede;
    color: #464646;
}.danh-muc a:hover, .the-tim-kiem a:hover {
    background: #ff9800;
    color: white;
}.bai-viet-lien-quan {
    margin-top: 15px;
}.bai-viet-lien-quan h3 {
    font-size: 19px;
    color: black;
}.bai-viet-lien-quan ul {
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
}.bai-viet-lien-quan ul li {
    list-style: none;
    width: 25%;
    color: graytext;
    float: left;
    padding-left: 4px;
    padding-right: 5px;
}.bai-viet-lien-quan ul li .box-image img {
    height: 120px;
    border-radius: 6px;
    object-fit: cover;
    object-position: center;
}.bai-viet-lien-quan h4 {
    font-size: 15px;
    color: black;
    line-height: 19px;
    padding-top: 7px;
    height: 64px;
    overflow: hidden;
}
.blog-archive {padding-top:0;padding-bottom:0}
.blog-archive .page-title{font-size: 25px;
    color: white;
    letter-spacing: 0;
}
.blog-archive .large-12{padding-bottom:0}
.blog-archive .taxonomy-description{text-align:left; margin-top:15px}
.blog-archive .large-3{padding-left:0}
.blog-archive .archive-page-header{margin-bottom:20px}
.nav-pagination>li>a{background: gray;
    border: 2px solid gray;
    color: white !important;}
.list-khoa-hoc .post-item .post-title{text-align:left; color: #ea9224; margin-bottom:15px;
    font-size: 19px;}
.list-giao-vien .box-blog-post .is-divider{display:None}
.list-giao-vien .post-item a:hover{color:black}
.list-giao-vien .post-item .post-title{margin-bottom:6px}
.box-nhan-xet {
    min-height: 186px;
    background: #ff9800;
    border-radius: 15px;
    padding: 33px;
    background-image: url(/wp-content/uploads/2019/10/cau-1.png);
    background-repeat: no-repeat;
    background-position-y: 20px;
    background-position-x: 20px;
    padding-left: 90px;
    margin-bottom: 40px;
    color: white;
    font-size: 15px;
}.cau-chuyen-thanh-cong .box-nhan-xet:before {
    width: 40px;
    height: 40px;
    position: absolute;
    content: "";
    background-color: #da8200;
    left: 49%;
    top: 177px;
    transform: rotate(45deg) translateX(-50%);
    z-index: -1;
}.cau-chuyen-thanh-cong .icon-box .icon-box-img img {
    border-radius: 99%;
    border: 6px solid white;
    box-shadow: 5px 2px 10px #0000001f;
}.cau-chuyen-thanh-cong .icon-box h3 {    font-size: 17px;
    margin-bottom: 0;
    font-weight: bold;
    color: #ff9800;
}.cau-chuyen-thanh-cong .flickity-page-dots .dot.is-selected {
    border: 1px solid #FF9800 !important;
    background: #FF9800;
}.flickity-page-dots .dot{
    height: 6px;
    width: 6px;
    border: 1px solid white !important;
}.section-title-center span:after {
    content: "";
    display: table;
    clear: both;
    background: url(/wp-content/uploads/2019/10/line.png);
    width: 100%;
    height: 20px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: bottom;
    padding-top: 0;
}.slider-style-focus {
    background-color: transparent;
    padding: 10px 0;
}.cau-chuyen-thanh-cong .slider-style-focus .flickity-page-dots {
    bottom: -10px;
}
.anh-section .box .box-text {
    padding: 10px;
    background: #00000080;
    line-height: 20px;
    font-size: 14px;
}.box-blog-post .is-divider{display:none}
.list-post2 .post-item .post-title{color:#ea9224; font-size:15px; letter-spacing:0; margin-bottom:7px}
.list-post2 .post-item, .list-post2 .post-item .box-text{padding-bottom:0}

.list-post2 .post-item .from_the_blog_excerpt {font-size: 14px;
    color: #a7a7a7;}
.cau-chuyen-thanh-cong .icon-box .icon-box-text{font-size:14px}
.form-sidebar{background: #ea9224;
    padding: 15px;
    border-radius: 10px;}
.form-sidebar input{border-radius:4px; box-shadow:none}
.widget .wpcf7-submit{    margin-bottom: 0;
    margin-top: 15px;
    width: 100%;
    border-radius: 20px;}
.recent-blog-posts a {font-size:15px;
    margin-bottom: 6px;
    color: black;
    text-transform: none;
}
.mr-half .badge-inner{border-radius:99%}
.flatsome_recent_posts ul{border: 1px solid #ececec;}
.flatsome_recent_posts ul li{padding-left:10px;padding-right:10px}
.flatsome_recent_posts ul li:hover{background:#f7f7f7}
.section__title { color:white;   background: #ea9224;
    padding: 20px;
	border-radius: 10px;}.section-title-normal span{font-size:20px}
.section__title h3{text-transform: uppercase;
    font-size: 24px;
    color: white;}
.section__title input[type='submit']{    margin: 0;
    background: white;
    color: #ff9800;
    border-radius: 20px;}.entry-content {
    padding-top: 0;
    padding-bottom: 0;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.off-canvas:not(.off-canvas-center) .nav-vertical li>a {
    padding-left: 20px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
}
.off-canvas:not(.off-canvas-center) .nav-vertical li ul{padding-bottom:0}
.off-canvas:not(.off-canvas-center) .nav-vertical li ul a{color:black; font-size:15px; padding-top:6px; padding-bottom:6px}
.section-title span {
    text-transform: uppercase;
    font-size: 25px;
    margin: 0;
}.footer-section .col{flex-basis:100%; max-width:100%}.page-right-sidebar .large-3, .blog-archive .large-3, .blog-single .large-3{padding-left:15px}.section__title{margin:0 15px}
.blog-archive .post-item{flex-basis:50%; max-width:50%; padding:0 5px 10px}.blog-archive .post-item .post-title{font-size:15px;height:39px}
.blog-archive .post-item .from_the_blog_excerpt {font-size:13px}.xem-them ul li a {
  font-size: 14px;

}.bai-viet-lien-quan ul li{width:50%}.bai-viet-lien-quan ul li .box-image img {
	height: 100px;}
.bai-viet-lien-quan h4 {
    font-size: 14px;
    height: 48px;
}

}