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

/*************** ADD CUSTOM CSS HERE.   ***************/
:root {
    --color-black: #000000;
    --color-white: #ffffff;
    --color-grey: #cccccc;
    --FontAwesome: 'Font Awesome 7 Pro';
    --font-html-size: 62.5%;
}

html {
    font-size: var(--font-html-size);
}

body {
    font-size: 1.6rem !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.banner h1,
.banner h2 {
    font-weight: 400 !important;
}
h1,
.h1 {
    font-size: 5rem;
    font-weight: 400 !important;
    font-family: 'Aldrich', sans-serif !important;
}

h2,
.h2,
.banner h2 {
    font-size: 3.6rem;
    font-weight: 400 !important;
}

.smaller > h2,
.smaller > .h2 {
    font-size: 2.4rem;
}

h3,
.h3 {
    font-size: 2.8rem;
}

h4,
.h4 {
    font-size: 2rem;
}

p {
    margin-bottom: 1rem;
}

.rank-math-breadcrumb {
    font-family: 'Aldrich', sans-serif !important;
}

.rank-math-breadcrumb p {
    margin-bottom: 0;
}

.rank-math-breadcrumb .separator {
    opacity: 1;
}

.rank-math-breadcrumb .last {
    font-weight: 400;
}

.page-header-wrapper .rank-math-breadcrumb {
    font-size: 1.8rem;
    color: #8c8c8c;
}

.page-header-wrapper .rank-math-breadcrumb a,
.page-header-wrapper .rank-math-breadcrumb span {
    color: #8c8c8c;
}

.dark,
.dark p,
.dark td {
    color: var(--color-white);
}

.col-child-left > .col-inner {
    margin-right: auto !important;
    margin-left: 0 !important;
}
.col-child-center > .col-inner {
    margin-right: auto !important;
    margin-left: auto !important;
}

.col-child-right > .col-inner {
    margin-right: 0 !important;
    margin-left: auto !important ;
}

.off-canvas-left .mfp-content,
.off-canvas-right .mfp-content {
    background-color: hsla(0, 0%, 100%, 1);
}

.off-canvas:not(.off-canvas-center) .nav-vertical li > a {
    font-size: 1em;
    text-transform: capitalize;
    font-weight: 500;
    color: var(--color-black);
}

.text.mb-0 > * {
    margin-bottom: 0 !important;
}

.select-resize-ghost,
.select2-container .select2-choice,
.select2-container .select2-selection,
input[type='date'],
input[type='email'],
input[type='number'],
input[type='password'],
input[type='search'],
input[type='tel'],
input[type='text'],
input[type='url'],
select,
textarea {
    box-shadow: none;
    color: var(--color-black);
    font-size: 1em;
    height: 5rem;
}

.button:not(.icon),
button:not(.icon),
input[type='button'],
input[type='reset'],
input[type='submit'] {
    font-size: 1em;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1.5;
    min-height: 5rem;
    padding: 0 1.2em;
    place-content: center;
}

.button span {
    line-height: 1.5;
}

.wpcf7-form.submitting .button {
    pointer-events: none;
}
.white.is-link,
.white.is-outline,
.white.is-underline {
    padding: 0 !important;
}

.fw-400,
.fw-400 > * {
    font-weight: 400 !important;
}

td {
    color: #000000;
}

td,
th {
    font-size: 1em;
}

.black-btn {
    min-width: 16rem;
    background-color: var(--color-black) !important;
    position: relative;
    border: none !important;
    box-shadow: none !important;
    transition: all 0.5s;
}

.black-btn:hover {
    background: linear-gradient(to right, var(--fs-color-primary), var(--fs-color-secondary));
}

.black-btn::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(to right, var(--fs-color-primary), var(--fs-color-secondary));
    transition: transform 0.5s ease;
}

.black-btn:after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -2;
    border: 1px solid var(--color-black);
    transform: translate(5px, 5px);
    transition: transform 0.5s ease;
}

.black-btn:hover::after {
    border-color: #fe8a20;
}

.img-full-height,
.img-full-height .img-inner,
.img-full-height img {
    height: 100%;
    object-fit: cover;
}
.flickity-page-dots .dot {
    border: 2px solid #808080;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 8px;
    margin: 0 5px;
    opacity: 0.2;
    transition: opacity 0.3s;
    width: 8px;
}

.slider-nav-light .flickity-page-dots .dot {
    border-color: #808080;
}

.slider-nav-light .flickity-page-dots .dot.is-selected,
.slider-nav-light.slider-nav-dots-simple .flickity-page-dots .dot {
    background-color: #808080;
}

.flickity-page-dots .dot.is-selected {
    opacity: 1 !important;
    color: var(--fs-color-primary);
    border-color: var(--fs-color-primary) !important;
    background-color: var(--fs-color-primary) !important;
}

.show-all-items .flickity-slider > div {
    opacity: 1 !important;
}

.gap-2 .slider {
    margin-left: -7.5px;
    margin-right: -7.5px;
}

.gap-2 .flickity-slider > div {
    padding: 0 7.5px;
}

/*************** HEADER ***************/
.nav-size-medium > li > a {
    font-size: 0.875em;
}
.dark .nav-vertical li li.menu-item-has-children > a,
.dark .nav-vertical-fly-out > li > a,
.dark .nav-vertical > li > ul li a,
.dark .nav > li.html,
.dark .nav > li > a,
.nav-dark .is-outline,
.nav-dark .nav > li > a,
.nav-dark .nav > li > button,
.nav-dropdown.dark .nav-column > li > a,
.nav-dropdown.dark > li > a {
    color: hsla(0, 0%, 100%, 1);
}
.nav-spacing-large > li {
    margin: 0 24px;
}

#header .header-search .button.icon {
    background-color: #5b5b5b;
    width: 4.2rem;
    height: 4.2rem;
    place-content: center;
    position: relative;
}

#header .header-search .button.icon::before {
    content: '';
    display: block;
    width: 5.2rem;
    height: 5.2rem;
    border: 1px dashed #5b5b5b;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    transition: all 0.5s ease;
    z-index: -1;
}
#header .header-search .button.icon:hover::before {
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%) rotate(180deg);
}

#search-lightbox {
    font-size: 1em;
}

/*************** END HEADER ***************/

/*************** FOOTER ***************/
#footer .footer-top-row {
    max-width: 91rem;
    margin: 5rem auto 2rem;
}

#footer .footer-top-row form {
    margin-bottom: 0;
}

#footer .footer-top-row form input[type='email'] {
    background-color: var(--color-black);
    border-color: var(--fs-color-primary);
    box-shadow: none !important;
    color: var(--color-white);
}

