/*
Theme Name: Hervé & Mauricio
Theme URI: 
Author: Studio Indégo
Author URI: http://www.studio-indego.fr/
Description: Site vitrine 
Version: 1.0

*/

/*.wpgb-block-6 h3{
	background-color: #F7F7F7!important;
	color:#272119!important;
}*/
.no-map-scroll { position:relative; }

.click-map { width:100%; min-height:480px; position:absolute; top:0; }

body{
	font-size:1rem;
	font-family: "Poppins", sans-serif;
  	font-weight: 500;
    font-style: normal;
	overflow-x:hidden;
	color:#272119;
}

a{
	color:inherit;	
}
a:hover{
	color:inherit;
	text-decoration:none!important;	
	cursor: pointer;
}
a:hover, a:focus{
	outline: none!important;
	text-decoration:none;
	color:inherit
}
main p a{color:#209BD7; font-weight: 700}
main p a:hover{color: rgba(32,155,215,0.7)}
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);
}
.wp-block-separator.has-background:not(.is-style-dots) {height: 5px!important;}
main li{list-style-image: url('images/puce.svg'); margin-bottom: 12px!important}
.bouton-commercial a{background-image: url('images/picto-bouton.svg'); background-repeat: no-repeat; background-position: right 15px top 15px;}
.bouton-telechargement a{background-image: url('images/picto-telechargement.svg'); background-repeat: no-repeat; background-position: right 20px center;}
.wp-block-separator.is-style-dots:before { font-size: 4.5em!important; letter-spacing: 0!important;   padding-left:0!important;}
/**************************************************************************************************************/
/******************************************************************************           TEXTE               */
/**************************************************************************************************************/

