@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@1,500&display=swap');

body, html {
    height: 100%;
    background-color: #212529 !important;
}

/* ---------------------------------------------- Hero Image */
.hero-img {
    background-image: url(../images/church-hero.jpg);
    height: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.hero-text {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-family: 'Jost', sans-serif;
}

h1 {
    text-shadow: 2px 2px black;
    font-size: 400%;
}

.church-info {
    margin-top: 5px;
}

/* ---------------------------------------------- Smaller Headings */
h2 {
    color: white;
    font-family: 'Jost', sans-serif;
}

h4 {
    color: white;
}

/* ---------------------------------------------- Table of Locations */
.table {
    color: white;
}

thead {
    font-family: 'Jost', sans-serif;
}

/* ---------------------------------------------- Link to GFC staff */
.btn {
    background-color: white;
    font-family: 'Jost', sans-serif;
}

.btn:hover {
    background-color: #212529;
    color: white;
}

/* ---------------------------------------------- Link to GFC staff */
footer {
    padding: 10px;
    margin-top: 5px;
}
.footer-text {
    color: white;
    font-style: italic;
    font-size: x-small;
}