/*
 Theme Name:   Theme Play2Events
 Theme URI:    http://elegantthemes.com
 Description:  Divi child theme
 Author:       Play2Events
 Author URI:   http://play2events.com
 Template:     Divi
 Version:      0.1
 Tags: two-columns, three-columns, one-column, right-sidebar, left-sidebar, fluid-layout, responsive-layout, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, featured-images, theme-options, light, white, dark, black, blue, brown, gray, green, orange, pink, purple, red, silver, tan, yellow
*/

/* Général */
body,
#page-container {
	width: 100vw !important;
	max-width: 100vw !important;
	overflow-x: hidden !important;
}

/* Ombre perso */
.ombreperso {
	-moz-box-shadow: 0px 0px 16px 0px #cfcfcf;
	-webkit-box-shadow: 0px 0px 16px 0px #cfcfcf;
	-o-box-shadow: 0px 0px 16px 0px #cfcfcf;
	box-shadow: 0px 0px 16px 0px #cfcfcf;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=NaN, Strength=16);
}

/* Ronds des pôles */
PREzone {
    width: 100%;
    display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	align-content: stretch;
	position: relative;
}
.PRErond {
    display: block;
    width: 130px !important;
    height: 130px !important;
    margin: 25px auto;
    border-radius: 50%;
    padding: 28px;
    margin: 10px;
    overflow: hidden;
}
.Crond1 {
    background-color: #c6b48c;
}
.Crond2 {
    background-color: #773c96;
}
.Crond3 {
    background-color: #b6a378;
}
.Crond4 {
    background-color: #60139f;
}
.PRErondINT {
    position: relative;
    height: 100%;
    display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
	align-content: stretch;
}
.PRErondINT img {
    width: 80px;
    height: 80px;
}
.PRErondINT, .h4 {
    color: #ffffff !important;
    text-align: center;
}

/* Marges Blog d'articles */
.Mblog article {
	margin: 20px 20px 40px 0px !important;
}

/* Cacher si pas de lien */
.lienAventure {
	opacity: 0.25;
}
.lienAventure.et_clickable {
	opacity: 1 !important;
}

/* Afficher ou masquer la vidéo d'une Aventure */
.Non {
	display: none !important;
}

/* Hauteur Miniature Aventure */
/*.Haventure Article {
	height: 410px;
}*/

/* Cacher bordure Miniature Divi Blog Extra */
.et_pb_post_extra.el_dbe_block_extended {
	border: 0px !important;
}

/* Cacher icone reCAPTCHA */
.grecaptcha-badge {
	display: none;
}

/* Taille Croix fermeture PopUp */
#et-boc .area-outer-wrap .da-close {
	font-size: 32px !important;
}


																		/* MISE EN PAGE GENERALE */

/* Polices des contenus des auteurs */
.et_pb_post_content h1,
.et_pb_post_content h2,
.et_pb_post_content h3,
.et_pb_post_content h4,
.et_pb_post_content h5,
.et_pb_post_content h6 {
	margin-top: 1.2em !important;
	padding-bottom: 0.8em !important;
}

/* Eléments Guttenberg */
.et_pb_post_content figure {
	margin-top: 50px !important;
	margin-bottom: 50px !important;
}


                                                                   /* LIVE */

/* Couleurs du titre du Direct */
.Live .Blanc {
	color: #ffffff;
}

.Live .Noir {
	color: #000000;
}

.Live .Or {
	color: #c39b7c;
}



                                                                   /* COMMUN - CONTACT */

/* Apparence message de validation / erreur */
.wpcf7-response-output {
	visibility: hidden;
	opacity: 0;
	position: fixed !important;
	top: calc(40vh - 110px);
	left: calc(50vw - 250px);
	height: 220px;
	width: 500px !important;
	margin: 0 !important;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	box-shadow: 0px 0px 15px -3px rgba(0,0,0,0.3);
	background-color: #fff !important;
	max-width: 90vw;
	padding-top: 70px !important;
	background-size: 60px !important;
	background-position: 50% 30px !important;
	background-repeat: no-repeat !important;
	-o-transition: all 0.8s;
	transition: all 0.8s;
}
@media (max-width:500px) {
	.wpcf7-response-output {
		left: 5vw !important;
	}
}

/* Bouton "Fermer" */
.wpcf7-response-output::before {
	position: absolute;
	top: -12px;
	right: -7px;
	font-size: 22px;
	font-weight: 600;
	width: 35px;
	height: 30px;
	padding-bottom: 5px;
	content: 'x';
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	border-radius: 50px;
	box-shadow: 0px 0px 15px -3px rgba(0,0,0,0.2);
	-o-transition: all 0.8s;
	transition: all 0.8s;
}

