/*
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.
 */

:root {
    --orange: #ff8500;
    --blue: #1a72d0;
}

body, button, input, textarea {
	font-family: 'Nunito', sans-serif;
}

a:focus, button:focus, .button.alt:focus, input:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, select {
	outline: none;
}

.home h1 {
	display: none;
}

.site-header .custom-logo-link img,
footer #media_image-2 img {
    max-width: 100%;
    height: auto;
    max-height: 44px;
    width: auto;
}

.archive .site-header {
    margin-bottom: 4.235801032em;
}

.success__form__popup {
	display: none;
	width: calc(100% - 30px);
    position: fixed;
    max-width: 600px;
    box-sizing: border-box;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 15px;
    background: #fff;
    box-shadow: -5px 0px 30px rgba(116, 86, 59, 0.15), 5px 5px 30px rgba(116, 86, 59, 0.15);
    z-index: 10000;
    max-height: calc(100vh - 15%);
    overflow: auto;
}

.overlay {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(46, 35, 24, 0.3);
    backdrop-filter: blur(2.5px);
    z-index: 9999;
    transition: all 0.4s ease;
}

.overlay.active {
    opacity: 1;
    visibility: visible;
}

#closePopup__form {
	cursor: pointer;
    position: absolute;
    top: 14px;
    right: 14px;
    line-height: 1;
}

#closePopup__form img {
    width: 16px!important;
    height: 16px!important
}

.woocommerce-info, .woocommerce-noreviews, p.no-comments {
    background-color: var(--blue);
}

#promo__request {
    margin-bottom: 0;
}

#promo__request .woocommerce-input-wrapper {
	position: relative;
}

#promo__request p {
    margin: 0 0 2.11575em;
}

.error-first_name, .error-last_name, .error-email, .error-age, .error-tel, .error-city, .error-pibdoc {
    display: none;
    font-size: 14px;
    color: #780000;
    position: absolute;
    bottom: -40px;
    left: 0px;
}

.message-success {
    color: #000000;
    font-weight: 600;
    margin-top: 20px;
}

.widget_product_categories ul li::before {
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    line-height: inherit;
    vertical-align: baseline;
    content: "";
    font-variant: normal;
}

.banner {
	padding: 2.618em;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 470px;
    background-position: bottom left;
}

.banner .tit {
    font-size: 2.617924em;
    line-height: 1.214;
    letter-spacing: -1px;
    font-weight: 700;
    margin: 0 0 0.5407911001em;
}

a.cart-contents:hover, .site-header-cart .widget_shopping_cart a:hover, .site-header-cart:hover > li > a,
.main-navigation ul li a:hover, .main-navigation ul li:hover > a, .site-title a:hover, .site-header ul.menu li.current-menu-item > a  {
	color: #0a0a0a;
}

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

.main-navigation ul {
    margin-top: 20px;
}

.secondary-navigation ul.menu a,
footer .widget_nav_menu ul a {
    font-family: 'Nunito', sans-serif;
    font-size: 16px;
}

#nav_menu-3 .menu {
    display: flex;
    flex-direction: column;
}

footer .widget_nav_menu ul a {
    text-decoration: none
}

footer .widget_nav_menu#nav_menu-2 ul li::before {
    content: unset
}

footer .widget_nav_menu ul li.fa-envelope:before {
    content: "";
}

footer .widget_nav_menu ul li.fa-phone-alt:before {
    content: "";
}

.bapf_head h3 {
    font-size: 1.41575em;
}

.bapf_ckbox_sqchck input[type=checkbox]:checked:after {
    content: "";
    width: 5px;
    height: 10px;
    border-bottom: 2px solid #333;
    border-right: 2px solid #333;
    display: block;
    position: absolute;
    top: 0;
    left: 5px;
    transform: rotate(45deg);
}

.bapf_sfa_taxonomy span {
    display: none;
}

.bapf_sfa_taxonomy ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-left: 0;
    margin-bottom: 0;
}

.bapf_sfa_unall {
    margin-bottom: 0;
    margin-left: 0;
}

.storefront-sorting {
    margin-top: 20px;
}

.bapf_sfa_taxonomy ul a i {
    margin-right: 4px;
}

