﻿/*Fix clashing styles*/
hr {
    margin-top: 8px;
    margin-bottom: 8px;
    border-color: red;
}
body {
    font-family: 'Raleway', sans-serif;
    line-height: initial;
}
#header-info {
    box-sizing: initial;
}
#header-info input[type=button] {
    cursor: default;
    color: initial;
}
#header-nav a:hover {
    color: white;
    text-decoration: none;
}
div.nav-icon {
    max-height: initial;
}

/*Layout*/
.bicentennial-header {
    text-align: center;
    overflow: hidden;
}
.bicentennial-header img {
    display: block;
}
.bicentennial-nav ul{
    list-style-type: none;
    padding: 0;
}
.bicentennial-nav li {
    display: inline-block;
    width: 22%;
    border: 2px solid navy;
    border-collapse: collapse;
    background-color: #0D2240
}
.bicentennial-nav a {
    display: block;
    color: lightgray;
    background-color: #0D2240;
}
.bicentennial-nav a:hover {
    text-decoration: none;
    color: white;
    background-color: #194480
}
.form-title-area {
    width: 100%;
    text-align: center;
}
.form-title-area h1 {
    text-shadow: none;
    border: none;
}
#photo-drive-logo {
    width: 75%;
    min-width: 300px;
    margin: auto;
    float: left;
}
#other-logos {
    width: 25%;
    float: left;
}
#other-logos img {
    max-width: 85%;
    margin: auto;
    display: inline-block
}
@media screen and (max-width: 600px)
{
    #photo-drive-logo {
        width: 100%;
    }
    #other-logos {
        width: 100%;
    }
}
hr.header-bottom {
    border: 2px solid #0D2240;
    margin-top: 16px;
    margin-bottom: 16px;
}

/*Home page*/
.focus-areas ul
{
    list-style-type: none;
    padding-left: 0;
}
.focus-areas ol
{
    list-style-type: lower-alpha;
}
.focus-areas li {
    font-weight: bold;
    padding: 5px;
}
.focus-areas li > p
{
    display: inline;
    font-weight: normal;
}

/*Events page*/
.event-box {
    border: 1px solid black;
    margin: 10px;
    padding: 5%;
    display: flex;
justify-content: space-evenly;
}
.event-box .place-and-date{
width: 40%;
display: flex;
flex-direction: column;
}
.event-box .place-and-date h6 {
    display: inline-flex;
    width: 25%;
    clear: left;
    margin: 0;
}
.event-box .place-and-date p {
    display: inline-flex;
    margin: 0;
}
.event-box>p {
    display: block;
    clear: both;
}

/*Submission Form*/
.additional-validation {
    display: none;
}
#submission-form-header {
    font-weight: bold;
    text-align: center;
}
.form-horizontal h2 {
    margin-bottom: 10px;
}
.form-group .form-label {
    font-weight: bold;
    text-align: right;
}
.form-group .form-sublabel {
    font-weight: normal;
}
.form-group.line-1
{
    margin-bottom: 0;
}
.form-group textarea {
    height: auto;
}
.form-box {
    display: none;
    margin-bottom: 15px;
    border: 1px solid red;
    padding: 10px;
    color: red;
}
.g-recaptcha {
    display: inline-block;
}