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

*/
@media screen and (min-width: 768px) {
#mega-menu-item-text-10{display: none!important;}
#mega-menu-item-text-11{display: none!important;}
#mega-menu-item-text-12{display: none!important;}
#mega-menu-item-text-13{display: none!important;}
}
/* AJOUT A FAIRE*/
.wpgb-hierarchical-list li:nth-child(2){display:none}
.wpgb-reset{background-color:#3E2163!important; }
.wpgb-facet-12 h4.wpgb-facet-title{color:transparent!important;}
.wpgb-hierarchy-label{align-items: end!important; }
.wpgb-hierarchy-label span {opacity: 0.6}
.wpgb-facet-17{background-color:transparent!important;display: flex; align-items: center;}
.wpgb-facet fieldset{margin-bottom: 20px!important;}
.wpgb-facet-17 h4{font-size:1rem!important;margin-right:10px!important;margin-bottom: 0!important}
.wpgb-facet-17 fieldset{margin-bottom: 0!important;}
.wpgb-facet button.wpgb-reset{margin-bottom: 20px!important}

.wpgb-area-top-1{background-color: #F8F9F9; border-radius: 15px;margin-left: 50px!important; margin-bottom: 10px!important}
.wpgb-area-top-1 .wpgb-facet{background-color: transparent!important; margin-bottom: 0!important}
.wpgb-area-top-1 .wpgb-facet h4{margin-top:15px;}

/*.wp-block-embed iframe{
    width: 100%!important;
    max-height: 450px;
}*/
.wp-block-embed__wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}

.wp-block-embed__wrapper  iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

body{
	font-size:1rem;
	line-height: 1.2rem;
	font-family: calibri, sans-serif;
    font-weight: 400;
    font-style: normal;
	color: #525252;
}

a{
	color:inherit;	
    text-decoration: none!important;
}
a:hover{
	color:inherit;
	text-decoration:none!important;	
	cursor: pointer;
}
a:hover{
	outline: none!important;
	text-decoration:none;
	color:inherit
}

img{height: auto;}
.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);
}
/**************************************************************************************************************/
/******************************************************************************           TEXTE               */
/**************************************************************************************************************/

