/* Use this to override template.css */

#mainNav .navbar-toggler {
    border: none !important;
    color: #ffc800 !important;
    font-size: 20px !important;
}

/* hide border on toggle button */
.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: none !important;
}

/****************************************************************/
/* container overrides */
.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
    --bs-gutter-x: 3.5rem !important;
}

.page-section {
    padding: 3rem 0 !important;
}
.page-section h3.section-subheading, .page-section .section-subheading.h3 {
    font-style: normal !important;
}
/****************************************************************/
/* masthead overrides */
header.masthead {
    padding-top: 7.5rem;
}
header.masthead .masthead-heading {
    margin-bottom: 2rem !important;
    color: #ffc800;
}
header.masthead .masthead-subheading {
    font-style: normal !important;
}
/* I added this new class */
header.masthead .masthead-subheading.top {
    font-size: 2rem;
    line-height: 2.5rem;
}
header.masthead .masthead-subheading.smaller {
    font-size: 1.2rem;
    line-height: 1.5rem;
}
/****************************************************************/
/* when not mobile, push the masthead container down a bit */
@media (min-width: 375px) {
    header.masthead .container {
        margin-top: -1.5rem !important;
    }
}
@media (min-width: 576px) {
    header.masthead .container {
        margin-top: 0 !important;
    }
}
@media (min-width: 768px) {
    header.masthead .container {
        margin-top: 5rem !important;
    }
}
@media (min-width: 992px) {
    header.masthead .container {
        margin-top: 5rem !important;
    }
}
@media (min-width: 1200px) {
    header.masthead .container {
        margin-top: 5rem !important;
    }
}


/****************************************************************/

@media (min-width: 768px) {
    header.masthead .masthead-subheading {
        font-size: 1.5rem;
        font-style: normal !important;
    }

    header.masthead .masthead-heading {
        font-size: 3.5rem;
        line-height: 3.5rem;
    }
}

/****************************************************************/
/* contact section overrides */
section#contact {
    background-image: none !important;
    background-repeat: no-repeat;
    background-position: center;
    color: #212529 !important;
}
section#contact .section-heading {
    color: #212529 !important;
}
section#contact .section-subheading {
    color: #212529 !important;
}


.small-print {
    font-size: 12px;
    font-style: italic;
}


.lower-right-cta {
    position: fixed;
    float: right;
    bottom: -90px;
    right: -90px;
    margin-right: 20px;
    margin-bottom: 20px;
    height: 180px;
    width: 180px;
    background-color: #ffc800;
    border: solid 3px white;
    border-radius: 180px;
    opacity: .5;
}