/*
Theme Name: EYE MIND HEART 2021
Theme URI: http://shopkeeper.getbowtied.com/
Description: This is a child theme for Shopkeeper.
Author: Get Bowtied
Author URI: http: //www.getbowtied.com/
Template: shopkeeper
Version: 1.36
*/


/****************************************************************/
/*************** ADD YOUR CUSTOM CSS IN THIS AREA ***************/
/****************************************************************/




:root {
    --blue: #1f65ce;
    --red: #ff5555;
    --Dblue: #1f65ce;
    --Lblue: #D5E7F2;
    --green: #76e1bc;
    --yellow: #ffc842;
    --edgegap: 30px;
    --ysl: #002ec5;
    --trendypop: #ff5555;
    --mute: #fefbee;

    /* update fullheight if editing */
    --Abg: #fafafa;
    --Bbg: #0000;
    --headheight: 100px;
    --fullheight: calc(100vh - 150px);

    /* = head (headheight var) + foot(50px) gap */
}

.cd-top {

    background-color: rgba(255, 255, 255, 0) !important;
}

.cd-top svg.progress-circle {
    fill: #fff !important;
}

cd-top:before {

    font-size: 25px !important;
    color: #fff !important;

}

.cd-top svg.progress-circle path {
    stroke: #f9d222 !important;
    stroke-width: 3px !important;
}

.titletext {

    color: white;

    letter-spacing: 0px;
    font-weight: bolder;
    font-size: 90px;
}


.titleText1 {
    padding: 0px;
    margin: 0px;
    font-size: 34px !important;
    font-weight: 900 !important;
}





/****************************************************************/
/*************** Custom Grid ***************/
/****************************************************************/

.homeProdGrid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
    grid-gap: 15px;
    padding: 0px;
    margin-bottom: 0px;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 200px;
    grid-template-areas: 'title . . .';
}

@media (max-width:761px) {
    .homeProdGrid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 15px;
        grid-template-rows: auto auto;
        grid-template-areas: 'title title' '. .';
    }
}


/****************************************************************/
/*************** Custom Grid end ***************/
/****************************************************************/

.productItemGrid {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 300px 100px;
    height: 100%;
    z-index: 9997;
}

.gridsq {
    height: 100%;
    /* min-height: 320px */
    /* background-color: #ffffff */
    box-shadow: 0;
    border-radius: 0px;
    background-size: cover;
    transition: .3s cubic-bezier(1.00, 0.31, 0.41, 0.81);
    background-position: center top;
    background-repeat: no-repeat;
    transform: scale(1);
    overflow: hidden !important;
}

.HomeProdTxt {
    /* font-weight: 900 */
    font-size: 13px;
    height: auto;
    /* background-color: #ffffff */
    /* padding: 5px 10px 5px 10px */
    /* border: solid 1px #000 */
    margin: 0px;
    color: var(--blue);
    /* font-weight: bolder */
    /* font-family: 'Fredoka One', cursive */
    font-weight: 500;
}

.homeCatGrid {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
    grid-gap: 15px;
    padding: 15px;
    width: 100%;
    /* border: dashed 1px var(--blue) */
}

@media (max-width:767px) {
    .homeCatGrid {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        grid-gap: 10px;

        padding: 15px;
    }
}

.catgrid-item {
    min-height: 250px;
}

.wpb_widgetised_column {
    position: sticky;
    top: 100px;
    left: 0px;
}

.shopkeeper-mini-cart.open {

    border-radius: 10px;
}


.customwooloop.woocommerce ul.products li.product {
    width: 100% !important;
}


.customwooloop.woocommerce ul.products::before {
    content: ' ';
    display: table;
    display: none !important;
}


.single_product_summary_related {
    /* background-color: #fff; */
    /* padding: 15px; */

}

.woocommerce div.product form.cart .button {
    vertical-align: middle;
    float: left;
}



.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
    width: 100% !important;
    height: 40px;
    font-size: 14px;
    line-height: 100%;
    padding: 10px 15px;
    margin: 0;
    background: #fff;
    border: 1.5px solid black !important;
    border-radius: 50px !important;
    -webkit-border-radius: 3px;
    -webkit-appearance: none;
    box-sizing: border-box;
    opacity: 1 !important;

}

.shopkeeper-menu-item-20556 {
    margin-left: 15px;
}

.cd-quick-view {
    background-color: #FFFFFF !important;
    border-radius: 20px !important;
}

.top-headers-wrapper.sticky .site-header .sticky-logo,
.site-logo {
    /* display: block; */
    margin-left: 15px;
}

.woocommerce .progress-btn .add_to_cart_button .loading {
    opacity: 1;
    background-color: yellow !important;

}

.woocommerce .progress-btn .add_to_cart_button .added {
    opacity: 1;
    background-color: green !important;

}

.shopkeeper-menu-item-20619 {
    color: var(--blue) !important;
    font-size: 24px !important;
}

.dgwt-wcas-no-submit .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
    padding: 10px 15px 10px 40px;
    width: 210px;
}

.dgwt-wcas-search-form {
    margin: 0;
    padding: 0;
    width: 100%;
    margin-left: 20px;
}

.product_thumbnail.with_second_image {
    border-radius: 0px !important;
}


.product_layout_classic .woocommerce-tabs {
    padding-top: 80px;
    padding-bottom: 80px;
    padding-left: 40px;
    padding-right: 40px;
}


/************************* RELATED PRODUCTS FIX ***************************************/



@media (max-width:760px) {
    .woo-related-products-container>.products>.product {
        width: 100% !important;
    }

    .product_layout_2 section.related h2,
    .product_layout_2 section.up-sells h2 {
        text-align: left;
        font-size: auto !important;

    }
}


/************************* RELATED PRODUCTS FIX ***************************************/


/****************************************************************/
/****************************************************************/
/****************************************************************/

/****************************************************************/
/*************** Curates ***************/
/****************************************************************/

.C-infoBox {
    padding: 30px;
    transform: translateX(-25%);
    background-color: #ffffff;
    position: relative;
    z-index: 8888;
    box-shadow: 0px 8px 13px -7px rgba(196, 196, 196, 0.77);
}

.C-ItemWrap {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: auto;
    grid-gap: 0px;
}

.C-ItemLayoutWrap {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
}

.C-ImgWrap {
    grid-area: 1 / 1 / 2 / 3;
}

.C-InfoBoxWrap {
    grid-area: 1 / 2 / 2 / 3;
    z-index: 8888;
    padding: 30px;
}

@media (max-width:760px) {
    .C-ItemWrap {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        grid-area: auto;
    }


    .C-infoBox {
        padding: 15px;
        transform: translateX(0%);
        background-color: #ffffff;
        position: relative;
        z-index: 8888;
        box-shadow: 0px 8px 13px -7px rgba(196, 196, 196, 0.77);
        width: 100%;
    }


    .C-ItemLayoutWrap {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }


    .C-ImgWrap {
        grid-area: auto;
    }


    .C-InfoBoxWrap {
        grid-area: auto;
        z-index: 8888;
        padding: 0px;
    }


}

/****************************************************************/
/*************** Curates ab ***************/
/****************************************************************/

/****************************************************************/
/**************************** WS ************************************/
/****************************************************************/


.box {
    position: absolute;
}

.box:hover>.pin-text {
    display: block;
}

.pin-text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 75%;
    white-space: nowrap;
    display: none;
}

.pin-text h3 {
    color: white;
    text-shadow: 1px 1px 1px #000;
}

.Ws-loopbox-Top {
    height: 20%;
    width: 100%;
    left: 0px;
    position: absolute;
    transform: rotateX(80deg);
    bottom: -8.5%;
    overflow: hidden;
}

.WScenter-Pers {
    perspective-origin: Center Top;
}

.WSleft-Pers {
    perspective-origin: left Top;
}

.WSright-Pers {
    perspective-origin: right Top;
}

.WS-product {
    border-bottom: 1px solid #000;
    padding-bottom: ;
}

/****************************************************************/
/**************************** WS ************************************/
/****************************************************************/

/* ************************************************************** */
/* *************************** PG STYLES ************************* */
/* ************************************************************** */
.NewHomeProdGrid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto auto;
    grid-gap: 15px;
    grid-template-areas: 'large2 large2 . .' 'large2 large2 . .';
}

@media (max-width:760px) {
    .NewHomeProdGrid {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 500px 500px 500px 500px;
        grid-template-areas: 'banner1' '.' '.' 'large2';
        padding: 0PX;
        grid-gap: 50px;
    }
}

.hometitle {
    font-size: 18px;

    /* font-weight: 900 */
}



.TaxGrid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
    grid-gap: 30px;
}

@media (max-width:761px) {
    .TaxGrid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 15px;
        grid-template-rows: auto;
    }
}

/* ************************************************************** */
/* *************************** PG STYLES ************************* */
/* ************************************************************** */


.select2-selection__clear {
    display: none !important;
}

