/*
 Theme Name:   Faste Child
 Theme URI:    http://www.faste.ca
 Description:  Faste Child Theme
 Author:       Guillaume Proulx
 Author URI:   http://www.faste.ca
 Template:     faste
 Text Domain:  faste-child
*/

/*
section.gallerie_photo > div > div.colonne-0 > div > div > a:nth-child(7),
section.gallerie_photo > div > div.colonne-0 > div > div > a:nth-child(4){
	    width: 60%;
}

section.gallerie_photo > div > div.colonne-0 > div > div > a:nth-child(8),
section.gallerie_photo > div > div.colonne-0 > div > div > a:nth-child(3){
	width: 40%;
}

section.gallerie_photo > div > div.colonne-0{
	flex-basis: 100%;
}

section.gallerie_photo > div > div.colonne-1{
	display: none;
}
*/
 
section.our_brands_02 > div > header{
	margin-bottom: 50px;
}

.our_brands_02 > div > div.colonne,
.our_brands_01 > div > div.colonne{
	    min-width: auto;
}

section.our_brands_01 > div > div.colonne > div > div > h3{
	font-weight: normal;
}

.our_brands_01 .colonne.dessus > div a.imglink{
	margin-bottom: 0;
}

.our_brands_02 > div.row h2{
	color: white;
}

.our_brands_02 > .row > .colonne.dessus .imglink {
    padding-bottom: 70%;
}

.our_brands_02 > div > div.colonne > div{
	text-align: left!important;
}

.our_brands_02 > div > div.colonne > div > div.content{
	display: none;
}

.intro-section{
	width: 100%;
}

section.gallerie_photo > div > div.colonne-0{
	flex-basis: 100%;
}
section.gallerie_photo > div > div.colonne-1{
	display: none;
}

section.gallerie_photo > div.row > div.colonne-0 > div > div > a{
	width: 20%;
    padding-bottom: 18%;
	margin: 0 10px 0 0;
}

section.gallerie_photo{
	text-align: center;
}
section.enumeration_brands .colonne.dessus > div{
	text-align: inherit;
}
section.titre_brands > div > p{
	width: 100%;
}
section.titre_brands > div{
	width: 100%;
}

.titre_brands .titre_02::after{
	left: 50%;
    transform: translate(-50%, -50%);
	bottom: -12px;
}

.fond_rouge{
	background-color: rgb(229 11 19 / 80%);
}

.flbk000002 > .row > .colonne-1 > div:before{
	z-index: -1;
}

section > div.row >  div.div_center > div ul{
	position: absolute!important;
	transform: translate(-50%,-50%);
	left: 50%;
	top: 50%;
	min-width: 400px;
}

ul.biglist.check li:before{
	    background-image: url(http://staging.seccan.com/wp-content/uploads/2022/05/fleche_list.svg);
}

ul.biglist li {
    position: relative;
    padding-left: 45px;
    list-style: none;
    color: white;
    margin-bottom: 20px;
    font-size: 120%;
}

section.enumeration_brands > .row > .colonne.dessus .imglink {
    padding-bottom: 100%;
}

body > main > section.enumeration_brands.block_627d57e314666-0-0-0.flbk000013 > div > div.colonne{
	min-width: auto;
}

.enumeration_brands header{
	width:100%;
}

/* bug */

.flbk000001 .slide-carrousel{
	position: unset;
}

.our_brands_02{
	background-color: rgb(229 11 19 / 80%);
}

.our_brands_02::after{
	z-index: -1!important;
}

/* menu */

ul > li > a.cart > img{
	width: 20px;
}

ul > li > a.cart{
	margin-right: 5px;
}

/*
#header{
	margin: 20px 0 0 0;
}
*/

li.search > form > input.search-field{
border: 1px solid transparent;
    padding: 9px 15px;
    border-radius: 10px;
}

li.search > form{
	border: 2px solid #a0a0a0;
	border-radius: 10px;

    margin: 0 5px 0 0;
    color: #a0a0a0;
    text-transform: uppercase;
}

li.search > form > input.search_bar{
    height: 20px;
    width: 20px;
    margin-left: 10px;
    vertical-align: middle;
}

li.menu_shop > a::before{
    content: "";
    background-image: url(img/panier.svg);
    display: inline-block;
	vertical-align: bottom;
    height: 20px;
    width: 20px;
    margin: 0 10px 0 0;
    background-repeat: no-repeat;
    background-size: contain;
}



li > a.account::before{
    content: "";
    background-image: url(img/compte.svg);
    display: inline-block;
	vertical-align: bottom;
    height: 20px;
    width: 20px;
    margin: 0 10px 0 0;
    background-repeat: no-repeat;
    background-size: contain;
}


#header > div > div.logo-container.lazyloaded > h1{
	min-width: 400px;
    margin: 14px 0;
}

