/*
Theme Name:		M & T Theme
Theme URI:		https://shopmandt.com
Description:	Customized M&T Theme
Author:			RagingOwl
Author URI:		https://ragingowl.com
Template:		storefront
Version:		1.0
License:		GNU General Public License v2 or later
License URI:	http://www.gnu.org/licenses/gpl-2.0.html
*/

/**
 * Header
 */
.site-header {
    background-color: #2c2d33;
    background: #fff;
    /* padding-bottom: 1.618em; */
    color: #9aa0a7;
    background-position: center center;
    position: relative;
    z-index: 999;
    border-bottom: 1px solid transparent;
}



.site-header .site-logo-anchor,
.site-header .site-logo-link,
.site-header .custom-logo-link {
    display: block;
    margin-bottom: 0;
}

.site-header .site-logo-anchor img,
.site-header .site-logo-link img,
.site-header .custom-logo-link img {
    width: 100%;
    max-width: 210px;
}

.site-header .widget {
    margin-bottom: 0;
}

.home.blog .site-header,
.home.page:not(.page-template-template-homepage) .site-header,
.home.post-type-archive-product .site-header {
    margin-bottom: 0;
}

.no-wc-breadcrumb .site-header {
    margin-bottom: 4.235801032em;
}

.no-wc-breadcrumb.page-template-template-homepage .site-header {
    margin-bottom: 0;
}

.header-widget-region {
    position: relative;
    z-index: 99;
}

.site-branding {
    float: left;
    margin-bottom: 0;
    width: calc(100% - 120px);
}

.site-branding .site-title {
    font-size: 2em;
    letter-spacing: -1px;
    margin: 0;
}

.site-branding .site-title a {
    font-weight: 700;
}

.site-branding .site-description {
    font-size: 0.875em;
    /* display: none; */
}

.site-branding .logo {
    margin: 0;
}

/* my code */
/* header into flex */

.site-header .site-logo-anchor img,
.site-header .site-logo-link img,
.site-header .custom-logo-link img {
    width: 10vw;
    min-width: 75px;
    max-width: 125px;
}



.site-branding .site-title {
    line-height: 1;
}


.storefront-secondary-navigation.woocommerce-active .site-header .site-branding {
    width: initial;
    float: none;
    margin-right: 1em;
}

.woocommerce-active .site-header .site-search {
    width: auto;
    float: none;
    margin-bottom: 0;
    flex: 1;
    margin: 0 1em;
}

input[type="search"] {
    box-shadow: none;
    border-radius: 100000000em;
    margin-bottom: 0;
    width: 100%;
    padding-left: 2.6em;
}



/* yith ajax search css customization */

#yith-ajaxsearchform .search-navigation::before {
    content: "\f002";
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    top: 0.6em;
    left: 1em;
}

.yith-ajaxsearchform-container {
    flex: 1;
    padding: 0 2%;
}

#yith-ajaxsearchform {
    margin-bottom: 0;
}

#yith-ajaxsearchform .search-navigation {
    display: block;
    position: relative;
}


#yith-searchsubmit {
    display: none;
}

.storefront-handheld-footer-bar .search .site-search .autocomplete-suggestions {
    top: auto;
    bottom: calc(100% + 5px);
}

/* yith customization end */



.storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation {
    width: auto;
    float: none;
    margin: 0 0.5em;
}

.secondary-navigation .menu {
    font-size: 1em;
}

#site-header-cart {
    margin: 0;
    width: auto;
    float: none;
    line-height: 1;
    border-radius: 15em;
    padding: 7px 14px 8px 11px;
    background-color: #53a687;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
}

.secondary-navigation .menu a {
    padding: 0;
}

#site-header-cart>li>a {
    color: #fff;
    margin: 0.1em 0.5em 0.1em 0.1em;
    padding: 0;
}

#site-header-cart .cart-contents::after {
    line-height: 1;
    float: none;
    content: "\f290";
    font-size: 1em;
}

.site-header-cart .cart-contents .count {
    opacity: 1;
    position: absolute;
    top: -5px;
    right: -10px;
    font-size: 0.8em;
}

#site-header-cart:hover li>.widget_shopping_cart::before {
    content: "";
    position: absolute;
    top: -18px;
    width: 100%;
    bottom: 100%;
    left: 0;
}