.woocommerce #content div.product .product_title {
    top: -25px;
}

.softness {
    border-radius: 0px !important;
    overflow: hidden;
    /*  box-shadow: 0px 3px 25px -22px #000000;*/

}

.mond-prod.products {
    margin-bottom: 0px !important;
}

@media screen and (min-width: 40.0625em) {

    .woocommerce .woocommerce-ordering,
    .woocommerce-page .woocommerce-ordering {
        margin-left: 0px;
        margin-right: 0px;
        border-bottom: 1px solid #000;
    }
}

.fr-position-text {
    font-weight: 900 !important;
}

/* ************************************************************** */
/* *************************** PROD CARD ************************* */
/* ************************************************************** */


border-radius: 13px !important;
overflow: hidden;
box-shadow: 0px 3px 25px -22px #000000;
border: 0px #000 solid;
}

.woocommerce-loop-product__title {
    padding-left: 10px !important;
}

.product_after_shop_loop {
    /* padding-left:10px; */
}

@media screen and (min-width: 90.0625em) {
    .xxlarge-9 {
        width: 100% !important;
    }
}

/* ************************************************************** */
/* *************************** PROD CARD ABOVE ************************* */
/* ************************************************************** */

.softness:hover {
    transform: scale(1.01);
    transition: .2s;
}


.light .amount {
    color: pink !important;
}

.light li.product a {
    color: pink !important;
}

.light .title {
    color: pink !important;
}

.bright .amount {
    color: orange !important;
}

.bright li.product a {
    color: orange !important;
}

.bright .title {
    color: pink !important;
}

.woocommerce ul.products li.product a img {
    border-radius: 13px !important;
}


.homeCatGrid {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
    grid-gap: 15px;
    padding: 0px;
    width: 100%;

    /* border: dashed 1px var(--blue) */
}

@media (max-width:767px) {
    .homeCatGrid {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        grid-gap: 30px;

        /* padding: 15px */
    }
}

.headcall {
    padding: 5px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 20px;
    grid-gap: 5px;
    background-color: #fff;
}

.headcall :nth-child(2) {
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
}

.headcall-item {
    margin: 0 auto;
    width: 100%;
    padding: 10px;
}

.headcall-item-content {
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-size: 12px !important;
    font-weight: 900 !important;
    margin: 0 auto;
    text-align: center;
    height: 100%;
    line-height: 0px;
    color: var(--Dblue);
}

#mc_embed_signup_scroll .clear {
    grid-area: sub;
}

#mc-embedded-subscribe-form .content__gdprBlock.mc-field-group {
    grid-area: consent;
}

#mc_embed_signup_scroll #mc-embedded-subscribe.button {
    width: 100%;
}

@media (max-width:767px) {

    .headcall :nth-child(2),
    .headcall :nth-child(3) {
        display: none;
    }

    .headcall :nth-child(1) {
        grid-column: 1 / span 3;
    }
}


input {
    border-radius: 33px !important;
}

.monthfield {
    width: 100px;
}

.dayfield {
    width: 100px;
}

.related h2,
.upsells h2 {
    display: none;
}

dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 1rem;
    list-style: none;
    margin-left: 15px;
}

.fourBricks {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    grid-template-rows: auto;
    grid-gap: 15px;
    margin: 0 auto !important;
    max-width: 1230px;
    /* padding: 15px; */
}

@media (max-width:760px) {
    .fourBricks {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        grid-template-areas: 'sub' '.' 'IG' '.';
    }
}

.content__gdprLegal {
    font-size: 10px;
    line-height: 10px !important;
}

.twoonetitle {


    /* text-shadow: 2px 11px 27px rgba(0, 0, 0, 0.3) */
    letter-spacing: 9px;
    font-size: 28px !important;
}



.related .products {
    margin-top: 30px !important;
}

.post-762 .woocommerce {
    max-width: 1000px !important;
    margin: 0 auto !important;
}


.cwg_iagree_checkbox label {
    font-size: 10px !important;
    font-weight: lighter !important;
}

.cwginstock-subscribe-form .panel-primary>.panel-heading {
    color: #fff;
    background-color: rgba(0, 17, 207, 1) !important;
    border-color: rgba(0, 17, 207, 1) !important;
}

.cwginstock-subscribe-form .panel-primary {
    border-color: rgba(0, 17, 207, 1) !important;
    border: 3px solid rgba(0, 17, 207, 1) !important;
}

.cwginstock-panel-heading h4 {
    color: #fff !important;
    margin-bottom: 0px !important;
    font-size: 12px !important:
}

.product_layout_2 .product_content_wrapper .product_infos.long-description {
    position: fixed;
    top: 85px !important;
}

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


.product-image {
    border-radius: 5px !important;
    overflow: hidden;
    /* box-shadow: 0px 3px 25px -22px #000000; */
}



.product_layout_2 .xlarge-9 {
    width: 100% !important;
}

#site-footer {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    /* background-color: #fafafa !important; */
    /* border-top: 5px solid var(--Dblue) !important; */

}



.woo-related-products-container {
    padding-top: 0px !important;
    background-color: transparent !important;
}


html>body>#st-container>div>#page_wrapper>#primary>#content>div>div:nth-child(3) {
    background-color: #fff !important;
}

/* ************************************************************** */
/* *************************** SCHEME DREAMS ************************* */
/* ************************************************************** */

/*  2 tone
.lightning .amount, .lightning li.product a, .lightning .title, .lightning {background-color:#f7bc19 !important; color: #f8ebd2 !important;}

.madang .amount, .madang li.product a, .madang .title, .madang {background-color:#c0f2ca !important; color: #f33b42 !important;} */

.jackson {
    border: solid 0px #1f1d93;
}

.jackson .amount,
.jackson li.product a,
.jackson .title,
.jackson {
    color: #1f1d93 !important;
    font-weight: bolder !important;
}

.lightning {
    border: solid 0px #f7bc19;
}

.lightning .amount,
.lightning li.product a,
.lightning .title,
.lightning {
    color: #f7bc19 !important;
    font-weight: bolder !important
}

.madang {
    border: solid 0px #f33b42;
}

.madang .amount,
.madang li.product a,
.madang .title,
.madang {
    color: #f33b42 !important;
    font-weight: bolder !important
}

.bondi {
    border: solid 0px #03b1b1;
}

.bondi .amount,
.bondi li.product a,
.bondi .title,
.bondi {
    color: #03b1b1 !important;
    font-weight: bolder !important
}

.damsak {
    border: solid 0px #047ae2;
}

.damsak .amount,
.damsak li.product a,
.damsak .title,
.damsak {
    color: #047ae2 !important;
    font-weight: bolder !important
}

/* ************************************************************** */
/* *************************** SCHEME DREAMS ************************* */
/* ************************************************************** */





@media (max-width:760px) {
    .homeProdGrid :nth-child(4) {
        display: none !important;

    }


    #sbi_images :nth-child(2) {
        display: none !important;

    }

    #sbi_images :nth-child(3) {
        display: none !important;

    }

    #sbi_images :nth-child(4) {

        display: none !important;

    }

    #sbi_images :nth-child(5) {
        display: none !important;

    }

    #sbi_images :nth-child(6) {
        display: none !important;

    }

    #sbi_images :nth-child(7) {
        display: none !important;

    }

    #sbi_images :nth-child(8) {
        display: none !important;

    }

    #sbi_images :nth-child(9) {
        display: none !important;

    }
}

.top-headers-wrapper .site-header .site-header-wrapper .site-tools>ul>li {
    display: inline-block;
    vertical-align: middle !important;
}

.product_content_wrapper .product-images-wrapper .product_images .product-images-controller .dot.current {
    background-color: var(--Dblue) !important;
}



.twobrick {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 500px;
    grid-gap: 30px;
    max-width: 1000px;
    margin: 0 auto;
}

@media (max-width:760px) {
    .twobrick {
        display: grid;
        grid-template-columns: 1fr;
    }
}

.sub-menu {
    background-color: #fff !important;
    border-radius: 0px;
    border: solid 0px #000;
    margin-top: 0px !important;
    transform-origin: top left;
}




.mobile-navigation>ul>li>a {
    font-size: 19px !important;
    font-weight: bold;
}

.off-canvas.position-right.is-open {

    border-left: 1px solid;
}

.out_of_stock_badge_loop {
    background-color: var(--Dblue) !important;
    font-style: italic;
}

.off-canvas .mobile-navigation {
    border-color: rgba(0, 0, 0, 1) !important;
}

.off-canvas .menu-close {

    border-color: rgba(0, 0, 0, 1) !important;
}


.main-navigation ul ul {

    width: 220px;
}

/* ************************************************************** */
/* *************************** SCHEME DREAMS ************************* */
/* ************************************************************** */
.mond-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 200px 300px;
    grid-gap: 30px;
}

.mond-grid> :nth-child(1) {
    background-color: #ffffff !important;
    grid-area: 2 / 1 / 3 / 3;
}