@media screen and (min-width:1231px){
/*
#menu-menu-footer li{
	margin-bottom: 6px;
	 transition: all 0.3s ease-in-out;
}
*/

#menu-principal > li > a{
	text-transform: uppercase;
    font-weight: 900;
    color: #6C6C6C;
	 transition: all 0.3s ease-in-out;
}



.disposition1 > .row, .disposition2 > .row{
	grid-template-columns: 400px calc(100% - 400px);
}

#menu-principal > li > a:hover::after{
    transition: all 0.3s ease-in-out;
    content: "";
    display: block;
    height: 3px;
    left: 0;
    width: 100%;
    position: absolute;
    background-color: #ec1f27;
}

#menu-principal > li > a{
	position: relative;
}

#header > div > div.logo-container > h1{
	margin: 30px 0;
}

header#header::before{
    content: "";
    height: 25px;
    display: block;
    background-color: #ec1f27;
    width: 100%;
	z-index: 1;
	position: absolute;
	bottom: 0;
    opacity: 0.7;
}

header#header::after{
    content: "";
	background-image: url("img/menu.jpg");
    height: 25px;
    display: block;
    background-color: #ec1f27;
    width: 100%;
}

#header > div{
    max-width: 1850px;
    /* margin: 0 25px; */
    padding: 0 25px;

}

#menu-principal > li > ul {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    left: auto;
    width: 60%;
    right: 0;
	top: 50%;
	background-color: #000000d1;

}
	
.formulaire input#gform_submit_button_1{
	color: black;
}

#menu-principal > li.dropdown {
    position: unset;
}

#menu-principal > li > ul > li{
	flex: 1 0 25%;
}

#menu-principal > li > ul > li > a{
	color: #ec1f27;
	font-weight: bold;
    width: fit-content;	
}
li.dropdown > ul.dropdown-menu > li.dropdown > ul.dropdown-menu{
	width: 100%;
	visibility: unset;
}
header ul.dropdown-menu > li > ul.dropdown-menu{
	position: relative;
	background-color: transparent;	    
}
header ul.dropdown-menu > li > ul.dropdown-menu > li > a{
	color: white;
	font-weight: bold;
    padding: 0px 0px 0px 30px;
	    width: fit-content;	
}
li.dropdown:last-of-type > ul.dropdown-menu > li{
	text-align: left;
}
ul#menu-principal > li > ul{
	    padding-bottom: 30px;
}
header ul.dropdown-menu > li > a{
	font-weight: bold;
	color: #ec1f27;
padding: 30px 15px 0px 15px;
}
	
}

/* menu mobile */

li.dropdown.opened > a{
	background: #414141;
	color: white!important;
	padding: 10px 10px 25px 10px!important;
}

#header nav.mmc.ham.ham-style1.open li.dropdown.opened > ul > li > a{
/*	transition: all 0.3s ease-in-out;*/
    background-color: #ec1f27;
	
    flex-basis: 25%;
}

#header nav.mmc.ham.ham-style1.open > ul{
	background-color:#ec1f27;
	padding: 0;
}



ul.dropdown-menu > li.opened > a{
	background: rgba(0,40,106,1)!important;
}


#header nav.mmc.ham.ham-style1.open li.dropdown.opened > ul > li > a:hover{
background-color: #414141;
	color: white;
}

section.section_service > div > div.colonne-0.texte > div > img{
	    position: absolute;
    bottom: 0;
}

#header nav.mmc.ham.ham-style1.open > ul{
	align-content: baseline;
}

li.opened ul > li.opened{
	height: 100%;
    display: flex;
	
}

#header nav.mmc.ham.ham-style1.open li.dropdown > ul > li.hidden,
#header nav.mmc.ham.ham-style1.open > ul > li.hidden{
	display: none;
}

li.opened > a > span{
	writing-mode: vertical-lr;
 	transform: rotate(180deg);
	flex-basis: 20%;
}

li.opened > ul{
	flex-basis: 88%;
}

#header nav.mmc.ham.ham-style1.open > ul > li.opened{
	height: 100%;
    display: flex;
 	align-content: stretch;
	flex-wrap: nowrap;
	background-color: #ec1f27;
}

#header nav.mmc.ham.ham-style1.open li.dropdown.opened > ul{
	background-color: #ec1f27;
	min-height: 100%;
}

nav.open > ul > li > ul > li > ul{
	padding-top: 40px;
}


li.dropdown.opened > a > span::before{
	content: "";
    background-image: url(img/icon_fleche.png);
    height: 15px;
    width: 15px;
    filter: invert(1);
    display: inline-block;
    margin-bottom: 15px;
    background-size: contain;
    background-repeat: no-repeat;
}


@media screen and (max-width:1100px){
	.disposition1 > .row, .disposition2 > .row{
		display: block;
	}
	
	div.logo-container{
		    width: 60%;
    margin: 0px auto;
	}
	
	div.sec-container{
		text-align: center;
		width: 100%
	}	
	div.main-container{
		text-align: center;
		width: 100%
	}
}

@media screen and (max-width:860px){
		div.logo-container{
		    width: 80%;
	}
}


