/*
Theme Name: Igenève Starter
Theme URI: https://igeneve.com/
Author: Igeneve
Author URI: https://igeneve.com/
Description: <strong>UPDATE</strong> - 1.0+ Starter custom
Version: 1.0
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: igeneve-starter
Text Domain: eqs

Igeneve WordPress Theme © 2023 igeneve.com
IGE is distributed under the terms of the GNU GPL
*/

/* SYLVAIN */
html, body{
    overflow-x: hidden;
}

body{
    font-family: 'Geist', sans-serif !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 1.7em !important;
    color: #0E1414 !important;
}

:where(.wp-block-columns) {
    margin-bottom: 0 !important;
}

strong {
    font-weight: 700;
}

nav#navbar{
    margin-right: 0 !important;
}

a#icon-brand-link {
    width: 250px !important;
    display: flex;
    align-items: center;
}

img#icon-brand-icon {
    height: auto;
    width: 100% !important;
}

#main-menu .menu-item a {
    font-size: 14px !important;
}

#footer a.btn-share {
    width: 45px;
    height: 45px;

}

.second_col_footer{
    align-items: end;
    gap: 10px;
}

h1{
    font-family: 'Geist', sans-serif !important;
    font-size: 55px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 1.3em !important;
    letter-spacing: -3.44px !important;
}

h2{
    font-family: 'Geist', sans-serif;
font-size: 42px !important;
font-style: normal;
font-weight: 300;
line-height: 1.3em;
}

h2.v1{
    font-size: 24px !important;
    font-weight: 400;
    line-height: 1.7em;
}

h2.v2, h2.v3{
    font-size: 25px !important;
    font-weight: 500;
}

h2.v1 strong {
    font-weight: 600;
    font-size: 18px;
}

h2.v3{
    font-size: 18px !important;
    font-style: normal;
    font-weight: 600;
}

h3{
    font-family: 'Geist', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.3em;
}




.section {
    justify-content: center;
}

/* CTA */
.wp-block-button{
    transition: all ease-in-out .3s;
}
.wp-block-button:hover{
    filter: brightness(1.15);
}

.wp-block-button a {
    border-radius: 0;
    font-family: 'Geist', sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.3em;
    letter-spacing: 0.17px;
}

.wp-block-button__link {
    display: inline-flex;
    align-items: center;
    gap: 8px; 
}

.wp-block-button__link::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: currentColor; 
    -webkit-mask-image: url('/wp-content/uploads/2026/04/arrow.svg');
    mask-image: url('/wp-content/uploads/2026/04/arrow.svg');
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-size: contain;
}






/* POSTS GRID */

.wp-block-latest-posts.is-grid li{
    transition: all ease-in-out .3s;
}
.wp-block-latest-posts.is-grid li:hover,.video_box:hover{
    filter: brightness(1.15);
    transform: scale(.995);
}

.wp-block-latest-posts.is-grid {
    padding: 0;
}

.wp-block-latest-posts.is-grid li {
    display: flex;
    flex-direction: column;
    margin-bottom: 2rem;
}

.wp-block-latest-posts__featured-image, .wp-block-latest-posts a {
    width: 100%;
}

.wp-block-latest-posts__featured-image {
    margin-bottom: 10px !important;
}

.wp-block-latest-posts__featured-image img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    display: block;
}

.wp-block-latest-posts.is-grid li {
    display: flex;
    flex-direction: column;
}

.wp-block-latest-posts__post-date {
    order: 1;
    display: block;
color: #69686B;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 1.3em; 
letter-spacing: -0.16px;
    margin-bottom: 5px;
}

.wp-block-latest-posts__post-title {
    order: 2; 
    display: block;
    color: #0E1414;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 20.8px; 
letter-spacing: -0.16px;
text-decoration: none;
}
.wp-block-latest-posts__post-title:hover {
    color: initial;
}

.card_categorie h3{
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}

.card_categorie {
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease-in-out;

}

.card_categorie .wp-block-button__link {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
    z-index: 999 !important;
    margin: 0 !important;
    border-radius: 0 !important;
}

.card_categorie:hover {
    filter: brightness(1.15);
}


.card_categorie p {
    max-width: 300px;
    margin-left: 0 !important;
}


.step_box p{
    max-width: 280px;
    margin-left: 0 !important;
}

.banniere p{
    max-width: 490px;
    margin-left: 0 !important;
}


p.citation {
    margin-left: 20px;
    padding-left: 10px;
    border-left: 1px solid #B99136;
}

.auteur{
    font-family: 'Geist Mono', monospace;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: #69686B;
}

.ressources {
    row-gap: 40px !important;
}

.ressources h3 {
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.3em
}

.video_box{
        transition: all 0.3s ease-in-out;
}

.video_box h3{
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.3em;
} 
.video_box h3 a{
    text-decoration: none !important;
} 

/* RESPONSIVE */

@media screen and (max-width: 1024px){

    .hide_tab{
        display: none !important;
    }

    .second_col_footer {
        align-items: center;
        gap: 10px;
    }
    
    .first_col_footer {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }
    
    .first_col_footer p{
        text-align: center;

    }
    
    h1{
        font-size: 45px !important;
    }

    h2{
    font-size: 36px !important;
    }

    h2.v2, h2.v3{
        font-size: 20px !important;
        font-weight: 400;
        line-height: normal;
    }

    .hero{
        min-height: 450px !important;
    }

    .wp-block-latest-posts__featured-image img {
        height: 120px;
    }
    .ressources .wp-block-column{
        padding-left: 0 !important;
    }

    .ressources {
        column-gap: 40px !important;
        row-gap: 30px !important;
    }

    .card_categorie{
        min-height: 220px !important;
        padding: 20px 20px 0 20px !important;
    }


    .section {
        padding: 60px 20px !important;
    }

    .section.padding_s {
        padding: 20px 20px !important;
    }

    .section.last_video{
        padding: 60px 20px 40px 20px !important;
    }

    .category_grid, .ressources{
        grid-template-columns: 1fr 1fr !important;
    }

    .cta_video{
        margin-top: 50px !important;
    }

    .step_box p, .step_box hr {
    max-width: 500px;
    }

    .step_box{
        padding-bottom: 20px;
    }

    .video_box h3, .wp-block-latest-posts__post-title {
        font-size: 14px;
    }

    .cta_newsletter{
        justify-content: center !important;
    }
}

@media screen and (max-width: 430px){
    h1{
        font-size: 35px !important;
    }
    h2{
    font-size: 30px !important;
    }

    h2.v2,h2.v3{
        font-size: 18px !important;
    }
    .hero{
        min-height: 500px !important;
    }

    .wp-block-latest-posts__featured-image img {
        height: 180px;
    }

    .section, .section.last_video {
        padding: 40px 20px !important;
    }

    .video_grid, .category_grid, .ressources{
        grid-template-columns: 1fr !important;
    }

    .newsletter{
        justify-content: center !important;
        gap: 0;
    }
    .newsletter h2, .newsletter p{
        text-align: center !important;
    }
    .newsletter p{
        margin-bottom: 30px !important;
    }
}