/*** Variable ***/

:root {
    --black: hsl(0, 0%, 7%);
    /* black - #121212 */
    --white: hsl(0, 0%, 100%);
    /* white - #FFFFFF */
    --green: hsl(149, 100%, 32%);
    /* green - #00A34F */
    --yellow: hsl(63, 84%, 49%);
    /* yellow - #DCE614 */
    --dark-gray: hsl(0, 0%, 55%);
    /* Dark Gray - #6b6b6b */
    --dark-gray-opa30: hsl(0, 0%, 57%);
    /* Dark Gray - #929292 */

    --gradian-green-yellow: linear-gradient(90deg, var(--green) 0%, var(--yellow) 100%);
    --gradian-white: linear-gradient(90deg, var(--white) 0%, var(--white) 100%);

    --ff-theme-bold: MarkPro-Heavy;
}

/* --- */

/*** General ***/

/* Ajout une animation sur tout les liens */

a {
    transition: all .2s ease-in-out;
}

/* Ajouter une class afin d'aliger le contenu quand on veux les rows aligner au meme niveau */
.flex-basic-100 {
    flex-basis: 100%;
}

/* Corrige le problème avec le slider qui avait un drole de ligne dans le bas */
#rev_slider_1_1 > rs-slides > rs-slide > rs-layer-wrap:nth-child(2) {
    top: 0px !important;
}

#rev_slider_1_1 .slide-button a {
    white-space: normal !important;
}

@media ( max-width: 490px ) {
    #rev_slider_1_1 .slide-button a {
        max-width: 90%;
    }
}

/* --- */

/*** Header ***/

/* BTN Style 1 - Creer un type de bouton special pour la bar de menu */

.main-navigation .primary-menu-container>ul>li.btn-round-style-1 {
    margin: auto 10px;
}

.main-navigation .primary-menu-container>ul>li.btn-round-style-1 a {
    position: relative;
    padding: 8px 26px;
}