.bapf_sfilter {
    margin-bottom: 0;
}

.bapf_sfilter .berocket_aapf_widget_selected_filter ul li {
    background: var(--blue);
    border-radius: 10px;
    padding: 0 8px!important;
}

.bapf_sfilter ul li a {
    color: #fff;
}

.bapf_sfilter .fa-times:before {
    content: "";
}

.berocket_aapf_widget_selected_filter {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 10px;
}

.products .product .add_to_cart_button,
.products .product .added_to_cart {
    width: 222px
}

.shop_table.shop_table_responsive .cart-subtotal,
.woocommerce-shipping-totals.shipping .woocommerce-shipping-destination,
.woocommerce-shipping-totals.shipping .woocommerce-shipping-calculator,
.shop_table.woocommerce-checkout-review-order-table thead,
.shop_table.woocommerce-checkout-review-order-table tr.cart-subtotal {
    display: none;
}

.success__form__popup a.link {
    text-decoration: underline;
}

.popup__tit {
    font-size: 21px;
    line-height: 1.3;
    margin-bottom: 20px;
    margin-top: 20px;
}

.form-row label.label__checkbox {
    user-select: none;
    cursor: pointer;
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.form-row label.label__checkbox span {
    line-height: 1.2;
}

.form-row .label__checkbox input[type=checkbox] {
    width: 16px;
    height: 16px;
    margin-top: 0.5px;
}

.popup__desc {
    max-width: calc(100% - 20px);
}

#secondary {
    position: fixed;
    top: 96px;
    right: -216px;
    background: #fff;
    padding: 20px;
    border: solid 2px #1a72d0;
    transition: all 0.4s ease;
}

.show-fil {
    position: fixed;
    top: 96px;
    right: 0px;
    background: #1a72d0;
    padding: 12px;
    transition: all 0.4s ease;
}

.show-fil .fa-filter:before {
    color: #fff;
}

.fil-on #secondary {
    right: -2px;
}

.fil-off #secondary {
    right: -216px;
}

.fil-on .show-fil {
	right: 210px;
}

.fil-off .show-fil {
    right: 0;
}

.storefront-handheld-footer-bar ul li>a {
    height: 40px;
}

.storefront-handheld-footer-bar ul li>a::before {
    line-height: 2em;
    font-size: 1.2em;
}

.storefront-handheld-footer-bar ul li.cart .count {
	left: 55%;
}

.storefront-handheld-footer-bar ul li.search .site-search {
    bottom: -2.2em;
}

.wc-proceed-to-checkout .button.checkout-button {
    font-size: 1.1em;
}

/* media */
@media screen and (min-width: 768px) {
	.show-fil {
		display: none;
	}
	#secondary {
		position: static;
		background: unset;
		padding: 0;
		border: unset;
	}
    .success__form__popup {
        padding: 48px;
    }
    .popup__tit {
        font-size: 26px;
        margin-bottom: 30px;
        margin-top: 0;
    }
    .products .product .add_to_cart_button,
    .products .product .added_to_cart {
        width: 200px
    }
    .woocommerce .products li {
        padding-bottom: 10px;
        border-radius: 4px;
        transition: all 0.4s ease
    }
    .woocommerce .products li:hover {
        box-shadow: -5px 0px 30px rgba(116, 86, 59, 0.15), 5px 5px 30px rgba(116, 86, 59, 0.15);
    }
    .secondary-navigation ul li {
        display: flex;
        align-items: center;
    }
    .secondary-navigation .menu {
        display: flex;
        column-gap: 20px;
        flex-wrap: wrap;
    }
    .main-navigation ul {
        margin-top: 0;
    }
	.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header {
    	margin-bottom: 3.8em;
	}
	.main-navigation ul.menu, .main-navigation ul.nav-menu li a,
	.site-header ul.menu li.current-menu-item > a {
		color: #fff;
	}
	.site-header-cart .cart-contents {
		color: #fff;
	}
	.woocommerce-active .site-header .site-header-cart {
		background: var(--blue);
    	padding: 0 20px;
	}
	.storefront-primary-navigation {
		background: var(--orange);
	}
	.banner__wrap {
		width: 56.52174%;	
	}
}
