/*
Theme Name: Storefront Child
Theme URL: 
Description: Storefront Child Theme
Author: Smashy Design
Author URL: 
Template: storefront
Version: 1.0.0
Text Domain: storefront-child
*/

/*!
 * Font Awesome Free 5.0.9 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */


 @font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: normal;
    src: url("assets/webfonts/fa-brands-400.eot");
    src: url("assets/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("assets/webfonts/fa-brands-400.woff2") format("woff2"), url("assets/webfonts/fa-brands-400.woff") format("woff"), url("assets/webfonts/fa-brands-400.ttf") format("truetype"), url("assets/webfonts/fa-brands-400.svg#fontawesome") format("svg"); }
  

.fab {
    font-family: 'Font Awesome 5 Brands'; }

a:focus, 
button:focus, 
input:focus, 
textarea:focus {
    outline: 2px solid #aa9a63;
}

.footer-sm {
    display: flex;
}

.footer-sm li {
    margin-right: 30px;
}

.single-product div.product form.cart {
    display: flex;
}

.single-product div.product form.cart .quantity {
    height: 100%;
}

@media (min-width: 768px) {
    .site-header {
        padding-top: 15px;
    }

    .site-branding,
    .site-search {
        margin-bottom: 0;
    }

    .secondary-navigation {
        margin: 12px 0 0;
    }

    .secondary-navigation ul.menu>li.menu-item-has-children>a::after, 
    .secondary-navigation ul.menu>li.page_item_has_children>a::after, 
    .secondary-navigation ul.nav-menu>li.menu-item-has-children>a::after, 
    .secondary-navigation ul.nav-menu>li.page_item_has_children>a::after {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        vertical-align: -.125em;
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        line-height: inherit;
        vertical-align: baseline;
        content: "\f107";
        margin-left: 1em;
    }

    .site-header-cart .cart-contents {
        padding: 10px 0 20px;
    }

    .woocommerce-active .site-header .site-search {
        margin-top: 4px;
        position: absolute;
        right: 45px;
        top: 27px;
        width: auto;
    }

    .site-search form {
        background-color: #fff;
    }

    .site-search .widget_product_search form::before {
        left: auto;
        right: 0;
    }

    .site-search .widget_product_search form input[type=search] {
        background-color: transparent;
        color: transparent;
        box-shadow: 0 0 0;
        padding-left: 0;
        position: relative;
        transition: .2s;
        width: 14px;
    }

    .site-search .widget_product_search form input[type=search]::-moz-placeholder {
        color: transparent
    }

    .site-search .widget_product_search form input[type=search]::-webkit-input-placeholder {
        color: transparent
    }

    .site-search .widget_product_search form input[type=search]::-ms-input-placeholder {
        color: transparent
    }

    .site-search .widget_product_search form input[type=search]:focus {
        background-color: #f2f2f2;
        color: #616161;
        font-size: 14px;
        padding-left: 17px;
        width: 45em;
    }

    .site-search .widget_product_search form input[type=search]:focus::-moz-placeholder {
        color: #616161;
    }

    .site-search .widget_product_search form input[type=search]:focus::-webkit-input-placeholder {
        color: #616161;
    }
    
    .site-search .widget_product_search form input[type=search]:focus::-ms-placeholder {
        color: #616161;
    }

    .main-navigation.toggled .primary-navigation {
        display: block;
    }

    .page-template-template-homepage-php .content-area {
        margin-top: 25px;
    }
}

@media (max-width: 66.4989378333em) {
    .woocommerce-active .site-header .site-search {
        right: 0;
    }   
}

@media (min-width: 769px) {
    .woocommerce-active .site-header .main-navigation {
        display: none;
    }

    .menu-toggle {
        display: none;
    }

    .site-header .col-full {
        align-items: center;
        display: flex;
        justify-content: space-between;
        position: relative;
    }

    .storefront-primary-navigation .col-full {
        display: block;
    }

    .storefront-secondary-navigation.woocommerce-active .site-header .site-branding {
        width: auto;
    }
}

@media (max-width: 768px) {
    .menu-toggle {
        display: block;
    }

    .primary-navigation,
    .secondary-navigation,
    .site-search,
    .site-header-cart {
        display: none;
    }

    .storefront-secondary-navigation.woocommerce-active .site-header .site-branding {
        margin: auto;
        width: auto;
    }

    .storefront-primary-navigation {
        position: absolute;
        top: 55px;
        width: 100%;
    }

    .woocommerce-active .site-header .main-navigation {
        width: 100%;
    }

    .site-header {
        padding: 25px 0 40px;
    }
}

.handheld-navigation {
    background-color: #fff;
    margin-left: -2.617924em;
    margin-right: -2.617924em;
    margin-top: 75px;
    opacity: 0;
    padding: 0 25px 25px;
}

.main-navigation.toggled .handheld-navigation {
    opacity: 1;
}

@media (max-width: 568px) {
    .handheld-navigation {
        margin-left: -1.41575em;
        margin-right: -1.41575em;
    }
}

a:focus,
.button:focus, 
.button.alt:focus, 
button:focus, 
input[type="button"]:focus, 
input[type="reset"]:focus, 
input[type="submit"]:focus {
    outline: none;
}

/* woocommerce validation messages colors */
.woocommerce-message {
    background-color: #96b96b;
}

.woocommerce-error {
    background-color: #de868e;
}

.input-text, 
input[type=email], 
input[type=password], 
input[type=search], 
input[type=tel], 
input[type=text], 
input[type=url], 
textarea {
    box-shadow: none;
}

.woocommerce-info,
.woocommerce-noreviews, 
p.no-comments {
    background-color: #9f8f62;
}

/* my account login button / pop-up related css */
.my-account a {
    display: inline-block;
    line-height: normal;
    padding: 4px 8px;
    background-color: #8bc640;
    color: #fff;
    border-radius: 5px;
    transition: all 200ms ease;
    outline: none;
}

.my-account a:hover {
    background-color: #9f8f62;
}

.xoo-el-sidebar {
    display: none;
}

.xoo-aff-group input[type="text"], 
.xoo-aff-group input[type="password"], 
.xoo-aff-group input[type="email"], 
.xoo-aff-group input[type="number"], 
.xoo-aff-group select {
    box-shadow: none;
}

/* login menu styles */
#menu-user-login {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: -15px;
    right: 42px;
    z-index: 1;
    padding-top: 0;
    transition: all 200ms ease-in-out;
}

