/*
 Theme Name:   Centre Culturel Est Ouest
 Theme URI:    https://generatepress.com
 Description:  Thème enfant GeneratePress, customisé par L'Esprit Web pour le Centre Culturel Est Ouest, Association du Château de Saint-Germain.
 Author:       Loïc Esprit
 Author URI:   https://lesprit-web.fr
 Template:     generatepress
 Version:      1.0.11
*/
.otgs-development-site-front-end {
    display: none !important;
}
:root {
    --theme-width: 100%;
    --global-content-edge-padding: 56px;
    --transition: .3s all ease-out;
    /* --global-content-edge-padding: 0; */
    --cmplz_button_border_radius: 4px !important;
    --cmplz_banner_border_radius: 4px !important;
    --cmplz_button_font_size: 1em !important;
    --cmplz_text_font_size: .9em !important;
    --cmplz_link_font_size: .9em !important;
    --transition-all: .2s all ease-in;
    --wp--preset--font-size--small: .9em;
    --wp--preset--font-size--medium: 1em;
    --wp--preset--font-size--large: 1.15em;
    --wp--preset--font-size--x-large: 1.3em;
}
@media (max-width: 1024px) {
    :root {
        --global-content-edge-padding: 48px;
    }
}
@media (max-width: 768px) {
    :root {
        --global-content-edge-padding: 24px;
    }
}
@font-face {
    font-display: swap;
    font-family: 'HM Alpha Mono';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/HMAlphaMono-Medium.otf') format("opentype");
}
@font-face {
    font-display: swap;
    font-family: 'Instrument Serif';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/instrument-serif-v5-latin-regular.woff2') format('woff2');
}
@font-face {
    font-display: swap;
    font-family: 'Instrument Serif';
    font-style: italic;
    font-weight: 400;
    src: url('fonts/instrument-serif-v5-latin-italic.woff2') format('woff2');
}
@font-face {
    font-display: swap;
    font-family: 'Instrument Sans Condensed';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/InstrumentSans_Condensed-Regular.ttf') format('truetype');
}
html {
    --scroll-behavior: smooth;
    scroll-behavior: smooth;
    overflow-x: hidden;
}
/*body:not(.wp-admin) .animate,
body:not(.wp-admin) .masonry-load-more {
    opacity: 0;
    transform: translateY(50px);
    transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1),
                opacity 0.3s ease-in-out;
}
body:not(.wp-admin) .animate.show,
body:not(.wp-admin) .masonry-load-more.show {
    opacity: 1;
    transform: translateY(0);
}*/
small {
    font-size: .85em;
}
.has-primary-1-color { color: var(--primary1); }
.has-primary-2-color { color: var(--primary2); }
.has-secondary-1-color { color: var(--secondary1); }
.has-secondary-2-color { color: var(--secondary2); }
.has-dark-1-color { color: var(--dark1); }
.has-dark-2-color { color: var(--dark2); }
.has-dark-3-color { color: var(--dark3); }
.has-dark-4-color { color: var(--dark4); }
.has-light-1-color { color: var(--light1); }
.has-light-2-color { color: var(--light2); }
.has-light-3-color { color: var(--light3); }
.has-light-4-color { color: var(--light4); }
.has-bg-1-color { color: var(--bg1); }
.has-bg-2-color { color: var(--bg2); }
.has-bg-3-color { color: var(--bg3); }

/* COOKIES BANNER */
.cmplz-cookiebanner {
    margin: 0 15px 15px !important;
    width: calc(100% - 30px) !important;
    grid-column-gap: 20px !important;
    row-gap: 0 !important;
}
.cmplz-cookiebanner .cmplz-message,
.cmplz-cookiebanner .cmplz-message p {
    margin-bottom: 0 !important;
}

.grid-container {
    max-width: var(--theme-width);
}

/* HEADER */
.header-wrap {
    position: fixed;
    top: 0;
    z-index: 9999;
}
body > .site-header {
    position: sticky;
    top: 0;
    z-index: 9999;
    width: 100%;
}
.nav-float-right #site-navigation {
    margin-left: 0;
    width: 100%;
}
#primary-menu {
    margin: 0 auto;
    background-color: rgba(0, 0, 0, 0.16);
    border-radius: 4px;
    backdrop-filter:blur(35px);
    padding-left: 15px;
    padding-right: 15px;
}
.site-header .gp-icon svg,
#mobile-header .gp-icon svg {
    fill: var(--base);
}
nav.rank-math-breadcrumb > p {
    max-width: var(--theme-width);
    margin: 0 auto !important;
    padding: 15px 30px;
}
.menu_icon .dropdown-menu-toggle {
    display: none !important;
}
.main-navigation .menu-toggle {
    backdrop-filter: blur(35px);
    width: 48px;
    border-radius: 4px;
    background-color: var(--dark1);
}