#site-header-cart:hover::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 11px solid #f0f0f0;
    position: absolute;
    bottom: -11px;
    left: calc(50% - 6px);
}

.site-header-cart:hover .widget_shopping_cart,
.site-header-cart.focus .widget_shopping_cart {
    left: auto;
    right: 0;
    min-width: 250px;
    top: calc(100% + 10px);
}

.secondary-navigation>.menu-main-container>ul li a {
    margin: 0 0.4em;
    font-weight: 700;
}


/* category menu cutomize */


.cat-hero {
    width: 100%;
    height: 7em;
    object-fit: cover;
    margin-bottom: 1em;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
}


.menu-item-icon {
    width: 25px;
}

.handheld-navigation>ul>li>a {
    display: flex;
    align-items: center;
    margin-left: 0.5em;
}

.handheld-navigation>ul>li>a>img {
    margin-right: 0.5em;
}

.primary-navigation>ul>li>ul>li>a>img,
.handheld-navigation>ul>li>ul>li>a>img {
    display: none;
}

.handheld-navigation>.menu {
    margin-top: 1.5em;
}


/* category menu customize end */


/* breadcrumbs customize */

.woocommerce-breadcrumb a:first-of-type::before {
    content: "";
    display: none;
}

.storefront-breadcrumb {
    margin: 0;
}

/* breadcrumbs cusomize end */




/* subcategory customize */

.woocommerce-products-header__title {
    margin: 0 0 0.3em;
}

.explore_cat h3 {
    margin: 0;
}

.cat_sclist {
    list-style-type: none;
    margin: 0 0 2em 0;
    display: flex;
}

.cat_sclist li {
    margin-right: 1em;
    font-size: 1.2em;
}

.woocommerce-ordering {
    position: relative;
    padding: 0;
    display: inline-block;
}

.woocommerce-ordering select {
    background-color: #0563af;
    background-color: #53a687;
    color: white;
    padding: 6px;
    border: none;
    font-size: 1em;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
    -webkit-appearance: none;
    appearance: button;
    outline: none;
    -moz-appearance: window;
}

.woocommerce-ordering::before {
    content: "\f0d7";
    font-family: FontAwesome;
    position: absolute;
    top: 0;
    right: 0;
    width: 20%;
    height: 100%;
    text-align: center;
    font-size: 1em;
    line-height: 2.5em;
    color: #fff;
    pointer-events: none;
}

.page-numbers li {
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
}


/* subcategory customize end */


/* yith customize */




/* yith end */


.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist {
    top: auto;
    left: 5px;
    bottom: 1.5em;
}


/* lining up buttons below product so that they are even */


ul.products li.product {
    border-bottom: solid 1px #f5f5f5;
    border-top: solid 1px #f5f5f5;
}

/* lining up buttons end */


ul.products li.product .woocommerce-Price-amount {
    font-size: 1.2em;
    color: #53a687;
}

ul.products li.product span.price del {
    font-size: 0.8em;
    font-weight: 700;
}

ul.products li.product span.price ins {
    background-color: red;
    padding: 2px 5px;
    color: #fff;
    font-weight: 700;
    font-size: 0.9em;
}

ul.products li.product span.price ins .woocommerce-Price-amount {
    color: #fff;
}





/* customize sidebar menu widget  */

/* .widget-area>.widget_nav_menu>.menu-shop-container>ul>li>ul li {
    list-style-type: disc;
    margin-bottom: 0.5em;
} */


.widget-area ul li {
    list-style-type: none;
    margin-bottom: 0;
}

.widget-area ul ul {
    margin-left: 0;
}

.menu-shop-container>ul>li>ul {
    margin-left: 2.1em;
}

.widget-area .widget>.menu-shop-container>ul>li {
    margin-bottom: 3em;
}

.widget-area .widget>.menu-shop-container>ul>li>a {
    font-size: 1.4em;
    line-height: 1.5;
    font-weight: 500 !important;
}

.widget-area .widget>.menu-shop-container>ul>li>ul>li>a {
    font-size: 1.1em;
    font-weight: 400 !important;
}

.widget-area .widget>.menu-shop-container>ul>li>ul>li>ul>li>a {
    text-decoration: none !important;
    font-weight: 300 !important;
}

