/******************************************************************
Theme Name: Poralu Marine
Theme URI: https://www.poralu-marine.fr
Author : Lauriane Colas
Version: 1.2.3

License: Private

******************************************************************/

/* Form */
.screen-reader-response {
    font-weight: normal;
}

/* Baseline */
.baseline-header-widget {
    display: none;
}

/* Animation */
.slide-group-up .slide-el,
.slide-group-down .slide-el,
.slide-up,
.slide-down,
.slide-left,
.slide-right{
    /*transition:opacity 0.5s linear .2s, transform 1s cubic-bezier(0.215, 0.600, 0.270, 0.995);*/
    transition: all 0s;
    opacity: 1;
    transform: none;
}

/* News */
.articleContent h2 {
    font-size: 32px;
}

/* References */
.worksInner {
    display: flex;
    flex-wrap: wrap;
}

.legal-notice h2 {
    margin-top: 50px;
}
.legal-notice h3 {
    margin-top: 40px;
}

/* Cookie Consent */
.cc-banner {
    border-top: 1px solid #9f9f9f;
}
.cc-btn {
    text-transform: uppercase;
    font-weight: 300;
    border-radius: 0;
}

/* Footer */
.footerBottom .logo {
    width: 70px;
    height: 70px;
    margin-right: 20px;
}

/* ================================================================================================ */
/*                                            RESPONSIVE                                            */
/* ================================================================================================ */

@media (max-width: 767px) {
    .homeSlider .contentTitle.sliderTitle {
        font-size: 50px !important;
    }

    .main .hero .heroContent h1 {
        font-size: 60px !important;
    }

    /* Footer */
    .footerCopyright {
        text-align: center;
    }
    .footerCopyright span {
        text-align: left;
    }
}

@media (max-width: 559px) {
    .homeSlider .contentTitle.sliderTitle {
        font-size: 30px !important;
    }

    .main .hero .heroContent h1 {
        font-size: 40px !important;
    }

    .main .heroWorkTitle, .main .hero .heroContent.heroContent--black h1 {
        font-size: 30px !important;
    }
}

@media (min-width: 1024px) {
    /* Slider */
    .homeSlider .sliderEl .elContent .contentTitle {
        font-size: 65px;
    }
}

@media (min-width: 1280px) {
    /* Baseline */
    .baseline-header-widget {
        display: block;
        position: absolute;
        top: 0;
        left: 160px;
        margin: 1rem 0;
    }
    .headerBaseline {
        margin: 0;
        font-family: "Lato";
        font-size: 14px;
        font-weight: 400;
        line-height: normal;
        color: white;
    }
    .header--dark .headerBaseline {
        color: #000;
    }

    /* Menu */
    .header .headerNav {
        padding-left: 15px;
    }
    .header .headerNav>ul>li>ul {
        padding: 15px 30px 25px 30px;
        border-radius: 0;
    }
    .header .headerNav>ul>li>ul>li {
        padding: 8px 5px;
        border-left: none;
    }
    .header .headerNav>ul>li>ul>li>a {
        display: block;
        max-width: none;
        font-size: 14px;
    }

    /* Niveau 1 */
    .header .headerNav>ul>li:not(.wpml-ls-item) {
        padding: 14px 30px;
    }
    .header .headerNav>ul.active>li.active:hover>a,
    .header .headerNav>ul.active>li:hover>a,
    .header .headerNav>ul>li.active:hover>a,
    .header .headerNav>ul>li:hover>a {
        color: inherit;
    }
    .header .headerNav>ul>li>a.deploy {
        display: none;
    }
    /* hover */
    .header .headerNav>ul>li:not(.wpml-ls-item):hover:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 30px;
        right: 30px;
        width: auto;
        height: 4px;
        background: black;
    }
    .header .headerNav>ul>li:not(.wpml-ls-item):hover:after {
        content: "";
        display: block;
        position: absolute;
        top: -23px;
        left: 0;
        right: 0;
        bottom: -10px;
        z-index: -1;
        background: white;
    }

    /* Niveau 2 */
    .headerNav .sub-menu:before {
        content: "";
        display: block;
        position: absolute;
        top: -70px;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -1;
        background: white;
    }
    /* hover */
    .headerNav .sub-menu>li:hover .deploy,
    .headerNav .sub-menu .current-menu-item .deploy {
        display: block;
        position: absolute;
        left: 13px;
        margin-top: -2px;
    }
    .headerNav .sub-menu .current-menu-item a {
        color: #0289aa;
    }

    /* Menu EN */
    #menu-menu-principal-en>li>ul {
        width: 175px;
    }

    /* Menu EN - Niveau 1 */
    #menu-menu-principal-en>li:not(.wpml-ls-item) {
        margin-right: 20px;
    }
}

@media (min-width: 1820px) {
    /* Slider */
    .homeSlider .sliderEl .elContent .contentTitle {
        font-size: 90px;
    }
}