@import url('https://fonts.googleapis.com/css?family=Dancing+Script:400,700|Libre+Franklin:200,300,400,700&display=swap');

html {
    scroll-behavior: smooth;
}

body {
    font-family: "Libre Franklin";
    font-weight: 200;
}

.sectioncontainer {
    padding-top: 50px;
    padding-bottom: 80px;
}

.anchor {
    display: block;
    position: relative;
    top: -56px;
    visibility: hidden;
}

.block-divider {
    width: 75px;
    height: 5px;
    border: 0;
    border-radius: 15px;
    margin-top: 30px;
    margin-bottom: 40px;
}

/* ---------------------------------------------- Colors */

.dark-bg {
    color: #fee7b6;
    background-color: #1d1d1d;
}

.light-bg {
    background-color: #fee7b6;
    color: rgb(29, 29, 29);
}

.yellow-divider {
    background-color: #fee7b6;
}

.dark-divider {
    background-color: rgb(29, 29, 29);
}

.light-link {
    color: #fee7b6;
}

.btn--dark {
    color: #fee7b6;
    background-color: rgba(29, 29, 29, 1);
    text-align: center;
}

.btn--dark:hover {
    color: #dec080;
    background-color: #000;
}


/* ---------------------------------------------- Headings */

h2,
h3,
h4 {
    font-family: "dancing script";
    text-align: center;
    font-size: 3rem;
}

h4 {
    font-size: 2rem;
}

.media-icon {
    font-size: 32px;
}

/* ---------------------------------------------- Navbar */

.navbar {
    font-family: "dancing script";
    font-size: 1.2rem;
}

.navbar-brand {
    font-size: 1.5rem;
}

.navbar-brand:hover {
    color: #dec080;
}

.navbar-dark .navbar-brand {
    color: #fee7b6;
}

.navbar-dark .navbar-brand:hover {
    color: #dec080;
}


#navbar-toggle-icon {
    border: 0;
    color: #fee7b6;
}

.navbar-dark .navbar-nav .nav-link {
    color: #fee7b6;
}

.navbar-dark .navbar-nav .nav-link:hover {
    color: #dec080;
}


/* ---------------------------------------------- Header */

.top-section {
    padding: 0;
}

.carousel-wrapper {
    position: relative;
    top: 56px;
    margin: 0 0 56px 0;
    padding: 0;
}

.bg-image-slider {
    height: 95vh;
    width: 100%;
    animation-name: bgslider;
    animation-duration: 42s;
    animation-timing-function: ease-in;
    animation-iteration-count: infinite;
    background-image: url("../images/img1.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

@keyframes bgslider {
    0% {
        background-image: url("../images/img1.jpg");
    }
    10% {
        background-image: url("../images/img1.jpg");
    }
    14% {
        background-image: url("../images/img2.jpg");
    }
    24% {
        background-image: url("../images/img2.jpg");
    }
    28% {
        background-image: url("../images/img3.jpg");
    }
    38% {
        background-image: url("../images/img3.jpg");
    }
    42% {
        background-image: url("../images/img4.jpg");
    }
    52% {
        background-image: url("../images/img4.jpg");
    }
    56% {
        background-image: url("../images/img5.jpg");
    }
    66% {
        background-image: url("../images/img5.jpg");
    }
    70% {
        background-image: url("../images/img6.jpg");
    }
    80% {
        background-image: url("../images/img6.jpg");
    }
    84% {
        background-image: url("../images/img7.jpg");
    }
    95% {
        background-image: url("../images/img7.jpg");
    }
    100% {
        background-image: url("../images/img1.jpg");
    }
}

/* ---------------------------------------------- About */

.history-heading {
    margin-bottom: 50px;
}

.timeline-item {
    padding: 4em 2em 0em 2em;
    position: relative;
    border-left: 1px solid;
}

.timeline-item p {
    padding: 0;
    margin: 0;
}

.timeline-item:before {
    content: attr(data-dates);
    position: absolute;
    left: 2.5em;
    top: 3em;
    display: block;
    font-weight: 500;
    font-size: 0.8em;
    padding: 0;
    margin: 0;
}

.timeline-item:after {
    width: 12px;
    height: 12px;
    display: block;
    top: 2.5em;
    position: absolute;
    left: -6px;
    border-radius: 12px;
    content: '';
    background: rgb(29, 29, 29);

}

/* ---------------------------------------------- Media */

.row {
    margin: 0;
}

.ytclip {
    text-align: center;
    padding: 0 20px;
}

iframe {
    max-width: 80vw;
}

/* ---------------------------------------------- Contact */

.contact_visiting {
    text-align: center;
}

.contact_visiting table {
    text-align: left;
    margin: auto;
}

.contact_visiting h5 {
    margin-top: 25px;
}

.footnote_opening {
    font-size: smaller;
    font-style: italic;
}


.contact-form {
    margin: auto;
    text-align: center;
    margin-top: 50px;
    max-width: 500px;
}

.contact-form .btn--dark {
    width: 100px;
}


/* ---------------------------------------------- Footer */

.footer {
    text-align: center;
    padding: 10px;
    margin-bottom: 0;
}

.footerlist {
    list-style-type: none;
}

.list-item-footer {
    display: inline-block;
    color: #fee7b6;
}

.socialicon {
    font-size: 30px;
}

.socialicon:hover {
    color: #dec080
}

.copyright {
    font-weight: 200;
    font-size: 0.5rem;
    text-align: center;
}