/*
Theme Name: tereopiscines
Author: Rougevert
Tags: blog, custom-menu
Version: 1.0.0
Requires at least: 5.0.0
Tested up to: 5.8.0
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tereopiscines
*/

.has_ae_slider.elementor-element.elementor-element-010b7a2.e-con-full.e-flex.ae-bg-gallery-type-default.e-con.e-child {    margin-bottom: 20px;}

/* GENERAL */
body {margin: 0;}
body.dialog-prevent-scroll {overflow-y: scroll !important;}
body::-webkit-scrollbar{display: none;}

div#cookiescript_injected_wrapper {z-index: 0 !important;}

.elementor-kit-48912 h2 {font-weight: 300;}

.gform_wrapper.gravity-theme .gform_validation_errors>h2 {color: transparent !important;}

.gform_wrapper.gravity-theme .gform_validation_errors{border-radius: 0 !important;}

span.gform-icon.gform-icon--close:before{content: "Merci de valider à nouveau l'envoi du formulaire"; color: #c02b0a !important; font-size: 13.2px; font-weight: 500; line-height: 17.6px; font-family: "Roboto", Sans-serif;}

.popup_jpo a.dialog-close-button {
    text-decoration: none;
}

/* MENU POPUP */

div.elementor-location-header {
	position: relative;
	z-index: 20;
}

#menu_popup_fixe {
	transform: translateX(105vw);
	transition: all .5s !important;
}

#menu_popup_fixe.ouvert {
	transform: none !important;
}

.ekit-popup-modal__close {
	z-index: 1111111 !important;
} 


/* FORMULAIRE GRAVITY FOOTER */
.gfield_radio {
    display: flex;
    justify-content: space-between;
}

.gfield_radio>.gchoice {
    width: calc(50% - 10px);
}

.gfield_radio input[type="radio"] {
    opacity: 0;
    position: fixed;
    width: 0;
}

.gfield_radio label {
    display: inline-block;
    color: white;
    padding: 10px;
    font-size: 16px;
    border-radius: 0px;
    max-width: none !important;
    width: 100%;
    text-align: center;
    background-color: rgba(0,  161,  153, 0.60);
    cursor: pointer;
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
}

.gfield_radio label:hover {
    background-color: #00A19A;
}

.gfield_radio input[type="radio"]:focus + label {
    background-color: #00A19A;
}

.gfield_radio input[type="radio"]:checked + label {
    background-color: #00A19A;
}


/* MENU BURGER */

#nav-icon4 {
	width: 30px;
	height: 30px;
	position: relative;
	margin: 0 auto;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}

#nav-icon4 span {
	display: block;
	position: absolute;
	height: 3px;
	width: 100%;
	background: #363636;
	border-radius: 9px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

#nav-icon4 span:nth-child(1) {
	top: 0px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

#nav-icon4 span:nth-child(2) {
	top: 12px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

#nav-icon4 span:nth-child(3) {
	top: 24px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

#nav-icon4.open span:nth-child(1) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 4px;
	left: 4px;
}

#nav-icon4.open span:nth-child(2) {
	width: 0%;
	opacity: 0;
}

#nav-icon4.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 25px;
	left: 4px;
}

/* FORMULAIRE */
[id^='gform_'] .gform_body textarea,
[id^='gform_'] .gform_body input[type="text"],
[id^='gform_'] .gform_body input[type="email"],
[id^='gform_'] .gform_body input[type="tel"] {
	border-top: none;
	border-left: none;
	border-right: none;
	padding: 10px 0 !important;
    border-bottom: 1px solid gainsboro;
    font-size: 13px !important;
    font-family: 'Roboto', sans-serif !important;
}

[id^='gform_'] label.gfield_consent_label {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 300;
}

[id^='gform_'] label.gfield_consent_label>a {
	color: #363636;
	fill: #363636;
	font-weight: bold;
	text-decoration: underline;
}

[id^='gform_submit_button_'] {
	background-color: #00A19A;
    border: none;
    padding: 10px;
    color: white;
    text-transform: uppercase;
    font-size: 16px;
    margin-left: auto;
    cursor: pointer;
}

[id^='gform_submit_button_']:hover {
	background-color: #00A19A;
    border: none;
    color: white;
}

[id^='gform_'] .gfield_required_text {display: none !important;}

span.gfield_required.gfield_required_asterisk {display: inline-block !important;}

input[type="text"]:focus, 
input[type="password"]:focus, 
textarea:focus {
	outline: none;
}

div[id^='gform_confirmation_message_']{text-align: center; font-family: 'Roboto', sans-serif !important;}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required, textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {
    border: none;
    padding: 10px 0;
    border-bottom: 1px solid gainsboro;
    width: 100%;
}

