/*
Theme Name: Salient Child Theme by Double A
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: Agence Double A
Author URI:  https://doublea.io
Template: salient
Version: 1.0
*/

:root {
    --color-1: var(--nectar-accent-color);
    --color-2: var(--nectar-extra-color-1);
    --color-3: var(--nectar-extra-color-2);
    --color-4: var(--nectar-extra-color-3);

    --color-font: #8f9498;

    --font-family-title: 'Kabrio', Arial, Helvetica, sans-serif;
    --font-family-txt: 'Kabrio', Arial, Helvetica, sans-serif;

    --font-small: 14px;
    --line-height-small: 24px;

    --font-big: 26px;
    --line-height-big: 36px;

    --border-radius: 18px;

    --filter-color-1 : invert(19%) sepia(98%) saturate(1648%) hue-rotate(189deg) brightness(95%) contrast(103%);
    --filter-color-3 : invert(14%) sepia(16%) saturate(7479%) hue-rotate(188deg) brightness(96%) contrast(99%);

    --filter-blanc : invert(92%) sepia(100%) saturate(0%) hue-rotate(202deg) brightness(106%) contrast(106%);
}

/***************************************************************/
/* FONTS *******************************************************/
/***************************************************************/
@font-face {
    font-family:'Kabrio';
    font-style:normal;
    font-weight:400;
    src:url(fonts/Kabrio-Book.woff2) format('woff2');
    font-display: swap;
}

@font-face {
    font-family:'Kabrio';
    font-style:normal;
    font-weight:700;
    src:url(fonts/Kabrio-Bold.ttf) format('woff2');
    font-display: swap;
}

body, strong, .nectar-button, label, legend {
    font-family: 'Kabrio', Arial, Helvetica, sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Kabrio', Arial, Helvetica, sans-serif !important;
    letter-spacing: 0px;
    overflow-wrap: break-word;
    color: #023057 !important;
}

/***************************************************************/
/* FONTS STYLE *************************************************/
/***************************************************************/
.light, .light p, .light h1, .light h2, .light h3, .light h4, .light h5, .light h6 {
    color: #FFF !important;
}

.font-small {
    font-size: var(--font-small);
    line-height: var(--line-height-small);
}

.font-big {
    font-size: var(--font-big);
    line-height: var(--line-height-big);
}

.font-icon {
    font-size: var(--font-small);
    font-weight: bold;
    text-transform: uppercase;
}

.font-sstitre {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 5px !important;
    color: var(--color-2);
    letter-spacing: 0.3px;
}

.justify {
    text-align: justify;
}

h1 em, h2 em, h3 em, h4 em, h5 em {
    background: var(--color-2); 
    font-style: normal !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
}

.mot-energie {
    background: url('img/color.gif'); 
    font-style: normal !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
}

.mot-regionale {
    background: url(img/cover-img.jpg);
    font-style: normal !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
    
}

/* LIST STYLE */
ul {
    margin-left: 2px;
}

.wpb_text_column li {
    list-style: none;
    font-size: 14px;
}

.main-content .wpb_text_column li:before  {
    content: '';
    background: url('img/right-arrow.svg') center/cover !important;
    width: 11px;
    height: 11px;
    display: inline-block;
    margin-right: 12px;
}

/***************************************************************/
/* GENERAL *****************************************************/
/***************************************************************/
img.iconsmall {
    width: auto !important;
    height: 40px !important;
    filter: var(--filter-color-3);
}

.light img.iconsmall,
.light .iwithtext .iwt-icon img {
    filter: var(--filter-blanc);
}

img.icon {
    width: auto !important;
    height: 50px !important;
    filter: var(--filter-color-3);
}

img.iconbig {
    width: auto !important;
    height: 80px !important;
}

.display-flex .wpb_wrapper {
    display: flex;
    flex-wrap: wrap;
}

.justify-content-end .wpb_wrapper {
    justify-content: end;
}

.justify-content-center .wpb_wrapper {
    justify-content: center;
}

.full-height {
    height: 100vh;
}

.bloc-txt-full {
    max-width: 620px;
    float: right;
    margin-left: 30px !important;
}

.border-radius, 
.border-radius>.wpb_wrapper, 
.border-radius>.vc_column-inner {
    border-radius: var(--border-radius);
    overflow: hidden;
}

