/*
 Theme Name:     Great American Chrome Shop Child Theme
 Theme URI:      
 Description:    
 Author:         Spyderserve Corp
 Author URI:     https://www.spyderserve.com
 Template:       spyderHealth
 Version:        20180809.0
*/

/* Comment the @import line out for spyderHealth parent theme */
@import url("../spyderHealth/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */


/* add styling for cta hyperlink */

a.spyder-cta
{
    border-width: 1px;
    border-style:solid;
    border-radius: 5px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    padding: 0 20px;
    text-align: center;
    width: auto;
}

/* --woocommerce styling-- */
/* --menu-- */
@media only screen and (min-width: 1024px) {
    #mainMenu .sub-menu {
        left: unset !important;
        right: 0;
    }
}
/* !--menu-- */
/* ----front page---- */
div.frontpage .woocommerce .products ul::after,
div.frontpage .woocommerce .products ul::before,
div.frontpage .woocommerce ul.products::after,
div.frontpage .woocommerce ul.products::before{
    display: none;
    content: unset;
}

div.frontpage .woocommerce ul.products[class*=columns-]{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

div.frontpage .woocommerce ul.products[class*=columns-] li.product{
    height: 425px;
    width: 90%;
    display: flex;
    flex-direction: column;
    float: none;
}

div.frontpage .woocommerce ul.products[class*=columns-] li.product a.woocommerce-loop-product__link{
    display: flex;
    flex-direction: column;
}

div.frontpage .woocommerce ul.products[class*=columns-] li.product img.attachment-woocommerce_thumbnail{
    height: 200px !important;
    width: auto;
    object-fit: cover;
    margin: 0 auto;
}

div.frontpage .woocommerce ul.products[class*=columns-] li.product a.product_type_variable,
div.frontpage .woocommerce ul.products[class*=columns-] li.product a.product_type_simple{
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;


    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

@media only screen and (min-width: 768px){
    div.frontpage .woocommerce ul.products[class*=columns-] li.product{
        width: 40%;
    }
}
/* ----!front page---- */
/* ----shop page----*/
.woocommerce #mainContent ul.products li.product {
    padding: 10px 0 10px 0;
    justify-content: space-between;
    height: unset;
}

body .content.woocommerce li.product, .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
    border: 1px solid #D8D9DC;
    height: 525px;
    padding: 0 10px;
    width: 90%;
}
body .content.woocommerce li.product:hover, .woocommerce ul.products[class*=columns-] li.product:hover, .woocommerce-page ul.products[class*=columns-] li.product:hover{
    border: 1px solid #2F3061;
}

ul.products[class*=columns-] li.product p.woocommerce-loop-product__title{
    font-size: 20px;
    color: #d22826;
    text-align: left;
    padding: 0.5em 10px;
    margin-bottom: 0 !important;
}

ul.products[class*=columns-] li.product p.woocommerce-loop-product__attributes {
    margin-bottom: 0 !important;
    padding: 0 10px 5px 10px;
    text-align: left
}

ul.products[class*=columns-] li.product p.woocommerce-loop-product__attributes.attributes-header{
    font-weight: bold;
}

body .content.woocommerce #mainContent span.price{
    left: 10px;
    transform: unset;
}

body .content.woocommerce li.product a.product_type_variable, body .content.woocommerce li.product a.product_type_simple{
    transform: unset;
    left: 0;
    bottom: 0;
    right: 0;


    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#mainContent .aws-search-form {
    padding: 20px 0;
}

@media only screen and (max-width: 767px){
    #mainContent ul.products[class*=columns-]{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
    }
}

@media only screen and (min-width: 768px){
    body .content.woocommerce li.product, .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
        width: 47%;
        padding: 0;
    }
}

@media only screen and (min-width: 1224px){
    body .content.woocommerce li.product, .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
        width: 31%;
    }
}
/* ----!shop page---- */
/* ----product page---- */

.woocommerce div.product{
    padding: 0 10px;
}

.woocommerce div.product div.images div.woocommerce-product-gallery__image img{
    max-height: 400px;
    width: auto;
    margin: 0 auto;
}
/* ----!product page---- */

/* ----category landing---- */
li.spyder_term{
    border: 1px solid #D8D9DC;
    min-height: 100px;
    padding: 0 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
/* ----!category landing---- */
/* --!woocommerce styling-- */