/* checkout */

div.woocommerce-form-coupon-toggle{
	text-align: center;
}

.woocommerce-info::before{
	position: initial;
}

form.woocommerce-checkout{
	    max-width: 1400px;
    margin: 0 auto;
}

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{
	float: none;
    width: 48%;
    margin: 0 auto;
}

.woocommerce a.button.alt:hover{
background-color: rgba(0,40,106,1);
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
	background-color: #ec1f27;
}

.woocommerce-cart table.cart img{
	width: 125px;
}

.woocommerce table.cart td.actions .input-text{
	width: 110px;
}

form div.coupon button.button {
    background-color: #ec1f27;
    color: white;
}

form div.coupon button.button:hover{
	background-color: rgba(0,40,106,1);
	color: white;
}

/* cart */

.widget_shopping_cart_content img{
/*	width: 25%;*/
}

.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{
	width: 65px;
	float: left;
}

p.woocommerce-mini-cart__total{
	    overflow: hidden;
    border-top: 1px solid;
    margin-top: 15px;
    padding-top: 10px;
}

div.basket-item-count{
	display: none!important;
}

p.woocommerce-mini-cart__total span.amount{
	float: right;

	    color: #ec1f27;
    font-weight: bold;
}

.woocommerce-mini-cart__total strong{
	float: left;

}

ul.dropdown-menu-mini-cart{
	padding: 20px;
	display: none;
	width: 350px;
	background: white;
	position: absolute;
    right: 0;
    z-index: 5;
}

#header > div > div.sec-container > nav > ul.dropdown-menu.dropdown-menu-mini-cart > li > div > ul > li{
	padding: 4px 0;
    margin: 0;
    list-style: none;
}
	
	

ul.dropdown-menu.dropdown-menu-mini-cart > li > div > div.header_minicart{
	border-bottom: 1px solid;
    display: flex;
     flex-direction: row; 
     flex-wrap: nowrap; 
     justify-content: center; 

}

.quote_minicart{
    flex-basis: 50%;
    text-align: left;
    text-transform: uppercase;
    font-weight: bold
}

.close_minicart{
		flex-basis: 50%;
	text-align: right;
	text-transform: uppercase;
	cursor: pointer;
}



.close_minicart::after{
    content: "";
    background-image: url(img/close_cart.png);
    height: 12px;
    width: 12px;
    margin: 0 0px 0 10px;
    padding-left: 4px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat

    
}

.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a{
	display: inline-block;
}

p.woocommerce-mini-cart__buttons a.button {
	display: block;
	text-align: center;
	margin: 10px 0px;
	border-radius: 10px;
}

p.woocommerce-mini-cart__buttons > a:first-child{
	border: 1px solid;
}
p.woocommerce-mini-cart__buttons > a:last-child{
	background-color: #ec1f27;
	color: white;
}

/* index */

/*
*/
/*
.our_brands_02 .slide-carrousel img{
	    max-width: 250px;
    margin: 0 auto;
}
*/

section.our_brands_02 > div > h2{
	color: white;
}

section.titre_blanc .titre_02::after,
section.our_brands_02 .titre_01::after{
	background: white;
}

.our_brands_02 .row .slide-carrousel > a{
	display: block;
    padding-bottom: 100%;
}
.our_brands_02 .row .slide-carrousel > a > img{
position: absolute;
    top: 0;
    filter: grayscale(1);
    left: 50%;
    height: 100%;
    width: 80%;
    object-fit: contain;
    transform: translate(-50%, 0%);
}

#menu-secondaire > li > a{
	border: 2px solid #707070;
    border-radius: 10px;
    color: #707070;
	text-transform: uppercase;
}

.boite_lien{
	text-align: right;
	width: 90%;
}

.slick-dots{
	bottom: -80px;
}

.boite_lien a{
	z-index: 5;
	position: relative;
}

section.carrousel_tool div.wrapper-carrousel::before{
	content: "";
    background: #ec1f27;
	left: 0;
	z-index: 0;
	top: 0;
    position: absolute;
    height: 100%;
    width: 15%;
}

section.carrousel_order div.wrapper-carrousel::before{
	content: "";
	background: rgba(241,241,241,1);
	right: 0;
	z-index: 0;
	top: 0;
    position: absolute;
    height: 100%;
    width: 25%;
}

section.carrousel_tool .content-carrousel-gb > .content-box-carrousel{
	left: 3%;
}
.contact-us main,
body.archive main,
main.modele_frontpage{
	display: flex;
	flex-wrap: wrap;
}

.col_2{
	flex-basis: 50%;
	width: 50%;
}

.slick-dots li.slick-active button:before{
	opacity: 1;
	border-radius: 10px;
}

.slick-dots li button:before{
	background-color: #ec1f27;
	content: "";
	opacity: 0;
	border-radius: 10px;
    height: 10px;
    width: 30px;
}
	