.widget-area .widget>.menu-shop-container>ul>li>ul>li>ul {
    margin-bottom: 0.6em;
}



.widget-area .widget_nav_menu .menu-shop-container ul li::before {
    content: "";
}

.widget-area .widget_nav_menu .menu-shop-container ul li {
    padding: 0;
}

.widget-area .widget_nav_menu .menu-shop-container ul li a img {
    display: none;
}

.widget-area .widget>.menu-shop-container>ul>li>a>img {
    display: inline-block;
    height: 1.1em;
    width: auto;
    margin-right: 0.4em;
    bottom: -3px;
    position: relative;
}

.widget-area .widget>.menu-shop-container>ul>.current-menu-item>a>img {
    display: none
}

/* end customize sidebar menu widget */




/* offers container */

ul#offers-container {
    margin: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    margin: 2em 0;
}

#offers-container>li {
    overflow: hidden;
    border-radius: 3px;
    margin: 1em 1%;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.04);
}

#offers-container>li>a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 250px;
    position: relative;
}

#offers-container>li.banner>a,
#offers-container>li.full-width>a {
    height: 200px;
}



#offers-container>li>a>h3 {
    position: relative;
    z-index: 1;
    color: #fff;
    font-weight: 700;
}

#offers-container>li>a>p {
    font-weight: 700;
    letter-spacing: 0.5px;
    background-color: #fff;
    padding: 0 1em;
}

#offers-container>li>a>h3::before {
    content: "";
    background-color: red;
    width: 130%;
    display: block;
    height: 110%;
    position: absolute;
    z-index: -1;
    left: -15%;
    transform: rotate(-4deg);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

#offers-container>li:nth-of-type(2)>a>h3::before {
    transform: rotate(4deg);
}

#offers-container>li:nth-of-type(3)>a>h3::before {
    transform: rotate(-2deg);
}

#offers-container>li:nth-of-type(4)>a>h3::before {
    transform: rotate(3deg);
}

#offers-container>li:nth-of-type(5)>a>h3::before {
    transform: rotate(-3deg);
}

#offers-container>li:nth-of-type(6)>a>h3::before {
    transform: rotate(2deg);
}

#offers-container>li>a>img {
    top: 0;
    z-index: -1;
}

#offers-container>li>a>.background-img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#offers-container>li>a>.product-img {
    position: absolute;
    height: 100%;
    width: auto;
    left: 0;
    padding: 1.5%;
    object-fit: cover;
}


#offers-container>li {
    width: 98%;
}



#offers-container>li>a>button {
    position: absolute;
    bottom: 0.7em;
    right: 0.7em;
    border-radius: 3px;
}


/* offers styling finished */




/* footer styling */
/*  */
/*  */

#menu-item-120,
.menu-item-120 {
    background-color: red;
}

#menu-item-120 a,
.main-navigation ul .menu-item-120 a {
    color: #fff;
    text-transform: uppercase;
    font-size: 0.8em;
}

footer li>a>img {
    display: none;
}

footer a {
    font-size: 0.9em;
}

.footer-widgets>.footer-widget-2>.widget_nav_menu>.menu-pages-container>ul>li::before {
    content: "";
}

.footer-widgets>.footer-widget-2>.widget_nav_menu>.menu-pages-container>ul>li {
    margin-bottom: 0;
    line-height: 1.618;
}

footer .menu-item-120,
.widget-area>.widget>.menu-shop-container>ul>.menu-item-120 {
    background-color: initial;
}


.widget-area>.widget>.menu-shop-container>ul .current-menu-item>a {
    background-color: #53a687;
    padding: 1px 6px 2px;
    color: #fff;
    border-radius: 3px;
}

.site-footer,
.footer-widgets,
.site-info {
    padding-bottom: 0.5em;
    padding-top: 0.5em;
}

footer .widget {
    margin-bottom: 0;
}

footer .footer-widgets ul>li {
    padding-left: 0;
}

footer .widget .widget-title {
    font-size: 1.2em;
    font-weight: 600;
    padding: 0;
    border-bottom: none;
    margin-bottom: 0.4em;
}

/*  */
/*  */
/* footer styling fin */




