html {
    scroll-behavior: smooth;
}

h1, h2, h3, h4, .contact-titles {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
}

.fit-tips a {
    color: black;
    text-decoration: none;
}

.section-head {
    font-size: 5em;
    color: #0d6efd;
}

#about {
    margin-top: 0px!important; 
    margin-bottom: 0px!important;
}

.section-top::before { 
    display: block; 
    content: " "; 
    margin-top: -80px; 
    height: 80px; 
    visibility: hidden; 
    pointer-events: none;
}


/*--- NAVBAR ---*/
.navbar .navbar-brand {
    color: rgba(255, 255, 255, 0.85);
    font-size: 1rem;
}

.navbar {
    background-color: black;
}

.dropdown-menu-dark {
    background-color: darkgray;
    color: lightgray;
}

/* search */
.form-control-dark {
    color: #fff;
    background-color: var(--bs-dark);
    border-color: var(--bs-gray);
  }
.form-control-dark:focus {
    color: #fff;
    background-color: var(--bs-dark);
    border-color: #fff;
    box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .25);
}
/*---------------*/


/*--- BANNER ---*/
.logo {
    width: 50%;
    display: block;
    margin: auto;
    mix-blend-mode: overlay;
}

.jumbotron {
    background: url('../img/victor-freitas-WvDYdXDzkhs-unsplash_LL.jpg');
    background-size: cover;
    position: relative;
}

.lead {
    font-family: 'Roboto Condensed', sans-serif;
    mix-blend-mode: overlay;
}

.banner-caption {
    position: absolute;
    bottom: 10px;
    left: 20px;
    color: rgba(255, 255, 255, 0.4);
}
.banner-caption a {
    color: rgba(255, 255, 255, 0.4); 
}
.banner-caption a:hover {
    color: rgba(255, 255, 255, 0.6);
}
/*---------------*/


/*--- ABOUT ---*/

.fit-tips-tip-titles:hover,
.fit-tips-tip-titles:active,
.fit-tips-title-box:hover {
    background: #f1f2f2;
    color: rgb(73, 80, 87);
    transition: 0.2s;
}

.list-group-item {
    cursor: pointer;
}
/*---------------*/


/*--- VIDEOS ---*/
.vid-img {
    height: 15em;
}

.card-title {
    color: #58595b;
}

.small-card-text {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    color: #f26522;
}

.small-card-text:hover {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    color: #f26522;
    text-decoration: underline;
}
/*---------------*/


/*--- FOOTER ---*/
.footer-logo {
    height: 80px;
}
.address-links a {
    color: #58595b;
}
/* email sign-up script */
.boom {
    font-family: 'Roboto Condensed', sans-serif;
    color: #f26522;
}
.contact-titles {
    font-size: large;
    color: #58595b;
}
/*---------------*/


/*--- MODAL ---*/
.modal-h5,
.modal-alert {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
}

.modal-header, 
.modal-button {
    background-color: #f26522;
}

/* .custom-checkbox {
    color: #f26522;
} */
/*---------------*/



/* ================================= 
  Media Queries
==================================== */
@media (max-width: 479px) {

    .logo {
        width: 90%;
    }
    .jumbotron { 
        padding: 5em 0 4em 0;
    }
}

@media (max-width: 1000px) {

    .logo {
        width: 80%;
    }
    .jumbotron { 
        padding-top: 7em;
    }
}