#menu-user-login li {
    padding: 0 15px;
    padding-bottom: 12px;
    line-height: normal;
    border-bottom: none;
    background-color: #f5f5f5;
    opacity: 0;
    transition: all 200ms ease-in-out;
    font-size: 14px;
}

#menu-user-login li:first-child {
    display: block !important;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    padding: 6px 12px;
    background-color: #eaeff3;
    border-radius: 0 0 5px 5px;
    opacity: 1;
}

#menu-user-login li:nth-child(2) {
    padding-top: 10px;
}

#menu-item-84 {
    padding: 5px 8px !important;
}

#menu-item-84 a { 
    color: #fff;
}

#menu-item-85 a {
    line-height: 0;
    font-size: 0;
    color: transparent;
    width: 18px;
    height: 18px;
    display: block;
}

#menu-user-login li:first-child a img {
    display: block;
    height: 100%;
    width: 100%;
}

.login-menu li {
    opacity: 1 !important;
}

.login-menu {
    padding-top: 30px !important;
}

@media (max-width: 568px) {
    #menu-user-login {
        right: 24px;
    }
}

@media (max-width: 768px) {
    #menu-user-login {
        top: 0;
    }

    .site-header .custom-logo-link img {
        max-width: 180px;
    }
}

.quantity .qty {
    width: 4.235801032em;
    text-align: center;
    margin-bottom: 10px; 
    border: 1px solid #aa9a63;
    background: #fff;
}

.archive  ul.products li.product img {
    display: none;
}

.home  ul.products li.product img {
    display: none;
}

.woocommerce div.product form.cart .qib-container + button[type='submit'] {
    margin-left: 0 !important;
}

button.minus,
button.plus {
    display: none;
}

.added_to_cart{
    margin-top: 12px;
}

@media screen and (min-width:1024px) {
    .added_to_cart{
        width: 225px;
    }
}

@media screen and (max-width:767px) {
    .added_to_cart{
        display: block;
        width: 245px;
        margin: 10px auto;
    }
}

.single-product .woocommerce div.product form.cart .qib-button{
    width: 33px;
}

.single-product .cart .qib-container {
    margin-right: 15px;
}

.home .qib-container, 
.qib-container:not(#qib_id) {
    display: flex !important;
    justify-content: center;
    margin-bottom: 15px;
}

.qib-button:not(#qib_id) {
    color: white !important;
    background: #aa9a62 !important;
    border-color: #aa9a62 !important;
}

.home .woocommerce ul.products li.product .qib-container + .add_to_cart_button {
    margin-left: 0;
}

.woocommerce-shipping-fields {
    display: none;
}