.mond-grid> :nth-child(2) {
    background-color: #f5f5f5 !important;
    height: 100%;
    grid-area: 1 / 1 / 2 / 3;
}

.mond-grid> :nth-child(3) {
    background-color: red !important;
    grid-row: 1;
}

.mond-grid> :nth-child(4) {
    background-color: #e4ffd5;
    grid-area: 1 / 4 / 3 / 5;
}

.mond-grid> :nth-child(5) {
    background-color: #ffffff !important;
}

.mond-grid> :nth-child(6) {
    background-color: #ffffff;
    grid-area: 2 / 2 / 3 / 4;
    height: 100%;
}


@media (max-width:760px) {
    .mond-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 300px 300px 300px;
    }

    .mond-grid> :nth-child(1) {
        background-color: #ffffff !important;
        grid-area: auto;
    }

    .mond-grid> :nth-child(2) {
        background-color: #f5f5f5 !important;
        grid-area: auto;
    }

    .mond-grid> :nth-child(3) {
        background-color: red !important;
        grid-area: 3 / 1 / 4 / 3;
    }

    .mond-grid> :nth-child(4) {
        background-color: #e4ffd5;
        grid-area: auto;
    }

    .mond-grid> :nth-child(5) {
        background-color: #ffffff !important;
        grid-area: auto;
    }

    .mond-grid> :nth-child(6) {
        background-color: #ffffff;
        grid-area: auto;
    }
}

.mond-grid-two {
    padding: 0px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 200px 300px;
    grid-gap: 30px;
}

.mond-grid-two> :nth-child(1) {
    background-color: #ffffff !important;
}

.mond-grid-two> :nth-child(2) {
    background-color: #f5f5f5 !important;
    height: 100%;
}

.mond-grid-two> :nth-child(3) {
    background-color: red !important;
}

.mond-grid-two> :nth-child(4) {
    background-color: #e4ffd5;
    grid-area: 1 / 4 / 3 / 5;
}

.mond-grid-two> :nth-child(5) {
    background-color: #ffffff !important;
}

.mond-grid-two> :nth-child(6) {
    background-color: #ffffff;
    grid-area: 2 / 2 / 3 / 4;
    height: 100%;
}

.mond-prod {
    padding: 0px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
    grid-gap: 30px;
    margin-bottom: 0px;
}

/* ************************************************************** */
/* *************************** MONDRIAN GRID ************************* */
/* ************************************************************** */
.mond-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 200px 300px;
    grid-gap: 30px;
}

.mond-grid> :nth-child(1) {
    background-color: #ffffff !important;
    grid-area: 2 / 1 / 3 / 3;
}

.mond-grid> :nth-child(2) {
    background-color: #f5f5f5 !important;
    height: 100%;
    grid-area: 1 / 1 / 2 / 3;
}

.mond-grid> :nth-child(3) {
    background-color: red !important;
    grid-row: 1;
}

.mond-grid> :nth-child(4) {
    background-color: #e4ffd5;
    grid-area: 1 / 4 / 3 / 5;
}

.mond-grid> :nth-child(5) {
    background-color: #ffffff !important;
}

.mond-grid> :nth-child(6) {
    background-color: #ffffff;
    grid-area: 2 / 2 / 3 / 4;
    height: 100%;
}

@media (max-width:760px) {
    .mond-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 300px 300px 300px;
    }

    .mond-grid> :nth-child(1) {
        background-color: #ffffff !important;
        grid-area: auto;
    }

    .mond-grid> :nth-child(2) {
        background-color: #f5f5f5 !important;
        grid-area: auto;
    }

    .mond-grid> :nth-child(3) {
        background-color: red !important;
        grid-area: 3 / 1 / 4 / 3;
    }

    .mond-grid> :nth-child(4) {
        background-color: #e4ffd5;
        grid-area: auto;
    }

    .mond-grid> :nth-child(5) {
        background-color: #ffffff !important;
        grid-area: auto;
    }

    .mond-grid> :nth-child(6) {
        background-color: #ffffff;
        grid-area: auto;
    }
}

.mond-grid-two {
    padding: 0px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 200px 300px;
    grid-gap: 30px;
}

.mond-grid-two> :nth-child(1) {
    background-color: #ffffff !important;
}

.mond-grid-two> :nth-child(2) {
    background-color: #f5f5f5 !important;
    height: 100%;
}

.mond-grid-two> :nth-child(3) {
    background-color: red !important;
}

.mond-grid-two> :nth-child(4) {
    background-color: #e4ffd5;
    grid-area: 1 / 4 / 3 / 5;
}

.mond-grid-two> :nth-child(5) {
    background-color: #ffffff !important;
}

.mond-grid-two> :nth-child(6) {
    background-color: #ffffff;
    grid-area: 2 / 2 / 3 / 4;
    height: 100%;
}

.mond-prod {
    padding: 0px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
    grid-gap: 30px;
    margin-bottom: 0px;
}

/* ************************************************************** */
/* *************************** MONDRIAN GRID ************************* */
/* ************************************************************** */
/* ************************************************************** */
/* *************************** OFFSET GRID ************************* */
/* ************************************************************** */




/* ************************************************************** */
/* *************************** MONDRIAN GRID ************************* */
/* ************************************************************** */
.mond-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 200px 300px;
    grid-gap: 30px;
}

.mond-grid> :nth-child(1) {
    background-color: #ffffff !important;
    grid-area: 2 / 1 / 3 / 3;
}

.mond-grid> :nth-child(2) {
    background-color: #f5f5f5 !important;
    height: 100%;
    grid-area: 1 / 1 / 2 / 3;
}

.mond-grid> :nth-child(3) {
    background-color: red !important;
    grid-row: 1;
}

.mond-grid> :nth-child(4) {
    background-color: #e4ffd5;
    grid-area: 1 / 4 / 3 / 5;
}

.mond-grid> :nth-child(5) {
    background-color: #ffffff !important;
}

.mond-grid> :nth-child(6) {
    background-color: #ffffff;
    grid-area: 2 / 2 / 3 / 4;
    height: 100%;
}

@media (max-width:760px) {
    .mond-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 300px 300px 300px;
    }

    .mond-grid> :nth-child(1) {
        background-color: #ffffff !important;
        grid-area: auto;
    }

    .mond-grid> :nth-child(2) {
        background-color: #f5f5f5 !important;
        grid-area: auto;
    }

    .mond-grid> :nth-child(3) {
        background-color: red !important;
        grid-area: 3 / 1 / 4 / 3;
    }

    .mond-grid> :nth-child(4) {
        background-color: #e4ffd5;
        grid-area: auto;
    }

    .mond-grid> :nth-child(5) {
        background-color: #ffffff !important;
        grid-area: auto;
    }

    .mond-grid> :nth-child(6) {
        background-color: #ffffff;
        grid-area: auto;
    }
}

.mond-grid-two {
    padding: 0px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 200px 300px;
    grid-gap: 30px;
}

.mond-grid-two> :nth-child(1) {
    background-color: #ffffff !important;
}

.mond-grid-two> :nth-child(2) {
    background-color: #f5f5f5 !important;
    height: 100%;
}

.mond-grid-two> :nth-child(3) {
    background-color: red !important;
}

.mond-grid-two> :nth-child(4) {
    background-color: #e4ffd5;
    grid-area: 1 / 4 / 3 / 5;
}

.mond-grid-two> :nth-child(5) {
    background-color: #ffffff !important;
}

.mond-grid-two> :nth-child(6) {
    background-color: #ffffff;
    grid-area: 2 / 2 / 3 / 4;
    height: 100%;
}

.mond-prod {
    padding: 0px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
    grid-gap: 30px;
    margin-bottom: 0px;
}

html>body>#st-container>div>#page_wrapper>div:nth-child(1)>#masthead>div>div>div:nth-child(2)>nav>ul>#shopkeeper-menu-item-21328>a {
    border: #fff solid 2px;
    padding: 8px 6px 6px 8px;
    /* color: #3C3C3C !important; */
    margin-bottom: 3px;
    border-radius: 6px;
}


.main-navigation>ul>li.menu-item-has-children:after {
    display: none !important;

}


/* ************************************************************** */
/* *************************** MONDRIAN GRID ************************* */
/* ************************************************************** */
/* ************************************************************** */
/* *************************** OFFSET GRID ************************* */
/* ************************************************************** */
.mond-prod {
    padding: 0px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
    grid-gap: 30px;
    margin-bottom: 0px;
}

.off-grid {
    padding: 30px 15px 60px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto 30vh 30vh 30vh 30vh 30vh 30vh 30vh;
    grid-gap: 30px;
    max-width: 1180px;
    margin: 0 auto;
}

.off-grid> :nth-child(1) {
    grid-area: 1 / 1 / 2 / 5;
}

.off-grid> :nth-child(2) {
    grid-area: 2 / 1 / 3 / 5;
}

.off-grid> :nth-child(3) {
    grid-area: 3 / 3 / 5 / 5;
}

