/*
 Theme Name: Divi Child
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: Divi Child Theme
 Author: EcloLINK
 Author URI: https://eclolink.com
 Template: Divi
 Version: 1.0.0
*/

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

img {
    user-drag: none;
    -webkit-user-drag: none;
}
html {
    scroll-behavior: smooth;
}

:focus-visible {
    outline: 2px solid #005fcc;
    outline-offset: 2px;
}
/*some default rules for ibis chalon*/
@font-face {
    font-family: 'vibis_textbold';
    src: url('./font/vibis_text-bold.woff2') format('woff2'),
    url('./font/vibis_text-bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'vibis_textblack';
    src: url('./font/vibis_text-black.woff2') format('woff2'),
    url('./font/vibis_text-black.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

.section-flex {
    display: flex;
}
.section-flex-bottom{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.ligne-hrzntl-align.center{
    justify-content:center;
}
.ligne-hrzntl-align,
.ligne-hrzntl-align-special .et_pb_row{
    display: flex;
    flex-direction: row;
    align-items:center;
}
.ligne-vrtcl-align {
    display: flex;
    flex-direction: column;
    align-items:center;
}
.ligne-flex {
    display: flex;
}

.gap-20{
    gap:20px;
}
.gap-40{
    gap:40px;
}
.full-height-img,
.full-height-img .et_pb_image_wrap,
.full-height-img .et_pb_image_wrap img,
.full-height-module,
.full-height-module .et_pb_code_inner{

    height:100%
}
.full-height-img .et_pb_image_wrap img{
    object-fit: cover;
}

.text-center{
    text-align: center;
}

@media screen and (max-width:980px){
    .ligne-hrzntl-align,
    .ligne-flex {
        display: flex;
        flex-direction: column;
    }
    .gap-20{
        gap:10px;
    }
}

.h1,.h2{
    font-family: 'vibis_textblack', sans-serif;
}
.h3,.h4,.h5,.h6{
    font-family: 'vibis_textbold', sans-serif;
}
.h1{
    font-size: clamp(2.8125rem, 1.8531rem + 3.8374vw, 7.993rem) !important;
}

.h2{
    font-size: clamp(2rem, 1.3235rem + 2.7059vw, 5.9rem) !important;
    line-height: 1.3em;
}
.h3{
    font-size: clamp(1.4375rem, 0.9633rem + 1.8967vw, 3.998rem ) !important;
    line-height: 1.3em;
}
.h4{
    font-size: clamp(1.25rem, 0.9606rem + 1.1574vw, 2.8125rem) !important;
    line-height: 1.3em;
}
.h5{
    font-size: clamp(1.0625rem, 0.8889rem + 0.6944vw, 2rem) !important;
    line-height: 1.3em;
}
.h6{
    font-size: clamp(0.9375rem, 0.8493rem + 0.353vw, 1.414rem) !important;
    line-height: 1.3em;
}

h3,h4,h5,h6{
    line-height: 1.3em !important;
}

/*notre histoire*/

#timeline-histoire .dsm-content-timeline-content-wrapper {
    display: flex;
    flex-direction: column-reverse;
    h2{
        font-family: 'Afacad', Helvetica, Arial, Lucida, sans-serif;
        font-weight: 700;
        text-transform: uppercase;
        font-size: clamp(1.25rem, 0.9606rem + 1.1574vw, 2.8125rem);
    }
}

.deco-left:after {
    content: "";
    display: block;
    height: 50px;
    width: 5px;
    background: #C18B52;
    position: absolute;
    top: 0;
    left: -25px;
}

/*background images*/
article.type-page.status-publish{
    background-repeat: no-repeat;
    background-position-x: 180%;
    background-position-y: 10vh;
    background-attachment: fixed;
}

article#post-279{
    background-image: url("/wp-content/uploads/bg-terroirs-2.svg");
}
article#post-12,article#post-209{
    background-image: url("/wp-content/uploads/fond-home.svg");
}

/*fond des articles*/
.wp-singular.post-template-default.single.single-post #main-content{
    background-repeat: no-repeat;
    background-position-x: 180%;
    background-position-y: 10vh;
    background-attachment: fixed;
    background-image: url("/wp-content/uploads/bg-terroirs-2.svg");
}