#footer .footer-top-row form .button {
    font-size: 1.4rem;
    border-left: 0;
    margin-right: 0;
}

#footer .footer-logo {
    max-width: 176px;
}

#footer .ux-menu {
    color: #767676;
}

#footer .button.is-underline {
    color: #767676;
    font-size: 1.4rem;
    font-weight: 400;
    min-height: 4rem;
}

#footer .button.is-underline:hover {
    color: var(--color-white);
}

#footer .button.is-underline:before {
    left: 0%;
    width: 100%;
    opacity: 1;
}

#footer .button.is-underline:hover::before {
    width: 60%;
    left: 20%;
}

/*************** END FOOTER ***************/

/*************** HOME PAGE ***************/
.hero-section .slider .flickity-slider > div {
    top: 0 !important;
}

.hero-section .slider .flickity-button {
    width: 10rem;
}

.hero-section .slider h2 {
    background: linear-gradient(
        180deg,
        #d0a421 15.24%,
        #fcd35d 28.47%,
        #ffce41 30.73%,
        #b28a16 46.49%,
        #ffd62f 51.85%,
        #ffc852 68.18%,
        #605115 73.8%
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: Aldrich;
    font-size: 70px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 10px;
}

.hero-section .slider .hero-sub-title p {
    color: #626262;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.white {
    background-color: #fff !important;
    color: #000 !important;
}

.button.white:not(.icon, .is-outline, .is-underline, .linear-btn)::after,
.button.primary:not(.icon, .is-outline, .is-underline, .linear-btn)::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    border: 1px solid var(--color-white);
    transform: translate(5px, 5px);
    transition: transform 0.3s ease;
}

.button.primary:not(.icon, .is-outline, .is-underline, .linear-btn)::after {
    border-color: var(--fs-color-primary);
}

.button.white:not(.icon, .is-outline, .is-underline, .linear-btn):hover,
.button.primary:not(.icon, .is-outline, .is-underline, .linear-btn):hover {
    box-shadow: none;
}
.button.white:not(.icon, .is-outline, .is-underline, .linear-btn):hover::after,
.button.primary:not(.icon, .is-outline, .is-underline, .linear-btn):hover::after {
    transform: translate(0, 0);
}

.hero-section .section-content {
    z-index: unset;
}

.z-top {
    z-index: 10;
}

.hero-section .banner-watermark-text {
    color: #000;
    -webkit-text-stroke: 3px #2f2f2f;
    z-index: 0;
    bottom: 60px;
}

.hero-section .section-bg {
    z-index: 2;
}

.button .icon-cross:before {
    content: '\f34a';
    font-family: var(--FontAwesome);
    font-weight: bold;
}

.news-section .box-text-inner {
    max-width: 50%;
}

.news-section .post-title {
    font-size: 3.6rem;
}
.news-section .post-title a,
.news-section .box-title p {
    position: relative;
}

.news-section .post-title a:after,
.news-section .box-title p:after {
    content: '\e09f';
    font-family: var(--FontAwesome);
    font-weight: 300;
    font-size: 24px;
    position: relative;
    top: -2px;
    margin-left: 16px;
}

.home #content .localstore_search_wrap {
    width: calc(50% + 8rem);
    background: transparent;
}

.home #content .localstore_maps {
    padding-left: 50%;
}

.home #content .localstore_search_results {
    display: flex;
    gap: 30px;
    overflow: auto;
    background: transparent;
}

/* Scrollbar */
.home #content .localstore_search_results::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

/* Track (background) */
.home #content .localstore_search_results::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 30px;
}

/* Thumb (cái thanh kéo) */
.home #content .localstore_search_results::-webkit-scrollbar-thumb {
    background: #d9d9d9;
    border-radius: 30px;
}

/* Hover cho thumb */
.home #content .localstore_search_results::-webkit-scrollbar-thumb:hover {
    background: #666;
}

.home #content .localstore_search_results .localstore_box {
    min-width: 345px;
}

.home #content .localstore_searchbox {
    background: transparent;
    padding: 0px 15px 0 15px;
    margin-bottom: 15rem;
    margin-right: 8rem;
    max-width: 72rem;
    margin-left: auto;
    margin-right: auto;
}

.home #content .search-title {
    font-size: 150px;
    padding-right: 8rem;
    margin-top: 5rem;
    margin-bottom: 5rem;
}

.home #content #localstore_search_form {
    padding-right: 8rem;
    max-width: 51rem;
    margin: 0 auto;
}

.home #content div#localstore_maps {
    min-height: 900px;
}

.row-full-width {
    max-width: 1920px !important;
}

/*************** END HOME PAGE ***************/

/*************** BLOG ARCHIVE ***************/
.page-header-wrapper .entry-title {
    font-size: 5rem;
    font-family: 'Aldrich', sans-serif !important;
    font-weight: 400;
}

.featured-title {
    background-color: #333;
    text-shadow: none;
}
.page-header-wrapper + .archive-main-row {
    margin-top: 10rem;
}

.blog-archive {
    padding-top: 0;
}
.widget {
    margin-bottom: 5rem;
}
.widget .widget-title {
    display: block;
    width: 100%;
    font-size: 2rem;
    font-weight: 400;
    margin-bottom: 2rem;
}
.widget .widget-title + .is-divider {
    display: none;
}

.widget ul {
    list-style: none;
}

.widget ul li {
    position: relative;
    padding-left: 26px;
    padding-right: 10px;
}

.widget ul li::before {
    content: '';
    position: absolute;
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #fe8e20;
    border-radius: 50%;
    top: 18px;
    left: 10px;
}
.widget .current-cat > a {
    color: #000;
    font-weight: 400;
}

.widget > ul > li + li,
ul.menu > li + li {
    border-top: 1px dashed #b9b9b9;
}

.widget_categories.widget li {
    border: none;
}

.widget > ul > li > a,
.widget > ul > li > span:first-child,
ul.menu > li > a,
ul.menu > li > span:first-child {
    padding: 8px 0;
}

#post-list .post-item > .col-inner {
    border: 1px solid #cecece;
}

.box-text {
    font-size: 1em;
}

.box .box-text .is-divider {
    display: none;
}

.box .box-text .post-title {
    font-weight: 400;
    margin-bottom: 1rem;
}

.box .box-text .post-title a {
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.box .box-text .button {
    position: relative;
    z-index: 1;
    color: var(--color-white);
    overflow: visible;
    border: none;
    min-width: 166px;
}

/* background thật */
.box .box-text .button::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--color-black);
    z-index: -1;
}

