body{width:100%;overflow-x: hidden}
body, #inner-body{font-family:"Ubuntu";/* color:#FFF; background:#000;*/}

.hide-dark{display: initial;}
.show-dark{display: none;}

.darkmysite_dark_mode_enabled .hide-dark{display: none;}
.darkmysite_dark_mode_enabled .show-dark{display: initial;}

.aux-modern-button-wrapper{line-height:1;}

.aux-goto-top-btn{display:none !important;}

.darkmysite_dark_mode_enabled #fondu-blanc .aux-the-shape{
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%) !important;
}
.darkmysite_dark_mode_enabled .ti-widget.ti-goog .ti-review-item > .ti-inner, .darkmysite_dark_mode_enabled .ti-widget.ti-goog .ti-load-more-reviews-button{
    background:#050505 !important;
}
.darkmysite_dark_mode_enabled svg path{fill: var(--darkmysite_dark_mode_text_color) !important;
}

.darkmysite_dark_mode_enabled .darkmysite_style_txt_border:not(.darkmysite_switch, .darkmysite_switch *, .darkmysite_ignore, .darkmysite_ignore *, .bubble_all svg *) {
    color: var(--darkmysite_dark_mode_text_color) !important;
    border-color: var(--darkmysite_dark_mode_border_color) !important;
    fill: var(--darkmysite_dark_mode_text_color) !important;
}

#tarteaucitronCloseCross{padding:0 !important;}

#piscinagiste-logo-menu{display:none;}
#piscinagiste-logo-menu-dark{display:initial;}

.darkmysite_dark_mode_enabled .elementor-7244 .elementor-social-icon svg{fill:#FFF !important;}

body.home #piscinagiste-logo-menu, .darkmysite_dark_mode_enabled #piscinagiste-logo-menu{display:initial;}
body.home #piscinagiste-logo-menu-dark, .darkmysite_dark_mode_enabled #piscinagiste-logo-menu-dark{display:none;}

body.home .elementskit-navbar-nav > li > a{color:#FFF !important;}
#site-elementor-header{background:#FFF !important;transition: background 500ms ease-in !important; z-index: 2000;}
.darkmysite_dark_mode_enabled #site-elementor-header{background:#000 !important;}
body.home #site-elementor-header{background:transparent !important;}
body.home.scrolled #site-elementor-header{background:rgba(0,0,0,0.8) !important;}

#logo-experience-dark, #logo-experience{display:none;}
body.home.scrolled #logo-experience{display: initial;}
body:not(.home) #logo-experience-dark{display: initial;}

.elementskit-navbar-nav-default .elementskit-submenu-panel > li:hover > a, .elementskit-navbar-nav-default .elementskit-submenu-panel > li > a:hover{
    background:transparent !important;
}


#bandeau-pages{
    display:block; width:100%; height:auto;padding-top: 4.375em;padding-bottom: 4.375em;
}
#bandeau-pages img{
    width:100%; height:auto; max-width:none;
}



.pswp__top-bar button{background-color: #000 !important;}
.pswp__button.pswp__button--share, .pswp__button.pswp__button--fs, .pswp__button.pswp__button--zoom{display: none !important;}
.darkmysite_dark_mode_enabled .pswp__button.pswp__button--close{background: url('images/photoswipe/default-skin.png') 0 0 no-repeat !important; background-size: 264px 88px !important; background-position: 0 -44px !important;}


.swiper-pagination-bullet, .swiper-pagination-bullet.darkmysite_style_secondary_bg, .swiper-pagination-bullet.darkmysite_style_all {background-color:#000 !important;}
.darkmysite_dark_mode_enabled .swiper-pagination-bullet, .darkmysite_dark_mode_enabled .swiper-pagination-bullet.darkmysite_style_secondary_bg, .darkmysite_dark_mode_enabled .swiper-pagination-bullet.darkmysite_style_all {background-color:#FFF !important;}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:0 !important;}

.link-accueil{
    box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.5) !important;
    transition: 0.6s ease !important;
}
.darkmysite_dark_mode_enabled .link-accueil {
    box-shadow: 3px 5px 12px 0 rgb(45, 45, 45) !important
}
.link-accueil:hover{
    transform: scale(1.05);
}


#icon-scroll {
    position: absolute;
    width: 30px; height: 50px;
    bottom: 70px; left:50%; transform: translateX(-50%);
    box-shadow: inset 0 0 0 2px #000;
    border-radius: 20px;
    z-index:100;
}

#icon-scroll span{
    color: #000;
    transform: translateX(-50%);
    display: inline-block;
    left: 50%;
    position: absolute;
    bottom: -30px;
    font-size: 0.9em;
}