.off-grid> :nth-child(4) {
    grid-area: 4 / 1 / 6 / 3;
    overflow: hidden;
}

.off-grid> :nth-child(5) {
    grid-area: 5 / 3 / 6 / 5;
}

.off-grid> :nth-child(6) {
    grid-area: 6 / 1 / 8 / 3;
}

.off-grid> :nth-child(7) {
    grid-area: 6 / 3 / 7 / 5;
}

.off-grid> :nth-child(8) {
    grid-area: 3 / 1 / 4 / 3;
}

.off-grid> :nth-child(9) {
    grid-area: 7 / 3 / 9 / 5;
}

.off-grid> :nth-child(10) {
    grid-area: 8 / 1 / 9 / 3;
}

.off-grid> :nth-child(11) {
    grid-area: 9 / 1 / 10 / 5;
}

.off-grid> :nth-child(12) {}

/* ************************************************************** */
/* *************************** OFFSET GRID INNER STYLE ************************* */
/* ************************************************************** */



a .GridTitle-Wrap:hover {

    transform: scale(.95);
    background-color: #fff;
    transition: .3s;
}

.GridTitle-Wrap p {
    color: #070101;
    text-align: center;
    font-size: 14px;
    line-height: 14px;
    padding: 0px;
    margin: 0px;
}

.GridSWrap {
    padding: 60px;
    border: solid 0px #000;
}

/* ************************************************************** */
/* *************************** OFFSET GRID Mobile ************************* */
/* ************************************************************** */
@media (max-width:760px) {
    .off-grid {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto 60vh 60vh 60vh 60vh 60vh 60vh 60vh 60vh 60vh;
        grid-gap: 50px;
        padding: 10px;
    }

    .off-grid> :nth-child(1) {
        grid-area: auto;
    }

    .off-grid> :nth-child(2) {
        grid-area: auto;
    }

    .off-grid> :nth-child(3) {
        grid-area: auto;
    }

    .off-grid> :nth-child(4) {
        grid-area: auto;
        overflow: hidden;
    }

    .off-grid> :nth-child(5) {
        grid-area: auto;
    }

    .off-grid> :nth-child(6) {
        grid-area: auto;
        overflow: hidden;
    }

    .off-grid> :nth-child(7) {
        grid-area: auto;
    }

    .off-grid> :nth-child(8) {
        grid-area: auto;
    }

    .off-grid> :nth-child(9) {
        grid-area: auto;
    }

    .off-grid> :nth-child(10) {
        grid-area: auto;
    }

    .off-grid> :nth-child(11) {
        grid-area: auto;
    }

    .off-grid> :nth-child(12) {
        grid-area: auto;
    }

    .mond-prod {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
        grid-gap: 10px;
        padding: 10px;
    }
}

@media (max-width:760px) {
    .imagemapper-wrapper {
        margin: 0 auto;
        width: 1000px !important;
    }

    .imapper-content-default {
        position: fixed !important;
        top: 100px !important;
        left: none !important;
        max-width: calc(100vw - 60px) !important;
        height: auto !Important;
        margin: 30px;
        display: block !important;
        border-radius: 13px !important;
        overflow: hidden;
    }

    .my_product_title_inner {
        color: #000000 !important;
        line-height: 1.5 !important;
        width: 318px !important;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-family: "Open Sans", serif !important;
        font-size: 18px !important;
        font-style: normal !important;
        font-weight: 900 !important;
        max-height: auto !important;
        max-width: 290px !important;
    }

    .imapper-content-wrapper {
        position: fixed !important;
        top: 0px !important;
        left: 0px !important;
        position: !important;
        /* max-width: 300px; */
        height: 100% !important;
        right: 0px !Important;
        /* bottom: 100px !important; */
        width: 100%;
        background-color: rgba(45, 45, 45, 0.47);
    }

    .my_product_image_div {
        width: auto;
        height: 50vh;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        grid-area: img;
    }

    .my_product_main {
        height: auto !important;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto 50%;
        grid-template-areas: 'img' '.';
    }

    .my_product_description {
        display: none !important;
    }

    .nfc-wrap {

        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;/
    }

    .nfc-wrap::-webkit-scrollbar {
        display: none;
    }

    .my_product_price {
        .my_product_price {
            color: #000000 !important;
            line-height: 0px !important;
            font-family: "Open Sans", serif !important;
            font-size: 18px !important;
            font-style: normal !important;
            font-weight: 900 !important;
            height: 35px !important;
            top: -100px !important;
            /* z-index: 8888; */
            /* overflow: visible; */
        }
    }

}


.shop_header {
    background-color: #cacaca;
    top: -30px;
    padding-top: 160px;
    padding-bottom: 160px;

}

.page-title on-shop {
    color: #fff !important;
}

.shop_header.with_featured_img .shop_header_bkg {
    background-position: center center !important;
}

@media print,
screen and (min-width: 40.0625em) .column,
.columns {
    padding-right: 15px;
    padding-left: 15px;
}

.content-area.shop-page {
    padding-top: 0px !important;

}

@media screen and (min-width: 40.0625em) {
    .shop-page>.row {
        padding: 5px !important;
    }
}

.wpb_widgetised_column {
    border-right: 0px solid rgba(0, 0, 0, 1);
    padding-right: 15px !important;
    margin-bottom: 0px !important;
    height: 100% !important;
}

.wpb_widgetised_column .widget {

    padding-top: 15px;
    padding-bottom: 15px;
}

.top-headers-wrapper.sticky .site-header {
    background-color: rgba(255, 255, 255, 0.68);
    border-bottom: 0px #000 solid;
}



a:hover,
a:focus,
.entry-content a:hover {
    opacity: 1;
    transform: scale(1.01);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

/* ************************************************************** */
/* *************************** Curated Pages > ************************* */
/* ************************************************************** */

.curated-info>.product_title {
    font-size: 22px;
    font-weight: bold;
}

.curated-info>.product_meta {
    font-size: 9px;
    display: none !important;
}

.curated-info>.product_meta>.sku_wrapper {
    display: none !important;
}

.curated-info>.cart>.add_to_cart_button {
    width: 100%;
    height: 40px;
    padding: 5px !important;
}

.curated-info>.cart>.quantity {
    display: none !important;
}

.curated-info>.cart>.add_to_cart_button>.btn {
    color: #fff !important;
}

.tax-gifts_for.gbt_custom_notif .page-notifications {
    display: none !important;
}

/* ************************************************************** */
/* *************************** < Curated Pages  ************************* */
/* ************************************************************** */

.shop_header.with_featured_img {
    background-position: center center !important;
    padding-top: 120px !important;
    padding-bottom: 120px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    top: -20px;
}

@media screen and (min-width: 48.0625em) {

    .categories_grid .category_1 .category_item,
    .categories_grid .category_2 .category_item,
    .categories_grid .category_4 .category_item,
    .categories_grid .category_five_cat_1 .category_item,
    .categories_grid .category_five_cat_3 .category_item,
    .categories_grid .category_five_cat_4 .category_item,
    .categories_grid .category_four_cat_1 .category_item,
    .categories_grid .category_three_cat_1 .category_item,
    .categories_grid .category_two_cat_1 .category_item,
    .categories_grid .category_two_cat_2 .category_item,
    .categories_grid .category_one_cat_1 .category_item {
        height: 24.16667rem;
    }
}

.menu-item :hover {
    transform: scale();
    transition-duration: 1s;
}


@media (max-width:760px) {

    .menu-item :hover {
        transform: scale(1);
        transition-duration: 1s;
    }

}

.current-menu-item {
    transform: scale(1.1);
    color: #fff !important;
    font-style: italic;
    font-weight: 900 !important;
    letter-spacing: 1px;
}


@media screen and (min-width: 48.0625em) {

    .categories_grid .category_1 .category_item,
    {
    height: 24.16667rem;
}
}

.categories_grid .category_item_bkg {
    background-color: #fff;
}

.categories_grid .category_item_bkg {
    background-position: center center !important;
    background-size: cover !Important;
}

.categories_grid .category_name {
    background-color: var(--Dblue);
}

.category_name {
    color: white !important;
}
}

.categories_grid .category_item:hover .category_name {
    background-color: #ffffff !important;
}
}

.categories_grid .category_item:hover .category_name {
    color: var(--Dblue) !important;
}
}

.shop_header .row {
    padding: 0px !important;
}

.page-title {
    font-size: 1.875em;
    margin: 0 0 15px;
    text-transform: capitalize;
    text-align: center !important;
    font-weight: 900;
    paddding-left: 15px;
}

.categories_grid {
    margin-bottom: 1.25rem;
    max-width: 100%;
    margin: 0 auto;
    /* max-height: 50vh; */
}

.woocommerce_checkout_coupon {
    background-color: #ffff !important;
    border-radius: 50px;
}

#site-footer {

    border-top: 0px solid #000;
    background-color: #fff;
}