span.wpcf7-list-item.first, span.wpcf7-list-item.last {
    padding: 0;
    width: 100%;
    margin-bottom: 10px;
    margin-left: 0;
    color: white;
    text-align: center;
    margin-right: 15px;
    font-family: "Roboto", Sans-serif;
    font-size: 18px;
    font-weight: 300;
}

span.wpcf7-list-item-label{
	font-family: "Roboto", Sans-serif;
    font-size: 14px;
    font-weight: 300;}
    
input#form-submit {
    width: 100%;
    background-color: #00A19A;
    border: none;
    padding: 10px;
    color: white;
    text-transform: uppercase;
    font-size: 16px;
}
    
span.wpcf7-list-item-label a{
	color: #363636;
	text-decoration: underline;
    fill: #363636;
    color: #363636;
    font-weight: bold;
    }
    
input::placeholder {font-family: "Roboto", Sans-serif !important;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-family: "Roboto", Sans-serif !important;}
::-moz-placeholder { /* Firefox 19+ */
  font-family: "Roboto", Sans-serif !important;}
:-ms-input-placeholder { /* IE 10+ */
  font-family: "Roboto", Sans-serif !important;}
:-moz-placeholder { /* Firefox 18- */
  font-family: "Roboto", Sans-serif !important;}

span.wpcf7-spinner {display: none;}

.survol-categorie:hover{transform: translateY(15px);}

#menu-footer-mentions a{color: #363636;}
#menu-footer-mentions a:hover{color: #00A19A;}

span.wpcf7-list-item{margin-left: 0;}

.togglebuttons .wpcf7-list-item {
  margin: 0 2px 0 0;
  display: inline-block;
}

.togglebuttons > span input {
  opacity: 0;
  position: absolute;
}

.togglebuttons > span .wpcf7-list-item-label {
  cursor: pointer;
  display: block;
  color: #ffffff;
  background: #ffffff;
  padding: 10px;
  background: rgba(0,  161,  153, 0.60);
}

.togglebuttons > span input:checked + .wpcf7-list-item-label {
	background-color: #00A19A;
	border: none;
	color: #ffffff;
	font-weight: bold;
}

input#form-submit:hover {cursor: pointer !important;}

.page-id-77 div#responsive-menu-pro-header-bar-button{display: none;}

ul#menu-1-175f441>li>a:before, ul#menu-menu-general>li>a:before {content: url(../tereopiscines/images/FLECHE-MENU.svg);}

.ekit-vertical-navbar-nav .elementskit-megamenu-panel{
  left: 101% !important;
  width: CALC(100vw - 130%)!important;
}


ul#menu-1-175f441 li:hover a, ul#menu-menu-general li:hover a {color: #363636;}

i.fas.fa-home {display: none;}

#description-de-larchive a, #txt-de-ref a {
    font-weight: bold;
    color: #363636;
}

a.elementor-item.elementor-item-active {font-weight: 400 !important;}

.wpme_image img {width: 100%; height: auto;}

.wmle_social_share {display: none !important;}

.wmle_container .wmle_item .wmle_post_title {
    font-size: 20px !important;
    color: #ffffff;
    line-height: 1.3;
    font-weight: bold;
    display: none;
    margin: auto;
    text-align: center;
    position: absolute;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    text-shadow: none !important;
    font-family: var(--e-global-typography-text-font-family ), Sans-serif !important;
}

.wmle_item>.wpme_image>a {
    overflow: hidden;
}

body.archive.category .wmle_item>.wpme_image>a:first-child::before {
    content: "DECOUVRIR ";
    font-size: 20px;
    color: white;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 1;
    transition: all .5s;
    text-shadow: 2px 2px 5px rgba(51,51,51,.5);
}

body.archive.category .wmle_item>.wpme_image>a:first-child::after {
    content: "cette realisation";
    font-size: 20px;
    color: white;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 20px;
    opacity: 1;
    transition: all .5s;
    text-shadow: 2px 2px 5px rgba(51,51,51,.5);
}

.wmle_item>.wpme_image>a>.data-acf {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #00A19A;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 10px;
    z-index: 15;
    font-size: 18px;
    color: white;
    transition: all .5s;
    text-align: center;
}

.wmle_item>.wpme_image>a:hover>.data-acf {
    opacity: 1;
    padding-top: 15px;
    padding-bottom: 15px;
}

body.archive.category .wmle_item:hover>.wpme_image>a:first-child::before, 
body.archive.category .wmle_item:hover>.wpme_image>a:first-child::after {opacity: 1;}

.wpme_image>.wmle_post_title {
	position: absolute;
	left: 50% !important;
	top: 50% !important;
	transform: translate(-50%, -50%);
	width: 100% !important;
}

div#wmle_container .wmle_post_title a{display: none;}

.wp-block-button {text-align: center; margin-top: 2em;}

