/*
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.   ***************/
*,
h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.off-canvas-center .nav-sidebar.nav-vertical>li>a {
    font-family: "Nunito Sans", sans-serif;
}

div#masthead,
div#wide-nav {
    background: none;
}
.col-gradient>.col-inner,
.btn-gra,
.section-gradient,
.banner-gra {
    background: linear-gradient(245deg, #0B4C3B -3.89%, #031510 59.22%) !important;
}
header .header-bg-color {
    background: linear-gradient(0deg, #0B4C3B -3.89%, #031510 59.22%) !important;
}

ul.header-nav.header-nav-main.nav.nav-right.nav-uppercase li i {
    color: #fff;
}

ul.nav.header-nav.header-bottom-nav.nav-left.nav-size-large.nav-spacing-xlarge {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

ul.nav.header-nav li {
    transition: background-color 0.3s, color 0.3s;

}

.related-products-wrapper a.wc-buy-now-btn.wc-buy-now-btn-archive.button.add_to_cart_button {
    display: none;
}

ul.nav.header-nav li a.nav-top-link {
    padding: 5px 12px;
    text-transform: capitalize;
}
.flex-left ul.nav.header-nav-main > li:nth-child(4),
.flex-left ul.nav.header-nav-main > li:nth-child(5) {
    display: none;
}
.flex-right ul.nav.header-nav-main > li:nth-child(1),
.flex-right ul.nav.header-nav-main > li:nth-child(2) {
    margin-right: auto;
}
.flex-right ul.nav.header-nav-main > li.header-language-dropdown {
    margin-right: 25px;
}

ul.nav.header-nav li:hover a.nav-top-link,
ul.nav.header-nav .current-menu-item a.nav-top-link,
ul.nav.header-nav .current-page-parent a.nav-top-link,
ul.nav.header-nav .current-page-ancestor a.nav-top-link {
    /*color: #0b4c3b !important;*/
    transition: background-color 0.3s, color 0.3s;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    font-weight: 900;
    font-size: 16px;
    border-radius: 9px;
    background: #195c4b;
}
.nav-dropdown-default {
    padding: 0;
}
.cart-item .nav-dropdown-default {
    padding: 15px;
}
.nav>li.header-language-dropdown>a {
    font-size: 16px;
    font-weight: 600;
}
.menu-item-design-full-width .nav-dropdown {
    /*background: #0b4c3b !important;*/
    border: none !important;
}

#wide-nav .flex-col.hide-for-medium.flex-left {
    width: 100%;
}

input#woocommerce-product-search-field-0 {
    background: transparent;
    border-bottom: 1px solid #fff !important;
    border: unset;
    box-shadow: unset;
    color: #111;
}

button.ux-search-submit.submit-button.secondary.button.icon.mb-0 {
    background: transparent;
    border-bottom: 1px solid #fff !important;
    border: unset;
    top: 0;
    color: #111;
    padding-right: 0;
}


.menu-chinh-sach-footer span.ux-menu-link__text {
    color: var(--White, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 2.3;
}
#footer p{
	font-size:16px;
}
.absolute-footer.dark {
    display: none;
}

.btn-gioi-thieu span {
    color: #0b4c3b;
}


.btn-gioi-thieu {
    background-color: #fff;
}

.btn-bi-kiep {
    border: 1px solid #fff;
}

.quantity input[type=number] {
    color: var(--fs-color-primary);
    font-size: 22px !important;
    /* hoặc bất kỳ màu nào như #333, blue, etc. */
}

.quantity .button.minus,.quantity .button.plus{
    min-width: 40px;
}


button.single_add_to_cart_button.button.alt {
    border-radius: 99px;
    background-color: transparent;
    color: var(--fs-color-primary);
    border: 2px solid var(--fs-color-primary);
    padding: 6px 30px;
}

button.wc-buy-now-btn.wc-buy-now-btn-single.single_add_to_cart_button.button.alt {
    background-color: var(--fs-color-primary);
    color: #FFF;
}

.add-to-cart-container.form-normal.is-normal {
    position: relative;
}

.product-selection .product-title {
    font-size: 16px;
}

.combo-group .promotion-card .add-to-cart-container.form-normal.is-normal form {
    justify-content: space-between;
}

.ux-quantity.quantity.buttons_added {
    position: absolute;
    top: -80px;
}

.product-all-sp .product-title {
    grid-column: 1 / span 3;
    grid-row: 2;
    text-align: left;
    font-size: 23px;
    font-weight: 700;
    color: #000 !important;
    text-transform: capitalize;
    letter-spacing: 1px;
    background: #000;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: -136px;
    z-index: 99;
}

.row-vid-share-trai-nghiem .video.video-fit.mb {
    background: o;
    border-radius: 22px;
}

.blog-share-kien-thuc img.wp-post-image {
    border-radius: 16px;
}

.blog-share-kien-thuc .box-blog-post .is-divider {
    height: 1px;
    margin-bottom: .5em;
    margin-top: .5em;
    width: 100% !important;
    max-width: 100%;
}

.blog-share-kien-thuc a.plain {
    overflow: hidden;
    color: var(--Green, #0B4C3B);
    text-overflow: ellipsis;
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    text-transform: capitalize;
}

.blog-share-kien-thuc p.from_the_blog_excerpt {
    overflow: hidden;
    color: var(--Xanh-siu-m, #031510);
    text-overflow: ellipsis;
    font-size: 16px;
    font-style: normal;
}

.col-filter .col-inner.text-center {
    backdrop-filter: blur(16px);
}


.col-filter .wpcf7 .row {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 3px;
    gap: 15px;
}

.col-filter .wpcf7 .col-6 {
    flex: 1 1 calc(50% - 7.5px);
}

.col-filter .wpcf7 .col-12 {
    flex: 1 1 100%;
}

.col-filter .wpcf7 input,
.col-filter .wpcf7 textarea {
    width: 100%;
    padding: 10px 12px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 8px;
    box-sizing: border-box;
}

.col-filter .wpcf7 textarea {
    min-height: 120px;
    resize: vertical;
}

.col-filter .wpcf7 label {
    color: var(--White, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: left;
}

.col-filter input.wpcf7-form-control.wpcf7-submit.has-spinner {
    width: 30%;
    border-radius: 32px;
    background: var(--Green, #0f6851);
    border: unset;
    display: flex;
    text-transform: uppercase;
    font-size: 22px;
    padding: 6px 61px;
}

.section-center .row {
    width: 100% !important;
}


/* ----------------------------------------------------- */

.col-form-trang-lien-he .col-inner.text-center {
    backdrop-filter: blur(16px);
}


.col-form-trang-lien-he .wpcf7 .row {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 3px;
    gap: 15px;
}

.col-form-trang-lien-he .wpcf7 .col-6 {
    flex: 1 1 calc(50% - 7.5px);
}

.col-form-trang-lien-he .wpcf7 .col-12 {
    flex: 1 1 100%;
}

.col-form-trang-lien-he .wpcf7 input,
.col-form-trang-lien-he .wpcf7 textarea {
    width: 100%;
    padding: 10px 12px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 8px;
    box-sizing: border-box;
}

.col-form-trang-lien-he .wpcf7 textarea {
    min-height: 120px;
    resize: vertical;
}

.col-form-trang-lien-he .wpcf7 label {
    color: #031510;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: left;
}

.col-form-trang-lien-he input.wpcf7-form-control.wpcf7-submit.has-spinner {
    width: max-content;
    border-radius: 32px;
    background: var(--Green, #0f6851);
    border: unset;
    display: flex;
    text-transform: uppercase;
    padding: 2px 40px;
}

.map-lien-he iframe {
    margin-bottom: -22px;
}

.accordion-title.active,
.accordion-title.plain {
    color: var(--Green, #0B4C3B);
    font-family: "Nunito Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    text-transform: capitalize;
    background-color: unset;
    padding-left: 14px;
}

.accordion .toggle {
    border-radius: 999px;
    height: 1.5em;
    right: 0;
    margin-right: 5px;
    position: absolute;
    top: .3em;
    transform-origin: 50% 47%;
    width: 2.3em;
    left: unset;
}

.tuyen-dung-container h3 {
    color: #0B4C3B;
    font-size: 32px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    text-transform: capitalize;
}

.tuyen-dung-container p {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.tuyen-dung-container .tuyen-dung-box:Hover {
    background-color: #0B4C3B !important;

    transition: all 0.3s ease;
    cursor: pointer;
}

.tuyen-dung-container .tuyen-dung-box:hover p,
.tuyen-dung-container .tuyen-dung-box:hover h3 {
    color: #ffffff;
}

.tuyen-dung-container .tuyen-dung-box:hover .btn-xem-them-tuyen-dung {
    background-color: #fff !important;
    color: #0B4C3B !important;
}

.page-numbers {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 5px 10px;
    margin: 0 8px;
}

.page-numbers.current,
.page-numbers li a:hover {
    background: #0B4C3B;
    color: #fff;
}

p.name.product-title.woocommerce-loop-product__title {
    position: unset;
}

.product-all-sp .box-text {
    height: 100px;
    padding-top: 20px;
}

.product-all-sp .box-text .price-wrapper {
    position: absolute;
    bottom: -16px;
    font-size: 20px;
}

.col-all-sp .col-inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.font-w-700 * {
    font-weight: 700 !important;
}

.is-uppercase,
.uppercase {
    line-height: 1.3;
}

p.name.product-title.woocommerce-loop-product__title a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /* Giới hạn văn bản ở 2 dòng */
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-all-sp .product-small.col {
    padding-bottom: 0;
}

.menu-shop-header a.ux-menu-link__link.flex {
    font-size: 20px;
    font-weight: 700;
    color: #ffffff !important;
}

.dropdown-cua-hang .col {
    padding-bottom: 0;
}

.dropdown-cua-hang a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    font-size: 20px;
    font-weight: 700;
    color: #ffffff !important;
    text-align: center;
}

.dropdown-cua-hang .product-small img {
    border-radius: 12px;
}

.menu-shop-header a.ux-menu-link__link.flex:hover {
    text-decoration: underline;
}

.section-center .section-content {
    display: flex;
    justify-content: center;
}

.dropdown-cua-hang .badge-container {
    display: none;
}

#shop-prod-cat {
    list-style: none !important;
    display: flex;
}

#shop-prod-cat>li:first-child {
    margin-left: 0;
}

#shop-prod-cat .cat-active {
    text-transform: uppercase;
    padding-right: 20px;
    font-size: 16px;
    font-weight: 700;
    color: var(--primary-color);
}

.promotion-card {
    cursor: pointer;
}

.col-price-vertical p.price.product-page-price.price-on-sale {
    display: flex;
    flex-direction: column;
}

.col-price-vertical span.woocommerce-Price-amount.amount {
    font-size: 30px;
}

.col-price-vertical del span.woocommerce-Price-amount.amount {
    font-size: 20px;
}

.ux-timer-text {
    color: #FFF;
}

.popular-posts .post-thumbnail img.attachment-medium.size-medium.wp-post-image {
    height: 53px;
    display: flex;
    align-items: center;
}

.popular-posts .post-title h3 {
    color: var(--Xanh-siu-m, #031510);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1.28px;
    text-transform: capitalize;
}

span.widget-title {
    color: var(--Green, #0B4C3B);
    font-size: 18px;
    font-style: normal;
    line-height: normal;
    text-transform: capitalize;
    font-weight: 900;
}

.post-relate-pro ul {
    list-style-type: none;
    padding: 0;
}

.post-relate-pro li {
    display: flex;
    align-items: center;
	padding-left:24px;
    position: relative;
}

.post-relate-pro li::before {
    content: '';
    width: 16px;
    height: 16px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M2 1C2 0.734784 1.89464 0.48043 1.70711 0.292893C1.51957 0.105357 1.26522 0 1 0C0.734784 0 0.48043 0.105357 0.292893 0.292893C0.105357 0.48043 0 0.734784 0 1V6.6C0 8.03217 0.568927 9.40568 1.58162 10.4184C2.59432 11.4311 3.96783 12 5.4 12H12.586L10.293 14.293C10.1108 14.4816 10.01 14.7342 10.0123 14.9964C10.0146 15.2586 10.1198 15.5094 10.3052 15.6948C10.4906 15.8802 10.7414 15.9854 11.0036 15.9877C11.2658 15.99 11.5184 15.8892 11.707 15.707L15.707 11.707C15.8945 11.5195 15.9998 11.2652 15.9998 11C15.9998 10.7348 15.8945 10.4805 15.707 10.293L11.707 6.293C11.6148 6.19749 11.5044 6.12131 11.3824 6.0689C11.2604 6.01649 11.1292 5.9889 10.9964 5.98775C10.8636 5.9866 10.7319 6.0119 10.609 6.06218C10.4861 6.11246 10.3745 6.18671 10.2806 6.28061C10.1867 6.3745 10.1125 6.48615 10.0622 6.60905C10.0119 6.73194 9.9866 6.86362 9.98775 6.9964C9.9889 7.12918 10.0165 7.2604 10.0689 7.3824C10.1213 7.50441 10.1975 7.61475 10.293 7.707L12.586 10H5.4C4.95351 10 4.51138 9.91206 4.09888 9.74119C3.68637 9.57032 3.31156 9.31988 2.99584 9.00416C2.68012 8.68844 2.42968 8.31363 2.25881 7.90112C2.08794 7.48862 2 7.04649 2 6.6V1Z" fill="black" fill-opacity="0.5"/></svg>');
    background-size: contain;
	background-repeat:no-repeat;
    position: absolute;
    transform: translateY(-50%);
	  left: 0;
    top: 50%;
}

.blog-nho-hon a.plain {
    overflow: hidden;
    color: var(--Green, #0B4C3B);
    text-overflow: ellipsis;
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    text-transform: capitalize;
}

button.ux-search-submit.submit-button.secondary.button.icon.mb-0 {
    position: relative;
}

button.ux-search-submit.submit-button.secondary.button.icon.mb-0::after {
    content: "";
    width: 1px;
    height: 20px;
    background-color: #FFF;
    position: absolute;
    top: 6px;
    right: 0;
}

.home-video.container .content-left {
    position: absolute;
    top: 100px;
    left: 20px;
}

.product-card .product-image {
    position: relative;
    overflow: hidden;
}

.product-card .product-image::after {
    content: "";
    transition: all .2s ease;
    transform: translateY(100%);
}

.product-card .product-image:hover a.view-now {
    visibility: visible;
}

.product-card .product-image:hover::after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: translateY(0);
    background-color: rgba(0, 0, 0, .6);
}

a.view-now {
    z-index: 4;
    visibility: hidden;
    background: none !important;
}

.big-font span {
    font-size: 16px;
    font-weight: 900;
}

.row-dk-tv {
    height: 500px;
}

.row-dk-tv .col-filter {
    margin-top: -60px;
}

.col-filter {
    transform: scale(.8);
}

.col-filter input {
    margin-bottom: 0;
}

.col-filter .wpcf7-spinner {
    display: none;
}

.col-filter input.wpcf7-form-control.wpcf7-submit.has-spinner {
    font-size: 16px;
}

.related .price span bdi {
    font-size: 20px;
}

.related p.name.product-title.woocommerce-loop-product__title a {
    -webkit-line-clamp: 1;
}

.col-full-h .col-inner {
    height: 100%;
}

ul.ux-relay__pagination.page-numbers.nav-pagination.links li a,
.nav-pagination>li>.current,
.nav-pagination>li>a:hover,
.nav-pagination>li>span:hover {
    border-radius: 4px !important;
    font-size: 16px !important;
}

.page-item {
    padding: 0px 12px !important;
}

ul.ux-relay__pagination.page-numbers.nav-pagination.links li {
    margin-left: 10px;
}

.product-short-description {
    color: #000;
}

.after-detail-prod .product-info {
    padding: 80px;
}

.col-sp-info .product-title.product_title.entry-title {
    font-size: 30px;
    font-weight: 700;
    color: var(--fs-color-secondary);
    text-wrap: auto;
}

.rating {
    font-size: 20px !important;
}

#reviews {
    flex-direction: column !important;
}

div#reviews .col {
    flex-basis: 100%;
    max-width: 100%;
}

.wc-tabs.product-tabs {
    display: none;
}

.woocommerce-Reviews-title {
    display: none;
}

h3.product-section-title.container-width.product-section-title-related.pt-half.pb-half {
    font-size: 2rem;
    color: var(--fs-color-secondary);
    font-weight: 700;
}

.menu-chinh-sach-footer {
    color: #FFF !important;
}

ul.nav.header-nav li a.nav-top-link {
    font-size: 16px;
    font-weight: 700;
}

h1.promotion-header {
    color: #000;
}

.product-selection .product-title {
    color: var(--fs-color-secondary);
}

.col-image-detail .badge-container {
    display: none;
}

.related .badge-container {
    display: none;
}

.star-rating span:before {
    color: yellow;
}

.discount-badge {
    left: 0 !important;
    border-radius: 0 8px 8px 0 !important;
}

.popular-post .post-title h3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /* Giới hạn văn bản ở 2 dòng */
    overflow: hidden;
    text-overflow: ellipsis;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-wrap: auto;
}

.blog-share-kien-thuc p.from_the_blog_excerpt {
    text-align: justify;
}

/*.post-title {*/
    /*text-align: justify;*/
/*}*/

.pyra-video-content {
    padding: 15px 0 !important;
}

.product-card .product-title,
.product-card .rating,
.product-card .price {
    padding: 0 10px;
}

.product-card .price {
    padding-bottom: 20px;
}

.popular-post .post-title {
    text-align: left;
}

.article-inner .entry-divider {
    display: none;
}

.entry-header-text {
    margin-top: 30px;
    padding-bottom: 0;
}

.chia-se {
    color: rgb(119, 119, 119);
}

.product-card {
    border: 1px solid #ccc;
}

body .header-main .icon-user:before {
    width: 26px;
    height: 26px;
    background-size: contain;
}
body .header-main .image-icon img {
    width: auto;
    height: 23px;
}
body .header-main .header-language-dropdown .image-icon img {
    width: 23px;
    height: 23px;
    border-radius: 50%;
}
.nav>li>a>i.icon-search {
    font-size: 1.8em;
}
body .header-wrapper .nav-spacing-xlarge>li {
    margin: 0 10px;
}
#logo img {
    height: 55px;
}
.uppercase, h6, span.widget-title, th {
    letter-spacing: 0;
}
.row-service .col {
    padding-bottom: 0;
}
.row-service > .col > .col-inner {
    background-image: url("https://pyra.erasvietnam.com/wp-content/uploads/2025/04/IMG.svg");
}
.row-service > .col > .col-inner:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.9);
}
.row-service > .col > .col-inner > .row {
    position: relative;
    z-index: 2;
    margin: 0;
}
.row-service > .col > .col-inner > .row .col {
    padding: 0;
}
.row-service > .col > .col-inner > .row .icon-box {
    padding: 10px;
    min-height: 128px;
    align-items: center;
}
.row-service > .col > .col-inner > .row .icon-box-text {
    font-size: 16px;
    padding-left: 5px;
}

.pyra-product-story-col-small .sidebar-wrapper .col {
    padding: 0;
}
.capitalize {
    text-transform: capitalize;
}
@media only screen and (min-width: 992px) {
    .pyra-product-story .col.pyra-product-story-col-small {
        flex-basis: 20%;
        max-width: 20%;
    }
    .pyra-product-story .col.pyra-product-story-col-large {
        flex-basis: 60%;
        max-width: 60%;
    }
}
@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/


}


@media (max-width: 768px) {
    .discount-options {
        flex-direction: unset!important;
    }
    button.single_add_to_cart_button.button.alt{
        padding:6px 15px!important;        text-transform: none;
    }
    .discount-option{
    width: max-content!important;
    padding:6px 10px!important;
}
form.cart{
    justify-content: unset!important;
}
.discount-section {
    margin-bottom: -85px!important;
}
}