.twelve-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: auto auto auto;
    grid-gap: 30px;
    grid-template-areas: '. . . . . .' 'Kids Kids Life Life Books Books' '. . . . . .';
}



.twelve-grid .product {
    background-color: #fff;
    margin-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}



.twelve-grid>a:hover {
    transform: rotate(0deg) scale(1.02);
    box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.29);
    transition: .3s;
}



.twelve-grid>a:hover .GridTitle-Wrap {
    transform: scale(1.04);
    transition: .2s;
    background-color: #fff;
}



.GridTitle {
    color: #16030a;
    font-weight: 900 !important;
    padding: 0px !important;
    width: 100%;
    padding-top: 0px !important;
    letter-spacing: .4px;
    font-size: 22px !important;
    font-style: italic;
    text-align: center !important;
}



.GridTitle-Wrap {
    padding: 20px;
    /* margin: 30px */
    transition: .3s;
    /* max-width: 80%; */
}


@media (max-width:760px) {
    .twelve-grid {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto 50vh 50vh 50vh;
        grid-gap: 20px;
        padding: 10px;
        grid-template-areas: 'headhome' 'Life' 'Kids' 'Books';
        overflow: hidden;
    }
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
    background: #000;
    transition: .8s;
    opacity: .05;
}



.swiper-pagination-bullet-active,
.pg-main-cs-11 {
    opacity: 1;
    background: var(--Dblue) !important;
    transition: .2s;
}



.slide-grid {
    background-color: <?php the_field('slide_background_colour') ?>;
    background-size: cover;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 100%;
    grid-gap: 15px;
    background-position: center center;
    height: 60vh !important;
}


@media (max-width:760px) {}

/* .swiper-slide {
    ||*| width: 100% |*||
    /* flex-shrink: 0 */
display: block;
height: 100%;
max-height: 100%;

*/ .swiper-wrapper {
    max-width: 100%;
}



.Head-Slide-Grid {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-template-rows: auto;
    width: 100%;
}

.head-slide-right {
    grid-area: 1 / 2 / 2 / 4;
    background-size: cover;
    background-position: center center;
    background-repeat: none;
}


@media (max-width:760px) {
    .Head-Slide-Grid {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 40vh 20vh;
        grid-template-areas: 'image' '.';
    }

    .head-slide-right {
        grid-area: image;
        background-size: cover;
    }

    .HeadHome-Tile {

        margin: 0px !important;
        padding: 0px !important;
    }


    .homeslide-nav {
        display: none !important;
    }

    .slide-grid {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 50vh auto;
        grid-gap: 0px;
        grid-template-areas: 'image' '.';
        height: auto !important;
    }
}

.Kids-Tile-Home {
    grid-area: Kids;
}



.Books-Tile-Home {
    grid-area: Books;
}



.Life-Tile-Home {
    grid-area: Life;
}



.HeadHome-Tile {
    grid-area: headhome;
    margin: 0px 0px 15px 0px;
    padding-top: 30px;
}



}

.slideTextWrap p {
    font-size: 11px;
    color: #000;

}

.woocommerce .blockUI.blockOverlay:before {
    height: 100% !important;
    width: 100% !important;
    position: absolute;
    border-radius: 0% !important;
    top: 0% !important;
    border: none !important;
    opacity: 1 !important;
    left: 0% !important;
    margin-left: 0em !important;
    margin-top: 0em !important;
    display: block;
    content: "";
    -webkit-animation: none !important;
    -moz-animation: none !important;
    animation: none !important;
    background: url('https://eyemindheart.shop/wp-content/uploads/2020/05/XUntitled_Artwork.gif') center center !important;
    background-size: 100px !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    line-height: 1;
    text-align: center;
    font-size: 2em;
}

.woocommerce .loader:before {
    height: 100% !important;
    width: 100% !important;
    position: absolute;
    border-radius: 0% !important;
    top: 0% !important;
    border: none !important;
    opacity: 1 !important;
    left: 0% !important;
    margin-left: 0em !important;
    margin-top: 0em !important;
    display: block;
    content: "";
    -webkit-animation: none !important;
    -moz-animation: none !important;
    animation: none !important;
    background: url('https://eyemindheart.shop/wp-content/uploads/2020/05/Untitled_Artwork.gif') center center !important;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    line-height: 1;
    text-align: center;
    font-size: 2em;
}




.BoomerGrid {
    background-color: #fafafa;

    /* padding-top: 30px */
    padding-bottom: 30px;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-gap: 30px;
    padding-top: 30px;
}

.threesetgrid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: var(--halfheight);
    grid-gap: 30px;
}

@media (max-width:767px) {
    .threesetgrid {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 350px 350px 350px;
    }
}

}

.tob_bar_shop {
    overflow: hidden;
    margin-bottom: 35px;
    display: flex;
    background-color: white;
    padding: 30px;
    border-radius: 12px;
}


/****************************************************************/
/*************** Noti Slider ***************/
/****************************************************************/

/****************************************************************/
/*************** Noti Slider ***************/
/****************************************************************/

#site-top-bar .site-top-message {
    font-size: 13px;
    padding: .75em 0;

    text-align: right;
    line-height: 10px;
    float: left;
    /* margin-right: 35px; */
    font-weight: 900;
}

.singupform {
    background-color: #fafafa;
    padding: 60px;
    margin-top: 60px;
    border-radius: 30px;
}

label {
    text-transform: none !important;
}

.HighlightText {
    font-size: 11px;
    font-weight: 400 !important;
    padding: 5px;
    color: black;
    text-align: center;
    border-radius: 3px;
    line-height: 13px;
    bottom: 0%;
    left: 0%;
    font-style: italic;
    z-index: 9999;
    position: absolute;
    background-color: white;
    transition: .2s;
    transform: translateY(0px);
    opacity: 1;
    transition-delay: .3s;
    border: 1px solid #000;
}

.woocommerce-LoopProduct-link:hover .HighlightText {
    transition: .2s;
    transform: translateY(15px) scale(.8);
    opacity: 0;
    transition-delay: .1s;
}

.poppy-prod-grid {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 50px;
    grid-template-rows: auto auto;
    grid-gap: 30px;
}

.poppy-prod-grid .product {
    margin: 0px !important;
}

.poppy-prod-grid :last-child {
    grid-column-start: 5;
    grid-column-end: 6;
}

@media (max-width:767px) {
    .poppy-prod-grid :last-child {
        grid-column-start: 1;
        grid-column-end: 3;
    }
}

@media (max-width:767px) {
    .poppy-prod-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
    }
}

.poppy-more-prod-link {
    transform: rotate(-90deg);
}

@media (max-width:767px) {
    .poppy-more-prod-link {
        transform: rotate(0deg);
    }
}

h2.poppy-title {
    text-align: left;
    color: #000000;
    font-weight: 900 !important;
    padding: 15px !important;
    width: 100%;
    letter-spacing: .4px;
    font-size: 32px;

    /* font-style: italic */
}

@media (max-width:767px) {
    h2.poppy-title {
        font-size: 28px;
    }
}

.poppy-fourty-tile {
    grid-column-start: 5;
    grid-column-end: 7;
    height: 100%;
    background-color: #fafafa;
}

@media (max-width:767px) {
    .poppy-fourty-tile {
        padding: 30px 60px;
        grid-column-start: 1;
        grid-column-end: 7;
        height: 100%;
        background-color: #fafafa;
    }
}

.poppy-fifty-tile-start {
    grid-column-start: 1;
    grid-column-end: 4;
    height: 100%;
    background-color: #fafafa;
}

@media (max-width:767px) {
    .poppy-fifty-tile-start {
        grid-column-start: 1;
        grid-column-end: 7;
        height: 100%;
        background-color: #fafafa;
    }
}

.poppy-fifty-tile-end {
    grid-column-start: 4;
    grid-column-end: 7;
    height: 100%;
    background-color: #fafafa;
}

@media (max-width:767px) {
    .poppy-fifty-tile-end {
        grid-column-start: 1;
        grid-column-end: 7;
        height: 100%;
        background-color: #fafafa;
    }
}

.poppy-sixty-tile {
    grid-column-start: 1;
    grid-column-end: 5;
    height: 100%;
    background-color: #fafafa;
}

@media (max-width:767px) {
    .poppy-sixty-tile {
        padding: 30px 60px;
        grid-column-start: 1;
        grid-column-end: 7;
        height: 100%;
        background-color: #fafafa;
    }
}

.poppy-wrap-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
    grid-gap: 30px;
    grid-row-gap: 90px;
    margin-top: 30px;
    margin-bottom: 30px;

    /* padding: 0px */
}

@media (max-width:767px) {
    .poppy-wrap-grid {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-template-rows: auto;
        grid-gap: 30px;
        grid-row-gap: 90px;
        margin-top: 30px;
        margin-bottom: 30px;
        padding: 0px;
    }
}

