/*
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.   ***************/
#header-contact li a {
 text-transform: none;
 font-size: 17px;
 font-weight: normal;
 letter-spacing: 0;
}
.top-bar-nav .social-icons a i {
 background: #57a1e2;
 padding: 7px;
 font-size: 13px;
 border-radius: 5px;
}
.nav-small.nav > li.html {
 font-size: 17px;
 text-transform: uppercase;
 font-family: "roboto condensed", sans-serif;
 font-weight: bold;
 color: #d2e3ea !important;
}
.header-main .nav > li > a {
 line-height: 16px;
 font-size: 18px;
 text-transform: uppercase;
}
.nut-xem-them {
 font-weight: normal;
}
.header-main .nav li a:hover,
.header-main .nav li.active a {
 color: #f26d20;
}
.nav-dropdown {
 border: none;
}
.nav-dropdown li a {
 border-bottom: none !important;
 padding: 6px 20px;
 color: black;
}
.section-title-center span:after {
 content: "";
 display: table;
 clear: both;
 background: url(/wp-content/uploads/2019/11/line.png);
 width: 100%;
 height: 20px;
 background-repeat: no-repeat;
 background-position-x: center;
 background-position-y: bottom;
 padding-top: 0;
}
.section-title b {
 background-color: transparent;
}
.section-title-center span {
 margin: 0 15px;
 color: #f26d20;
}
.section-title-container {
 margin-bottom: 0;
}
.khoa-hoc-section .col.large-12 {
 padding-bottom: 0;
}
.nav-dropdown {
 min-width: 340px;
}
.khoa-hoc-section .box {
 border-bottom: 3px solid white;
 padding: 20px 10px 10px 10px;
 box-shadow: 2px 2px 10px #0000001a;
 border-radius: 10px;
 height: 100%;
}
.khoa-hoc-section .box .box-image {
 margin-bottom: 10px;
}
.khoa-hoc-section .box:hover {
 border-bottom: 3px solid #f26d20;
 box-shadow: 2px 2px 20px #00000024;
}
.post-item .box-image:hover::before {
 -webkit-animation: shine 0.75s;
 animation: shine 0.75s;
}
@-webkit-keyframes shine {
 100% {
  left: 125%;
 }
}
@keyframes shine {
 100% {
  left: 125%;
 }
}
.post-item .box-image::before {
 position: absolute;
 top: 0;
 left: -75%;
 z-index: 2;
 display: block;
 content: "";
 width: 50%;
 height: 100%;
 background: -webkit-linear-gradient(
  left,
  rgba(255, 255, 255, 0) 0,
  rgba(255, 255, 255, 0.3) 100%
 );
 background: linear-gradient(
  to right,
  rgba(255, 255, 255, 0) 0,
  rgba(255, 255, 255, 0.3) 100%
 );
 -webkit-transform: skewX(-25deg);
 transform: skewX(-25deg);
}
.gioi-thieu-section img {
 border-radius: 10px;
}
.gioi-thieu-section .col {
 padding-bottom: 0;
}
.khoa-hoc-section .box h3 {
 margin: 0;
 text-transform: uppercase;
 font-size: 19px;
 color: #f26d20;
}
.keu-goi-section p {
 margin-bottom: 0;
}
.row-dashed .col:after {
 border-bottom: none;
}
.person-name {
 color: #f26d20;
 font-size: 20px;
 margin-top: 10px;
}
.phan-hoi-section .icon-box {
 background: #fff;
 padding: 20px;
 border-radius: 7px;
}
.phan-hoi-section .icon-box h3 {
 text-transform: uppercase;
 color: #f26d20;
}
.phan-hoi-section .icon-box .icon-box-text p {
 font-size: 15px;
 color: #555;
}
.phan-hoi-section .col {
 padding-bottom: 0;
}
.phan-hoi-section .nut-xem-them {
 margin-bottom: 0;
}
.giang-vien-section .large-3:hover {
 box-shadow: 2px 2px 20px #00000017;
}
.keu-goi-section h3 {
 margin-bottom: 0;
}
.keu-goi-section .col {
 padding-bottom: 0;
}
input[type="submit"] {
 font-weight: normal;
 text-transform: none;
}
.khoa-hoc-section .box .box-text {
 padding-bottom: 0;
}
.box-blog-post .is-divider {
 display: none;
}
.list-post .post-item .post-title {
 margin: 0;
 margin-bottom: 10px;
 font-size: 19px;
}
.tai-lieu-ke-toan .col {
 padding-bottom: 0;
}
.list-post .post-item .box-text,
.doi-tac-section .col {
 padding-bottom: 0;
}
.list-post .post-item .box-image {
 border-radius: 6px;
}
.ux-logo {
 padding: 0px;
 background: white;
 margin-bottom: 5px;
 border-radius: 5px;
}
.footer-secondary {
 padding: 0;
}
.list-post .post-item .post-title:hover {
 color: #094f8e;
}
a.back-to-top {
 background: #f26d20 !important;
 border: None !important;
 color: white;
}

