@charset "UTF-8";

body{font-family: 'Montserrat', sans-serif;}
h1, h2, h3, p{font-family: 'Montserrat', sans-serif;}

h2{
    font-size: 1.5em;
    font-weight: bold;
    text-transform: uppercase;
}

h3{
    font-size: 1.2em;
    font-weight: bold;
   text-transform: uppercase;

}

h4{
    font-weight: 700;
    font-size: 1em;
    font-style: italic;
}

p{
    font-size: 1em;
    line-height: 1.7em;
}

p:empty { display: none; }

ul, ol, dl{margin-bottom: 0px;}

.section1 {
    position: relative;
    background-image: url(/../wp-content/uploads/2018/10/Eisenhower-banner.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 16px;
}
.section1 p {
    margin: 0;
    padding: 0;
}
.section1 .title-image {
    display: none;
}

.section1 .title-container {
    margin: 16px;
}

.title-container .title {
    background-color: rgba(0,81,136,0.65);
    padding: 14px;
    text-align: center;
}

.title-container h1{
    color: #fff;
    font-weight: bold;
    font-size: 22px;
}
.title-container h1 br { display: none; }

@media screen and (min-width: 640px) {
    .section1 .title-container {
        display: flex;
    }
}

@media screen and (min-width: 1024px) {
    .section1 { background: none; padding-top: 0; padding-bottom: 0;}

    .section1 .title-image {
        display: inherit;
    }

    .section1 .title-container {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        transform: translate(0,-50%);
    }

    .title-container .title { flex-grow: 2; align-self: center; padding: 24px;}
    .title-container h1 { font-size: 3vw; }
    .title-container .project-logo { flex-shrink: 1;}

    .title-container h1 br { display: inherit; }
}

@media screen and (min-width: 1200px) {
    .section1 .title-container {
        left: 5%;
        right: auto;
    }
}

@media screen and (min-width: 1680px) {
    .section1 .title-container {
        left: 50%;
        transform: translate(-50%,-50%);
        width: 1170px;
    }
    .title-container h1 {
        font-size: 44px;
        white-space: nowrap;
    }    
    .title-container .project-logo { flex-shrink: 0;}
    .title-container .title { flex-grow: 1;}
}

.section1 img, .section1a img{
    width: 100%;
}

.section1a p { margin: 0; padding: 0; }
.separator { background-color: #354e92; }

.separator p {
    color: #ffffff;
    padding: 14px;
}


.section2, .section3, .section4, .faq, .section5{
        padding: 5% 5%;
} 

.section2, .section4{
	background-color: #eeece7;
    color: #002888;
    text-align: justify;
}

.section3{
    background-color: #005188;
    color: #ffffff;
}

.section3 a { color: #17baa1; }

.section4{
    text-align: center;
    background-color: #ffffff;
}

.faq{
    background-color: #a9c7d8;
}

.section5{
    background-color: #218b50;
    color: #ffffff;
}
.section5 label {
	color: white;
}

.button{
    background-color: #fbd504;
    color: #000000;
    padding: 15px 50px;
    font-size: 1.2em;
    font-weight: 700;
}

.button:hover{
    background-color: #dabc17;
    color: #000000;
}

.footer{
    background-color: #000000;
    color: #ffffff;
}

.footer p{
    font-size: .8em;
    margin-top: 10px;
}

#back-top {
  position: fixed;
  bottom:40px;
  right: 2%;
  z-index: 100;
  opacity: .7;
}



/* Style the buttons that are used to open and close the accordion panel */
.accordion {
    background-color: #a9c7d8;
    color: #002888;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
    background-color: #c7dce5;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
    padding: 0 18px;
    background-color: #dceaef;
    display: none;
    overflow: hidden;
}

.news-title {
    background-color: #1b2e59;
    text-transform: uppercase;
    padding: 0 15px 0px 15px;
    font-size: 2.25rem;
    color: #354e92;
    line-height: inherit;
    margin-bottom: 0;
}

.nf-form-fields-required {
	display: none !important;
}
.nf-error-msg, .ninja-forms-req-symbol {
    color: #ff8e75 !important;
}
.nf-error .ninja-forms-field {
    border: 3px solid #ff8e75 !important;
}