.carousel-section {
    display: initial;
}
.carousel-section h2, .carousel-section h3 {
    width: 100%;
    margin-bottom: 1.5rem;
}
.carousel-section .pictures {
    width: 100%;
}
.carousel-section p {
    margin: 1.5rem 0;
    line-height: 2rem;
    padding: 0;
}
.carousel-section .exhibition-carousel-text-center {
    text-align: center;
    font-size: var(--caption-font-size);
}
.carousel-section .galery-exhibition-text-left {
    padding-bottom: 2.5rem;
    margin: 0;
}
.carousel-section .galery-exhibition-text-justify {
    text-align: justify;
}
.carousel-section p .galery-exhibition-btn-inquire {
    display: block;
    border: solid 0.1rem #b2bec3;
    line-height: 3.5rem;
    text-align: center;
    margin:0  auto;
    max-width: 13rem;
}
.carousel-section h2 {
    padding-bottom: 2.0rem;
}
.carousel-section .pictures img, .carousel-section li img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}
.carousel-section li {
    display: inline-block;
}
.carousel-section p, .carousel-section h2, .carousel-section h3 {
    padding: 0 3rem;
}
.carousel-section ul {
    padding-top: 2.0rem;
    text-align: center;
}
.carousel-section li:last-child {
    margin: 0;
}


/*    __ _  _  _     __ __    __
 **  /  |_||_)/ \| |(_ |_ |  (_ 
 **  \__| || \\_/|_|__)|__|____)
 **  Use splide library with a custom style.
 */
.splide {
	background: #fff;
}

/* arrows */
.splide .splide__arrows {
	position: relative;
}

.splide__arrows .splide__arrow {
	position: absolute;
	border: none;
	z-index: absolute-z-index;
	background: transparent;
	text-rendering: optimizeLegibility;
	color: var(--main-color);
	text-align: center;
	display: block;
	font-size: var(--arrow-font-size);
	cursor: pointer;
	font-family: sans-serif;
    font-weight: lighter;
}
.splide__arrows .splide__arrow:before {
	display: none;
}
.splide__arrows .splide__arrow.hidden {
    display: none;
}
/*    _  _ ___    _  _        __ _    ___ _  __
 **  |_)|_) | |V||_||_)\ /   (_ |_)|   | | \|_ 
 **  |  | \_|_| || || \ |    __)|  |___|_|_/|__
 **  big images
 */
.main-splide .splide__slide {
    max-height: 60vh;
}
.main-splide figure {
    display: flex;
    flex-direction: column-reverse;
    justify-content: end;
    height: 100%;
}
.main-splide figure a {
    height: calc(100% - var(--carousel-caption-height));
}
.main-splide figcaption {
    display: flex;
    flex: var(--carousel-caption-height) 0 0;
    flex-direction: column;
    justify-content: center;
    padding: 0 2rem;
    overflow: hidden;
}
.main-splide figure img {
    margin: 0 auto;
}
.main-splide .splide__arrows .splide__arrow {
	bottom: 0;
    height: var(--carousel-caption-height);
/* always align the arrows with the second line of the caption from the bottom */
}
.main-splide .splide__arrows .splide__arrow--next {
	right: 0;
}


/*    __ __ __ _     _  _  _        __ _    ___ _  __
 **  (_ |_ /  / \|\|| \|_||_)\ /   (_ |_)|   | | \|_ 
 **  __)|__\__\_/| ||_/| || \ |    __)|  |___|_|_/|__
 **  thumbnails
 */
.secondary-splide {
	margin: 1rem 3rem;
}

.secondary-splide .splide__arrow {
	bottom: 0;
}

.secondary-splide .splide__arrow--prev {
	left: -3.1rem;
}

.secondary-splide .splide__arrow--next {
	right: -2.9rem;
}

.secondary-splide.no-rotate .splide__list {
    justify-content: center;
}
.secondary-splide.no-rotate .splide__arrow {
    display: none;
}


/*   ___ _  _     ___________ _     __
 **   | |_)|_||\|(_  |  |  | / \|\|(_ 
 **   | | \| || |__)_|_ | _|_\_/| |__)
 */
.secondary-splide .splide__slide {
    cursor: pointer;
    filter: contrast(.4) grayscale(.9) brightness(1.5);
    transition: filter .5s;
    display: flex;
}

.secondary-splide .splide__slide:hover {
    filter: contrast(.7) grayscale(.3) brightness(1.2);
}
.secondary-splide .splide__slide.is-synced {
    filter: none;
}

/* responsive design */
@media screen and (min-width: 1200px) {
    .carousel-section {
        display: block;
		height: 100vh;
    }
	.carousel-section:nth-child(n+1) {
		margin-top: 3rem;
	}
    .carousel-section h2 {
        padding: 0;
    }
    .carousel-section h3 {
        padding: 0;
    }
    .carousel-section  p {
        padding: 0;
    }

	.main-splide figure {
		position: relative;
	}
	.carousel-section .exhibition-carousel-text-center {
		padding: 0 3rem 0 0;
		text-align: left;
	}
	.main-splide .splide__arrows .splide__arrow {
		right: -2.9rem;
		bottom: 0rem;
		transform: translateX(-50%);
	}
	.main-splide .splide__arrows .splide__arrow--prev {
		right: -1rem;
	}
	.secondary-splide {
	    margin: 1rem 0 3rem 0;
	}

	.secondary-splide .splide__arrow {
		bottom: 0;
        transform: translateX(-50%);
		top: -3rem;
	}

	.secondary-splide .splide__arrow--prev {
        left: unset;
        right: -1rem;
	}
	
	.secondary-splide .splide__arrow--next {
	}
	.gallery-exhibition .pictures img, .gallery-exhibition li img {
        margin: 0;
	}


}