/*
 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.4.13
*/
body.active header#header.sticky{
	z-index: 9999;
}
header#header:not(.menu) .menus > nav li:hover{
	background-color: transparent;
} 
header#header .menus > nav > ul > li > ul.sub-menu{
	left: 0;
}

header#header:not(.menu) .menus > nav ul.sub-menu li:hover{
	background-color: var(--blanc);
	color: var(--color1);
}

header#header:not(.menu) .menus > nav ul.sub-menu li a:hover{
	color: var(--color1);
}

ul.menu > li > ul.sub-menu > li > ul.sub-menu li a{
/*max-width: 260px;*/
	    text-transform: none !important;
	width: 100%;
	border-bottom: 1px solid #d9d9d9;
}
ul.menu > li > ul.sub-menu > li > ul.sub-menu li{
    margin: 0 15px;
}

ul.menu > li > ul.sub-menu > li > a{
	width: 100%;
	    text-transform: none !important;
}

header#header .menus a {
/*    display: inline-block;*/
    white-space: pre-wrap;
}

body header#header:not(.menu) .menus > nav > ul > li.menu-item-has-children:hover > ul{
	display: block;
	position: absolute;
	top:100%;
	left: 0;
	opacity:0;
	-webkit-animation: fadein-bot 0.4s 1 ALTERNATE cubic-bezier(.2,.65,.3,1) forwards;
	-o-animation:      fadein-bot 0.4s 1 ALTERNATE cubic-bezier(.2,.65,.3,1) forwards;
	animation:         fadein-bot 0.4s 1 ALTERNATE cubic-bezier(.2,.65,.3,1) forwards;
	background-color: var(--blanc);
}
body header#header:not(.menu) .menus > nav > ul > li > ul > li.menu-item-has-children:hover ul{
	display: block;
	position: absolute;
	top:100%;
	left: 100%;
	opacity:0;
	-webkit-animation: fadein-bot 0.4s 1 ALTERNATE cubic-bezier(.2,.65,.3,1) forwards;
	-o-animation:      fadein-bot 0.4s 1 ALTERNATE cubic-bezier(.2,.65,.3,1) forwards;
	animation:         fadein-bot 0.4s 1 ALTERNATE cubic-bezier(.2,.65,.3,1) forwards;
	width: 300px;
}
body header#header:not(.menu) .menus > nav > ul > li > ul > li.menu-item-has-children:hover ul li{
	margin: 0;
	padding: 0 15px;
}

ul.menu > li > ul.sub-menu{
	width: min-content;
}

ul.menu > li > ul.sub-menu li{
	position: static!important;
}


ul.menu > li > ul.sub-menu li:hover > ul.sub-menu{
	    top: 0!important;
/*background-color: var(--color4) !important;*/
}

header#header .menus .sub-menu a{
	color: black;
}

ul.menu > li > ul.sub-menu li > ul.sub-menu{
/*	background-color:var(--color4) !important;*/
	width: 45%;
    min-height: -webkit-fill-available;	
}

ul.menu > li > ul.sub-menu > li{
	width: 300px;	 
}
ul.menu > li > ul.sub-menu > li > a{
    border-bottom: 1px solid var(--grismoyen);
    margin: 0 15px;
    width: 90%;
}
ul.menu > li > ul.sub-menu > li:last-of-type > a{
	border-bottom: none;
}
ul.menu > li > ul.sub-menu > li.menu-item-has-children > a::after {
	font-family: 'Dashicons';
    content: '\f345';
}



html {
  scroll-behavior: smooth;
}

.single_icon >  img{
	width: 67px;
}

.stats_footer_fr,
.stats_footer_eng{
	display: none;
}

.single-journal .stats_footer_fr{
	display: block;
}

.postid-277.single-journal .stats_footer_fr{
	display: none;
}

.postid-277 .stats_footer_eng{
	display: block;
}

.logo_eng{
	display: none;
}


.postid-277 .logo_fr{
	display: none;
}