/* border fake nằm dưới */
.box .box-text .button::after {
    content: '';
    position: absolute;
    inset: 0;
    border: 1px solid var(--color-black);
    transform: translate(5px, 5px);
    transition: 0.3s;
    z-index: -2;
}

.box .box-text .button:hover::before {
    background: linear-gradient(to right, var(--fs-color-primary), var(--fs-color-secondary));
}

.box .box-text .button:hover::after {
    border-color: #fe8a20;
}

.page-numbers {
    text-align: left;
}
.nav-pagination > li > a,
.nav-pagination > li > span {
    border: none;
    border-radius: 0;
    font-size: 1.8rem;
    font-weight: bold;
    height: 5rem;
    line-height: 1.5;
    min-width: 5rem;
    padding: 0 6px;
    vertical-align: middle;
    background-color: #ededed;
    place-content: center;
}

/*************** END BLOG ARCHIVE ***************/

/*************** BLOG SINGLE ***************/
.blog-single {
    padding-top: 0;
}

.blog-single .page-header-wrapper {
    margin-bottom: 10rem;
}

.entry-content-wrapper {
    max-width: 1078px;
    background-color: #fff;
    z-index: 10;
    position: relative;
    margin: -10rem auto 3rem;
}

.entry-content-wrapper .entry-header-text-top {
    padding: 3rem 5rem;
}

.blog-single h1.entry-title {
    font-size: 2.4rem;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: bold !important;
    text-transform: uppercase;
}

.entry-content-wrapper img.aligncenter.size-full {
    --total-padding: 10rem;
    min-width: calc(100% + var(--total-padding));
    margin-left: calc(0px - (var(--total-padding) / 2));
}

.blog-single .entry-meta i {
    color: var(--fs-color-primary);
}

.entry-content-wrapper .entry-content {
    border-bottom: 1px solid #d9d9d9;
    padding: 0rem 5rem 3rem;
    background-color: #fff;
}

.recent-posts-container {
    max-width: 1078px;
    margin: 8rem auto 0;
}

.recent-posts-container h2 {
    font-weight: 400;
}

/*************** END BLOG SINGLE ***************/

/*************** CASE STUDY ARCHIVE ***************/
.featured-case-study-row {
    max-width: 1920px !important;
}

.featured-case-study-row .featured-case-study-posts > .col-inner {
    padding: 8rem;
}

.featured-case-study-row .post-content-slider-wrapper .flickity-nav-count {
    position: absolute;
    z-index: 10;
    left: 530px;
    bottom: 0rem;
    font-size: 36px;
    white-space: nowrap;
}

.featured-case-study-row .post-content-slider-wrapper .flickity-nav-count .line {
    position: relative;
    top: 30px;
    margin-left: -5px;
    margin-right: -5px;
    display: inline-block;
    background: #bdbdbd;
    width: 1px;
    height: 49px;
    transform: rotate(30deg);
}
.featured-case-study-row .post-content-slider-wrapper .flickity-nav-count .total-slides {
    color: #bdbdbd;
    position: relative;
    top: 40px;
}

.featured-case-study-row .post-content-slider-wrapper .item-slider .item-inner {
    padding-bottom: 20px;
    max-width: 580px;
}

.featured-case-study-row .post-content-slider-wrapper .item-slider .item-inner h3 {
    text-transform: uppercase;
}

.featured-case-study-row .post-content-slider-wrapper .item-slider .item-inner .linear-btn {
    margin-top: 3rem;
}

.featured-case-study-row .post-thumbnail-slider-wrapper {
    width: min(87.5vw, 1680px);
    margin-left: max(-40vw, -768px);
    margin-top: 12rem;
}

.featured-case-study-row .post-thumbnail-slider-wrapper .item-slider {
    max-width: 33.33333% !important;
    padding: 0 1.5625vw;
    opacity: 1 !important;
}

.featured-case-study-row .post-thumbnail-slider-wrapper .flickity-page-dots {
    right: 98vw;
    left: auto;
    top: -5rem;
}

.featured-case-study-row .post-thumbnail-slider-wrapper .item-slider .item-num {
    position: absolute;
    z-index: 10;
    left: clamp(16px, 4vw, 76.8px);
    bottom: clamp(8px, 1vw, 19.2px);
    color: #fff;
    font-size: clamp(16px, 1.25vw, 24px);
    line-height: 1.5;
    opacity: 0;
    transition: all 0.5s;
}

.featured-case-study-row .post-thumbnail-slider-wrapper .item-slider.is-selected .item-num {
    opacity: 1;
}

.featured-case-study-row .post-thumbnail-slider-wrapper .item-slider .img-wrapper {
    aspect-ratio: 10/6.6;
    position: relative;
    background-color: #2f2f2f;
}

.featured-case-study-row .post-thumbnail-slider-wrapper .item-slider .img-wrapper::before {
    content: '';
    position: absolute;
    display: block;
    top: 8px;
    left: 8px;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    z-index: 1;
    transition: all 0.3s;
    opacity: 0;
    width: 0;
    height: 0;
}

.featured-case-study-row .post-thumbnail-slider-wrapper .item-slider .img-wrapper::after {
    content: '';
    position: absolute;
    display: block;
    bottom: 8px;
    right: 8px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    z-index: 1;
    transition: all 0.3s;
    opacity: 0;
    width: 0;
    height: 0;
}

.featured-case-study-row .post-thumbnail-slider-wrapper .item-slider:hover .img-wrapper::before {
    width: calc(100% - 16px);
    height: calc(100% - 16px);
    opacity: 1;
}

.featured-case-study-row .post-thumbnail-slider-wrapper .item-slider:hover .img-wrapper::after {
    width: calc(100% - 16px);
    height: calc(100% - 16px);
    opacity: 1;
}

.featured-case-study-row .post-thumbnail-slider-wrapper .item-slider img {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.case-study-archive {
    padding-bottom: 8rem;
}

.case-study-archive #post-list {
    margin-top: 10rem;
}

.case-study-archive .page-numbers {
    text-align: center;
    margin-top: 5rem;
}

/*************** END CASE STUDY ARCHIVE ***************/

/*************** CASE STUDY SINGLE ***************/
.case-study-single .page-header-wrapper {
    margin-bottom: 10rem;
}
.block-single-image {
    position: relative;
    min-height: 650px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 6rem;
}
.block-single-image .block-bg {
    position: absolute;
    inset: 0;
}

.block-single-image .block-bg .overlay {
    background-color: rgba(0, 0, 0, 0.3);
}

.block-single-image .block-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.block-single-image .block-content {
    text-align: center;
    z-index: 10;
    position: relative;
    max-width: 620px;
}
.block-single-image .block-content h1 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 36px;
    font-weight: 400;
    text-transform: uppercase;
}