#icon-scroll:before {
    content: '';
    position: absolute;
    left: 50%;
    width: 8px;
    height: 8px;
    background: #000;
    margin-left: -4px;
    top: 8px;
    border-radius: 4px;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-name: mousescroll;
}
.darkmysite_dark_mode_enabled #icon-scroll span {
    color: #FFFFFF;
}
.darkmysite_dark_mode_enabled #icon-scroll:before {
    background: #FFFFFF;
}
.darkmysite_dark_mode_enabled #icon-scroll {
    box-shadow: inset 0 0 0 2px #FFFFFF;
}


@keyframes mousescroll {
    0% {opacity:1;}
    100% {opacity:0; transform: translateY(20px);}
}



#site-elementor-header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background:transparent;

}

.elementskit-megamenu-panel{background:#FFF; }
.darkmysite_dark_mode_enabled .elementskit-megamenu-panel{background:#000 !important;}

.darkmysite_dark_mode_enabled .elementskit-menu-hamburger > .ekit-menu-icon,
body.home .elementskit-menu-hamburger > .ekit-menu-icon{color:#FFF !important;}


@media (min-width: 1025px) {
    .ekit-nav-dropdown-hover .elementskit-dropdown-has .elementskit-dropdown {
        right: 0 !important;
        left: auto !important;
    }
    .elementskit-navbar-nav-default .elementskit-dropdown > li > .elementskit-dropdown{
        right: 100% !important;
        left: auto !important;
    }
}

.elementskit-megamenu-panel:after{
    content:"";
    position:absolute;
    width:100%;
    bottom:1px;
    z-index:-1;
    transform:scale(.9);
    box-shadow: 0 0 8px 2px #000000;
}


h2 span{color:#9dd7ea;}

@media screen and (min-width: 767px) {
    h2.aux-modern-heading-primary{display: inline !important;}
}


.elementor-testimonial-content{font-style:italic; font-size:1em !important;}
.elementor-counter .elementor-counter-title{flex-direction: column;}

.page-title-section{
    margin-top:60px;
}
.page-title-section .aux-boxed-container > .aux-container{
    padding-right: 45px;
    padding-left: 45px;
}
.page-title-section .aux-page-title-entry{
    margin-top:70px !important;
    margin-bottom:10px !important;
}

.page-title-section .aux-breadcrumbs{
    margin-top:0 !important;
    margin-bottom:10px !important;
    font-weight: normal;
    font-size:13px;
    line-height:1;
}
.aux-breadcrumbs span:not(.breadcrumb-icon){
    padding-left:5px !important;
    padding-right:5px !important;
}

.aux-breadcrumbs span:first-child{
    padding-left:0 !important;
}

.entry-content h2, .comment-body h2{
    font-size:1.9em;
}
.elementor-element.elementor-widget-text-editor .elementor-widget-container table{
    max-width: 100%;
    overflow-x: auto;
    display: block;
}

#border-home-container{
    background:#e5e5e5; width:100%; height:50px; margin-top:25px; margin-bottom:60px;
}



#border-home-container{
    background:#e5e5e5; width:100%; height:50px; margin-top:25px; margin-bottom:60px;
}


#bottom-home-container{
    width:1300px; max-width: 96%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-content: stretch;
    align-items: flex-start;
    gap:60px;
    margin:0 auto 80px auto;
}
#top-home-container{position:relative;}




.bottom-home-elem{
    flex: 1 1 auto;
    align-self: auto;
    cursor:pointer;
    transition: 0.6s ease !important;
    box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.5) !important;
    width: calc(100%/3);
}
.bottom-home-elem:hover{
    transform: scale(1.05);
}

