/* CUSTOM CSS */
/*
*
* INITIALISATION
*
*/
html, body{
width : 100%;
overflow: hidden;
overflow-y: auto;
}
header .elementor-widget-image a img[src$=".svg"]{
width: auto;
}
footer .elementor-widget-image a img[src$=".svg"]{
width: auto;
}
/* DISPLAY NONE */
.d-none{
display: none!important;
}
@media screen and (min-width:768px){
.d-sm-only{
display: none!important;
}
}
@media screen and (max-width:767px){
.d-sm-none{
display: none!important;
}
}
@media screen and (min-width:1024px){
.d-md-only{
display: none!important;
}
}
@media screen and (max-width:1023px){
.d-md-none{
display: none!important;
}
}
@media screen and (min-width:1200px){
.d-lg-only{
display: none!important;
}
}
@media screen and (max-width:1199px){
.d-lg-none{
display: none!important;
}
}
/* RECAPTCHA */
.grecaptcha-badge{
display : none!important;
opacity : 0;
z-index : -99999;
}
/*
*
* GENERAL
*
*/
:root {
--max-width: 1340px;
--min-margin: 3rem;
--dynamic-width: min(var(--max-width), calc(100% -(2* var(--min-margin))));
--dynamic-margin: max(calc(50% - 0.5* var(--max-width)), var(--min-margin));
}
.b, strong {
font-weight: bold;
}
/* Full height */
.full-height{
height: 100%!important;
}
/* Offset left wrapper */
@media screen and (min-width:768px){
.offset-left-wrapper{
position: relative;
padding-left: var(--dynamic-margin);
}
}
/* Content Box */
.content-box .content-box-icon,
.content-box :is(h1,h2,h3,h4,p,b,a,span:not(.text),div),
.content-box .content-box-icon,
.content-box .content-box-icon svg{
transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}
.content-box:hover :is(h1,h2,h3,h4,p,b,a,span:not(.text),div),
.content-box:focus :is(h1,h2,h3,h4,p,b,a,span:not(.text),div){
color: #fff!important;
}
.content-box:hover .content-box-icon,
.content-box:focus .content-box-icon{
transform: scale(15);
}
.content-box:hover .content-box-button .btn svg {
transform: rotate(45deg) translateX(-8px);
}
.content-box:hover .content-box-button .btn::before {
content: '';
width: 100%;
height: 100%;
right: 0;
}
@media screen and (max-width : 1200px){
.content-box:is(:focus,:hover) .content-box-icon.large{
transform: scale(17);
}
}
@media screen and (max-width : 879px){
.content-box:is(:focus,:hover) .content-box-icon.large{
transform: scale(21);
}
}
/* Black and white carousel */
#black-n-white-carousel img{
filter: grayscale(1);
transition: filter 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}
#black-n-white-carousel img:hover,
#black-n-white-carousel img:focus{
filter: grayscale(0);
}
/* Heartbeat */
/*.heartbeat{
transform-origin: center;
-webkit-animation: animateHeart 5s infinite;
animation: animateHeart 5s infinite;
}*/
/* Background image & squared background image */
.background-img, .squared-img{
position: relative;
}
.background-img:before, .squared-img:before{
z-index: 2;
}
.squared-img{
aspect-ratio: 1 / 1;
}
.squared-img > div, .background-img > div{
position: static;
}
.squared-img img, .background-img img{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
font-family: 'object-fit: cover;';
object-position: center;
min-height: 100%;
}
.squared-img.top img, .background-img.top img{
object-position: center top;
}
.squared-img.bottom img, .background-img.bottom img{
object-position: center bottom;
}
@media screen and (max-width:767px){
.background-img.full-height, .squared-img.full-height{
height: auto!important;
}
}
/* SWIPER SLIDER */
.slider-wrapper:before{
z-index: 10;
pointer-events: none;
}
.e-widget-swiper{
overflow: hidden;
}
.swiper-slide .squared-img > .e-con-inner, .swiper-slide .squared-img > .e-con-inner > .elementor-widget-image{
height: 100%;
}
/* TEXT LIST */
.elementor-widget-text-editor ul{
padding: 0;
}
.elementor-widget-text-editor ul li{
position: relative;
padding-left : 2rem;
list-style-type: none;
}
.elementor-widget-text-editor ul li:not(:last-of-type){
margin-bottom: 1rem;
}
.elementor-widget-text-editor ul li:before{
content: url('data:image/svg+xml,');
position: absolute;
left: 0;
top: 0rem;
width: 1.4rem;
}
/* TABS */
.elementor-widget-n-tabs .e-n-tabs-heading .e-n-tab-title[aria-selected="true"]{
position: relative;
}
.elementor-widget-n-tabs .e-n-tabs-heading .e-n-tab-title[aria-selected="true"]:before{
content: "";
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%) translateY(.75rem) rotate(180deg);
--r: 3px;
width: 25px;
aspect-ratio: 1 / cos(30deg);
--_g: calc(tan(60deg) * var(--r)) bottom var(--r), #000 98%, #0000 101%;
mask: /* a conic gradient to fill the middle area */ conic-gradient(from -30deg at 50% calc(200% - 3 * var(--r) / 2), #000 60deg, #0000 0) 0 100% / 100% calc(100% - 3 * var(--r) / 2) no-repeat, /* 3 radial gradients for 3 circles */ radial-gradient(var(--r) at 50% calc(2 * var(--r)), #000 98%, #0000 101%), radial-gradient(var(--r) at left var(--_g)), radial-gradient(var(--r) at right var(--_g));
clip-path: polygon(50% 0, 100% 100%, 0 100%);
background: inherit;
}
/*
*
* MENU
*
*/
header.elementor-location-header{
position: relative;
z-index: 5;
}
header #main-menu{
z-index: 2;
}
/* Main menu */
#main-menu{
display: inline-flex;
width: auto;
max-width: max-content;
}
#main-menu .e-n-menu-heading li.e-n-menu-item #eveiller:is(:hover,:focus) span{
color : var(--e-global-color-2aed938);
}
#main-menu .e-n-menu-heading li.e-n-menu-item #eveiller:is(:hover,:focus) .e-n-menu-dropdown-icon svg{
fill : var(--e-global-color-2aed938);
}
#main-menu .e-n-menu-heading li.e-n-menu-item #construire:is(:hover,:focus) span{
color : var(--e-global-color-64de5fe);
}
#main-menu .e-n-menu-heading li.e-n-menu-item #construire:is(:hover,:focus) .e-n-menu-dropdown-icon svg{
fill : var(--e-global-color-64de5fe);
}
#main-menu .e-n-menu-heading li.e-n-menu-item #loger:is(:hover,:focus) span{
color : var(--e-global-color-6cdc89f);
}
#main-menu .e-n-menu-heading li.e-n-menu-item #loger:is(:hover,:focus) .e-n-menu-dropdown-icon svg{
fill : var(--e-global-color-6cdc89f);
}
#main-menu .e-n-menu-heading li.e-n-menu-item #epanouir:is(:hover,:focus) span{
color : var(--e-global-color-f435e05);
}
#main-menu .e-n-menu-heading li.e-n-menu-item #epanouir:is(:hover,:focus) .e-n-menu-dropdown-icon svg{
fill : var(--e-global-color-f435e05);
}
#main-menu .e-n-menu-heading .e-n-menu-dropdown-icon{
position: absolute;
bottom: 1.5rem;
left: 50%;
transform: translateX(-50%);
margin: 0;
}
/* sub-menus */
.sub-menu nav ul li a{
border-radius: 15px;
border-width: 1px;
border-style: solid;
}
.sub-menu nav.elementor-nav-menu--main ul{
display: flex;
gap: 1rem;
}
.sub-menu nav.elementor-nav-menu--main ul li a{
padding: 1.5rem;
}
.sub-menu nav.elementor-nav-menu--main ul li{
width: 47%;
}
.sub-menu nav.elementor-nav-menu--main ul li a:hover,
.sub-menu nav.elementor-nav-menu--main ul li a:focus{
padding: 1.5rem 2rem;
}
.sub-menu.eveiller nav.elementor-nav-menu--main ul li{
border-color : var(--e-global-color-2aed938);
}
.sub-menu.eveiller nav.elementor-nav-menu--main ul li a{
color : var(--e-global-color-2aed938);
}
.sub-menu.eveiller nav.elementor-nav-menu--main ul li a:hover,
.sub-menu.eveiller nav.elementor-nav-menu--main ul li a:focus,
.sub-menu.eveiller nav.elementor-nav-menu--main ul li.current-menu-item a{
color : #fff;
background-color : var(--e-global-color-2aed938);
}
.sub-menu.construire nav.elementor-nav-menu--main ul li{
border-color : var(--e-global-color-64de5fe);
}
.sub-menu.construire nav.elementor-nav-menu--main ul li a{
color : var(--e-global-color-64de5fe);
}
.sub-menu.construire nav.elementor-nav-menu--main ul li a:hover,
.sub-menu.construire nav.elementor-nav-menu--main ul li a:focus,
.sub-menu.construire nav.elementor-nav-menu--main ul li.current-menu-item a{
color : #fff;
background-color : var(--e-global-color-64de5fe);
}
.sub-menu.loger nav.elementor-nav-menu--main ul li{
border-color : var(--e-global-color-6cdc89f);
}
.sub-menu.loger nav.elementor-nav-menu--main ul li a{
color : var(--e-global-color-6cdc89f);
}
.sub-menu.loger nav.elementor-nav-menu--main ul li a:hover,
.sub-menu.loger nav.elementor-nav-menu--main ul li a:focus,
.sub-menu.loger nav.elementor-nav-menu--main ul li.current-menu-item a{
color : #fff;
background-color : var(--e-global-color-6cdc89f);
}
.sub-menu.epanouir nav.elementor-nav-menu--main ul li{
border-color : var(--e-global-color-f435e05);
}
.sub-menu.epanouir nav.elementor-nav-menu--main ul li a{
color : var(--e-global-color-f435e05);
}
.sub-menu.epanouir nav.elementor-nav-menu--main ul li a:hover,
.sub-menu.epanouir nav.elementor-nav-menu--main ul li a:focus,
.sub-menu.epanouir nav.elementor-nav-menu--main ul li.current-menu-item a{
color : #fff;
background-color : var(--e-global-color-f435e05);
}
@media screen and (max-width:1023px){
.elementor-nav-menu--main .elementor-nav-menu ul.sub-menu{
margin: 0!important;
position: relative!important;
}
.elementor-nav-menu--main .elementor-nav-menu ul.sub-menu li a{
justify-content: center!important;
}
}
/* Burger menu icon */
#burger-menu-icon #top-line,
#burger-menu-icon #middle-line,
#burger-menu-icon #bottom-line{
transition: all .3s ease;
}
#burger-menu-icon #top-line, #burger-menu-icon #bottom-line{
transform-origin: top left;
}
#burger-menu-wrapper.active #burger-menu-icon{
z-index: 10;
}
#burger-menu-wrapper.active #burger-menu-icon #top-line{
transform: rotate(45deg) scale(1.2) translateX(0.2rem) translateY(-0.7rem);
}
#burger-menu-wrapper.active #burger-menu-icon #bottom-line{
transform: rotate(-45deg) scale(1.2) translateX(-1.2rem) translateY(-0.6rem);
}
#burger-menu-wrapper.active #burger-menu-icon #middle-line{
opacity: 0;
}
/* menu-burger */
#burger-menu{
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
padding: 2rem;
z-index: -1;
opacity: 0;
pointer-events: none;
}
#burger-menu-wrapper.active #burger-menu{
z-index: 6;
opacity: 1;
pointer-events: all;
transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
}
/* Search form */
#main-search{
position: absolute;
left: 0;
right: 0;
top: 100%;
transform: translateY(-100%);
z-index: -1;
opacity: 0;
pointer-events: none;
transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
}
#main-search ul{
padding: 0;
}
#main-search.active{
transform: translateY(0);
opacity: 1;
pointer-events: all;
z-index: 1;
}
#main-search .eael-advanced-search-button{
width : 10%;
}
#main-search .eael-advanced-search-wrap input{
box-shadow: 0 0 0 rgba(0,0,0,0);
padding-left: 1rem;
}
#main-search .eael-advanced-search-wrap .icon{
left: auto;
right: -45px;
font-size: 30px;
}
#main-search .eael-advanced-search-wrap .icon i{
color : var(--e-global-color-secondary );
}
@media screen and (max-width : 768px){
#general-search-box > .e-con-inner > [data-element_type="container"]{
width : 100%;
}
#main-search form{
flex-wrap: nowrap;
}
}
/*
*
* HOME
*
*/
/* FIX "3a" headline typography */
.main-title .elementor-headline .elementor-headline-dynamic-text{
text-align: center;
justify-content: center;
}
.main-title .elementor-headline .elementor-headline-dynamic-text span{
display: block;
font-family: "Inter", Sans-serif;
font-size: 3rem;
font-weight: 200;
line-height: 1.2;
color : var(--e-global-color-text);
}
@media screen and (max-width : 1023px){
.main-title .elementor-headline .elementor-headline-dynamic-text span{
font-size: 2rem;
}
}
/* Post grid loop */
.post-loop-item .squared-img:before{
z-index: 1;
}
.post-loop-item.cropped-item .squared-img .elementor-widget-image{
clip-path: polygon( 12.5% 9.827%,12.5% 9.827%,11.824% 9.896%,11.183% 10.098%,10.585% 10.422%,10.039% 10.855%,9.553% 11.388%,9.137% 12.01%,8.798% 12.709%,8.546% 13.474%,8.388% 14.295%,8.333% 15.16%,8.333% 84.84%,8.333% 84.84%,8.388% 85.705%,8.546% 86.526%,8.798% 87.291%,9.137% 87.99%,9.553% 88.612%,10.039% 89.145%,10.585% 89.578%,11.183% 89.902%,11.824% 90.104%,12.5% 90.173%,87.5% 90.173%,87.5% 90.173%,88.176% 90.104%,88.817% 89.902%,89.415% 89.578%,89.961% 89.145%,90.447% 88.612%,90.863% 87.99%,91.202% 87.291%,91.454% 86.526%,91.612% 85.705%,91.667% 84.84%,91.667% 15.16%,91.667% 15.16%,91.612% 14.295%,91.454% 13.474%,91.202% 12.709%,90.863% 12.01%,90.447% 11.388%,89.961% 10.855%,89.415% 10.422%,88.817% 10.098%,88.176% 9.896%,87.5% 9.827%,12.5% 9.827% );
width: 100%;
height: 100%;
}
.post-loop-item .post-loop-item-img img{
transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
}
.post-loop-item:hover .post-loop-item-img img,
.post-loop-item:focus .post-loop-item-img img{
transform: scale(1.2);
transition: all 1.5s cubic-bezier(0, 0, 0, 1);
}
.post-loop-item .post-loop-item-terms{
padding: .7rem 1.2rem;
border-radius: 15px;
}
/*
*
* P-INT
*
*/
/* Main Header */
.main-header .main-header-infos:before{
content: "";
background-color: inherit;
width: 50rem;
height: 50rem;
position: absolute;
top: 50%;
left: 0;
transform: translate(-4rem, -50%);
border-radius: 50%;
}
@media screen and (max-width: 767px) {
.main-header .main-header-infos:before{
top: 0;
left: 50%;
transform: translate(-50%, -4rem);
}
}
/* Breadcrumbs */
#breadcrumbs:after{
content : url('data:image/svg+xml,');
width : 100%;
height : auto;
}
#breadcrumbs > span > span{
position: relative;
}
#breadcrumbs > span > span:nth-child(1){
display: inline-flex;
align-items: center;
}
#breadcrumbs > span > span:nth-child(1):before{
content : url('data:image/svg+xml,');
position: relative;
display: inline-block;
width : 1rem;
margin-right: .5rem;
}
#breadcrumbs > span > span:not(:last-child):after{
content: "";
position: absolute;
right : -.5rem;
width : 4px;
height: 4px;
top : 50%;
transform-origin: 50%;
transform: translateY(-50%) rotate(45deg);
border-right : 1px solid #222;
border-top: 1px solid #222;
opacity: .5;
}
#breadcrumbs > span{
display: flex;
align-items: center;
gap: 1rem;
}
/* Blog */
#terms-list{
display: flex;
gap: .5rem;
flex-wrap: wrap;
justify-content: center;
}
#terms-list .post-loop-item-terms{
padding: .7rem 1.2rem;
border-radius: 15px;
color : #fff;
font-family: "Inter", Sans-serif;
font-size: 0.8rem;
font-weight: 600;
}
/*
*
* ANIMATIONS
*
*/