/*
Theme Name: Nantes Aventures
Author: Origarti ( Gaëtan RUIZ )
Description: Thème WordPress pour le parc "Nantes Aventures" à Bouguenais (44). Thème compatible Elementor, Développement Web : Origarti ( Gaëtan RUIZ ) | Web Design : Yo Creation ( Yohann Fougère ) | Gestion de projet : Aline ETIENVRE
Template: hello-elementor
Version: 2.1.0
Theme URI: https://www.origarti.fr
Author URI: https://www.origarti.fr
Tags: Loisirs, parc, Nantes, Bouguenais, Laser-game, Escape Game, Lancé de Haches
Text Domain: nantes-aventures
*/

:root {

	/* Breakpoints */

	/* Atomes  */
	--e-global-color-primary: #EB5C6D; --e-global-color-primary-rgb: rgba(235, 92, 109, 1);
	--e-global-color-primary-dark: #a5404c; --e-global-color-primary-dark-rgb: rgba(165, 64, 76, 1);
	--e-global-color-primary-light: #ef7d8a; --e-global-color-primary-light-rgb: rgba(239, 125, 138, 1);

    --e-global-color-secondary: #00A59E; --e-global-color-secondary-rgb: rgba(0, 165, 158, 1);
    --e-global-color-secondary-dark: #00847e; --e-global-color-secondary-dark-rgb: rgba(0, 132, 126, 1);
    --e-global-color-secondary-light: #66c9c5; --e-global-color-secondary-light-rgb: rgba(102, 201, 197, 1);

    --e-global-color-text: #474432; --e-global-color-text-rgb: rgba(71, 68, 50, 1);
    --e-global-color-text-dark: #323023; --e-global-color-text-dark-rgb: rgba(50, 48, 35, 1);
    --e-global-color-text-light: #6c695b; --e-global-color-text-light-rgb: rgba(108, 105, 91, 1);

 	--e-global-color-accent: #EB5C6D; --e-global-color-accent-rgb: rgba(235, 92, 109, 1);
    --e-global-color-light: #F2F2E2; --e-global-color-light-rgb: rgba(242, 242, 226, 1);
   
    --e-global-color-lighten: #FFFFFF; --e-global-color-lighten-rgb: rgba(255, 255, 255, 1);
    --e-global-color-outdoor: #00A59E; --e-global-color-outdoor-rgb: rgba(0, 165, 158, 1);
    --e-global-color-outdoor-filter: nvert(54%) sepia(46%) saturate(6779%) hue-rotate(149deg) brightness(95%) contrast(101%);

    --e-global-color-indoor: #EB5C6D; --e-global-color-indoor-rgb: rgba(235, 92, 109, 1);
    --e-global-color-indoor-filter: nvert(60%) sepia(40%) saturate(5325%) hue-rotate(318deg) brightness(96%) contrast(92%);

    --e-global-color-timeoff: #F3BC00; --e-global-color-timeoff-rgb: rgba(243, 188, 0, 1);
    --e-global-color-event: #28285B; --e-global-color-event-rgb: rgba(40, 40, 91, 1);
    --e-global-color-success: #37AA43; --e-global-color-success-rgb: rgba(55, 170, 67, 1);
    --e-global-color-featured: #6E4695; --e-global-color-featured-rgb: rgba(110, 70, 149, 1);
    --e-global-color-pro: #6E4695; --e-global-color-pro-rgb: rgba(110, 70, 149, 1);
    --e-global-color-misc: #444230; --e-global-color-misc-rgb: rgba(68, 66, 48, 1);
    --e-global-color-default: #444230; --e-global-color-default-rgb: rgba(68, 66, 48, 1);
    --e-global-shadow-default: 0px 0px 9px rgba(0,0,0,0.2);
    --e-global-shadow-hover: 0px 0px 0px rgba(0,0,0,0);

    --e-global-font-skew: rotate(-5.5deg);
    --e-global-font-primary: "poppins", "azo-sans-uber", system, sans-serif;
    --e-global-font-secondary: "azo-sans-uber", "poppins", system, sans-serif;
    
    --e-global-font-h1: 900 2.5rem/1.2 var(--e-global-font-secondary);
    --e-global-font-h2: 900 1.875rem/1.2 var(--e-global-font-secondary);
    --e-global-font-h3: 900 1.40625rem/1.2 var(--e-global-font-primary);
    --e-global-font-h4: 600 1.25rem/1.2 var(--e-global-font-primary);
    --e-global-font-h5: 600 1.125rem/1.2 var(--e-global-font-primary);
    --e-global-font-h6: 600 1rem/1.2 var(--e-global-font-primary);

    --e-swiper-unit: 16px;

    --e-global-btn-radius: 10px;

    /* Guidap */
    --background: #f1f3f5;
    --black: var(--e-global-color-text-dark);

    --family-primary: #abcdef;
    --link: var(--e-global-color-secondary);
    
    --primary: var(--e-global-color-primary);
    --primary-invert: var(--e-global-color-light);
    
    --border: var(--e-global-color-event);
    --border-light: #e2e5e9;
    --radius: #abcdef;
    --radius-large: #abcdef;
    --radius-rounded: #abcdef;

    --text: var(--e-global-color-event);
    --text-invert: var(--e-global-color-text-light);
    --text-light:  var(--e-global-color-text);

    --white: #fff;
    --background--1000--darken: var(--e-global-color-text-dark);
    --background--500--darken: var(--e-global-color-text-dark);
    --black--10--rgba: rgba(13,30,61,.1);
    --black--2--rgba: rgba(13,30,61,.02);
    --black--20--rgba: rgba(13,30,61,.2);
    --black--5--rgba: rgba(13,30,61,.05);
    --black--800--lighten: #fff;
    --link--color-invert: var(--e-global-color-light);
    --link--dark-color: var(--e-global-color-secondary);
    --link--light-color: #ecfefb;
    --primary--dark-color: var(--e-global-color-primary);
    --primary--light-color: var(--e-global-color-light);
    --white--800--lighten: #fff;


}
.gradient-overlay {  }
.gradient-overlay:before { content:""; opacity: 0.65 !important; background: linear-gradient(27deg, rgba(0,165,158,1) 0%, rgba(243,188,4,1) 46%, rgba(235,93,109,1) 100%); }

html, body { margin: 0px; padding: 0px; }
img, figure { max-width: 100%; }

/* 00 - Invariants - LAYOUT */
body.is-built-gutenberg #content .page-content {
	max-width: 1140px; margin: auto;
}
@media screen and (max-width: 1280px){ 
	body.is-built-gutenberg #content .page-content { max-width: 100%; width: 100%; padding:  0px 16px; }
}

/* 00 - Invariants - TYPOGRAPHIE */
html { font-size: 18px; }
body b, body strong  { font-weight: bold; }