.footer-section .col {
 padding-bottom: 0;
}
.ho-tro-giai-dap {
 background: url(/wp-content/uploads/2019/11/thiết-kế-website-chuẩn-seo.jpg);
 background-size: contain;
 padding: 20px;
 border-radius: 10px;
 color: #fff;
}
.ho-tro-giai-dap h2 {
 color: white !important;
}
.widget .is-divider {
 display: none;
}
.widget ul {
 border: 1px solid #ececec;
}
.mr-half .badge-inner {
 border-radius: 99%;
}
.blog-archive .large-9 .badge {
 display: none;
}
.blog-archive .post-item .post-title {
 font-size: 18px;
 margin-bottom: 10px;
}
#breadcrumbs {
 font-size: 15px;
 margin-bottom: 10px;
}
.danh-sach-khoa-hoc p {
 margin-bottom: 0;
}
.danh-sach-khoa-hoc .col {
 padding-bottom: 0;
}
a.button {
 font-weight: normal;
 letter-spacing: 0;
}
.tabbed-content ul li a {
 text-transform: uppercase;
 font-size: 18px;
}
.tabbed-content .nav {
 margin-bottom: 10px;
}
b,
strong {
 font-weight: 500;
}
html,
body {
 font-weight: normal;
}
.blog-archive .archive-page-header .large-12 {
 text-align: left;
 padding-bottom: 10px;
}
.blog-archive h1.page-title {
 letter-spacing: 0;
 font-size: 26px;
}
.blog-archive .post-item .post-title:hover {
 color: #f26d20;
}
.blog-archive .post-item .box-image {
 border-radius: 5px;
}
.widget ul li a {
 font-size: 15px;
}
.widget ul li:hover {
 background: #f7f7f7;
}
.widget ul li {
 padding: 2px 10px;
}
span.widget-title {
 text-transform: none;
 background: #f26d20;
 padding: 13px;
 width: 100%;
 display: block;
 font-weight: 500;
 font-size: 19px;
 letter-spacing: 0;
 color: white;
}
.page-right-sidebar .large-9 {
 border-right: none !important;
}
.page-right-sidebar .large-3 {
 padding-left: 0;
 border-left: none !important;
}
.page-right-sidebar .page-inner ul {
 margin-left: 20px;
}
h1.entry-title.mb {
 margin-bottom: 20px;
 text-transform: none;
 letter-spacing: 0;
 font-size: 32px;
}
.xem-them .tieu-de-xem-them {
 font-weight: 500;
 display: block;
 margin-bottom: 10px;
 font-size: 19px;
 color: black;
}
.blog-single .entry-meta {
 text-transform: none;
 font-size: 14px;
 letter-spacing: 0;
 color: gray;
 border-top: 1px solid #e2e2e2;
 border-bottom: 1px solid #e2e2e2;
 padding: 10px;
 background: #f9f9f9;
}
.danh-muc {
 margin-bottom: 15px;
}
.danh-muc span.title,
.the-tim-kiem span.title {
 border-radius: 4px;
 background: #2196f3;
 padding: 4px 10px;
 color: white;
 margin-right: 5px;
}
.danh-muc a,
.the-tim-kiem a {
 border-radius: 4px;
 margin-bottom: 10px;
 padding: 4px 10px;
 background: #dedede;
 color: #464646;
}
.danh-muc a:hover,
.the-tim-kiem a:hover {
 background: #4fc3f7;
 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: 4px;
 object-fit: cover;
 object-position: center;
}
.bai-viet-lien-quan h4:hover {
 color: #2196f3;
 text-decoration: underline;
}
.bai-viet-lien-quan h4 {
 font-size: 15px;
 color: black;
 line-height: 19px;
 padding-top: 7px;
 height: 64px;
 overflow: hidden;
}
.entry-content {
 padding-top: 0;
 padding-bottom: 0;
}
#menu-khoa-hoc li a {
 color: #0b65b5;
 font-weight: 500;
}
.blog-single .blog-share {
 text-align: left;
}
.blog-single .entry-content h2 {
 font-size: 22px;
}
.blog-single .entry-content h3 {
 font-size: 21px;
}
.blog-single .entry-content h4 {
 font-size: 20px;
}
.blog-single .entry-content h5 {
 font-size: 19px;
}
.is-divider {
 display: none;
}
.wp-caption .wp-caption-text {
 text-align: center;
 background: none;
}
.wp-caption {
 text-align: center;
}
.blog-archive .large-3 {
 padding-left: 0;
 border-left: none !important;
}
.blog-archive .large-9 {
 border-right: none !important;
}
.chuong-trinh-hoc .col.large-3 .col-inner {
 min-height: 460px;
}
.off-canvas-left.mfp-ready .mfp-content {
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.col-5 {
    width: 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
}
.chuong-trinh-hoc .col.large-3 .col-inner {
 min-height: auto;
}
.bai-viet-lien-quan ul li {
 width: 50%;
}
.bai-viet-lien-quan ul li .box-image img {
 height: 100px;
}
.icon-search:before,
.icon-menu:before {
 color: #f26d20;
}
/*.off-canvas-left.mfp-ready .mfp-content {
 background: #f26d20;
}
.off-canvas:not(.off-canvas-center) .nav-vertical li > a {
 padding-left: 20px;
 padding-top: 10px;
 padding-bottom: 10px;
 font-size: 16px;
 text-transform: none;
 color: white;
 font-size: 20px;
 font-weight: normal;
}*/
/*.off-canvas:not(.off-canvas-center) .nav-vertical li {
 border-top: 1px solid #0c5ba0;
 border-bottom: 2px solid #2984d4;
}*/
.khoa-hoc-section .box h3 {
 font-size: 16px;
}
.gioi-thieu-section .col {
 padding-bottom: 10px;
}
.ml-half {
 margin-left: 0;
}
.phan-hoi-section .icon-box .icon-box-img {
 width: 100px !important;
}
.page-right-sidebar .large-3,
.blog-archive .large-3 {
 padding-left: 15px;
}
.blog-archive .post-item {
 flex-basis: 50%;
 max-width: 50%;
 padding: 5px;
}
.keu-goi-section input[type="submit"] {
 width: 100%;
}
.keu-goi-section h3,
.keu-goi-section p {
 text-align: center !important;
}


}



/*css P dev */
.heading-title h2 {
    color: #f26d20;
    font-size: 30px;
}
.col-5 {
    width: 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
.khoa-hoc-section .col-5 .col-inner {
    height: 100%;
}
.why-ct p {
    margin-bottom: 10px;
    font-size: 16px;
}
.why-ct h2 {
    text-transform: uppercase;
    font-size: 30px;
}