.ff-secondary {
    font-display: swap;
}

html {
    scroll-padding-top: 100px;
    scroll-behavior: smooth;
}

a.navbar-brand.p-0 {
    text-align: center;
}

.navbar {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.navbar.sticky-top {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.navbar h1.text-primary.m-0 {
    font-family: 'Great Vibes', cursive;
    font-display: swap;
    transition: font-size 0.3s ease;
}

.navbar span.text-primary.m-0 {
    font-size: smaller;
    font-display: swap;
    transition: opacity 0.3s ease;
}

@media (min-width: 1024px) {
    .navbar-brand {
        position: absolute;
        left: 44%;
        margin-left: -90px !important;
        display: block;
    }
}

@media (min-width: 768px) {
    .sticky-top .navbar-brand {
        left: 50%;
    }
}
@media (min-width: 768px) {
    .sticky-top span.text-primary.m-0{
        display: none !important;
    }
}

.section-title::before {
    width: 30px;
    top: 60%;
    left: -35px;
}

.section-title::after {
    width: 30px;
    top: 60%;
    right: -35px;
}

@media (max-width: 767px) {
    h5.large-section-title {
        width: 75%;
    }
}

.footer .btn.btn-link::before {
    font-display: swap;
}

.counter:not(.is-visible) {
	visibility: hidden;
}

#slides {
    color: var(--dark);
    /*background-color: var(--dark) !important;*/
}

.carousel {
    color: var(--light);
    /*background-color: var(--dark) !important;*/
}

.carousel-item {
    text-align: center;
}

.carousel-item > img {
    max-height: 30rem;
}

@media (max-width: 767px) {
    .carousel-item > img {
        max-width: 70%;
    }
}

.carousel-caption {
    bottom: -3rem;
    padding: 0rem;
}

@media (max-width: 767px) {
    .carousel-caption {
        bottom: -6rem;
    }
}

.carousel-caption > p {
    color: var(--dark);
    font-style: italic;
}

.carousel-inner {
    padding-bottom: 95px;
}

@media (max-width: 767px) {
    .carousel-inner {
        padding-bottom: 0px;
        overflow: visible;
    }
}

.carousel-thumbnails {
    /* margin-bottom: -20px; /* Temporary removed */
}

@media (max-width: 767px) {
    .carousel-thumbnails {
        display: none;
    }
}

.carousel-thumbnails > button {
    height: auto !important;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FEA116' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}
 
.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FEA116' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

.directions > ul > li {
    list-style: none;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.directions > ul > li > span {
    margin-left: 0.5rem;
}

.directions > ul > li > ol {
    list-style: none;
}

.directions > ul > li > ol > li > i {
    color: var(--dark);
}

.directions.directions-sglp > ul > li::marker, .directions.directions-ct > ul > li > span::after {
    content: "\f3c5"; /* FontAwesome Unicode */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: var(--primary);
    padding: 0.5rem;
}

.directions-sglp > ul > li > ol > li > i {
    padding-right: 0.5rem;
}

.directions-ct {
    text-align: end;
}

.directions-ct > ul > li > ol {
    padding-right: 3rem;
}

.directions-ct > ul > li > ol > li > i {
    padding-left: 0.5rem;
}

  
/* Create four equal columns that sits next to each other */
.column {
    flex: 25%;
    max-width: 25%;
    padding: 0 8px;
}

.column img {
    margin-top: 16px;
    vertical-align: middle;
    width: 100%;
    box-shadow: 0 0 4px -1px #000;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
    .column {
        flex: 50%;
        max-width: 50%;
    }
}

.pswp-gallery {
    align-items: center;
}

.pswp-gallery > * {
    padding-right: calc(var(--bs-gutter-x) / 3)!important;
    padding-left: calc(var(--bs-gutter-x) / 3)!important;
}

.pswp-gallery img {
    display: flex;
    justify-content: space-around;
    margin-top: 8px;
    margin-bottom: 8px;
    vertical-align: middle;
    width: 100%;
    box-shadow: 0 0 4px -1px #000;
}

/* CSS mask-based logo using the SVG file and inheriting text color */
.logo-svg {
    display: inline-block;
    width: 300px;
    height: 94px; /* preserve aspect ratio of 548x171 */
    background-color: currentColor;
    -webkit-mask: url('../img/logo.svg') no-repeat center/contain;
    mask: url('../img/logo.svg') no-repeat center/contain;
    -webkit-mask-size: contain;
    mask-size: contain;
    vertical-align: middle;
}

.logo h1.text-primary.m-0 {
    font-family: 'Great Vibes', cursive;
    font-display: swap;
}

.logo span.text-primary.m-0 {
    font-size: medium;
    font-display: swap;
}