/*
Theme Name:   Eclectionaire
Theme URI:    C:\wamp\www\PeacefulDream\wp-content\themes
Description:  Shopfront Theme
Author:       catfeet
Author URI:   http://example.com
Template:     storefront
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain:  twentyseventeen
*/


@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@300;400;500&family=Newsreader:opsz,wght@6..72,400;6..72,500;6..72,700&display=swap');



body {
     color: black;
     font-family: Montserrat, 'Newsreader', serif;
    ;
}


/*HEADER ******************************************************* */
/* remove site search from header */
 .site-search {
    /* display: none;
    */
}
 .site-title a {
}
 .main-navigation ul li a {
     color:black;
    /* font-family: "Mulish", "Source Sans Pro","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif ;
    */
}
 .site-branding .site-description {
     color: black;
     font-size: 1em;
}
/*reduce bottom margin from header*/
 .home.post-type-archive-product .site-header {
     margin-bottom: 2em;
}
/*site header cart item count*/
 span.count {
    /*color:white;
    */
}
/*everything to do with cart in the header*/
 #site-header-cart {
    /* font-size: 1.2em;
    */
     color: black;
    /* width: 15%;
    */
}
/*cart icon*/
 ul#site-header-cart {
    /* color: white;
    */
}
/*cart icon*/
 a.cart-contents::after {
     float: left;
    /* color: white;
    */
}
/*everything to do with cart in the header - end*/


/* END HEADER ?----------------------------- */

/* add margin to top of product title */
 .woocommerce-loop-product__title {
     margin-top: 1.5em;
}
/* shorten margin at bottom of image */
 ul.products li.product img {
     margin-bottom: 1em;
     border: 1px solid #ddd;
    /* border-radius: .8em;
    */
}
/* ----------------------------- */
/* MEDIA --------------------------------------------------------------------------------------------- */

 @media (min-width: 768px) {
     .storefront-primary-navigation {
        /* background-color: #58286d;
        */
    }
    /*header ******************************************************* */
    /* remove site search from header */
     .site-search {
        /* display: none;
        */
    }
     .site-title a {
    }
     .main-navigation ul li a {
         color:black;
        /* font-family: "Mulish", "Source Sans Pro","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif ;
        */
    }
     .site-branding .site-description {
         color: black;
         font-size: 1em;
    }
    /*reduce bottom margin from header*/
     .home.post-type-archive-product .site-header {
         margin-bottom: 2em;
    }
    /*site header cart item count*/
     span.count {
        /*color:white;
        */
    }
    /*everything to do with cart in the header*/
     #site-header-cart {
        /* font-size: 1.2em;
        */
         color: black;
        /* width: 15%;
        */
    }
    /*cart icon*/
     ul#site-header-cart {
        /* color: white;
        */
    }
    /*cart icon*/
     a.cart-contents::after {
         float: left;
        /* color: white;
        */
    }
    /*everything to do with cart in the header - end*/
    /* ----------------------------- */
    /* add margin to top of product title */
     .woocommerce-loop-product__title {
         margin-top: 1.5em;
    }
    /* shorten margin at bottom of image */
     ul.products li.product img {
         margin-bottom: 1em;
         border: 1px solid #ddd;
        /* border-radius: .8em;
        */
    }
    /* ----------------------------- */
     .main-navigation ul.nav-menu>li>a {
        padding: .3em 1em;
    }
     .site-header-cart .cart-contents {
        padding: .3em 1em;
    }
     .main-navigation ul li a{
        padding: 0;
        min-height: 100%;
        font-family: "Montserrat", "Source Sans Pro","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif ;
        text-transform: uppercase;
    }
     .site-header {
         padding-top: 1em;
    }
    
     .site-header-cart .cart-contents .count {
         opacity: 1;
    }

    /*both for site header cart count - end*/
    /*made search bar and cart total narrower so had to extend mini cart for more space*/
     .site-header-cart:hover .widget_shopping_cart, .site-header-cart.focus .widget_shopping_cart {
         width: 140%;
    }
     .storefront-full-width-content .woocommerce-products-header {
         padding-bottom: 1em;
         text-align: left;
    }
     .storefront-full-width-content .woocommerce-products-header h1{
         display: none;
    }
     .storefront-breadcrumb {
         padding-bottom: .5em;
         margin-bottom: 1em;
    }
     .storefront-full-width-content.woocommerce-cart .entry-header {
         padding-bottom: 1.5em;
    }
     ul.products li.product .woocommerce-loop-product__title {
         font-family: Montserrat, Helvetica, Arial, sans-serif;
         font-weight: 400;
         font-size: 1.2em;
    }
    /*CART*/
    .product_title.entry-title{
         font-size: 1.5em;
         font-weight: 500;
    }
    /*END CART*/

    /*remove padding betwen lines in cart*/
     table.shop_table_responsive tbody tr td, table.shop_table_responsive tbody tr th {
         padding:.25em;
        /* font-size: 1.2em;
        */
    }
    span.price {
        font-size: 1em;
    }
}
/* END MEDIA ----------------------------- */



/* Add to cart button */
 .add_to_cart_button {
     color: #58286d;
     background-color: white;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 1.1em;
}

 /*.woocommerce-Price-amount.amount {
     font-size: 1em;
}*/
/*cart price in main*/
 .price .woocommerce-Price-amount {
/*     font-size: 1.2em;*/
     color: black;
}

/*cart price individual product     */
span.woocommerce-Price-amount.amount {
/*        font-size: .7em;*/
    }



/* sorting bar hidden */
 .storefront-sorting {
     display: none ;
}
/*footer *****************************************************/
 .site-info {
     max-height: 30px;
     margin: 0;
     padding: 0;
     color: white;
}
/*remove branding "build with storefront & woocommerce"*/
 .site-info a {
     display: none;
}
 .site-info a #text {
     display: none;
}
 .site-footer {
     background-color: #58286d;

}