/* Afficher le Message d'erreur (Couplé avec code JavaScript) */
.wpcf7-validation-errors {
	visibility: visible;
	opacity: 1;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

/* Affichage Message de validation */
.wpcf7-mail-sent-ok {
	visibility: visible;
	opacity: 1;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

/* Picto Message de validation */
.wpcf7-mail-sent-ok {
	background: top / contain, url("/wp-content/uploads/sites/4/2024/11/succes2.svg");
	-o-transition: all 0.8s;
	transition: all 0.8s;
}

/* Picto Message d'erreur */
.wpcf7-validation-errors {
	background: top / contain, url("/wp-content/uploads/sites/4/2024/11/error2.svg");
	-o-transition: all 0.8s;
	transition: all 0.8s;
}



                                                                   /* COMMUN - DIAPO PHOTO DIVI */

/* Bouton Fermer le diapo */
.mfp-gallery .mfp-close {
	position: fixed !important;
	opacity: 1;
	width: 40px;
	height: 40px;
	top: 30px !important;
	right: 30px !important;
	padding: 0;
	text-align: center;
	font-size: 40px;
	line-height: 1em;
	font-weight: 500;
	border: none !important;
	border-radius: 50%;
	cursor: pointer !important;
}
.mfp-gallery .mfp-close:hover {
	color: #000 !important;
	transition: all 0.5s;
}

/* Cacher le titre */
.mfp-gallery .mfp-title {
	display: none;
}

/* Cacher le compteur */
.mfp-gallery .mfp-counter {
	display: none;
}

/* Taille des images */
.mfp-figure img {
	max-height: 75vh !important;
}

/* Boutons Précédent - Suivant */
.mfp-arrow {
	background-color: #fff !important;
	opacity: 1;
	border-radius: 30px;
	margin: 10px;
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3) !important;
}
.mfp-wrap .mfp-container button:hover {
	background-color: rgba(255, 255, 255, 0.8) !important;
	opacity: 1 !important;
	transition: all 0.5s;
}

.mfp-arrow-left::after, .mfp-arrow-right::after {
	color: #007a9e;
	font-size: 40px !important;
}

/* Curseur normal */
.mfp-zoom-out-cur {
	cursor: default !important;
}



                                                                   /* SITE GITE PERES */

/* Menu */

#MenuAccueil .et_pb_sticky--top,
#MenuGeneral .menu-ombre {
	box-shadow: 0px 10px 9px -8px rgba(0,0,0,0.1);
}

/* MENU - Disposition - Desktop */

#menu-site-giteperes,
#menu-site-giteperes .et_pb_menu_inner_container {
	height: 100%;
}

#menu-site-giteperes .et_pb_menu__menu,
#menu-site-giteperes .et-menu-nav {
	width: 100%;
}

#menu-gite-peres,
#menu-gite-peres-accueil {
	width: 100%;
	margin: 0px;
}

#menu-gite-peres li,
#menu-gite-peres-accueil li {
	padding-left: 0;
	padding-right: 0;
	width: 33.33%;
	text-align: center;
	display: flex !important;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center !important;
	margin: 0 !important;
	height: 100%;
}


/* MENU - Disposition - Tablette */

#MenuAccueil-Boutons,
#MenuGeneral-Boutons {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
}

@media (max-width:980px) {
.et_pb_menu .et_pb_menu__menu {
    display: block !important;
  }
.et_pb_menu .et_mobile_nav_menu {
    display: none !important;
  }

#MenuGeneral-Boutons .hauteur-max,
#MenuAccueil-Boutons .hauteur-max {
	height: 100% !important;
}

#menu-site-giteperes .et_pb_menu__wrap,
#menu-site-giteperes .et-menu-nav {
	height: 100% !important;
}
}


/* MENU - Disposition - Mobile */

@media (max-width:767px) {
#menu-site-giteperes .menu-item-3442 {
	display: none !important;
}
#menu-gite-peres li,
#menu-gite-peres-accueil li {
width: 50%;
}

}

/* Design bouton - Desktop */
#menu-site-giteperes a {
	padding-bottom: 0px;
	font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif;
	font-weight: 700;
	font-size: 20px;
	color: #2e3b3b !important;
	letter-spacing: 1px;
	line-height: 1.3em;
	text-align: center;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	text-align: left;
}
.icone-doree {
	font-size: 30px;
	color: #d0a064;
	margin-right: 15px;
}

