/*
Theme Name: VinaWebsite.VN
Description: Templates develop by vinahost.vn
Author: VINAHOST.VN
Template: flatsome
Support: website@vinahost.vn
Version: 1.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.thuongmai .col.medium-3.small-3.large-3 img {
    border: 1px solid #ddd;
    padding: 3px;
}
.thuongmai >.col{
        padding: 0 16.8px 19.6px!important;
}
/* add style price ajax search */
.suggestion-post-title{
    color: #1a1a1a;
}
.aa-dropdown-menu .aa-suggestion em {
    background: transparent;
}
.suggestion-post-price {
    font-size: 14px;
}
.suggestion-post-price > .amount,
.suggestion-post-price > ins .amount {
    color: red;
    text-decoration: none
}
.suggestion-post-price > ins{
    text-decoration: none
}
.suggestion-post-price del {
    font-size: 12px;
    color: grey
}
/* fix 21/2/2022 */
body .mfp-bg.mfp-ready
{
    z-index: 1042 !important;
}
body .mfp-wrap {
    z-index: 1043 !important;
}
body .off-canvas-undefined .mfp-container
{
    padding: 30px 15px;
}
body .off-canvas-undefined .mfp-content
{
    -webkit-transform: translateY(70px);
    -ms-transform: translateY(70px);
    transform: translateY(70px);
    vertical-align: top;
}
body .off-canvas-undefined .mfp-content .searchform input
{
    border: none;
    min-height: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    box-shadow: none;
}
body .off-canvas-undefined .mfp-content .searchform button[type="submit"]
{
    border: none;
    min-height: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    box-shadow: none;
}
/* fix 13/7/2022 */
.row_product .product_gallery .product-thumbnails .col > a {
    position: relative;
}
.row_product .product_gallery .product-thumbnails .col > a .icon_video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    line-height: 1;
    opacity: .5;
}
.row_product .product_gallery .product-thumbnails .col.is-nav-selected > a .icon_video {
    opacity: 1;
}
.row_product .product_gallery .product-thumbnails .col > a .icon_video svg {
    color: #fd0012;
}
.row_product .product_gallery .product-thumbnails .col > a .icon_video svg path {
    fill: #fd0012;
}
/* fix 19/7/2022 */
@media (min-width: 850px) {
    .row_product .product_gallery .vertical-thumbnails_new {
        min-height: 390px;
    }
    .row_product .product_gallery .vertical-thumbnails {
        overflow: hidden;
    }
    .row_product .product_gallery .product-thumbnails {
        transform: rotate(90deg) translate(30px, -100%);
        transform-origin: left top;
        width: 330px;
        display: block;
        margin: 0;
    }
    .row_product .product_gallery .product-thumbnails .col {
        padding: unset;
        max-width: unset;
        -ms-flex-preferred-size: unset;
        flex-basis: unset;
        width: 50px;
        height: 64px;
        cursor: pointer;
        margin-right: 6px;
    }
    .row_product .product_gallery .product-thumbnails .col > a {
        border: 1px solid #ececec;
        display: block;
        width: 100%;
        height: 100%;
    }
    .row_product .product_gallery .product-thumbnails .col > a .icon_video {
        transform: translate(-50%, -50%) rotate(-90deg);
    }
    .row_product .product_gallery .product-thumbnails .col > a img {
        margin: 0;
        transform: rotate(-90deg);
        border: none;
        opacity: .5;
        object-fit: contain;
        display: block;
        width: 100%;
        height: 100%;
    }
    .row_product .product_gallery .product-thumbnails .col.is-nav-selected > a img {
        opacity: 1;
    }   
    .row_product .product_gallery .product-thumbnails .flickity-prev-next-button {
        transform: unset !important;
        width: 30px;
        height: 64px;
        opacity: 1 !important;
        background-color: #f9f9f9 !important;
        min-height: unset;
        line-height: unset;
        display: block !important;
    }
    .row_product .product_gallery .product-thumbnails .flickity-prev-next-button.previous {
        top: 0;        
        left: -30px;        
        bottom: unset;
    }
    .row_product .product_gallery .product-thumbnails .flickity-prev-next-button.next {
        top: unset;
        left: 100%;
        bottom: 0;        
    }
    .row_product .product_gallery .product-thumbnails .flickity-prev-next-button:hover {
        background-color: var(--pri) !important;
    }
    .row_product .product_gallery .product-thumbnails .flickity-prev-next-button:hover svg {
        fill: #fff;
    }
    .row_product .product_gallery .product-thumbnails .flickity-prev-next-button:hover svg path {
        fill: #fff;
    }
    .row_product .product_gallery .product-thumbnails .flickity-prev-next-button[disabled] {
        opacity: 0.5 !important;
    }
    .row_product .product_gallery .product-thumbnails .flickity-prev-next-button svg {
        padding: 30%;
        transition: unset;
    }
    .row_product .product_gallery .product-thumbnails .flickity-prev-next-button svg path {
        transition: unset;
    }
}
@media (max-width: 849px)
{
    .row_product .product_gallery .product-thumbnails .col.col_video {
        height: 100%;
    }
    .row_product .product_gallery .product-thumbnails .col.col_video a {
        display: block;
        height: 100%;
        width: 100%;
    }
    .row_product .product_gallery .product-thumbnails .col.col_video a img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

/* fix 5/8/2022 */
.yith-wfbt-section > h3 {
    text-transform: uppercase;
    font-size: 20px;
    line-height: 1.4;
    margin: 0 0 10px;
}
.yith-wfbt-section .yith-wfbt-form {
    padding: 0;
    margin: 0;
}
.yith-wfbt-section .yith-wfbt-form .yith-wfbt-images {
    float: unset;
}
.yith-wfbt-section .yith-wfbt-form .yith-wfbt-images img {
    border: 1px solid #ececec;
    border-radius: 5px;
    padding: 3px;
}
.yith-wfbt-section .yith-wfbt-form .yith-wfbt-submit-block .price_text {
    margin: 10px 0;
}
.yith-wfbt-section .yith-wfbt-form .yith-wfbt-submit-block .price_text .total_price_label {
    font-weight: 600;
}
.yith-wfbt-section .yith-wfbt-form .yith-wfbt-submit-block .price_text .total_price span.amount {
    color: #0168d4;
    font-size: 20px;
}
.yith-wfbt-section .yith-wfbt-form .yith-wfbt-submit-block .price_text .total_price del span.amount {
    color: #000;
    font-size: 15px;
    opacity: 1;
}
.yith-wfbt-section .yith-wfbt-form .yith-wfbt-submit-block button[type="submit"] {
    margin: 0;
    background-color: #febb30;
    color: #000;
    text-transform: unset;
    letter-spacing: 0;
    border: none;
    border-radius: 4px;
    min-height: unset;
    height: unset;
    line-height: 1.4;
    padding: 8px 20px;
    box-shadow: none;
    font-weight: 600;
}
.yith-wfbt-section .yith-wfbt-form .yith-wfbt-items {
    margin: 15px 0 0;
}
.yith-wfbt-section .yith-wfbt-form .yith-wfbt-items li {
    margin-left: 0;
}
.yith-wfbt-section .yith-wfbt-form .yith-wfbt-items li label {
    padding-left: 24px;
    font-size: 14px;
}
.yith-wfbt-section .yith-wfbt-form .yith-wfbt-items li label .product-name {
    font-weight: 500;
}
/* fix 8/8/2022 */
.row_product .product_info .product_rating {
    margin: 10px 0;
}
/* fix 8/11/2022 */
.contact_product a.button {
    background-color: var(--sec);
    border: none;
    border-radius: 5px;
    color: #fff;
    margin: 15px 0 0;
    min-height: 38px;
    height: 38px;
    line-height: 38px;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: unset;
}
.contact_product a.button:hover {
    background-color: var(--thid);
}
/* fix 5/10/2023 */
.ts-product-image {
    display: inline-block;
}
/* fix 18/1/2024 */
body #header {
    z-index: 99;
}
/*fix 30/05/2024*/
/*.add-to-cart-container .variations_form .variations .value select{*/
/*    background-color: #e00;*/
/*    color: #fff;*/
/*}*/
.reset_variations{
    display: none !important;
}
/* fix 23/10/2024 */
@media (max-width: 849px) {
    .single-product .entry-content iframe {
        height: 280px !important;
    }
}
@media (max-width: 549px) {
    .single-product .entry-content iframe {
        height: 230px !important;
    }
}

