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

/*
 * Remove buttons of home page's carousels on mobile
 *
 */

/*@media only screen and (max-width: 430px) {
  div.pause_actualites, div.pause_agenda, div.pause_soutenir,
  div.play_actualites, div.play_agenda, div.play_agenda{
    display: none;
  }
}*/

@media only screen and (max-width: 768px) {
  /* Remove pause button on the three sliders on home page */
  div.pause_actualites, div.pause_agenda, div.pause_home, div.pause_soutenir,
  div.play_actualites, div.play_agenda, div.play_home, div.play_soutenir {
    display: none;
  }

  /* Reduce size of Previous and Next button on sliders */
  #slider_actualites svg, #slider_agenda svg, #slider_soutenir svg {
    height: 24px;
    width: 14px;
  }

  .sides_margin {
    padding: 0 35px;
  }
}

/* Fix the arrow down to the bottom of the screen */
.arrow-down {
/*  position: fixed; */
  z-index: 1000;  
}

/*
 * 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);
    }
}