/* CONTENTS */
@media (min-width: 1024px) and (max-width: 1200px) {
    h1 {
        font-size: 64px;
    }
}
@media (min-width: 1201px) and (max-width: 1366px) {
    h1 {
        font-size: 82px;
    }
}
.fullscreen > .kt-row-column-wrap {
    height: 100dvh;
    max-height: 100dvh;
    min-height: 100dvh;
}
.entry-content .wp-block-kadence-rowlayout.alignfull, .entry-content .wp-block-kadence-rowlayout.alignwide {
    overflow: hidden;
}
body:not(.blog):not(.archive.category) .entry-header {
    margin-top: 40px;
    margin-bottom: 30px;
}
.page-header {
    margin-top: 40px;
}
.entry-content {
    margin-top: 0 !important;
}
.entry-content > p:last-child {
    margin-bottom: 20px;
}
.entry-meta {
    font-size: .9em;
}
/* HOMEPAGE */
.posts_homepage article:nth-child(1),
.posts_homepage article:nth-child(2) {
    width: 100%;
}
.posts_homepage article:nth-child(1) {
    float: left;
    margin-left: 0;
    margin-right: auto;
}
.posts_homepage article:nth-child(2) {
    float: right;
    margin-left: auto;
    margin-right: 0;
}
.posts_homepage article:nth-child(3) {
    clear: both;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 768px) {
    .posts_homepage article:nth-child(1),
    .posts_homepage article:nth-child(2) {
        width: calc(50% - 20px);
    }
    .posts_homepage article:nth-child(3) {
        max-width: 550px;
    }
}
@media (min-width: 1025px) {
    .posts_homepage article:nth-child(1),
    .posts_homepage article:nth-child(2) {
        max-width: 324px;
    }
    .posts_homepage article:nth-child(3) {
        max-width: 550px;
    }
}
.posts_homepage article:nth-child(2) img {
    height: 484px;
}

/* Liens */
.kt-svg-icon-list-text a,
p:not(.main-title) a {
    position: relative;
    text-decoration: none;
}
.kt-svg-icon-list-text a::after,
p:not(.main-title) a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: var(--contrast);
    transform: scaleX(1);
    transform-origin: left;
    transition: transform 0.25s ease;
}
.kt-svg-icon-list-text a:hover::after,
.kt-svg-icon-list-text a:focus::after,
p:not(.main-title) a:hover::after,
p:not(.main-title) a:focus::after {
    transform: scaleX(0);
}
.site-footer  p a::after {
    background-color: var(--base);
    transform: scaleX(0);
}
.site-footer  p a:hover::after,
.site-footer  p a:focus::after {
    transform: scaleX(1);
}
/* Séparateur */
hr.wp-block-separator {
    border-top: 1px solid rgba(0, 0, 0, 0.2) !important;
    margin-top: 20px;
    margin-bottom: 20px;
}
/* KB Row */
.kb-row-layout-wrap.alignfull {
    margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);
    max-width: 100vw;
    width: auto;
    /* width: calc(100vw - 9px) !important; */
}
/* WP Buttons */
:root :where(.wp-block-button .wp-block-button__link),
a.button, a.wp-block-button__link:not(.has-background) {
    padding: 8px 12px;
    border-radius: 4px !important;
    transition: var(--transition-all);
    -moz-transition: var(--transition-all);
    -webkit-transition: var(--transition-all);
}
:root :where(.wp-block-button.is-style-outline .wp-block-button__link):not(.has-background):hover,
:root :where(.wp-block-button.is-style-outline .wp-block-button__link):not(.has-background):focus {
    color: var(--base) !important;
    background-color: var(--contrast) !important;
}
.wp-block-button__link.has-contrast-background-color:hover,
.wp-block-button__link.has-contrast-background-color:focus {
    background-color: var(--dark3);
}
.wp-block-button__link.has-dark-4-background-color:hover,
.wp-block-button__link.has-dark-4-background-color:focus {
    background-color: var(--dark2);
}
.wp-block-button__link.has-dark-3-background-color:hover,
.wp-block-button__link.has-dark-3-background-color:focus {
    background-color: var(--dark1);
}
/* WP icônes RS */
.wp-block-social-links {
    margin-bottom: 0;
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-tiktok a svg {
    width: 20px !important;
    height: 20px !important;
}
/* KB Gallery */
.kb-splide.kt-carousel-arrowstyle-blackonlight {
    --splide-nav-color: var(--contrast) !important;
    --splide-nav-background: transparent !important;
}
.kb-splide.kt-carousel-arrowstyle-whiteondark  {
    --splide-nav-color: var(--base) !important;
    --splide-nav-background: transparent !important;
}
.wp-block-kadence-advancedgallery .kb-splide .splide__arrow--prev,
.wp-block-kadence-advancedgallery .kb-splide .splide__arrow--next {
    opacity: 0;
    transition: var(--transition-all) !important;
}
.wp-block-kadence-advancedgallery:hover .kb-splide .splide__arrow--prev,
.wp-block-kadence-advancedgallery:hover .kb-splide .splide__arrow--next {
    opacity: 1;
}
.wp-block-kadence-advancedgallery:hover .kb-splide .splide__arrow--prev {
    transform: translate(-30px, -50%);
}
.wp-block-kadence-advancedgallery:hover .kb-splide .splide__arrow--next {
    transform: translate(30px, -50%);
}

/* Horizontal scroll */
@media (max-width: 850px) {
    .hscroll .kt-inside-inner-col {
        display: flex;
    }
    .hscroll > .kt-inside-inner-col {
        overflow-x: overlay;
        -webkit-overflow-scrolling: touch;
        display: grid !important;
        grid-auto-flow: column;
        grid-auto-columns: 184px;
        margin: 0;
        grid-template-columns: none !important;
        padding-bottom: 20px;
    }
}

/* Load more button */
.masonry-load-more {
    margin-bottom: 40px !important;
}
@media (min-width: 1025px) {
    .masonry-load-more {
        margin-bottom: 60px !important;
    }
}

/* Ninja Forms */
.nf-error-msg {
    font-size: .9em;
}
.nf-input-limit {
    font-size: .75em;
    margin-top: 0;
}

/* WPML */
.wpml-ls-legacy-dropdown-click {
    width: auto;
}
.wpml-ls-legacy-dropdown-click .wpml-ls-item.wpml-ls-current-language {
    border: 1px solid var(--base);
    border-radius: 4px;
}

.wpml-ls-legacy-dropdown-click a,
.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
    border: 0 !important;
}
.wpml-ls-legacy-dropdown-click a {
    color: var(--base) !important;
    padding: 10px;
    border-radius: 4px;
    background: transparent !important;
}
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after {
    border-top: .4em solid;
    top: calc(50% - 0.15em);
}
.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a {
    padding-top: 5px;
    padding-bottom: 5px;
}