section.col_2_index > div > div.colonne-0 > div{
  display: flex;
  flex-wrap: wrap;
	justify-content: center;
}
	
section.col_2_index > div > header > img{
	    max-width: 500px;
    margin: 100px 0 0 0;
}

section.col_2_index > div > header{
	width: 50%;
    position: absolute;

    text-align: center;

}

section.col_2_index > div > div.colonne-0> div > img{
	max-width: 250px;
/*	flex: 50%;*/
	width: 35%;
	height: auto;
	z-index: 1;
	object-fit: contain;
	margin: 25px 30px;
}
	
section.col_2_index > div > div.colonne-1 > div > img {
    width: 400px;
    position: absolute;
    left: 50%;
    z-index: 0;
    bottom: 0;
    bottom: -40px;
    transform: translate(-50%, 0);
}

.slick-dots li button{
	background-color: white;
	border-radius: 10px;
	height: 10px;
    width: 30px;
}

.slick-dots li{
	margin: 0 10px;
}

.carrousel_order .slick-dots,
.our_brands_02 .slick-dots,
.carrousel_tool .slick-dots{
	display: none;
}

section.enumeration_brands > div.row > div.colonne > div{
	height: auto;
}

@media screen and (max-width:1024px){
	section.section_service  > div > div.colonne-0,
	section.about_us > div > div.colonne-0{
		display: none;
	}
	
	section.section_service > div > div.colonne-1,
	section.about_us > div > div.colonne-1{
		flex-basis: 100%;
	}
	
	.col_2{
		flex-basis: 100%;
	}	
	
	main section.footer_index > div.row > div.colonne-1 > div {
    	padding: 50px 25px 300px;
	}
	
	section.our_brands_01 .slide-carrousel::after,
	section.our_brands_02 .slide-carrousel::after{
	    height: 22vw;	
	    width: 22vw;	
		border-radius: 125px;
	}
	

	
	.block_6064bd564809a-0-0-0 > .row > .colonne-0 > div{
		padding-top: 130px;

	}
	
	section.footer_index > div > div.colonne{
		flex-basis: 100%;
	}
	
	main section.col_2_index > div > div.colonne-0> div > img{
		width: 15%	
	}
	
	section.col_2_index > div > header {
    	width: 100%;
    	position: relative;
    	text-align: center;
		background-color: rgba(241,241,241,1);
	}
	
	main > section.footer_index > div.row > div.colonne-0 > div{
		    padding-top: 50px;
	}
	
	main section.footer_index > div.row > header > img {
    	width: 60vw;
	}
	
}


.our_brands_01 .slide-carrousel::after,
.our_brands_02 .slide-carrousel::after{
content: "";
    height: 11vw;
    display: block;
    position: absolute;
    width: 11vw;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    background: white;
    border-radius: 100px;
    z-index: -1;
}




a.bt_couleur,
a.bt_white{
	    transition: all 0.3s ease-in-out;
}
a.bt_white:hover {
    background: white;
    color: #ec1f27!important;
}
a.bt_couleur:hover {
    background: #ec1f27;
    color: white;
}

.our_brands_01  .slide-carrousel ,
.our_brands_02  .slide-carrousel {
    margin: 20px 0px;
    text-align: center;
    border-radius: 100px;
	position: relative;
	z-index: 0;

}

div.slide-carrousel > a > p{

    text-transform: uppercase;
}

section.our_brands_02 .slide-carrousel ,
section.our_brands_01 .slide-carrousel {
    padding: 0 0px;
}

.carrousel_order div.wrapper-carrousel.lazyloaded > div > div > h2::after,
.carrousel_tool div.wrapper-carrousel.lazyloaded > div > div > h2::after,
.titre_02::after,
.titre_01::after{
content: "";
    height: 3px;
    display: block;
    width: 100px;
    position: relative;
    background: #909090;
    bottom: -5px;
}

.carrousel_order div.wrapper-carrousel.lazyloaded > div > div > h2,
.carrousel_tool div.wrapper-carrousel.lazyloaded > div > div > h2{
	position: relative;
}

.carrousel_order div.wrapper-carrousel.lazyloaded > div > div > h2,
.carrousel_tool div.wrapper-carrousel.lazyloaded > div > div > h2{
	text-transform: uppercase;
}

.carrousel_order .content-carrousel-gb > .content-box-carrousel,
.carrousel_tool .content-carrousel-gb > .content-box-carrousel{
	    background-color: #ec1f27;
		width: 35%;
	margin: 0;
}

@media screen and (max-width:1500px){
	.carrousel_order .content-carrousel-gb > .content-box-carrousel, 
	.carrousel_tool .content-carrousel-gb > .content-box-carrousel{
		width: 50%;
	}
}



.our_brands_01 > .row > h2.titres-de-section,
.our_brands_02 > .row > h2.titres-de-section{
	text-align: left;
}

.our_brands_01 > div.row h2,
.our_brands_02 > div.row h2{
	margin-left: 80px;
}
	
