/*
Theme Name: AGROTECH
Theme URI: https://agrotech.fr
Author: Studio Indégo
Author URI: http://www.studio-indego.fr/
Description: Site vitrine 
Version: 1.0

*/
:root {
  --color-noir: #000000;
  --color-blanc: #FFFFFF;
  --color-gris-fonce: #272727;
  --color-gris-clair: #F7F7F7;
  --color-vert: #2A652C;
  --color-jaune: #FFDE01;
}

body{
	font-size:1.125rem;
	font-family: 'Roboto', sans-serif;
	color: var(--color-noir);
	overflow-x: hidden;
}
a{color:inherit;}
a:hover{
	color:inherit!important;
	text-decoration:none!important;	
	cursor: pointer;
}
a:hover, a:focus{
	text-decoration:none;
	color:inherit!important
}
a:focus-visible {
  outline: 2px solid var(--color-jaune);
  outline-offset: 3px;
}
img{height: auto;}
figure.size-full{width: 100%;}
.alignright{text-align: right;}


/* Images Gutenberg */
.wp-block-image {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.wp-block-image img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Alignement image centré */
.wp-block-image.aligncenter,
.wp-block-image .aligncenter {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.wp-block-image.aligncenter img,
.wp-block-image .aligncenter img {
  margin-left: auto;
  margin-right: auto;
}

/* Alignement gauche / droite */
.wp-block-image.alignleft {
  float: left;
  margin: 0.5rem 1.5rem 1rem 0;
}

.wp-block-image.alignright {
  float: right;
  margin: 0.5rem 0 1rem 1.5rem;
}

/* Empêcher les flottants de casser la suite */
.wp-block-image::after {
  content: "";
  display: table;
  clear: both;
}

/* Largeur pleine Gutenberg */
.alignwide {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.alignfull {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/* Légendes */
.wp-block-image figcaption {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  text-align: center;
  color: #666;
}

/* Mobile : éviter les images flottantes trop moches */
@media (max-width: 768px) {
  .wp-block-image.alignleft,
  .wp-block-image.alignright {
    float: none;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  .wp-block-image.alignleft img,
  .wp-block-image.alignright img {
    margin-left: auto;
    margin-right: auto;
  }
}
.wp-block-media-text:not(.has-media-on-the-right) .wp-block-media-text__content {
    padding-left: 2rem;
    padding-right: 0;
}

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
    padding-right: 2rem;
    padding-left: 0;
}
.wp-block-separator{height: 4px!important;opacity: 1!important}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
    background: none!important;
    bottom: -40px;    
    color: var(--color-gris-fonce);
}
/**************************************************************************************************************/
/******************************************************************************           TEXTE               */
/**************************************************************************************************************/
.size14{font-size:0.875rem; line-height: 1rem}
.size16{font-size:1rem;line-height: 1.2rem}
.size18{font-size:1.125rem;line-height: 1.2rem}
h1, .h1 {font-size:2.75rem; font-weight: 900;}
h2, .h2 {font-size:2.5rem; font-weight: 900; word-break: normal;overflow-wrap: normal;}
h3, .h3 {font-size:1.75rem; font-weight: 900; word-break: normal; overflow-wrap: normal;}
h4, .h4 {font-size:1.5rem; font-weight: 900;}
h5, .h5 {font-size:1.125rem; font-weight: 700;}
h6, .h6 {font-size:1rem; font-weight: 700; }

/**************************************************************************************************************/
/******************************************************************************           GUTENBERG          */
/**************************************************************************************************************/
.wp-block-quote {
    border-left: 6px solid var(--color-vert);
    font-size:1.25rem;
    font-weight: 700;
    line-height: 1.75rem
}
/**************************************************************************************************************/
/******************************************************************************           DROPDOWN            */
/**************************************************************************************************************/
.dropdown-menu{background-color:#2E2E2D ; color:#fff;border-radius: 0; border-left:solid 4px var(--color-vert);}
.dropdown-menu li a{color:#fff;}
.dropdown-item:focus, .dropdown-item:hover, .dropdown-item.active {background-color: rgba(255,255,255,0.1);color: #fff}

/**************************************************************************************************************/
/******************************************************************************           PAGINATION          */
/**************************************************************************************************************/
.page-numbers a{text-decoration: none;}
.page-numbers{display: flex;justify-content: center; align-content: center;}
.page-numbers li{width: 32px;height: 32px;list-style:none; color: var(--color-vert); font-weight: 900;}
.page-numbers .prev, .page-numbers .next{color: var(--color-vert);	 font-weight: 900}
.page-numbers .current{border-radius:50%;background-color: var(--color-vert);	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              */
/**************************************************************************************************************/
#homeCarousel .carousel-item{min-height: 580px;}
#homeCarousel .carousel-caption{background-color: rgba(39,39,39,0.7); bottom: 110px}


#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;}

.list-type span:after{ content :" | " ; padding-left: 10px}
.list-type span:last-child:after{ content :"  " }
h3.chevron:before{content:url(images/chevron.svg) ;}
.bouton-mail{background-image: url(images/picto-bouton-mail.svg);background-repeat: no-repeat;background-position: left 10px center;}

/**************************************************************************************************************/
/*****************************************************************                                DIVERS      */
/**************************************************************************************************************/
.logo{max-width: 370px; max-height: 130px}
.w-33{width: 33%}
.w-85{width: 85%}
#menu-navigation-principale li a{padding-left:10px;padding-right: 10px;}
.max-75{max-width: 75%;}
.navbar-toggler-icon {filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(9%) hue-rotate(212deg) brightness(104%) contrast(104%);}
.acces-rapide-top{top:0; right: 0; border-radius:0 0 0 25px ;}
.nav-link{color:#fff;}
.nav-link:hover{opacity: 0.9}
#backtotop{position: fixed; bottom: 50px; right: 40px;z-index: 999;}
.fond-header{background-image: url("images/fond-header.jpg"); background-size: cover;background-position: top center; min-height:140px;}
.border-leger{border-radius: 5px;}
.border-bottom-1{border-bottom: solid 1px #ccc;}
.trait-vert-vertical{border-left:solid 6px var(--color-vert);}
.trait-jaune-vertical{border-left:solid 6px var(--color-jaune);}
hr.vert{border:none; border-bottom:solid 4px var(--color-vert); opacity: 1}
.fleche-actualite{position: absolute;right: 25px;bottom: -25px;}
.retrait-20{margin-top: -20px;}
.btn-form{background-color:var(--color-jaune); transition:all 0.5s ease; }
.btn-form:hover{background-color:#E3C813 }
#breadcrumbs{font-size: 0.875rem}
#breadcrumbs a{text-decoration: none;}
/*.breadcrumb_last{color:#E30613; font-weight: 700}*/
.en-tete{min-height:300px;}
.en-tete-actualite{min-height:400px;}
.bloc-activite img{border-radius: 0 20px 0 0 }
.fleche-bulle{position: absolute; top:-18px; right: 0px; max-width: 30px;}
@media only screen and (min-width: 1200px) {
	.bloc-activite{width: 80%}
	.intro-activite{width: 75%; position: absolute; bottom:-18px; right: 0; line-height: 1.2rem; min-height: 145px;}
	.fleche-bulle{top:-38px; max-width: 60px}
}
.wpcf7-spinner{display: block;}
figure.article{min-height: 222px; background-repeat: no-repeat;}
.cat-article{bottom: 0; border-radius:0 20px 0 0; padding-right: 75px; padding-left: 5px; }
.picto-contact a:before{content:url('images/picto-contact.svg'); display: inline-block; margin-right: 4px;}
.picto-home a:before{content:url('images/picto-home.svg'); display: inline-block; margin-right: 4px;}
main form{padding:20px; background-color:#F8F8F8; border:solid 1px #211D4424 ;}
.logo-parternaire{max-width: 300px!important;}
.fleche-droite{position: absolute;left:0}
.fleche-gauche{position: absolute;right:0}
.min-photo{min-height:250px;}
.partenaires{min-height: 165px;}
/**************************************************************************************************************/
/******************************************************************************           FOOTER              */
/**************************************************************************************************************/
footer li{list-style: none}
#navbarNavFoot ul li a{ margin-left: 5px; margin-right: 5px;}
#navbarNavFoot ul li:after{content: '  | '; color: #fff}
#navbarNavFoot ul li:last-child:after{content: '  ';}
footer a{text-decoration: none!important}
@media (min-width: 768px) {.wpgb-facet-6 button{margin-bottom: 0!important; margin-top: 46px!important;}}
#recherche-home .wpgb-layout{ display: none; }
#recherche-home{ position:relative; margin-top:-50px; z-index:10 }