/* Custom CSS rules here */

h1, .h1, h2, .h2 {font-family: var(--mw-ff-heading); font-weight: 900;}

.btn {text-transform: none; font-weight: normal;}

.col-logo {background-image: url('/assets/decor-header.png'); background-position: right center; background-repeat: no-repeat; background-size: auto 200%;}
.col-logo::before {content: ''; display: block; position: absolute; top: 0; right: 5rem; height: 100%; width: 100vw; background: #FFF;}
.site-logo img {max-height: 3rem;}

.hero-slider {height: 70vh; position: static;}
.hero-slider::after {content: ''; display: block; position: absolute; z-index: 1; bottom: 0; left: 0; height: 2rem; width: 100%; /* background: url('/assets/decor-hero.png') bottom left no-repeat; background-size: 100% auto; */}
.hero-overlay {position: absolute; z-index: 1; bottom: 0; right: 0; width: 100%; height: 70%; overflow-y: auto; background: rgba(255, 255, 255, .8);}
.hero-overlay-event-list > :nth-child(3), .hero-overlay-event-list > :nth-child(4) {display: none;}

.news-carousel-wrapper .swiper-btn {position: relative; top: .75rem; left: auto !important; right: auto !important;}
.news-carousel-wrapper .swiper-btn::after {color: var(--bs-body-color); opacity: .7; font-size: 1.5rem;}

.home-info-section {background: url('/media/1t3a3ll2/clouds.jpg'); background-size: cover;}
.home-info-section::before {content: ''; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #FFF; opacity: .8;}

.page-heading {height: 10rem;}

.footer-imglink {text-decoration: none;}
.footer-imglink img {height: 3.5rem; margin: .25rem;}
.dataconsent label.form-label {float: right;width: 97%;
}

@media (min-width: 768px) {
    .site-logo img {max-height: 4rem;}
    .page-heading {height: 60vh;}
    .site-footer-info {background-image: url('/assets/tree-transparent.png'); background-position: 20% center; background-repeat: no-repeat; background-size: auto 150%;}
}

@media (min-width: 992px) {
    .site-logo img {max-height: 6rem;}
    .hero-slider {height: 27rem;}
    .hero-overlay {width: 50%; height: 100%;}
    .hero-overlay-event-list > :nth-child(3), .hero-overlay-event-list > :nth-child(4) {display: block;}
    .news-carousel-wrapper .swiper-btn {position: absolute; top: 35%;}
    .news-carousel-wrapper .swiper-button-prev {left: -3rem !important;}
    .news-carousel-wrapper .swiper-button-next {right: -3rem !important;}
    .new-carousel-nav {background: var(--bs-primary-light);}
    .new-carousel-nav .more-btn-wrapper::before {content: ''; display: block; position: absolute; top: 0; right: 0; width: 130%; height: 100%; background: #FFF;}
}

@media (min-width: 1400px) {
    .site-logo img {max-height: 7rem;}
    .hero-overlay {width: 30%;}
}