.bloc-horaires h2{ margin: 0;}

a.wp-block-button__link.has-background.wp-element-button {color: white !important; font-weight: 300 !important;}

a.wp-block-button__link.has-background.wp-element-button, a.elementor-button-link.elementor-button.elementor-size-sm{transition: ease-in-out all .5s;}

#fenetre-modale-catalogue form.wpcf7-form.init {text-align: center;}

span.page-numbers.prev, span.page-numbers.next, a.page-numbers.next {
    background-color: #00A19A;
    padding: 10px;
    color: white;
    font-family: 'Roboto';
    transition: ease-in-out all .5s;
}

span.page-numbers.prev:hover, span.page-numbers.next:hover, a.page-numbers.next:hover {background-color: #363636;}

.cc-window.cc-banner.cc-type-opt-out.cc-theme-.cc-bottom {z-index: 11111111111;}

nav.elementor-pagination {margin-top: 3em;}

.elementor-49348 .elementor-element.elementor-element-7154352 {--z-index: 1111111111;}

blockquote.wp-block-quote {border-left: solid black 1px;}

blockquote.wp-block-quote p {padding-left: 1em;}

#gras-bold a{color: var( --e-global-color-secondary ); font-weight: bold;}

#le-menu-monile-hehe {left: 0px; height: 70px;}

[class*='category-paged-'] a.page-numbers.prev {color: #00A19A !important;}

.ekit-wid-con .ekit-vertical-navbar-nav .elementskit-submenu-indicator {
    padding: 3px 10px;
    border: 0 !important;
    border-radius: 0 !important;
}

.elementor-widget-ae-breadcrumb {z-index: 1;}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: white;
    background-color: #363636;
    color: white;
    text-align: center;
    padding: 10px;
    font-family: "Roboto", Sans-serif;
}

.wpcf7 form .wpcf7-response-output {margin: 0;}

 .wpcf7 form .wpcf7-response-output {width: 100%;}
 
 .has_ae_slider.elementor-element.elementor-element-5b890e6.e-con-full.ae-bg-gallery-type-default.e-con {display: none;}
 
 input.button.logout {
    PADDING: 10px;
    border: none;
    width: 100%;
}

.grise a {color: #333333;}

.wp-block-button.bouton-dans-article a.wp-block-button__link.has-black-color.has-text-color.has-background.wp-element-button {color: black !important;}
.wp-block-button.bouton-dans-article:hover a.wp-block-button__link.has-black-color.has-text-color.has-background.wp-element-button {color: white !important; background-color: #00A19A !important;}

#le-formulaire-tereo div#wpcf7-f49249-p77-o1 {
    overflow: hidden;
    height: 70vh;
    overflow-y: auto !important;
}

.tel-gris strong {color: #363636 !important;}

.elementor-popup-modal .dialog-close-button {z-index: 99999999999 !important;}

figcaption.widget-image-caption.wp-caption-text {margin-top: 5px;}
figure.wp-caption img {height: 250px; object-fit: cover;}
 

/* ONLY MOBILE */
@media screen and (max-width: 767px){
	.category-actualites .elementor-posts--thumbnail-left .elementor-post, 
	.elementor-posts--thumbnail-right .elementor-post {
		flex-direction: column !important;
	}
	
	.category-actualites a.elementor-post__thumbnail__link {
		margin-bottom: 20px;
	}
	
	div#menu-fond-vert {
		padding-bottom: 3em;
	}
	
	.elementor-49381 .elementor-element.elementor-element-be091b9 {
		--margin-top: 80px !important;
	}
	
	ul#menu-menu-general li a {
		font-weight: 400;
	}
	
	.wpcf7 form p,
	.wpcf7 form p input:not([type="checkbox"]),
	.wpcf7 form p textarea,
	.elementor-widget-theme-post-content p {
		font-size: 16px !important;
	}

    li.menu_services>a {
        cursor: text !important;
    }
}


@media only screen and (max-width: 1604px) and (min-width: 1280px) {
	
	#menu-fond-vert ul#menu-1-175f441>li:before, #menu-fond-vert ul#menu-menu-general>li:before {
    height: 45px;
    width: 30px;
	}
	
	#menu-fond-vert .elementor-nav-menu .elementor-item {font-size: 1.8vw !important;}
	
}

@media only screen and (max-width: 1500px) and (min-width: 1280px) {
	   div#titre-de-larchive h1 {font-size: 5rem !important;}
	   div#scroll-1{padding-right: 6em;}
}