.formulaire_carriere .gf_browser_chrome{
	    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}	
	
.formulaire_carriere input#gform_submit_button_3 {
    background-color: transparent;
    border: 2px solid rgba(236,31,39,1);
}	

 #gform_3 .gform_drop_area,
#gform_3 textarea, #gform_3 input {
    border-radius: 10px;
    border: none;
    background-color: #c3c3c3;
    padding: 10px 5px;
}	
	
.carrousel_order .content-carrousel-db > .content-box-carrousel{
		margin: 0;
		width: 35%;
}

.carrousel_tool h2{
	text-transform: uppercase;
}








@media screen and (max-width:760px){
	.our_brands_02 .row .slide-carrousel > a{
		padding-bottom: 50%;
	}
	
	.titre_02{
		font-size: 175%;
	}
	
	.titre_01 {
		font-size: 250%;
	}
	
	main section.col_2_index > div > div.colonne-0> div > img {
    	width: 25%;
	}
	main section.footer_index > div.row > header > img {
    	width: 75vw;
	}
	

}

@media screen and (max-width:640px){
	section.enumeration_brands > div{
		padding-top: 50px;
	}
	
	section.enumeration_brands.block_627d57e314666-0-0-0.flbk000013 > div.row > div.colonne > div{
		padding: 10px;	
	}
	
	main section.col_2_index > div > div.colonne-0> div > img {
    	width: 35%;
	}
	
	.boite_lien {
		text-align: center;
		width: 100%;
		/* margin-top: 30px; */
		padding-top: 65px;
	}

	main section.carrousel_order .content-carrousel-db > .content-box-carrousel{
		width: 100%;
	}

	.carrousel_order .content-carrousel-db > .content-box-carrousel,
	.carrousel_order .content-carrousel-gb > .content-box-carrousel, 
	.carrousel_tool .content-carrousel-gb > .content-box-carrousel{
	    top: 0;
    bottom: auto;
    width: 100%;
	left: 0!important;
	}
	
	.block_60648aeb0d0c3-0-0-0 .slick-slide,
	.block_606382bc3bdd7-0-0-0 .slick-slide {
    padding-bottom: 160%;
	}
	
	section.carrousel_order div.wrapper-carrousel::before,
	section.carrousel_tool div.wrapper-carrousel::before{
		display: none;
	}
	
	.carrousel_order .img-container img,
	.carrousel_tool .img-container img{
		transform: translate(-50%, -25%);
	}
	
		.titre_02{
		font-size: 150%;
	}
	
	.titre_01 {
		font-size: 200%;
	}
	
}

/* shop */

ul.products{
	width: 100%;
}

ul.product-categories{
	padding: 0 0 1px;
    list-style: none;
}

.product hr{
	color: #ec1f27;
}

.woocommerce ul.products li.product .price{
	font-size: 150%;
	color: black;
}

main{
	position: relative;
}

.woocommerce ul.products{
    margin: 50px 25px 1em
}

.woocommerce ul.products li.product .woocommerce-loop-product__title{
	font-size: 130%;
}

ul > li.product > a.woocommerce-LoopProduct-link > h4{
    margin: 0;
    color: #ec1f27;
    font-size: 150%;	
}

aside h5{
	text-transform: uppercase;
	color: #ec1f27;
	margin: 20px 0;
	font-size: 125%;
}
aside > div.widget > ul,
aside > div.widget_categories  ul{
	background-color: #F8F8F8
}

.boite_shortcode_img a.button{
	transition: all 0.3s ease-in-out;
	    background: white;
    border: 2px solid black;
    border-radius: 10px;
    color: black;
	align-self: center;
}



#main > header > h1{
	display: none;
}

.woocommerce-products-header .colonne-0 img{
    width: 60%;
	    filter: grayscale(1);
}
.woocommerce-products-header .colonne-0 {
	position: relative;
}


.woocommerce-products-header{
	border-bottom: 10px solid #707070; 
}


.woocommerce-products-header .colonne-0 .boite_shortcode_img{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
	background-color: white;
}



.woocommerce-products-header h2{
	text-transform: uppercase;
	color: #ec1f27;
	padding: 20px 20px 0px 20px;
}

.woocommerce-products-header .colonne-0 > div > p{

	padding: 0px 20px 20px 20px;
}


.archive .content-area{

	width: 78%;
	float: right
}

footer{
	clear: both;
}
aside.sidebar{
	width: 20%;
	float: left;
	padding: 15px;
}
a.button.custom-button {
    margin: 0 15px 0 0;
}

.boite_shortcode_img a.button:hover,
body a.custom-button:hover,
body a.add_to_cart_button:hover{
	border: 2px solid #ec1f27;
	background-color: #ec1f27!important;
	color: white!important;
}

body .product .button{
	transition: all 0.3s ease-in-out;
	    margin: 0 5px 0 0;
    background-color: white;
    border: 2px solid black;
    border-radius: 10px;
    text-transform: uppercase;
}