.main-navigation .primary-menu-container>ul>li.btn-round-style-1 a:hover {
    background: var(--gradian-green-yellow);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.main-navigation .primary-menu-container>ul>li.btn-round-style-1 a::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 20px;
    padding: 2px;
    background: var(--gradian-white);
    -webkit-mask: linear-gradient(var(--white) 0 0) content-box, linear-gradient(var(--white) 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

.main-navigation .primary-menu-container>ul>li.btn-round-style-1 a:hover::before {
    background: var(--gradian-green-yellow);
}

/* BTN Style 2 - Creer un type de bouton special pour la bar de menu */

.main-navigation .primary-menu-container>ul>li.btn-round-style-2 {
    margin: auto 10px;
}

.main-navigation .primary-menu-container>ul>li.btn-round-style-2 a {
    position: relative;
    background: var(--white);
    border-radius: 20px;
    color: var(--black);
    padding: 8px 26px;
    transition: all 3s;
}

.main-navigation .primary-menu-container>ul>li.btn-round-style-2.btn-round-style-2 a {
    background: var(--white);
    color: var(--black);
}

.main-navigation .primary-menu-container>ul>li.btn-round-style-2.btn-round-style-2 a:hover {
    background: var(--gradian-green-yellow);
    color: var(--black);
}

/* --- */

/*** Overwrite kadence styling default ***/

/* Modifie les captions afin qui soit sur une ligne - Logo partenaire home page */

div.wp-block-kadence-image figure.aligncenter {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Changer la couleur du fond dans le backend post edit - Kadence applique la palette de couleur 3 des setting au background */

.block-editor-page.post-type-post.post-content-style-boxed .editor-styles-wrapper::before,
.admin-color-post-type-post.admin-color-pcs-boxed.editor-styles-wrapper::before {
    background: var(--white);
}

/* --- */

/*** Posts ***/

/* Modifier la disposition des blocs d'article pour faire en sort que la catégorie apparaît sur l'image avec un style particulier */

#archive-container .entry-header,
.wp-block-kadence-posts .entry-header {
    position: relative;
}

#archive-container .entry.loop-entry .entry-taxonomies,
.wp-block-kadence-posts .entry.loop-entry .entry-taxonomies {
    position: absolute;
}

.wp-block-kadence-posts .entry.loop-entry .entry-taxonomies {
    top: -42px;
}

#archive-container .entry.loop-entry .entry-taxonomies {
    top: -30px;
}

#archive-container .entry-taxonomies .category-links,
.wp-block-kadence-posts .entry-taxonomies .category-links {
    display: inline-block;
    padding: 8px 26px 20px 26px;
    background-color: var(--white);
    border-radius: 26px 26px 0 0;
}

.wp-block-kadence-posts.dark-background .entry-taxonomies .category-links {
    background-color: var(--black);
}

#archive-container .entry-taxonomies a,
.wp-block-kadence-posts .entry-taxonomies a {
    text-transform: none;
    font-weight: 400;
}

.wp-block-kadence-posts.dark-background .entry-taxonomies a {
    color: var(--white);
}

.wp-block-kadence-posts.dark-background .entry-taxonomies a:hover {
    color: var(--dark-gray);
}

.entry-related .entry-title,
#archive-container .entry-title {
    padding-top: 26px;
    position: relative;
}

.wp-block-kadence-posts .entry-title {
    padding-top: 10px;
    position: relative;
}

.dark-background .loop-entry.type-post h2.entry-title {
    color: var(--white);
}

.entry-related .entry-title a:hover,
#archive-container .entry-title a:hover,
.wp-block-kadence-posts .entry-title a:hover {
    color: var(--dark-gray);
}

/* --- */

/*** Single Post ***/

/* Ajout de custon style qui n'est pas gerer avec Kadence pour la page des posts */

.single-post .content-wrap .article-post-thumbnail {
    margin-bottom: 60px;
}

.single-post .content-wrap .entry-content-wrap h1,
.single-post .content-wrap .entry-content-wrap h2,
.single-post .content-wrap .entry-content-wrap h3,
.single-post .content-wrap .entry-content-wrap h4,
.single-post .content-wrap .entry-content-wrap p,
.single-post .content-wrap .entry-content-wrap ul,
.single-post .content-wrap .entry-content-wrap ol,
.single-post .content-wrap .wp-block-table td,
.single-post .content-wrap .wp-block-table th {
    color: var(--black);
}

.single-post .content-wrap .entry-content-wrap h1 a,
.single-post .content-wrap .entry-content-wrap p a {
    color: inherit;
}

.single-post .content-wrap .entry-content-wrap h1 a:hover,
.single-post .content-wrap .entry-content-wrap p a:hover {
    color: var(--yellow);
}

/* Remove bottom shadow */
.entry.single-entry {
    box-shadow: none;
}

.entry-related .entry-related-inner .entry-related-inner-content {
    padding-left: 0;
    padding-right: 0;
}

.single-post article.entry.content-bg.loop-entry {
    background: var(--white);
}

.single-post article.entry.content-bg.loop-entry h1,
.single-post article.entry.content-bg.loop-entry h2,
.single-post article.entry.content-bg.loop-entry h3,
.single-post article.entry.content-bg.loop-entry h4,
.single-post article.entry.content-bg.loop-entry p,
.single-post article.entry.content-bg.loop-entry a {
    color: var(--black);
}

.single-post article.entry.content-bg.loop-entry a:hover {
    color: var(--dark-gray);
}

/* --- */

/*** Footer ***/

/* Change le spacing entre les items */

.wp-block-navigation__container {
    gap: 6px;
}

/* Change le spacing entre les items */
.footer-top-menu .wp-block-navigation ul.wp-block-navigation__container li:first-child {
    line-height: 24px;
    margin-bottom: 4px;
}
.footer-top-menu .wp-block-navigation ul.wp-block-navigation__container li:not(:first-child) {
    font-size: 0.75rem !important;
    line-height: 16px;
}


:root main .has-theme-palette-3-background-color a {
    color: var(--yellow);
}

:root main .has-theme-palette-3-background-color a:hover {
    color: var(--white);
}

#wrapper > div.wp-block-kadence-rowlayout > div > div > div > div.wp-block-kadence-rowlayout > div > div.wp-block-kadence-column > div > div > div > div.wp-block-kadence-column > div > nav > ul > li > a:hover,
#wrapper > div.wp-block-kadence-rowlayout > div > div > div > div.wp-block-kadence-rowlayout > div > div.footer-top-menu > div > nav > ul > li > a:hover {
    color: var(--white);
}