.other-case-study-section {
    padding: 8rem 0;
    border-top: 1px solid #d9d9d9;
}
.other-case-study-section .section-inner {
    max-width: 900px;
    padding: 0 1.5rem;
    margin: 0 auto;
}

.other-case-study-section h2 {
    font-weight: 400;
    margin-bottom: 8rem;
    text-align: center;
    text-transform: uppercase;
}

/*************** END CASE STUDY SINGLE  ***************/

/*************** SHOP PAGE ***************/
.shop-cat-nav-section .slider {
    max-width: 100rem !important;
}
.shop-cat-nav-section .slider .flickity-button {
    margin-top: 0 !important;
    height: auto;
    top: 50%;
    transform: translateY(-50%) !important;
}

.shop-cat-nav-section .slider .flickity-button.previous {
    left: -7.5rem;
    right: auto;
}

.shop-cat-nav-section .slider .flickity-button.next {
    right: -7.5rem;
    left: auto;
}

.shop-cat-nav-section .slider .flickity-button .flickity-button-icon {
    padding: 28%;
}
.shop-cat-nav-section .product-category .box-image {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

.shop-cat-nav-section .product-category .box-text h5 {
    font-size: 1.8rem;
    font-weight: 400;
}
.box-label .box-text {
    box-shadow: none;
    opacity: 1;
}

.box-label .box-text h5 {
    font-weight: 600;
}
.box-label .box-text.text-right {
    margin: 0;
    bottom: 2rem;
}

.shop-page-title .page-title-inner {
    min-height: 350px;
}

.shop-page-title h1,
.shop-page-title h2 {
    font-size: 5rem;
    text-transform: uppercase;
    margin-bottom: 0;
    font-family: 'Aldrich', sans-serif !important;
}

.shop-page-title .breadcrumbs {
    padding: 1.5rem 0;
}

.shop-page-title .breadcrumbs a,
.shop-page-title .breadcrumbs span {
    color: #8c8c8c;
}

.product-cats-wrapper .flickity-slider > .slider-item {
    max-width: 33.3334% !important;
    opacity: 1 !important;
}

.term-item {
    padding: 1.5rem;
}

.product-category > .col-inner,
.term-item > .item-inner {
    background-color: #3a3a3a;
    padding: 2rem;

    background-repeat: repeat;
    position: relative;
}

.product-category > .col-inner .box-text,
.term-item > .item-inner .box-text {
    padding-left: 0;
    padding-right: 0;
}

.product-category > .col-inner:hover,
.term-item > .item-inner:hover {
    background-color: #595959;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='410' height='320'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='2 2' numOctaves='3' seed='6642' stitchTiles='stitch' result='noise'/%3E%3CfeColorMatrix in='noise' type='luminanceToAlpha' result='alpha'/%3E%3CfeComponentTransfer in='alpha' result='cn'%3E%3CfeFuncA type='discrete' tableValues='1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0'/%3E%3C/feComponentTransfer%3E%3CfeFlood flood-color='rgba(0,0,0,0.37)' result='c'/%3E%3CfeComposite operator='in' in='c' in2='cn' result='colored'/%3E%3CfeMerge%3E%3CfeMergeNode in='SourceGraphic'/%3E%3CfeMergeNode in='colored'/%3E%3C/feMerge%3E%3C/filter%3E%3Crect width='410' height='320' fill='%23595959' filter='url(%23n)'/%3E%3C/svg%3E");
}

.product-category > .col-inner::before,
.term-item .item-inner::before,
.product-category > .col-inner::after,
.term-item .item-inner::after {
    content: '';
    position: absolute;
    z-index: 10;
    opacity: 0;
    width: 19px;
    height: 19px;
    transition: all 0.3s ease;
}

.product-category > .col-inner::before,
.term-item .item-inner::before {
    top: 0;
    left: 0;
    border-left: 2px solid #fff;
    border-top: 2px solid #fff;
}

.product-category > .col-inner:hover::before,
.term-item .item-inner:hover::before {
    top: 2rem;
    left: 2rem;
    opacity: 1;
}

.product-category > .col-inner::after,
.term-item .item-inner::after {
    bottom: 0;
    right: 0;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

.product-category > .col-inner:hover::after,
.term-item .item-inner:hover::after {
    bottom: 2rem;
    right: 2rem;
    opacity: 1;
}

.term-item .cat-image {
    position: relative;
    aspect-ratio: 2/1;
}

.product-category .box img,
.term-item .cat-image img {
    height: 100%;
    width: auto;
    object-fit: contain;
    margin: 0 auto;
}

.term-item .item-box-text {
    text-align: center;
    color: #fff;
}

.product-category .header-title,
.term-item .cat-title {
    font-size: 1.8rem;
    font-weight: 600;
    margin-top: 1rem;
    text-transform: uppercase;
    margin-bottom: 0;
}

.term-item .cat-title a {
    color: #fff;
}

.term-item .cat-sub-title {
    font-size: 1.5rem;
    margin-bottom: 0;
}

.product-cat-banner {
    background-color: #2f2f2f;
    position: relative;
}

.product-cat-banner .banner-content {
    position: relative;
}

.product-cat-banner .banner-text {
    padding: 10rem 1.5rem 5rem;
    max-width: 1050px;
    margin: 0 auto;
    z-index: 5;
}

.product-cat-banner .banner-text .term-title {
    font-size: 7rem;
    line-height: 1.25;
    text-transform: uppercase;
    background: linear-gradient(
        to bottom,
        #d0a421 15%,
        #fcd35d 25%,
        #ffce41 30%,
        #b28a16 50%,
        #ffd62f 60%,
        #ffc852 65%,
        #605115 75%
    );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    display: inline-block;
    width: auto;
    margin-bottom: 3rem;
}

.product-cat-banner .banner-image {
    position: relative;
    z-index: 5;
}

.product-cat-banner .banner-image img {
    z-index: 5;
    position: relative;
}

.banner-watermark-text {
    font-size: 20rem;
    font-weight: bold;
    text-align: center;
    color: #2f2f2f;
    -webkit-text-stroke: 3px #3a3a3a;
    paint-order: stroke fill;
    line-height: 1;
    white-space: nowrap;
    position: absolute;
    bottom: 8%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}

.category-page-row {
    padding-top: 0;
}

.products-wrapper {
    background-color: #f2f2f2;
    padding: 8rem 0;
}
.products-wrapper > .container {
    max-width: 1320px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.products-wrapper .product-small.box .box-image {
    background-color: #d9d9d9;
    aspect-ratio: 16 / 9;
    display: flex;
    align-items: center;
    justify-content: center;
}

.products-wrapper .product-small > .col-inner {
    background: #d9d9d9;
}

.products-wrapper .product-small.box .product-title a {
    font-size: 1.4rem;
}

.products-wrapper .product-small.box .box-excerpt {
    font-size: 1.2rem;
}

.products-wrapper .product-small.box .box-text {
    padding: 1.5rem 1rem 3rem;
}

.product-rows-slider {
    margin-left: -15px;
    margin-right: -15px;
    padding-bottom: 2.4rem;
    background-color: #f2f2f2;
}

.product-rows-slider .product-row {
    opacity: 1 !important;
    padding: 0 1.5rem;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.product-rows-slider .product-row .col {
    flex-basis: 33.33333%;
    max-width: 33.33333%;
}

.product-small.box .box-image {
    background-color: #d9d9d9;
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-small.box .box-text {
    padding: 1rem;
}
.product-small.box .product-title a {
    font-weight: 600;
    font-size: 2.4rem;
    text-transform: uppercase;
    color: var(--color-black);
}

.product-small.box .box-excerpt {
    font-size: 1.6rem;
}

.shop-cat-nav-section + .term-description {
    margin: 6rem auto;
    padding: 0 15px;
    text-align: center;
    max-width: 1050px;
}

.sibling-cats-wrapper {
    background: #f2f2f2;
    padding: 8rem 0;
}

.sibling-cats-wrapper .slider {
    padding-bottom: 2rem;
    margin-left: -15px;
    margin-right: -15px;
}

.sibling-cats-wrapper .slider .flickity-slider > .slider-item {
    max-width: 100%;
    opacity: 1;
}

.sibling-cats-wrapper .term-item {
    padding: 0 1.5rem 3rem !important;
}

.sibling-cats-wrapper .term-item > .item-inner {
    background-color: #d9d9d9;
}

.term-products-wrapper {
    padding: 10rem 0;
}

.term-products-wrapper .products-block-title {
    font-size: 36px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 6rem;
    text-align: center;
}

.term-products-wrapper .row.products {
    max-width: 985px;
    margin: 0 auto;
}

.term-products-wrapper .row.products > .col {
    padding: 0 50px 50px;
}

.sibling-cats-wrapper.style-2 {
    background: #fff;
}

.sibling-cats-wrapper.style-2 > .container {
    max-width: 1320px;
    padding-left: 15px;
    padding-right: 15px;
}

.sibling-cats-wrapper.style-2 .products-block-title {
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 6rem;
    text-align: center;
}

.sibling-cats-wrapper.style-2 .slider-wrapper {
    max-width: 1030px;
    margin: 0 auto;
}

.sibling-cats-wrapper.style-2 .flickity-slider > .slider-item {
    max-width: 50% !important;
    opacity: 1;
    padding: 0 3.5rem;
}

.sibling-cats-wrapper.style-2 .flickity-slider > .slider-item .term-item {
    padding: 0 !important;
}

.sibling-cats-wrapper.style-2 .term-item > .item-inner {
    background-color: transparent !important;
    background-image: unset !important;
    padding: 15px;
}

.sibling-cats-wrapper.style-2 .term-item > .item-inner:before,
.sibling-cats-wrapper.style-2 .term-item > .item-inner:after {
    border-color: #000;
}
.sibling-cats-wrapper.style-2 .term-item > .item-inner:hover:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.sibling-cats-wrapper.style-2 .term-item > .item-inner:hover:after {
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.sibling-cats-wrapper.style-2 .term-item .cat-image {
    position: relative;
    aspect-ratio: 1 / 1;
    background-color: #f2f2f2;
}

.sibling-cats-wrapper.style-2 .term-item .cat-title a {
    color: #000;
}

.sibling-cats-wrapper.style-2 .term-item .cat-sub-title {
    color: #000;
}

.sibling-cats-wrapper.style-2 .term-item .hover-top {
    opacity: 0;
    width: 0;
    height: 0;
    border-left: 1px solid #000;
    border-top: 1px solid #000;
}

.sibling-cats-wrapper.style-2 .term-item .hover-bottom {
    z-index: 10;
    opacity: 0;
    width: 0;
    height: 0;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
}

.sibling-cats-wrapper.style-2 .term-item:hover .hover-top {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
}
.sibling-cats-wrapper.style-2 .term-item:hover .hover-bottom {
    width: 100%;
    height: 100%;
    bottom: 0;
    right: 0;
    opacity: 1;
}

.sibling-cats-wrapper.style-2 .term-item .item-box-text {
    padding: 3rem 1.5rem 3rem;
}

.shop-main-content .product-category > .col-inner {
    padding: 0;
}
.shop-main-content .product-category .box img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    margin: 0 auto;
}
/*************** END SHOP PAGE ***************/

/*************** SINGLE PRODUCT ***************/
.single-product .content-row > .product-gallery {
    flex-basis: 100%;
    max-width: 100%;
}

.single-product .content-row > .product-info {
    flex-basis: 100%;
    max-width: 100%;
}

.product-gallery-wrapper {
    margin-top: -8rem;
}
.product-gallery-wrapper > .col-inner {
    background-color: #f6f6f6;
    padding: 1rem;
}

.photo-lightbox-button {
    min-width: 180px;
}

.product-gallery-wrapper .slider .flickity-slider > div {
    width: 50% !important;
    opacity: 1 !important;
    border: none;
    aspect-ratio: 4/3;
    position: relative;
}

.product-gallery-wrapper .slider .flickity-slider > div > a {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-gallery-wrapper .slider .flickity-slider > div > a img {
    object-fit: contain;
    object-fit: contain;
    height: 100%;
    width: auto;
}

.product-info {
    padding: 3rem 5rem 0rem;
}
.product-info .entry-summary {
}

.linear-btn {
    position: relative;
    display: inline-block;
    z-index: 1;
    border: none !important;
    background: transparent !important;
}

.linear-btn.dark {
    color: #000;
}

.linear-btn:after {
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    width: 100%;
    height: 100%;
    display: block;
    z-index: -2;
    border: 1px solid;
    border-image: linear-gradient(to left, #fff023, #fe891f) 1;
}

.linear-btn:hover:after {
    border-image: linear-gradient(to right, #fff023, #fe891f) 1;
}
.linear-btn:before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(to right, #fff023, #fe891f, #fff023);
    background-size: 200%;
    background-position: 100% 50%;
    transition: background-position 0.5s ease;
}

.linear-btn:hover:before {
    background-position: 0% 50%;
}
.product-info h1 {
    font-size: 2.4rem;
    font-family: 'Aldrich', sans-serif;
}

.product-info .product-short-description {
    font-size: 1.8rem;
    font-family: 'Aldrich', sans-serif;
    font-weight: 400;
}

.custom-product-gallery-slider a {
    pointer-events: none;
}

#photo-lightbox .photos-container {
    max-width: 75rem;
    margin: 0 auto;
}

#photo-lightbox .product-images .slider .flickity-slider > div {
    opacity: 1 !important;
    border: none;
    aspect-ratio: 4/3;
    position: relative;
}

#photo-lightbox .product-images .slider .flickity-slider > div > a {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#photo-lightbox .product-images .slider .flickity-slider > div > a img {
    object-fit: contain;
    object-fit: contain;
    height: 100%;
    width: auto;
}

#photo-lightbox .product-thumbnails {
    max-width: 500px;
    margin: 0 auto;
}

#photo-lightbox .product-thumbnails .flickity-slider .col {
    padding: 0 8px 16px;
}

#photo-lightbox .product-thumbnails a {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d9d9d9;
    aspect-ratio: 1/1;
}
#photo-lightbox .product-thumbnails .is-nav-selected a {
    border-color: #ea8121;
    border-width: 2px;
    aspect-ratio: 1 / 1;
}

#photo-lightbox .product-thumbnails a img {
    backface-visibility: hidden;
    margin-bottom: 0;
    opacity: 1;
    transform: translateY(0px);
    object-fit: contain;
}
#photo-lightbox .mfp-close {
    mix-blend-mode: normal;
    padding: 5px;
    opacity: 1;
}

