/*
Theme Name:   	Storefront Child Theme
Theme URI:    	https://github.com/stuartduff/storefront-child-theme
Author:       	Stuart Duff
Author URI:     http://stuartduff.com
Template:     	storefront
Description:  	This is a blank child theme for WooThemes StoreFront theme
Version:      	1.0.0
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	storefront
Tags:         	black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*/
/*
 * Add your own custom css below this text.
 */

 @font-face {
    font-family: Montserrat-Regular;
    src: url(fonts/Montserrat/Montserrat-Regular.ttf);
    font-weight: normal;
    }

@font-face {
    font-family: Montserrat-Bold;
    src: url(fonts/Montserrat/Montserrat-Bold.ttf);
    font-weight: normal;
    }

@font-face {
    font-family: Montserrat-ExtraBold;
    src: url(fonts/Montserrat/Montserrat-ExtraBold.ttf);
    font-weight: normal;
    }

@font-face {
    font-family: BebasNeue-Regular;
    src: url(fonts/Bebas/BebasNeue-Regular.ttf);
    font-weight: normal;
    }

    @font-face {
        font-family: Anton-Regular;
        src: url(fonts/Anton/Anton-Regular.ttf);
        font-weight: normal;
        }

body, button, input, textarea {
    font-family: Montserrat-Regular;
}

a:focus, input:focus, textarea:focus, button:focus {
    outline: none;
}

.home h2 {
    font-family: BebasNeue-Regular;
    font-size: 2.6rem;
}

.added_to_cart,
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
button,
input[type=button],
input[type=reset],
input[type=submit] {
    font-weight: normal;
}

/* footer */
.site-footer {
    padding-bottom: 0;
        position: relative;
    background: #2d348c;
    z-index: 5;
}

.site-info {
    padding: 0;
    height: 60px;
    line-height: 60px;
    color: #fff;
}

.site-info:before {
    content: '';
    display: block;
    width: 100vw;
    height: 60px;
    left: 0;
    bottom: 0;
    background: #d2364f;
    position: absolute;
    z-index: -1;
}

.privacy-policy-link {
    display: none;
}



/* "home-products-wrapper" class from shortcode */
.home-products-wrapper ul {
    display: flex;
    flex-wrap: wrap;
}

.home-products-wrapper ul li {
    padding: 0 8px !important;
    display: flex;
    flex-direction: column;
    width: 100% !important;
}

