/* Navbar styles */
.navbar {
    background-color: rgb(152, 133, 172, 0.5);
}
.navbar-nav {
    flex: 1;
}
nav li {
    padding: 10px;
    width: 200px;
}

nav li a {
    width: 100%;
}

.btn-outline-primary {
    border-radius: unset;
    color: black;
    background-color: white;
    border-color: rgb(151, 107, 196);
    border-width: 2px;
}

.btn-outline-primary:hover {
    background-color: rgb(161, 107, 196);
    border-color: rgb(161, 107, 196);
    color: white;
}

/* Logo */
.logo-container {
    background-color: rgb(161, 107, 196);
    max-width: 100%;
}

.logo-container img {
    max-width: 100%;
}

/* Home page */
.main-content {
    background-color: rgb(152, 133, 172, 0.5);
}
.sidebar {
    background-color: rgb(253, 250, 245);
}
.content-box {
    width: fit-content;
    padding: 5px;
    background-color: white;
    color: black;
    border: 2px solid rgb(161, 107, 196);
    border-radius: 0px;
    margin: 20px auto;
}

.sidebar {
    padding-top: 20px;
}

.image {
    max-width: 100%;
}

/*
    Calendar
*/
#calendar {
    background-color: rgb(152, 133, 172, 0.5);
}
#calendar .navbar {
    background-color: unset;
}
.calendar-img {
    max-width: 60%;
}
#calendar-container {
    width: 80%;
}
#radio-container {
    margin-top: unset;
    width: 80%;
}
.radio-heading {
    margin-left: 10%;
    margin-bottom: unset;
    height: fit-content;
    margin-top: auto;
}
.radio-img {
    height: 120px;
    margin-right: 10%;
}

/*
Local Resources
*/

.resources-header {
    padding: 0 50px;
}
.main-content {
    text-align: left;
    padding-bottom: 30px;
}
.resources-header.content-box {
    margin-top: unset;
}
.resources-top {
    padding-top: 35px;
}
.resources-left-content .resources-subhead{
    margin-right: unset;
    margin-left: unset;
}
.resources-subhead {
    margin-bottom: unset;
}
.resources-left-content .content-box {
    margin-left: unset;
    margin-right: unset;
}
#lesbian-container, #queer-container, #helplines-container, #more-container {
    margin-top: unset;
}

/* Contact us
*/

#contact-main .contact-text {
    width: 80%;
    padding: 20px 10px;
    margin-top: 70px;
}