/*
Theme Name: Consistoire de Belgique
Description: Inside Web - thème
Version: 1.0.0
Author: Inside Web
Author URI: https://www.insideweb.be
*/
body{
    
}

img {
    width: 100%;
}

p:last-child {
    margin-bottom: 0;
}
nav.navbar-main {
      z-index: 9998;
}
@-webkit-keyframes move {
  0% {
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    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 */
  }
  100% {
    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 */
  }
}

.header-topbar{
    background: #f3f3f3;
}
.hide{
    display: none;
}


:root{
    --figtree: "figtree", sans-serif;
    --area: "area-normal", sans-serif;
    --white: #fff;
    --black: #000;
    --bleuFonce: #182BAD;
    --bleuClair: #A5B0E6;
    --bleuTresFonce: #110E45;
    --transparent: transparent;
}

#home{
    position: relative;
    display: flex;
    align-items: center;
    height: 91vh;
    margin-top: 10vh;
    padding: 0;
    z-index: -1;
}

.color-white{
    color: var(--white) !important;
}

.p-general{
    font-family: var(--area);
    font-size: 17px;
    line-height: 26px;
    color: var(--bleuTresFonce);
}

.arrow-font{
    font-size: 50px;
    color: var(--white);
    text-align: end;
}

.titre{
    font-family: var(--area);
    color: var(--white);
    font-weight: 600;
    font-size: 50px;
    line-height: 55px;
    font-style: normal;
    text-transform: capitalize;
}

.btn-site{
    font-family: var(--area);
    font-weight: 600;
    font-size: 15px;
    display: block;
    color: var(--bleuTresFonce);
    border: 1px solid var(--bleuTresFonce);
    border-radius: 20px;
    padding: 8px 33px;
    padding-bottom: 10px;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}

.btn-site:hover{
    color: var(--white);
    background-color: var(--bleuTresFonce);
}

.btn-site-2{
    font-family: var(--area);
    font-weight: 600;
    font-size: 15px;
    color: var(--bleuFonce);
    line-height: 50px;
    text-decoration: none;
}

.size-font-arrow{
    font-size: 20px;
}

main{
    padding: 0 15px;
}

/* HEADER */

header{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: var(--white);
    z-index: 9999;
}

.navbar-collapse{
    justify-content: end;
}

.navbar{
    height: 10vh;
}

.nav-link{
    font-family: var(--area);
    font-weight: 700;
    font-size: 15px;
    line-height: 50px;
    color: var(--bleuTresFonce);
}

.nav-link:hover{
    color: var(--bleuClair);
}

.offcanvas.offcanvas-top{
    height: 100vh !important;
    top: 10vh;
    background-color: var(--bleuFonce);
}

.offcanvas-backdrop{
    top: 10vh;
}

.link-sous{
    list-style: none;
}

.sub-menu li,.link-sous a{
    color: var(--white);
    text-decoration: none;
    list-style: none;
}

.sub-menu li{
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
}

.sub-menu{
    padding: 0;
    display: flex;
    flex-direction: column;
}

.sub-menu li a{
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    font-family: var(--area);
    font-weight: 600;
    font-size: 23px;
    line-height: 50px;
    transition: all 0.3s ease-in-out;
    margin: 10px 0;
}

.sub-menu li a:hover{
    color: var(--bleuClair);
}

.link-sous{
    padding-bottom: 40px;
}

#extra-menu{
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    height: 100%;
}

#extra-menu-1, #extra-menu-2, #extra-menu-3{
    padding: 0;
}

.offcanvas-body{
    display: flex;
    align-items: center;
    justify-content: center;
}

.link-sous > :first-child {
    margin-bottom: 20px;
    display: block;
    transition: all 0.3s ease-in-out;
}

.link-sous > :first-child:hover{
    color: var(--bleuClair);
}

.dropdown-toggle::after {
    display: none !important;
}

.div-nav{
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 5%;
}

.navbar-toggler{
    border: 0;
}

.navbar-toggler:focus{
    box-shadow: none;
}

.burgerMenuBack{
    color: var(--white);
    font-size: 20px;
    padding-bottom: 2rem;
}

.btnBack{
    padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);
    margin: calc(-.5 * var(--bs-offcanvas-padding-y)) calc(-.5 * var(--bs-offcanvas-padding-x)) calc(-.5 * var(--bs-offcanvas-padding-y)) auto;
}

.offcanvas-header{
    display: none;
    border-bottom: 1px solid var(--white);
}

/* FIN HEADER */

/* FOOTER */

footer{
    background-color: var(--bleuTresFonce);
}

.h6-footer{
    margin: 0;
    color: var(--white);
    font-family: var(--area);
    font-weight: 600;
    font-size: 15px;
    line-height: 25px;
}