.box-shadow > .vc_column-inner,
.box-shadow .n-sticky > .vc_column-inner {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 30px 0px, rgba(0, 0, 0, 0.02) 0px 0px 0px 1px;
}

.list-bulle ul {
    display: flex !important;
    justify-content: center;
    flex-wrap: wrap;
}

.list-bulle li {
    margin: 15px 10px; 
}

.list-bulle li:before {
    display: none !important;
}

.list-bulle li a {
    border-bottom: 0;
    border-radius: 30px;
    border: 1px solid;
    padding: 14px 20px;
}

.top-20 {
    top: -20px;
}

@media all and (min-width: 1000px) {
    .align-right {
        text-align: right;
    }
}

@media all and (max-width: 1000px) {

}

/***************************************************************/
/* SALIENT *****************************************************/
/***************************************************************/
.iwithtext {
    margin-bottom: 20px !important;
}

.iwithtext .iwt-icon img {
    width: 43px !important;
    margin-bottom: 0;
}

.light .iwithtext a {
    color: #FFF !important;
}

.iwithtext .iwt-text {
    padding-left: 60px;
}

.toggle h3 a {
    font-size: 18px !important;  
    line-height: 27px !important;
    letter-spacing: 1px;
    font-weight: bold !important;
    padding: 15px 70px 15px 0 !important;
}

@media all and (min-width: 1000px) {
    .toggle h3 a {
        padding: 20px 70px 20px 0 !important;
    }
}

.divider-wrap .divider-vertical {
    width: 2px;
    margin: 8px auto 15px;
}

@media all and (min-width: 1000px) {

    /* body {
        padding-top: 20px !important;
    } */

/*     .full-width-content.blog-fullwidth-wrap, 
    .full-width-content.nectar-shop-outer, 
    .nectar-slider-wrap[data-full-width=true], 
    .page-submenu .full-width-content, 
    .page-submenu>.full-width-section, 
    .portfolio-filters-inline.full-width-content, 
    .portfolio-filters-inline.full-width-section:not(.non-fw), 
    .post-area.full-width-content.standard-minimal, 
    .single-product .product[data-gallery-style=left_thumb_sticky][data-gallery-variant=fullwidth] .single-product-wrap, 
    .wpb_row.full-width-content, 
    .wpb_row.full-width-content.has-global-section .wpb_row.full-width-content, 
    .wpb_row.full-width-section .mobile-video-image, .wpb_row.full-width-section .templatera_shortcode>.wpb_row.full-width-section>.row-bg-wrap, body .full-width-section .nectar-parallax-scene, body .full-width-section .row-bg-wrap, body .full-width-section.parallax_section .row-bg-wrap, body .full-width-section>.nectar-shape-divider-wrap, body .full-width-section>.video-color-overlay, body[data-aie=long-zoom-out] .first-section .row-bg-wrap, body[data-aie=long-zoom-out] .top-level.full-width-section .row-bg-wrap, body[data-aie=zoom-out] .first-section .row-bg-wrap, body[data-aie=zoom-out] .top-level.full-width-section .row-bg-wrap, body[data-col-gap] .vc_row-fluid .span_12.post-area.full-width-content.standard-minimal {
        margin-left: -50vw;
        margin-left: calc(-50vw + 20px + var(--scroll-bar-w)/ 2);
        left: 50%;
        width: 100vw;
        width: calc(100vw - var(--scroll-bar-w) - 40px);
        border-radius: var(--border-radius);
        overflow: hidden;
    } */

    body .full-width-section.bloc-full .row-bg-wrap {
        margin-left: -50vw;
        margin-left: calc(-50vw + 20px + var(--scroll-bar-w)/ 2);
        left: 50%;
        width: 100vw;
        width: calc(100vw - var(--scroll-bar-w) - 40px);
        border-radius: var(--border-radius);
        overflow: hidden;
    }

    body[data-header-resize="0"] .container-wrap {
        margin-top: 0;
        padding-top: 20px;
    }
}

/***************************************************************/
/* LINK COLOR **************************************************/
/***************************************************************/
.wpb_content_element a {
    font-weight: bold;
    border-bottom: 2px solid;
}
 
.light .wpb_content_element a {
    color: #FFF !important;
}

a.nectar-button,
input[type=submit] {
    letter-spacing: 0.3px;
    font-weight: 700;
    font-family: inherit;
}