.font-weight-semi-bold{font-weight: 600;}
.font-weight-light{font-weight: 300;}
.josefin{font-family: 'Josefin Sans', sans-serif;}
main p a, main li a{text-decoration: underline;color:#7DAE35!important; font-weight: bold;}
main p a:hover, main li a:hover{text-decoration: underline!important;opacity: 0.8!important;}
aside a{font-weight: 700; color:inherit!important;}
aside a:hover{font-weight: 700;opacity: 0.8!important; /*color:#3E2163!important;*/}
a.no-color, .no-main a{color: inherit!important; font-weight: 400; text-decoration: none;}
a.no-color:hover{text-decoration: none!important;opacity: 1!important;}
.no-main a:hover{ font-weight: 700}
/*.ub-button-container a{text-decoration: none;color:inherit!important; font-weight:inherit}
.ub-button-container a:hover{text-decoration: none!important;opacity: 1!important;color:inherit!important;}*/

h1{font-weight: 700; font-size: 2rem; color:#3E2163;font-family: 'Josefin Sans', sans-serif;}
h2{font-weight: 700; font-size: 1.625rem; color:#3E2163}
h3{font-weight: 700; font-size: 1.25rem; color:#3E2163}
h4{font-weight: 700; font-size: 1rem; color:#3E2163}
h5{font-weight: 700; font-size: 0.938rem; color:#525252; font-style:italic ;}
h6{font-weight: 400; font-size: 0.938rem; color:#C5C5C5}

.size12 { font-size: 0.75rem; line-height: 1rem;}
.size13 { font-size: 0.813rem;  line-height: 1rem;}
.size14 { font-size: 0.875rem;  line-height: 0.8rem;}
.size16 { font-size: 1rem; }
.size18 { font-size: 1.125rem; }
.size20 { font-size: 1.25rem;}
.size22 { font-size: 1.375rem;}
.size24 { font-size: 1.5rem;}
.size30 { font-size: 1.875rem;}
.size36 { font-size: 2.25rem; line-height: 2rem;}
.size50 { font-size: 3.125rem; line-height: 3.2rem;}
.size60 { font-size: 3.75rem; line-height: 3.5rem;}
#carouselExampleIndicators .has-blanc-color h1, #carouselExampleIndicators .has-blanc-color h2, #carouselExampleIndicators .has-blanc-color h3, #carouselExampleIndicators .has-blanc-color h4, #carouselExampleIndicators .has-blanc-color h5, #carouselExampleIndicators .has-blanc-color h6{color: #fff!important}
/**************************************************************************************************************/
/******************************************************************************           COULEURS            */
/**************************************************************************************************************/

.has-noir-color{color:#000000!important;}
.has-blanc-color{color:#ffffff!important;}
.has-violet-color{color:#3E2163!important;}
.has-vert-color{color:#7DAE35!important;}
.has-bleumarine-color{color:#273C58!important;}
.has-bleupetrole-color{color:#4E7F8C!important;}
.has-violine-color{color:#871A57!important;}
.has-bleuciel-color{color:#71B7BF!important;}
.has-moutarde-color{color:#C2A241!important;}
.has-rose-color{color:#C7365C!important;}
.has-saumon-color{color:#CC5965!important;}
.has-grisclair-color{color:#f0f0f0!important;}
.has-grisfonce-color{color: #6E6E6E;}
.has-grisneutre-color{color: #F8F9F9!important}

.has-noir-background-color{background-color:#000000!important;}
.has-blanc-background-color{background-color:#ffffff!important;}
.has-violet-background-color{background-color:#3E2163!important;}
.has-vert-background-color{background-color:#7DAE35!important;}
.has-bleumarine-background-color{background-color:#273C58!important;}
.has-bleupetrole-background-color{background-color:#4E7F8C!important;}
.has-violine-background-color{background-color:#871A57!important;}
.has-bleuciel-background-color{background-color:#71B7BF!important;}
.has-moutarde-background-color{background-color:#C2A241!important;}
.has-rose-background-color{background-color:#C7365C!important;}
.has-saumon-background-color{background-color:#CC5965!important;}
.has-grisclair-background-color{background-color:#f0f0f0!important;}
.has-grisfonce-background-color{background-color: #6E6E6E;}
.has-grisneutre-background-color{background-color: #F8F9F9!important}

.color-event{background-color: rgba(39, 60, 88, 0.06)}

/**************************************************************************************************************/
/******************************************************************************           GUTENBERG           */
/**************************************************************************************************************/
.vert .wp-block-quote { border-left: 15px solid #7DAE35!important; color: #7DAE35!important;}
.cyan .wp-block-quote { border-left: 15px solid #71B7BF!important; color: #71B7BF!important;}
.bleu .wp-block-quote { border-left: 15px solid #4E7F8C!important; color: #4E7F8C!important;}
.violine .wp-block-quote { border-left: 15px solid #871A57!important; color: #871A57!important;}
.rose .wp-block-quote { border-left: 15px solid #CC5965!important; color: #CC5965!important;}
.moutarde .wp-block-quote { border-left: 15px solid #C2A241!important; color: #C2A241!important;}

/*.vert .wp-block-ub-content-toggle-accordion-title-wrap{background-color: #7DAE35!important; }
.cyan .wp-block-ub-content-toggle-accordion-title-wrap{background-color: #71B7BF!important;}
.bleu .wp-block-ub-content-toggle-accordion-title-wrap{background-color: #4E7F8C!important; }
.violine .wp-block-ub-content-toggle-accordion-title-wrap{background-color: #871A57!important; }
.rose .wp-block-ub-content-toggle-accordion-title-wrap{background-color: #CC5965!important; } .vert .wp-block-ub-content-toggle-accordion-title-wrap p{color: #fff!important;}
.moutarde .wp-block-ub-content-toggle-accordion-title-wrap{background-color: #C2A241!important; }*/

.rose table tr:nth-child(odd){background-color: #CC5965!important; color: #fff!important;padding:2px!important}
.rose table tr:nth-child(even){background-color: rgba(204, 89, 101, 0.5)!important;color: #fff!important;padding:2px!important }

.vert table tr:nth-child(odd){background-color: #7DAE35!important; color: #fff!important;padding:2px!important}
.vert table tr:nth-child(even){background-color: rgba(125, 174, 53, 0.5)!important;color: #fff!important;padding:2px!important }

.bleu table tr:nth-child(odd){background-color: #4E7F8C!important; color: #fff!important;padding:2px!important}
.bleu table tr:nth-child(even){background-color: rgba(78, 127, 140, 0.5)!important;color: #fff!important;padding:2px!important }

.cyan table tr:nth-child(odd){background-color: #71B7BF!important; color: #fff!important;padding:2px!important}
.cyan table tr:nth-child(even){background-color: rgba(113, 183, 191, 0.5)!important;color: #fff!important;padding:2px!important }

.violine table tr:nth-child(odd){background-color: #871A57!important; color: #fff!important;padding:2px!important}
.violine table tr:nth-child(even){background-color: rgba(135, 26, 87, 0.5)!important;color: #fff!important;padding:2px!important }

.moutarde table tr:nth-child(odd){background-color: #C2A241!important; color: #fff!important;padding:2px!important}
.moutarde table tr:nth-child(even){background-color: rgba(194, 162, 65, 0.5)!important;color: #fff!important;padding:2px!important }


table td{padding: 5px}

.wp-block-quote { border-left: 15px solid #3E2163; color: #3E2163;}
.wp-block-quote {font-size:1.25rem;font-weight: 700;line-height: 1.75rem}
.wp-block-quote p{ margin-left: 25px;}

.vert .wp-block-pullquote { border: solid 1px #7DAE35!important; background-color: rgba(125, 174, 53, 0.25)!important}
.vert .wp-block-pullquote p{color: #7DAE35!important;}
.cyan .wp-block-pullquote { border: solid 1px #71B7BF!important; background-color:rgba(113, 183, 191, 0.25)!important}
.cyan .wp-block-pullquote p{color: #71B7BF!important;}
.bleu .wp-block-pullquote {border: solid 1px #4E7F8C!important;  background-color: rgba(78, 127, 140, 0.25)!important}
.bleu .wp-block-pullquote p{color: #4E7F8C!important;}
.violine .wp-block-pullquote  {border: solid 1px #871A57!important;background-color:rgba(135, 26, 87, 0.25)!important }
.violine .wp-block-pullquote p{color: #871A57!important;}
.rose .wp-block-pullquote  { border: solid 1px #CC5965!important;background-color:rgba(204, 89, 101, 0.23)!important}
.rose .wp-block-pullquote p { color: #CC5965!important;}
.moutarde .wp-block-pullquote  { border: solid 1px #C2A241!important;background-color:rgba(194, 162, 65, 0.25)!important}
.moutarde .wp-block-pullquote p {color: #C2A241!important;}
.wp-block-pullquote{border: solid 1px #3E2163; background-color: rgba(62, 33, 99, 0.25);padding:15px!important }
.wp-block-pullquote p{color:#3E2163!important; font-size: 16px!important; font-weight: 700; line-height: 1.5rem!important; margin-bottom: 0;}
main li{ list-style: url('images/Icon-plus.svg');line-height: 1.2rem; margin-bottom: 5px;}
/**************************************************************************************************************/
/******************************************************************************           HEADER              */
/**************************************************************************************************************/
#breadcrumbs a{font-size: 0.9rem; text-decoration: none; color:#6E6E6E!important; font-weight: 700; }

#pre-header .row{border-radius: 0 0 20px 20px;}
#searchform input[type=text]{width: 90%; border-radius: 25px 0 0 25px; border: solid 1px #c5c5c5; padding-left: 20px;}
::placeholder { color: #c5c5c5; font-style: italic;}
@media (min-width: 769px) {
#mega-menu-wrap-menu-principal #mega-menu-menu-principal {border: solid 1px #CBCBCB!important; border-radius: 25px 25px 0 0 !important;display: flex!important;justify-content: space-around!important;}
#mega-menu-wrap-menu-principal #mega-menu-menu-principal > li.mega-menu-item > a.mega-menu-link{line-height: 18px!important; text-align: center!important; display: flex !important; flex-direction: column;
    justify-content: center;}
 /*#mega-menu-wrap-menu-principal #mega-menu-menu-principal > li.mega-menu-item {width: 100%!important;}*/
	#mega-menu-wrap-menu-principal #mega-menu-menu-principal > li.mega-menu-item {width: auto!important;}
}
 .colonne-grise-bordure-cyan{background-color: #F8F8F8 !important;  border-right: 2px solid #71B7BF !important;}
 .colonne-grise-bordure-vert{background-color: #F8F8F8 !important;  border-right: 2px solid #7DAE35 !important;}
 .colonne-grise-bordure-bleu{background-color: #F8F8F8 !important;  border-right: 2px solid #4E7F8C !important;}
 .colonne-grise-bordure-violine{background-color: #F8F8F8 !important;  border-right: 2px solid #871A57 !important;}
 .colonne-grise-bordure-rose{background-color: #F8F8F8 !important;  border-right: 2px solid #CC5965 !important;}
 .colonne-grise-bordure-moutarde{background-color: #F8F8F8 !important;  border-right: 2px solid #C2A241 !important;}

#menu-mobile .mega-menu-wrap{width: 100%;}
.mega-current-menu-item a {font-weight: 700!important;}
#mega-menu-menu-principal h4.mega-block-title{font-weight: 700!important;color: #3E2163!important; font-size: 1rem!important; text-align: center!important;}
li.niveau2 > ul.mega-sub-menu > li:first-child{border-radius: 0 0 0 025px!important;}
/**************************************************************************************************************/
/******************************************************************************           PAGINATION          */
/**************************************************************************************************************/


.pagenavi a{color: inherit!important; font-weight: 700}
.pagenavi a:hover{color: #7DAE35!important; }

.pagenavi {
    margin: 0 0 20px 30px;
    padding: 5px 1px 5px;
    float:left;
    width: 98%;
    display: flex;
    justify-content: center;
    align-items: center;
   
}   
.pagenavi a {
    margin: 3px;
    text-decoration: none;
    background-color: inherit;  
}
.pagenavi a:hover { color: #525252;}
.pagenavi span.pages {
    padding: 5px 6px 4px 6px; 
    margin: 3px;
    color: #000000;
    font-weight:bold;
    border: 1px solid #777;
    background-color: inherit;  
}
.pagenavi span.current {
    width: 32px;
   	height: 32px;
   	text-align: center;
   	display: flex;
	justify-content: center; 
	align-items: center;

    border-radius:50%;	background-color: #7DAE35;	color: #fff!important;
}
.pagenavi span.expand {
    padding: 5px 6px 4px 6px; 
    margin: 3px;    
    /*border: 1px solid #bbb;*/
    color: #444;
    background-color: inherit;  
}

.pagenavi .single_page {   
	display: flex;
	justify-content: center; 
	align-items: center; color: inherit!important; 
	font-weight: 700;
	color: #525252; 
	width: 32px;
   	height: 32px;
   	text-align: center;   
}
.next-post{margin-right: 75px!important;}
.prev-post{margin-left: 75px!important;}
/**************************************************************************************************************/
/******************************************************************************           SLIDER              */
/**************************************************************************************************************/
#carouselExampleIndicators .carousel-item {/*min-height: 510px;*/}
.carousel-indicators li { width: 10px; height: 10px; border-radius: 100%;}
.carousel-indicators li.active{background-color:#7DAE35;}
.h-425{height: 425px;}
.h-315{height: 315px;}
.margin-100{margin-top: -100px;}

/**************************************************************************************************************/
/**********************************************************************       ACCES RAPIDES  & BLOCS          */
/**************************************************************************************************************/
#acces-rapide{display: flex; flex-wrap: wrap; justify-content: end;padding-left: 40px;}
#acces-rapide img:hover, #acces-rapide-home img:hover{filter: brightness(10); }
#acces-rapide span:hover, #acces-rapide-home span:hover{background-color: #3E216C;}
#acces-rapide span, #acces-rapide-home span{transition: all 0.5s ease-in-out;background-color: transparent;border-radius: 50%;}
#acces-rapide img{max-width: 40px;transition: all 0.5s ease-in-out;}
.acces-rapide{flex: 33%}
#bloc-renseignement{/*background-image: url('images/picto-renseignements.svg');*/ background-repeat: no-repeat; background-position: top 15px right 15px;}
/*#bloc-outils{background-image: url('images/picto-outils.svg'); background-repeat: no-repeat; background-position: top 15px right 15px;}*/
#bloc-acces{background-image: url('images/picto-acces.svg'); background-repeat: no-repeat; background-position: top 15px right 15px;}
/**************************************************************************************************************/
/******************************************************************************           DIVERS              */
/**************************************************************************************************************/
.bouton-sidebar a{display: block; padding:10px;}
.bouton-sidebar{border: solid 3px #3E2163; text-align: center; border-radius: 20px; font-weight: bold; color:#3E2163; transition: all 0.2s ease}
.bouton-sidebar:hover{border: solid 3px #7DAE35; color:#7DAE35;}
hr.pointilles-violet{ border: none; border-bottom: dotted 5px #3E2163;}
.forme{border-radius: 25px 0 25px 25px;}
.forme2{border-radius: 25px 25px 25px 0;}
.forme3{border-radius: 0px 0px 0px 15px;}
.forme4{border-radius: 0px 25px 25px 25px;}
.forme5{border-radius: 0px 0px 15px 0px;}
.forme6{border-radius: 25px 0px 0px 0px;}
.forme7{border-radius: 0 0 25px 25px;}
.forme-slider{border-radius: 0 0 25px 0;}
.etiquette{ position: absolute; bottom: 0;}
.bloc-deb{border-radius: 25px 0 0 25px;}
.bloc-fin{border-radius: 0 0 25px 0;}
.liste-actu li{list-style-image: url(images/fleche-verte.svg);transition: all 0.2s ease;}
.liste-actu li:hover{margin-left: 8px;}
.filet-gris{border: solid 1px #DEE0E2;}
.list-event .event-single:first-child{display: none;}
.flex1{flex: 1;}
.flex2{flex: 2;}

#bloc-categorie-event li{list-style-image: url(images/fleche-verte.svg);transition: all 0.2s ease;}
#bloc-categorie-event li:hover{margin-left: 8px;}
.titre-resa{ background-color: #F8F9F9; color:#3E2163; padding-left: 20px; padding-top: 10px; padding-bottom: 10px;}

.em-form-required{color: #CC5965; font-weight: 700; }


/**************************************************************************************************************/
/******************************************************************************          BASE DOCUMENTAIRE    */
/**************************************************************************************************************/

.wp-grid-builder .wpgb-sidebar { -ms-flex-preferred-size: 250px!important;flex-basis: 250px!important;}
.trans-180{transform: rotate(180deg);}
.bloc1{border: solid 1px #DEE0E2; border-radius: 0 5px 5px 0;}
.trait-vert{border-right: solid 15px #7DAE35;border-radius: 0 5px 5px 0;}
.wpgb-facet{ background-color:#F8F9F9 ; padding: 15px; border-radius: 15px; margin-bottom: 25px;}
.wpgb-checkbox-label span{color:#871A57!important ; font-weight: bold!important;}
/**************************************************************************************************************/
/******************************************************************************           RESERVATION         */
/**************************************************************************************************************/
 .image-event img{max-width: 100%;}
 .savoir img{ transition: all 0.1s ease-in-out; }
 .savoir:hover img{ margin-left: 5px!important; }

.em-booking-form-details {width: 100%!important;}
.em-booking-form-details input.input, .em-booking-form-details textarea {width: 100%!important;}
.em-booking-form label {display: block!important;  width: 100%!important; float: none!important; font-weight: 700; color:#0C3C7C; font-size:0.875rem; }
.em-form-required {color: #F6A71A!important}
.em-booking-form input[type=submit]{ padding:8px 25px; background-color:#7DAE35; color:#fff; border:none;border-radius: 5px; margin-right: auto; margin-left: auto; width: 50%; display: block; font-weight: 700;}
/**************************************************************************************************************/
/*****************************************************************                                BLOC PHOTO  */
/**************************************************************************************************************/
.bloc-photo{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
/**************************************************************************************************************/
/******************************************************************************           FOOTER              */
/**************************************************************************************************************/
footer{background-color: #f0f0f0;}
.logo-footer{max-width: 180px;}
ul.menu-footer {list-style: none; display: flex; justify-content: center;padding: 0;}
ul.menu-footer  li {margin-left: 15px; margin-right: 15px;}
ul.menu-footer  li a {color:#3E2163!important; font-size: 1rem; font-weight: 500;}
#pre-footer{margin-bottom: -30px;}

#navbarNavFoot ul li{ margin-left: 5px; margin-right: 5px;}
#navbarNavFoot ul li:after{content: '  | '; color:#7DAE35!important; }
#navbarNavFoot ul li:last-child:after{content: '  ';}
