/*
Theme Name: CC Sud Alsace
Theme URI: https://www.illicoweb.com
Description: Hello Elementor Child Theme
Author: Studio illicoweb
Author URL: https://www.illicoweb.com
Template: hello-elementor
Version: 1.0.0
License: GNU General Public License v2 or later
License URL: https://www.gnu.org/licenses/gpl-2.0.html
*/
/* Placer votre CSS ci-dessous */


/* DEFAUT (hors elementor) */
:root {
    --border-radius-principal: 20px;
    --border-radius-secondaire: 10px;
}

/* Impact sur tout le site */
dd, dl, dt, li, ol, ul, ul.elementor-nav-menu--dropdown {font-size: inherit;}
:focus-visible {border-radius:var(--border-radius-secondaire);}


/* PLAN DU SITE */
ul.elementor-sitemap-list {padding: 0;column-count: 3;-webkit-column-count: 3;-moz-column-count: 3;color:white;}
ul.elementor-sitemap-list>li.elementor-sitemap-item {background-color: var(--e-global-color-primary);padding: 15px;border-radius: var(--border-radius-secondaire);display: inline-block;width: 100%;margin: 10px 0;}
ul.elementor-sitemap-list li.elementor-sitemap-item a {color: white !important;}
ul.elementor-sitemap-list>li ul.children li a {font-weight: 500;}
ul.elementor-sitemap-list>li ul.children>li ul.children li a {font-weight: 300;}

@media (min-width: 768px) and (max-width: 1024px) {
	ul.elementor-sitemap-list  {column-count: 2;-webkit-column-count: 2;-moz-column-count: 2;}
}

@media (max-width: 767px) {
	ul.elementor-sitemap-list  {column-count: 1;-webkit-column-count: 1;-moz-column-count: 1;}
}


/* TARTE AU CITRON */
div#tarteaucitronAlertBig::before {content: '\1F36A' !important;}


/* SEARCH & FILTER */
form.searchandfilter {/* background-color: var(--e-global-color-secondary); */border-radius: var(--border-radius-principal);padding: 10px 25px;margin-bottom: 1em;border: 2px solid var(--e-global-color-primary);}
form.searchandfilter ul {display: flex;align-items: center;gap: 1em;padding: 0;}
form.searchandfilter ul select,
form.searchandfilter ul input {border-radius: var(--border-radius-secondaire);}


/* FOOTER */
.footer, .footer a {color: white;}
form.tnp-form {display: flex;}
form.tnp-form input.tnp-email {background-color: var(--e-global-color-secondary);border-radius: 15px 0 0 15px;}
form.tnp-form .tnp-submit {width: 55% !important;background-color: var(--e-global-color-accent) !important;color: var(--e-global-color-primary) !important;border-radius: 0 15px 15px 0 !important;}



/* Galet qui bouge */
.elementor-icon-list-item a svg {transition: transform .8s ease-in-out !important;}
.elementor-icon-list-item a:hover svg {transform: rotate(-180deg);}


/* BCL ACTUALITÉS */
.bcl-actu:hover .elementor-widget-image::after {content: "";background: #000000;position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity:.2;border-radius: var(--border-radius-principal);}
.bcl-actu:hover .elementor-icon-list-item a {color: var(--e-global-color-primary);}
.bcl-actu:hover .elementor-icon-list-item a svg {transform: rotate(-180deg);fill: var(--e-global-color-primary) !important;}


/* PAGE ACCUEIL */
.home header#masthead {position: fixed;background-color: white;width:100vw;}

.home main {padding-top: 100px;}
.home main>.elementor>.elementor-element:first-child {position: fixed;top: 100px;width:100vw;}
.home main>.elementor>.elementor-element:nth-child(2) {margin-top: 70vh;}

.home footer {z-index: 100;position: relative;}
.home footer .elementor>.elementor-element {background-color: white;}

@media (max-width:1024px) {
	.home main>.elementor>.elementor-element:first-child {top: 183px;}
	.home main>.elementor>.elementor-element:nth-child(2) {margin-top: 70vh;}
}
@media (max-width:767px) {
	.home main {padding-top: 131px;}
	.home main>.elementor>.elementor-element:first-child {top: 130px;}
	.home main>.elementor>.elementor-element:nth-child(2) {margin-top: 65vh;}
}

	/* CARTE TERRITOIRE */
#map {display: flex;align-items: center;width: 80vw;}

#map .map-img {width: 40%;}
#map .map-img svg {height: 85vh;width: auto;}
#map .map-img a.active path, 
#map .map-img a path:hover { fill:#d6ade0}

#map .map-list {width: 60%;}
#map .map-list .list-communes {column-count: 3;margin-top:20px;}
#map .map-list .list-communes a{font-weight: 400;}
#map .map-list .list-communes a.active{color: var(--e-global-color-primary);font-weight: 700;}

@media (max-width:1024px) {
	#map {width: 85vw;}
	#map .map-img {width: 50%;}
	#map .map-list {width: 50%;}
	#map .map-list .list-communes {column-count: 2;}
}
@media (max-width:767px) {
	#map {width: 100%;}
	#map .map-img {display:none;}
	#map .map-list {width: 100%;}
	#map .map-list .list-communes ul {padding-left:20px;}
}

	/* Compteurs */
/* #count-commune .elementor-counter {width:252px;}
#count-km .elementor-counter {width:205px;}
#count-habitants .elementor-counter {width:321px;}
#count-etablissements .elementor-counter {width:305px;} */


	/* NOS ACTIONS EN COURS */
.elementor-element-634f4c3 .elementor-loop-container.elementor-grid {display: flex;flex-wrap: wrap;}

.elementor-element-634f4c3.elementor-widget-loop-grid .e-loop-item:first-of-type {width: 39%;}
.elementor-element-634f4c3.elementor-widget-loop-grid .e-loop-item:nth-of-type(2) {width: 58%;}
.elementor-element-634f4c3.elementor-widget-loop-grid .e-loop-item:nth-of-type(3) {width: 30%;}
.elementor-element-634f4c3.elementor-widget-loop-grid .e-loop-item:nth-of-type(4) {width: 43%;}
.elementor-element-634f4c3.elementor-widget-loop-grid .e-loop-item:nth-of-type(5) {width: 22%;}

.elementor-element-634f4c3.elementor-widget-loop-grid .e-loop-item:first-of-type .elementor-element-2b4fde3, 
.elementor-element-634f4c3.elementor-widget-loop-grid .e-loop-item:nth-of-type(2) .elementor-element-2b4fde3 {min-height: 400px;}

.bcl-actions:hover .elementor-page-title.elementor-widget-heading {background-color: #6c3078cc;padding-top: 20px;padding-bottom: 20px;}


/* COMMUNES */
.elementor-widget-eael-team-member {width: 245px;}
.elementor-widget-eael-team-member img {height: 40vh;object-fit: cover;object-position: center center;}
.elementor-widget-eael-team-member .eael-team-content {display: flex; justify-content: center; flex-direction: column;}