.qodef-qi-banner.qodef-image--hover-zoom img{
    transform: scale(1.005) translateZ(0) !important;
    transition: transform .35s cubic-bezier(.25,.46,.45,.94)!important;
    will-change: transform!important;
}

.qodef-qi-banner.qodef-image--hover-zoom:hover img{
    transform: scale(1.5) !important;
    transition: transform .35s cubic-bezier(.25,.46,.45,.94)!important;
    will-change: transform!important;
}
.qodef-qi-banner .qodef-m-banner-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 1;
}
.qodef-m-image{
    height:100% !important;
    width:100% !important;
}
.qodef-m-image img{
    object-fit: cover !important;
    width:100% !important;
    height:100% !important;
    aspect-ratio:1/1 !important;
}



.bhe-image{
    width:100%; height:auto; background:#FFF; text-align: center; position: relative;
}
.bhe-content{
    width:100%; height:auto; background:#FFF; text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    gap:10px;
    padding:20px 5px;
}

.bhe-img{
    width:100%; height:auto;

}


.bhe-subtitle{
    position:absolute; top:16%; left: 17%; height:72%; color:#FFF !important; font-size:3.4em !important; font-weight:bold; line-height:1; letter-spacing:0;
    text-align: left; writing-mode: vertical-lr;text-orientation: mixed; transform: rotate(180deg); font-family:"Geometos", sans-serif;
    text-shadow: 0 0 7px rgba(0,0,0,0.4);
}

.bhe-title{
    position:absolute; top:8%; height:auto; color:#FFF !important; text-align: center; font-size:1.2em !important; width: 90%; left: 5%; line-height: 1; letter-spacing: 3px; text-transform: uppercase; font-family:"Ubuntu", sans-serif; font-weight: 100;
}


.bhe-logo{
    width:auto !important; height:35px !important; max-width: none !important; display:inline; margin-bottom:10px;
}
#oeweo-home-container .bhe-logo{
    height:24px !important; margin:6px auto 15px auto;
}


.bhe-bt{
    display: inline-block;
    border:solid 1px #000; color:#000; text-align: center; font-weight:normal; font-size:0.9em; justify-content: center;
    align-items: center;
    transition: 0.6s ease !important;
    padding:1px 23px;white-space: nowrap;
}
.bhe-bt:hover{
    border:solid 1px #FFFFFF; color:#FFFFFF; background:#000000;
}



#europiscine-home-container-mobile{width:430px; max-width: 96%; height:auto; margin:0 auto; display:none;}
#europiscine-home-container{
    position:relative; display:block;
    cursor:pointer;
    transition: 0.6s ease !important;
    width:1300px; max-width: 96%; height:auto;
    margin:0 auto;
}
#europiscine-home-container:hover {
    transform: scale(1.05);
}
#europiscine-home-container img{width:100%; height:auto; max-width: none; display: block;}


.ehc-bt{
    position:absolute;
    border:solid 1px #FFF; color:#FFF; background: transparent; text-align: center; font-weight:normal; font-size:0.9em; justify-content: center;
    transition: 0.6s ease !important;
    padding:1px 23px;
    top:55%; left:21%;white-space: nowrap;
}
.ehc-bt:hover{
    border:solid 1px #024268; color:#024268; background:#FFF;
}


#europiscine-home-container .bhe-subtitle{
    position:absolute; top:35%; left: 21%; height:auto; color:#FFF !important; font-size:3.3em !important; font-weight:bold; line-height:1; letter-spacing:0;
    text-align: left; writing-mode: initial; text-orientation: initial; transform: initial; font-family:"Geometos", sans-serif;
    text-shadow: 0 0 7px rgba(0,0,0,0.4);
}

#europiscine-home-container .bhe-title{
    position:absolute; top:25%; left: 21%; width: auto; height:auto; color:#FFF !important; text-align: left; font-size:1.2em !important;
    line-height: 1; letter-spacing: 2px; text-transform: uppercase; font-family:"Ubuntu", sans-serif; font-weight: 100;
}
#splash-home{
    position:absolute; top:0; right:0; transform: translate(-15%,-40%);
    width:20%; height:auto; max-width: none;
}