ul.products>li.product>a.button {
    display: none;
}


.add-additional {
    display: inline-block;
    margin-top: 2em;
    padding: 0.7em 1.5em 0.8em;
    background-color: #53a687;
    border-radius: 3px;
    color: #fff;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
}


#cart_order_notes label,
.woocommerce-additional-fields__field-wrapper label {
    font-size: 1.618em;
    line-height: 1.214;
    color: #333333;
    font-weight: 300;
    margin: 0 0 0.5407911001em;
    display: block;
}

#cart_order_notes textarea,
.woocommerce-additional-fields__field-wrapper textarea {
    height: 16em;
}

.woocommerce-additional-fields__field-wrapper span.optional {
    display: none;
}


.added_to_cart.alt,
.added_to_cart,
.widget a.button.checkout,
.added_to_cart.alt:hover,
.added_to_cart:hover,
.widget a.button.checkout:hover,
button.alt,
.button.alt,
.button.alt:hover,
button.alt:hover {
    background-color: #53a687;
    border-radius: 3px;
}

.added_to_cart {
    margin-bottom: 1em;
}

#secondary .widget .widget-title {
    position: relative;
    margin-bottom: 0.4em;
    padding: 0 0 0.4em;
    cursor: pointer;
}


#secondary span.widget-title:after {
    content: "\f107";
    font-family: FontAwesome;
    position: absolute;
    color: #6d6d6d;
    right: 0;
}

#secondary span.flip:after {
    content: "\f106";
}

#secondary #nav_menu-3 .widget-title:after {
    content: "";
}


.woocommerce-widget-layered-nav-list {
    overflow: hidden;
    transition: 0.3s ease-out;
}

#secondary .widget {
    margin: 0 0 0.8em;
}


.yith-wcbm-badge-1453 {
    width: 30%;
}


.yith-wcbm-badge-1453 .yith-wcbm-badge__wrap img {
    width: 100%;
    height: 100%;
}


.storefront-sticky-add-to-cart .yith-wcbm-badge {
    display: none;
}



#loadmore_products_container {
    text-align: center;
    margin: 2em 0 2em;
}


.woocommerce-checkout-review-order-table .fee th::before {
    content: "Same Day ";

}





