/* Global */
ul{
    padding-left: revert;
}
/* Navigation */
@media (min-width: 768px) {
    #main-menu{
        float: inherit;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-around;
        align-content: stretch;
        align-items: flex-start;
    }   
    #main-menu li {
		flex-grow:1;
	}
	#main-menu > li > a {
		text-align: center;
		padding-right: inherit;
		padding-left: inherit;
    }
	
}
#main-menu li a:hover{
    text-decoration: none;
}    
.navbar-nav .dropdown-menu{
    position: absolute;
}
h1{
    color: #222222;
}
/* Homepage */
.homebox .homebox-item{
    text-decoration:none;
    cursor:pointer
}
.homebox .homebox-item .homebox-img img{
    width:100%;
    height: 100%;
    object-fit: cover;
    border: 1px solid rgb(197,197,197, 50%);
}
.homebox .homebox-item .homebox-title{
    margin:0;
    text-align:center;
    color:white;
    background:#042e6f
}
.homebox .homebox-item:hover .homebox-title{
    background:#f7941e
}
.homebox .homebox-item .homebox-img {
     height: 134px;
     width: 100%;
}
.homebox-title {
    flex-grow: 1; 
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f9f9f9; 
}
.homebox{
   display:flex;
}
.homebox-item{
   display:flex;
   flex-direction:column;
}

/* About Us page */

.space {
    height: 250px
}
.accordion-header {
    margin-bottom: 1px;
}
.accordion-button:not(.collapsed){
    background-color: #0C2E6F;
    box-shadow: none;
}
.accordion-button{
    color: white !important; 
    background-color: #838383;
    box-shadow: none;
    padding: 0px 18px;
}
.accordion-button:focus, .accordion-button::after {
    display: none !important;
}
.accordion-body {
    background-color: #DFDED9;
}

/* Event Page */
a.event-photos{
    width: 100%;
    height: 154px;
}
a.event-photos img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media (max-width: 767px) {
    a.event-photos{
        width: 100%;
        height: 200px;
    }
}
@media (max-width: 500px) {
	a.event-photos{
        width: 100%;
        height: 125px !important;
    }
}

/* Board of Trustees */
.headshot{
    height: 149px;
    width: auto;
}