.elementor-toc__list-item{margin-bottom:10px !important;}


#actu-home article{
    cursor:pointer;
}
#actu-home .aux-widget-recent-posts .entry-main{
    position: absolute;
    top:50px;
    z-index: 99;
}

#actu-home .aux-widget-recent-posts .type-post *{
    transition: all 1000ms ease-in !important;
}

#actu-home .aux-widget-recent-posts .type-post .entry-media{
    opacity: 0;
}
#actu-home .aux-widget-recent-posts .type-post:hover .entry-media{
    opacity: 1;
}
#actu-home .aux-widget-recent-posts .type-post:hover .entry-info , #actu-home .aux-widget-recent-posts .type-post:hover .entry-content{
    color: #fff;
}
#actu-home .aux-widget-recent-posts .aux-media-image a:before{
    content:'';
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 10%;
    position: absolute;
    left: 0;
    z-index: 9;
}
@media screen and (max-width:1440px) and (min-width:1025px){

    #bandeau-pages{overflow:hidden;}
    /*#bandeau-pages img{width:120%;}*/

    #actu-home .aux-widget-recent-posts .entry-main{
        padding:0 40px 0 40px !important;
        top:30px;
    }
    #actu-home .aux-widget-recent-posts .entry-title a {
        font-size: 18px !important;
    }
    #actu-home .aux-widget-recent-posts .entry-content {
        font-size: 14px;
    }
}
@media screen and (max-width:1024px) and (min-width:768px){
    #actu-home .aux-widget-recent-posts .entry-main{
        top:90px;
    }
}
@media screen and (max-width:767px){
    #actu-home .aux-widget-recent-posts .entry-main{
        top:30px;
    }
}
#actu-home .aux-widget-recent-posts .type-post:hover .entry-title, #actu-home .aux-widget-recent-posts .type-post:hover .entry-title a {
    transition: all 1000ms ease-in !important;
    color: #fff !important;
}
#actu-home .aux-widget-recent-posts .type-post:hover .entry-info, #actu-home .aux-widget-recent-posts .type-post:hover .entry-content, #actu-home .aux-widget-recent-posts .type-post:hover .entry-title {
    opacity:5%;
}



#actu-interieur .entry-media {
    margin-bottom: 0;
}


#actu-interieur .aux-col {
    padding: 0;
    margin-top:100px;
    margin-bottom:40px;
}

#actu-interieur .entry-main {
    top: 0;
    transform: translateY(-50%);
    left: 10%;
    right: 10%;
    bottom:auto;
    position: absolute;
    z-index: 1;
    background-color: var(--e-global-color-secondary);
    box-shadow: 0 0 19px 10px rgba(0,0,0,0.14);
}


#actu-interieur .aux-widget-recent-posts .type-post:hover .entry-main {
    background-color: #000;
}

#actu-interieur .aux-widget-recent-posts .type-post:hover .entry-title {
    color: var(--e-global-color-accent);
}

#actu-interieur .aux-widget-recent-posts .type-post:hover .entry-info a
{
    color: var(--e-global-color-accent) !important;
}

#actu-interieur .entry-info {
    padding-top: 40px;
    padding-left: 66px;
}

#actu-interieur .entry-header {
    padding: 0 66px 20px 66px;
}

.hentry .entry-header{
    margin-bottom:0 !important;
}

.aux-sidebar ul li a, .hentry .entry-info{
    color:#000;
}

.hentry.aux-medium-context .entry-content, .hentry.aux-medium-context .comment-body,
.hentry.aux-medium-context .entry-info, .hentry.aux-medium-context .entry-header, .hentry.aux-medium-context .aux-next-prev-posts{
    margin-left: 10%;
    margin-right: 10%;
}
.right-sidebar .aux-primary{
    padding-right:150px;
}