@media only screen and (max-width: 1279px) and (min-width: 768px) {
	#menu-fond-vert ul#menu-1-175f441>li:before, #menu-fond-vert ul#menu-menu-general>li:before {
    height: 45px;
    width: 25px;
	}
	
	#menu-fond-vert .elementor-nav-menu--main .elementor-nav-menu a, .elementor-nav-menu--main .elementor-nav-menu a.highlighted, .elementor-nav-menu--main .elementor-nav-menu a:focus, .elementor-nav-menu--main .elementor-nav-menu a:hover {
    padding: 10px 5px !important;}
    
    #menu-fond-vert .elementor-nav-menu .elementor-item {font-size: 1.8vw !important;}
    
   div#titre-de-larchive h1 {font-size: 3rem !important;}
   
   div#scroll-1{padding-right: 2em;}
    
}


/* NOUVEAU HEADER */

#menu_v2 .ekit-offcanvas-toggle-wraper,
#menu_v2_mobile .ekit-offcanvas-toggle-wraper {
    position: relative;
    z-index: 1111110;
}

#menu_v2 .nom_menu_v2 {
    transform: rotate(-90deg);
    font-family: 'Roboto', sans-serif;
    position: absolute;
    left: 0;
}

#menu_v2 ul#menu-menu-general>li>div.elementskit-megamenu-panel,
#menu_v2_mobile ul#menu-menu-general>li>div.elementskit-megamenu-panel {
    z-index: 15;
}

#menu_v2 .ekit_isActive div[data-elementor-type="wp-post"][data-elementor-post-type="elementskit_content"]>nav>div:not(:has(#menu-menu-general)),
#menu_v2_mobile .ekit_isActive div[data-elementor-type="wp-post"][data-elementor-post-type="elementskit_content"]>nav>div:not(:has(#menu-menu-general)) {
    z-index: 0;
}

#menu_v2 .ekit_isActive div[data-elementor-type="wp-post"][data-elementor-post-type="elementskit_content"]>nav>div:has(#menu-menu-general),
#menu_v2_mobile .ekit_isActive div[data-elementor-type="wp-post"][data-elementor-post-type="elementskit_content"]>nav>div:has(#menu-menu-general) {
    z-index: 1;
}

#menu_v2 .ekit_widget-heading:has(a.ekit_close-side-widget),
#menu_v2_mobile .ekit_widget-heading:has(a.ekit_close-side-widget) {
    display: none;
}

#menu_v2 .ekit-sidebar-group.ekit-slide>.ekit-sidebar-widget>.ekit_sidebar-widget-container,
#menu_v2_mobile .ekit-sidebar-group.ekit-slide>.ekit-sidebar-widget>.ekit_sidebar-widget-container {
    opacity: 1 !important;
    transition: none !important;
    visibility: visible !important;
    top: 0 !important;
}

#menu_v2 .ekit-sidebar-group.ekit-slide,
#menu_v2 .ekit-sidebar-group.ekit-slide>.ekit-sidebar-widget,
#menu_v2 .ekit-sidebar-group.ekit-slide>.ekit-sidebar-widget>.ekit_sidebar-widget-container,
#menu_v2 .ekit-sidebar-group.ekit-slide>.ekit-sidebar-widget>.ekit_sidebar-widget-container>.ekit_sidebar-textwidget,
#menu_v2 .ekit-sidebar-group.ekit-slide>.ekit-sidebar-widget>.ekit_sidebar-widget-container>.ekit_sidebar-textwidget>.widgetarea_warper,
#menu_v2 .ekit-sidebar-group.ekit-slide>.ekit-sidebar-widget>.ekit_sidebar-widget-container>.ekit_sidebar-textwidget>.widgetarea_warper>.elementor-widget-container,
#menu_v2 .ekit-sidebar-group.ekit-slide>.ekit-sidebar-widget>.ekit_sidebar-widget-container>.ekit_sidebar-textwidget>.widgetarea_warper>.elementor-widget-container>div[data-elementor-type="wp-post"],
#menu_v2 .ekit-sidebar-group.ekit-slide>.ekit-sidebar-widget>.ekit_sidebar-widget-container>.ekit_sidebar-textwidget>.widgetarea_warper>.elementor-widget-container>div[data-elementor-type="wp-post"]>nav,
#menu_v2 .ekit-sidebar-group.ekit-slide>.ekit-sidebar-widget>.ekit_sidebar-widget-container>.ekit_sidebar-textwidget>.widgetarea_warper>.elementor-widget-container>div[data-elementor-type="wp-post"]>nav>div:first-of-type {
    height: 100%;
    min-height: 0;
}

a.clicTelLYON,
a.clicTelVILLEFRANCHE {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}

.contact_popup_v2 .ekit-popup-modal__toggler-wrapper>button.elementskit-btn {
    font-weight: 300 !important;
    letter-spacing: 0 !important;
}

#btn_remerciements a span {
    color: white;
    transition: all .5s;
}

#btn_remerciements a:hover span {
    color: #00A19A !important;
}