a.nectar-button:hover,
input[type=submit]:hover {
    opacity: 1 !important;
}

.nectar-button.small {
    font-size: 14px !important;
    padding: 0px 0px 2px 0px !important;
}

.nectar-button[data-color-override="false"].small.regular-button {
    color: var(--nectar-accent-color);
    background-color: transparent !important;
    border-bottom: 2px solid var(--nectar-accent-color);
    border-radius: 0 !important;
}

.nectar-button[data-color-override="false"].small.regular-button span:after {
    background: url(img/arrows.svg) center/cover;
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    position: relative;
    filter: var(--filter-color-1);
    margin-left: 10px;
    top: 3px;
}

.light .nectar-button[data-color-override="false"].small.regular-button {
    color: #FFF;
    background-color: transparent !important;
    border-bottom: 2px solid #FFF;
    border-radius: 0 !important;
}

.light .nectar-button[data-color-override="false"].small.regular-button span:after {
    filter: var(--filter-blanc);
}

.nectar-button.medium {
    font-size: 18px;
    padding: 15px 25px 20px 30px !important;
    /* background: linear-gradient(128deg, rgba(132,223,255,1) 0%, rgba(90,134,255,1) 20%, rgba(90,134,255,1) 80%, rgba(69,115,241,1) 100%); */
    transition: .2s all ease;
}

.nectar-button[data-color-override="false"].medium.regular-button span:after {
    background: url(img/arrows.svg) center/cover;
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
    margin-left: 10px;
    top: 5px;
}

body[data-form-submit="regular"] input[type=submit]:after {
    background: url(img/arrows.svg) center/cover;
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
    margin-left: 10px;
    top: 3px;
}

/* .nectar-button.accent-color:hover,
.nectar-button.extra-color-1:hover,
.nectar-button.extra-color-2:hover,
.nectar-button.extra-color-3:hover,
input[type=submit]:hover {
    background: #1365d5 !important;
}

.nectar-button[data-color-override="false"].small.regular-button {
    color: #1365d5;
    background-color: transparent !important;
    border-bottom: 2px solid #1365d5;
    border-radius: 0 !important;
}*/

/**********************************************************************/
/* SENDINBLUE *********************************************************/
/**********************************************************************/
.nl-sendinblue {
    display: flex;    
}

.nl-sendinblue input[type=email] {
    border-radius: 7px;
    border-top-right-radius : 0;
    border-bottom-right-radius : 0;
    background: #FFF;
}

body[data-button-style*="slightly_rounded"] .nl-sendinblue input[type=submit] {
    border-top-left-radius : 0 !important;
    border-bottom-left-radius : 0 !important;
}

/**********************************************************************/
/* FOOTER *************************************************************/
/**********************************************************************/
.display-flex .img-with-aniamtion-wrap:first-child {
    flex-basis: 100%;
}

.logo-footer {
    width: 210px !important;
    margin-bottom: 40px !important;
}

img.iconsocial {
    width: auto !important;
    height: 40px !important;
    margin: 0 40px 0 0 !important;
    transform: scale(1) !important;
    transition: .2s all ease;
    filter: var(--filter-color-1);
}

img.iconsocial:hover {
    transform: scale(1.2) !important;
}

.footer-link li a {
    border-bottom: 0px solid #CCC;
    padding: 7px 0;
    color: var(--color-font);
    display: block;
}

.footer-link li:last-child a {
    border-bottom: 0px solid #CCC;
}

/**********************************************************************/
/* COPYRIGHT **********************************************************/
/**********************************************************************/
#copyright ul {
    display: flex;
    flex-wrap: wrap;
}

#copyright li {
    font-weight: 700;
    border-top: 0;
    padding: 0;
    font-size: 13px;
    margin-right: 20px;
}

#copyright li a {
    color: #000;
    opacity: 0.3;
}

#copyright li a:hover {
    color: #000;
    opacity: 0.8;
}

/**********************************************************************/
/* MOBILE / DESKTOP ***************************************************/
/**********************************************************************/
.desktop-view {
    display: block !important;
}
.mobile-view {
    display: none !important;
}

@media all and (max-width: 768px) {
    .desktop-view {
        display: none !important;
    }
    .mobile-view {
        display: block !important;
    }
}