.postid-277 .logo_eng{
	display: block;
}

svg {
    width: 100%;
    position: relative;
    bottom: -6px;
}
video{
	display: block;
}
/* new menu */
header#header{
	display: block;
}
header#header .menus{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}
header#header .menus > nav {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: flex-end;
}
header#header .menus > nav > ul{
	-ms-align-items: center;
	align-items: center;
	margin-top: 0;
}
header#header .menus > .secmenu{
	order:3;
}
header#header .menus > nav {
	order:2;
}
header#header .menus a{
	color:#fff;
	text-transform: uppercase;
}
header#header {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}
body.active header#header.sticky{
	background-color: rgba(0,0,0,0.5);
}
footer{
	display: none;
}

div.copy{
	background-color: black;
	    padding: 25px;
    text-align: center;
}

div.copy * {
	color: white;
}

/* CONFIGURATION INITIALE */

*{
	font-family: var(--main-font);
}
.modele_media .header h1{
	font-size: calc(14px + 4.7vw);
}
h1 {
	font-size: calc(14px + 1.7vw);
	color: var(--color2);
	font-weight: 300;
/*	text-transform: uppercase;*/
	margin-bottom: 20px;
}
h2 {
	font-size: calc(14px + 1.7vw);
    font-weight: normal;
	text-transform: uppercase;	
}
h3 {
	font-size: calc(13px + 1.5vw);
	color: var(--color1);
    font-weight: 600;
}
h4 {
	font-size: calc(10px + 0.6vw);
	color: var(--noir);
	text-transform: uppercase;
    font-weight: 600;
}
h5 {
	font-size: calc(11px + 0.4vw);
	text-transform: uppercase;
	font-weight: 600;
	color:var(--color1);
}
h5 strong {
	color:var(--blanc);
	font-weight: 600;
	display: inline-block;
	padding: 4px 8px;
	background-color: var(--noir);
	margin-bottom: 4px;
}
p, section ul li{
	color: var(--color2);
	font-size: calc(11px + 0.5vw);
}
.rev h1, .rev h2, .rev h3, .rev h4, .rev h5, .rev p, .rev li{
	color:white;
}
header#header{
	padding: 20px;
	z-index: 10;
}
p > a{
	color:#000;
}
hr{
	color:var(--color1);
	margin: 5vh 0;
	border-color:var(--color1);
}
@media screen and (min-width:1920px){
	h1 {
		font-size: 50px;
	}
/*
	.modele_media h1{
		font-size: 95px;
	}
*/
	h2 {
		font-size: 50px;
	}
	h3 {
		font-size: 40px;
	}
	h4 {
		    font-size: 20px;
	}
	h5 {
		    font-size: 20px;
	}

}

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

blockquote p{
	color: var(--color2);
	font-weight: bold;
}
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{
	text-transform: uppercase;
    background: var(--color1);
    border: none;
    border-radius: 25px;
    padding: 10px 25px;
    font-size: 75%;
    color: white;
	margin-bottom: 10px;
}
.gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)){
	text-transform: uppercase!important;
    background: var(--color1)!important;
    border: none!important;
    border-radius: 25px!important;
    padding: 10px 25px!important;
    font-size: 75%!important;
    color: white!important;
}
.b2, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button{
	background-color: #000;
    color: white;
    padding: 20px 25px;
	font-weight: bold;
	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 */
body.active header#header.sticky:not(.menu) .logo img{
	max-width:125px;
	min-width:125px;
}
/* FORMS */

html .gform-theme--framework input[type]:where(:not(.gform-text-input-reset):not([type="hidden"])):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)){
	border:none;
	box-shadow: none;
	font-weight: 600;
	border-bottom:1px solid var(--color1);
}
html .gform-theme--framework input[type]:where(:not(.gform-text-input-reset):not([type="hidden"])):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::placeholder{
	text-transform: uppercase;
}
html .gform-theme--framework textarea:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)){
	border:none;
	box-shadow: none;
	font-weight: 600;
	background-color: #F5F5F5;
	border-top:1px solid var(--color1);
}
main .gform-theme--framework select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):where(:not([multiple])){
	border:1px solid var(--color1);
}
html .gform-theme--framework textarea:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::placeholder{
	text-transform: uppercase!important;
}