@media screen and (max-width: 1400px) {
    #bottom-home-container{width:1100px;}
    #europiscine-home-container{width:1100px;}

    .bhe-subtitle{top:18%; left: 10%; height:77%; font-size:2.6em !important;}
    .bhe-title{top:6%; font-size:1.1em !important;}
    #europiscine-home-container .bhe-subtitle{font-size:2.5em !important;}
    #europiscine-home-container .bhe-title{font-size:1.1em !important;}
}

@media screen and (max-width: 1100px) {

}

@media screen and (max-width: 1024px) {
    #bottom-home-container{gap:20px;}

    #europiscine-home-container .bhe-title{width:50%; top:17%;}

    #bandeau-pages{overflow:hidden; padding:0;}
    /*#bandeau-pages img{width:130%;}*/

}

@media screen and (max-width: 900px) {

    #bottom-home-container{
        width:430px; max-width: 96%;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-content: stretch;
        align-items: flex-start;
        gap:30px;
        margin:0 auto 50px auto;
    }

    .bottom-home-elem{width:100%;}
}

@media screen and (max-width: 767px) {
    #europiscine-home-container-mobile{display:block;}
    #europiscine-home-container{display:none;}

    #splash-home{transform: translate(-35%,-70%); width:40%;}


    #bandeau-pages{overflow:hidden;}
    /* #bandeau-pages img{width:180%;}*/


}

@media screen and (max-width: 680px) {
    #actu-home .qodef-e-media-image img{margin-top: 150px;}

}


.carrousel-realisations{display: inline-block;
    padding: 15px 20px;
    background: #F1F1F1;
    margin:0 0 100px 0;width:100%;}
.carrousel-realisations ul{list-style: none !important;padding-left:0 !important;}
.carrousel-realisations .flex-control-thumbs img{opacity:.5;aspect-ratio:1.3/1; object-fit: cover;}
.carrousel-realisations .flex-control-thumbs .flex-active{opacity:1 !important;}
.carrousel-realisations .elementor-col-image{height: 400px;}
.carrousel-realisations .elementor-col-image img{
    height: 100%;
    width: 100%; /* S'assure que l'image prend toute la largeur */
    object-fit: cover;
    object-position: center; /* Centre l'image verticalement et horizontalement */
}
.carrousel-realisations .elementor-col-texte{align-items: center;padding-left:30px;}
.carrousel-realisations .elementor-col-texte .uppercase{text-transform:uppercase;}
.carrousel-realisations .elementor-text-editor{
    font-family: "Ubuntu", Sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.3em;
}
.carrousel-realisations .flex-viewport{width:88%;display:inline-block;float:right !important;}
.carrousel-realisations .flex-control-thumbs{width:10% !important;margin-right:1%;display:inline-block;float:left !important;}
.carrousel-realisations .flex-control-thumbs li{width:100% !important;float:none !important;display:block !important;margin-bottom:20px;}
.carrousel-realisations .flex-direction-nav a:before{line-height:1;}

#slider-realisation {
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    flex-direction: row-reverse;
}
#slider-realisation li {
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}

@media screen and (max-width: 767px) {
    .carrousel-realisations .flex-viewport{width:100% !important;}
    .carrousel-realisations .flex-control-thumbs{width:100% !important;}
    .carrousel-realisations .flex-control-thumbs li {width: 20% !important; float: left !important; margin:10px 5% 10px 0;    }
    .carrousel-realisations .flex-direction-nav{display:none;}
    #slider-realisation, #slider-realisation li{flex-direction: column;}
    .carrousel-realisations .wpb_text_column{padding-left:0 !important; padding-top:20px;}
    .carrousel-realisations .wpb_single_image{width:100%; height: auto;}
}



.elementor-image-carousel-caption, .wp-caption-text{
    position:absolute;
    bottom:0;
    left:0;
    background:rgba(0,0,0,0.5);
    padding:6px 15px;
    text-align: left;
    color: #FFFFFF;
    font-size: 10px;
    line-height: 15px;
    letter-spacing: 0.3px;
    text-shadow: 0 0 10px rgba(0,0,0,0.3);
    box-sizing: border-box;
}

