/*
Theme Name: Storefront Child Theme
Version: 1.15
Description: Child theme for Storefront theme.
Author: RobertAutomobili
Author URI: https://robertautomobili.it
Template: storefront
*/

/* --------------- Theme customization starts here ----------------- */
 
.home.blog .site-header, 
.home.page:not(.page-template-template-homepage) .site-header, 
.home.post-type-archive-product .site-header,
.header-widget-region h3 {
    margin-bottom: 0;
}

/* --- Site Branding ---*/
.woocommerce-active .site-header .site-branding {
    width: auto;
}

/* --- Site Notice --- */
.header-widget-region .widget {
    padding: 0;
}

.header-widget-region h3 {
    background-color: #f0e4b4;
    color: #171717;
    letter-spacing: 0.8px;
    font-size: 0.9rem;
    padding: 0.7rem 0;
}

.header-widget-region h3 strong {
    font-weight: 400;
}

.welcome-heading-text {
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
    float: left;
    margin-bottom: 0;
}

.welcome-heading-text span {
    color: #DA0037;
}

.storefront-sorting {
    background: #171717;
    padding: 1rem 2rem;
}

/* --- Products Header --- */
.site-main .woocommerce-products-header {
    display: none;
}

/* --- Storefront Sorting --- */
.storefront-sorting .woocommerce-result-count {
    float: right;
    font-size: 0.95rem;
    color: #ebebeb;
}

/* --- Site Info --- */
.site-footer {
    padding: 0 0 2rem;
}

.site-info {
    color: #ebebeb;
    text-align: center;
    padding: 0;
}

/* --- Products --- */
ul.products {
    max-width: 800px;
    margin: 0 auto;
}

.products.columns-2 img,
.products.columns-2 .button {
    width: 100%;
}

.products.columns-2 .product {
    overflow: hidden;
}

/* --- Car Price display --- */
.price ins bdi {
    background: #004ec3;
    padding: 0.2rem 0.5rem;
    color: #fff;
    font-weight: 700;
    font-size: 1.2rem;
}

/* --- Main Navigation --- */
.site-header ul.menu > li.current-menu-item > a,
.site-header ul.menu > li.current-page-ancestor > a,
.site-header ul.menu > li > a:hover,
.site-header ul.menu > li > a:focus {
    background-color: #DA0037;
}

.main-navigation ul.menu ul li.focus {
    background-color: #000;
}

.site-header ul.menu > li .sub-menu li > a:hover,
.site-header ul.menu > li .sub-menu li.current-menu-item > a,
.main-navigation ul.menu ul li.focus a {
    color: #DA0037;
}

@media (min-width: 768px) {
    .main-navigation ul li {
        display: block;
        float: left;
    }

    .main-navigation ul.menu>li>a, 
    .main-navigation ul.nav-menu>li>a {
        padding: 1em 0.7em;
    }

    .main-navigation ul.menu, .main-navigation ul.nav-menu {
        margin-left: 0;
    }
}

/* --- Single Product --- */
.single-product .header-widget-region {
    margin-bottom: 2rem;
}

.single-product li.product {
    overflow: hidden;
}

.single-product .product .button {
    display: block;
}

/* --- Cart --- */
@media (min-width: 768px) {
    .site-header-cart .cart-contents {
        padding: 1em 0;
    }
}

/* --- Page --- */
.page .content-area {
    padding-top: 2rem;
}

/* --- Archive page --- */
.home .site-main ul.products li.product,
.archive .site-main ul.products li.product {
    border-bottom: solid 1px #5f5f5f;
    padding-bottom: 2rem;
    overflow: hidden;
}

.home ul.products li.product img,
.archive ul.products li.product img {
    width: 100%;
}

.home .product .button,
.archive .product .button {
    display: block;
}

.car-sold {
    position: absolute;
    left: -65px;
    padding: 0 55px;
    top: 20px;
    width: 200px;
    height: 33px;
    line-height: 33px;
    transform: rotate(-45deg);
    color: #fff !important;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: #DA0037; 
}


/* Mobile */
@media screen and (max-width: 640px) {
    .site-header .custom-logo-link img {
        max-width: 175px;
    }
}


/* Fixes */
.fa-car-side:before {
    content: "\f5e4";
}