/*
 * Custom owlcarousel CSS for Beaux-Arts Paris
 * 
 */

/* Zoom on centered item (set "center:true on carousel settings to enable the class)*/
.owl-item.active.center {
    transform: scale(1.1) !important;
    transition: .4s ease all;
}

.owl-nav .owl-next:not(.disabled), 
.owl-nav .owl-prev:not(.disabled) {
    pointer-events: initial;
}

#slider_actualites .owl-stage,
#slider_agenda .owl-stage,
#slider_soutenir .owl-stage {
    display: flex;
}
#slider_actualites.owl-carousel .owl-item,
#slider_agenda.owl-carousel .owl-item,
#slider_soutenir.owl-carousel .owl-item {
    display: flex;
    flex: 1;
}

#slider_actualites.owl-carousel .owl-item .card,
#slider_agenda.owl-carousel .owl-item .card,
#slider_soutenir.owl-carousel .owl-item .card {
    width: 100%;
    height: 100%;
}

#slider_soutenir .owl-carousel {
    overflow: visible !important;
}
#slider_soutenir .owl-item {
    transform: scale(.7);
    transition: .4s ease all;
}

/*
 * Rules for carousel on Presentation page
 */
body.page-node-type-presentation {

    .presentationbacklinks {
        display: block;
    }

    .image_header .field--label {
        display: none;
    }
    .pres1 .image_header img {
        width: 100%;
        object-fit: cover;
    }

    .pres1 .pagination-gv a.prev {
        position: absolute;
        left: -25px;
        top: 50%;
        transform: translateY(-50%);
    }

    .pres1 .pagination-gv a.next {
        position: absolute;
        right: -25px;
        top: 50%;
        transform: translateY(-50%);
    }

    .pres1 .pagination-gv {
        position: relative;
        display: flex;
    }

    .pres1 .ArtisteOeuvre {
        width: 100%;
    }

    .back_home.pull-right {
        display: block !important;
        font-family: "obibokregular";
        color: blue;
        text-transform: uppercase;
        font-weight: 800;
    }

    #images_ .item {
        cursor: pointer;
        margin: 6% 8%;
        transition: margin 0.4s ease;
        /*transform: scale(0.95);*/
        transform: scale(1);
    }

    #images_ .owl-item.active.center .item {
        margin: 6% 0%;
        transform: scale(1);
    }
}

/*
 * Rules for carousel in "Actualite" content type
 */
body.node--type-actualite,
body.node--type-collection-oeuvre,
body.page-node-type-actualite,
body.page-node-type-page-simple,
body.node--type-page-simple {
    .owl-carousel .owl-item img {
        width:fit-content;
        max-height: 80vh;
    }

    .owl-nav:not(.disabled) {
        justify-content: space-between;
        display: flex;
        left: 75px;
        top: 40%;
        pointer-events: none;
        position: absolute;
        width: calc(100% - 150px);
    }
 }

/**
 * #slider_artiste (nosartistes/observatoire-diplomes)
 */

#slider_artiste .owl-nav:not(.disabled) {
    justify-content: space-between;
    display: flex;
    left: 20px;
    top: 40%;
    pointer-events: none;
    position: absolute;
    width: calc(100% - 40px);
}

#slider_exposition,
#slider_presentation {
    a {
        color:white;
        font-family: Obibok;
        font-size: 15px;
        text-decoration: none;
        text-transform: none;
    }
    .owl-nav:not(.disabled) {
        justify-content: space-between;
        display: flex;
        left: -75px;
        top: 30%;
        pointer-events: none;
        position: absolute;
        width: calc(100% + 150px);
    }
}

.gv .img_hover{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #5e0dbf;
    overflow: hidden;
    opacity: 0.5;
    width: 0;
    height: 100%;
    transition: .5s ease;
}