#photo-lightbox .product-images .flickity-button {
    width: 100px;
}

#photo-lightbox .product-images .flickity-button.previous {
    left: -40rem;
}

#photo-lightbox .product-images .flickity-button.next {
    left: auto;
    right: -40rem;
}

.product-section {
    border: none;
}

.woocommerce-product-attributes th,
.woocommerce-product-attributes td {
    border: none;
    padding: 1.2rem 1rem;
    font-weight: 500;
}

.woocommerce-product-attributes th {
    padding-left: 2rem;
}

.woocommerce-product-attributes td {
    text-align: right;
    padding-right: 2rem;
}
.woocommerce-product-attributes tr:nth-child(odd) th,
.woocommerce-product-attributes tr:nth-child(odd) td {
    background-color: #e9e9e9;
}

.woocommerce-product-attributes tr:nth-child(even) th,
.woocommerce-product-attributes tr:nth-child(even) td {
    background-color: #fff;
}

.product-footer .product-page-sections {
    background-color: #f6f6f6;
    padding: 8rem 0;
    margin-top: 6.4rem;
}

.block-section + .block-section {
    margin-top: 5rem;
}

.block-section .block-title {
    margin-bottom: 3.5rem;
}

.block-section .block-title h5 {
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 1.5rem;
}

.block-description {
    max-width: 580px;
}

