/*!
Theme Name: midori
Author: midori
Author URI: https://www.midori.lu/
Text Domain: midori
Version: 1.0

*/

::selection {
    background-color: var(--color-dark-1);
}


.hs-title-1{
    line-height:0.5 !important;
    letter-spacing:-0.015em !important;
}

.inner-nav > ul.mainmenutop{
    justify-content:right;
    padding-right:60px;
}



.decoration-1,
.decoration-8{
    width:150px;
}

/* DECORATION ELEMENTS */
.page-template-template-contact .deco-elements-1 {
    display: none !important;
}
main {
    position: relative;
}
.page-section .container {
    position: relative;
    z-index: 1;
}
.deco-element {
    position: absolute;
    z-index: 1;
    mix-blend-mode: multiply;
    top: 50%;
    /* width: 33px;
    height: 400px; */
    /* user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    pointer-events: none; */

    img {
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        pointer-events: none;
    }
}
.deco-elements-1 {
    .left-elem {
        left: 7%;
        top: 10%;
    }
    .right-elem {
        right: 5%;
        top: 27%;
    }
}
.home {
    .deco-elements-1 {
        .left-elem {
            left: -3%;
            top: 5%;
        }
        .right-elem {
            right: 5%;
            top: 17%;
        }
    }
}
.deco-elements-2 .deco-element {
    margin-top: 20%;

    &.left-elem {
        left: auto;
        right: -111px;
        top: 44%;
    }
    &.right-elem {
        right: auto;
        left: -2%;
        top: 34%;
    }
}

.deco-elements-3 .deco-element {
    margin-top: 100%;

    &.left-elem {
        right: auto;
        left: 25px;
        top: 40%;
    }
    &.right-elem {
        left: auto;
        right: 2%;
        top: 35%;
    }
}

.single {
    .deco-elements-1 {
        .left-elem {
            top: 35%;
            left: auto;
            left:-90px;
        }
        .right-elem {
            right: -115px;
            top: 37%;
        }
    }
}

@media (max-width: 1920px) {
    .deco-element img {
        transform: scale(0.75);
    }
    .deco-elements-1 {
        .left-elem {
            left: -275px !important;
        }
        .right-elem {
            right: -180px !important;
        }
    }

    .deco-elements-2 {
        .left-elem {
            right: -255px !important;
        }
        .right-elem {
            left: -223px !important;
        }
    }

    .deco-elements-3 {
        .left-elem {
            left: -175px !important;
        }
        .right-elem {
            right: -175px !important;
        }
    }
}
/* @media (max-width: 992px) { */
/* Élection sociales - update */
@media (max-width: 1440px) {
    .deco-element {
        display: none !important;
    }
}



.communiques_item_img{
	background-size:cover !important;
	background-position:50% 50% !important;
	padding-bottom:60%;
}

.agenda_item_img{
	background-size:cover !important;
	background-position:50% 50% !important;
	padding-bottom:60%;
}

.documents_item_img{
	background-size:cover !important;
	background-position:50% 50% !important;
	padding-bottom:129%;
}

.mediatheques_item_img{
    background-size:cover !important;
    background-position:50% 50% !important;
    padding-bottom:60%;    
}

.gallerie_item{
    background-size:cover !important;
    background-position:50% 50% !important;
    padding-bottom:60%;    
}



/* MENU */
body.admin-bar .main-nav {
    top: 32px;
}
@media (max-width: 782px) {
    
    .hideinmobile{
        display:none;
    }
    
    body.admin-bar .main-nav {
        top: 46px;
    }
}

.nav-logo-wrap {
    position: static !important;
}


/* HOMEPAGE */
.mobile-video {
    display: none;
}
.video-block {
    aspect-ratio: 16 / 9;
    overflow: hidden;
    position: relative;
    width: 100%;
}

@media (max-width: 575px) {
    .video-block {
        aspect-ratio: inherit;
        overflow: hidden;
        position: relative;
        width: 100%;
    }
    .mobile-video {
        display: block;
    }
    .desktop-video {
        display: none;
    }
}

.post-prev-container {
    background-color: #fff;
}



.singlepage_header{
    padding-bottom:30px !important;
}

.singlepage_content{
    padding-top:30px !important;
}


.listingpage_content{
    padding-top:80px !important;
}

.btn-mod.btn-hover-anim:before {
    content: none !important;
}
a.btn.btn-mod:hover {
    background-color: var(--color-dark-3a);
    color: #fff;
}


footer img.footer-logo {
    height: 65px;
    width: auto;
}
footer .footer-widget-last {
    margin-top: 30px;
}
@media (min-width: 992px) {
    footer .footer-widget-last {
        margin-top: 115px;
    }
}


@media (max-width: 1200px) {
    .hs-title-1 {
        line-height: 0.75 !important;
    }
}
@media (max-width: 767px) {
    .hs-title-1 {
        line-height: 1.085 !important;
    }
}


[class^="decoration-"]{
    z-index: -1;
}



#icon.fa-brands.fa-bluesky {
    font-family: "Font Awesome 6 Brands" !important;
}



@media (min-width: 500px) {
    .alignleft {
        float: left;
        margin-right: 40px;
    }
}

.text-image.shrink .row-shrink {
    justify-content: start;
}
.text-image.shrink .row-shrink > div {
    width: auto;
    margin: 0;
}



.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]):not([type=submit]), .nf-form-content textarea,
.checkbox-wrap .nf-field-element label:after, .checkbox-wrap .nf-field-label label:after, .listcheckbox-wrap .nf-field-element label:after, .listcheckbox-wrap .nf-field-label label:after,
.listradio-wrap .nf-field-element label:after {
    background: transparent !important;
}

.listradio-wrap .nf-field-element label.nf-checked-label:before {
    bottom: 5px !important;
    top: auto !important;
}



/* Réduire les espace entre les blocks */
body.page-template-default:not(.home) main .page-section {
    --section-padding-y: 50px;
}
.form-wrapper br {
    display: none;
}