.cta{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-align-items: stretch;
	align-items: stretch;
	justify-content: center;
}
.cta .img{
	flex-basis: 50%;
}
.cta .content{
	position: relative;
	flex-basis: 50%;
	padding: 8vh calc(10vw + 40px) 8vh 40px;
}
.cta .content .titre{
	max-width:500px;
}
.cta .content .line{
	position: absolute;
	height: 100%;
	top: 0;
	right: 10vw;
}
.cta .content .ligne{
	position: relative;
	position: absolute;
	left: 0;
	width: 100%;
	height: 1px;
}
.cta .content .text{
	margin-top: 40px;
}
.cta .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}


/*
header#header .sub-menu li a{
	color: black;
}
*/
.pagetop{
	background-color: var(--color2);
	padding-bottom: 150px;
}
.pagecontent{
	max-width: 1500px;
	margin: 0 auto;
	padding: 50px 0;
}

@media screen and (max-width:1450px){

	header#header nav a{
		padding: 10px;
		font-size:85%;
	}
	header#header .logo img, footer .logo img {
		max-width: 250px;
		min-width: 200px;
	}
}

@media screen and (max-width:1200px){
	
	body header#header nav a {
    	padding: 20px 10px;
    	color: var(--color1);
		    font-size: 90%;
	}
	
	header#header .logo.logo_mobile img, footer .logo img {
    	width: 6vw;
    	min-width: 150px;
        padding-top: 0px;	
		padding-left: 0;
	}
	
	body header#header .logo img, footer .logo img{
		width: 6vw;
		 padding-top: 25px;
    	min-width: 150px;
	}
	

	


	ul.menu > li > ul.sub-menu > li > a{
		width: 100%;
		margin: 0;
	}
	
}

@media screen and (min-width:1200px){
	header#header div.logo_mobile{
		display: none;
	}
	
		ul.menu > li > ul.sub-menu > li:last-child{
		border: none;
	}
	
		header#header ul.menu > li > ul.sub-menu > li > a{
		display: flex!important;
		justify-content: space-between;
		-ms-align-items: center;
		align-items: center;
		padding-right: 10px;
		gap: 10px;
	}
}

@media screen and (max-width:1200px){
	body.active header#header.sticky:not(.menu) .logo img {
		max-width: 150px;
		min-width: 150px;
	}
	header#header .ham-icon {
		padding: 0;
	}
	body.active header#header.sticky{
		padding: 10px 20px;
	}
	header#header{
		display: flex;
		justify-content: space-between;	
	    padding: 20px 30px;	
		    z-index: 9999;
	}
	
	.ham-icon > span{
		background-color: white;
	}
	
	header#header .menus a{
		text-transform: capitalize;
	}
}

@media screen and (max-width:960px){
	div.boite_slider {
		height: 100%;
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	
	div.boite_slider .splide__arrows {
		position: absolute;
		bottom: 2.5vw;
		left: 50%;
	}
	
	.titre_bulle{
		display: none;
	}
	
	.form_bg_popup{
		display: none;
	}
	
	.popup > p{
		display: none;
	}
	
	section.cta .content {
		flex-basis: 100%;
	}
	
	section.cta .img {
    	flex-basis: 100%;
	}
}

@media screen and (max-width:760px){
	.single_icon > img {
		width: 50px;
	}
}

@media screen and (max-width:640px){
	    div.info_visuel_stats {
        height: 45vw;
        width: 45vw;
    }
	
	
}

@media screen and (max-width:600px){
		img.form_bg_fleche {
		
		bottom: 0!important;
	}
	
	    div.boite_slider .splide__arrows {
       
			bottom: 5.5vw;
	}
}