.lien-footer,.copyright, .insideWeb{
    color: var(--white);
    font-family: var(--area);
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    text-decoration: none;
    width: fit-content;
}

.lien-footer:hover{
    color: var(--bleuClair);
}

.insideWeb:hover{
    color: var(--bleuClair);
}

/* FIN FOOTER */

/* HOME */

.img-background{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    height: 83vh;
    object-fit: cover;
}

.div-absolute-home{
    background-color: var(--white);
    padding: 26px 35px !important;
    position: absolute;
    bottom: 0;
    right: 9%;
}

.containerFlexHome{
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
}

.pHomeFirst{
    font-family: var(--area);
    font-weight: 400;
    font-size: 23px;
    line-height: 33px;
    color: var(--bleuFonce);
}

.card-home{
    aspect-ratio: 1;
    background-color: var(--bleuFonce);
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding-bottom: 7% !important;
    padding-left: 10% !important;
    padding-right: 10% !important;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}

.card-home:hover{
    background-color: var(--bleuTresFonce);
}

.h3-lien-home{
    font-family: var(--area);
    font-weight: 400;
    font-style: italic;
    font-size: 30px;
    line-height: 35px;
    color: var(--white);
}

.h4-lien-home{
    font-family: var(--area);
    font-weight: 600;
    font-size: 40px;
    line-height: 50px;
    color: var(--white);
    min-height: 100px;
    display: flex;
    align-items: end;
}

.h2-home{
    color: var(--bleuTresFonce);
}

#section-event{
    background-color: var(--bleuClair);
}

.h4-event{
    font-family: var(--area);
    font-weight: 400;
    font-size: 30px;
    color: var(--white);
    line-height: 35px;
    margin-bottom: 15px;
}

.h5-event{
    font-family: var(--area);
    font-weight: 600;
    font-size: 23px;
    line-height: 23px;
    color: var(--white);
    margin-bottom: 15px;
}

.p-event{
    font-family: var(--area);
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    color: var(--bleuTresFonce);
    padding-right: 10%;
}

.card-event{
    border-left: 1px solid var(--white);
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}

.arrow-anim.active{
    transform: rotate(-45deg);
    transition: all 0.3s ease-in-out;
}

.card-event:first-child{
    border: none;
}

/* FIN HOME */

/* COMMUNAUTES */

#communaute{
    position: relative;
    display: flex;
    align-items: center;
    height: 91vh;
    margin-top: 10vh;
    padding: 0;
    z-index: -1;
}

.card-commu{
    aspect-ratio: 1;
    background-color: var(--bleuFonce);
    padding: 7% 10%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.card-commu-2{
    background-color: var(--bleuFonce);
    padding: 7% 5%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.arrow-font-commu{
    font-size: 30px;
    color: var(--white);
    text-align: end;
}

.lien-card-commu{
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    font-family: var(--area);
    font-weight: 600;
    font-size: 23px;
    line-height: 50px;
    color: var(--white);
}

.lien-card-commu:hover, .p-lien-commu:hover{
    color: var(--bleuClair) !important;
}

.h3-commu, .link-sous{
    font-family: var(--area);
    font-weight: 600;
    font-size: 35px;
    line-height: 45px;
    color: var(--white);
}

.row-special{
    --bs-gutter-y: 1.5rem;
    margin-top: -20vh;
}

.row-special-home{
    --bs-gutter-y: 1.5rem;
}

.p-lien-commu{
    font-family: var(--area);
    font-weight: 400;
    font-size: 15px;
    color: var(--white);
    line-height: 25px;
}

.div-bx{
    width: 42%;
    display: flex;
    flex-direction: column;
}

.divFlexComu{
    display: flex;
    justify-content: space-between;
}

/* FIN COMMUNAUTES */

/* CONTACT */

#contact{
    position: relative;
    margin-top: 10vh;
    margin-bottom: 20px;
}

#formulaireContact{
    padding: 7% 0;
}

.formContact{
    background-color: var(--bleuTresFonce);
    padding: 5%;
}

.h3-contact{
    font-family: var(--area);
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    color: var(--bleuClair);
    margin: 0;
}

.lien-contact{
    font-family: var(--area);
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    color: var(--white);
    text-decoration: none;
}

.lien-contact:hover{
    color: var(--bleuClair);
}

.inputText, #message{
    width: 100%;
    background-color: var(--transparent);
    border: 0;
    border-bottom: 1px solid var(--white);
    padding-bottom: 20px;
    margin-bottom: 40px;
    color: var(--white);
    font-family: var(--area);
    font-weight: 400;
    font-size: 20px;
}

