/*
Theme Name: Storefront Child
Theme URI: http://example.com/storefront-child/
Description: My first WooCommerce child theme
Author: Your Name
Author URI: http://example.com
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/*a.button,
button.button,
input.button,
#review_form #submit {
background: pink;
color: red;
} */


#maisonbalzane_homepage_content h2{
	color: #333;
	text-align: center;
}
#customer_login > div.u-column2.col-2{
	max-width:100%;
}

div.carousel-item:nth-child(1) > h3:nth-child(2) {
	text-align: center;
}
.right-sidebar .content-area {
    width: 100%;
    float: left;
    margin-right: 0;
    }
nav#site-navigation {
	display : none;
}
.custom-logo {
	max-width : 50% !important;
}
.titre h1{
    font-family: 'Montserrat Alternates', sans-serif;
    font-size: 3em;
    margin-top: 8rem;
    color: black;
  }
  
  .titre h2 {
    font-size: 2rem;
    font-family: 'Ebrima', sans-serif;
    margin-top: 5rem; 
    margin-bottom: 10rem;
    color: black;
  }
  
  #carousel-lastchance .carousel-inner img{display:inline!important;float:left;width:22.5%;margin-right:2.5%}
  
  #boutoncarousel{
    font-family: 'Montserrat Alternates', sans-serif;
    text-transform: Uppercase;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
  }
  
  .boutoncarousel .btn{
    font-family: 'Montserrat Alternates', sans-serif;
    text-transform: uppercase;
  }
 
  .margincontenu{
    margin: 20px;
  }
  
  .animation{
    text-align: center;
    height: 100px;
  background-color: rgb(209, 166, 173);
  padding-top: 30px;
  }
  
  /* Menu last chance */
  #menulastchance{
    display: flex;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    height: 100px;
  position: sticky;
  
    box-sizing: border-box;
        background-color: white;
        width: 100%;
        border: 1px solid #f5f5f5;
        padding: 20px;
        box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);
        transition: 0.3s;
        margin-bottom: 15px;
      }
  
  #menulastchance label{
  font-family: 'Ebrima', sans-serif;
  margin-top: 20px;
  margin-left: 5px;
  font-weight: bold;
  font-size: 1rem;
  }
  
  #menulastchance ul{
    font-family: 'Montserrat Alternates', sans-serif;
    list-style-type: none;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    padding: 0;
    margin-top: 20px;
  
  }
  
  #menulastchance ul li{
    margin: 0 1.5rem;
  }
  
  #menulastchance ul li a{
    color: #000;
    font-family: 'Montserrat Alternates', sans-serif;
    text-transform: lowercase;
  }
  
  label.menu-toggle2{
    cursor: pointer;
    color: #000;
    display: block;
    margin: 0 5%;
    float: left;
  }
  
  #menu-toggle2 {
    display: none;
  }
  
  
  #menu-toggle {
    display: none;
  }
  
  label.menu-toggle{
    cursor: pointer;
    color: #000;
    display: block;
    margin: 1rem 0;
  }
 
  
  /* Notre selection */
  .boutonselection{
    margin: 20px;
    text-align: center;
  }
  
  .boutonselection button{
    font-family: 'Montserrat Alternates', sans-serif;
    text-transform: uppercase;
  }

.titreh1 {
	position: absolute;
    z-index: 2;
    color: white;
    top: 45%;
    width: 100%;
    text-align: center;
}


	.#maisonbalzane_homepage_content{
	width: 100%;
	min-height: 500px;
    max-width: 66.4989378333em;
    margin-left: auto;
    margin-right: auto;
    box-sizing: content-box;
	}	

article.seo:nth-child(1){
box-sizing: border-box;
background-color: white;
padding: 30px 3%;
display: flex;
flex-direction: column;
justify-content: center;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
transition: 0.3s;
margin-bottom: 15px;	
}

article.seo:nth-child(2){
	box-sizing: border-box;
background-color: white;
padding: 30px 3%;
display: flex;
flex-direction: column;
justify-content: center;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
transition: 0.3s;
margin-bottom: 15px;
	
}

div.valeurs:nth-child(7){
	margin-bottom: 20px;
}
div.valeurs:nth-child(7) > h2:nth-child(1){
	text-align: center;
margin-bottom: 1em;
}
#main > div:nth-child(6) > h2:nth-child(1){
	text-align: center;
margin-bottom: 1em;
}

#valeurs{
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
background-color: white;
padding: 30px 3%;
justify-content: center;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
transition: 0.3s;
margin-bottom: 15px;
}

article.nosvaleurs:nth-child(1){
	display: flex;
flex-direction: column;
	padding: 30px 3%;
align-content: center;
}
article.nosvaleurs:nth-child(2){
	display: flex;
flex-direction: column;
	padding: 30px 3%;
align-content: center;
}
article.nosvaleurs:nth-child(3){
	display: flex;
flex-direction: column;
	padding: 30px 3%;
align-content: center;
}
article.nosvaleurs:nth-child(4){
	display: flex;
flex-direction: column;
	padding: 30px 3%;
align-content: center;
}

@media (min-width: 800px) {
	#valeurs{
		flex-direction: row;
	}	
}
@media (min-width: 750px) {
	#valeurs{ 		
		flex-direction: row; 
		width: 100%;
	}	
}
div.reassurance:nth-child(8){
	margin-bottom: 40px;
}

#main > div:nth-child(7){
	padding: 30px 3%;
	display:flex;
}

#main > div:nth-child(7) > button:nth-child(2){
	margin-right: 50px;
margin-left: 50px;
}

#main > div:nth-child(9){
	display:flex;
}
#main > div:nth-child(8){
	display: flex;
margin-top: 40px;
}
.contact > h4:nth-child(1){
	text-align: center;
margin-bottom: 1em;
}
.contact {
display: flex;
flex-direction: column;
box-sizing: border-box;
background-color: white;
padding: 30px 3%;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
transition: 0.3s;
margin-bottom: 15px;
display:none;
}

@media (min-width: 800px) {
	.contact{
		display:block;
	}	
}
.contact > ul:nth-child(3) > li:nth-child(1){
	list-style: none;
}
.contact > ul:nth-child(3) > li:nth-child(2){
	list-style: none;
}
.contact > ul:nth-child(3) > li:nth-child(3){
	list-style: none;
}
.form-group{
	width: 80%;
}
.form-check{
	  display: flex;
  width: 100%;
  justify-content: space-between;
}
.form-check-label{
	width: 60%;
}
.form-check > button:nth-child(2){
	width: 30%;
}
.civilite{
	display: flex;
	margin: 20px;
}
div.custom-control:nth-child(1){
	margin-right: 40px;
}
div.custom-control:nth-child(2){
	margin-right: 40px;
}
#main > div:nth-child(8) > section:nth-child(1){
	display: flex;
flex-direction: column;
box-sizing: border-box;
background-color: white;
padding: 30px 3%;
justify-content: center;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
transition: 0.3s;
margin-bottom: 15px;
}

@media (min-width: 800px) {
	#main > div:nth-child(5){
		flex-direction: row;
	}	
}
@media (min-width: 400px) {
	#main > div:nth-child(5){ 		
		flex-direction: row; 
		width: 100%;
	}	
}
#main > div.reassurance{
	display:none;	
}
@media (min-width: 800px) {
	#main > div.reassurance{
	display:block;
	display:flex;
	justify-content:space-evenly;		
}
}
.col-3 {
	max-width: 100%;
}
.col-1 {
	max-width: 100%;
}

.row{
	margin:0px;
}
Template: storefront