.product p{
	margin: 0;
}


.wp-block-woocommerce-attribute-filter h3::after {
    content: "";
    height: 4px;
    width: 50px;
    position: relative;
    display: block;
    background: #ec1f27;
    top: 5px;
}

/* single product*/

.product-template-default .content-area{
    max-width: 1400px;
    margin: 0 auto;	
}

section.up-sells{
    overflow: hidden;
    width: 100%;	
}

div.entry-summary .titre_sku{
	font-size: 200%;
	color:  #ec1f27;
	margin: 0;
}

.woocommerce div.product div.entry-summary .product_title{
	margin: 0;
}

.woocommerce div.product div.entry-summary p.price{
	font-size: 150%;
    color: black;
    font-weight: bold;
    margin: 0 0 15px 0	
}

div.entry-summary .product_meta{
	display: none;
}

.woocommerce button.button.alt{
	background-color: transparent;
	color: black;
}

div.product div.entry-summary h2{
	display: none;
}

.woocommerce button.button.alt:hover{
	background-color: #ec1f27;
}

.woocommerce div.entry-summary table.shop_attributes th{
	    width: 50px;
	    font-weight: normal;		
}
.woocommerce div.entry-summary table.shop_attributes{
	border-top: 1px solid #ec1f27;
	margin-top: 15px;
	border-bottom: 1px solid #ec1f27;
}

.woocommerce table.shop_attributes tr:nth-child(even) td, 
.woocommerce table.shop_attributes tr:nth-child(even) th{
	background-color: white;
	
}

.woocommerce table.shop_attributes td p{
	padding: 4px 0;
}

.woocommerce table.shop_attributes td{
	border: none;
}

.woocommerce div.entry-summary  table.shop_attributes th{
	padding: 4px 8px
}

div.entry-summary .woocommerce-product-details__short-description{
	display: none;
}

.woocommerce table.shop_attributes t{
	display: none;
}


.woocommerce button.button.alt::before {
    content: "";
    background-image: url(img/icon_shop.svg);
    display: inline-block;
    vertical-align: bottom;
    height: 20px;
    width: 20px;
    margin: 0 10px 0 0;
    background-repeat: no-repeat;
    background-size: contain;
}


/* login */

div.woocommerce form.woocommerce-form-login{
	width: 1000px;
    margin: 50px auto;
}

div.woocommerce h2{
	text-align: center;
}

.woocommerce button.woocommerce-form-login__submit{
	    font-family: "Muli", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #ec1f27;
    font-size: 100%;
    text-align: left;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 120%;
    display: inline;
    background-color: transparent;
    border-radius: 10px 10px 10px 10px;
    margin: 0 30px 0 0;
    padding: 10px 10px 10px 10px;
    border-style: solid;
    border-color: #ec1f27;
    border-width: 2px 2px 2px 2px;
}

.woocommerce button.woocommerce-form-login__submit:hover{
	background-color: #ec1f27;
	color: white;
}

/* about us */

.carrousel_temoignage .row{
	    justify-content: center;
}

.carrousel_temoignage .row h2{
	color: white;
}

.carrousel_temoignage{
	width: 100%;
}

section.carrousel_temoignage > div.row > h2{
	    text-transform: initial;
}

section.carrousel_temoignage > div.row > h2::after{

	-webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

section.section_service .row div.colonne-0 h2,
section.about_us .row div.colonne-0 h2{
    position: absolute!important;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 37%;
    left: 67%;
    width: 45%;
    font-size: 150%;
	text-transform: uppercase;

}
section.section_service .row div.colonne-0 p,
section.about_us .row div.colonne-0 p{
position: absolute!important;
    bottom: 4%;
    right: 15%;
}

.carrousel_temoignage .tem-img{
	display: none;
}

section.about_us > div > div.colonne > div > img{
	position: absolute;
	bottom: 0;
}

.section_service h2.titres-de-section,
.about_us h2.titres-de-section{
	width: 100%;
    text-transform: uppercase;
    text-align: left!important;
    font-weight: 800;
    padding: 0 50px;
    color: #ec1f27;
    margin-top: 40px;
    font-size: 300%;
}

.section_service .colonne,
.about_us .colonne{
	position: relative;
}

/*
.section_date div.cover::after{
    content: "1951";
    position: absolute;
    bottom: -22px;
    margin: 0;
    right: 0;
    font-size: 600%;
    display: inline-block;
    font-weight: bold;
    color: #ec1f27a6;
    padding: 0;
    height: auto;
}
.section_date_02 div.cover::after{
content: "1956";
    position: absolute;
    bottom: -21px;
    margin: 0;
    left: -7px;
    font-size: 600%;
    display: inline-block;
    font-weight: bold;
  color: #ffffffb0;
    padding: 0;
    height: auto;
}
*/

/* footer */

/*Colombie britannique */

#Calque_1{
	transition: all 0.3s ease-in-out;
}