h1,.h1{font-size:2.3rem; font-weight:700 }
h2,.h2{font-size: 1.75rem; font-weight: 700 ; color:#239AD7}
h2:after{content: url("images/souligne.svg");display: block; margin-top:-16px}
h3,.h3{font-size: 1.125rem; font-weight: 700}
h4,.h4{font-size: 0.875rem;font-weight: 700}
h5,.h5{font-size: 1rem; color:#AD002E}
h6,.h6{font-size: 0.75rem;font-weight: 700}
.size14{font-size: 0.875rem}
.size22{font-size: 1.375rem}
.size26{font-size: 1.625rem}
.size36{font-size: 2rem}
.fw-300{font-weight: 300}
.no-souligne:after{content: none!important}
/**************************************************************************************************************/
/******************************************************************************           COULEURS            */
/**************************************************************************************************************/
.has-degrade-slide{background-color: rgba(0,0,0,0.5)}
.has-blanc-opacifie{background-color: rgba(255,255,255,0.4)}
.gris{color:#A3A3A3}
.has-gris-pale-background-color{background-color:#F5F5F5}
/**************************************************************************************************************/
/******************************************************************************           SLIDER MARQUE       */
/**************************************************************************************************************/

@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(33.3%);}
	#recipeCarousel .carousel-inner .carousel-item-start.active,#recipeCarousel .carousel-inner .carousel-item-prev {transform: translateX(-33.3%);}
}
#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;  padding: 20px 80px;}
#recipeCarousel .carousel-control-prev-icon {background-image: url('images/fleche1.svg');}
#recipeCarousel .carousel-control-next-icon {background-image: url('images/fleche2.svg');}
#recipeCarousel .carousel-control-next, #recipeCarousel .carousel-control-prev{width: 3%; opacity: 1}

#marque-mobile{background-color: #fff; height:150px; border-radius: 15px; padding: 30px; box-shadow: 5px 5px 10px rgba(0,0,0,0.5)}
#marque-mobile .carousel-control-prev-icon {background-image: url('images/fleche1.svg');}
#marque-mobile .carousel-control-next-icon {background-image: url('images/fleche2.svg');}
/**************************************************************************************************************/
/******************************************************************************           ACCES RAPIDES       */
/**************************************************************************************************************/
#acces-rapide{position: fixed; right: 0; top:28%;z-index: 100}
.acces-rapide{width: 200px;height: 105px;transition: all 0.5s ease;position: relative;right: -150px;height: 52px; margin-bottom: 1px} 
.acces-rapide:hover{right: 0; cursor: pointer;}
.ar-bloc1{background-color: #912c2b;}
.ar-bloc2{flex:1;background-color: #AD002E;}
.picto-ar{width: 52px;}
.picto-ar-mobile{min-width: 75%; max-height: 70px;}
.picto-ar img{max-width: 30px;}
/**************************************************************************************************************/
/******************************************************************************           DROPDOWN            */
/**************************************************************************************************************/
#navbarNav #menu-navigation-principale > li a{text-transform: uppercase; font-size: 1rem; margin-left: 10px; margin-right: 10px;}
#navbarNav #menu-navigation-principale > li{display: flex; align-items: center;}
#navbarNav #menu-navigation-principale > li:after{content: '|'; color:#AD002E; font-weight: 700; }
#navbarNav #menu-navigation-principale > li:last-child:after{content: '  ';}
.dropdown-menu{background-color:#fff ; border-radius: 0;}
.dropdown-menu li a{margin-left: 0!important; margin-right: 0!important}
.dropdown-item:focus, .dropdown-item:hover, .dropdown-item.active {background-color: rgba(0,0,0,0.1);}
/**************************************************************************************************************/
/******************************************************************************           SLIDER              */
/**************************************************************************************************************/
#carouselExampleControls .carousel-item, #carouselExampleControls .carrouse-text{min-height: 500px;}
#carouselExampleControls .carousel-caption{left:0; width: 50%; bottom: 0}
#recherche-home{background-color:#AD002E; border-radius: 5px 5px 0 0 }
#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;}
/**************************************************************************************************************/
/******************************************************************************           DIVERS              */
/**************************************************************************************************************/
header{border-bottom: solid 9px #AD002E;}
.min-h-300{min-height: 200px;}
.logo-mobile{z-index: 100}
.breadcrumb{background-color: #2E2E2D}
#breadcrumbs{font-size: 0.9rem}
#breadcrumbs a{text-decoration: none;}
.breadcrumb_last{color:#209BD7; font-weight: 700}
#recherche-home .wpgb-layout{display: none;}
.trait-haut{top:0; left:0;z-index: 10;}
.trait-bas{bottom:0; left:0!important;z-index: 10 ;}
.trait-bas2{bottom:-20px; left:0!important;z-index: 10 ;}
.wpcf7-spinner{display: none}
@media (min-width: 992px) {.aside-lg{margin-top: 100px;}}
.filet-rouge{opacity: 1; border-color: #AD002E}
.filet-gris{border: solid 1px #707070}
.bouton-mail{background-image: url(images/picto-bouton-mail.svg);background-repeat: no-repeat;background-position: left 10px center;}
.page main .wpcf7-form, .single main .wpcf7-form,  .archive main .wpcf7-form{background-color: #F8F8F8; border:solid 1px rgba(33,29,68, 14%); padding: 25px}
.btn-form{background-color:#AD002E; transition:all 0.5s ease; }
.btn-form:hover{background-color:#83161D }
.border-leger{border-radius: 5px}
.border-15{border-radius: 15px}
.border-0{border-radius: 0!important}
.plan{min-height: 400px;}
.bouton{background-color:#AD002E ; color: #fff; text-align: center; width: 50%; margin-right: auto;margin-left: auto; border-radius: 5px; padding-top:10px; padding-bottom:10px}
.article{min-height: 260px;}
.bottom{bottom:0}
.list-type span:after{ content :" | " ; padding-left: 10px}
.list-type span:last-child:after{ content :"  " }
.border-noire{border-bottom:solid 9px #2E2E2D}
.arrondi-tel{border-radius: 0 0 0 25px}
/**************************************************************************************************************/
/******************************************************************************           PAGINATION          */
/**************************************************************************************************************/
.page-numbers{display: flex;justify-content: center; align-content: center; text-decoration: none!important}
.page-numbers li{width: 32px;height: 32px;list-style:none; color: #1E2B54; font-weight: 900;background-color: #E8E8E8}
.page-numbers .prev, .page-numbers .next{color: #D9000D;	 font-weight: 900; background-color:none!important}
.page-numbers .current{background-color: #D9000D;	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;}

/**************************************************************************************************************/
/*****************************************************************                                GRID BUIDER */
/**************************************************************************************************************/
.wpgb-input, .wpgb-select{background-color: #fff!important;}
.wpgb-button{background-color: rgba(0,0,0,0.5)!important;}
.wpgb-area-bottom-1 {margin-top:50px!important;}
.wpgb-page{border:solid 1px #D9000D!important; }
#recherche-home .wpgb-facet-title{display: none;}
.wpgb-reset{margin-top: 45px!important;}
.wpgb-card-body{display: flex;flex-direction: column; background-color: transparent!important;}
.home .wpgb-card-body{background-color: #fff!important;}

.home .wpgb-main fieldset, .home .wpgb-main button{margin-bottom: 20px!important}
.home .wpgb-facet select.wpgb-select,.home .wpgb-facet .wpgb-search-facet input[type="search"], .wpgb-facet .wpgb-autocomplete-facet input[type="search"]{border-width: 0!important}
.home .wpgb-grid-3 .wpgb-area-top-1 > div {min-width: 66%!important; }
.home .wp-grid-builder .wpgb-area-top-1 > div,.home .wp-grid-builder .wpgb-area-top-2 > div {-ms-flex: 0 0 33%;flex: 0 0 33%!important;max-width: 33%!important;}
.post-type-archive-occasions article.wpgb-card{border:solid 1px #707070;}
/**************************************************************************************************************/
/*****************************************************************                                BLOC PHOTO  */
/**************************************************************************************************************/
.bloc-photo{background-repeat: no-repeat;background-size: cover;background-position: center center;}

/**************************************************************************************************************/
/******************************************************************************           FOOTER              */
/**************************************************************************************************************/
.border-bas{border-bottom: solid 1px #BDBEB6}
footer nav li{list-style: none; text-transform: uppercase; font-size:0.875rem;}
footer a{ text-decoration: none; }

#navbarNavFoot ul li a{ margin-left: 10px; margin-right: 10px;}
#navbarNavFoot ul li:after{content: '|';}
#navbarNavFoot ul li:last-child:after{content: '  ';}
