/* Example CSS file */

@font-face {
    font-family: 'Baar Zeitgeist Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Baar Zeitgeist Regular'), url('../assets/fonts/webfonts/baarzeitgeist/Baar Zeitgeist.woff') format('woff');
}


body {
    background: #ffffff;
}

#home {
    color: white;
    background-image: url("../assets/img/header-bg.png");
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    height: 40vw;
    min-height: 700px;
}

h1,h2,h3,h4,h5 {
    font-family:'Baar Zeitgeist Regular';
    color:#58595b !important;
}

p {
    color:#58595b !important;
    font-size: 1rem !important;
}

h1 {
    font-weight:lighter;
    font-size: 3.8rem !important;
}

h2 {
    font-size:2.5rem !important;
}

.baar {
    font-family:'Baar Zeitgeist Regular';
    text-transform:uppercase;
}

p.lead {
    font-family:'Baar Zeitgeist Regular';
}

.nav-item a {
    font-family:'Baar Zeitgeist Regular';
    text-transform:uppercase;
    color:#ffffff;
}

@media (min-width: 992px) {
    header:not(.scroll-up):not(.is-sticky):not(.is-fixed) .navbar-light.navbar-link-white .navbar-nav .nav-link {
        color: rgba(255,255,255,1);
    }
}

.backgroundtrans.scrolled {
    background: rgba(0, 0, 0, 0.3); /* White with 60% opacity */
    backdrop-filter: blur(10px); /* Apply a blur effect */
    transition: background 0.3s ease-in-out, backdrop-filter 0.3s ease-in-out;
    height: 90px;
}


#schedule {
    background: #8c1b3a;
    color: white;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #8c1b3a;
    background-color: #eceded;
}

p strong {
  text-transform: uppercase;
    font-size: 1.1rem !important;
}

ul.listtwocolumns {

    display: flex;
    flex-wrap: wrap;

}
ul.listtwocolumns li {
    flex: 0 35%;
}


.border-start {
    border-left: 3px solid #ffffff !important;
}

.modal-body a {
    color: blue;
    text-decoration: underline;
}


@media (max-width: 767.98px) {

    h2 {
        font-size: 2.0rem !important;
    }

}