/*!
Theme Name: Standish
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Standish
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */


:root {
    /* Le Clamp est entre 1025 px à 1440 px */

    /* Font Size */
    --global-kb-font-size-sm: 1rem !important;
    /*  16 px */
    --global-kb-font-size-md: 1.5rem !important;
    /*  24 px */
    --global-kb-font-size-lg: 2rem !important;
    /*  32 px */
    --global-kb-font-size-xl: clamp(3rem, 0.5385rem + 3.8462vw, 4rem) !important;
    /*  48 px à 64 px */
    --global-kb-font-size-xxl: clamp(5rem, -2.3846rem + 11.5385vw, 8rem) !important;
    /*  80 px à 128 px */
    --global-kb-font-size-xxxl: clamp(6rem, -2.3077rem + 12.9808vw, 9.375rem) !important;
    /*  96 px à 150 px */

    /* Espaces entre les colonnes Horizontales */
    --global-kb-gap-sm: clamp(1.25rem, 1.36vi + 0.91rem, 2rem);
    /* 20 px à 32 px */
    --global-kb-gap-md: clamp(2rem, 3.85vi + -0.46rem, 3rem);
    /* 32 px à 48 px */
    --global-kb-gap-lg: clamp(3rem, 7.69vi + 1.08rem, 8rem);
    /* 48 px à 128 px */
    /* Espaces entre les colonnes Verticales */
    --global-row-gutter-sm: clamp(1.25rem, 1.36vi + 0.91rem, 2rem) !important;
    /* 20 px à 32 px */
    --global-row-gutter-md: clamp(1.25rem, 1.36vi + 0.91rem, 2rem) !important;
    /* 20 px à 32 px */
    --global-row-gutter-lg: clamp(2rem, 3.18vi + 1.2rem, 3.75rem) !important;
    /* 32 px à 48 px */

    /* Padding & Margin */
    --global-kb-spacing-xs: 1rem !important;
    /*  16 px */
    --global-kb-spacing-sm: 1.5rem !important;
    /*  24 px */
    --global-kb-spacing-md: 2rem !important;
    /*  32 px */
    --global-kb-spacing-lg: 3rem !important;
    /*  48 px */
    --global-kb-spacing-xl: 4rem !important;
    /*  64 px */
    --global-kb-spacing-xxl: 5rem !important;
    /*  80 px */
    --global-kb-spacing-3xl: 6rem !important;
    /*  96 px */
    --global-kb-spacing-4xl: 8rem !important;
    /*  128 px */
    --global-kb-spacing-5xl: 10rem !important;
    /*  160 px */
}

@media (max-width: 1024px) {

    :root {

        /* Font Size */
        --global-kb-font-size-sm: 1rem !important;
        /*  16 px */
        --global-kb-font-size-md: 1.5rem !important;
        /*  24 px */
        --global-kb-font-size-lg: 2rem !important;
        /*  32 px */
        --global-kb-font-size-xl: 3rem !important;
        /*  48 px */
        --global-kb-font-size-xxl: 4rem !important;
        /*  64 px */
        --global-kb-font-size-xxxl: 5rem !important;
        /*  80 px */

        /**** ROW - Espaces entre les colonnes en Mobile/Tablet ****/

        /* Horizontal */
        --global-kb-gap-sm: 1rem !important;
        /* 16 px */
        --global-kb-gap-md: 2rem !important;
        /* 32 px */
        --global-kb-gap-lg: 3rem !important;
        /* 48 px */
        /* Verticale */
        --global-row-gutter-sm: 1rem !important;
        /* 16 px */
        --global-row-gutter-md: 2rem !important;
        /* 32 px */
        --global-row-gutter-lg: 3rem !important;
        /* 48 px */

    }
}





/****
    STANDISH MASTER CLASS
****/

h1,
h2,
h3 {
    text-wrap: balance;
}

p {
    text-wrap: pretty;
    max-width: 75ch;
}

p.has-large-font-size {
    font-size: 3rem !important;
    line-height: 1.3em !important;
}

@media (prefers-reduced-motion: no-preference) {
    :has(:target) {
        scroll-behavior: smooth;
        scroll-padding-top: 3rem;
    }
}

i {
    font-style: normal !important;
    /* Pour plugin standish-icons */
}

