@import url(https://fonts.googleapis.com/css?family=Open+Sans:700,400);
:root {
--primary-color: #004A38;
--secondary-color: #F7F0DE; 
--tertiary-color: #7DCFB5;
--text-color: #004A38; 
}



h1,
h1 a,
h2,
h2 a,
h3,
h3 a,
h4,
h4 a {
  font-family: 'Open Sans', sans-serif;
}

body,
div,
p,
a,
input,
textarea,
.note {
  font-family: 'Open Sans', sans-serif;
}

h1,
h2,
h3,
h4 {
  color: #024;
  font-weight: bold;
}

header {
  background-image: none;
  background-color: #024;
}

h2 {
  font-size: 38px !important;
}

header h3 {
  background-image: none;
}

header h3 {
  font-size: 34px !important;
  color: #ffffff;
}

header h4 {
  font-size: 22px !important;
  color: #ffffff;
  font-weight: normal;
}

.contact p {
  color: #ffffff;
}

.arrowLink,
#hero,
nav,
nav .container,
nav li,
footer {
  background-image: none;
}

#hero a {
  color: #fff;
}

nav {
  border-top: 1px solid #ccc1b2;
}

/*.navbar-default{ background-color: #368ebf;}*/

.dropdown-menu&#62;li&#62;a {
  color: #fff !important;
}



@media all and (max-width: 480px) {

  h1,
  h1 a,
  h2,
  h2 a,
  h3,
  h3 a,
  h4,
  h4 a {
    font-family: 'Open Sans', sans-serif;
  }

  body,
  div,
  p,
  a,
  input,
  textarea,
  .note {
    font-family: 'Open Sans', sans-serif;
  }

  header {
    /* background-image: none; */
    color: #ffffff;
    background-color: #002244 !important;
  }

  header h3 {
    background-image: none;
  }

  header h3 {
    font-size: 36px !important;
    color: #ffffff;
  }

  header h4 {
    font-size: 26px !important;
    color: #ffffff;
  }

  .contact p {
    color: #ffffff;
  }

  /* nav */
  nav {
    height: auto;
    background-image: none;
    background-position: 0 0;
  }

}


/* PEAKCU OVERWRITE STYLES */

body,
.body-container,
.body-container .container,
.thumbnail {
background: #F7F0DE !important;
}

header,
nav,
#navbar {
background: #F7F0DE !important;
}

input[type="submit"], 
.submit,
#navprimary .container ul li:hover .dropdown-menu,
#hero, #hero h2 span, footer, #matterContent .flagBody {
background-color: #004A38 !important;
color: #F7F0DE !important;
}



/* FONT COLORS and STYLES */

body,
a,
a:hover, 
#additional nav a,
h1,
h2,
h3,
h4,
h5,
#navprimary .container ul li:hover .dropdown-menu {
color: #004A38 !important;
}




/* IMAGES &#38; CARDS */

.thumbnail {
border-radius: 12px;
    background-color: rgba(242, 232, 217, 1) !important;
    padding: 0;
    min-height: 396px;
    border: 1px solid #D7C7B4;
    transition:.1s;
}
.thumbnail:hover {
transform:translatey(-5px);
    transition:.1s;

}
.thumbnail img {
border-radius: 12px 12px 0 0;
max-height: 150px;
object-fit: cover;
}
.thumbnail .caption {
padding: 1.5rem !important;
}

.contact p {
color: #004A38;
}
footer .contact p,
footer a,
footer h4{
color: #F7F0DE !important;
}

footer a:hover {
color: #F7F0DE !important;
text-decoration: none;
}

.navbar-nav a:focus,
.navbar-nav a:hover {
background-color: #F7F0DE !important;
text-decoration: underline !important;
}



/* Removes the map and extends the address on the contact page */
.contact-block .col-xs-12.col-sm-6.col-md-8 {
display: none;
  
}

.contact-block .col-xs-12.col-sm-6.col-md-4 {
width: 100%;
}