.inputText::placeholder, #message::placeholder{
    font-family: var(--area);
    font-weight: 600;
    font-size: 23px;
    line-height: 23px;
    color: var(--white);
}

.inputText:focus-visible, #message:focus-visible{
    outline: none;
}

.divFormPadding{
    padding: 5% 10%;
    padding-bottom: 0;
}

.btnContact{
    background-color: var(--transparent);
    color: var(--white);
    border-color: var(--white);
}

.btnContact:hover{
    background-color: var(--white);
    color: var(--bleuTresFonce);
}

.img-contact{
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    height: -webkit-fill-available;
}

.titreContact{
    text-align: end;
}

.paddingSpec{
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.marginTopSpec{
    margin-top: 3rem;
}

/* FIN CONTACT */

/* LE CONSISTOIRE CENTRALE */

.consistoireCentrale{
    position: relative;
    display: flex;
    align-items: center;
    height: 25vh;
    margin-top: 10vh;
    padding: 0;
    z-index: -1;
}

.imgBackgroundCentral{
    height: 25vh;
}

.card-person{
    border-top: 6px solid var(--bleuFonce);
    padding: 2% 0% 6% 10%;
}

.card-person h4{
    font-family: var(--area);
    font-weight: 600;
    font-size: 23px;
    line-height: 50px;
    color: var(--bleuFonce);
    margin: 0;
}

.card-person h5{
    font-family: var(--area);
    font-weight: 400;
    font-size: 15px;
    color: var(--bleuTresFonce);
    line-height: 25px;
}

.h2-central{
    font-family: var(--area);
    font-weight: 600;
    font-size: 40px;
    color: var(--bleuFonce);
    line-height: 50px;
    text-align: center;
    margin: 3rem 0 4rem 0;
}

#assembleGeneral, #fonctionnement{
    background-color: #A5B0E6;
    padding: 6rem 0;
    position: relative;
}

#histoire-france{
    background-color: rgba(165, 176, 230, 0.45);
    padding: 6rem 0;
    position: relative;
}

#histoire-belgique{
    background-color: var(--white);
    padding: 6rem 0;
    position: relative;
}

#fonctionnement{
    background-color: #110e45c9;
}

#assembleGeneral h2, #histoire-france h2{
    color: var(--bleuTresFonce);
    margin-bottom: 3rem;
}

#fonctionnement h2{
    color: var(--white);
    margin-bottom: 3rem;
}

#assembleGeneral h3, #fonctionnement h3, #histoire-france h3, #histoire-belgique h3{
    font-family: var(--area);
    font-weight: 600;
    font-size: 23px;
    color: var(--bleuFonce);
    line-height: 33px;
    width: 90%;
}

#histoire-belgique h3{
    color: var(--bleuClair);
}

#fonctionnement h3{
    color: var(--bleuClair);
}

#assembleGeneral p , #fonctionnement p{
    font-family: var(--area);
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    color: var(--white);
}

#histoire-france p, #histoire-belgique p{
    font-family: var(--area);
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    color: var(--bleuTresFonce);
}

.img-background-centrale{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

#histoire h2{
    color: var(--bleuTresFonce);
}

.img-histoire{
    height: 100%;
    width: 100%;
    object-fit: cover;
}

#histoire{
    position: relative;
    margin: 6rem 0;
}

#container-histoire{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

#histoire p{
    font-family: var(--area);
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    color: var(--bleuTresFonce);
}

.fit-content-btn{
    max-width: fit-content;
}

/* FIN CONSITOIRE CENTRALE */

/* CALENDRIER */

.fc-daygrid-day-events {
    display: flex;
    flex-direction: column;
}

.fc-daygrid-day-events > *:nth-child(2n) {
    /* background-color: #f1f1f1; */
    background-color: var(--bleuClair);
}

.fc-event-time{
    color: var(--bleuFonce);
}
.fc-daygrid-day-events > *:nth-child(2n) .fc-daygrid-block-event .fc-event-title, .fc-daygrid-day-events > *:nth-child(2n) .fc-daygrid-block-event .fc-event-time{
    color: var(--white) !important;
}

.fc .fc-daygrid-event-harness{
    margin: 5px 0;
}

.fc .fc-daygrid-day.fc-day-today{
    background-color: #d9aa3f82;
}

.fc-daygrid-day-events > *:nth-child(2n) .fc-daygrid-block-event .fc-event-title

.fc .fc-button-group > .fc-button, .fc-direction-ltr .fc-toolbar > * > :not(:first-child), .fc-direction-rtl .fc-daygrid-event.fc-event-start{
    background-color: var(--transparent);
    border: 1px solid var(--bleuFonce);
    color: var(--bleuFonce);
}

.fc .fc-daygrid-day-top{
    border-bottom: 1px solid var(--fc-border-color);
}