.related-products-wrapper {
    max-width: 960px;
    margin: 0 auto;
    padding: 10rem 0;
}

.related-products-wrapper .product-section-title {
    text-align: center;
    font-size: 3.6rem;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    padding: 0;
    margin-bottom: 8rem;
}

.related-products-wrapper .product-small.box .box-image {
    background: #f2f2f2;
}

/*************** END SINGLE PRODUCT ***************/

/*************** DEALER PAGE ***************/
.leaflet-tile-container {
    filter: grayscale(1) !important;
}

#content .search-title {
    color: #f3f3f3;
    font-size: 92px;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1;
}

#content .leaflet-popup-content {
    margin: 12px 20px;
    line-height: 1.5;
    font-size: 12px;
    min-height: 1px;
    min-width: 150px;
}

#content .localstore_search_wrap {
    width: 440px;
    background: #fff;
}

.guild-box i {
    color: #d9d9d9;
    font-size: 24px;
    position: relative;
    top: 3px;
}

.guild-box.filled i {
    color: #fe8a20;
}

#content .localstore_maps {
    padding-left: 480px;
}

#content .localstore_searchbox {
    background: #fff;
    padding: 0px 15px 0 30px;
    margin-bottom: 4rem;
}
#content .localstore_search_results {
    padding: 0px 15px 0 30px;
    background: #fff;
    counter-reset: store;
    position: relative;
    max-height: calc(100% - 280px);
}

#content .localstore_search_results .localstore_box.international::before {
    background-color: #525252;
}

#content .localstore_search_results .localstore_box::before {
    content: '';
    counter-increment: store;
    content: counter(store, decimal-leading-zero);
    color: #fff;
    margin-bottom: 2rem;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    width: 53px;
    height: 53px;
    background-color: var(--fs-color-primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Scrollbar */
#content .localstore_search_results::-webkit-scrollbar {
    width: 7px;
}

/* Track (background) */
#content .localstore_search_results::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 30px;
}

/* Thumb (cái thanh kéo) */
#content .localstore_search_results::-webkit-scrollbar-thumb {
    background: #d9d9d9;
    border-radius: 30px;
}

/* Hover cho thumb */
#content .localstore_search_results::-webkit-scrollbar-thumb:hover {
    background: #666;
}

#content .hidden_search .localstore_maps {
    padding-left: 0;
}

#content .close_search {
    display: none;
}

#content .localstore_box {
    overflow: hidden;
    padding: 30px;
    font-size: 16px;
    line-height: 1.5;
    cursor: pointer;
    position: relative;
    background: #f3f3f3f3;
    margin-bottom: 30px;
}

#content .localstore_wrap input[type='text'] {
    border: none;
    padding: 0;
    border-bottom: 1px solid #000;
    background: #fff;
    font-size: 16px;
}

#content .dvls_col_full.keywork_box {
    margin-bottom: 3rem;
}
/*************** END DEALER PAGE ***************/

@media screen and (min-width: 550px) {
    .box-list-view .box .box-text,
    .box-vertical .box-text {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}

@media only screen and (min-width: 850px) {
    #footer .footer-top-row > .col.large-4 {
        flex-basis: 25rem;
        max-width: 25rem;
    }

    #footer .footer-top-row > .col.large-8 {
        flex-basis: calc(100% - 25rem);
        max-width: calc(100% - 25rem);
    }

    .archive-main-row > .col.large-3 {
        flex-basis: 32%;
        max-width: 32%;
    }
    .archive-main-row > .col.large-9 {
        flex-basis: 68%;
        max-width: 68%;
    }

    .recent-posts-container .post-item {
        flex-basis: 40%;
        max-width: 40%;
    }
}

