/*
Theme Name: SOUFFLET AGRICULTURE ETRANGER
Theme URI: https://www.soufflet-agriculture.fr
Author: La factory
Author URI: https://www.inbound-factory.fr
Description: Site vitrine 
Version: 1.0

*/
body{font-family: "work-sans", sans-serif;font-weight: 400;font-style: normal;font-size:1.25rem;color:#001B33;overflow-x: hidden;}
a{color:inherit;}
a:hover{color:inherit!important;text-decoration:none!important;	cursor: pointer;}
a:hover{outline: none!important;text-decoration:none;color:inherit!important}

.text-decoration-none a{text-decoration: none;}
img{height: auto;}
.alignright{text-align: right;}
.alignleft{text-align: left;}
.aligncenter{text-align: center;}
.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);}
.wp-block-columns.alignfull {margin-bottom: 0;}
/**************************************************************************************************************/
/******************************************************************************           TEXTE               */
/**************************************************************************************************************/
.extra-small{font-size:0.875rem}
.small{font-size:1rem}
.fw-semi-bold{font-weight: 600}
.kufam{font-family: kufam, sans-serif;font-weight: 400;}
.baseline{font-family: kufam, sans-serif;font-size: 2.25rem}
.chiffre{font-size:2.5rem}@media (min-width: 768px) {.chiffre{font-size:4rem}}
.no-text-transform{text-transform: none;}
.breadcrumb{font-size:1rem!important}
/**************************************************************************************************************/
/******************************************************************************          RECHERCHE            */
/**************************************************************************************************************/
.search-wrapper {max-width: 600px;margin: 20px auto;}
.search-box {position: relative;border-radius: 50px;transition: all 0.3s ease;}
.search-wrapper .search-input {border-radius: 50px;padding-left: 35px;padding-right: 20px;transition: all 0.3s ease;height: 50px;}
.search-wrapper .search-input:focus {border-color: #0d6efd;}
.search-wrapper .search-icon {color: #000;}      
.search-wrapper .search-button {background-color: #EFF7FE;position: absolute;right: 0;top: 0;border-radius: 50px;padding: 13px 18px;transition: all 0.3s ease;border: none;}
.search-wrapper .search-button:hover {background-color: #6AC6E0;  }        
.search strong{font-weight: 700; color:#146782}
.search .search-input {border-radius: 4px;border-width:2px;line-height:20px;height: 40px;    padding: 5px 8px;}
.wpgb-facet .wpgb-facet-title {font-size: 1.125rem!important; margin: 0 0 .5rem 0 !important;}
/**************************************************************************************************************/
/******************************************************************************           BOUTONS             */
/**************************************************************************************************************/
.bouton{font-family: kufam,sans-serif; font-size:1.1rem; font-weight:600;line-height:40px;border-radius:100px; padding: 10px 25px; display: inline-block;}
.bouton-icone{padding: 8px 6px 8px 22px;}
.bouton img{margin-left: 10px; max-width: 34px; max-height: 34px; }
.bouton a{text-decoration: none; color:inherit;}
.bouton span.icone{font-family: dashicons; width: 34px; height: 34px; background-color: #fff; color: #000; border-radius: 50%; margin-left: 10px;display: flex;justify-content: center;align-items: center;}
.bouton span.libelle {margin-bottom: -8px}
.bouton-jaune, a.wp-block-button__link.has-jaune-background-color{background-color:#F9B231; color: #000;transition: all 0.5s ease-in-out!important;}
.bouton-jaune:hover, a:hover.wp-block-button__link.has-jaune-background-color{background-color:#FFCD37!important}
.bouton-bleu-soufflet, a.wp-block-button__link.has-bleu-soufflet-background-color{background-color:#146782; color: #ffffff;transition: all 0.5s ease-in-out!important;}
.bouton-bleu-soufflet:hover, a:hover.wp-block-button__link.has-bleu-soufflet-background-color{background-color:#008DB7!important;color: #ffffff!important;}
.bouton-bleu, a.wp-block-button__link.has-bleu-background-color{background-color:#008DB7; color: #ffffff;transition: all 0.5s ease-in-out!important;}
.bouton-bleu:hover, a:hover.wp-block-button__link.has-bleu-background-color{background-color:#146782!important;color: #ffffff!important;}
.bouton-bleu-fonce, a.wp-block-button__link.has-bleu-fonce-background-color{background-color:#001B33; color: #ffffff;transition: all 0.5s ease-in-out!important;}
.bouton-bleu-fonce:hover, a:hover.wp-block-button__link.has-bleu-fonce-background-color{background-color:#001B33!important;color: #ffffff!important;}
.has-bleu-soufflet-background-color .bouton-bleu-soufflet /* ,.has-bleu-fonce-background-color .bouton-bleu-soufflet*/{box-shadow: 0 0 0 2px #fff;}
.wp-block-button{font-family: kufam, sans-serif;font-size: 1.125rem; font-weight: 600}
.wp-block-button a {padding: 10px 15px 10px 25px;}
.wp-block-button img{max-width: 35px; margin-left: 10px}
/**************************************************************************************************************/
/******************************************************************************           NAVIGATION          */
/**************************************************************************************************************/
#mega-menu-wrap-menu-principal #mega-menu-menu-principal > li.mega-menu-megamenu > ul.mega-sub-menu {top:100px}
.barre-recherche-home input{border-radius: 25px; padding:10px 0 10px 20px}
.barre-recherche-home button{border-radius: 50%}
/*h4.mega-block-title{font-size:1.9rem!important;font-family: kufam, sans-serif!important;font-weight: 700!important; text-transform: uppercase; margin-bottom:20px!important; color:#001B33!important}*/
.custom-html-widget{font-size:1.2rem; color:#146782; line-height: 1.7rem}
#mega-menu-wrap-menu-principal #mega-menu-menu-principal span.mega-menu-badge {padding: 0;margin: 0 ;text-align: left;}
@media only screen and (min-width: 1280px) {
	#mega-menu-wrap-menu-principal #mega-menu-menu-principal li#mega-menu-item-34 {margin-top: -18px;}
	#mega-menu-wrap-menu-principal li.mega-menu-item img.mega-menu-logo {max-height: 60px;}
	#mega-menu-wrap-menu-principal #mega-menu-menu-principal > li.mega-menu-item > a.mega-menu-link {border-radius:25px}   
	#mega-menu-wrap-menu-principal #mega-menu-menu-principal > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-menu-principal #mega-menu-menu-principal > li.mega-menu-item > a.mega-menu-link:focus {border-radius: 25px!important;}
	.mega-menu-grid .mega-sub-menu .mega-menu-link{background-color: #fff!important; border-radius:15px 15px 50px 15px !important; padding:25px 10px 35px 20px!important; background-image:url('images/feuille-jaune.svg')!important; background-position:bottom 10px right 10px !important; background-repeat:no-repeat!important;	}
	#mega-menu-menu-principal{border-radius: 50px!important}
	.regions .colonne1, .regions .colonne2, .regions .colonne3{background-color: #fff!important; padding-top:10px!important}
	.regions .colonne1{border-radius:15px 0 0 15px!important;}
	.regions .colonne3{background-color: #fff!important; border-radius: 0 15px 50px 0!important; background-image:url('images/feuille-jaune.svg')!important; background-position:bottom 10px right 10px !important; background-repeat:no-repeat!important;}
	.regions ul.mega-sub-menu{display: flex!important; flex-wrap: wrap!important; margin-bottom: 45px!important;}
	#mega-menu-menu-principal .regions .mega-menu-link{font-size:1rem!important; background-image:none!important;padding:2px 18px!important; background-color: transparent!important;}
	
}
#mega-menu-wrap-menu-principal #mega-menu-menu-principal li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {padding:5px!important}
#mega-menu-wrap-menu-principal #mega-menu-menu-principal > li.mega-menu-megamenu > ul.mega-sub-menu .mega-description-group .mega-menu-description {margin: 5px 0;font-size: 1rem;font-style: normal;margin-top: -5px;}
#mega-menu-wrap-menu-principal #mega-menu-menu-principal > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-menu-principal #mega-menu-menu-principal > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-menu-principal #mega-menu-menu-principal > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {border-radius:25px!important}
#mega-menu-wrap-menu-principal #mega-menu-menu-principal > li.mega-menu-item > a.mega-menu-link {border-radius:25px!important}
.picto-contact a{ height:45px!important; width:45px!important;padding:0!important; text-align:center!important; }
/**************************************************************************************************************/
/*****************************************************************                                BLOC PHOTO  */
/**************************************************************************************************************/
.bloc-photo{background-repeat: no-repeat;background-size: cover;background-position: center center;}
.entete-page{min-height: 500px}
/**************************************************************************************************************/
/*****************************************************************                                DIVERS      */
/**************************************************************************************************************/
header{background-color:#146782 }
.home header{background-image: url('images/photo-home');background-repeat: no-repeat;background-size: cover;background-position: center center;min-height: 600px}
.hauteur-ecran{min-height: 100vh}
.entete-page{padding-bottom:75px}
.border-5{border-radius: 5px}
.border-40{border-radius: 40px}
.border-20{border-radius: 20px}
.breadcrumb, .breadcrumb-item.active, .breadcrumb-item.active:before, .breadcrumb-item+.breadcrumb-item:before {font-size: 1rem; color:#fff!important; text-decoration:none!important;}
.breadcrumb a{text-decoration: none!important;}
.breadcrumb-item.active{ font-size: 0.8rem; opacity: 0.70; line-height: 1.7rem;}
.filet-blanc{border-bottom: solid 1px #ffffff}
.bulles{background-image: url('images/bulles.svg'); background-repeat: no-repeat;background-position: right center;}
.bigs{background-image: url('images/bigS.svg'); background-repeat: no-repeat;background-position: left center;}
.mappemonde{background-repeat: no-repeat;background-position: right top ;background-size: contain;}
.chiffres{background-image: url('images/zig.svg') ; background-repeat: no-repeat;background-position: left top ;background-size: contain;}
#fond-feuille{background-image: url('images/fond-feuille.svg') ; background-repeat: no-repeat;background-position: center center ;background-size: contain;}
/*.card{border-radius: 40px; }*/
.card img{border-radius: 30px;}
.card img.bas-droit{border-radius: 40px 40px 0 0!important;}
.legende{position: relative; margin-top: -12px; display: block;}
.card .fleche{transition: all 0.3s ease-in-out!important; right: 0px!important}
.card:hover .fleche{right: -10px}
#homeCarouselProducts {padding-top:75px;}
#homeCarouselProducts .carousel-item{padding-left: 25px; padding-right: 25px;}
#homeCarouselProducts .bouton-carousel{position: absolute; top:0; right: 30px; background-color: #fff; width: 100px; height: 50px; border-radius: 50px}
#homeCarouselProducts .carousel-control-next {right: 15px;}
#homeCarouselProducts .carousel-control-prev {left: 15px;}
#homeCarouselProducts .carousel-control-prev-icon, #homeCarouselProducts .carousel-control-next-icon {width: 15px; height: 15px}
.carousel-control-next-icon {background-image: url('images/fleche-carrousel-next.svg');}
.carousel-control-prev-icon {background-image: url('images/fleche-carrousel-next.svg'); transform: rotate(180deg);}
.ombre-bloc{box-shadow: 0px 3px 65px rgba(18,104,129, 0.30) }
.wpgb-card-inner a{text-decoration: none;}
.wpgb-facet[data-facet="2"] {display: flex;align-items: center;gap: 10px;}
.wpgb-facet[data-facet="2"] .wpgb-hierarchical-list{display: flex;align-items: center;gap: 10px; }
.wpgb-facet[data-facet="2"] .wpgb-hierarchical-list li {margin-top:0!important}
.wpgb-facet[data-facet="2"]  h4 {margin-bottom:0!important; font-size: 1rem;font-weight: 600;padding-top: 3px; margin-right: 10px;}
.wpgb-facet[data-facet="2"]  fieldset {margin-bottom:0!important}
.wpgb-facet-2{align-items: start!important; margin-top: 32px!important;margin-left: 25px!important;}
@media (max-width: 767px) {.wpgb-card-media { min-height: 250px; }}
/**************************************************************************************************************/
/*****************************************************************                                BLOCKS      */
/**************************************************************************************************************/
#bloc-carrousel .carousel-item{min-height:75vh;}
#bloc-carrousel .bouton-carousel{position: absolute; bottom:25px;  left: 50%; transform: translate(-50%, 0%); background-color: #fff; width: 100px; height: 50px; border-radius: 50px}
#bloc-carrousel .carousel-control-next {right: 20px;}
#bloc-carrousel .carousel-control-prev {left: 20px;}
#bloc-carrousel .carousel-control-prev-icon, #bloc-carrousel .carousel-control-next-icon {width: 15px; height: 15px}
.retrait-top{top:-50px}
/**************************************************************************************************************/
/******************************************************************************           FOOTER              */
/**************************************************************************************************************/
.rs{min-width: 26px;}
.rs img{min-width: 15px; max-height: 15px}