.trunc p {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    /* Display 5 lines by default */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.wp-block-kadence-column.clickable-column {
    cursor: pointer;
}

/* Buttons */
span.kt-btn-inner-text,
a.wp-block-button__link,
a.kt-button {
    text-align: left;
}

@media (max-width: 767px) {
    .trunc p {
        -webkit-line-clamp: 2;
        /* Display 2 lines on screens narrower than 767px */
    }
}


.image-key-burn {
    width: 100%;
    /*height: 50vw;*/
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.image-key-burn .kb-bg-slide {
    width: 100%;
    animation: move 50s ease infinite;
    /* Add infinite to loop. */

    -ms-animation: move 50s ease infinite;
    -webkit-animation: move 50s ease infinite;
    -0-animation: move 50s ease infinite;
    -moz-animation: move 50s ease infinite;
    position: absolute;
    animation-fill-mode: forwards;
}

@-webkit-keyframes move {
    0% {
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        -ms-transform-origin: center center;
        -o-transform-origin: center center;
        transform-origin: center center;
        transform: scale(1.0);
        -ms-transform: scale(1.0);
        /* IE 9 */

        -webkit-transform: scale(1.0);
        /* Safari and Chrome */

        -o-transform: scale(1.0);
        /* Opera */

        -moz-transform: scale(1.0);
        /* Firefox */
    }

    50% {
        transform: scale(1.2);
        -ms-transform: scale(1.2);
        /* IE 9 */

        -webkit-transform: scale(1.2);
        /* Safari and Chrome */

        -o-transform: scale(1.2);
        /* Opera */

        -moz-transform: scale(1.2);
        /* Firefox */
    }

    100% {
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        -ms-transform-origin: center center;
        -o-transform-origin: center center;
        transform-origin: center center;
        transform: scale(1.0);
        -ms-transform: scale(1.0);
        /* IE 9 */

        -webkit-transform: scale(1.0);
        /* Safari and Chrome */

        -o-transform: scale(1.0);
        /* Opera */

        -moz-transform: scale(1.0);
        /* Firefox */
    }
}


/****
ÉVÉNEMENTS
****/

.wp-site-blocks .standish_evenements-title h1 {
    margin-bottom: 1.5rem;
}

body.single-standish_evenements .single-content {
    margin: 0;
}

.standish-single-evenement {
    background: var(--global-palette8) !important;
}

.wp-block-kadence-postgrid.hebergements a.kadence-post-image-inner-wrap:before,
.wp-block-kadence-postgrid.evenements a.kadence-post-image-inner-wrap:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.0) 0%, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0.7) 100%);
}


.wp-block-kadence-postgrid.evenements h2.entry-title {
    text-align: center !important;
    text-wrap: inherit;
}

.wp-block-kadence-postgrid.evenements .kadence-post-image-inner-intrisic {
    border-radius: 18px !important;
}

.kb-splide .splide__arrow {
    background: #fff !important;
    opacity: 0.75 !important;
    font-size: 1.35rem !important;
    /* top: 38% !important; */
}

.kb-splide .splide__arrow svg {
    fill: #733c24 !important;
}

.wp-block-kadence-postgrid.evenements .kb-splide .splide__arrow {
    /* top: 38% !important; */
}

.kb-splide .splide__arrow--prev {
    left: 0 !important;
}
.kb-splide .splide__arrow--next {
    right: 0 !important;
}
@media (max-width:768px) {
    .kb-splide .splide__arrow {
        font-size: 0.75rem !important;
    }

    .wp-block-kadence-postgrid.evenements .kb-splide .splide__arrow--prev {
        left: -27px;
    }

    .wp-block-kadence-postgrid.evenements .kb-splide .splide__arrow--next {
        right: -27px;
    }

    .wp-block-kadence-postgrid.evenements .kt-blocks-post-grid-item .entry-content {
        position: relative;
        top: 28px;
    }
}

/****
KADENCE HACK
****/