#Calque_1 > .map_CB:hover,
#Calque_1 > .map_edmonton:hover,
#Calque_1 > .map_ontario:hover,
#Calque_1 > .map_quebec:hover{
fill: #ec1f27!important;
	cursor: pointer;
	rx: 14px;
    ry: 14px;
}

#Calque_1 > .map_CB
#Calque_1 > .map_edmonton
#Calque_1 > .map_ontario
#Calque_1 > .map_quebec{
	cursor: pointer;
	rx: 7px;
    ry: 7px;
}

body > footer > div.row{
	display: inline-block;
	width: 100%;
    max-width: 100%;
}

/*
#toggle_0{
	display: none;
}
*/

#gform_submit_button_1{
	    font-family: "Muli", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    font-size: 100%;
    text-align: left;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 120%;
    display: inline;
    background-color: transparent;
    border-radius: 10px 10px 10px 10px;
    margin: 0 0 0 0;
    padding: 10px 10px 10px 10px;
    border-style: solid;
    border-color: #ec1f27;
    border-width: 2px 2px 2px 2px;
}

div.intro_footer{
	text-align: center;
	position: relative;
    z-index: 2;
}

div.intro_footer > h2{
	    margin: 10px 0;
    text-transform: uppercase;
    font-size: 200%;
}

.phone_line{
	margin-top: 10px;
}

.section_location{
	    margin: 0 auto;
    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;
}

.section_location .single_location{
	flex-basis: 20%;
	width: 20%;
	text-align: center;
}

div.section_location > div.single_location> h3{
	font-size: 100%;
    font-weight: normal;
}

div.section_location > div.single_location > h3 > span:nth-child(1){
	    font-weight: bold;
    text-transform: uppercase;
}

div.section_location > div.single_location > h3 > span:nth-child(3){
	color: rgba(236,31,39,1);
}

.line_adresse{
	margin: 0;
}

body > footer{
	position: relative;
	z-index: 1;
}

body > footer::after {
	content: "";
    background-image: url(http://staging.seccan.com/wp-content/uploads/2022/08/cle.png);
    background-size: contain;
    display: block;
    position: absolute;
    bottom: 100%;
    left: 0%;
    top: 0;
    overflow: hidden;
    width: 30vw;
    height: 100%;
    z-index: 1;
    background-repeat: no-repeat;
}

@media screen and (max-width: 1700px){
	main section.section_service .row div.colonne-0 h2, main section.about_us .row div.colonne-0 h2 {
		top: 9%;
		left: 50%;
		width: 60%;
		font-size: 150%;
	}
	
	section.section_service > div > div.colonne-0.texte > div > img {
    	position: absolute;
    	bottom: -8vw
	}

}

@media screen and (max-width: 1420px){
/*
	footer .container {
		padding-left: 0px;
		padding-right: 0px;
	}
*/

}

@media screen and (max-width:1300px){
	body > footer > div.row{
		padding: 0;
	}
	
/*
	section.our_brands_01 > div.row h2, section.our_brands_02 > div.row h2{
		margin-left: 0;
	}
	
	body > footer.footer  > div > div:nth-child(1){
		flex-basis: 40%;
	}
	
	body > footer > div > div.huge-3.large-2.medium-2.small-1.item_menu.item_element_sur_mesure {
		flex-basis: 100%!important;
	}
	
	#menu-menu-footer{
		text-align: center;
	}
	
	footer #menu-menu-footer li{
		width: auto;
		margin: 0px 15px;
	}
	
	body > footer.footer  > div > div:nth-child(2){
		position: relative;
		flex-basis: 60%;
	}
	
	div.item_element_sur_mesure .toggle h2{
		width: 100%;
	}
*/

	.toggle-box {
/*
		position: absolute;
		bottom: -15px;
		left: 50%;
		transform: translate(-50%, 0px);
*/
	}
	
	div.boite_add {
		width: 60%;
		margin: 0 auto;
	}
	
	body > footer > div > div.huge-3.large-2.medium-2.small-1.item_menu.item_element_sur_mesure > div{
		text-align: center;
		min-height: 270px;
		position: relative;
	}
	
	section.footer_index > div.row > div.colonne-1 > div{
		padding: 7vw 3vw;
	}
	
	 section.footer_index > div.row > header > img{
		width: 42vw;
	}
	
	section.our_brands_01 > div.row > div.colonne > div{
		padding: 30px 15px;
	}
	
	section.our_brands_02 > div > div.colonne, 
	section.our_brands_01 > div > div.colonne{
		min-width: 25%;
	}
	
	section.carrousel_order .content-carrousel-db > .content-box-carrousel{
		width: 50%;
	}
}

@media screen and (max-width:1230px){
	#header nav.mmc.ham.ham-style1.open > ul > li > a{
		color: white;
	}
	
	#header nav.mmc.ham.ham-style1.open li.dropdown.opened > ul > li > a{
		color: white;
	}
}