.poppy-tile-button {
    border: solid 0px <?php the_field('slide_title_text_colour');
    padding: 5px 15px !important;
    background-color: rgba(0, 17, 207, 1) !important;
    color: #ffffff;
    border-radius: 55px;
}



html>body>#st-container>div>#page_wrapper>div:nth-child(3)>div>div>div>div:nth-child(1)>div>div>div:nth-child(2)>a {
    background-color: var(--blue) !important;
    border-width: 0px;
    padding-top: 28px;
    padding-bottom: 28px;
    margin-top: 100px;
}

.vc_btn3.vc_btn3-size-lg.vc_btn3-icon-right:not(.vc_btn3-o-empty) {
    background-color: var(--blue) !important;
    border-width: 0px;
    padding-top: 28px;
    padding-bottom: 28px;
}

#site-footer .copyright_text {
    font-size: 14px;
    line-height: 14px;
    text-align: center !important;
    color: #000;
    padding-top: 15px;
}

.site-footer-widget-area .large-12 {
    width: 60%;
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.site-footer-widget-area {
    padding-top: 30px;
    background-color: #fafafa;
}

#site-footer {
    padding-top: 30px;
}

.product_layout_2 .product_content_wrapper .product_infos .product_summary_top {
    margin-bottom: 15px;
    position: relative;
}

.woocommerce #content div.product .product_title {
    margin-bottom: 5px;
    font-size: 26px;
    font-weight: 900 !important;
    letter-spacing: -1px;
}

.woocommerce #content div.product p {
    margin-bottom: 0px;
}



.woo-breadcrumbs {
    font-size: 12px;
    padding-left: 15px;
    opacity: 0.8;
    color: #000;
}

.shop_sidebar .widget ul .children li a {
    font-weight: bold;
    letter-spacing: -0.2px;
    font-size: 11px !important;
}

.shop_sidebar .widget ul .children {
    margin-left: 4px;
}

.main-navigation>ul>li>a {
    display: inline-block;
    vertical-align: middle;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    transition-duration: 0.3s;
    transition-property: transform;
}

.site-branding a {
    display: inline-block;
    vertical-align: middle;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    transition-duration: 0.3s;
    transition-property: transform;
}

.site-branding a:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    transition-duration: 0.3s;
    transition-property: transform, opacity;
}

.site-branding a:hover,
.site-branding a:focus,
.site-branding a:active {
    transform: translateY(-5px);
}

.site-branding a:hover:before,
.site-branding a:focus:before,
.site-branding a:active:before {
    opacity: 1;
    transform: translateY(5px);
}

/*

.shopping-bag-button {
    height: 23px !important;
    margin-bottom:8px
}

.top-headers-wrapper .site-header .site-header-wrapper .site-tools > ul > li {
    vertical-align:middle !important
}

.shopping_bag_items_number {
     margin:10px 0 0 0!important;
     position:absolute;
     width:20px;
 text-align:center!important;
     font-size:12px!important
}

*/


.wpmc-tabs-wrapper {
    margin-top: 50px;
}

.current .wpmc-tab-number {
    background-color: #ffd600 !important;
    border-color: var(--Dblue) !important;
    border-width: 3px !important;
    font-weight: bolder !important;
    color: var(--Dblue) !important;
    font-size: 0px !important;
}

.woocommerce form.checkout .form-row .input-text {
    background-color: rgba(221, 238, 255, 0.52);
    border: 0px;
}

.wpmc-tab-item.current::before {
    border-bottom-color: var(--Dblue) !important;
}

.woocommerce .woocommerce-breadcrumb :nth-last-child(2) {
    color: var(--red) !important;
}

.woocommerce .woocommerce-breadcrumb :nth-last-child(4) {
    color: var(--yellow) !important;
}

.woocommerce #content div.product .price .amount {
    font-weight: 900;
    font-size: 18px;
}

.woocommerce-tabs {
    padding-top: 40px;
    padding-bottom: 30px;
}

html>body>#st-container>div>#page_wrapper>div:nth-child(1)>#masthead>div>div>div:nth-child(2)>div>ul>li:nth-child(2)>a>span:nth-child(2) {
    color: var(--Dblue);
}

html>body>#st-container>div>#page_wrapper>div:nth-child(1)>#masthead>div>div>div:nth-child(2)>nav>ul>#shopkeeper-menu-item-21328 {
    padding-right: 5%;
}





.archive .large-12,
.archive .shop-page>.row {
    padding: 10px !important;
}

.top-headers-wrapper .sticky~.shop-page .large-3 {
    width: 30%;
}

.sticky~.shop-page .large-3 {
    width: 20% !important;
}

.top-headers-wrapper .sticky~.shop-page .large-9 {
    width: 65%;
    transition: .5s;
}

.sticky-element-placeholder {
    margin-left: 0px !important;
}

.element-is-sticky {
    height: 100%;
    width: 18% !important;
    margin-left: 0px !important;
    transition: .5s;
    box-shadow: 0px 0px 0px 0px lightgrey;
    background-color: #fff;
    border: 0px !important;
}

.element-is-not-sticky {
    background-color: #fff;
    padding-left: 15px;
    width: auto !important;
    border: 0px !important;
    margin-left: 10px;
    box-shadow: 0px 0px 20px 1px rgba(211, 211, 211, 0.45);
    transition: .5s;
    border-radius: 13px;
}

.getbowtied_ajax_load_button a {
    font-size: 47px;
    font-weight: 900;
    text-transform: lowercase;
    background-color: #fafafa;
    padding-top: 15px;
    padding-bottom: 25px;
    border-radius: 33px
}

/* Hide the original Read More label. */
.products .outofstock .button.product_type_simple {
    visibility: hidden;
}

/* Replace original label with Out of Stock label. */
.products .outofstock .button.product_type_simple::before {
    content: "Back Soon!";
    visibility: visible !important;
    background-color: #FFFFFF;
    padding: 9% 10% 0% 0%;
    position: absolute;
    margin-top: 0px;
    left: 0;
    right: 0;
    font-size: 11px !important;
    border-radius: 3px;
    text-align: left;
}

.homeproducts .product {
    width: 100% !important;
}

.QuoteBody p {
    font-size: 25px;
    text-align: left;
    font-weight: 900;
    font-style: italic;
    color: #1f65ce;
}

.woocommerce-privacy-policy-text p,
.woocommerce-terms-and-conditions-checkbox-text {
    font-size: 8px !important;
}

/// Blocks ///
.wc-block-featured-product H2 {
    font-size: 25px;
    font-weight: 900 !important;
    word-break: break-word !important;
    text-shadow: 1px 1px 1px #00000045;
    transition: .5s;
}

.wc-block-featured-product:hover H2 {
    transform: scale(1.05);
    transition: .2s;
    text-shadow: 3px 3px 8px #00000035;
    cursor: pointer;
}

.wc-block-featured-product {
    padding: 10px !important;
    padding-bottom: 0px !important;
}

.wc-block-featured-product .wp-block-button__link {
    font-size: 11px !important;
}

.wc-block-featured-product__price .woocommerce-Price-amount {
    font-weight: 400 !important;
    font-size: 11px !important;
    padding: 1px !important;
}

.wc-block-featured-product DIV {
    padding-top: 5px !important;
}

.gbt_18_sk_slider_wrapper .swiper-container.full_height {
    height: calc(100vh - 180px) !important;
    max-height: 100vh
}

.full_height {
    height: calc(100vh - 180px) !important;
    max-height: 100vh;
    padding: 10%;
}

.gbt_18_sk_slider_wrapper .gbt_18_sk_slide_button {
    border-radius: 100px;
}

.swiper-button-prev:after,
.swiper-button-next:after {
    display: none !important;
}

.min50 {
    min-height: 50vh;
}

.centerblock {
    margin-top: 10vh;
    margin-bottom: 10vh;
}

.SignUpBlock {
    /* min-height: 50vh; */
}

.HideBlock {
    Display: none !important;
}

.wp-block-button a {
    font-size: 11px !important;
    padding: 5px 10px 5px 10px;
    margin: 0px 15px 0px 10px;
}

.off-canvas.position-right.is-open {
    border-left: 0px solid;
    display: flex;
    flex-direction: column;
    align-content: center;
    /* flex-wrap: nowrap; */
    justify-content: center;
}

.mobile-navigation>ul>li>a {
    font-size: 22px !important;
    /* font-weight: bold; */
    font-weight: 900;
}

.off-canvas .mobile-navigation li a {
    color: #0b12ce !important;
    padding-bottom: 5px;
}

.mobile-navigation>ul>li>ul.sub-menu.open {
    padding: 10px 0 10px 30px;
}

.menu-offcanvas .sub-menu {
    background-color: #fafafa !important;
    border-radius: 0px;
    border: solid 0px #0b12ce;
    margin-top: 0px !important;
    transform-origin: top left;
}

.mobile-navigation {
    overflow: visible;
    padding: 20px;
    border-bottom: 0px solid #e5e5e5;
}