.kt-blocks-post-grid-item-inner {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.kt-blocks-post-grid-item-inner-wrap {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.kt-blocks-post-grid-item-inner .entry-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.kt-blocks-post-readmore-wrap {
    flex-grow: 1;
    display: flex;
    align-items: flex-end;
    justify-content: start;
}



/****
FOOTER
****/

.site-middle-footer-inner-wrap {
    align-items: start;
}

.site-bottom-footer-inner-wrap {
    align-items: center;
}

.site-footer-row-container-inner .site-container {
    padding: 0px;
}

.standish-logo {
    margin-top: -7px;
}

.standish-logo img {
    width: 100px;
}

@media only screen and (max-width: 768px) {
    .site-bottom-footer-inner-wrap .footer-widget-area-inner {
        justify-content: center;
    }
}



.wp-block-kadence-advancedbtn.contact a.adresse {
    align-items: start;
}

.wp-block-kadence-advancedbtn.contact a.adresse>.kb-svg-icon-wrap {
    margin-top: 3px;
}


/****
  TABLES
****/

.wp-block-table thead {
    border-bottom: 0px !important;
    background: var(--global-palette1);
    color: white;
}

.wp-block-table th {
    padding: 1.5em !important;
    border: 0px !important;
    border-bottom: 1px solid var(--global-palette1) !important;
    text-align: left;
    font-weight: 600;
}

.wp-block-table td {
    padding: 1.5em !important;
    border: 0px !important;
    border-bottom: 1px solid var(--global-palette1) !important;
}

@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {

    .wp-block-table table {
        width: 100%;
        border-collapse: collapse;
    }

    .wp-block-table table th {
        background: #333;
        color: white;
        font-weight: bold;
    }

    .wp-block-table table td,
    .wp-block-table table th {
        padding: 1em !important;
        text-align: left;
        min-height: 40px;
    }

    /* Force table to not be like tables anymore */
    .wp-block-table table,
    .wp-block-table table thead,
    .wp-block-table table tbody,
    .wp-block-table table th,
    .wp-block-table table td,
    .wp-block-table table tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    .wp-block-table table thead {
        display: none;
    }

    .wp-block-table table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .wp-block-table table tr {
        border: 1px solid var(--global-palette2);
        border-bottom: 0px;
    }

    .wp-block-table table td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid var(--global-palette2) !important;
        position: relative;
        padding-left: 50% !important;
        display: block;
        align-items: center;
    }

    .wp-block-table table td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 1em;
        left: 10px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        color: white;
    }

    /*
    CSS alternatif
    */
    /*
    .wp-block-table table tr:nth-of-type(odd) {
      background: #eee;
    }
    */

    .wp-block-table table tbody tr {
        position: relative;
        margin-bottom: 20px;
    }

    .wp-block-table table tbody tr td {
        padding: 0;
        margin: 0;
    }

    .wp-block-table table tbody tr:before {
        background-color: var(--global-palette1);
        content: " ";
        position: absolute;
        top: 0;
        left: 0;
        width: 47%;
        padding-right: 10px;
        white-space: nowrap;
        height: 100%;
    }
}



/****
  FLUENT FORM 
****/

select.ff-el-form-control {
    background-image: url(/wp-content/themes/standish/assets/images/chevron_down.svg) !important;
    background-size: 20px !important;
    background-position-x: calc(100% - 12px) !important;
}

.ff-el-datepicker {
    background-image: url(/wp-content/themes/standish/assets/images/calendar_month.svg) !important;
    background-size: 20px !important;
    background-position-x: calc(100% - 12px) !important;
    background-repeat: no-repeat !important;
    background-position-y: 50% !important;
}


.ff-default .ff-el-form-control:focus {
    border-color: var(--global-palette1) !important;
}

.ff-el-group input[type=radio]:after,
.ff-el-group input[type=checkbox]:after {
    margin-left: 0px !important;
    margin-top: -2px !important;
    background-size: 12px !important;
}

.ff-btn-submit {
    background-color: var(--global-palette1) !important;
    color: var(--global-palette9) !important;
    border: 0px !important;
    border-radius: 100px !important;
    padding: 0.7rem 1.5rem !important;
}

.ff-btn-submit:hover {
    background-color: var(--global-palette2) !important;
    color: var(--global-palette9) !important;
}

.fluentform .ff-el-group {
    margin-bottom: 10px !important;
}

.ff-default .ff-el-form-control {
    border-radius: 100px !important;
}

/*.ff-default .ff-el-form-control:focus{
    border-color: var(--global-palette1) !important;
}
.ff-btn-submit{
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    line-height: 1 !important;
    font-family: var(--global-heading-font-family) !important;
    text-transform: uppercase !important;
    border-radius: 100px !important;
    padding: 2em 2.75em 2em 2.75em !important;
    box-shadow: 0px 0px 0px -7px rgba(0, 0, 0, 0.25) !important;
    color: var(--global-palette1) !important;
    background: var(--global-palette3) !important;
    text-decoration: none !important;
    min-width: fit-content !important;
    width: 100% !important;
}
.ff-btn-submit:hover{
    opacity: 1 !important;
    background:  var(--global-palette1) !important;
    color:  var(--global-palette3) !important;
}
input.ff-el-form-control {
    border-radius: 100px !important;
}
textarea.ff-el-form-control {
    border-radius: 20px !important;
}*/