@media only screen and (max-width: 1599px) {
}
@media only screen and (max-width: 1399px) {
    .hero-section .slider h2 {
        font-size: 48px;
        margin: 0;
    }
    .hero-section .slider .hero-sub-title p {
        font-size: 28px;
    }

    .featured-case-study-row .featured-case-study-posts > .col-inner {
        padding: 4rem;
    }

    .featured-case-study-row .post-thumbnail-slider-wrapper {
        width: min(76vw, 1680px);
        margin-left: max(-28vw, -768px);
        margin-top: 6rem;
    }
    .featured-case-study-row .post-content-slider-wrapper .flickity-nav-count {
        right: 15px;
        left: auto;
    }
    .home #content .localstore_search_wrap {
        width: calc(50% + 4rem);
    }
    .home #content .search-title {
        font-size: 120px;
        margin-top: 3rem;
        margin-bottom: 3rem;
        padding-right: 4rem;
    }
    .home #content #localstore_search_form {
        padding-right: 4rem;
        max-width: 45rem;
    }
    .home #content div#localstore_maps {
        min-height: 700px;
    }
    .home #content .localstore_searchbox {
        margin-bottom: 3rem;
    }
}
@media only screen and (max-width: 1199px) {
    .nav-spacing-large > li {
        margin: 0 16px;
    }

    .product-cats-section .row-slider .product-category {
        flex-basis: 33.33333%;
        max-width: 33.33333%;
    }
    #content .localstore_box {
        padding: 20px;
        margin-bottom: 1dvh;
    }
    .home #content .localstore_search_results {
        gap: 15px;
    }
    .home #content .search-title {
        font-size: 100px;
        margin-top: 1rem;
        margin-bottom: 2rem;
        text-align: center;
    }
    .home #content div#localstore_maps {
        min-height: 600px;
    }
}

@media only screen and (max-width: 959px) {
}

@media only screen and (max-width: 849px) {
    /*************** ADD TABLET CSS HERE  ***************/
    #footer .footer-top-row {
        max-width: 91rem;
        margin: 4rem auto 1rem;
    }
    .select-resize-ghost,
    .select2-container .select2-choice,
    .select2-container .select2-selection,
    input[type='date'],
    input[type='email'],
    input[type='number'],
    input[type='password'],
    input[type='search'],
    input[type='tel'],
    input[type='text'],
    input[type='url'],
    select,
    textarea {
        font-size: 1.6rem;
    }

    .medium-pb-half {
        padding-bottom: 1.5rem !important;
    }
    #footer {
        font-size: 1.4rem;
    }
    #header.transparent .header-main {
        height: 90px;
    }
    #header.transparent #logo img {
        max-height: 64px;
    }
    #header.has-transparent + .page-title:first-of-type,
    #header.has-transparent + #main > .page-title,
    #header.has-transparent + #main > div > .page-title,
    #header.has-transparent + #main .page-header-wrapper:first-of-type .page-title {
        padding-top: 90px;
    }

    .product-rows-slider .product-row {
        max-width: 50%;
    }
    .product-rows-slider .product-row .col {
        flex-basis: 100%;
        max-width: 100%;
    }

    .sibling-cats-wrapper .slider .flickity-slider > .slider-item {
        max-width: 50%;
    }

    #header .header-search .button.icon {
        width: 3.6rem;
        height: 3.6rem;
    }
    #header .header-search .button.icon::before {
        width: 4rem;
        height: 4rem;
    }
    .mobile-nav .nav-icon a {
        font-size: 15px;
    }

    .off-canvas-left .mfp-close {
        opacity: 1;
        mix-blend-mode: normal;
        padding: 0;
    }

    .product-cats-section .row-slider .product-category {
        flex-basis: 50%;
        max-width: 50%;
    }
    .featured-case-study-row .post-content-slider-wrapper .item-slider .item-inner {
        max-width: 100%;
    }
    .featured-case-study-row .featured-case-study-posts > .col-inner {
        padding: 1.5rem;
        display: flex;
        flex-direction: column-reverse;
    }
    .featured-case-study-row .post-thumbnail-slider-wrapper {
        width: calc(100% + 4.5rem);
        margin-left: -15px;
        margin-top: 0;
        margin-bottom: 30px;
    }
    .featured-case-study-row .post-thumbnail-slider-wrapper .flickity-page-dots {
        right: calc(100% - 30px);
        left: auto;
        top: -20rem;
    }

    .featured-case-study-row .post-content-slider-wrapper .flickity-nav-count {
        bottom: 35px;
    }

    h2,
    .h2,
    .banner h2 {
        font-size: 2.4rem;
    }

    .bigger h2,
    .bigger .h2,
    .bigger .banner h2 {
        font-size: 3.6rem;
    }
    #content .localstore_search_wrap,
    .home #content .localstore_search_wrap {
        width: 100%;
        position: relative;
    }

    .home #content .localstore_searchbox {
        margin-bottom: 50rem;
    }
    #content .localstore_searchbox {
            padding: 0px 15px 0 15px;
    }
    .home  #content .localstore_maps {
        padding-left: 0;
        position: absolute;
        top: 30rem;
        left: 0;
        width: 100%;
        z-index: 10;
    }

    #content .localstore_maps {
        padding-left: 0;
        width: 100%;
        z-index: 10;
    }
    .home #content .localstore_maps {
        padding-left: 0%;
    }
    .home #content div#localstore_maps,
    #content div#localstore_maps {
        min-height: 500px;
    }
    #content .localstore_search_results {
        padding: 0px 15px 0 15px;
        max-height:600px;
        background-color: #fff;
        margin-bottom: 3rem
    }
    .home #content .localstore_search_results {
        margin-bottom: 0
    }
    .news-section .box-text {
        padding: 15px 15px 30px 15px !important;
    }
    .news-section .box-text-inner {
        max-width: 100%;
    }
    .home #content .search-title {
        padding-right: 0;
    }
    #content .search-title {
        text-align:center
    }
    .home #content #localstore_search_form {
        padding-right: 0rem;
        max-width: 45rem;
    }

    .stuck .nav-icon a {
        color: #000 !important;
    }
    .history-section .history-img-3 {
        z-index: 3;
        margin: -52% 0 0 auto;
    }

    .history-section .section-text {
        left: 50%;
        transform: translateX(-50%);
        font-size: 5rem;
    }

    .shop-cat-nav-section + .term-description {
        margin: 4rem 0 0;
    }

    .product-cat-banner .banner-text {
        padding: 5rem 1.5rem 3rem;
    }
    .product-cat-banner .banner-text .term-title {
        font-size: 3.6rem;
        margin-bottom: 1.5rem;
    }
    .products-wrapper {
        padding: 3rem 0;
    }
    .sibling-cats-wrapper {
        padding: 4rem 0;
    }
    .sibling-cats-wrapper.style-2 .flickity-slider > .slider-item {
        padding: 0 1.5rem 3rem;
    }
    .sibling-cats-wrapper.style-2 .products-block-title {
        margin-bottom: 2rem;
    }
    .product-footer .product-page-sections {
        padding: 4rem 0 0;
        margin-top: 4rem;
    }
    .related-products-wrapper {
        padding: 4rem 0;
    }
    .related-products-wrapper .product-section-title {
        font-size: 2.4rem;
        margin-bottom: 3rem;
    }
    .related-products-wrapper .flickity-slider > .col.product-small {
        max-width: 80% !important;
    }
    .product-gallery-wrapper {
        margin-top: -4rem;
    }
    .case-study-archive #post-list {
        margin-top: 5rem;
    }

    .archive .post-content-slider-wrapper {
        border: 1px solid #d9d9d9;
        padding: 4rem 2rem;
    }

    .archive .post-content-slider-wrapper .flickity-nav-count {
        display: none;
    }
    .archive .featured-case-study-row .post-content-slider-wrapper .item-slider .item-inner {
        padding-bottom: 0px;
    }
    .case-study-archive .page-numbers {
        margin-top: 0rem;
    }
    .case-study-archive {
        padding-bottom: 4rem;
    }

    .block-single-image {
            min-height: 400px;
        margin-bottom: 0rem;
    }

    .block-single-image .block-content h1 {
        font-size: 24px;
    }

    .case-study-single .page-header-wrapper {
        margin-bottom: 4rem;
    }
    .other-case-study-section {
        padding: 4rem 0;
    }

    .other-case-study-section h2 {
        margin-bottom: 2rem;
    }

    .page-header-wrapper + .archive-main-row {
        margin-top: 4rem;
    }
    .blog-single .page-header-wrapper {
        margin-bottom: 4rem;
    }
    
    .entry-content-wrapper .entry-header-text-top {
        padding: 3rem 0;
    }
    .entry-content-wrapper .entry-content {
        border-bottom: 1px solid #d9d9d9;
        padding: 0rem 0rem 3rem;
        background-color: #fff;
    }
    .entry-content-wrapper img.aligncenter.size-full {
        --total-padding: 0;
    }
    .recent-posts-container {
        margin: 4rem auto 0;
    }
}

