/*
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.   ***************/
.nav-container>div {
    max-width: 1200px;
}

.nav-container {
    display: flex;
    justify-content: center;
    background-attachment: fixed;
}

html {
    scroll-behavior: smooth;
}


h1,
h2,
h3,
h4,
h5,
strong{
    font-family: bevietnam!important;
    color: #000;
    line-height: 28px;
}
body p,
span,
li{
    font-family: Roboto, sans-serif;
    color: #000;
    line-height: 28px;
}

body h2 {
    font-size: 20px;
}

body.post-template-default.single h3,
body.post-template-default.single h3>span {
    font: 18px bevietnam;
    font-weight: 700 !important;
}

body.post-template-default.single h2,
body.post-template-default.single h2>span {
    font-size: 25px;
    font-weight: 700 !important;
}


body.post-template-default.single .entry-content a {
    color: #6D0858;
}

body.post-template-default.single .entry-content a:hover {
    color: #FBC37A;
}

.container-child.header h2>strong {
    font: 30px BeVietNam-Bold !important;
    color: #ffbd61;
    text-shadow:-2px 2px 2px #a04339;
    text-transform: uppercase;
}

main#main {
    z-index: 1;
}

.nav-container.tra-cuu {
    background-repeat: no-repeat !important;
    background-size: cover;
}

.nav-container.tra-cuu h2>strong,
.nav-container.tra-cuu p,
.nav-container.tra-cuu label {
    color: #fff;
}

.container-child.header h2 {
    max-width: 80%;
    margin: 20px auto;
}

.nav-container h3 strong {
    font-family: bevietnam-bold;
    font-size: 22px;
}

.xem-online .col-3 h2 {
    position: absolute;
    bottom: 25%;
    max-width: 75%;
    text-align: center;
    font-family: Montserrat, sans-serif;
    color: #fff;
    min-height: 56px;
}

.xem-online .col-3 .wpb_single_image {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cach-xem {
    background: #272525;
}

.cach-xem>.wpb_column>.vc_column-inner>.wpb_wrapper {
    border: 2px solid #D56FA1;
    margin: 50px 0;
    border-radius: 20px;
}

.cach-xem .container-child.header h2 {
    margin-top: -20px;
    background: #272525;
    width: fit-content;
    padding: 0 20px;
}

.tra-cuu form,
.cach-xem form,
.nav-container.tra-cuu p {
    max-width: 900px;
    margin: auto;
}

.cach-xem form p,
.cach-xem form label,
.tra-cuu form p,
.tra-cuu form label {
    color: #fff;
}

.cach-xem form input,
.cach-xem form select,
.tra-cuu form input,
.tra-cuu form select {
    border-radius: 25px !important;
    color: #000 !important;
    font-family: 'bevietnam';
}

.cach-xem .container-child.col-2:last-child .wpb_wrapper>p {
    color: #fff;
    max-width: 345px;
    border-left: 1px solid #fff;
    padding-left: 20px;
    margin-left: 20px;
    letter-spacing: 0.2px;
    font-size: 18px;
}

.cach-xem .container-child.col-2:first-child .wpb_wrapper>p>strong {
    color: #6d0858;
    font-size: 40px;
    text-shadow: -1px -1px 0 #fff, 0 -1px 0 #fff, 1px -1px 0 #fff, 1px 0 0 #fff, 1px 1px 0 #fff, 0 1px 0 #fff, -1px 1px 0 #fff, -1px 0 0 #fff;
    font-family: 'BeVietnam-Bold';
}

form button.button_form_custom.button.devvn_button {
    border-radius: 25px;
    color: #FFF;
    background: linear-gradient(180deg, #ffbd61, #a9544b);
    max-width: 340px;
    margin: 40px auto !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border: unset;
    animation: zoomAnimation 1s infinite alternate;
    font-size: 16px;
    font-family: 'bevietnam';
}

@keyframes zoomAnimation {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.2);
    }
}

.thong-tin .vc_tta-container .vc_tta-panel {
    max-width: 863px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #6D0858;
    border-radius: 10px;
    margin-bottom: 10px;
}