@media screen and (max-width:1200px){
	body > footer > div > div.section_location > div.single_location{
		flex-basis: 33%;
	}
	
	div.section_location{
		justify-content: center;
	}
	
	div.section_location div.single_location{
		margin-top: 20px;
	}
}

@media screen and (max-width:960px){
/*
	footer .item_element_sur_mesure .toggle h2 {
    	width: 47%;
	}
*/
}

@media screen and (max-width:900px){
	main section > div.row > div.div_center > div ul{
		position: relative!important;
	}
	
	section.enumeration_brands > div.row > div.colonne{
		flex-basis: 25.66%;
	}
	
	section.timeline_02 > div{
		flex-direction: column-reverse;
	}
	
	
	section.section_produit > div > div.colonne,
	section.timeline_03 > div > div.colonne,
	section.timeline_02 > div > div.colonne,
	section.timeline_01 > div > div.colonne{
		flex-basis: 100%;
		width: 100%;
	}
	
/*
	body > footer.footer > div > div:nth-child(1),
	body > footer.footer > div > div:nth-child(2){
		flex-basis: 100%;
	}
*/
}

@media screen and (max-width:820px){
/*
	footer .item_element_sur_mesure .toggle h2 {
		text-align: left;
	}
	
	footer #menu-menu-footer li {
    	width: 35%;
		margin: 0px 15px 6px 15px;
	}
*/
}

@media screen and (max-width:766px){
	
		body > footer > div > div.section_location > div.single_location{
			flex-basis: 50%;
		}
	.toggle-box {
		position: relative;
		bottom: auto;
		left: auto;
		transform: none;
	}
	
	div.boite_add{
		    width: 100%;
	}
}

.phoneNumber{
	margin: 0;
}

/*
body > footer > div > div.huge-3.large-2.medium-2.small-1.item_menu.item_element_sur_mesure{
    flex-basis: 26%;
}
*/

/*
body > footer > div > div:nth-child(2){
	 flex-basis: 40%;
}

#menu-menu-footer li{
	    display: inline-block;
    width: 35%;
	text-transform: uppercase;
}

body > footer > div > div:nth-child(2) > h2{
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
	top: 10%;
}

.item_element_sur_mesure .toggle h2{
	    border: 1px solid white;
    border-radius: 7px;
	min-width: 315px;
    font-size: 115%;
    padding: 10px;
    width: 70%;
	position: relative;
}

.item_element_sur_mesure .toggle h2::after{
    content: "";
    background-image: url(img/icon_plus.png);
    display: inline-block;
    height: 13px;
    position: absolute;
    width: 13px;
    top: 14px;
    background-repeat: no-repeat;
    background-size: contain;
    right: 16px;
}

.item_element_sur_mesure .active_map h2::after{
    content: "";
    background-image: url(img/icon_moins.png);
    display: inline-block;
    height: 13px;
    position: absolute;
    width: 13px;
    top: 14px;
    background-repeat: no-repeat;
    background-size: contain;
    right: 16px;
}

footer{
	position: relative;
	border-top: 10px solid #ec1f27;
}

body > footer > div.footer-elements.row.equal.container{
	max-width: 1700px;
}

#gform_1 textarea,
#gform_1 input{
	border-radius: 10px;
	border: none;
	background-color: #c3c3c3;
    padding: 10px 5px;	
}

#gform_submit_button_1{
	font-weight: bold;
    padding: 15px!important;	
	
}

#gform_1 input::placeholder{
	color: white;
}

#gform_1 label{
	color: #ec1f27;
}
*/

/*
footer > .footer-elements > .huge-3:nth-of-type(3){
	//text-align: left;
	
}

.item_contact p{
	margin: 0;
}

input#gform_submit_button_1 {
	color: white;
    background-color: transparent;
    border: 2px solid rgba(236,31,39,1);
}

p.texte_mail{
	margin-top: 15px;
}

div.footer-elements > div.item_contact > h2{
	color: #ec1f27;
	margin: 0;
	font-size: 130%;
}

div.footer-elements > div.item_contact{
	text-transform: uppercase;
}

div.item_contact p:nth-child(2){
	margin-bottom: 15px;
}

.item_element_sur_mesure h2{
	color: #ec1f27;
	text-transform: uppercase;
}

.container_footer{
	max-width: 1700px;
}



div.footer-elements > div:first-child{
	padding: 0 3vw 0 0;
}

div.item_contact {
	padding: 0 3vw;
}


*/

.bande_noir{
	display: none;
	background-color: black;
	color: white;
}

.bande_noir p{
    display: inline-block;
    margin: 15px 5px;
}

.bande_noir{
	text-align: right;
}

@media screen and (max-width:500px){
	body > footer > div > div.section_location > div.single_location{
		flex-basis: 100%;
	}
	
	section.our_brands_02 > div > div.colonne, section.our_brands_01 > div > div.colonne {
    	min-width: 50%!important;
	}
	
		main section.col_2_index > div > div.colonne-0> div > img {
    		width: 30%;
		}
}