body.home .elementor-image-carousel-caption, body.home .wp-caption-text{
    position: absolute;
    bottom: 25px;
    left: 0;
    width: 85%;
    background: rgba(255, 255, 255, 1);
    padding: 15px 15px;
    text-align: left;
    color: #000;
    font-size: 15px;
    line-height: 1.1;
    letter-spacing: 0.3px;
    text-shadow: none;
    box-sizing: border-box;
    font-weight: normal;
    z-index:300;
    opacity:0;
    transition: all 1300ms !important;
}
body.home figure:hover .elementor-image-carousel-caption, body.home figure:hover .wp-caption-text {
    opacity:1;
}

.elementor-lightbox .elementor-lightbox-image, .elementor-lightbox .elementor-video-container{background:#FFF;}


.icon.elementskit-submenu-indicator{display:none !important;}



.guides-sommaire{
    /*display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    flex-flow: column wrap;
    column-gap: 20px;*/
    columns:2;
}

.guides-sommaire .bloc-guide{
    background:#f1f1f1;
    padding:20px;
    margin-bottom:20px;
    break-inside: avoid-column;
}
.guides-sommaire .bloc-guide ul{
    list-style-type: none;
    padding-left:0;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;
    letter-spacing: -0.5px;
    margin-bottom:0;
}
.guides-sommaire .bloc-guide ul a{color:#000;}
.guides-sommaire .bloc-guide .rubrique-guide a{
    color:#000;
    position:relative;
    padding-bottom: 15px;
    margin-bottom: 10px;
    display: inline-block;
    text-align:center;
    font-family: "Ubuntu", Sans-serif;
    font-size: 1.9em;
    line-height: 1.1em;
}
.guides-sommaire .bloc-guide .rubrique-guide .guide-divider{
    display: inline-block;
    height: 2px;
    width: 53px;
    margin: 0px 0px 3px 15.5px;
    background-color: #000;
}

.bloc-ssguide{
    --gapssguide: 20px;
    --columnsssguide: 4;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: var(--gapssguide);
    margin-bottom:50px;
}

.guide-thumb{
    display:block !important;
    width: calc((100% / var(--columnsssguide)) - var(--gapssguide) + (var(--gapssguide) / var(--columnsssguide)));
    position: relative;
}
.guide-thumb .qodef-m-content-inner, .guide-thumb .qodef-m-button, .guide-thumb .qodef-qi-button{
    width:100%;
}
.guide-thumb .qodef-qi-button{
    line-height:1.4em !important;
}
.guides-sommaire .bloc-lien{
    display:block;
    text-align:right;
}
.guides-sommaire .lien-guide{
    background: #a19486;
    height: 35px;
    color: #000000 !important;
    font-size: 18px;
    padding: 9px 15px 8px 15px;
    line-height: 1;
    letter-spacing: 2px;
    display:inline-flex;
    align-items: center;
}
.guides-sommaire .lien-guide:after{
    content: "";
    background-size: 100% 100%;
    display: inline-block;
    height: 14px;
    width: 20px;
    vertical-align: middle;
    margin-left: 5px;
    margin-top: -2px
}
.qodef-qi-banner.qodef-image--hover-zoom:hover img {
    transform: scale(1.5);
}

.qodef-m-image{
    height:100% !important;
    width:100% !important;
    overflow: hidden;
}
.qodef-m-image img{
    object-fit: cover !important;
    width:100% !important;
    height:100% !important;
    aspect-ratio:1/1 !important;
}



.title-other-guides-piscinagiste, .title-other-guides-oeweo, .title-other-guides-eap{
    font-size: 20px;
    line-height: 1em;
    font-family: "Geometos", Sans-serif;
    text-transform:uppercase;
    margin-bottom: 25px;
}

.title-other-guides-piscinagiste{
    color:#001E32;
}

.title-other-guides-oeweo{
    color:#5E4C75;
}

.title-other-guides-eap{
    color:#3b3b3b;
}

.qodef-shortcode .qodef-m-content-inner{
    width:calc(100% - 30px) !important;
    bottom: 10px;
    position: absolute;
    line-height:1.1;
}

.qodef-shortcode .qodef-m-button, .qodef-shortcode .qodef-qi-button{
    width:100% !important;
}


.aux-read-more, .aux-post-nav{border-radius:0; font-size:1em;}
.archive.category .entry-media{width:40%; float:left;}
.archive.category .entry-content{width:56%; float:left; margin-left:4%;}
.archive.category .entry-media{margin-bottom:1rem !important;}

.qodef-shortcode .qodef-m-content{
    padding:10px 15px !important;
    background: linear-gradient(#00000000 50%, #001E3290 75%, #001E32) !important;
    position: absolute; bottom:0;left:0;width:100%; height: 100%;display: flex;
    align-content: end;
    align-items: end;
}

.darkmysite_dark_mode_enabled .qodef-shortcode .qodef-m-content{
    background: linear-gradient(#11111100 50%, #11111190 75%, #111111) !important;
}



.qodef-shortcode .qodef-m-content .qodef-qi-button.qodef-layout--filled{
    padding:0;
    justify-content: start !important;
    background-color:transparent !important;
    color:#FFFFFF !important;
    font-weight: 400;
    text-align: left;
    font-size: 15px;
}

.aux-widget-text .aux-text-widget-content .col-subtitle{color:#000;}
.col-title.h4{font-size:25px; font-weight:bold;}
.aux-widget-text .aux-text-color-dark{color:#000;}

.elementskit-menu-overlay{opacity:0.6 !important;}

.darkmysite_switch_apple{background:#000 !important;}
.darkmysite_dark_mode_enabled .darkmysite_switch_apple{background:#FFF !important;}


.darkmysite_dark_mode_enabled .row-demande-devis .aux-button:hover .aux-text{color:#000 !important;}

#toolbox {
    position: fixed;
    bottom: 15px;
    right: 15px;
    width: 60px;
    height: 60px;
    z-index: 4000;
    cursor: pointer;
    transition: all 1000ms !important;
}

#toolbox-title{display:none; position: absolute;
    top: -150px; left: 50%; transform: translateX(-50%);
    width: fit-content;
    font-size: 1.5em; font-family: "Geometos";
    text-align: center;}


.bubble_all {
    position: absolute;
    width: 60px;
    height: 60px;
    background: #000;
    margin: auto;
    color: white;
    text-align: center;
    z-index: 100;
}
.bubble_all svg{
    position:absolute;
    height:auto;
    transition: all 400ms !important;
}
.bubble_all svg *{fill: #FFF !important; stroke: #FFF !important;}

#bubble-open{opacity:100%;top:10px; left:10px; width: 40px;}
#bubble-close{opacity:0; top:3px; left:3px; width: 54px; transform: rotate(-45deg)}


.darkmysite_dark_mode_enabled #icon{background:#FFF !important;}
.darkmysite_dark_mode_enabled .bubble_all svg *{fill: #000 !important; stroke: #000 !important;}


.bubble_bt {
    position: absolute;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    z-index: 3;
    /*box-shadow: 0 0 20px -5px #111;*/
    text-align: center;
    background:#000;
}
.bubble_bt#three{left: auto; right: 0;}

.bubble_bt svg {
    width: 35px;
    height: auto;
    margin-top: 12px;
    fill: #FFF;
}
.bubble_bt svg *{fill: #FFF;stroke: #FFF;}

.bubble_bt div {
    position: absolute;
    font-size: 16px;
    color: #000;
    opacity: 0;
    transition: all 400ms !important;
    margin:0; padding:0;
    font-weight:bold;
    line-height:1;
}
.bubble_bt.is-opened div{opacity: 1;}

#one>div {
    top: 50%;
    left: 70px;
    transform: translateY(-50%);
    width: fit-content;
    display: block;
    text-align:left;
}
#one>svg{
}
#two>div {
    top: 65px;
    left: 50%;
    transform: translateX(-50%);
    width: fit-content;
    display: block;
}
#two>svg{
    transform: rotate(90deg);
}
#three>div {
    top: 50%;
    right: 70px;
    transform: translateY(-50%);
    width: fit-content;
    display: block;
    text-align:right;
}
#three>svg{
    transform: rotate(180deg);
}
#four>div {
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
    width: fit-content;
    display: block;
}
#four>svg{
    transform: rotate(270deg);
}


#toolbox.is-active{transform: translate(50%,50%);}
#toolbox.is-active #toolbox-title{display:block}
#toolbox.is-active #bubble-open{opacity:0;}
#toolbox.is-active #bubble-close{opacity:100%;}



input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="url"], textarea{
    max-width:100%;
}
.super-form .super-field > p{
    float: left !important;
}

@media (min-width: 1025px){
    .ekit-nav-dropdown-hover #menu-item-11972.elementskit-dropdown-has:hover>.elementskit-dropdown {
        transform: translateX(-137px) !important;
    }
}