.thong-tin .vc_toggle_content {
    padding: 0 24.2px;
}

.thong-tin .vc_tta-panel-heading {
    background: linear-gradient(270deg, #ffbd61, #de925c);
    border-radius: 10px !important;
    /* padding: 10px 0; */
}

.thong-tin .vc_tta-panel-heading h4 span {
    color: #fff;
}

.thong-tin .vc_tta-color-grey.vc_tta-style-classic .vc_tta-controls-icon::after,
.thong-tin .vc_tta-color-grey.vc_tta-style-classic .vc_tta-controls-icon::before {
    border-color: #fff;
}

.thong-tin .vc_tta-color-grey.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after,
.thong-tin .vc_tta-color-grey.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before {
    background: #fff;
    border-color: #fff;
}

.thong-tin .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body {
    background-color: #fff;
}

.nav-container.blog .vc_gitem-zone.vc_gitem-zone-a.vc-gitem-zone-height-mode-auto.vc-gitem-zone-height-mode-auto-1-1.vc_gitem-is-link {
    max-height: 285px;
    max-width: 380px;
}

.nav-container.blog .vc_btn3-container.vc_btn3-left {
    text-align: center;
}

.nav-container.blog .vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_excerpt p:nth-child(2) {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    min-height: 140px;
}

.vc_btn3.vc_btn3-color-juicy-pink,
.vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
    color: #fff;
    background: linear-gradient(180deg, #ffbd61, #a9544b);
    font-size: 16px;
    font-family: 'bevietnam';
}

.box-button.normal.transform>a {
    font-size: 16px;
    font-family: 'BeVietnam-Bold';
    border-radius: 99px !important;
    letter-spacing: unset;
    max-width: 195px;
    color: #fff;
    line-height: 20px;
    animation: zoomAnimation 1s infinite alternate;
    text-align: center;
    width: fit-content;
    background: linear-gradient(180deg, #ffbd61, #a9544b);
}

.box-button.normal.transform>a:hover {
    background: linear-gradient(45deg, #7a1b62, #cd6b9b);
    color: #fff;
}

.cau-hoi .vc_tta-panel-heading,
.cau-hoi .vc_tta-panel-body {
    background-color: rgb(0 0 0 / 0%) !important;
}

.cau-hoi .vc_tta-panel.vc_active .vc_tta-panel-heading span {
    font-family: 'BeVietnam-Bold';
    color: #7a1b62;
}

.cau-hoi .vc_tta-panel.vc_active .vc_tta-panel-body strong {
    font-family: 'BeVietnam-Bold';
}

.cau-hoi .vc_tta-panel.vc_active .vc_tta-panel-heading {
    background-color: #fac37a !important;
    border-left: 3px solid #eeba76 !important;
}

.cau-hoi .vc_tta-color-grey.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after,
.cau-hoi .vc_tta-color-grey.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before {
    border-color: #7a1b62;
}

footer#footer span.widget-title {
    color: #fff;
}

.absolute-top {
    position: absolute;
    top: -45px;
    max-width: 100vw;
}

.nav-container.thong-tin {
    margin-bottom: 30px;
}

.nav-container.y-nghia {
    background: linear-gradient(180deg, #272525, #272525);
    padding-bottom: 30px;
}
.y-nghia .container-child.header h2>strong {
    color: #fff;
}
.nav-container.blog {
    padding-bottom: 30px;
}

ul.header-nav a.nav-top-link {
    font-size: 16px;
    font-family: 'BeVietnam-Bold';
}

header#header .flex-col.hide-for-medium.flex-right {
    width: 100%;
}

ul.header-nav {
    justify-content: space-around;
}

ul.sub-menu.nav-dropdown.nav-dropdown-simple.dropdown-uppercase {
    padding: 0;
}

ul.sub-menu.nav-dropdown.nav-dropdown-simple.dropdown-uppercase>li:hover {
    background-color: #cd6b9b;
}

ul.sub-menu.nav-dropdown.nav-dropdown-simple.dropdown-uppercase>li:hover>a {
    color: #fff;
}

ul.sub-menu.nav-dropdown.nav-dropdown-simple.dropdown-uppercase>li>a {
    font-family: 'BeVietnam-Bold';
    font-size: 14px;
    color: #000;
}

.button-logout {
    background-color: #81235e;
    color: #fff;
    width: 155px;
    height: 47px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
}

.depicter.depicter-document.depicter-revert {
    background: unset;
}

ul.nav.nav-sidebar a {
    color: #000;
    font-family: 'bevietnam';
}

.search-name>strong {
    color: #6d0858;
    font-size: 25px;
}

h1.page-title.is-large.uppercase>span {
    color: #6d0858;
}

.post-sidebar .widget-title>span {
    color: #6D0858;
    font-family: 'BeVietnam-Bold';
    font-size: 20px;
}

.post-sidebar .is-divider.small {
    max-width: 100px;
    background: #6d0858;
}

footer .is-divider.small {
    max-width: 100px;
    background: #fff;
}

form#commentform input#submit {
    background-color: #81235e;
}

body.single.single-post h1.entry-title {
    font-size: 30px;
    color: #81235e;
    text-shadow: 0 0 #fff;
}

.container-child.header h3>strong {
    color: #6D0858;
    font-family: 'BeVietnam-Bold';
    font-size: 20px;
}

.nav-container.cau-hoi .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body,
.nav-container.cau-hoi .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading,
.nav-container.cau-hoi .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {
    border-color: unset;
}

@keyframes backgroundAnimation {
    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 100% 50%;
    }
}

