/**************************
Name: Gabriela Andrade
Intermediate Web Programming
Purpose: This program will render the base styles for a properly structured mobile-friendly, 
mobile-first, responsive web application, comer o sol.
**************************/

/* Navigation Styles */
.navbar {
    background-color: blanchedalmond;
}

.navbar-brand {
    max-height: 100px;
}

.navbar-brand img {
    max-height: 90px;
}

.active {
    border-bottom:rgb(171, 128, 56) solid 2px;
}

/* Section Styles */
.pageIntro {
    width: 80%;
}

.bodydiv {
    padding-left: 10%;
    padding-right: 10%;
}

.flexdiv {
    display: flex;
    flex-flow: row wrap;
}

/* Accordion Styles */
.accordion-button:not(.collapsed) {
    background:rgb(171, 128, 56);
    color: white;
}

/* Form Styles */
#formdiv {
    max-width: 50%;
}

#frmmsg {
    min-height: 150px;
}

.btn-primary {
    --bs-btn-bg: rgb(213, 163, 78);
    --bs-btn-border-color: rgb(213, 163, 78);
    --bs-btn-hover-bg: rgb(171, 128, 56);
    --bs-btn-hover-border-color: rgb(171, 128, 56);
    --bs-btn-active-bg: rgba(120, 90, 40, 0.5);
    --bs-btn-active-border-color: rgba(120, 90, 40, 0.5);
}

/* Footer Styles */
footer {
    background: rgb(213, 163, 78);
    color: white;
}
.fterImg {
    width: 50px;
    height: 50px;
}

/* Typography */
.main-title {
    color: rgb(171, 128, 56);
}

.main-subtitle {
    color: rgba(171, 128, 56, 0.8);
}

.subtitle {
    color: rgba(171, 128, 56, 0.8);
    font-weight: bold;
}

.ptext {
    color: rgba(120, 90, 40, 0.8);
}

.site-title {
    letter-spacing: 1.5em;
}

/* Special Styles */
.important_1 {
    text-decoration: wavy underline rgb(213, 163, 78);
}

.hidden {
    display: none;
}