.off-canvas,
.offcanvas_content_left,
.offcanvas_content_right {
    background-color: #ffffff;
    color: #0b12ce;
    border: 0px !important;
}

.site-search .search-form .search-field {
    color: #0b12ce !important;
    border-radius: 0px !important;
    border-bottom: solid 5px #0b12ce !important;
}

.BlockGrid-Three>.wp-block-group__inner-container {
    display: grid;
    margin-bottom: 0em;
    grid-gap: 10px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
    margin-top: 30px;
    margin-bottom: 30px;
}

.BlockGrid-Two>.wp-block-group__inner-container {
    display: grid;
    margin-bottom: 0em;
    grid-gap: 10px;
    grid-template-columns: 1fr 1fr;
    margin-top: 30px;
    margin-bottom: 30px;
}

.BlockGrid-OneOne>.wp-block-group__inner-container {
    display: grid;
    margin-bottom: 0em;
    grid-gap: 10px;
    grid-template-columns:
        1fr;
    grid-template-rows: 1ft 1fr;
    margin-top: 30px;
    margin-bottom: 30px;
}

.BlockGrid-TwoOne>.wp-block-group__inner-container {
    display: grid;
    margin-bottom: 0em;
    grid-gap: 10px;
    grid-template-columns: 66% 1fr;
    margin-top: 30px;
    margin-bottom: 30px;
}

.BlockGrid-OneTwo>.wp-block-group__inner-container {
    display: grid;
    margin-bottom: 0em;
    grid-gap: 10px;
    grid-template-columns: 1fr 66%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.BlockGrid-One>.wp-block-group__inner-container {
    display: grid;
    margin-bottom: 0em;
    grid-gap: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    grid-template-columns: 1fr;
}

.BlockGrid-Four>.wp-block-group__inner-container {
    display: grid;
    margin-bottom: 0em;
    grid-gap: 10px;
    margin-top: 30px;
    margin-bottom: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.BlockGrid-Three>.wp-block-group__inner-container>.wc-block-featured-product {
    margin-bottom: 0px !important;
}

.wc-block-featured-product {
    min-height: 300px !important;
}

.wc-block-featured-product {
    margin: 0px !important;
}

.wc-block-featured-product__link>.wp-block-button a {
    opacity: 0 !important;
    position: absolute;
    height: 100%;
    width: 100%;
    top: -10px;
    left: 0px;
    padding: 0px !important;
}

.wp-block-group {
    margin: 0 auto;
    max-width: 1230px;
}

/*.wc-block-grid__products {
   display: grid !important;
   grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
   margin: 0px;
}*/

.wc-block-grid__product {
    width: 100% !important;
    ;
    max-width: 100% !important;
}

/*Block Resp */
/*Block Resp */
.TextBlock {
    margin: 0px;
}

.TextBlock .wp-block-group__inner-container {
    margin: 0px;
    display: flex;
    align-content: stretch !important;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}

.gbt_18_sk_banner_wrapper {
    margin: 0px !important;
}

@media screen and (min-width: 64em) {
    .product_layout_2 .product_content_wrapper .product_infos.long-description {
        position: fixed;
        top: 170px;
    }
}

@media screen and (min-width: 760px) {
    .SignUpFormBlock {
        width: 50%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 768px) {
    html>body>#offCanvasRight1>#mobiles-menu-offcanvas>nav:nth-child(1)>ul>#menu-item-20619>a {
        font-style: italic;
        display: inline-block;
        vertical-align: middle;
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        transition-duration: 0.5s;
    }

    html>body>#offCanvasRight1>#mobiles-menu-offcanvas>nav:nth-child(1)>ul>#menu-item-20619>a:hover,
    html>body>#offCanvasRight1>#mobiles-menu-offcanvas>nav:nth-child(1)>ul>#menu-item-20619>a:focus,
    html>body>#offCanvasRight1>#mobiles-menu-offcanvas>nav:nth-child(1)>ul>#menu-item-20619>a:active {
        transform: scale(1.2);
        transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    }
}

@media screen and (max-width: 760px) {
    .page>.row {
        padding: 0px !important;
    }
}

@media screen and (max-width:1024px) {
    .wp-block-button a {
        margin-top: 10px;
        margin-right: 0px;
        margin-left: 0px;
        margin-bottom: 10px;
    }
}

@media screen and (min-width: 64em) {
    .sticky~.shop-page .large-9 {
        width: 80% !important;
    }
}

@media screen and (min-width: 760px) {
    .ProductTileContainer {
        padding: 5% !important;
    }

    .ProductTileContainer .wp-block-column:not(:first-child) {
        margin-left: 0%;
        padding-bottom: 0px !important;
    }
}

@media screen and (max-width: 768px) {
    .BlockGrid-Two>.wp-block-group__inner-container {
        display: grid;
        margin-bottom: 0em;
        grid-gap: 30px;
        margin-top: 30px;
        margin-bottom: 30px;
        grid-template-columns: 1fr;
    }

    .BlockGrid-TwoOne>.wp-block-group__inner-container {
        display: grid;
        margin-bottom: 0em;
        grid-gap: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
        grid-template-columns: 1fr;
    }

    .BlockGrid-TwoOne {
        margin: 0px !important;
    }

    .BlockGrid-TwoOne>.wp-block-group__inner-container div {
        min-height: 300px;
        display: flex !important;
        align-content: stretch !important;
        justify-content: safe;
        flex-direction: column !important;
    }

    .BlockGrid-OneTwo>.wp-block-group__inner-container div {
        min-height: 400px;
    }

    .BlockGrid-OneTwo>.wp-block-group__inner-container {
        display: grid;
        margin-bottom: 0em;
        grid-gap: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
        grid-template-columns: 1fr;
    }

    .BlockGrid-Three>.wp-block-group__inner-container {
        display: grid;
        margin-bottom: 0em;
        grid-gap: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
        grid-template-columns: 1fr 1fr;
        grid-template-areas: "Title Title";
    }

    .ThreeTitle {
        grid-area: Title;
    }

    /* .BlockGrid-Three>.wp-block-group__inner-container :nth-child(3){grid-column-start: 1;
 grid-column-end: 3;

} */
    .BlockGrid-Two>.wp-block-group__inner-container {
        display: grid;
        margin-bottom: 0em;
        grid-gap: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
        grid-template-columns: 1fr;
        height: 100vh;
        grid-template-rows: calc(50% - 100px) 50%;
    }

    .BlockGrid-Four>.wp-block-group__inner-container {
        display: grid;
        margin-bottom: 0em;
        grid-gap: 10px;
        margin-top: 30px;
        margin-bottom: 60px;
        grid-template-columns: 1fr;
    }

    .wc-block-grid__products {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        margin: 0px;
    }

    /* Look ere */
    .wp-block-handpicked-product>.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-image img {
        width: 100%;
        height: auto;
        filter: saturate(0) !important;
    }

    /* Look ere */

    .wc-block-grid__products :nth-child(1) {
        grid-column-start: 1;
        grid-column-end: 3;
    }
}

@media screen and (max-width: 760px) {
    .has-text-align-center {
        font-size: 18px !important;
    }


    .wc-block-featured-product {
        margin: 10px;
    }

    .wc-block-grid__products .wc-block-grid__product {
        /* max-width: 100% !important; */
    }

    .wp-block-column {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .wc-block-featured-product__title {

        padding: 15px !important;
        font-size: 18px !important;

    }

    .wp-block-group.has-background {
        padding: 15px !important;

    }

}

@media (min-width: 450px) and (max-width: 781px) {
    .wp-block-column:nth-child(2n) {
        /* margin-left: 00em !Important; */
    }

    .wp-block-column:not(:only-child) {
        flex-basis: calc(50% - 0em) !important;
        flex-grow: 0;
    }
}

.headcall {
    background-color: #fafafa;
}

.BG-TwoCol>.wc-block-grid__products {
    grid-template-columns: 1fr 1fr;
}


.BG-TwoCol>.wc-block-grid__products .Odd:first-child {
    grid-area: 1 / 3;
}

.woocommerce div.product .stock {
    color: #83b171;
    font-size: 11px !important;
    padding-bottom: 8px;
}

.woocommerce div.product .stock a {
    color: #83b171;
    font-weight: 500;
}

/*
.product_layout_2 .product_content_wrapper .product_infos form.cart {
margin-bottom: 30px;
display: grid;
grid-template-columns: 0px 1fr;
 grid-gap: 5px;
}

#wc-stripe-payment-request-button-separator {grid-column-start: 1;
grid-column-end: 5;}


.woocommerce div.product form.cart > :nth-child(4) {
  grid-column-start: 1;
grid-column-end: 5;
}

.woocommerce div.product form.cart > :first-child {
border:#fff solid 2px;
padding-right:5px;
height: 46px !important;
    border-radius: 8px;
}

.product_layout_2 .product_content_wrapper .product_infos form.cart #wc-stripe-payment-request-wrapper {
padding-top: 1px !important;
}

.woocommerce div.product form.cart div.quantity {

  margin-right:0px!important;
}

.product_layout_2 .product_content_wrapper .product_infos form.cart #wc-stripe-payment-request-button-separator {
margin:5px !important;
text-transform: lowercase;
font-size: 12px;
}

.woocommerce-product-details__short-description {
   margin: 8px 0 20px 0;
}

.woocommerce div.product form.cart div.quantity:not(.hidden), .quantity:not(.hidden) {


}
*/
.product_layout_2 .product_content_wrapper .product_infos form.cart .button {
    border-radius: 5px !important;
    width: 100% !important;
}

.up-sells h2 {
    font-size: 22px !important;
    padding-bottom: 15px !important;
}

.gbt-custom-notification-notice {
    border-radius: 5px !important;

}


.top-headers-wrapper.sticky {
    -webkit-animation: show-sticky-header .6s;
    animation: show-sticky-header .8s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    position: fixed;
    top: 0;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .5s ease-in-out;
    backdrop-filter: blur(100px);
    -webkit-backdrop-filter: blur(3em);
    backdrop-filter: blur(1em);
}



/********** BELOW */

.EMHgrid.GridTwo {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
    /* padding: 14px
 */
}



.GridTwo>div {
    border-radius: 13px !important;
}

.emh-blcok-columns-three>div {
    border-radius: 13px !important;
    overflow: hidden;
}

.menucollections.curateditem.firstcurated {
    height: 60vh;
    background-position: center center;
    background-size: cover;
    display: flex;
    /* grid-gap: 30px; */
    align-content: center;
    justify-content: center;
    flex-direction: column;
    background-color: rgba(0, 0, 0, 0.13);
    background-blend-mode: multiply;
}

.EMHgrid .product {
    width: 100%;
}

.EMHgrid .product {
    width: 100% !important;
}

.curatedTitleWrap {
    text-align: center;
    color: #fff !important;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
}

.curatedTitleWrap>.button {
    max-width: 100px !Important;
    margin: 0 auto !important;
}


a.EMHbannerBlock-button.button {
    max-width: 100px !Important;
    margin: 0 auto !important;
}




.curatedTitleWrap>a>h3 {
    color: #fff !important;
    font-size: 30px;
}

.curatedTitleWrap>a>h6 {
    color: #fff !important;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 0px;
}

.HomeGridWrap {
    display: flex;
    flex-direction: column !important;
    grid-gap: 120px;
    margin: 100px 0px;
}

.TitleWrapSlide h3 {
    text-align: center;
    font-size: 40px !important;
    font-weight: 900;
    letter-spacing: 10px;
    text-transform: uppercase !important;
    padding: 15px;
    background-color: #fff;
    border-radius: 13px;
    /* margin: 15px; */
    /* margin-bottom: 15px; */
}

.EMHgrid.GridFive.products.EMHproductsLoop {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 30px !important;
}

@media (max-width: 991px) {

    .EMHgrid.GridFive.products.EMHproductsLoop,
    .EMHgrid.GridTwo {
        grid-template-columns: 1fr;
        grid-gap: 30px !important;
    }
}



.InStock {
    display: flex;
    align-content: center;
    justify-content: center;
    background-color: #f5f5f5;
    border-radius: 3px !important;
    padding: 15px;
    margin-top: 10px;
    text-align: center;
}

.InStock a {
    font-weight: bolder;
    letter-spacing: 1px;
}

form.cart {
    grid-gap: 15px;
    display: flex;
    flex-direction: column;

    align-content: start;
    justify-content: start;
}

.woocommerce div.product form.cart div.quantity:not(.hidden),
.quantity:not(.hidden) {
    height: 50px;
    display: none !Important;
}

.newuserbonus::before {

    content: 'New user offer!';
    display: block;
    padding: ;
    border-radius: 3px;
    height: 25px;
    font-style: italic;
    display: flex;
    padding: 10px;
    background-color: rgba(0, 17, 206, 1);
    align-items: center;
    justify-content: center;
    color: #fff;
    margin-top: -20px;
    left: 10px;
    font-size: 11px;
}


.newuserbonus {
    text-align: center !important;
    font-weight: bolder;

    padding: 10px 5px;
    border-radius: 5px;

    display: flex !important;
    grid-gap: 5px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 15px;
    background-color: #fafafa !important;
    color: rgba(0, 17, 206, 1) !important;
    text-transform: none !important;

}

.sale-end-date {
    background-color: #fafafa;
    width: 100%;
    display: flex;
    padding: 5px 10px;
    font-weight: bolder;
    border-radius: 3px;
    font-size: 11px;
    text-align: center;
    align-content: center;
    justify-content: center;
    color: #000
}

/// Cart 

/* Set the parent container to flex and 100% width */
.woocommerce-shipping-totals.shipping {
    display: flex;
    flex-direction: column;
    width: 100%;
}

/* Set the shipping method container to flex column layout and add gap between items */
#shipping_method {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Set the shipping method list to take up 100% width */
ul.woocommerce-shipping-methods {
    width: 100%;
}

/* Style each shipping method item */
#shipping_method li {
    background-color: white;
    padding: 15px 30px;
    border-radius: 15px;
    flex: 0 00px;
    /* Not sure if this is intended */
    min-width: 200px;
    /* Adjust as needed */
}

/* Style the input within each shipping method */
#shipping_method li input {
    left: 15px;
    /* Adjust as needed */
}

