/*
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-light: #FAF8F4;

    --font-family-title: 'queen', Arial, Helvetica, sans-serif;
    --font-family-txt: 'aktiv-grotesk', Arial, Helvetica, sans-serif;

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

    --font-big: clamp(25px, 1.5rem, 30px) !important;;
    --line-height-big: 1.5em;

    --border-radius: 20px;
    --border-color: #ccc9c9;

    --filter-blanc : invert(92%) sepia(100%) saturate(0%) hue-rotate(202deg) brightness(106%) contrast(106%);
    --filter-vert : invert(37%) sepia(37%) saturate(1637%) hue-rotate(142deg) brightness(89%) contrast(101%);
    --filter-orange : invert(65%) sepia(48%) saturate(5621%) hue-rotate(3deg) brightness(94%) contrast(106%);
}

/***************************************************************/
/* FONTS *******************************************************/
/***************************************************************/

@font-face {
    font-family:'aktiv-grotesk';
    font-style:normal;
    font-weight:400;
    src:url("https://use.typekit.net/af/63eba7/00000000000000007753ca4f/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2");
    font-display: swap;
}

@font-face {
    font-family:'aktiv-grotesk';
    font-style:normal;
    font-weight:500;
    src:url("https://use.typekit.net/af/46adfc/00000000000000007753ca29/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2");
    /* src:url("https://use.typekit.net/af/723dd9/00000000000000007753ca40/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"); */
    font-display: swap;
}

@font-face {
    font-family:'queen';
    font-style:normal;
    font-weight:700;
    src: url(fonts/Queens-Bold.woff) format("woff");
    /* src:url("https://use.typekit.net/af/2b93b6/00000000000000007753ca37/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"); */
    font-display: swap;
}

body, strong, .nectar-button, label, legend, select, option, nav {
    font-family: var(--font-family-txt) !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-family-title) !important;
    letter-spacing: -1px;
    overflow-wrap: break-word;
    line-height: 1.05em !important;
    /* text-transform: uppercase; */
}

h1, .h1 {
    font-size: clamp(2rem, 1.5rem + 4.2vw, 5rem);
}

h2, .h2 {
    font-size: clamp(1.8rem, 1.5rem + 2.9vw, 4rem);
}

h3, .h3 {
    font-size: clamp(1.5rem, 1.5rem + 2vw, 3.5rem) !important;
}

h4, .h4 {
    font-size: clamp(1.5rem, 1.5rem + 1.5vw, 3rem) !important;
}

h5, .h5, h3.post-heading, h3.title {
    font-size: clamp(1.5rem, 1.5rem + 1.5vw, 2.5rem) !important;
}

h6 {
    font-size: clamp(1.5rem, 1.5rem + 1vw, 2.1rem) !important;
}

/***************************************************************/
/* FONTS STYLE *************************************************/
/***************************************************************/
.light, .light p, .light h1, .light h2, .light h3, .light h4, .light h5, .light h6,
.light input, .light select, .light option {
    color: var(--color-light);
}

.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: var(--font-small);
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 15px !important;
    letter-spacing: 2px;
}

.justify {
    text-align: justify;
}

h1 em {
    background: linear-gradient(90deg, var(--color-2), var(--color-3)); 
    font-style: normal !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
}

h2 em, h3 em, h4 em, h5 em {
    background: linear-gradient(90deg, #007881, #00919C); 
    font-style: normal !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
}

.txt-orange h1 em,
.txt-orange h3 em,
.txt-orange h4 em {
    background: linear-gradient(90deg, #EE7A00, #F59D19); 
    font-style: normal !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
}

.txt-jaune h1 em,
.txt-jaune h2 em, 
.txt-jaune h3 em,
.txt-jaune h4 em,
.txt-jaune h5 em {
    background: linear-gradient(90deg, #FBBA00, #E3BD51); 
    font-style: normal !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
}

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

.wpb_text_column li,
.bloc-content li {
    list-style: none;
    padding-left: 25px;
    margin-bottom: 5px;
    
}

.main-content .wpb_text_column li:before,
.bloc-content li:before  {
    content: '';
    /* background: url('img/right-arrow.svg') center/cover !important; */
    background: var(--color-1);
    width: 20px;
    height: 3px;
    margin: 12px 10px 0 -30px;
    display: inline-block;
    top: -3px;
    position: relative;
}

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

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

img.iconbig {
    width: auto !important;
    height: 80px !important;
    filter: var(--filter-vert);
}

.light img.iconsmall,
.light img.icon,
.light img.iconbig,
.light .aa-iconsmall:before,
.light .aa-icon:before,
.light .aa-iconbig:before {
    filter: var(--filter-blanc);
}

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

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

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

.align-item-center .wpb_wrapper {
    align-items: center;
}

.full-height {
    height: 100vh;
}

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

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

.box-shadow > .vc_column-inner,
.box-shadow .n-sticky > .vc_column-inner, 
img.box-shadow {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 10px 40px 0px, rgba(0, 0, 0, 0.05) 0px 0px 10px 0px !important;
}

.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;
}

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

/***************************************************************/
/* SALIENT *****************************************************/
/***************************************************************/
.iwithtext .iwt-icon img {
    width: 56px !important;
}

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

.toggle h3 a {
    font-size: 18px !important;  
    line-height: 27px !important;
    font-weight: bold !important;
    padding: 15px 70px 15px 0 !important;
    font-family: var(--font-family-txt);
}

@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;
}
/***************************************************************/
/* LINK COLOR **************************************************/
/***************************************************************/
.wpb_content_element a {
    font-weight: bold;
    border-bottom: 2px solid;
}

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

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

/* .nectar-button.small {
    font-size: 15px;
    padding: 0px 14px 8px 14px !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;
}

.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;
} */

.nectar-button.medium,
input[type=submit],
.nectar-button[data-color-override="false"].small.regular-button {
    font-size: 18px !important;
    padding: 14px 25px 18px 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%); */
    background: var(--color-1);
    transition: .2s all ease;
    letter-spacing: 1px;
    /* text-transform: uppercase; */
    font-weight:700 !important;
}

.nectar-button[data-color-override="false"].medium.regular-button span:after,
body[data-form-submit="regular"] input[type=submit]:after,
.nectar-button[data-color-override="false"].small.regular-button span:after {
    background: url(img/right-arrow.svg) center/cover;
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    filter: var(--filter-blanc);
    margin-left: 10px;
    top: 5px;
}

/* opcatity bouton play */
.nectar-video-box a.nectar_video_lightbox:not(.play_button_mouse_follow):before {
    opacity: 1;
}

.nectar-video-box .nectar_video_lightbox path {
    display: none;
}

.nectar-video-box .nectar_video_lightbox svg {
    background: url(img/play-button.svg) center/cover;
    width: 25px;
    height: 25px;
    margin-left: 0;
}

.light .nectar-video-box .nectar_video_lightbox svg {
    filter: var(--filter-blanc);
}

/**********************************************************************/
/* 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;
}


/**********************************************************************/
/* 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;
    }
}