/************* REGLAGES SUR TOUTES LES CARTES ***************/

/* TOUS LES ELEMENTS D'UNE CARTE */
#content .wpgb-card [class*="wpgb-block-"]{
white-space:normal !important;
}
#content .wpgb-card [class*="wpgb-block-"] span,
#content .wpgb-card [class*="wpgb-block-"] p,
#content .wpgb-card [class*="wpgb-block-"]{
font-family:"capriola-regular";
}


/*********** CAROUSEL REFERENCES ***************/

/* correction bug rangée "découvrir d'autres ref" */
.wp-grid-builder.references.wpgb-grid-10 .wpgb-carousel>div .wpgb-card{
overflow: hidden;
}

@media(max-width:768px){
#content .wp-grid-builder.references{
padding-bottom: 180px;
}
#content .wp-grid-builder.references .wpgb-card .wpgb-card-inner{
height: 150%;
}
}
#content .wp-grid-builder.references .wpgb-card-9 .wpgb-card-media-content {
border-right: 150px solid rgba(0, 0, 0, 0.5);
border-left: 150px solid rgba(0, 0, 0, 0.5);
}
#content .wp-grid-builder.references .wpgb-prev-button,
#content .wp-grid-builder.references .wpgb-next-button {
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
}
/* #content .wp-grid-builder.references .wpgb-prev-button svg,
#content .wp-grid-builder.references .wpgb-next-button svg {
width: 60%;
} */
#content .wp-grid-builder.references .wpgb-area-left {
left: 80px;
}
#content .wp-grid-builder.references .wpgb-area-right {
right: 80px;
}
@media(min-width:1200px){
.home #content .wp-grid-builder.references .wpgb-card-media-thumbnail div {
border-right: 150px solid transparent;
border-left: 150px solid transparent;
margin: 0 auto;
}
#content .wp-grid-builder.references .wpgb-card-media-thumbnail div:before,
#content .wp-grid-builder.references .wpgb-card-media-thumbnail div:after{
background: inherit;
content:"";
display:block;
width:150px;
height:100%;
position: absolute;
top: 0;
}
.home #content .wp-grid-builder.references .wpgb-card-media-thumbnail div:before,
.home #content .wp-grid-builder.references .wpgb-card-media-thumbnail div:after{
filter: blur(15px);
}
#content .wp-grid-builder.references .wpgb-card-media-thumbnail div:before{
left: -150px;
background-position: bottom right;
background-size: 600%;
/* background:linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.5) 58%, rgba(0, 0, 0, 0) 100%); */
}
#content .wp-grid-builder.references .wpgb-card-media-thumbnail div:after{
right: -150px;
background-position: bottom left;
background-size: 600%;
/* background:linear-gradient(90deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 42%, rgba(0, 0, 0, 1) 100%); */
}
#content .wp-grid-builder.references .wpgb-card-media-thumbnail a{
background: #424146;
height: 100%;
display: block;
}
}
@media(max-width:1500px){
#content .wp-grid-builder.references .wpgb-prev-button,
#content .wp-grid-builder.references .wpgb-next-button{
width: 45px;
height: 45px;
}
}
@media(max-width:1000px){
#content .wp-grid-builder.references .wpgb-prev-button,
#content .wp-grid-builder.references .wpgb-next-button{
width: 35px;
height: 35px;
}
}
@media(max-width:800px){
#content .wp-grid-builder.references .wpgb-card-9 .wpgb-card-media-content {
border:none;
/* border-right: 50px solid rgba(0, 0, 0, 0);
border-left: 50px solid rgba(0, 0, 0, 0); */
}
#content .wp-grid-builder.references .wpgb-card-9 .wpgb-card-media-content .periode{
text-align:center;
padding-top: 40px;
}
#content .wp-grid-builder.references .wpgb-card-9 .wpgb-card-media-content .periode>div{
margin-bottom: -30px;
z-index: 1;
position: relative;
}
#content .wp-grid-builder.references .wpgb-card-9 .wpgb-card-media-content .titre,
#content .wp-grid-builder.references .wpgb-card-9 .wpgb-card-media-content .soustitre,
#content .wp-grid-builder.references .wpgb-card-9 .wpgb-card-media-content .territoire,
#content .wp-grid-builder.references .wpgb-card-9 .wpgb-card-media-content>div>.commanditaires{
width: 90%;
margin-left: auto;
margin-right: auto;
margin-top: 0;
}
#content .wp-grid-builder.references .wpgb-card-9 .wpgb-card-media-content>div>.commanditaires{
background:#e7dc49;
}
#content .wp-grid-builder.references .wpgb-area-left {
left: 10px;
bottom: -80%;
}
#content .wp-grid-builder.references .wpgb-area-right {
right: 10px;
bottom: -80%;
}
}