@media screen and (max-width: 640px){ html { font-size: 16px } }  /* Mobile - Portrait */
@media screen and (max-width: 800px){ html { font-size: 16px } }  /* Mobile - Paysage */
@media screen and (max-width: 1024px){ html { font-size: 17px } } /* Tablette - Portrait */
@media screen and (max-width: 1280px){ html { font-size: 18px } } /* Tablette - Portrait */
@media screen and (max-width: 1400px){ html { font-size: 18px } } /* Laptop  */

.title-skewed {	transform: var(--e-global-font-skew); margin-bottom: 2em; }
@media screen and (max-width: 640px){	
	.title-skewed {	margin-bottom: 0.5em; }
}
h1, .h1 { 
    font: var(--e-global-font-h1);
    text-transform: uppercase;
}
h2, .h2 {
    font: var(--e-global-font-h2);
    text-transform: uppercase;
}
h3, .h3 { font: var(--e-global-font-h3); }
h4, .h4 { font: var(--e-global-font-h4); }
h5, .h5 { font: var(--e-global-font-h5); }
h6, .h6 { font: var(--e-global-font-h6); }

/* 00 - Invariants - HEADER */
/* 00A - Navbar */
#na-header-navbar button { box-shadow: none; }
#na-header-navbar .e-n-menu-heading > li > div > a {
/*    min-height: 116px;*/
}
#na-header-navbar .e-n-menu-dropdown-icon {
    position: relative;
    top: -2px;
}

/* 00B - Mega-Menu */
.e-n-menu-content .megaMenu-card-activites { width: 100%; border-radius: 20px !important; }
.e-n-menu-content .megaMenu-card-activites .megaMenu-activites-card-boxImage { padding: 8px 0px; }
.e-n-menu-content .megaMenu-card-activites:hover .elementor-heading-title,
.e-n-menu-content .megaMenu-card-activites:hover .megaMenu-activites-card-boxImage .elementor-image-box-title { color: white !important; }
.e-n-menu-content .megaMenu-card-activites:hover .megaMenu-activites-card-activites-icon img,
.e-n-menu-content .megaMenu-card-activites:hover .megaMenu-activites-card-boxImage img {
	filter: grayscale(1) brightness(2.5);
}
@media screen and (max-width: 1400px){
	.e-n-menu-content .megaMenu-card-activites { max-width: 250px !important;  }
}
.e-n-menu-content .megaMenu-activites-card-activites-Indoor,
.e-n-menu-content .megaMenu-activites-card-activites-Indoor .elementor-image-box-title  { color: var(--e-global-color-indoor) !important; }
	.e-n-menu-content .megaMenu-activites-card-activites-Indoor:hover  { background-color: var(--e-global-color-indoor);  }
.e-n-menu-content .megaMenu-activites-card-activites-Outdoor,
.e-n-menu-content .megaMenu-activites-card-activites-Outdoor .elementor-image-box-title   { color: var(--e-global-color-outdoor) !important; }
	.e-n-menu-content .megaMenu-activites-card-activites-Outdoor:hover  { background-color: var(--e-global-color-outdoor);  }
.e-n-menu-content .megaMenu-activites-card-activites-timeOFF,
.e-n-menu-content .megaMenu-activites-card-activites-timeOFF .elementor-image-box-title   { color: var(--e-global-color-timeoff) !important; }
	.e-n-menu-content .megaMenu-activites-card-activites-timeOFF:hover  { background-color: var(--e-global-color-timeoff);   }
.e-n-menu-content .megaMenu-activites-card-activites-default,
.e-n-menu-content .megaMenu-activites-card-activites-default .elementor-image-box-title  { color: var(--e-global-color-text) !important; }
	.e-n-menu-content .megaMenu-activites-card-activites-default:hover  { background-color: var(--e-global-color-text); }

/* 00C - MENU TACTILE / DIALOG OFF-CANVA */
.dialog-widget .dialog-close-button { 
	border-radius: 50%; padding: 0.75em; 
	background-color: var(--e-global-color-lighten) !important; color: var(--e-global-color-text) !important; box-shadow: var(--e-global-shadow-default);
	transition: background 450ms ease-in-out, color 450ms ease-in-out, box-shadow 450ms ease-in-out;
}
.elementor-popup-modal .dialog-close-button svg { 
	width: 1em !important; height: 1em !important;
	fill: var(--e-global-color-text) !important; 
	transition: background 450ms ease-in-out;

}
.dialog-widget .dialog-close-button:hover { 
	background-color: var(--e-global-color-text) !important; color: var(--e-global-color-lighten) !important; box-shadow: var(--e-global-shadow-hover);
	}
.elementor-popup-modal .dialog-close-button:hover svg { fill: var(--e-global-color-lighten) !important;  }

/* Sliding-menu */
.ee-menu__arrow:hover { background-color: var( --e-global-color-99c5297 ); }

a.ee-menu__sub-item__back { text-transform: none !important; font-weight: bold !important; }
li.ee-menu__item.ee-menu__back span.ee-menu__arrow i { display: none; }
li.ee-menu__item.ee-menu__back span.ee-menu__arrow { 
	background-image: url('assets/img/NA-sliding-menu-back.svg'); background-repeat: no-repeat; background-position: center center;  
	background-size: 22px; border-right-width: 0px;
} 
/* 00 - Invariants - HEADER -- Page-loader */
e-page-transition { z-index: 999999 !important; }

