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

/*************** ADD CUSTOM CSS HERE.   ***************/
.gradient1 {background: linear-gradient(90deg, rgba(253,183,22,1) 0%, rgba(253,183,22,1) 100%);!important}
.gradient2 {background: linear-gradient(90deg, rgba(23,20,67,1) 0%, rgba(34,59,116,1) 100%);!important}
.copyright-footer {padding-top:13px;}
@media (max-width: 1368px) { .nav-size-large>li>a {font-size: 63%;}.nav-spacing-medium>li {margin: 0 7px;}}

@media (min-width: 550px) {
    p.form-row-first {
        margin-right: 2px;
    }
}
@media (min-width: 550px) {
    p.form-row-first, p.form-row-last {
        width: 49.5%;
    }
}
.product-main {padding: 10px 0;}
span.amount {color: #c52127;}
.page-id-444 .footer-wrapper { display: none;}
.page-id-446 .footer-wrapper { display: none;}
.nav > li > a {font-weight: normal!important;text-transform: uppercase;color: #000;}
.homekhoahoc ul {margin-bottom:0em;}
.blog-single .entry-content {padding-top: 0px;}
.is-divider {display: none;}
.posted-on {margin-right:10px;}
.entry-meta i{margin-right:3px;}
.posted-on .fa-calendar-alt {padding-right:5px;}
.fa-calendar-alt:before, .fa-user:before {color: #979797;}
.sec-footer .col {padding: 0 15px 10px;}
.sec-footer p {margin-bottom: 8px;}
.form-lien-he {border-radius: 10px;background: linear-gradient(90deg, rgba(253,183,22,1) 0%, rgba(253,183,22,1) 100%);!important;padding: 10px 30px;}
.form-lien-he h3 {color:#000;text-align:center;}
.form-lien-he h1 {color:#223b74;text-align:center;}
span.widget-title {display: none;}
.widget-area .section {padding:0px!important;}
.nav-dropdown-default {padding: 0px;border-radius: 8px;}
@media screen and (min-width: 850px) {.row-divided>.col+.col:not(.large-12) {border-left: 0px;background-color: aliceblue;padding-top: 30px;border-radius: 10px;}}
.row-divided>.col+.col:not(.large-12) {background-color: aliceblue;padding-top: 30px;border-radius: 10px;height: fit-content;}
.homekhoahoc .box-text {background-color: #fff;border-radius: 0px 0px 10px 10px;}
.homekhoahoc h3 {color: #223b74;}
@media only screen and (min-width: 48em) {.homekhoahoc .box-text {height: 140px;}}
.product-title {font-family: 'Roboto Slab';color: #9b1106!important;font-size: 18px;}
.product-info .product-title {font-size: 23px;}
.woocommerce-product-gallery figure {margin: 0;border: 2px #e7e7e7 solid;}
.product-small .box {border: 2px solid #e3e3e3;border-radius: 10px;padding: 10px;}
.related-products-wrapper .container-width {max-width: 100%;}
.related-products-wrapper h3 {color:#c42127;}
input[type='email'], input[type='date'], input[type='search'], input[type='text'], input[type='tel'], input[type='url'], input[type='password'], textarea, select, .select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection {height: 30px;}
.cauhoithuonggap {background-color: #fff;}
.content-item-wrap {width: 100%!important}
.lesson-title {display:none;}
.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {width: 340px;}
@media screen and (max-width: 849px) {.medium-logo-center .flex-left {flex: 0 1 0;}}
.widget li {list-style: circle;}
#dashboard-statistic {display:none;}
.checklist-ul {list-style-type: none;padding: 0;li {padding: 0 0 0 25px;position: relative;margin-bottom: 5px;&:before {position: absolute;left: 5px;content: "\2713";}}}
.checklist-ul li {list-style-type: none;margin-left:0em!important;}
input.wpcf7-form-control.wpcf7-submit {display: block;margin: 0 auto;}
h1, h2, h3, h4, h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a {font-family: 'albulapro-bold', sans-serif!important;}
.full-width, .expand {padding-left: 10px!important;padding-right: 10px!important;}
p.from_the_blog_excerpt:after {
    content: "Đọc thêm";
    display: block;
    background-color: #ffffff;
    width: fit-content;
    padding: 5px 20px;
    border-radius: 15px;
    border: 2px solid #9a1b1f;
    color: #9a1b1f;
    font-weight: 600;
}

p.from_the_blog_excerpt:hover:after {
    background-color: #9a1b1f;
    color: #ffffff;
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}