@media screen and (max-width: 1200px) {
    .bhe-bt {
        top: 22%;
    }

    .bloc-ssguide{
        --gapssguide: 20px;
        --columnsssguide: 3;
    }

}

@media (max-width: 1024px){
    .elementskit-navbar-nav-default.elementskit-menu-offcanvas-elements{height:100vh !important;}
    .elementskit-menu-offcanvas-elements{height:100vh !important;}
    .icon.elementskit-submenu-indicator{display:block !important;}
    body.home .elementskit-navbar-nav > li > a {
        color: #000 !important;
    }
    .elementskit-navbar-nav li a {
        width: calc(100% - 60px);
    }
    .elementskit-navbar-nav li a i{
        position:absolute !important; top:50%; transform:translateY(-50%); right:-56px;
    }

    .darkmysite_dark_mode_enabled body.home .elementskit-navbar-nav > li > a {color: #FFF !important;}
    .aux-fold, .aux-fold-padding, .aux-boxed-container > .aux-container{padding-right: 10px; padding-left: 10px;}

    .archive.category .entry-media{width:100%;}
    .archive.category .entry-content{width:100%; margin-left:0; margin-bottom:2rem !important;}


}
@media screen and (max-width: 900px) {
    #bottom-home-container{
        flex-direction: column;
        align-items: center;
    }

    .bloc-ssguide{
        --columnsssguide: 2;
    }

}