body.um-page-password-reset main,
body.um-page-login main,
body.um-page-register main {
    background: url(https://huyenhockhaitam.vn/wp-content/uploads/2023/12/wallpaperflare.com_wallpaper-scaled.jpg);
    background-size: contain;
    background-position: center;
    background-size: 120%;
    animation: backgroundAnimation 100s ease infinite;
}

body.um-page-password-reset main form,
body.um-page-login main form,
body.um-page-register main form {
    background-color: #fff;
    padding: 15px 35px 35px;
    border: 2px solid #f1f1f1;
    border-radius: 10px;
}

body.um-page-password-reset .um-field:not(:last-child) input,
body.um-page-register .um-field:not(:last-child) input,
body.um-page-login .um-field:not(:last-child) input {
    background-color: #FAFAFA !important;
    border-radius: 5px;
    color: #000;
}

body.um-page-password-reset .title-header,
body.um-page-register .title-header,
body.um-page-login .title-header {
    color: #fff;
    font-size: 30px;

}

body.logged-in.um-page-user.um-page-loggedin.um-own-profile main,
body.logged-in.um-page-account.um-page-loggedin main {
    background: #EEEEEB !important;
}

body.logged-in.um-page-account.um-page-loggedin .row.row-main,
body.logged-in.um-page-user.um-page-loggedin.um-own-profile .um.um-profile {
    background-color: #fff;
    border: 2px solid #272525;
    border-radius: 10px;
}

body.logged-in.um-page-account.um-page-loggedin .row.row-main {
    padding-top: 30px;
}

body.logged-in.um-page-account.um-page-loggedin .um-faicon-cog:before,
body.logged-in.um-page-user.um-page-loggedin.um-own-profile .um-faicon-gear:before,
.um-faicon-cog:before,
.um-faicon-gear:before {
    color: #444444;
}

body.um-page-password-reset .row.row-main,
body.um-page-register .row.row-main,
body.um-page-login .row.row-main {
    max-width: 600px;
}

.vc_col-sm-12.vc_gitem-col.vc_gitem-col-align- {
    background-color: #fff;
}

.vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_title h4 {
    min-height: 56px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.vc_grid-item.vc_clearfix.vc_col-sm-4.vc_grid-item-zone-c-bottom.vc_visible-item.fadeIn.animated>div {
    border: 1px solid #aa554b;
    border-radius: 10px;
    overflow: hidden;
}

.nav-container.menu-blog .box-button.normal a {
    background: linear-gradient(45deg, #6d0858, #8d0a72b5);
    color: #fff !important;
    font-size: 16px;
    border: 1px solid #6d0858;
}

.nav-container.menu-blog .box-button.normal a:hover {
    background: #fff;
    color: #6d0858 !important;
}

.nav-container.blog-grid .vc_custom_heading a.vc_gitem-link {
    color: #000;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.nav-container.blog-grid .vc_custom_heading p {
    font-size: 14px;
    line-height: 22px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-align: justify;
}

.nav-container.blog-grid .vc-gitem-zone-height-mode-auto:before {
    padding-top: 35%;
}

body.page-id-674 div#ez-toc-container {
    display: none;
}

body.page-id-674 .vc_gitem_row.vc_row.vc_gitem-row-position-top h4 {
    font-size: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

body.page-id-674 .vc_gitem_row.vc_row.vc_gitem-row-position-top .vc_gitem-post-data-source-post_excerpt p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font-size: 15px;
    margin: 0;
}

.wpb_column.vc_column_container.vc_col-sm-3\/5 .vc_grid-item-mini.vc_clearfix {
    border: 2px solid #710d5c;
    border-radius: 10px;
    overflow: hidden;
}

.vc_col-sm-2\/5 .vc_grid-item-mini.vc_clearfix {
    border-bottom: 2px solid #cdcdcd;
}

.vc_col-sm-2\/5 .vc_grid.vc_row.vc_grid-gutter-30px.vc_pageable-wrapper.vc_hook_hover {
    /* border: 2px solid #710c5c; */
    border-radius: 10px;
    padding: 10px;
    max-height: 615px;
    overflow: overlay;
}

.nav-container .container-child.header a {
    color: #771863;
    font-weight: 700;
}

div.slide-post .header h2 {
    text-align: center;
}

.nav-container.slide-post .vc_grid-item-mini.vc_clearfix {
    border: 1px solid #6d0858;
    border-radius: 10px;
    overflow: hidden;
}

.nav-container.slide-post h4 {
    font-size: 16px !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.nav-container.slide-post .vc_btn3-container.vc_btn3-left {
    text-align: center;
}

.nav-container.slide-post .vc_btn3-container.vc_btn3-left a {
    color: #fff;
}

.nav-container.slide-post .vc_btn3-container.vc_btn3-left a:hover {
    background: #fff;
    border: 1px solid #6d0858;
    color: #6d0858;
}

.container-child.header-blog {
    color: #000;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 2px solid #74105f;
}

.pum-container.popmake div#pum_popup_title_816 {
    display: none;
}

.pum-container.popmake img,
.pum-container.popmake h2 {
    display: none;
}

body.page-template-default.page.page-id-802 div#ez-toc-container {
    display: none;
}

body.page-template-default.page.page-id-802 .product-small.box {
    border: 1px solid #d56fa1;
    border-radius: 10px;
    padding: 15px 15px 0;
    text-align: center;
}

a.button.add_to_cart_button {
    background: linear-gradient(45deg, #7a1d66, #bd4c83);
    border-radius: 6px;
}

body.page-template-default.page.page-id-802 h4,
body.page-template-default.page.page-id-802 h3>strong {
    font: 30px BeVietNam-Bold !important;
    color: #D56FA1;
    text-shadow: -2px 2px 2px #6D0858;
    text-transform: uppercase;
}

body.page-template-default.page.page-id-802 ul {
    list-style: circle;
}

body.page-template-default.page.page-id-802 li {
    font-size: 16px;
    font-style: italic;
}

.woocommerce-message.message-wrapper,
.woocommerce-form-coupon-toggle {
    display: none;
}

ul.sub-menu.nav-dropdown.nav-dropdown-simple {
    padding: 0;
    border: unset;
}

ul.sub-menu.nav-dropdown.nav-dropdown-simple>li {
    border-bottom: 1px solid;
}

ul.sub-menu.nav-dropdown.nav-dropdown-simple>li>a {
    color: #000;
}

ul.sub-menu.nav-dropdown.nav-dropdown-simple>li>a:hover {
    background: #FBC37A;
}

.nav-pagination>li>.current,
.nav-pagination>li>a:hover,
.nav-pagination>li>span:hover {
    background-color: #f6a337;
    border-color: #f6a337;
    color: #fff !important;
}

.nav-pagination>li>a,
.nav-pagination>li>span {
    border-color: #f6a337;
    color: #f6a337 !important;
}

.nav-container.cach-xem.xem-online .container-child.header h2>strong {
    font: 30px BeVietNam-Bold !important;
    color: #ffbd61;
    text-shadow:-2px 2px 2px #a04339;
    text-transform: uppercase;
}

.cach-xem>.wpb_column>.vc_column-inner>.wpb_wrapper {
    border: 2px solid #fff;
    margin: 50px 0;
    border-radius: 20px;
}

.nav-container.blog .vc_gitem-zone.vc_gitem-zone-a.vc_gitem-is-link {
    max-height: 230px;
}

div#pum-816 {
    display: none;
}

.absolute-footer.dark.medium-text-center.small-text-center {
    padding: 0;
    background: #000;
}

.vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:focus,
.vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:hover,
.vc_btn3.vc_btn3-color-juicy-pink:focus,
.vc_btn3.vc_btn3-color-juicy-pink:hover {
    color: #f7f7f7;
    background-color: #f4b86a;
}

label.title.form-vip {
    font-size: 1.1em;
    font-weight: bolder;
    overflow: hidden;
    padding-top: 10px;
    text-transform: uppercase;
}

.large-6.col em {
    color: #000;
    display: block;
}

.header:not(.transparent) .header-nav-main.nav>li>a:hover,
.header:not(.transparent) .header-nav-main.nav>li.active>a,
.header:not(.transparent) .header-nav-main.nav>li.current>a,
.header:not(.transparent) .header-nav-main.nav>li>a.active,
.header:not(.transparent) .header-nav-main.nav>li>a.current {
    color: #fac178;
}

.wpb_text_column.wpb_content_element.container-child.form-tracuu {
    padding-top: 25px;
}
.nav-container.cau-hoi .vc_tta-panel {
    margin-bottom: 10px;
}


@media (max-width:768px) {
    .nav-container {
        padding: 0 20px;
    }

    .nav-container.y-nghia {
        padding: 0;
    }

    form button.button_form_custom.button.devvn_button {
        font-size: 13px !important;
    }

    .container-child.header h2 {
        max-width: 100% !important;
    }

    .cach-xem .container-child.col-2:first-child .wpb_wrapper>p>strong {
        font-size: 30px;
    }

    .cach-xem .container-child.col-2:first-child .wpb_wrapper>p {
        text-align: center !important;
    }

    .cach-xem>.wpb_column>.vc_column-inner>.wpb_wrapper {
        padding: 0 5px !important;
    }

    .absolute-top {
        display: none;
    }

    .show-desktop {
        display: none;
    }

    .container-child.header h2>strong,
    .nav-container.cach-xem.xem-online .container-child.header h2>strong {
        font: 20px BeVietNam-Bold !important;
    }

    .cach-xem form input,
    .cach-xem form select,
    .tra-cuu form input,
    .tra-cuu form select {
        border-radius: 5px !important;
    }

    .nav-container.tra-cuu h2>strong,
    .nav-container.tra-cuu p,
    .nav-container.tra-cuu label {
        text-align: justify;
    }

    .um-profile-body.posts.posts-default {
        padding-left: 20px;
    }




}

@media (min-width:769px) {
    .show-mobile {
        display: none;
    }

    div#text-7 {
        padding-left: 50px;
    }

    div#text-5 {
        padding: 0;
    }
}


/* import text font  */
@font-face {
    font-family: BeVietnam-Bold;
    src: url(https://huyenhockhaitam.vn/wp-content/themes/flatsome-child/fonts/BeVietnamPro-Bold.ttf);
    font-weight: normal;
}

@font-face {
    font-family: bevietnam;
    src: url(https://huyenhockhaitam.vn/wp-content/themes/flatsome-child/fonts/BeVietnamPro-Medium.ttf);
    font-weight: normal;
}

@font-face {
    font-family: BungeeShade;
    src: url(https://huyenhockhaitam.vn/wp-content/themes/flatsome-child/fonts/BungeeShade-Regular.ttf);
    font-weight: normal;
}