.fc-direction-ltr .fc-daygrid-event.fc-event-end{
    background-color: var(--transparent);
    color: var(--bleuFonce);
    border: none;
}

.fc-h-event .fc-event-main{
    color: var(--bleuFonce);
}

.fc .fc-button-group > .fc-button:focus, .fc .fc-button-group > .fc-button:active, .fc-direction-ltr .fc-toolbar > * > :not(:first-child):active{
    box-shadow: none !important;
}

.fc .fc-col-header-cell-cushion, .fc .fc-toolbar-title, .fc .fc-daygrid-day-number{
    font-family: var(--area);
    font-weight: 600;
    text-decoration: none;
    color: var(--black);
}

/* FIN CALENDRIER */

/* LA VIE JUIVE */

.p-first-vie{
    font-family: var(--area);
    font-weight: 400;
    font-size: 23px;
    text-align: center;
    color: var(--bleuFonce);
    line-height: 33px;
    width: 70%;
}

.p-second-vie{
    text-align: start;
    width: 90%;
}

.p-paragraphe-droite{
    font-family: var(--area);
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    color: var(--bleuTresFonce);
}

.margin-top-bottom{
    margin-bottom: 3rem;
}

/* FIN LA VIE JUIVE */

/* ARTICLE */

.date-article{
    font-family: var(--area);
    font-weight: 600;
    font-size: 23px;
    line-height: 33px;
    color: var(--bleuFonce);
}

.paragraphe-article{
    font-family: var(--area);
    font-weight: 400;
    font-size: 15px;
    color: var(--black);
    line-height: 25px;
    min-height: 50vh;
}

#section-archive-event{
    margin-top: 10vh;
}

/* FIN ARTICLE */

@media only screen and (max-width: 1440px){ 
}
@media only screen and (max-width: 1200px){ 
    .offcanvas.offcanvas-top{
        z-index: 9999;
        top: 0;
    }
    .nav-link{
        font-family: var(--area);
        font-weight: 600;
        font-size: 35px;
        line-height: 45px;
        margin: 10px 0;
        color: var(--white);
    }
    .nav-link.active{
        color: var(--white) !important;
    }
    .div-nav{
        padding: 0;
    }
    .offcanvas-header{
        padding: 4vh 0;
    }
    .nav-link:focus, .nav-link:hover{
        color: var(--white) !important;
    }
    .offcanvas-header{
        display: flex;
    }
    .offcanvas-body{
        display: block;
    }
    .wpml-ls-menu-item a{
        font-size: 19px;
    }
}
@media only screen and (max-width: 1150px){ 

}
@media only screen and (max-width: 1040px){ 

}
@media only screen and (max-width: 995px){ 
    .titreContact{
        text-align: start;
        font-size: 35px;
    }
    .divFormPadding{
        padding: 5% 0;
    }
    .formContact{
        padding: 5% 10%;
    }
    .paddingZero{
        padding: 0;
    }
    .card-event{
        border: 0;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .div-absolute-home{
        right: 0;
    }
}
@media only screen and (max-width: 992px){ 
    #container-histoire{
        position: relative;
        margin-top: 3rem;
    }
}
@media only screen and (max-width: 768px) { 
    #formulaireContact{
        padding: 2% 0;
    }
    .img-contact{
        display: none;
    }
    .containerFlexHome{
        height: auto;
    }
    .div-absolute-home{
        position: unset;
        padding-right: calc(var(--bs-gutter-x) * .5) !important;
        padding-left: calc(var(--bs-gutter-x) * .5) !important;
    }
    #home{
        height: auto;
    }
    .img-background{
        height: 100%;
    }
    .titre{
        font-size: 40px;
        text-align: center;
    }
    .titreHome{
        padding: 10% 0;
    }
    .paddingSpec{
        padding-bottom: 0;
        padding-top: 0;
    }
    .marginTopSpec{
        margin-top: 0rem;
    }
    #communaute{
        height: 50vh;
    }
    .divFlexComu{
        flex-direction: column;
    }
    .div-bx{
        width: 100%;
    }
    .margin-top-mobile-commu{
        margin-top: 1.5rem;
    }
    .card-commu-2{
        padding: 7% 10%;
    }
    .row-special{
        margin-top: 0;
    }
    .col-right-footer{
        align-items: start !important;
    }
    #assembleGeneral, #fonctionnement, #histoire-france, #histoire-belgique{
        padding: 5rem 0;
    }
    #histoire{
        margin: 3rem 0;
    }
    .p-first-vie{
        width: 100%;
    }
    .margin-top-para{
        margin-top: 1rem;
    }
    .margin-top-bottom{
        margin-bottom: 1rem;
    }
}