/*
 Theme Name:   Faste Wordpress theme child
 Theme URI:    http://www.faste.ca
 Description:  Thème de base pour le développement Web chez Faste Communication
 Author:       Guillaume Proulx
 Author URI:   http://www.faste.ca
 Template:     faste
 Text Domain:  faste-child
 Version:      1.0.01
*/

header#header .logo a {
 
    width: 100%;
    display: flex;
    gap: 10%;
}

html { scroll-behavior: smooth; }
header#header{
	z-index:4;
}
header#header .social img{
    filter: invert(1);	
}

header#header .logo img, footer .logo img{

    max-width: 200px;	
}

body header#header:not(.menu) {
    position: absolute;
    width: 100%;
    align-items: center;
    padding: 0px 5vw;
}

/*  menu */

body header#header:not(.menu){
    position: absolute;
    width: 100%;	
}

/* CONFIGURATION INITIALE */

*{
	font-family: var(--main-font);
}
h1 {
	font-size: calc(15px + 2.2vw);
	color: var(--color2);
	font-weight: 400;
	
	margin-bottom: 0px;
}
h2 {
	font-size: calc(10px + 1vw);
    font-weight: normal;

}
h3 {
	font-size: calc(10px + 1vw);
   font-weight: normal;
    
}
h4 {
	font-size: calc(10px + 1vw);
	color: var(--color1);

}
h5 {
	font-size: calc(10px + 1vw);
	text-transform: uppercase;	
}
p{
	color: var(--color2);
	font-size: calc(10px + 0.6vw);
}
.rev h1, .rev h2, .rev h3, .rev h4, .rev h5, .rev p{
	color:white;
}
@media screen and (min-width:1920px){
	h1 {
		font-size: 60px;
	}
	h2 {
		font-size: 30px;
	}
	h3 {
		font-size: 30px;
	}
	h4 {
		    font-size: 30px;
	}
	h5 {
		    font-size: 30px;
	}

}

@media screen and (min-width:1300px){
	p{
		font-size: 18px;
	}
}

blockquote p{
	color: var(--color2);
	
}
blockquote p:first-child::before{
	content:"« ";
}
blockquote p:last-child::after{
	content:" »";
}

.b1, .woocommerce a.button.add_to_cart_button, .woocommerce a.added_to_cart{
	background-color: var(--color1);
    color: white;
    padding: 20px 25px;
   font-weight: normal;
	text-transform: uppercase;
	display: inline-block;
    font-size: 70%;
	border-radius:30px;
}
.b2, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button{
	background-color: #000;
    color: white;
    padding: 20px 25px;
	   font-weight: normal;
	text-transform: uppercase;
	display: inline-block;
    font-size: 70%;
}
.b3{
	background-color: transparent;
	color:#000;
	border: 1px solid var(--color1);
	display: inline-block;
    padding: 20px 25px;
    font-size: 70%;
}
.rev b1{
}
.rev b2{
}
.rev b3{
	color:white;
}
.container{
	margin:0 auto;
	max-width:1800px;
	padding: var(--pad);
}
.wp-block-cover, .wp-block-cover-image{
	min-height:0;
}
footer > div{
	display: grid;
	grid-gap: 30px;
	grid-template-columns: 1fr 1fr 1fr;
}
/* CONFIGURATION INITIALE END */

footer{
	display: none;
}

.copy{
	background: black;
	text-align: center;
	padding: 50px 5vw;
}

.copy p{
	margin: 0 0 5px 0;
}

.copy *{
	color: white;
}

.formulaire .colonne p strong{
	font-weight: 400;
}


.formulaire{
    display: flex;
    flex-wrap: wrap;
    background-color: black;
	padding: 0 5vw;	
}

.formulaire .colonne_01{
    width: 50%;
    padding: 5vw;
}


.formulaire .colonne_01 *{
	color: white;
}

.formulaire .colonne_02{
    width: 50%;
    padding: 5vw;
}

#gform_submit_button_1{
    background-color: var(--color1);
    color: white;
    padding: 20px 25px;
    font-weight: normal;
    text-transform: uppercase;
    display: inline-block;
    font-size: 70%;
border-radius: 30px !important;	
}

.formulaire textarea,
.formulaire input{
	border-radius: 20px!important;
}

.formulaire .colonne_01 > div{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	padding-top: 50px;

}
.formulaire .colonne_01 > div .colonne{
width: 49%;

}

.formulaire .colonne_01 > div .colonne h4{
	font-weight: 500;
}

.formulaire .colonne_01 h2,
.formulaire .colonne_01 h1{
	font-family: var(--sec-font);		
}

.formulaire .colonne{
font-weight: 400;	
}


@media screen and (max-width:760px){
	section.formulaire .colonne_01 {
        width: 100%;
        padding: 10vw 5vw 5vw 5vw;
	}
	
	section.formulaire .colonne_02{
		width: 100%;
	}
}

@media screen and (max-width:640px){
	header#header .logo a{
		flex-wrap: wrap;
	}
	
	header#header .logo a img:first-child{
		padding-bottom: 20px;
	}
}