/*
Theme Name: Illicoweb
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 */

/* 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: 10px;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.elementor-sitemap-item>a {font-weight: 600;}
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: 768px) {
	ul.elementor-sitemap-list  {column-count: 1;-webkit-column-count: 1;-moz-column-count: 1;}
}


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


.titre-h2{font-family: "Great Vibes", Sans-serif; color: var( --e-global-color-secondary ); font-weight: 400; font-size: 3.4em; line-height:64px}
.titre-h2 *{margin:0}

@media (min-width: 768px) and (max-width: 1024px) {
  .titre-h2{ font-size: 2.8em;}
}
@media (max-width: 767px) {
  .titre-h2{ font-size: 2.5em;}
}

.page-content a {  text-decoration: none;}

.cpointer {cursor: pointer;}

/* HEADER */
.header-top{background: #fff;-webkit-box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.3); box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.3);}
/*.header-top > div{ justify-content:space-between; display:flex; align-items:center}
.header-top > div > div{ width:auto !important;}*/

@media (min-width: 768px) {
  .header-top > div{ justify-content:space-between; display:flex; align-items:center}
  .header-top > div > div{ width:auto !important;}
}

.icon-social li{ background: var( --e-global-color-primary );border-radius:50%; width:40px; height:40px; line-height:40px; text-align: center}
.icon-social li:hover{ background: var( --e-global-color-secondary );}
.icon-social a{ display: inline-block}
.icon-social *{padding:0 !important;; display: inline-block}


/* MENU POP */
#MenuPop{ list-style: none; padding: 0px; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3;}
#MenuPop > li{ padding: 20px; margin-bottom: 20px; width: 100%; display: inline-block;}
#MenuPop .sub-menu{list-style: none; padding:10px 5px 10px 20px}
#MenuPop .menu{list-style: none;}
#MenuPop a{color: #fff; }
#MenuPop a:hover{color:var( --e-global-color-secondary );; }
#MenuPop .menu-item > a{font-size: 32px; font-weight: 700;}
#MenuPop .sub-menu .menu-item>a{font-size: 20px; font-weight: 500; padding:4px; display: block }
@media screen and (max-width: 1060px) {#MenuPop{list-style: none; padding: 0px; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}}
@media screen and (max-width: 670px) {#MenuPop{list-style: none; padding: 0px; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}}
@media screen and (max-width: 670px) {#MenuPop .menu{padding: 10px 20px 10px 10px;}}
#MenuPop .sub-menu .sub-menu{display: none;}
#MenuPop .menu > li {margin-top: 25px !important; display:inline-block; width:100%;}
#MenuPop .menu{float: left}


/* slider */
.swiper-slide-inner{ background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.30154068463322825) 100%); }
.swiper-pagination-bullets{ width:auto !important;; background:  var( --e-global-color-secondary ); margin-left:8%; padding:15px 25px;
border-radius:25px}
.swiper-pagination-bullet-active, .swiper-pagination-bullet:hover{ height: 18px !important;  width: 18px !important;}

/* Bloc incontournable accueil */
/* .incontour-bloc{ overflow: hidden; width:100%; float:left;position:relative; border-radius:15px;
aspect-ratio: 420/156;}
.incontour-bloc-large{ aspect-ratio: 300/350;}
.incontour-bloc a{ display:block;max-height: 100% ; }
.incontour-img{ width:100%; display:block;max-height: 100% ; transition: all 0.2s ease;}
.incontour-titre{ position: absolute; left:0px; bottom:0px; right:0px ; padding:20% 25px 20px 30px; transition: all 0.2s ease;
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.01) 1%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 /
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 *
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 *
font-size:26px; font-weight:700; color:#ffffff !important; display: flex;  width: 100%;
  justify-content: space-between;   align-items: center;}
.incontour-img img{ object-fit: cover;  max-width: none !important;
opacity: 1;  position: absolute;  inset: 0px;  margin: auto;  display: block;  width: 0px;  height: 0px;
  min-width: 100%;  max-width: 100%;  min-height: 100%;  max-height: 100%;}
.incontour-bloc:hover .incontour-titre{padding:20% 25px 30px 30px;} */
#bloc-incontournable .txt-incontournable { transition: all 0.2s ease;}
#bloc-incontournable:hover .txt-incontournable {padding: 0px 0px 20px 0px; transition: all 0.2s ease-in-out;}


/* FOOTER */
footer{ width:100%; float:left}
.footer-logo{border-bottom:1px dashed #fff;border-bottom-width:2px;}
.footer-bottom{border-top:1px solid #fff}
.logo-illicoweb img{width: auto!important;}
footer .elementor-button-link:hover{ background-color:rgba(255,255,255,.8) !important;}


/* LEI */
.lei-container {  max-width: 1460px;  margin: 0 auto;  float: none;  width: 100%;  padding: 5px 0;  position: relative;}

.landings .landing-sp{ display:none}


/* GTranslate */
.gt_options {position: fixed !important; top: 12% !important; right: 0px !important; left: auto !important; background-color: white; padding: 10px 5px;}

.gt_float_switcher {box-shadow: none !important;}

@media (max-width: 768px) { 
/*   .gt_options {right: auto !important; left: auto !important; top: 20% !important;} */
	 .gt_options {right: auto !important;left: auto !important;top: 37% !important;max-width: 100% !important;}
}