/* SLIDEOUT */
@media (max-width: 1024px) {
    .slideout-navigation button.slideout-exit {
        color: var(--base) !important;
        margin: 0 auto 40px;
    }
    .slideout-overlay {
        /* background-color: rgba(0, 0, 0, .4) !important; */
        /* background-color: transparent !important; */
    }
    #generate-slideout-menu {
        /* box-shadow: var(--box-shadow); */
    }
    .slideout-navigation .main-nav {
        margin-bottom: 0 !important;
    }
    .slideout-navigation .dropdown-menu-toggle {
        padding: 0 20px !important;
        margin-right: -20px;
    }
    #generate-slideout-menu .inside-navigation {
        min-height: 100dvh;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        flex-wrap: nowrap;
    }
    .slideout-overlay button.slideout-exit {
        color: var(--base);
        /* display: none !important; */
    }
    #generate-slideout-menu .slideout-menu > li.sfHover {
        /* background-color: var(--grey); */
    }
    #generate-slideout-menu .slideout-menu > li > a {
        padding: 0 20px;
    }
    #generate-slideout-menu .slideout-menu > li > ul.sub-menu {
        display: block !important;
        box-shadow: none !important;
        /* padding: 15px 20px 5px !important; */
        max-height: 0;
        overflow: hidden;
        transition: all .5s cubic-bezier(0.8, 0, 0.2, 1);
    }
    /*#generate-slideout-menu .slideout-menu > li.sfHover > ul.sub-menu {
        max-height: 500px;
    }
    #generate-slideout-menu .slideout-menu > li > ul.sub-menu li {
        padding: 8px 20px;
    }
    #generate-slideout-menu .slideout-menu > li > ul.sub-menu li:first-child {
        padding-top: 22px;
    }
    #generate-slideout-menu .slideout-menu > li > ul.sub-menu li:last-of-type {
        padding-bottom: 22px;
    }
    #generate-slideout-menu .slideout-menu > li > ul.sub-menu li a {
        padding: 0 !important;
        display: flex;
        align-items: center;
        font-weight: 400;
        text-transform: none;
    }
    #generate-slideout-menu .slideout-menu > li > ul.sub-menu li a img {
        max-width: 44px;
        margin-right: 20px;
    }
    #generate-slideout-menu .slideout-menu > li > ul.sub-menu li br {
        content: '';
        margin-right: 5px;
    }*/
}