/*
Theme Name: Thème Deutz Fahr
Author: Studio Indégo
Author URI: http://www.studio-indego.fr/
Description: Site vitrine 
Version: 1.0

*/
.wp-block-image .aligncenter, .wp-block-image .alignleft, .wp-block-image .alignright, .wp-block-image.aligncenter, .wp-block-image.alignleft, .wp-block-image.alignright {
    display: block;
}
.wpgb-button {
    background-color: rgba(0,0,0,0.5)!important;
}
#navbarNav li.no-bordure{border-top:none!important}
a.wp-block-button__link:hover,a.wp-block-button__link:focus {color:#37A137!important;}
body{
	font-size:1rem;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
}
a{
	color:inherit;	
}
a:hover{
	color:inherit!important;
	text-decoration:none!important;	
	cursor: pointer;
}
a:hover, a:focus{
	outline: none!important;
	text-decoration:none;
	color:inherit!important
}

img{height: auto;}
figure.size-full{width: 100%;}
.alignright{text-align: right;}

.wp-block-image img .wp-block-media-text__media img{
    max-width: 100%;
    height: auto;
}
.wp-block-image.alignfull img, .wp-block-image.alignwide img {
    width: 100%;
    height: auto;
}
.wp-block-image img {
	max-width: 100%;
    height: auto;
}
.alignfull {
	margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

hr{border:none; height: 3px; opacity: 0.5}
/**************************************************************************************************************/
/******************************************************************************           TEXTE               */
/**************************************************************************************************************/
h1,.h1{font-size:3rem;font-weight: 700;font-family: 'Barlow', sans-serif; text-transform: uppercase;}
main h1:before{content: url('images/filet-vert.svg');position: absolute; margin-top: -8px; margin-left: -70px;}
main h1:after{content: url('images/filet-vert.svg');position: absolute; margin-top: -8px; margin-left: 20px;}
h2,.h2{font-size:2.25rem;font-weight: 700;font-family: 'Barlow', sans-serif;}
h2:before{content: url('images/filet-vert.svg');position: absolute; margin-top: -8px; margin-left: -70px;}
h2:after{content: url('images/filet-vert.svg');position: absolute; margin-top: -8px; margin-left: 20px;}

h2.no-before:before{content: ''!important;}
h2.no-before:after{content: ''!important;}
h3,.h3{font-size:2rem;font-weight: 700;font-family: 'Barlow', sans-serif;}
h4,.h4{font-size:1.75rem;font-weight: 700;font-family: 'Barlow', sans-serif;}
h5,.h5{font-size:1.5rem;font-weight: 700;font-family: 'Barlow', sans-serif;}
h6,.h6{font-size:1rem;font-weight: 100;}

.thin{font-weight: 100;}
.barlow{font-family: 'Barlow', sans-serif;}

h3.chevron:before{content:url(images/chevron.svg) ;}
/**************************************************************************************************************/
/******************************************************************************           COULEURS            */
/**************************************************************************************************************/

.has-noir-color{color:#000000!important;}
.has-blanc-color{color:#ffffff!important;}
.has-noir-background-color{background-color:#000000!important;}
.has-blanc-background-color{background-color:#ffffff!important;}

/**************************************************************************************************************/
/******************************************************************************           NAVIGATION          */
/**************************************************************************************************************/
#menu-navigation-principale + li {min-height: 45px;}
#navbarNav li a{color:#fff}
#navbarNav li:hover a{color:#37A137!important}
#navbarNav .current-menu-item a{color:#fff;}
#navbarNav .current-menu-item a:hover{color:#fff!important;}
#navbarNav .current-menu-item,#navbarNav .current-menu-parent {border-top: solid 3px #37A137; color:#fff; font-weight: 700;}
#navbarNav .dropdown-menu {background-color:#37A137; color:#fff; padding: 0; margin-top:7px; box-shadow: none; border-radius: 0}
#navbarNav .dropdown-menu .menu-item{margin:0!important; padding:0!important;color:#fff!important;}
#navbarNav .dropdown-menu .menu-item a{margin:0!important; padding:5px 20px!important; color:#fff!important;}
#navbarNav .dropdown-menu .menu-item a:hover{background-color: #35363A; color:#fff!important}

#navbarNavMobile li a{color:#fff}
#navbarNavMobile li a.show{color:#37A137!important}
#navbarNavMobile .dropdown-menu {background-color:#37A137; color:#fff; padding: 0; margin-top:7px; box-shadow: none; border-radius: 0}
#navbarNavMobile .dropdown-menu .menu-item{margin:0!important; padding:0!important;color:#fff!important;}
#navbarNavMobile .dropdown-menu .menu-item a{margin:0!important; padding:5px 20px!important; color:#fff!important;}
#navbarNavMobile .dropdown-menu .menu-item a:hover{background-color: #35363A; color:#fff!important}
#navbarNavMobile .dropdown-menu .menu-item a.active{background-color: #707070!important; color:#fff!important}

.dropdown-item.active, .dropdown-item:active {background-color: #707070!important; color:#fff!important}
/**************************************************************************************************************/
/******************************************************************************           PAGINATION          */
/**************************************************************************************************************/
.page-numbers{display: flex;justify-content: center; align-content: center;}
.page-numbers li{width: 32px;height: 32px;list-style:none; color: #1E2B54; font-weight: 900;}
.page-numbers .prev, .page-numbers .next{border-radius:50%;	color: #91B575;	 font-weight: 900}
.page-numbers .current{border-radius:50%;background-color: #1E2B54;	color: #fff;}
.retour{z-index: 10000;	width: 50px;height: 50px;text-align: center;}
.pagination ul, .pagination li{list-style: none;margin:0;padding: 0;line-height: 2rem;font-weight: 400;text-transform: uppercase; }
.pagination ul{	margin-left: auto;	margin-right: auto; margin-bottom: 30px;}

/**************************************************************************************************************/
/*****************************************************************                                BLOC PHOTO  */
/**************************************************************************************************************/
.bloc-photo{background-repeat: no-repeat;background-size: cover;background-position: center center;}
/**************************************************************************************************************/
/******************************************************************************           SLIDER              */
/**************************************************************************************************************/
.carousel-caption{top:0!important}
#carouselExampleControls .carousel-item{min-height: 450px;}
#carouselExampleControls2 .carousel-item{min-height: 400px;}
#carouselExampleControls2  .carousel-indicators {bottom: -55px;}
.carousel-indicators > button { border-radius: 50%!important; width: 10px!important; height:10px!important;background-color:#BEB1B1!important}
.carousel-caption2 {position: absolute;  bottom: 30px; width: 100%;   }
#carouselExampleControls .carrouse-text{background-color: rgba(0,0,0,0.8); color: #fff; border-left:solid 15px #37A137;text-align: left;}

#indegoCarousel .carousel-inner{border-radius: 15px 15px 0 0;}
#indegoCarousel .carousel-indicators {  position: static; min-height: 150px; margin-right: 0; margin-left: 0;justify-content: start}
#indegoCarousel .carousel-indicators button{ width:100px;}
#indegoCarousel .carousel-indicators button img { display: block; opacity: 0.5;}
#indegoCarousel .carousel-indicators button.active img {opacity: 1;}
#indegoCarousel .carousel-indicators button:hover img {opacity: 0.75; }
#indegoCarousel .carousel-item, #indegoCarousel .carousel-control-next, #indegoCarousel .carousel-control-prev{height: 400px;}
/**************************************************************************************************************/
/******************************************************************************           SLIDER MARQUE       */
/**************************************************************************************************************/
.zone-marque{min-height: 350px;}
@media (max-width: 767px) {
		#recipeCarousel .carousel-inner .carousel-item > div {display: none;}
		#recipeCarousel .carousel-inner .carousel-item > div:first-child {display: block;}
}
#recipeCarousel .carousel-inner .carousel-item.active,.carousel-inner .carousel-item-next,#recipeCarousel .carousel-inner .carousel-item-prev {display: flex;}
	/* medium and up screens */
@media (min-width: 768px) {
	#recipeCarousel .carousel-inner .carousel-item-end.active,#recipeCarousel .carousel-inner .carousel-item-next {transform: translateX(16.6%);}
	#recipeCarousel .carousel-inner .carousel-item-start.active,#recipeCarousel .carousel-inner .carousel-item-prev {transform: translateX(-16.6%);}
}
#recipeCarousel .carousel-inner .carousel-item-end,	#recipeCarousel .carousel-inner .carousel-item-start { transform: translateX(0);}
#recipeCarousel .carousel-item img{max-height: 75px}
#recipeCarousel{background-color: #fff; border-radius: 15px; padding: 30px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1)}
#recipeCarousel .carousel-control-prev-icon { filter: brightness(0) saturate(100%) invert(47%) sepia(89%) saturate(383%) hue-rotate(71deg) brightness(93%) contrast(89%);}
#recipeCarousel .carousel-control-next-icon {filter: brightness(0) saturate(100%) invert(47%) sepia(89%) saturate(383%) hue-rotate(71deg) brightness(93%) contrast(89%);}
#recipeCarousel .carousel-control-next, #recipeCarousel .carousel-control-prev{width: 3%; opacity: 1}
.max-height {max-height: 100%;}

#marque-mobile{background-color: #fff; height:150px; border-radius: 15px; padding: 30px; }
#marque-mobile .carousel-control-prev-icon {background-image: url('images/fleche1.svg');}
#marque-mobile .carousel-control-next-icon {background-image: url('images/fleche2.svg');}
/**************************************************************************************************************/
/*****************************************************************                                DIVERS      */
/**************************************************************************************************************/
.home .wpgb-masonry, .home .wpgb-layout{background-color:#efefef!important;}
.max-300{max-width: 300px; max-height: 125px}
.long-bread{background-image:url('images/rectangle-breadcrumb.svg'); background-size: contain; background-position-x: center;background-position-y: top; background-repeat: no-repeat;}
main{border-top:solid 15px #37A137;}
.flex-pareil{flex: 25%}
.w-85{width: 85%}
.border-leger{border-radius: 5px;}
.picto-header{width: 45px; height: 45px;}
.text-header{height: 45px;}
.bloc-contact{top:0; right:0}
.h-20{height: 20px;}
.filet-vert-d{border-right:solid 4px #37A137; padding-right: 15px}
.filet-vert{opacity: 1; border-color: #37A137; border-top:solid 1px #37A137}
.flou-marques{box-shadow: 0 0 5px rgba(0,0,0,0.2)}
.espace-marques{border-radius:0 0 15px 15px;}
.logo-marque-slider{clip-path: polygon(0 0, 100% 0, 100% 100%, 25% 100%); background-color: #37A137; height: 60px;width: 25%;max-width:400px; position: absolute; right:0; top:0; z-index: 999}
.logo-marque-slider img{max-height: 50px;}
.logo-marque-slider-mobile{clip-path: polygon(0 0, 100% 0, 100% 100%, 25% 100%); background-color: #37A137; height: 60px;width: 100%;max-width:400px; position: absolute; right:0; top:0; z-index: 999}
.fin-slider-mobile{margin-bottom:-1px;clip-path: polygon(0 0, 75% 2%, 100% 100%, 0 100%); background-color: #ffffff; height: 60px;width: 100%;max-width:400px; position: absolute; left:0; bottom:0; z-index: 999}
.fin-slider{margin-bottom:-1px;clip-path: polygon(0 0, 75% 2%, 100% 100%, 0 100%); background-color: #ffffff; height: 60px;width: 25%;max-width:400px; position: absolute; left:0; bottom:0; z-index: 999}
.wpcf7-form{background-color: #F8F8F8; border:solid 1px rgba(33,29,68,0.2); padding:25px; margin-bottom:40px; border-radius:5px }
.bouton-mail{background-image: url(images/picto-bouton-mail.svg);background-repeat: no-repeat;background-position: left 10px center;}
.embed-container { position: relative;  padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: auto; } 
.embed-container iframe,.embed-container object,.embed-container embed { position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

@media (max-width: 768px) {
.w-50{width: 75%!important;}
.h3{font-size:1.2rem!important}
}
.list-type span:after{ content :" | " ; padding-left: 10px}
.list-type span:last-child:after{ content :"  " }
.wpgb-facet-7 h4{color:#fff!important}
.wpgb-area-bottom-1{background-color: #EFEFEF; margin:-2px 0!important;}
/**************************************************************************************************************/
/******************************************************************************           FOOTER              */
/**************************************************************************************************************/
footer nav li{list-style: none; font-size:0.875rem;}
footer nav li a{ text-decoration: none; }
#navbarNavFoot ul li a{ margin-left: 5px; margin-right: 5px; color:#fff}
#navbarNavFoot ul li:after{content: '  | '; color: #fff}
#navbarNavFoot ul li:last-child:after{content: '  ';}
footer li a:hover{color:#fff!important}