.footer-menu-add-sub-nav .wp-block-navigation-link:nth-child(n+3):nth-child(-n+5) {
    margin-left: 20px;
}

/*** Cookies Disclaimer ***/

/* Arrondir le bouton pour le standardiser, car il n'y a pas d'option disponible pour le changer. Retirer le border. */
.cky-consent-bar .cky-btn {
    border: none;
    border-radius: 20px;
}

/* Copywrite */

.footer-copywrite {
    font-size: 12px;
    line-height: 16px;
    text-align: right;
}

/*** Marquee styles ***/

/* Marquee styles - Need to add JS for the infinite scroll $(".marquee .kt-inside-inner-col").clone().insertAfter(".marquee .kt-inside-inner-col"); */
/* ALl font setting change in edit page with kaden block setting */

.marquee {
    --marquee-gap: 80px;
    position: relative;
    display: flex;
    overflow: hidden;
    user-select: none;
    gap: var(--marquee-gap);
    flex-direction: row;
    -webkit-flex-direction: row;
}

.marquee .kt-inside-inner-col {
    flex-shrink: 0;
    display: flex;
    justify-content: space-around;
    gap: var(--marquee-gap);
    min-width: 100%;
}

/* Pause animation when reduced-motion is set */
@media (prefers-reduced-motion: reduce) {
    .marquee .kt-inside-inner-col {
        animation-play-state: paused !important;
    }
}

/* Enable animation */
.marquee .kt-inside-inner-col {
    animation: marquee-scroll 45s linear infinite;
}

/* Pause on hover */
.marquee.marquee--hover-pause:hover .kt-inside-inner-col {
    animation-play-state: paused;
}

@keyframes marquee-scroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(calc(-100% - var(--marquee-gap)));
    }
}

@keyframes scroll-abs {
    from {
        transform: translateX(calc(100% + var(--marquee-gap)));
    }

    to {
        transform: translateX(0);
    }
}

/*** Page ***/

/* change la couleur de lien */

.dark-background a {
    color: var(--white);
}
.dark-background a:hover {
    color: var(--global-palette-highlight-alt);
}

/*** Page Contact ***/

/* Ajout d'icone à la page contact sur les liens */
.icon-direction a,
.icon-phone a {
    position: relative;
}
.icon-direction a::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%23dce614' d='M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z'/%3E%3C/svg%3E");
    width: 18px;
    height: 15px;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    top: 1px;
    right: -24px;
}
.icon-phone a::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23dce614' d='M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z'/%3E%3C/svg%3E");
    width: 18px;
    height: 15px;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    top: -1px;
    right: -27px;
}

/*** slider ***/

.kb-splide .splide__arrow,
.kb-splide .splide__arrow:hover,
.kb-splide .splide__arrow:focus {
    background: transparent;
}

.wp-block-kadence-advancedgallery .kt-blocks-carousel .splide__arrow--next {
    right: 4px;
}

.wp-block-kadence-advancedgallery .kt-blocks-carousel .splide__arrow--prev {
    left: 4px;
}

/*** Pagination ***/

/* Change le style carré a round */
.pagination .nav-links > * {
    border-radius: 50%;
}