/*fix 18-12-2024 */
.orderbox-container{
    display: flex;
    flex-wrap: wrap;
}

.orderbox{
    margin-right: 15px;
}

.price-filter-container .widget_price_filter{
    display: inline-flex;
}

.price-filter-container .widget_price_filter .widgettitle{
    font-size: 14px;
    font-weight: 400;
}
.price-filter-container .widget_price_filter form{
    min-width: 250px;
    margin-left: 10px;
}

@media (max-width: 849px) {
    .orderbox-container{
        flex-wrap: nowrap;
    }
    .orderbox, .price-filter-container, .widget_price_filter{
        width: 50%;
    }
    .orderbox .woocommerce-ordering{
        width: calc(100% - 65px);
    }
    .price-filter-container .widget_price_filter{
        width: 100%;
    }
    .price-filter-container .widget_price_filter form{
        width: calc(100% - 100px);
        min-width: unset;
    }
    .price-filter-container .widget_price_filter .widgettitle{
        width: 75px;
    }
}

@media (max-width: 550px){
    .orderbox-container{
        flex-wrap: wrap;
    }
    .orderbox, .price-filter-container, .widget_price_filter{
        width: 100%;
    }
}

/*add 08/01/2026*/
.pum-container .pum-close{
    margin: 0 !important;
}

.pum-content label{
    color: inherit !important;
}
.popmake-content form p{
    margin-bottom: 0 !important;
}

.popmake-content form input {
	 min-height: 38px;
	 height: 38px;
	 line-height: 38px;
	 box-shadow: none;
	 font-size: 15px;
}
.popmake-content form textarea {
	 box-shadow: none;
	 font-size: 15px;
}
.popmake-content form input[type="submit"] {
	 margin: 15px 0;
	 font-size: 15px;
	 border: none;
	 border-radius: 5px;
	 font-weight: 500;
	 letter-spacing: 0;
}