/* Style the label within each shipping method */
#shipping_method li label {
    margin-left: 10px;
    /* Adjust as needed */
}

.fr-caption {
    display: none;
}

.fr-info-padder {
    display: none;
}





/* ////// NEW FOR TRANSFER /// */

.woocommerce-tabs-new {
    display: grid;
    gap: 30px;
    grid-template-columns: 2fr 1fr;
    flex-direction: row;
    padding: 0px 0px;

}

.productDisplay,
.relatedUpsell {
    padding: 15px;
    background-color: #fafafa;
    border-radius: 8px;
    margin-bottom: 60px;

}

.relatedUpsell .row,
.relatedUpsell .large-12,
.relatedUpsell .products {
    margin: 0px !important;
    background-color: transparent !important;
    padding: 0px !important;
}

.tabpanel {
    border-radius: 7px !important;
}


.product_layout_cascade .product_content_wrapper,
.product_layout_2 .product_content_wrapper {
    padding-bottom: 0px;
}


.productDisplay>.tfnewproducts_inner_content.products.columns-3.js_animated {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 60px;
    margin-top: 30px;

}

/* SMALL */
@media (max-width: 64.0625em) {

    .productDisplay>.tfnewproducts_inner_content.products.columns-3.js_animated {
        grid-template-columns: 1fr 1fr;
        gap: 15px;
        margin-top: 30px;

    }

    #tab-description,
    #tab-additional_information {
        flex: 0 0 100%;
        /* flex-grow: 0, flex-shrink: 0, flex-basis: 100% */
    }

    .woocommerce-tabs-new {
        display: grid;
        gap: 30px;
        grid-template-columns: 1fr;
        flex-direction: row;
        padding: 0px 0px;

    }
}

/* MED */

@media screen and (min-width: 64.0625em) and (max-width: 75em) {

    #tab-description {
        flex: 0 0 65%;

    }

    #tab-additional_information {
        flex: 0 0 35%;

    }

    .woocommerce-tabs-new {
        display: grid;
        gap: 30px;
        grid-template-columns: 3fr 1fr;
        flex-direction: row;
        padding: 0px 0px;

    }

}

/* LARGE */

@media screen and (min-width: 75em) {
    #tab-description {
        flex: 0 0 72%;

    }

    #tab-additional_information {
        flex: 0 0 28%;
        /* flex-grow: 0, flex-shrink: 0, flex-basis: 30% */
    }

    .product_layout_cascade .product_content_wrapper .product_infos,
    .product_layout_2 .product_content_wrapper .product_infos {
        width: 35%;
        left: 62%;
        padding: 0 50px 0 0px;
        position: fixed;
    }


}

.woocommerce div.product div.images .flex-control-thumbs {
    display: flex;

}

.row.has-scrollbar {}

.site-search>.row.has-scrollbar {
    align-content: center;
    justify-content: center;

}

.catLink {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.catLink .button {
    padding: 10px 20px;
    background-color: #007bff;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
}

@media (max-width: 768px) {
    .catLink {
        flex-direction: column;
    }

    .catLink h2,
    .catLink .button {
        margin-bottom: 10px;
    }
}

.button-small {
    background-color: white;
    padding: 5px 10px;
    border-radius: 5px;
    font-weight: bold;

}

ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
    padding: 30px;
    border-radius: 13px;
    margin: 30px 0px;
    display: flex !important;
}

p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    font-size: 22px;
    font-weight: 900;
    text-align: center;
    background: #fff;
    padding: 100px 30px;
    border-radius: 13px;
}

section.woocommerce-order-details {
    background-color: #fff;
    padding: 30px;
    border-radius: 13px;
}