/**
 * Easy zoom
 *
 * We need to align the flyout to left,
 * to center the zoomed image
 *
 */
.easyzoom-flyout {
    text-align: left !important; 
}

.page-node-53 {
    background-color: var(--bs-purple);
}

.page-node-53 .region-content > .container > .content {
    @media (min-width: 1400px) {
    padding-left: 75px;
    padding-right: 75px; 
  }
}

.node--type-presentation .region-content > div > .container > .content {
    @media (min-width: 1400px) {
    padding-left: 150px;
    padding-right: 150px; 
  }
}
.view-galerie-exposition .card {
    background-color: transparent !important;
    font-size: 1.05em;
}

.view-galerie-exposition .card a {
    color: white !important;
    text-decoration: none !important;
    text-transform: capitalize !important;
}

.color-invert {
    filter:invert(100%);
}

.bg-white {
    background-color: white !important;
}

body.page-node-type-exposition.bg-white container {
    color: black !important;
}

body.page-node-type-exposition,
body.page-node-type-presentation {
    padding-bottom: 100px;
}

body.node--type-exposition {
    background-color: var(--bs-pink);
    /*color: white;*/
}

body.node--type-presentation {
    background-color: var(--bs-orange);
}

body.node--type-presentation hr {
    border-color:white !important;
}

body.page-node-type-oeuvre {
    padding-bottom: 100px;
}

/*
.room figure{
    float: left;
	clear: right;
}
*/

.room figure:nth-of-type(5n + 1) {
    width: 100%;
    float: left;
}
.room figure:nth-of-type(5n + 2) {
    width: 50%;
}
 .room figure:nth-of-type(5n + 3) {
    width: 50%;
}
.room figure:nth-of-type(5n + 4) {
    width: 75%;
    float: left;

}
.room figure:nth-of-type(5n + 5) {
    width: 50%;
    margin-left:50%;
}

.video-spinner {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  pointer-events: none;
}

div.navbar a.retour {
    color: var(--bs-orange);
    font-size: 24px;
}

div#showroom-pagination {
    font-size:24px;
    font-weight: lighter;
    margin-bottom:40px;
    margin-top:40px;
}

div#artwork-pagination {
    font-size:24px;
    font-weight: lighter;
    margin-bottom:40px;
    margin-top:40px;
}

div#showroom-pagination svg, div#showroom-pagination span, div#artwork-pagination svg, div#artwork-pagination span{
    vertical-align:middle;
}

div#showroom-pagination a.prev svg, div#artwork-pagination a.prev svg {
    margin-right:20px;
}

div#showroom-pagination a.next svg, div#artwork-pagination a.next svg {
    margin-left:20px;
}

div.room {
  font-size: 16px;
  font-family: Roboto !important;
}

/*
div.room a {
    color:white;
}
*/
.node--type-presentation .region-content-header {
    margin-bottom: 0 !important;
}

#carousel-presentation.owl-carousel .owl-item.active.center {
    transform: none !important;
}

#carousel-presentation.owl-carousel div.owl-item:not(.center) .card-body,
#carousel-presentation.owl-carousel div.owl-item:not(.center) .card-footer {
      opacity: 0;
}

#carousel-presentation.owl-carousel div.owl-item:not(.center) img {
    transform: scale(0.8);
    transition: all 0.6s;
}

#carousel-presentation.owl-carousel div.owl-item.center img {
    transform: scale(1);
    transition: all 0.6s;
}

#carousel-presentation.owl-carousel .card {
    text-align: center;
}

#carousel-presentation.owl-carousel .owl-item img {
    max-height: 70vh;
    max-width: 100%;
    width:auto;
}

#carousel-presentation.owl-carousel a.next,
#carousel-presentation.owl-carousel a.prev {
    cursor: pointer;
}