/*
Theme Name: Blank
Theme URI: https://haltura.io/
Author: the WordPress team
Author URI: https://www.davidmagrico.fr/
Description: Blank theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: haltura
*/

body {
    padding-top: 0 !important;
}

@media (min-width: 1024px) {
    .main {
        padding-left: 250px;
    }
}

.bg_navbar {
    background-color: #181818;
}

/* RULES */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: "Arapey", serif;
    font-weight: 400;
    font-style: normal;
}

p,
a,
.p,
.type_small,
.type_caption {
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}

.expressive {
    font-family: "Arapey", serif;
    font-weight: 400;
    font-style: normal;
}

.expressive-italic {
    font-family: "Arapey", serif;
    font-weight: 400;
    font-style: italic;
}

.ewert {
    /* font-family: "Ewert", serif;
    font-weight: 400;
    font-style: normal; */
}

.ft_800 {
    font-weight: 800;
}

@media (min-width: 768px) {
    .h_navigation--ghost {
        height: 100px;
    }
}

.encart {
    padding: 0.5rem;
    border: 1px white solid;
}

.subencart {
    padding: 1rem;
    border: 1px #ffffff66 solid;
}

.main-title {
    font-size: 9rem;
}

@media (max-width: 1024px) {
    .main-title {
        font-size: 11vw;
    }
}

.h_container {
    max-width: 1400px;
}

@media (min-width: 768px) {
    .h_container {
        padding-left: 4rem;
        padding-right: 4rem;
    }
}

.deco_none {
    text-decoration: none !important;
}

.deco_underline {
    text-decoration: underline !important;
}

.bg_cover {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg_contain {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.upper {
    text-transform: uppercase;
}

.custom-logo {
    width: 150px;
    height: auto;
}

footer .custom-logo {
    width: 160px;
}

.img_contain {
    object-fit: contain;
}

.img_cover {
    object-fit: cover;
}

/* SCROLLBAR */
::-webkit-scrollbar {
    width: 3px;
    height: 3px;
}

::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50px;
}

::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.4);
    border-radius: 50px;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.6);
}

.navbar {
    overflow: hidden auto;
}

.text_shorten {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.divider--dashed-66 {
    margin-bottom: 1rem;
    border-bottom: 1px #ffffff66 dashed;
}
.divider--solid {
    margin-bottom: 1rem;
    border-bottom: 1px #ffffff solid;
}

.multi_col--3 {
    column-count: 3; /* nombre de colonnes */
    column-gap: 2rem; /* espace entre les colonnes */
    column-rule: 1px solid #ffffff33; /* ligne verticale séparatrice */
    column-fill: balance; /* tentative d'équilibrer la hauteur des colonnes */
    hyphens: auto; /* césures automatiques (nécessite lang="fr" sur html) */
}

/* Empêcher certains éléments de se couper entre colonnes */
.multi_col--3 h2,
.multi_col--3 img,
.multi_col--3 .no-break {
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
}

/* Petite lettrine */
.multi_col--3 p:first-of-type::first-letter {
    float: left;
    font-size: 3.5rem;
    line-height: 0.7;
    margin: 0 0.15rem 0 0.05rem;
    font-weight: 700;
    font-family: Georgia, serif;
}

/* Responsive : une seule colonne sur petits écrans */
@media (max-width: 1024px) {
    .multi_col--3 {
        column-count: 1;
        column-gap: 1rem;
        column-rule: none;
    }
}

.break_spaces {
    white-space: break-spaces;
}