#menu-site-giteperes #menu-item-3442 a {
	color: #d0a064 !important;
	text-decoration: underline;
	border-left-width: 1px;
	font-variant: small-caps;
	font-size: 22px;
	border-left-color: #dddddd;
	box-shadow: inset 0px 0px 18px 0px rgba(0,0,0,0.1);
}


/* Design bouton PAGE COURANTE - Desktop */
#menu-site-giteperes .current_page_item {
	background-color: #304443;
}
#menu-site-giteperes .current_page_item a,
#menu-site-giteperes #menu-item-3442.current_page_item a {
	color: #fff !important;
	text-decoration: none !important;
	box-shadow: none !important;
	border: none !important;
}
#MenuGeneral .current_page_item a:active {
	opacity: 1 !important;
	cursor: default !important;
	transition: none !important;
	pointer-events: none !important;
}



/* Design bouton - Tablette */
@media (max-width:980px) {
#menu-site-giteperes a {
	font-size: 15px;
	line-height: 1em;
}
.icone-doree {
	font-size: 22px;
	margin-right: 11px;
}
}

/* Design bouton - Mobile */
@media (max-width:767px) {
#menu-site-giteperes p {
	width: min-content;
}
}


/* Menu Accueil */
#MenuAccueil {
	padding-top: calc(90vh - 110px);
}

/* Boutons sélection mode affichage Gite / Chambres d'Hôtes */
/*#Btn-Gite,
#MenuAccueil #menu-item-3916 {
	cursor: default;
	pointer-events: none;
	text-decoration: none;
}
#Btn-Gite.no_active_menu,
#MenuAccueil #menu-item-3916.no_active_menu a {
	background-color: #fff !important;
}
#MenuAccueil #menu-item-3916.no_active_menu {
	cursor:  pointer;
	pointer-events: auto;
}
#Btn-Gite.no_active_menu .et_pb_module_header,
#MenuAccueil #menu-item-3916.no_active_menu a {
	color: #2e3b3b !important;
}

#Btn-ChHotes,
#MenuAccueil #menu-item-3917.current_page_item a {
	background-color: #fff !important;
	color: #2e3b3b !important;
}
#MenuAccueil #menu-item-3917.current_page_item {
	cursor:  pointer;
}
#Btn-ChHotes.active_menu,
#MenuAccueil #menu-item-3917.active_menu a {
	background-color: #304443 !important;
	color: #fff !important;
}
#MenuAccueil #menu-item-3917.active_menu {
	cursor: default;
	pointer-events: none;
	text-decoration: none;
}*/

/* Basculement des Infos entre Gite et Chambres d'Hôte */
/*#Zone-Chiffres.mode_change .InfoGite,
#Zone-Composition.mode_change .InfoGite,
#Zone-Reserver-Mobile.mode_change .InfoGite,
#Zone-Services.mode_change .InfoGite {
	visibility: hidden;
	opacity: 0;
	display: none;
}
#Zone-Chiffres .InfoChHotes,
#Zone-Composition .InfoChHotes,
#Zone-Reserver-Mobile .InfoChHotes,
#Zone-Services .InfoChHotes {
	visibility: hidden;
	opacity: 0;
	display: none;
}
#Zone-Chiffres.mode_change .InfoChHotes,
#Zone-Composition.mode_change .InfoChHotes,
#Zone-Reserver-Mobile.mode_change .InfoChHotes {
	visibility: visible !important;
	opacity: 1 !important;
	display: block;
}
#Zone-Services.mode_change .InfoChHotes {
	visibility: visible !important;
	opacity: 1 !important;
	display: flex;
}*/

/* Accueil - Position Zone Réserver */
#zone-reserver {
	right: calc(25vw - 400px) !important;
}

/* Mise en page - Variantes Ecrans Ordinateur */
@media(max-width:1399px) {
	#zone-reserver {
		display: none !important;
}
}

@media(min-width:1400px) {
	#zone-Compositionchambres,
	#zone-Services,
	#zone-Services2,
	#zone-Commentaires {
		margin-left: 0px !important;
		margin-right: auto !important;
		width: 75%;
	}
	#zone-services-detail {
		margin-left: 0px !important;
	}
}

/* PHOTOS - Design Bouton de fermeture Popup */

div#photos ~ span.da-close-wrap .da-close {
	left: 20px;
	top: 10px;
	font-size: 0 !important;
	border-radius: 50px;
}
div#photos ~ span.da-close-wrap .da-close::before {
	content: '<';
	font-size: 20px;
	color: #000;
}