@media (min-width: 768px) {
    .site-header .col-full {
        display: flex;
        align-items: center;
    }


    /* category menu customize */
    .storefront-primary-navigation {
        margin-top: 2em;
    }

    .woocommerce-active .site-header .main-navigation {
        width: 100%;
        float: none;
        margin: 0;
    }

    .primary-navigation ul {
        display: flex;
        justify-content: space-around;
        position: relative;
    }

    .primary-navigation>ul>li {
        background-color: aliceblue;
        background-color: #dddddd;
        padding: 0.7em;
        border-radius: 10000em;
        flex: 1 1 0px;
        margin: 0 0.5em;
        text-align: center;
        position: initial;
        /* making menus inline with image blocks (no megamenu) */
        position: relative;
    }


    .main-navigation ul li:first-child {
        margin-left: 0;
    }

    .main-navigation ul li:last-child {
        margin-right: 0;
    }

    .main-navigation ul.menu>li>a {
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        justify-content: center;
        font-size: 0.7em;
        font-weight: 900;
        position: relative;
        /* letter-spacing: 0.1em; */
        line-height: 1.2;
    }


    .primary-navigation>ul>li:hover>a:not(:only-child)::after {
        content: "";
        width: 0;
        height: 0;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-bottom: 11px solid #f0f0f0;
        position: absolute;
        bottom: -22px;
        left: calc(50% - 12px);
        z-index: 20;
    }

    .primary-navigation>ul>li:hover>ul::before {
        content: "";
        position: absolute;
        top: -30px;
        width: 100%;
        bottom: 100%;
        left: 0;
    }

    .primary-navigation>ul>li:hover>ul {
        width: 100%;
        text-align: left;
        margin-top: 10px;
        display: inline-block;
        width: auto;
        left: auto;
        /* making menus inline with image blocks (no megamenu) */
        left: 0;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
        z-index: 19;
        border-radius: 3px;
    }


    .primary-navigation>ul>li:hover>ul>li {
        float: left;
        clear: left;
    }

    .primary-navigation>ul>li>ul>li:hover>a {
        font-weight: 700;
        letter-spacing: 0.3px;
    }

    .primary-navigation>ul>li>ul>li>a {
        letter-spacing: 0.7px;
        /* display: flex;
    align-items: center; */
    }


    .primary-navigation>ul>li>ul>li>a:hover>img {
        position: absolute;
        display: initial;
        height: 64px;
        width: 64px;
        left: -74px;
        object-fit: cover;
        top: -7px;
        border: solid 4px #ddd;
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
        z-index: 19;
    }


    .cat-hero {
        height: 9em;
        margin-bottom: 2em;
    }

    ul.products li.product {
        border: solid 1px #f5f5f5;
        transition: 0.3s;
        margin-bottom: 2.5em;
    }

    ul.products li.product:hover {
        /* border: solid 1px #e5e5e5; */
        box-shadow: 0 0 3.5em rgba(0, 0, 0, 0.04);
    }

    ul.products li.product .button {
        margin-bottom: 1.2em;
    }


    #offers-container>li.third-width>a,
    #offers-container>li.quarter-width>a {
        align-items: flex-end;
    }

    #offers-container>li.third-width>a>h3,
    #offers-container>li.quarter-width>a>h3 {
        margin-right: 9%;
    }


    #offers-container>li.banner,
    #offers-container>li.full-width {
        width: 98%;
    }

    #offers-container>li.half-width {
        width: 48%;
    }

    #offers-container>li.third-width {
        width: 31.33%;
    }

    #offers-container>li.quarter-width {
        width: 23%;
    }

    #offers-container>li.twothirds-width {
        width: 64.6%;
    }

    #offers-container>li>a>button {
        bottom: 1.5em;
        right: 1.5em;
    }

    /* yith customize */

    .yith-wcwl-add-to-wishlist {
        opacity: 0;
        transition: opacity 0.2s;
    }

    ul.products li.product .exists {
        opacity: 1;
    }

    .products li:hover .yith-wcwl-add-to-wishlist {
        opacity: 1;
    }

    .add-to-wishlist-before_image .yith-wcwl-add-to-wishlist {
        top: 5px;
        left: 5px;
    }


    /* yith end */

    ul.products>li.product>a.button {
        display: inline-block;
    }

    ul.products>li.product>.woo-height>.product-text>a.button {
        display: none;
    }


    /* customizing the notes section on the cart page */

    #cart_order_notes {
        width: 45%;
        float: left;
    }



    .storefront-product-pagination .yith-wcbm-badge {
        display: none;
    }


    .yith-wcbm-badge-1453 {
        bottom: -10px;
        right: -10px;
    }

    #loadmore_products_container {
        margin: 0 0 3em;
    }

}




@media (max-width: 768px) {
    .site-header .yith-ajaxsearchform-container {
        display: none;
    }

    #site-header-cart {
        display: none;
    }

    /* .site-header {
        display: flex;
        justify-content: space-between;
    } */

    input[type="search"] {
        font-size: 16px;
    }

    #yith-ajaxsearchform .search-navigation::before {
        top: 0.8em;
    }

    .site-branding {
        position: absolute;
    }

    .woo-height {
        display: flex;
    }


    .woo-height>a.woocommerce-LoopProduct-link {
        width: 40%;
        display: flex !important;
        align-items: center;
    }

    ul.products li.product h2,
    ul.products li.product .woocommerce-loop-product__title,
    ul.products li.product .price {
        height: auto;
        margin: 0;
    }

    .product-text {
        padding-left: 0.7em;
        width: 60%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .product-text>a.button {
        align-self: flex-start;
        margin-top: 0.7em;
    }

    /* ul.products li.product .button {
        margin-bottom: 0.6em;
    } */

    ul.products li.product {
        margin-bottom: 0;
    }


    ul.products li.product {
        text-align: left;
        padding: 1.3em 0;
    }

    .storefront-sorting {
        margin-bottom: 0;
    }

    .site-footer {
        margin-bottom: 4em;
    }

    footer .footer-widgets .block {
        width: 50%;
    }

    footer .footer-widgets {
        display: flex;
        flex-wrap: wrap;
    }

    #secondary #nav_menu-3 {
        display: none;
    }

}