@media (max-width: 767px) {
    #toolbox {display: block;}
    .page-title-section .aux-boxed-container > .aux-container{padding-left:10px; padding-right:10px;}

    .carrousel-realisations{margin-bottom:30px;}
    .carrousel-realisations .elementor-col-image{margin-bottom:20px;height: 300px;}
    .carrousel-realisations .elementor-col-texte{padding-left:0;}
}


@media (max-width: 1024px) {
    .page-title {font-size:2em;}
    .hentry .entry-title{line-height:100%; margin-bottom:10px !important;}

    .elementor-image-carousel-wrapper figcpation, .elementor-image-carousel-caption{line-height:1.2em !important;}

}

@media (max-width: 640px) {
    .bloc-ssguide {--columnsssguide: 1;}
    .page-title { font-size:1.8em;}
    .page-title-section .aux-breadcrumbs{font-size:12px;}
}

@media (max-width: 480px) {
    .page-title {hyphens: auto; font-size:1.5em;}
    .page-title-section .aux-breadcrumbs{font-size:11px;}
}


@media (max-width: 390px) {


    .bubble_bt {width:50px; height:50px;}
    .bubble_bt svg {width: 30px;}

    .bubble_bt div {font-size: 14px; letter-spacing:-1px;}

    .bubble_bt#one {
        margin-top: 5px;
    }
    #one>div {
        left: 55px;
    }
    .bubble_bt#two {
        margin-left: 5px;
    }
    #two>div {
        top: 55px;
    }
    .bubble_bt#three {
        margin-top: 5px;
    }
    #three>div {
        right: 55px;
    }
    .bubble_bt#four {
        margin-left: 5px;
    }
    #four>div {
        top: -32px;
    }


}

#univers- #qlwapp, #univers-accueil #qlwapp,
#univers-europiscine #qlwapp, #univers-piscinagiste #qlwapp, #univers-eap #qlwapp{display:none !important;}

#qlwapp .qlwapp-toggle{border-radius:0 !important;margin-right:10px !important;margin-bottom:10px !important;}

@media (max-width: 767px) {
    #qlwapp .qlwapp-toggle{margin-bottom:80px !important;}
}