/* Calendrier */
.simcal-calendar {
	max-width: 250px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
.simcal-align-right {
	display: none;
}
.simcal-week-day {
	height: 40px;
}
.simcal-calendar-grid {
	border: none !important;
}
.simcal-default-calendar-grid .simcal-no-events {
	display: none !important;
}
.simcal-default-calendar-grid .simcal-events-dots {
	min-height: 0px !important;
	height: 15px !important;
	display: none !important;
}
.simcal-day div {
	border: none !important;
}
.simcal-day-number {
	background: #fff !important;
	color: #717171;
	font-weight: 600;
}
.simcal-present .simcal-day-number {
	background: #304443 !important;
	border-radius: 30px;
}
.simcal-day-has-events .simcal-day-number {
	background: #fff !important;
	color: #b0b0b0 !important;
	text-decoration: line-through !important;
	font-weight: 400 !important;
}
.simcal-default-calendar-grid.simcal-default-calendar-light .simcal-day {
	cursor: default;
	pointer-events: none;        
	text-decoration: none;
}
.simcal-default-calendar-grid.simcal-default-calendar-light .simcal-day:hover {
	background-color: transparent !important;
}
.simcal-day-void {
	background-color: #fff !important;
}


/* Affichage des Services */
.ServicesPerso {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	align-content: stretch;
}

/* Formulaires de contact */
.form-champs-courts {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}
.form-champ-court {
	width: 48.5%;
	margin-bottom: 30px;
}
@media (max-width:767px) {
	.form-champ-court {
		width: 100%;
	}
}
/* Espace entre les éléments */
.form-space {
	margin-bottom: 30px;
}

/* Bouton Envoyer */
.form-bouton {
	margin-top: 60px;
}
.wpcf7-spinner {
	position: absolute;
	margin-top: 8px;
}

/* Messages Erreur + Validation */
.wpcf7-response-output {
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 40px;
}

/* PAGE RESERVATION */
/* Zones du formulaire */
.zone-form-perso {
	padding: 40px 30px;
	border-radius: 10px;
	margin-bottom: 50px;
	box-shadow: 0px 0px 15px -3px rgba(0,0,0,0.1);
}

/* Pictogramme du formulaire */
.form-picto {
	text-align: center;
	font-size: 25px;
	margin-bottom: 15px;
	color: #d0a064;
}

/* Zone Montant */
.reservation_montant {
	background-color: #304443;
	box-shadow: 0px 0px 15px -3px rgba(0,0,0,0.2);
	padding: 20px !important;
	margin-left: -15px;
	margin-right: -15px;
	margin-top: 30px;
}
@media(max-width:782px) {
	.reservation_montant {
		margin-left: -30px;
		margin-right: -30px;
	}
}
.reservation_montant .forminator-label,
.reservation_montant .forminator-description {
	color: #fff !important;
}
.reservation_montant input {
	color: #000 !important;
}


                                                                   /* SITE ECOLE ST MAURICE */

                                                                   /* GENERAL */

/* Taille des pictogrammes */
.picto-perso {
	font-size: 30px;
	margin-right: 10px;
}

/* Pictogrammes Header */
#header_perso .picto-perso {
	color: #efb652;
}


                                                                   /* MENU */

/* Design des boutons */
#menuSMM li {
	margin-top: 0 !important;
	padding: 8px 0 !important;
}
#menuSMM a {
	padding: 14px 1rem !important;
	border-right: solid 2px;
}
#menuSMM li:hover {
	background-color: #efb652;
	transition: all .2s ease-in-out;
}
#menuSMM li:hover a {
	border-right: solid 2px #efb652;
	color: #000 !important;
	transition: all .2s ease-in-out;
}

/* Bouton de préinscription couleur fixe */
#menu-item-4112 {
	background-color: #efb652;
	margin-left: 2vw;
}
#menu-item-4112 a {
	border-right: solid 2px #efb652;
	color: #000 !important;
}


                                                                   /* ZONE RECHERCHE */

/* Souris main */
#btnRecherche {
	cursor: pointer;
}

/* Affichage Zone de Recherche + Eléments cachés */
.Recherche_cacher {
	visibility: hidden !important;
	opacity: 0 !important;
	transition: all 0.4s ease-out;
}
#zoneRecherche {
	visibility: hidden;
	opacity: 0;
}
#zoneRecherche .rechercher {
	transform: translateY(-20px);
}
#zoneRecherche.zoneRechercheVisible {
	visibility: visible !important;
	opacity: 1 !important;
	transition: all 0.6s ease-out;
}
#zoneRecherche.zoneRechercheVisible .rechercher {
	transform: translateY(0px);
	transition: all 0.6s ease-out;
}