#content .wp-grid-builder.references .territoire p{
display: inline-block;
background: #e7dc49;
color:#424146;
padding: 8px 17px;
border-radius: 20px;
}


/*********** CARTE CAROUSEL ***************/
#content .wp-grid-builder .wpgb-card-9 .wpgb-card-media-content p.clients_texte {
text-align:left;
}


/*********** CAROUSEL ***************/
@media(min-width:767px){
#content .wp-grid-builder .wpgb-sidebar{
flex-basis:60px;
}
}
@media(max-width:767px){
#content .wp-grid-builder .wpgb-sidebar{
flex-basis:30px;
width: 30px;
flex-grow:0;
}
#content .wp-grid-builder .wpgb-wrapper{
flex-direction:unset;
-ms-flex-direction:unset;
}
}
#content .wp-grid-builder .wpgb-sidebar{
position: relative;
display: grid;
align-items:center;
justify-content: center;
top: 0;
bottom: 0;
}
#content .wp-grid-builder .wpgb-sidebar-left{
margin-right: 10px;
}
#content .wp-grid-builder .wpgb-sidebar-right{
margin-left: 10px;
}
#content .wp-grid-builder .wpgb-prev-button,
#content .wp-grid-builder .wpgb-next-button{
margin: 0 auto;
z-index:9;
}
#content .wp-grid-builder .wpgb-prev-button svg,
#content .wp-grid-builder .wpgb-next-button svg{
stroke-width: 6;
height:110%;
}
#content .wp-grid-builder .wpgb-area-left{
left: 10px;
}
#content .wp-grid-builder .wpgb-area-right{
right: 10px;
}

/* Effets en lien avec le jquery : conditions rétrécissement de fenetre + condition de quantité de CARTEs (> ou < de 10) */
/*
#content .wp-grid-builder .wpgb-prev-button,
#content .wp-grid-builder .wpgb-next-button,
*/
@media(min-width:1200px){
#content .wp-grid-builder .wpgb-prev-button.hide,
#content .wp-grid-builder .wpgb-next-button.hide,
#content .wp-grid-builder .wpgb-prev-button.show.hideafter,
#content .wp-grid-builder .wpgb-next-button.show.hideafter{
display:none;
}
#content .wp-grid-builder .wpgb-prev-button.show,
#content .wp-grid-builder .wpgb-next-button.show,
#content .wp-grid-builder .wpgb-prev-button.showafter,
#content .wp-grid-builder .wpgb-next-button.showafter{
display:block;
}
}


/************* FACETTES ***************/

/* PAS DE MARGES NEGATIVES */
#content .wp-grid-builder .wpgb-area{
margin: 0;
}

/* CENTRER LE BLOC */
#content .wpb_wrapper .facette .wpb_wrapper{
justify-content: center;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#content .wpgb-facet .wpgb-button-facet{
text-align: center;
}
#content .wpgb-facet .wpgb-button-facet .wpgb-inline-list{
display:inline-block;
}
#content .wpgb-facet .wpgb-button-facet .wpgb-inline-list li {
margin: 0 auto;
display:inline-block;
padding: 7px;
}

/* FACETTE TYPE BOUTON */
#content .wpgb-facet .wpgb-button {
border:none ;
background:none;
}
#content .wpgb-facet .wpgb-button,
#content .wpgb-facet .wpgb-button:hover,
#content .wpgb-facet .wpgb-button:focus,
#content .wpgb-facet .wpgb-button[aria-pressed="true"]{
border:none ;
/* background:none ; */
outline:none;
}


/* FACETTE LOAD MORE */

#content .wpgb-facet .wpgb-load-more{
border-radius:20px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
font-family: 'capriola-regular', sans-serif;
padding: 8px 18px 10px 18px;
font-size: 18px;
letter-spacing:1px;
color:rgba(255, 255, 255,1);
margin-top:40px;
background: #000;
font-weight:800;
transition: all 0.4s ease-in-out;
-webkit-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;
}
#content .wpgb-facet .wpgb-load-more:hover{
color:rgba(255, 255, 255, 1);
background:#000;
}