.elementor-24 .elementor-element.elementor-element-4941254{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:-7px;--padding-bottom:-7px;--padding-left:-7px;--padding-right:-7px;}.elementor-24 .elementor-element.elementor-element-748037a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-24 .elementor-element.elementor-element-4e48261{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-filter-widget .filter-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-filter-widget .form-tax .label-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-filter-widget .bpfwe-swatch{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-filter-widget .bpfwe-group-separator{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-filter-widget .form-tax input:not([type="radio"]):not([type="checkbox"]), .elementor-widget-filter-widget .form-tax textarea{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-filter-widget .list-style label span{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-filter-widget button.reset-form{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );background-color:var( --e-global-color-primary );}.elementor-widget-filter-widget button.submit-form{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );background-color:var( --e-global-color-primary );}.elementor-24 .elementor-element.elementor-element-529b72e .elementor-grid{grid-template-columns:repeat(1,1fr);}.elementor-24 .elementor-element.elementor-element-529b72e{--grid-column-gap:20px;--grid-row-gap:20px;}.elementor-24 .elementor-element.elementor-element-529b72e .bpfwe-swatch{opacity:1;}.elementor-24 .elementor-element.elementor-element-529b72e  input[type="checkbox"]:checked + span .bpfwe-swatch, .elementor-24 .elementor-element.elementor-element-529b72e input[type="radio"]:checked + span .bpfwe-swatch{opacity:0.7;}.elementor-24 .elementor-element.elementor-element-529b72e .bpfwe-select2 .select2-selection, .elementor-24 .elementor-element.elementor-element-529b72e .bpfwe-select2 .select2-selection__rendered, .elementor-24 .elementor-element.elementor-element-529b72e .bpfwe-select2 .select2{width:100% !important;}.elementor-24 .elementor-element.elementor-element-529b72e .bpfwe-select2 .select2-selection, .elementor-24 .elementor-element.elementor-element-529b72e .bpfwe-select2 .select2-selection__rendered{height:auto;line-height:42px;}.elementor-24 .elementor-element.elementor-element-1ca120d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-24 .elementor-element.elementor-element-76acac3 .elementor-grid{grid-template-columns:repeat(1,1fr);}.elementor-24 .elementor-element.elementor-element-76acac3{--grid-column-gap:20px;--grid-row-gap:20px;}.elementor-24 .elementor-element.elementor-element-76acac3 .bpfwe-swatch{opacity:1;}.elementor-24 .elementor-element.elementor-element-76acac3  input[type="checkbox"]:checked + span .bpfwe-swatch, .elementor-24 .elementor-element.elementor-element-76acac3 input[type="radio"]:checked + span .bpfwe-swatch{opacity:0.7;}.elementor-24 .elementor-element.elementor-element-76acac3 .bpfwe-select2 .select2-selection, .elementor-24 .elementor-element.elementor-element-76acac3 .bpfwe-select2 .select2-selection__rendered, .elementor-24 .elementor-element.elementor-element-76acac3 .bpfwe-select2 .select2{width:100% !important;}.elementor-24 .elementor-element.elementor-element-76acac3 .bpfwe-select2 .select2-selection, .elementor-24 .elementor-element.elementor-element-76acac3 .bpfwe-select2 .select2-selection__rendered{height:auto;line-height:42px;}.elementor-24 .elementor-element.elementor-element-7a9700d .elementor-grid{grid-template-columns:repeat(3,1fr);}.elementor-24 .elementor-element.elementor-element-7a9700d .elementor-repeater-item-ebb36e7 i{font-size:18px;margin-right:6px;}.elementor-24 .elementor-element.elementor-element-7a9700d .elementor-repeater-item-ebb36e7 svg{width:18px;height:18px;margin-right:6px;}.elementor-24 .elementor-element.elementor-element-7a9700d .elementor-repeater-item-9a7c856 i{font-size:18px;margin-right:6px;}.elementor-24 .elementor-element.elementor-element-7a9700d .elementor-repeater-item-9a7c856 svg{width:18px;height:18px;margin-right:6px;}.elementor-24 .elementor-element.elementor-element-7a9700d .elementor-repeater-item-dbc7b79 i{font-size:18px;margin-right:6px;}.elementor-24 .elementor-element.elementor-element-7a9700d .elementor-repeater-item-dbc7b79 svg{width:18px;height:18px;margin-right:6px;}.elementor-24 .elementor-element.elementor-element-7a9700d .elementor-repeater-item-c0d298d i{font-size:18px;margin-right:6px;}.elementor-24 .elementor-element.elementor-element-7a9700d .elementor-repeater-item-c0d298d svg{width:18px;height:18px;margin-right:6px;}.elementor-24 .elementor-element.elementor-element-7a9700d{--grid-column-gap:20px;--grid-row-gap:20px;}.elementor-24 .elementor-element.elementor-element-7a9700d .post-wrapper,.elementor-24 .elementor-element.elementor-element-7a9700d .post-wrapper .overlay,.elementor-24 .elementor-element.elementor-element-7a9700d .post-wrapper a,.elementor-24 .elementor-element.elementor-element-7a9700d .post-title,.elementor-24 .elementor-element.elementor-element-7a9700d .post-content,.elementor-24 .elementor-element.elementor-element-7a9700d .post-taxonomy,.elementor-24 .elementor-element.elementor-element-7a9700d .post-read-more{transition-duration:0.3s;}.elementor-24 .elementor-element.elementor-element-7a9700d .post-wrapper{flex-direction:column;}.elementor-24 .elementor-element.elementor-element-7a9700d .post-meta i{margin-right:4px;}.elementor-24 .elementor-element.elementor-element-7a9700d .post-meta svg{margin-right:4px;}.elementor-24 .elementor-element.elementor-element-7a9700d .product-price del{font-size:16px;}.elementor-24 .elementor-element.elementor-element-7a9700d .product-rating span{font-size:20px;}.elementor-24 .elementor-element.elementor-element-7a9700d .pagination, .elementor-24 .elementor-element.elementor-element-7a9700d .pagination-filter{text-align:center;}.elementor-24 .elementor-element.elementor-element-7a9700d .preloader-inner .preloader-inner-half-circle, .elementor-24 .elementor-element.elementor-element-7a9700d .load::before{border-color:#0098C7;}.elementor-24 .elementor-element.elementor-element-7a9700d .post-pin i{margin-right:6px;}.elementor-24 .elementor-element.elementor-element-7a9700d .post-pin svg{margin-right:6px;}.elementor-24 .elementor-element.elementor-element-7a9700d .edit-options i{margin-right:6px;}.elementor-24 .elementor-element.elementor-element-7a9700d .edit-options svg{margin-right:6px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-24 .elementor-element.elementor-element-529b72e .elementor-grid{grid-template-columns:repeat(1,1fr);}.elementor-24 .elementor-element.elementor-element-76acac3 .elementor-grid{grid-template-columns:repeat(1,1fr);}.elementor-24 .elementor-element.elementor-element-7a9700d .elementor-grid{grid-template-columns:repeat(3,1fr);}}@media(max-width:767px){.elementor-24 .elementor-element.elementor-element-529b72e .elementor-grid{grid-template-columns:repeat(1,1fr);}.elementor-24 .elementor-element.elementor-element-76acac3 .elementor-grid{grid-template-columns:repeat(1,1fr);}.elementor-24 .elementor-element.elementor-element-7a9700d .elementor-grid{grid-template-columns:repeat(1,1fr);}}/* Start custom CSS for container, class: .elementor-element-748037a *//* =========================================================
   VỀ TRÀ — AWARDS FILTER
   COMPACT 2 ROWS
========================================================= */

.vt-awards-filters{
    width:calc(100% - 64px);
    max-width:1240px;

    margin:0 auto 38px;
    padding:0;

    background:transparent;
}


/* =========================================================
   WIDGET RESET
========================================================= */

.vt-filter-year,
.vt-filter-level{
    width:100% !important;

    margin:0 !important;
    padding:0 !important;

    background:transparent !important;
}

.vt-filter-year > .elementor-widget-container,
.vt-filter-level > .elementor-widget-container{
    width:100% !important;
    max-width:none !important;

    margin:0 !important;
    padding:0 !important;

    background:transparent !important;
}


/* =========================================================
   MỖI FILTER = 1 DÒNG
========================================================= */

.vt-filter-year .flex-wrapper,
.vt-filter-level .flex-wrapper{
    display:flex !important;
    align-items:center !important;

    gap:24px !important;

    width:100% !important;

    margin:0 !important;
    padding:12px 0 !important;

    border-bottom:1px solid rgba(201,169,110,.20);
}

.vt-filter-year .flex-wrapper{
    border-top:1px solid rgba(201,169,110,.20);
}


/* =========================================================
   LABEL BÊN TRÁI
========================================================= */

.vt-filter-year .filter-title,
.vt-filter-level .filter-title{
    flex:0 0 130px !important;

    width:130px !important;

    margin:0 !important;
    padding:0 !important;

    font-family:
        var(--e-global-typography-text-font-family, "Cormorant Garamond"),
        Georgia,
        serif !important;

    font-size:15px !important;
    font-weight:500 !important;
    line-height:1.2 !important;

    color:#c5bdae !important;
}


/* =========================================================
   VÙNG BUTTON
========================================================= */

.vt-filter-year .bpfwe-taxonomy-wrapper,
.vt-filter-level .bpfwe-taxonomy-wrapper{
    flex:0 1 auto !important;

    width:auto !important;
    max-width:100% !important;

    margin:0 !important;
    padding:0 !important;
}


/* QUAN TRỌNG:
   dùng FLEX, không dùng GRID
*/

.vt-filter-year .taxonomy-filter,
.vt-filter-level .taxonomy-filter{
    display:flex !important;
    align-items:center !important;
    flex-wrap:wrap !important;

    gap:10px !important;

    width:auto !important;

    margin:0 !important;
    padding:0 !important;

    list-style:none !important;
}


.vt-filter-year .taxonomy-filter > li,
.vt-filter-level .taxonomy-filter > li{
    flex:0 0 auto !important;

    width:auto !important;
    min-width:0 !important;

    margin:0 !important;
    padding:0 !important;

    list-style:none !important;
}


/* =========================================================
   BUTTON
   Chỉ style LABEL — không style cả label + span cùng lúc
========================================================= */

.vt-filter-year .taxonomy-filter > li > label,
.vt-filter-level .taxonomy-filter > li > label{
    position:relative;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:auto !important;

    min-width:104px !important;
    height:38px !important;

    margin:0 !important;
    padding:0 18px !important;

    border:1px solid rgba(201,169,110,.34) !important;
    border-radius:7px !important;

    background:transparent !important;

    color:#d8d0c4 !important;

    font-family:
        var(--e-global-typography-text-font-family, "Cormorant Garamond"),
        Georgia,
        serif !important;

    font-size:14px !important;
    font-weight:500 !important;
    line-height:1 !important;

    white-space:nowrap;

    cursor:pointer;

    box-shadow:none !important;

    transition:
        border-color .18s ease,
        background-color .18s ease,
        color .18s ease;
}


/* Tất cả rộng hơn một chút */

.vt-filter-year .select-all-term > label,
.vt-filter-level .select-all-term > label{
    min-width:118px !important;
}


/* =========================================================
   XÓA STYLE CỦA SPAN BÊN TRONG
   Đây là nguyên nhân trước đó có "nút trong nút"
========================================================= */

.vt-filter-year .taxonomy-filter label > span,
.vt-filter-level .taxonomy-filter label > span,
.vt-filter-year .bpfwe-select-all,
.vt-filter-level .bpfwe-select-all,
.vt-filter-year .bpfwe-select-all span,
.vt-filter-level .bpfwe-select-all span{
    display:inline !important;

    width:auto !important;
    min-width:0 !important;
    min-height:0 !important;

    margin:0 !important;
    padding:0 !important;

    border:0 !important;
    border-radius:0 !important;

    background:transparent !important;

    color:inherit !important;

    box-shadow:none !important;
}


/* =========================================================
   ẨN INPUT GỐC
========================================================= */

.vt-filter-year input[type="checkbox"],
.vt-filter-year input[type="radio"],
.vt-filter-level input[type="checkbox"],
.vt-filter-level input[type="radio"]{
    position:absolute !important;

    width:1px !important;
    height:1px !important;

    opacity:0 !important;

    pointer-events:none !important;
}


/* =========================================================
   HOVER
========================================================= */

.vt-filter-year .taxonomy-filter > li > label:hover,
.vt-filter-level .taxonomy-filter > li > label:hover{
    border-color:#c9a96e !important;

    background:rgba(201,169,110,.06) !important;

    color:#f5f1e8 !important;
}


/* =========================================================
   ACTIVE
========================================================= */

.vt-filter-year .taxonomy-filter li:has(input:checked) > label,
.vt-filter-level .taxonomy-filter li:has(input:checked) > label,

.vt-filter-year .taxonomy-filter li.active > label,
.vt-filter-level .taxonomy-filter li.active > label,

.vt-filter-year .taxonomy-filter li.selected > label,
.vt-filter-level .taxonomy-filter li.selected > label{
    border-color:#c9a96e !important;

    background:#c9a96e !important;

    color:#11110f !important;
}


/* Khi chưa chọn term nào -> Tất cả màu vàng */

.vt-filter-year
.taxonomy-filter:not(:has(input:checked))
.select-all-term > label,

.vt-filter-level
.taxonomy-filter:not(:has(input:checked))
.select-all-term > label{
    border-color:#c9a96e !important;

    background:#c9a96e !important;

    color:#11110f !important;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:1024px){

    .vt-awards-filters{
        width:calc(100% - 48px);
    }

    .vt-filter-year .filter-title,
    .vt-filter-level .filter-title{
        flex-basis:110px !important;
        width:110px !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:767px){

    .vt-awards-filters{
        width:calc(100% - 32px);

        margin-bottom:30px;
    }


    .vt-filter-year .flex-wrapper,
    .vt-filter-level .flex-wrapper{
        display:block !important;

        padding:16px 0 !important;
    }


    .vt-filter-year .filter-title,
    .vt-filter-level .filter-title{
        display:block !important;

        width:100% !important;

        margin-bottom:12px !important;
    }


    .vt-filter-year .taxonomy-filter,
    .vt-filter-level .taxonomy-filter{
        gap:8px !important;
    }


    .vt-filter-year .taxonomy-filter > li > label,
    .vt-filter-level .taxonomy-filter > li > label{
        min-width:88px !important;

        height:38px !important;

        padding:0 14px !important;

        font-size:13px !important;
    }

}/* End custom CSS */