/* 
Theme Name: Labro theme Child
Theme URI: https://atelier-labro.com
Description: WordPress / WooCommerce theme for Labro
Author: Minty Media
Author URI: https://mintymedia.nl
Template: labro-theme
Version: 1.0.1
Text Domain: labro-theme-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/




#productContainer {
    padding: 6rem 1rem 6rem;    
    display: flex;
    flex-wrap: wrap;
}

.productWrapper {
    margin:0 auto;
    padding:1rem;
    text-align: center;
}


.bigProduct {width: calc(100%/12*4);}

.productWrapper img {
    max-height: 55vw!important;
    width: 100%;
}

.midProduct {
    width: 20%;
    padding:0
}

.smallProduct {width: 12.5%;} 


.productWrapper:nth-child(3n - 1){
    align-self:flex-start
}
.productWrapper:nth-child(3n - 2){
    align-self:center
}
.productWrapper:nth-child(3n - 3){
    align-self:flex-end
}



@media (min-width:320px) and (max-width:812px){

    .bigProduct { width: calc(100%/12*8); }
    .midProduct {width: 50%; }
    .smallProduct {    width: calc(100%/12*4); }


    .bigProduct:nth-child(3n - 1){margin:0 auto }
    .bigProduct:nth-child(3n - 2){margin:0 auto 0 0}
    .bigProduct:nth-child(3n - 3){margin:0 0 0 auto }

    .midProduct:nth-child(3n - 2){
        margin:0 auto;
        margin:5rem auto 0 auto
    }
    .midProduct:nth-child(3n - 3){
        margin:0 0 0 auto;
        margin:8rem auto 0 auto
    }

}



.smallProduct:nth-child(3n - 1){
    margin:1rem auto
}
.smallProduct:nth-child(3n - 2){
    margin:5rem auto 0 auto
}
.smallProduct:nth-child(3n - 3){
    margin:10rem auto 0 auto
}

.productWrapper img {
    object-fit: contain!important;
}


#shipping_method_0_local_pickup3:checked + label[for=shipping_method_0_local_pickup3]::after {
display: block;
    content: "If you prefer to pick up your order in our atelier in Haarlem you’re welcome on Friday between 14:00 - 17:00. Please make sure to schedule an appointment by email. The address of our atelier is Labro
 Gasthuisstraat 15 G15
2011 XN Haarlem 
the Netherlands";
    max-width: 300px;
    margin-top: 15px;
    padding: 20px;
    background-color: #f7f7f7;
    line-height: 20px;
	margin-right: -500px;
}
@media only screen and (max-width: 900px) {
	#shipping_method_0_local_pickup3:checked + label[for=shipping_method_0_local_pickup3]::after {
			margin-right: 0px;
		}
}