@media only screen and (max-width: 549px) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
    .page-header-wrapper .entry-title {
        font-size: 3.6rem;
    }
    .shop-page-title h1,
    .shop-page-title h2 {
        font-size: 3.6rem;
    }
    .page-header-wrapper .rank-math-breadcrumb {
        font-size: 1.4rem;
    }
    .title-breadcrumbs {
        padding: 0;
    }
    .sibling-cats-wrapper .slider .flickity-slider > .slider-item {
        max-width: 100%;
    }
    .product-rows-slider .product-row {
        max-width: 100%;
    }
    #footer .footer-top-row form .button {
        font-size: 1.2rem;
        padding: 0 8px;
    }

    .small-pb-half {
        padding-bottom: 1.5rem !important;
    }

    #post-list .box.box-vertical .box-text {
        padding: 1.5rem;
    }

    .box .box-text .from_the_blog_excerpt {
        font-size: 1.4rem;
    }
    .box .box-text .button {
        min-width: 140px;
        font-size: 1.2rem;
        min-height: 4rem;
    }
    .product-cats-section .row-slider .product-category {
        flex-basis: 52%;
        max-width: 52%;
    }

    .product-category .header-title,
    .term-item .cat-title {
        font-size: 1.4rem;
        margin-top: 0.5rem;
    }
    .product-category > .col-inner,
    .term-item > .item-inner {
        padding: 1rem;
    }

    .product-cats-section .row-small.row-slider {
        margin-left: -7.5px;
        margin-right: -7.5px;
    }

    .product-cats-section .row-small > .flickity-viewport > .flickity-slider > .col {
        padding: 0 7.5px 15px;
        min-height:100%;
        display:flex
    }
    .product-category > .col-inner::before,
    .term-item .item-inner::before,
    .product-category > .col-inner::after,
    .term-item .item-inner::after {
        width: 15px;
        height: 15px;
    }
    .product-category > .col-inner:hover::before,
    .term-item .item-inner:hover::before {
        top: 1rem;
        left: 1rem;
    }
    .product-category > .col-inner:hover::after,
    .term-item .item-inner:hover::after {
        bottom: 1rem;
        right: 1rem;
    }
    .featured-case-study-row .post-thumbnail-slider-wrapper .item-slider {
        max-width: 80% !important;
        padding: 0 7.5px;
    }
    .featured-case-study-row .post-thumbnail-slider-wrapper {
        margin-left: -10px;
    }
    .home #content div#localstore_maps,
    #content div#localstore_maps {
        min-height: 400px;
        max-height: 400px;
    }
    .home #content .localstore_searchbox {
        margin-bottom: 42rem;
    }
    .sibling-cats-wrapper.style-2 .flickity-slider > .slider-item {
        padding: 0 0.75rem 1.5rem;
        max-width: 80% !important;
    }
    .sibling-cats-wrapper.style-2 .term-item > .item-inner {
        padding: 8px;
    }
    .sibling-cats-wrapper.style-2 .term-item > .item-inner:before,
    .sibling-cats-wrapper.style-2 .term-item > .item-inner:after {
        border-width: 1px;
        width: 100%;
        height: 100%;
        opacity: 1;
    }

    .product-info {
        padding: 2rem 1.5rem 0rem;
    }
    .box .post-title.is-large a {
        font-size:18px
    }
    #content .search-title {
        font-size: 21vw;
    }
}

.is-xxxlarge {
    font-size: 2.5em;
}

.is-xxlarge {
    font-size: 2em;
}

.is-xlarge {
    font-size: 1.5em;
}

.is-larger {
    font-size: 1.25em;
}
.is-large {
    font-size: 1.125em;
}

.is-small,
.is-small.button {
    font-size: 0.875em;
}

.is-smaller {
    font-size: 0.75em;
}

.is-xsmall {
    font-size: 0.7em;
}

.is-xxsmall {
    font-size: 0.6em;
}

@media (max-width: 549px) {
    .is-xxlarge {
        font-size: 2.5em;
    }

    .is-xlarge {
        font-size: 1.8em;
    }

    .is-larger {
        font-size: 1.2em;
    }

    .is-large {
        font-size: 1em;
    }
}