/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/




/** FONTS **/
@font-face {
    font-family: 'vinci-sans-regular';
    src: url('fonts/vinci-sans-regular.otf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'vinci-serif-light';
    src: url('fonts/vinci-serif-light.otf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'vinci-sans-bold';
    src: url('fonts/vinci-sans-bold.otf');
    font-weight: normal;
    font-style: normal;
}
body{
    font-family: 'vinci-sans-regular', sans-serif;
}
h1,h2,h3,h4,h5,h6{
    font-family: 'vinci-sans-bold', sans-serif;
}
.h2-serif-light h2,
.h3-serif-light h3{
    font-family: 'vinci-serif-light', sans-serif;
}

.left-col-full-grid .elementor-widget-wrap {
    width: 50% !important;
    margin-left: auto;
}

.right-col-full-grid .elementor-widget-wrap {
    width: 50% !important;
    margin-right: auto;
}

/** GLOBAL **/
.custom-h1-style-1 h1,
.custom-h1-style-2 h1{
    display: inline-block;
    padding:15px 50px;
    background-image: url('https://www.barrages-aisne-meuse.fr/wp-content/uploads/2020/05/background-custom-h1.jpg');
    background-size: cover;
    background-position: center;
    text-transform: uppercase;
    font-family: 'vinci-sans-regular';
    font-size: 1.5rem !important;
    position: relative;
    z-index: 1;
}
.custom-h1-style-1 h1{
    color:#fff;
}
.custom-h1-style-1 h1::after,
.custom-h1-style-2 h1::after{
    content:'';
    position: absolute;
    top:0;
    left:0;
    height: 100%;
    width: 100%;
    opacity: .79;
    z-index: -1;
}
.custom-h1-style-1 h1::after{
    background-color: #0B3F88;
}
.custom-h1-style-2 h1::after{
    background-color: #fff;
}
ul.custom-list-style li::before,
.elementor-location-footer footer nav .elementor-nav-menu li a::before{
    content:'';
    background-image: url('https://www.barrages-aisne-meuse.fr/wp-content/uploads/2020/05/picto-goutte.svg');
    position: absolute;
}
ul.custom-list-style{
    list-style:none;
}
ul.custom-list-style li{
    position: relative;
    margin-bottom:30px;
}
ul.custom-list-style li::before{
    height:19px;
    width: 13px;
    left: -25px;
    top:3px;
}
@media screen and (min-width:768px){
    .left-col-full-grid > .elementor-column-wrap{
        max-width: calc(1140px / 2);
        margin-left: auto;
    }
    .right-col-full-grid > .elementor-column-wrap{
        max-width: calc(1140px / 2);
        margin-right: auto;
    }
}
.col-blue{
    background-color: #00458A;
}
.carrousel-images-full-height .swiper-container .swiper-slide figure{
    line-height: 0 !important;
}
.carrousel-images-full-height,
.carrousel-images-full-height div:not(.elementor-swiper-button),
.carrousel-images-full-height div a,
.carrousel-images-full-height div a figure,
.carrousel-images-full-height div a figure img{
    height: 100%;
}
.carrousel-images-full-height div a{
    display: block;
}
.carrousel-images-full-height img{
    object-fit: cover;
}
.elementor-widget-image-carousel .elementor-swiper-button{
    background-color: rgba(0, 69, 138, 0.7);
    padding: 5px;
}
/** HOMEPAGE **/
.header-homepage::after{
    content: '';
    position: absolute;
    bottom: 11%;
    background-image: url('https://www.barrages-aisne-meuse.fr/wp-content/uploads/2020/05/double-vague.svg');
    height: 200px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: bottom 0 right -340px;
}
.header-homepage::before{
    content: '';
    position: absolute;
    bottom: 0;
    background-image: url('https://www.barrages-aisne-meuse.fr/wp-content/uploads/2020/06/header-homepage-overlay.svg');
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: bottom left;
    z-index: 1;
    background-size: 50% auto;
}
@media screen and (max-width:767px){
    .header-homepage::before{
        background-size: 80% auto;
    }
}




/** HEADER **/
.page-header{
    padding: 10px 20px;
    background-color: #002e6e;
    background-image: url("https://www.barrages-aisne-meuse.fr/wp-content/uploads/2020/05/background-header-page.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
}
.page-header::after{
    content:'';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #00458A;
    opacity: .75;
    z-index: 0;
}
.page-header h1{
    margin:0 auto;
    color:#fff;
    max-width: 1140px;
    padding:0 10px;
    position: relative;
    z-index: 2;
}
    /* transparent header */
.transparent-header{
    position: absolute;
    width: 100%;
}

.header-menu-principal .elementor-nav-menu--layout-horizontal .elementor-nav-menu .menu-item a::after{
    content:'';
    position: absolute;
    bottom: -10px;
    background-image: url('https://www.barrages-aisne-meuse.fr/wp-content/uploads/2020/05/vague-menu-link-hover.svg');
    width: 36px;
    height: 6px;
    z-index: 999;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
}

/** FOOTER **/
@media screen and (min-width:768px) and (max-width:1024px){
    .elementor-location-footer footer nav .elementor-nav-menu{
        margin:0 auto;
    }
}

.elementor-location-footer footer nav .elementor-nav-menu li a::before{
    height: 14px;
    width: 10px;
    left: -4px;
    top: 50%;
    opacity: 1 !important;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
}

/** QUI SOMMES NOUS **/

/** CONTACT **/
.address-contact{
    font-size: 1.5rem;
    font-style: normal;
}

/** HISTOIRE **/
@media screen and (min-width:768px){
    .barrage-aiguilles-tab .elementor-tabs .elementor-tabs-wrapper{
        display: -webkit-box;
        display: -ms-flexbox;
            display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    }
    .barrage-aiguilles-tab .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title:first-child{
        margin-right: 30px;
    }
    .barrage-aiguilles-tab .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title{
        display: -webkit-box;
        display: -ms-flexbox;
            display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
        -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    }
    .barrage-aiguilles-tab .elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-content{
        padding:40px 0 0 0;
    }
}
.barrage-aiguilles-tab .elementor-tabs .elementor-tab-title{
    background-color:#D8E2ED;
    text-align: center;
}
.barrage-aiguilles-tab .elementor-tabs .elementor-tab-title.elementor-active{
    background-color: #00458A;
    color:#fff;
}
.barrage-aiguilles-tab .elementor-tabs .elementor-active a{
    color:#fff;
}
.background-vagues-filaires{
    background-position: bottom -300px right -300px;
    background-size: 2800px;
}

/** LE CONTRAT **/
.dates-slider .wpex .horizontal-content{
    max-width: 560px;
    margin:0 auto;
    min-height: 250px;
}
.dates-slider .wpex .horizontal-content .ex_s_lick-arrow{
    background: none;
    width: auto;
    height: auto;
    line-height: 1;
    color: #00458A;
    padding: 0;
    font-size: 50px;
    top: 0;
    opacity: 1;
    transform:none;
}
.dates-slider .wpex .horizontal-content:hover .ex_s_lick-arrow,
.dates-slider .wpex .horizontal-content .ex_s_lick-arrow:hover{
    transform: none;
    background:none;
    color:inherit;
}
.dates-slider .wpex .horizontal-content .wp-timeline .timeline-details h2 span{
    display: none;
}
.dates-slider .wpex .horizontal-content .wp-timeline .timeline-details h2 a{
    color: #00458A;
}
.dates-slider .wpex .hor-container{
    top:150px;
    z-index: 999;
}

/** ENGAGEMENTS DURABLES **/
.image-header-engagements-durables,
.image-header-engagements-durables div,
.image-header-engagements-durables img{
    height: 100%;
}
.image-header-engagements-durables img{
    object-fit: cover;
}
.volet-content{
    display: none;
}
.volets .elementor-column:hover .volet-content{
    display: block;
    transition: 5s cubic-bezier(.65,.05,.36,1);
}
.carrousel-production-hydroelectrique,
.carrousel-production-hydroelectrique div,
.carrousel-production-hydroelectrique figure,
.carrousel-production-hydroelectrique figure img{
    height: 100%;
}
.carrousel-production-hydroelectrique figure img{
    width: 100%;
    -o-object-fit: cover;
        object-fit: cover;
}


    /** mesures compensatoires **/
@media screen and (min-width:1025px){
    .col-mesures-compensatoires-environnement{
        width: calc(1140px * 0.33) !important;
    }
    #mesures-compensatoires-environnement .elementor-row{
        justify-content: flex-end;
    }
}
.carrousel-mesures-compensatoires figure{
    height: 650px;
}
.carrousel-mesures-compensatoires figure img{
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
        object-fit: cover;
}

/** LES BARRAGES **/
.carte-interactive .jet-hotspots__item-inner{
    padding:3px !important;
    cursor: pointer;
}
.carte-interactive .hotspot-content{
    color:#18427f;
    text-align: left;
    line-height: 1;
    background-color: #fff;
    border-radius: 15px;
    overflow: hidden;
}
.carte-interactive .hotspot-content .fleuve,
.carte-interactive .hotspot-content .ville{
    padding-left:15px;
    padding-right: 15px;
}
.carte-interactive .hotspot-content .fleuve{
    color:#1d96d3;
    margin:10px 0;
}
.carte-interactive .hotspot-content .ville{
    text-transform: uppercase;
    font-size: 1.7rem;
    padding-bottom: 15px;;
}
.carte-interactive .jet-hotspots__inner,
.carte-interactive .jet-hotspots__container{
    min-width: 1280px;
}
.barrage-gonflable-section{
    display: none;
}
.barrage-gonflable-section-active{
    display: block;
}
.barrage-gonflable-section h3{
    font-family: 'vinci-sans-regular', sans-serif;
}
.barrage-gonflable-hotspots .jet-hotspots__item{
    cursor: pointer;
}


.background-header-les-barrages{
    background-image: url('https://www.barrages-aisne-meuse.fr/wp-content/uploads/2020/05/background-header-barrages.jpg');
    background-size: cover;
    background-position: center;
}
.schema-barrage-ecluse figcaption{
    position: absolute;
    bottom: 0;
    padding: 15px;
}
.img-information-public img{
    height: 300px;
    object-fit: cover;
}

@media screen and (max-width:1700px){
    .right-col-full-grid .elementor-widget-wrap {
        width: 100% !important;
        margin-right: auto;
        padding:30px !important;
    }
}

@media screen and (max-width:1500px){
    .left-col-full-grid .elementor-widget-wrap {
    width: 100% !important;
    margin-left: auto;
    padding:30px !important
}
    .left-col-full-grid .elementor-widget-wrap {
    width: 100% !important;
    padding:30px !important;
}

.right-col-full-grid .elementor-widget-wrap {
    width: 100% !important;
    padding:30px !important;
}
}