.home-products-wrapper ul li div[itemprop="description"] {
    position: relative;
    top: -40px;
    font-size: .8rem;
    height: 40px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.home-products-wrapper ul.products li.product .woocommerce-loop-product__title {
    font-family: Montserrat-ExtraBold;
    font-size: .8rem;
    min-height: 45px;
}

.home-products-wrapper ul li .onsale {
    position: absolute;
    right: 10px;
    top: 10px;
}

.home-products-wrapper ul li .price {
    position: relative;
    bottom: -45px;
}

.home-products-wrapper ul li .woocommerce-Price-amount {
    font-family: 'Montserrat-ExtraBold';
    font-size: .8rem;
    color: #333;
}

.home-products-wrapper ul li .woocommerce-Price-amount span {
    font-family: 'Montserrat-Regular';
}

/* products grid */
.wc-block-grid__products, ul.products {
    display: flex;
    flex-wrap: wrap;
}

.columns-4.products li.product {
    padding: 0 8px !important;
    display: flex;
    flex-direction: column;
    width: 100% !important;
    margin-bottom: 40px;
}

.columns-4 li div[itemprop="description"] {
    position: relative;
    top: -40px;
    font-size: .8rem;
    height: 40px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.columns-4.products li.product .woocommerce-loop-product__title {
    font-family: Montserrat-ExtraBold;
    font-size: .8rem;
    min-height: 45px;
    text-transform: uppercase;
}

.columns-4 li .onsale {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    line-height: 70px;
    padding: 0;
    font-size: 1.6rem;
    letter-spacing: 0.05rem;
    font-family: Anton-Regular;
    font-weight: normal;
    background-color: #53bfe9 !important;
    right: 0;
    left: unset;
    border: none;
    color: #fff;
}

.columns-4 li .price {
    position: relative;
    bottom: -45px;
}

.columns-4 li .woocommerce-Price-amount {
    font-family: 'Montserrat-ExtraBold';
    font-size: .8rem;
    color: #333;
}

.columns-4 li .woocommerce-Price-amount span {
    font-family: 'Montserrat-Regular';
}


/* home 2 banner */

.home-2-banners {
    min-height: 300px !important;
}

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

.home.blog .site-header,
.home.page:not(.page-template-template-homepage) .site-header,
.home.post-type-archive-product .site-header {
    margin-bottom: 10px !important;
    border-bottom: none;
}

/* home logo carousel */


/* #id-256 .owl-nav button,
#id-276 .owl-nav button {
    background-color: #2d348c !important;
    display: block;
    opacity: 1;
}

#id-256 .carousel-slider-nav-icon,
#id-276 .carousel-slider-nav-icon {
    fill: rgb(255 255 255) !important;
}
#id-256 .carousel-slider-nav-icon:hover,
#id-276 .carousel-slider-nav-icon:hover {
    fill: rgb(255 255 255) !important;
}

#id-256 .owl-prev,
#id-256 .owl-next,
#id-256 .carousel-slider-nav-icon {
    height: 42px !important;
    width: 42px !important;
    padding: 5px;
}

#id-276 .owl-prev,
#id-276 .owl-next,
#id-276 .carousel-slider-nav-icon {
    height: 42px !important;
    width: 42px !important;
    padding: 5px;
} */

.owl-nav button,
.owl-nav button {
    background-color: #2d348c !important;
    display: block;
    opacity: 1;
}

.carousel-slider-nav-icon,
.carousel-slider-nav-icon {
    fill: rgb(255 255 255) !important;
}
.carousel-slider-nav-icon:hover,
.carousel-slider-nav-icon:hover {
    fill: rgb(255 255 255) !important;
}

.owl-prev,
.owl-next,
.carousel-slider-nav-icon {
    height: 42px !important;
    width: 42px !important;
    padding: 5px;
}

.owl-prev,
.owl-next,
.carousel-slider-nav-icon {
    height: 42px !important;
    width: 42px !important;
    padding: 5px;
}

/* home slider */

.carousel-slider__product {
    box-shadow: none;
}

.carousel-slider__product h3 {
    font-family: Montserrat-ExtraBold;
    font-size: .8rem;
    min-height: 45px;
    text-align: center;
    margin: 1rem 0 5px 0;
    line-height: 1.214;
    text-transform: uppercase;
}

.hentry .entry-content a {
    text-decoration: none;
}

.carousel-slider__product .woocommerce-Price-amount {
    font-family: 'Montserrat-ExtraBold';
    font-size: .8rem;
    color: #333;
}

.carousel-slider__product .woocommerce-Price-amount span {
    font-family: 'Montserrat-Regular';
}

.carousel-slider__product .price {
    display: block;
    text-align: center;
    width: 100%;
    margin: 0;
}

.carousel-slider__product .onsale {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    line-height: 70px;
    padding: 0;
    font-size: 1.6rem;
    letter-spacing: 0.05rem;
    font-family: Anton-Regular;
    font-weight: normal;
    background-color: #53bfe9 !important;
    right: 0;
    left: unset;
}

.carousel-slider__product p {
    font-size: .8rem;
    height: 40px;
    overflow: hidden;
    margin-bottom: 10px;
}

.carousel-slider__product a.add_to_cart_button,
.carousel-slider__product a.added_to_cart,
.carousel-slider__product a.quick_view {
    padding: .6180469716em 1.41575em;
    border-radius: 0;
    line-height: 1.618;
}

.carousel-slider__product a.add_to_cart_button:hover, .carousel-slider__product a.added_to_cart:hover, .carousel-slider__product a.quick_view:hover {
    color: #f1f1f1;
    background-color: #b91d36 !important;
    text-decoration: none;
    background-image: none;
}

/* footer top bar */
.sfb-footer-bar {
    background-color: #2d348c !important;
    padding-top: 5rem !important;
}

.site-footer .widget .widget-title {
    color: #fff !important;
    font-size: 1rem;
}

#menu-footer-1 li{
    padding: 0;
}

.widget_nav_menu ul li {
    padding: 0;
}

.widget_nav_menu ul li:before {
    content: none;
}

.site-footer a:not(.button):not(.components-button) {
    color: #fff;
    text-decoration: none;
}

.site-footer a:not(.button):not(.components-button):hover {
    text-decoration: underline;
}

.widget_product_categories ul li {
    padding: 0;
}

.widget_product_categories ul li:before {
    content: none;
}
.widget_product_categories ul li.current-cat:before {
    content: none;
}

.site-footer .footer-phone {
    font-family: BebasNeue-Regular;
    font-size: 2.2rem;
    color: #fff;
    margin-bottom: 5px;
    line-height: 2.2rem;
}

.site-footer .footer-mail {
    margin-bottom: 20px;
    display: block;
}

.site-footer .footer-follow {
    font-family: BebasNeue-Regular;
    font-size: 2.2rem;
    color: #53bfe9;
    margin-bottom: 5px;
    line-height: 2.2rem;
}

.footer-social-icons a {
    font-size: 2rem;
    margin-right: 10px;
}

/* top menu */ 
    /* ul#menu-top {
        position: relative;
        right: -370px;
        top: 18px;
        z-index: 1;
    } */

    /* filter by price slider */
    .widget_price_filter .price_slider_amount {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .widget_price_filter .price_slider_amount button {
        order: 1;
    }

    /* mobile logo */
    .site-header .custom-logo-link img {
        max-width: 172px;
    } 

/* animations */
.carousel-slider .owl-stage-outer {
    padding: 20px 0;
}

.carousel-slider .owl-item {
    /* transition: ease-in-out .1s; */
    /* transform: scale(1); */
}
.carousel-slider .owl-item:hover {
    /* transform: scale(1.02); */
}

 /* category  */


 .subcategories {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    margin-bottom: 20px;
 }
 .subcategories li {
    width: 100%;
    list-style-type: none;
    background: #f5f5f5;
    margin: 0 6px;
    margin-bottom: 15px;
 }
 .subcategories li:hover {
    background: #efefef;
 }
 /* .subcategories .product-category a:hover {
    background: #efefef;
 }  */
 .subcategories .product-category a img {
    display: none;
 }
 .subcategories .product-category a h2 {
    line-height: 100px;
    margin: 0;
    text-align: center;
    font-size: 1.2rem;
 }
 /* .subcategories .product-category a h2 .count {
    color: #333;
 }  */

 .four-baners-wrapper > div {
    width: 100%;
}

.home-4-banners h2 {
    font-size: 1.6rem;
}

.home-4-banners {
    position: relative;
    align-content: space-between;
    padding-bottom: 120px;
    padding-top: 20px;
}

.home-4-banners .wc-block-featured-product__link {
    position: absolute;
    bottom: 0;
}

@media (min-width: 576px) {

    .home-products-wrapper ul li {
        width: 50% !important;
    }

    .columns-4.products li.product {
        width: 50% !important;
    }

    .subcategories li {
        width: calc(50% - 12px);
     }

}

 @media (min-width: 768px) {

    .col-full {
        max-width: 1200px;
    }

    .site-header::before {
        content: '';
        display: block;
        width: 100vw;
        height: 60px;
        left: 0;
        top: 0;
        background: #d2364f;
        position: absolute;
        z-index: -1;
     } 
     
    .site-header {
        padding-top: 0;
        border-bottom-color: transparent;
    }

    .site-header-cart .cart-contents {
        padding: 0;
        color: #fff !important;
        text-align: right;
        padding-right: 30px;
        position: relative;
    }
    .site-header-cart .cart-contents::after {
        position: absolute;
        top: 0;
        right: 0;
    }

    .woocommerce-Price-currencySymbol {
        text-transform: uppercase;
        margin-right: 5px;
    }



    header#masthead .col-full .sp-header-row:first-child {
        height: 60px;
        margin-bottom: 30px;
    }

    header#masthead .col-full .sp-header-row:first-child .sp-header-span-4 {
        height: 60px;
    }

    header#masthead .col-full .sp-header-row:last-child .sp-header-span-2 .site-branding a {
        width: 172px;
    }

    header#masthead .col-full .sp-header-row:last-child ul#menu-main li a {
        font-family: Montserrat-Regular;
        text-transform: uppercase;
        font-size: 13px;
    }

    /* top menu position */
    
    header#masthead .sp-header-row:first-child {
        display: flex;
        justify-content: flex-end;
        position: relative;
    }

    header#masthead .sp-header-row:first-child .sp-header-span-8 {
        width: auto;
        margin-right: 0;
    }

    header#masthead .sp-header-row:first-child .sp-header-span-8 .secondary-navigation {
        position: absolute;
        right: 30px;
        top: 18px;
        z-index: 1;
    }

    header#masthead .sp-header-row:first-child .sp-header-last {
        width: 300px;
        margin-left: 10px;
    }

    .secondary-navigation ul.menu a {
        color: #fff;
    }
    .secondary-navigation ul.menu a:hover {
        text-decoration: underline;
        color: #fff;
    }
    /* end */

    .main-navigation {
        margin-top: 10px;
    }

    .main-navigation ul.menu, .main-navigation ul.nav-menu {
        text-align: right;
    }

    .sp-header-active .site-header .site-header-cart {
        margin-top: 25px;
        height: 35px;
    }

    /* cart icon */
    .site-header-cart .cart-contents::after {
        content: '\f290';
        right: 10px;
    }

    .site-header-cart .cart-contents .count {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 11;
        background: #2d348c;
        opacity: 1;
        width: 15px;
        height: 15px;
        font-size: .6rem;
        text-align: center;
        border-radius: 50%;
    }

    .main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {
        position: relative;
    }

    .main-navigation ul.menu>li.menu-item-has-children>a:after,
    .main-navigation ul.menu>li.page_item_has_children>a:after,
    .main-navigation ul.nav-menu>li.menu-item-has-children>a:after,
    .main-navigation ul.nav-menu>li.page_item_has_children>a:after {
        margin-left: 1em;
        position: absolute;
        left: -13px;
        bottom: -9px;
        font-size: 0.6rem;
        background: white;
        padding: 0 10px;
    }

    .main-navigation #menu-main > li {
        /* padding-top: 1.618em;
        padding-bottom: 1.618em; */
    }

    .main-navigation #menu-main > li > a {
        border-bottom: 3px solid transparent;
        padding: 0 1em;
    }
    .main-navigation #menu-main > li:hover > a {
        border-bottom: 3px solid #d2364f;
    }

    .main-navigation #menu-main > li > ul.sub-menu {
        padding-top: 20px;
    background: transparent;
    }

    .main-navigation ul.menu ul.sub-menu li, .main-navigation ul.nav-menu ul.children li {
        background-color: #f0f0f0;
    }

    .site-header #menu-top li.current-menu-item > a {
        color: #fff;
    }

    .site-search .widget_product_search input[type=search] {
        box-shadow: none;
        background-color: transparent;
        border: 1px solid #ccc;
        border-radius: 3px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 35px;
    }

    .site-search .widget_product_search form input[type=search] {
        padding-left: 10px;
    }

    .site-search .widget_product_search form:before {
        top: 1em;
        left: auto;
        right: 1.15em;
    }


    .main-navigation #menu-main > li.current-menu-item > a {
        border-bottom: 3px solid #d2364f !important;
    }

    .main-navigation #menu-main > li.current-product_cat-ancestor > a {
        border-bottom: 3px solid #d2364f !important;
    }

    .main-navigation #menu-main > li.current-product-ancestor > a {
        border-bottom: 3px solid #d2364f !important;
    }
    

    .home-products-wrapper ul li {
        width: 33.33% !important;
        margin: 0 !important;
    }

    .columns-4.products li.product {
        width: 50% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* footer top bar */
    .footer-widgets {
        padding-top: 0;
    }

    .site-footer {
        padding: 0;
    }

    .four-baners-wrapper > div {
        width: 50%;
    }
 
 }

 @media (min-width: 992px) {

    .four-baners-wrapper > div {
        width: 100%;
    }

    .home-products-wrapper ul li {
        width: 25% !important;
    }

    .columns-4.products li.product {
        width: 33.33% !important;
    }

    .home-2-banners {
        min-height: 350px !important;
    }

    .home-4-banners h2 {
        font-size: 1.6rem;
    }

    .home-4-banners {
        position: relative;
        align-content: space-between;
        padding-bottom: 120px;
        padding-top: 20px;
    }

    .home-4-banners .wc-block-featured-product__link {
        position: absolute;
        bottom: 0;
    }
}

@media (min-width: 1200px) {

    .home-products-wrapper ul li {
        width: 20% !important;
    }

    .columns-4.products li.product {
        width: 25% !important;
    }

    .home-2-banners {
        min-height: 400px !important;
    }

    .subcategories li {
        width: calc(33.33% - 12px);
     }

}