/* 00 - Invariants - HEADER -- Content-top (Haut de page contenant le bandeau à la Une */
/* Hauteur par défaut  */ 		#content-top { height: 450px; }
/* Hauteur pour laptop */ 		@media screen and (max-width: 1400px){ #content-top { height: 375px; } }
/* Hauteur pour tablette 10" */ @media screen and (max-width: 1024px){ #content-top { height: 300px; } }
/* Hauteur pour tablette 8" 
   et phablettes */				@media screen and (max-width: 800px){ #content-top { height: 200px; } }
/* Hauteur pour smartphones */  @media screen and (max-width: 640px){ #content-top { height: 150px; } }
	
/* 00 - Invariants - FOOTER */
/*.footer-section .elementor-image-box-wrapper { flex-wrap: nowrap; }
.footer-section .elementor-image-box-img,
.footer-section .elementor-icon-list-icon svg,
.footer-section .elementor-image-box-wrapper .elementor-image-box-img img { width: 35px; }
.footer-section .elementor-image-box-wrapper { flex-wrap: nowrap; }
*/
/* 00 - Invariants - ACCORDION */
.e-n-accordion-item[open] summary.e-n-accordion-item-title .e-n-accordion-item-title-text,
summary.e-n-accordion-item-title { align-items: center; cursor: pointer; transition: color 350ms ease-in-out; }
summary.e-n-accordion-item-title:hover .e-n-accordion-item-title-text  { color: var(--e-global-color-indoor); }
	.e-n-accordion-item-title-text { font-weight: bold; margin-top: 0; margin-bottom: 0; }
	.e-n-accordion-item-title-icon {
	    position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center;
		width: 35px; 
	}
	.e-n-accordion-item .e-n-accordion-item-title-icon svg  { fill: var(--e-global-color-text); }
	.e-n-accordion-item[open] .e-n-accordion-item-title-icon svg,
	summary.e-n-accordion-item-title:hover .e-n-accordion-item-title-icon svg  { fill: var(--e-global-color-indoor); }

	.e-n-accordion-item-title-icon svg { height: 25px; }
	.e-n-accordion-item .e-closed, .e-n-accordion-item[open] .e-opened { display: flex; align-items: center; }
	.e-n-accordion-item .e-opened, .e-n-accordion-item[open] .e-closed { display: none; }

.activite-section-accordion-body { flex-direction: column; border-radius: 5px; background-color: #FFF; }
.activite-section-accordion-header, .activite-section-accordion-body { padding: 1em; }
.activite-section-accordion-header  { display: flex; flex-wrap: nowrap; align-item: center; }
.activite-section-accordion-header .title { flex: 1; margin-bottom: 0; font-weight: 400; }
.activite-section-accordion-body img { width: 100%; }

/* 00 - Invariants - ALERT / NOTICES */
.na-notice { 
	padding: 0.5em 1em;
	font-size: 0.75em; color: var(--e-global-color-timeoff); background-color: var(--e-global-color-misc); 
	border-radius: 5px; 
}
	.na-notice .inner { display: flex; flex-wrap: nowrap; align-items: center;  }
		.na-notice-icon  { width: 50px; }
			.na-notice-icon img { width: 100%; height: auto; }
		.na-notice-content  { flex: 3; padding-left: 0.5em; padding-right: 0.5em;  }
		.na-notice-cta { flex: 1; align-self: center; text-align: right; font-weight: bold; text-decoration: underline; text-transform: uppercase;}

/* 00 - Invariants - BOUTONS */
/* GUIDAP -- Override */

/*  Champ Téléphone */
body label.country-selector__label, body .country-selector__list button, 
body .input-tel__label  { top: 4px; font-size: 12px !important; font-weight: 400 !important; }

/*  Champ Téléphone - Indicatif téléphonique  (+33) pays */
body .g-customer-form-input .select-country-container input.country-selector__input { padding-top: 18px; padding-bottom: 0; }
body .country-selector__list button { 
	color: var(--e-global-color-text); 
	border-radius: 0px; border: none !important;  
	box-shadow: none !important;
}
body .country-selector__list button:hover { background-color: var(--e-global-color-primary); }

/*  Champ Téléphone - Champ avec aide labellisée (Ex : 06 12 34 56 78) */
body .input-tel .input-tel__label {
    padding-bottom: 0em; padding-left: 6px;
 }
body .input-tel input.input-tel__input.has-value,
body .input-tel.lg.has-value .input-tel__input {
	padding-top: 20px !important; padding-bottom: 12px;
}

.gdp-scoped-ui .g-button.button {
	/* font-weight: 900 !important; */
	border-radius: 10px !important; 
	border: 2px solid #FFF !important;
	background-color: var(--e-global-color-accent) !important;
	color: var(--e-global-color-lighten) !important;
	line-height: 1 !important; 
}
.gdp-scoped-ui .button:hover {
	box-shadow: none;
}
.gdp-scoped-ui .g-button.button.is-large { padding: 1.35rem 1.25rem 1.25rem 1.25rem !important;  }
.gdp-scoped-ui .g-button.button.is-medium { padding: 1.15rem 1rem 1rem 1rem !important;  }

/* Bouton "Réserver" */ .guidap-reserve-button button { font-size: 20px !important; } 
/* Bouton "Retour" */   .g-back-button:hover { color: var(--e-global-color-text) !important; }
/* Bouton "Panier" */ 	.guidap-cart-button-element {  }
/* Bouton "Panier" */	.guidap-cart-button-element:hover, .g-back-button:hover { box-shadow: none !important;  } 
/* Bouton "Panier" */ 	.guidap-cart-button-element:hover .guidap-cart-button-text, .guidap-cart-button-element:hover i:before { color: var(--e-global-color-accent) !important; }
/* Liste déroulante activité ( Modal ) */ 

.gdp-scoped-ui .gdp-fix-datepicker .dropdown button, 
.gdp-scoped-ui .gdp-fix-datepicker .dropdown-trigger button { font-family: var(--e-global-font-primary); font-weight: normal;}

.gdp-scoped-ui .gdp-fix-datepicker .dropdown.is-active button, 
.gdp-scoped-ui .gdp-fix-datepicker .dropdown:hover button, 
.gdp-scoped-ui .gdp-fix-datepicker .dropdown.is-active .dropdown-trigger button,
.gdp-scoped-ui .gdp-fix-datepicker .dropdown:hover .dropdown-trigger button { background: var(--e-global-color-light); }

.g-dropdown-behind-trigger:hover,  
.g-dropdown-behind-trigger:focus { background: var(--e-global-color-light) !important; }

/* Barre de progression */
body .gdp-scoped-ui .g-stepper-horizontal-header-number { border-radius: 50px; }

/* Widget de réservation*/
.guidap-booking-widget { background-color: var(--e-global-color-light); }

/* 01 - CARDS - COMMUNS */
.card.linkBlock { cursor: pointer; }
.card { 
	width: 100%; 	max-width: 370px;  overflow: hidden;
	background-color: var(--e-global-color-lighten);
	box-shadow: var(--e-global-shadow-default);
	border-radius: 10px; 
	transition: box-shadow 350ms ease-in-out;  
}
	.card:hover { box-shadow: var(--e-global-shadow-hover); }
	.card.card-size-large { max-width: 455px; }

.card, .card-header, .card-body, .card-footer { display: flex; flex-direction: column; align-items: center; width: 100%;	}
.card-header { background-size: cover; background-repeat: no-repeat; }
.card-blockTitle, .card-subtitle { margin-bottom: 1.5em; }
.card-title { line-height: 125%; }
.card-subtitle { font: var(--e-global-font-h3); font-size: 18px;  }
.card-excerpt { font-weight: 300; font-size: 14px; line-height: 125%; }
.card-excerpt .gdp-scoped-ui .g-button.button { display: none; }

.card-footer { 
	align-items: flex-end; justify-content: flex-end; padding-bottom: 1em;
	background-repeat: no-repeat; background-position: bottom center;
}
.card-footer { flex-direction: row; padding-right: 10px; }
.card-footer a.card-permalink { display: block;	}
.card-permalink { transform-origin: bottom right; transition: transform 350ms ease-in-out; }
.card-permalink img { width: 60px; height: 60px; }
.card.linkBlock:hover .card-permalink, .card-permalink:hover { transform: scale(1.15); }
.card.linkBlock .card-permalink img { display: none; }

	.card-annonce { 
		display: flex; align-items: center; justify-content: center; align-self: flex-end;
		flex: 1; height: 60px; padding-top: 10px; padding-bottom: 10px;	padding-left: 55px; padding-right: 35px;
		font-size: 13px; font-weight: 400; 
		background-repeat: no-repeat; background-position: bottom center; 
	}
	.card-footer time, .card-footer date { display: block; }

@media screen and (min-width: 1280px){
	.card.linkBlock .card-permalink { display: none;	 }
}
/* = = = = = = = = = = = = = = = = = = = = = */
/* 01A - CARDS - Activités */
/* = = = = = = = = = = = = = = = = = = = = = */
/*.card-activites { transform-origin: center center; transition: transform 450ms ease-in-out; }
.card-activites:hover { transform: scale(1.05); } */

.card-activites {  }
.card.card-activites:hover { box-shadow: 0px 0px 0px rgba(0,0,0,0); }

.card-header-activites { background-repeat: no-repeat; background-size: cover; overflow: hidden; }
.card-header-activites, .card-header-activites img { height: 235px;	 }
.card-header-activites picture, .card-header-activites img { width: 100%; object-fit: cover; }

.card-activites .card-title.card-activite-title { font-size: 19px;	font-weight: 900; text-transform:none; }
.card-activite-icon { width: 100%; height: 75px; text-align: center; transition: transform 350ms ease-in-out; }
.card-activite-icon img { width: auto; height: 100% !important;	 }

.card-activites .card-body { flex: 1; padding-left: 1em; padding-right: 1em;}
.card-activites .card-footer { color: white; padding-bottom: 0; background-position: bottom left -16px; }

.card-activites-annonce { 
	height: 47px;
	flex: 1; justify-content: flex-start; padding: 5px 2.35em;	
	text-align: left; font-size: 13px; /* font-weight: bold;*/
}
.card-activites.linkBlock .card-footer { background-position: top center; background-size: 100%;}
.card-activites.linkBlock .card-activites-annonce { justify-content: center; }

/* Version large sur 2 colonnes */
.card-activites.card-size-large { justify-content: flex-start; max-width: 455px; min-height: 850px; }
.card-activites.card-size-large .activite-meta-item .activite-meta-icon img{  width: 100px; height: 100px;}
.card-activites.card-size-large .card-header-activites, .card-activites.card-size-large .card-header-activites img { height: 300px; }
.card-activite-details { width: 100%; }

.card-activites-metas, ul.card-activite-metas-list { width: 100%; }
ul.card-activite-metas-list { align-items: flex-start; justify-content: flex-start; list-style: none; padding-left: 0; margin-bottom: 1em; }
ul.card-activite-metas-list, ul.card-activite-metas-list > li  { display: flex; }
ul.card-activite-metas-list { flex-direction:row; flex-wrap: nowrap;  }
ul.card-activite-metas-list > li  { flex: 1; flex-direction: column; align-items: center; text-align: center;}
ul.card-activite-metas-list .activite-meta-value { font-size: 12px; font-weight: bold; white-space: nowrap;}
ul.card-activite-metas-list .activite-meta-icon img { width: 90px; }
/*.card.activite-indoor .activite-meta-icon img { filter: var(--e-global-color-indoor-filter); }
.card.activite-outdoor .activite-meta-icon img { filter: var(--e-global-color-outdoor-filter); }
*/
.card-activites .card-activite-blockTitle { margin-bottom: 1.5em; }

@media screen and (min-width: 1280px) { 
/*	.card-activites:hover .card-activite-icon { transform: scale(1.5); }*/
}
@media screen and (max-width: 1024px) {
	ul.card-activite-metas-list { flex-wrap: wrap; }
	ul.card-activite-metas-list > li { flex: 48%; }
}
@media screen and (max-width: 800px) {
	.card-activite-blockTitle { display: flex; flex-direction: column; width: 100%; align-items:center; justify-content: center; }

	.card-activites.card-size-large .card-header-activites, .card-activites.card-size-large .card-header-activites img { height: 225px; }
	.card-activite-blockTitle .card-activite-title { margin: 0; }

	.card-activite-blockTitle .card-activite-icon,
	ul.card-activite-metas-list .activite-meta-icon img { width: 80px; }
	ul.card-activite-metas-list { flex-direction: column;  }
	ul.card-activite-metas-list > li { flex-direction: row; flex-wrap: nowrap; }
}

/* = = = = = = = = = = = = = = = = = = = = = */
/* 01B - CARDS - BONS PLANS */
/* = = = = = = = = = = = = = = = = = = = = = */

.card-bonPlan { 
	width: 100%; max-width: 370px; min-height: 600px; 
	margin-top: 1em; margin-bottom: 1em; 
	color: white; 
}
.card-bonPlan.habillage-indoor { background-color: var(--e-global-color-indoor); }
.card-bonPlan.habillage-outdoor { background-color: var(--e-global-color-outdoor); }
.card-bonPlan.habillage-timeoff { background-color: var(--e-global-color-timeoff); color: var(--e-global-color-text);}
.card-bonPlan.habillage-pro { background-color: var(--e-global-color-pro);  }
.card-bonPlan.habillage-featured { background-color: var(--e-global-color-featured);  }
.card-bonPlan.habillage-default { background-color: var(--e-global-color-text); }

.card-bonPlan-header, .card-bonPlan-body { width: 100%;  }
.card-bonPlan-header { height: 280px; justify-content: center; padding: 2.5em; }
.card-bonPlan .card-bonPlan-icone { width: 65px; height: auto; }

.card-bonPlan-title, .card-bonPlan h3.card-title { 
	margin-bottom: 0.75em; 
	font-family: var(--e-global-font-secondary) !important; 
	font-size: 1.75em; line-height: 115%; font-weight: normal !important;
	transform-origin: top right; transform: var(--e-global-font-skew);text-align: center;
}
.card-bonPlan.no-description .card-bonPlan-title, 
.card-bonPlan.no-description h3.card-title { margin-bottom: 0; }
.card-bonPlan-description { font-size: 1em; font-weight: bold; text-align: center; }

.card-bonPlan-body { 
	flex: 1; justify-content: flex-end;
	background-size: 100%; background-repeat: no-repeat; background-position: center center; 
}
.card-bonPlan.no-thumbnail { justify-content:center; }
.card-bonPlan.no-thumbnail .card-bonPlan-header { flex: 1; }
.card-bonPlan.no-thumbnail .card-bonPlan-body { display: none; }

.card-bonPlan-footer { 
	display: flex; flex-wrap: nowrap; justify-content: flex-end; width: 100%; height: 70px; 
	padding-right: 0.25em; padding-bottom: 0;
	text-align: center; 
}
	.card-bonPlan .card-annonce { height: 42px; }
	.card-bonPlan .card-permalink { width: 60px; height: 60px; margin-bottom: 0.5em;  margin-right: 0.5em; border-radius: 50%; }

@media screen and (max-width: 640px){
	.card-bonPlan { min-height: 580px;  }
	.card-bonPlan-header { height: 210px; padding: 1.5em; }
	.card-bonPlan-title, .card-bonPlan h3.card-title { margin-bottom: 1em; }
}

/* = = = = = = = = = = = = = = = = = = = = = */
/* 01C - CARDS - PAGES & POSTS */
/* = = = = = = = = = = = = = = = = = = = = = */
.card-page, .card-post { min-height: 450px; width: 100%; max-width: 370px; }
.card-page .card-header, .card-post .card-header { height: 300px; }
.card-page .card-body, .card-post .card-body  { display: flex; justify-content: center; text-align: center; align-items: center; flex: 1; }
.card-page .card-title, .card-post .card-title  { margin: 0px; }
.card-page .card-post-title, .card-post .card-post-title { font-size: 18px; font-weight: bold; font-family: var(--e-global-font-primary); }
.card-page .card-body, .card-page .card-annonce, .card-post .card-body, .card-post .card-annonce { padding-left: 1em; padding-right: 1em; }
.card-page .card-footer, .card-post .card-footer { height: 60px; padding: 8px 16px;}
.card-page .card-footer, .card-page .card-annonce { text-align: left; }
.card-page .card-annonce, .card-post .card-annonce { justify-content: flex-start; font-size: 1em; }

.card-page.linkBlock .card-body { padding-bottom: 0.5em; }  

 @media screen and (max-width: 640px){
 	.card-page, .card-post { min-height: 380px;  }
 	.card-page .card-header, .card-post .card-header { height: 250px; }
 }
/* = = = = = = = = = = = = = = = = = = = = = */
/* 01D - CARDS - MegaMENU */
/* = = = = = = = = = = = = = = = = = = = = = */
.megaMenu-cards-pages {}
.megaMenu-cards-events {}
.megaMenu-card-activites { }
/* 
.megaMenu-cards-pages .elementor-heading-title , .megaMenu-cards-events .elementor-heading-title, .megaMenu-card-activites .elementor-heading-title {font-weight: bold !important; }
*/


/* 01 - Components - Slider  */
.e-loop-item .elementor-shortcode { display: flex; justify-content: center; }
body .elementor-element .swiper~.swiper-pagination-bullets.swiper-pagination-horizontal {
	left: 50%; 
}

.swiper-button-disabled { opacity: 0 !important; }

.na-swiper-container .swiper-button { 
	width: 50px; height: 50px; border-radius: 50%; background-color: var(--e-global-color-lighten); 
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.65);
	transition: box-shadow 450ms ease-in-out, background-color 450ms ease-in-out;
}
	.na-swiper-container .swiper-button svg, .na-swiper-container .swiper-button svg path { 
		fill: var(--e-global-color-text); 
		transition: fill 450ms ease-in-out;
	}
	.na-swiper-container .swiper-button:after { display: none;}
	.na-swiper-container .swiper-button:hover {  background-color: var(--e-global-color-text);  }
	.na-swiper-container .swiper-button:hover svg, .na-swiper-container .swiper-button:hover svg path {
		fill: var(--e-global-color-lighten);
	}

.na-swiper-container .swiper-slide {
    max-width: 400px; width: 100%; /* ou max-width si la largeur peut varier */
    padding-left: 0.25em; padding-right: 0.25em;
}
.na-swiper-container .swiper-button-next.disabled, .na-swiper-container .swiper-button-prev.disabled {
    opacity: 0.3; /* Assurez-vous que cette règle est visible et non écrasée par d'autres CSS */
    cursor: default;
    pointer-events: none;
}
.swiper-wrapper { 
	padding-bottom: 3em; 
}
/*
.na-swiper-container .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, 
.na-swiper-container .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { width: 100% !important; }
*/
.swiper-pagination { bottom: -1em; }
.swiper-pagination-bullet { 
	width: var(--e-swiper-unit) !important; height: var(--e-swiper-unit) !important; 
	margin: 0px calc(var(--e-swiper-unit) / 1.5) !important; 
	transform: none !important; 
}
.na-swiper-container .swiper-pagination-bullets  { margin: 1.5em auto !important; }
.na-swiper-container .swiper-pagination .swiper-pagination-bullet:first-child { margin-left: 0; }
.na-swiper-container .swiper-pagination .swiper-pagination-bullet:last-child { margin-right: 0; }

.na-swiper-container .swiper-pagination-bullet, 
.na-swiper-container .swiper-pagination-bullet-active { background: var(--e-global-color-text); }
.na-swiper-container .swiper-pagination-bullet-active {  }
.na-swiper-container .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) { opacity:0.25; }
.na-swiper-container .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover { opacity:0.66; }

/* 00 - Invariants - Formulaires */
.gform_required_legend { display: none !important; }
form .gfield_legalNotices, form .gfield_description { font-style: italic; font-size: 12px !important; }
form .gfield_legalNotices a, form .gfield_description a { text-decoration: underline; font-weight: bold; }
form [type="submit"] { line-height:1.5em; }

/* Atomes
	--e-global-color-primary: #EB5C6D;
	--e-global-color-primary-dark: #a5404c;
	--e-global-color-primary-light: #ef7d8a;

	--e-global-color-secondary: #00A59E;
	--e-global-color-secondary-dark: #00847e;
	--e-global-color-secondary-light: #66c9c5;

	--e-global-color-text: #474432;
	--e-global-color-text-dark: #323023;
	--e-global-color-text-light #6c695b;

    --e-global-color-light: #F2F2E2;
    --e-global-color-lighten: #FFFFFF;

    --e-global-font-primary: "poppins", "azo-sans-uber", system, sans-serif;
    --e-global-font-secondary: "azo-sans-uber", "poppins", system, sans-serif;
*/
/* Boutons */
/*
body .gform-theme--api, body .gform-theme--framework {
    --gf-radius: 10px;
    --gf-radius-max-sm: 2px;
    --gf-radius-max-md: 3px;
    --gf-radius-max-lg: 8px;

    --gf-transition-duration: 0.15s;
    --gf-transition-ctrl: var(--gf-transition-duration);

    --gf-color-primary: var(--e-global-color-primary);
    --gf-color-primary-rgb: var(--e-global-color-primary-rgb);
    --gf-color-primary-contrast: var(--e-global-color-lighten);
    --gf-color-primary-contrast-rgb: var(--e-global-color-lighten-rgb);
    --gf-color-primary-darker: var(--e-global-color-primary-dark);
    --gf-color-primary-lighter: var(--e-global-color-primary-light);

    --gf-color-secondary: var(--e-global-color-secondary);
    --gf-color-secondary-rgb: var(--e-global-color-secondary-rgb);
    --gf-color-secondary-contrast: var(--e-global-color-lighten);
    --gf-color-secondary-contrast-rgb: var(--e-global-color-lighten-rgb);
    --gf-color-secondary-darker: var(--e-global-color-secondary-dark);
    --gf-color-secondary-lighter: var(--e-global-color-secondary-light);

    --gf-color-out-ctrl-dark: #585e6a;
	    --gf-color-out-ctrl-dark-rgb: 88,94,106;
	    --gf-color-out-ctrl-dark-darker: #112337;
	    --gf-color-out-ctrl-dark-lighter: #686e77;
    --gf-color-out-ctrl-light: #e5e7eb;
	    --gf-color-out-ctrl-light-rgb: 229,231,235;
	    --gf-color-out-ctrl-light-darker: #d2d5db;
	    --gf-color-out-ctrl-light-lighter: #f2f3f5;

    --gf-color-in-ctrl: #fff;
    --gf-color-in-ctrl-rgb: 255,255,255;
    --gf-color-in-ctrl-contrast: #112337;
    --gf-color-in-ctrl-contrast-rgb: var(--e-global-color-lighten-rgb);
    --gf-color-in-ctrl-darker: #f2f3f5;
    --gf-color-in-ctrl-lighter: #f2f3f5;

    --gf-color-in-ctrl-primary: var(--gf-color-primary);
	    --gf-color-in-ctrl-primary-rgb: var(--gf-color-primary-rgb);
	    --gf-color-in-ctrl-primary-contrast: var(--gf-color-primary-contrast);
	    --gf-color-in-ctrl-primary-contrast-rgb: var(--gf-color-primary-contrast-rgb);
	    --gf-color-in-ctrl-primary-darker: var(--gf-color-primary-darker);
	    --gf-color-in-ctrl-primary-lighter: var(--gf-color-primary-lighter);

    --gf-color-in-ctrl-dark: #585e6a;
	    --gf-color-in-ctrl-dark-rgb: 88,94,106;
	    --gf-color-in-ctrl-dark-darker: #112337;
	    --gf-color-in-ctrl-dark-lighter: #686e77;
    --gf-color-in-ctrl-light: #e5e7eb;
	    --gf-color-in-ctrl-light-rgb: 229,231,235;
	    --gf-color-in-ctrl-light-darker: #d2d5db;
	    --gf-color-in-ctrl-light-lighter: #f2f3f5;
    
    --gf-color-danger: #c02b0a;
    --gf-color-danger-rgb: 192,43,10;
    --gf-color-danger-contrast: #fff;
    --gf-color-danger-contrast-rgb: 255,255,255;
    
    --gf-color-success: #399f4b;
    --gf-color-success-rgb: 57,159,75;
    --gf-color-success-contrast: #fff;
    --gf-color-success-contrast-rgb: 255,255,255
}

body .gform-theme--api, body .gform-theme--framework {
    --gf-font-family-base: var(--e-global-font-primary);
    --gf-font-style-base: normal;
    --gf-font-family-primary: var(--gf-font-family-base);
    --gf-font-size-primary: 14px;
    --gf-font-style-primary: var(--gf-font-style-base);
    --gf-font-weight-primary: 400;
    --gf-letter-spacing-primary: 0;
    --gf-line-height-primary: 1.5;

    --gf-font-family-secondary: var(--gf-font-family-base);
    --gf-font-size-secondary: 14px;
    --gf-font-style-secondary: var(--gf-font-style-base);
    --gf-font-weight-secondary: 500;
    --gf-letter-spacing-secondary: 0;
    --gf-line-height-secondary: 1.43;

    --gf-font-family-tertiary: var(--gf-font-family-base);
    --gf-font-size-tertiary: 14px;
    --gf-font-style-tertiary: var(--gf-font-style-base);
    --gf-font-weight-tertiary: 400;
    --gf-letter-spacing-tertiary: 0;
    --gf-line-height-tertiary: 1.43
}
body .gform-theme--api, .gform-theme--framework {
    --gf-ctrl-btn-radius: var(--gf-radius);
    --gf-ctrl-btn-shadow: 0 1px 4px rgba(18, 25, 97, 0.0779552);
    --gf-ctrl-btn-shadow-hover: var(--gf-ctrl-btn-shadow);
    --gf-ctrl-btn-shadow-focus: var(--gf-ctrl-shadow-focus);
    --gf-ctrl-btn-shadow-disabled: var(--gf-ctrl-btn-shadow);

    --gf-ctrl-btn-font-family: var(--gf-font-family-base);
    --gf-ctrl-btn-font-size-xs: 12px;
    --gf-ctrl-btn-font-size-sm: 14px;
    --gf-ctrl-btn-font-size-md: 14px;
    --gf-ctrl-btn-font-size-lg: 16px;
    --gf-ctrl-btn-font-size-xl: 16px;

    --gf-ctrl-btn-font-size: var(--gf-ctrl-btn-font-size-md);
    --gf-ctrl-btn-font-style: var(--gf-font-style-base);
    --gf-ctrl-btn-font-weight: 900;
    --gf-ctrl-btn-letter-spacing: var(--gf-letter-spacing-primary);
    --gf-ctrl-btn-line-height: 1;
    --gf-ctrl-btn-opacity: 1;
    --gf-ctrl-btn-opacity-disabled: 0.5;
    
    --gf-ctrl-btn-padding-y: 14px;
    --gf-ctrl-btn-padding-x-xs: 8px;
    --gf-ctrl-btn-padding-x-sm: 12px;
    --gf-ctrl-btn-padding-x-md: 16px;
    --gf-ctrl-btn-padding-x-lg: 20px;
    --gf-ctrl-btn-padding-x-xl: 24px;
    --gf-ctrl-btn-padding-x: var(--gf-ctrl-btn-padding-x-md);
    
    --gf-ctrl-btn-size-xs: 30px;
    --gf-ctrl-btn-size-sm: var(--gf-ctrl-size-sm);
    --gf-ctrl-btn-size-md: var(--gf-ctrl-size-md);
    --gf-ctrl-btn-size-lg: var(--gf-ctrl-size-lg);
    --gf-ctrl-btn-size-xl: var(--gf-ctrl-size-xl);
    --gf-ctrl-btn-size: var(--gf-ctrl-btn-size-md);
    
    --gf-ctrl-btn-text-decoration: none;
    --gf-ctrl-btn-text-transform: uppercase;
    --gf-ctrl-btn-icon: none;
    --gf-ctrl-btn-icon-font-size: var(--gf-icon-font-size);
    --gf-ctrl-btn-icon-gap: 6px;
    --gf-ctrl-btn-transition: var(--gf-ctrl-transition);

    --gf-ctrl-btn-bg-color-primary: var(--gf-color-primary);
    --gf-ctrl-btn-bg-color-hover-primary: var(--gf-color-primary-darker);
    --gf-ctrl-btn-bg-color-focus-primary: var(--gf-ctrl-btn-bg-color-primary);
    --gf-ctrl-btn-bg-color-disabled-primary: var(--gf-ctrl-btn-bg-color-primary);
    --gf-ctrl-btn-border-color-primary: transparent;
    --gf-ctrl-btn-border-color-hover-primary: transparent;
    --gf-ctrl-btn-border-color-focus-primary: var(--gf-ctrl-btn-bg-color-hover-primary);
    --gf-ctrl-btn-border-color-disabled-primary: transparent;
    --gf-ctrl-btn-border-style-primary: solid;
    --gf-ctrl-btn-border-width-primary: 1px;
    --gf-ctrl-btn-color-primary: var(--gf-color-primary-contrast);
    --gf-ctrl-btn-color-hover-primary: var(--gf-ctrl-btn-color-primary);
    --gf-ctrl-btn-color-focus-primary: var(--gf-ctrl-btn-color-primary);
    --gf-ctrl-btn-color-disabled-primary: var(--gf-ctrl-btn-color-primary);
    --gf-ctrl-btn-icon-color-primary: var(--gf-ctrl-btn-color-primary);
    --gf-ctrl-btn-icon-color-hover-primary: var(--gf-ctrl-btn-icon-color-primary);
    --gf-ctrl-btn-icon-color-focus-primary: var(--gf-ctrl-btn-icon-color-primary);
    --gf-ctrl-btn-icon-color-disabled-primary: var(--gf-ctrl-btn-icon-color-primary);
    --gf-ctrl-btn-bg-color-secondary: var(--gf-color-secondary);
    --gf-ctrl-btn-bg-color-hover-secondary: var(--gf-color-secondary-darker);
    --gf-ctrl-btn-bg-color-focus-secondary: var(--gf-ctrl-btn-bg-color-secondary);
    --gf-ctrl-btn-bg-color-disabled-secondary: var(--gf-ctrl-btn-bg-color-secondary);
    --gf-ctrl-btn-border-color-secondary: var(--gf-color-in-ctrl-light-darker);
    --gf-ctrl-btn-border-color-hover-secondary: var(--gf-ctrl-btn-border-color-secondary);
    --gf-ctrl-btn-border-color-focus-secondary: var(--gf-ctrl-btn-bg-color-hover-primary);
    --gf-ctrl-btn-border-color-disabled-secondary: var(--gf-ctrl-btn-border-color-secondary);
    --gf-ctrl-btn-border-style-secondary: solid;
    --gf-ctrl-btn-border-width-secondary: 1px;
    --gf-ctrl-btn-color-secondary: var(--gf-color-secondary-contrast);
    --gf-ctrl-btn-color-hover-secondary: var(--gf-ctrl-btn-color-secondary);
    --gf-ctrl-btn-color-focus-secondary: var(--gf-ctrl-btn-color-secondary);
    --gf-ctrl-btn-color-disabled-secondary: var(--gf-ctrl-btn-color-secondary);
    --gf-ctrl-btn-icon-color-secondary: var(--gf-ctrl-icon-color);
    --gf-ctrl-btn-icon-color-hover-secondary: var(--gf-ctrl-btn-icon-color-secondary);
    --gf-ctrl-btn-icon-color-focus-secondary: var(--gf-ctrl-btn-icon-color-secondary);
    --gf-ctrl-btn-icon-color-disabled-secondary: var(--gf-ctrl-btn-icon-color-secondary);
    --gf-ctrl-btn-bg-color-ctrl: var(--gf-color-in-ctrl-primary);
    --gf-ctrl-btn-bg-color-hover-ctrl: var(--gf-color-in-ctrl-primary-darker);
    --gf-ctrl-btn-bg-color-focus-ctrl: var(--gf-ctrl-btn-bg-color-ctrl);
    --gf-ctrl-btn-bg-color-disabled-ctrl: var(--gf-ctrl-btn-bg-color-ctrl);
    --gf-ctrl-btn-border-color-ctrl: transparent;
    --gf-ctrl-btn-border-color-hover-ctrl: transparent;
    --gf-ctrl-btn-border-color-focus-ctrl: var(--gf-ctrl-btn-bg-color-hover-ctrl);
    --gf-ctrl-btn-border-color-disabled-ctrl: transparent;
    --gf-ctrl-btn-border-style-ctrl: solid;
    --gf-ctrl-btn-border-width-ctrl: 1px;
    --gf-ctrl-btn-color-ctrl: var(--gf-color-in-ctrl-primary-contrast);
    --gf-ctrl-btn-color-hover-ctrl: var(--gf-ctrl-btn-color-ctrl);
    --gf-ctrl-btn-color-focus-ctrl: var(--gf-ctrl-btn-color-ctrl);
    --gf-ctrl-btn-color-disabled-ctrl: var(--gf-ctrl-btn-color-ctrl);
    --gf-ctrl-btn-icon-color-ctrl: var(--gf-ctrl-btn-color-ctrl);
    --gf-ctrl-btn-icon-color-hover-ctrl: var(--gf-ctrl-btn-icon-color-ctrl);
    --gf-ctrl-btn-icon-color-focus-ctrl: var(--gf-ctrl-btn-icon-color-ctrl);
    --gf-ctrl-btn-icon-color-disabled-ctrl: var(--gf-ctrl-btn-icon-color-ctrl);
    --gf-ctrl-btn-bg-color-simple: transparent;
    --gf-ctrl-btn-bg-color-hover-simple: var(--gf-ctrl-btn-bg-color-simple);
    --gf-ctrl-btn-bg-color-focus-simple: var(--gf-ctrl-btn-bg-color-simple);
    --gf-ctrl-btn-bg-color-disabled-simple: var(--gf-ctrl-btn-bg-color-simple);
    --gf-ctrl-btn-border-color-simple: transparent;
    --gf-ctrl-btn-border-color-hover-simple: var(--gf-ctrl-btn-border-color-simple);
    --gf-ctrl-btn-border-color-focus-simple: var(--gf-ctrl-border-color-focus);
    --gf-ctrl-btn-border-color-disabled-simple: var(--gf-ctrl-btn-border-color-simple);
    --gf-ctrl-btn-border-style-simple: solid;
    --gf-ctrl-btn-border-width-simple: 1px;
    --gf-ctrl-btn-shadow-simple: none;
    --gf-ctrl-btn-shadow-hover-simple: var(--gf-ctrl-btn-shadow-simple);
    --gf-ctrl-btn-shadow-focus-simple: var(--gf-ctrl-shadow-focus);
    --gf-ctrl-btn-shadow-disabled-simple: var(--gf-ctrl-btn-shadow-simple);
    --gf-ctrl-btn-color-simple: rgba(var(--gf-color-out-ctrl-dark-rgb), 0.65);
    --gf-ctrl-btn-color-hover-simple: var(--gf-color-out-ctrl-dark);
    --gf-ctrl-btn-color-focus-simple: var(--gf-ctrl-btn-color-hover-simple);
    --gf-ctrl-btn-color-disabled-simple: var(--gf-ctrl-btn-color-simple);
    --gf-ctrl-btn-size-simple: 24px;
    --gf-ctrl-btn-icon-color-simple: var(--gf-ctrl-btn-color-simple);
    --gf-ctrl-btn-icon-color-hover-simple: var(--gf-ctrl-btn-color-hover-simple);
    --gf-ctrl-btn-icon-color-focus-simple: var(--gf-ctrl-btn-color-focus-simple);
    --gf-ctrl-btn-icon-color-disabled-simple: var(--gf-ctrl-btn-color-disabled-simple);
} */
button { cursor: pointer; }

/* 01 - Activités - Singular  */
.activites-Indoor   .activite-block-title { color: var(--e-global-color-indoor); }
.activites-Outdoor 	.activite-block-title { color: var(--e-global-color-outdoor); }
.activites-timeOFF  .activite-block-title { color: var(--e-global-color-timeoff); }
.activites-default  .activite-block-title { color: var(--e-global-color-text); }

.activite-block-title { display: flex; flex-direction: column; align-items: center; }

.activite-block-title img { width: 250px; }
.activite-block-title .title { text-align: center;}

@media screen and (max-width: 1280px){ .activite-block-title img { width: 215px; } }
@media screen and (max-width: 1024px){ .activite-block-title img { width: 175px; } }
@media screen and (max-width: 640px){  .activite-block-title img { width: 150px; } }

#content-top .activite-block-title img { width: 150px; filter: grayscale(1) brightness(25); }
#content-top .activite-block-title h1 { color: white; font-size: 1.75em; }

.activites-metas, .activite-meta-item  { display: flex; }
.activites-metas { 
	list-style: none; padding-left: 0; 
	flex-direction: row; flex-wrap: nowrap; width: 100%;
	align-items: flex-start; justify-content: center; 
}
.activite-meta-item { flex-direction: column; align-items: center; }
.activite-meta-item, .activite-meta-value { flex: 1; font-size: 15px;  }
.activite-meta-item .activite-meta-icon img { width: 150px; height: 150px; }
@media screen and (min-width: 1025px){
	.activite-meta-item, .activite-meta-value { text-align: center; }
	#activite-meta-item-prix .activite-meta-value { position: relative; top: -8px; }
}

.activite-introduction-checkout {
    /* display: grid; grid-template-columns: 2fr 1fr; */
    display: flex;	flex-wrap: nowrap; flex-direction: row; gap: 2em;
    padding: 2em 0px;
}
.activite-introduction, .activite-checkout { display: flex; flex-direction: column; }
.activite-introduction { padding: 0px 1em; text-align: left; flex: 2; }
.activite-checkout { justify-content: center; flex: 1; }

@media screen and (max-width: 800px){
	.activite-introduction-checkout { display: flex; flex-direction: column; gap: 0.5em; padding: 0px; }
	.activite-introduction, .activite-checkout { flex: 1; }
}

body.activite-type-outdoor .e-n-accordion-item[open] .e-n-accordion-item-title-icon svg,
body.activite-type-outdoor summary.e-n-accordion-item-title:hover .e-n-accordion-item-title-icon svg  { fill: var(--e-global-color-outdoor); }
body.activite-type-outdoor summary.e-n-accordion-item-title:hover .e-n-accordion-item-title-text  { color: var(--e-global-color-outdoor); }

body.activite-type-timeoff .e-n-accordion-item[open] .e-n-accordion-item-title-icon svg,
body.activite-type-timeoff summary.e-n-accordion-item-title:hover .e-n-accordion-item-title-icon svg  { fill: var(--e-global-color-timeoff); }
body.activite-type-timeoff summary.e-n-accordion-item-title:hover .e-n-accordion-item-title-text  { color: var(--e-global-color-timeoff); }

/* Tableaux de prix et d'horaires */
.table-responsive { width: 100%; overflow-x: auto; }

table.activite-pricingTable-shortcode {  }
table.activite-pricingTable-shortcode thead { background-color: var(--e-global-color-event); color: white; }
table.activite-pricingTable-shortcode th { padding: 15px; border: 1px solid #C7C6B6; }
table.activite-pricingTable-shortcode td { padding: 10px 15px; border: 1px solid #C7C6B6; }
table.activite-pricingTable-shortcode .activite-pricingTable-title-cell { display: flex; flex-wrap: nowrap; align-items: center; }
table.activite-pricingTable-shortcode .activite-pricingTable-icon { width: 50px; }

body.activite-type-indoor {} 
body.activite-type-outdoor {} 
body.activite-type-timeoff {} 


.activite-section-accordion .gdp-scoped-ui { text-align: center;}
.activite-section-accordion .gdp-scoped-ui .g-button.button { margin: 1em auto; }

.activite-section-accordion-schedule-table h4 { margin-top: 0; margin-bottom: 0; font-size: 1.15em; }
.activite-section-accordion-schedule-table tbody tr > td:first-child { vertical-align: bottom; }
.activite-section-accordion-schedule-table thead th,
.activite-section-accordion-pricing-table thead th,
body.activite-type-indoor .activite-section-accordion-schedule-table thead tr > th:first-child,
body.activite-type-indoor .activite-section-accordion-schedule-table tbody tr > td:first-child  { font-weight: bold; text-align: left; }

body.activite-type-indoor .activite-section-accordion-pricing-table thead, 
body.activite-type-indoor .activite-section-accordion-schedule-table thead, 
body.activite-type-indoor .activite-section-accordion-schedule-table thead tr > th:first-child,
body.activite-type-indoor .activite-section-accordion-schedule-table tbody tr > td:first-child { color: white; background-color: var(--e-global-color-indoor); }

body.activite-type-outdoor .activite-section-accordion-pricing-table thead, 
body.activite-type-outdoor .activite-section-accordion-schedule-table thead, 
body.activite-type-outdoor .activite-section-accordion-schedule-table thead tr > th:first-child,
body.activite-type-outdoor .activite-section-accordion-schedule-table tbody tr > td:first-child { color: white; background-color: var(--e-global-color-outdoor); }

body.activite-type-timeoff .activite-section-accordion-pricing-table thead, 
body.activite-type-timeoff .activite-section-accordion-schedule-table thead, 
body.activite-type-timeoff .activite-section-accordion-schedule-table thead tr > th:first-child,
body.activite-type-timeoff .activite-section-accordion-schedule-table tbody tr > td:first-child { color: white; background-color: var(--e-global-color-timeoff); }


@media screen and (max-width: 1024px){ 
	.activites-metas { flex-wrap: wrap; }
	.activite-meta-item { flex-direction: row; flex: 33.33%; } 
	.activite-meta-item .activite-meta-icon img { width: 100px; height: 100px; }
}
@media screen and (max-width: 800px){ 
	.activite-meta-item { flex: 50%; } 
	.activite-meta-item .activite-meta-icon img { width: 75px; height: 75px; }
}
@media screen and (max-width: 640px){ 
	.activites-metas { }
	.activite-meta-item { flex: 50%; flex-direction: column; } 
	.activite-meta-item .activite-meta-icon img { width: 125px; height: 125px; }
}

/* Gravity Forms */
textarea:focus, select:focus, input:not([type="button"]):not([type="reset"]):focus {
  color: var(--e-global-color-text);
    accent-color: #EB5C6D;
    background-color: var(--e-global-color-99c5297);
    box-shadow: 0px 0px 0px 0px rgba(235, 92, 108, 0.50) inset;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: var(--e-global-color-text);
} 
textarea, select, input:not([type="button"]):not([type="reset"]) {
  font-family: var(--e-global-font-primary) !important; border-radius: 5px !important;
  min-height: 50px !important;
} 
textarea { padding: 10px; }
.gfield--type-name .ginput_complex label { font-weight: 400; }