/* Override bootstrap dark text theme*/
a.nav-link.text-dark {
    color: saddlebrown !important;
}

.FLI-Color {
    color: rgb(33,80,60);
}

.light-text {
    color: white;
}

#logo {
    height: 150%;
}

/*#logoText {
    color: rgb(33,80,60);
    font-size: 1.5rem;
    position: absolute;
    inset-block-start: 8rem;
    inset-inline-start: 11.5rem;
}
*/

body {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    color: saddlebrown;
}


#pge_hdg {
    font-weight: bold;
    font-size: 1.8rem;
    text-align: center;
    margin-top: 3rem;
    margin-bottom:2rem;
}

#tagline {
    font-size: 2.6rem;
    text-align: center;
    font-weight: bold;
}

.page-content {
    font-size: 1.4rem;
    font-weight: 700;
}

#tenets {
    color: rgb(33,80,60);/*white;*/
    font-family: 'Copperplate Gothic',Verdana, Geneva, Tahoma, sans-serif;
    font-size: 1.7rem;
    font-weight: 700;
    padding-bottom: 2rem;
    padding-top: 2rem;
}

/* Override bootstrap default */
.navbar-brand {
    color: rgb(33,80,60)
}
/* Video styles */
body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    /*overflow: hidden;*/
}

.video-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts video behind content */
}

video {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures the video covers the entire screen */
    opacity: .4;
}

.content {
    position: relative;
    z-index: 1; /* Puts content above the video */
    color: white;
    text-align: center;
    font-size: 24px;
    padding-top: 50vh;
}

.accordion {
    margin-top: 2rem;
}

.accordion-button {
    background-color: #21503C; /* Custom background color */
    color: white; /* Text color */
}

    .accordion-button:not(.collapsed) {
        background-color: #499c70; /* Darker shade when expanded */
        color: white;
    }

.accordion-body {
    background-color: #f8f9fa;  /*Light gray background*/ 
    /*background-color: rgb(248 249 250 / 50%);*/ /* Light gray background */
    color: #333; /* Dark text */
}

.certLinkButton {
    color: rgb(33,80,60);
    border-color: rgb(33,80,60);
    font-size: 1.4rem;
    font-weight: 550;
    margin-bottom: 2.5rem;
}

/*Vertical row spacer for positioning tenets on a select few pages*/
.vertSpacer {
    padding-bottom: 5rem;
}

/*Adjust the spacing above the tenets for a wide screen*/
@media (width > 768px) {
    #homePageSpacer {
        padding-bottom: 30rem;
    }
    #txtComment{
        width: 29rem;
    }
}

/*Adjust the spacing above the tenets for a narrow screen*/
@media (width <= 768px) {
    #homePageSpacer {
        padding-bottom: 25rem;
    }
}

#ContactInfo{
    font-size:1.5rem;
}

a.contactLink {
    color: rgb(33,80,60);
}