/* @font-face {
    font-family: 'veneer-three';
    src: url('../fonts/veneer-three/veneerthree-webfont.eot');
    src: url('../fonts/veneer-three/veneerthree-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/veneer-three/veneerthree-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
} */

@font-face {
    font-family: 'veneer';
    src: url('../fonts/veneer-two/veneer-webfont.eot');
    src: url('../fonts/veneer-two/veneer-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/veneer-two/veneer-webfont.woff') format('woff'),
         url('../fonts/veneer-two/veneer-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
 
@font-face {
  font-family: 'gotham';
  src: url('../fonts/gotham/GothamLight.eot?#iefix') format('embedded-opentype'),  
  url('../fonts/gotham/GothamLight.woff') format('woff'), url('GothamLight.ttf')  format('truetype');
  
  font-weight: normal;
  font-style: normal;
}



@font-face {
  font-family: 'gotham-med';
  src: url('../fonts/gotham/GothamMedium.eot?#iefix') format('embedded-opentype'),  
  url('../fonts/gotham/GothamMedium.woff') format('woff'), 
  url('../fonts/gotham/GothamMedium.ttf')  format('truetype');
  
  font-weight: normal;
  font-style: normal;
}




@font-face {
  font-family: 'gotham-ultra';
  src: url('../fonts/gotham/GothamUltra.eot?#iefix') format('embedded-opentype'),  
  url('../fonts/gotham/GothamUltra.woff') format('woff'), 
  url('../fonts/gotham/GothamUltra.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'GothamBook';
  src: url('../fonts/gotham/GothamBook.eot?#iefix') format('embedded-opentype'),  
  url('../fonts/gotham/GothamBook.woff') format('woff'), 
  url('../fonts/gotham/GothamBook.ttf')  format('truetype'), 
  url('../fonts/gotham/GothamBook.svg#GothamBook') format('svg');
  font-weight: normal;
  font-style: normal;
}



html {
  line-height: 1; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}



body {
  margin: 0;
  color:#002856;
  font-family: 'GothamBook','gotham-light', sans-serif;
  background-image:url('/assets/images/white-waves.png');
}

main { 
  display: block;
}

.three {
    font-family: "veneer", "veneer-webfont", "GothamBook", sans-serif;
    text-transform:uppercase;
}

.webfont {
    font-family:"veneer-webfont", "veneer", "GothamBook", sans-serif;
    text-transform:uppercase;
}

.gotham {
    font-family:'gotham';
}

.gotham-ultra {
    font-family:'gotham-ultra', sans-serif;
    letter-spacing:1.2px;
}

.gotham-med {
    font-family:'gotham-med', sans-serif;
}

.date {
    text-transform:uppercase;
    font-size:20px;
    color:white;
    font-family:"gotham-ultra";
}




h1 {
    background: #E6E6E6;
    width: 100%;
    font-weight:normal;
    text-align:center;
    text-transform:uppercase;
    color: #4D4D4D;
    font-size:30px;
    padding: 10px 0;
    font-family:"veneer";
    height:70px;
    display: flex;
    align-items: center;
    justify-content: center;
    
}

h2 {
    font-size:35pt;
    color:#0063a6;
    font-family:"veneer", "gotham", sans-serif;
    font-weight:normal;
    text-align:center;
    margin: 0;
    text-transform:uppercase;
    
}

h3 {
    
    font-family:"veneer", "veneer-webfont", "gotham", sans-serif;
    color:white;
    text-align:center;
    font-weight:normal;
    font-size:30pt;
}


hr {
    border:none;
    height:4px;
    background:#b7975e;
}

.h2-on-picture{
    color:white;
}

p, ul{
    font-family:"GothamBook";
     font-size:1rem;
    line-height: 1.4;
    text-align:center;
    margin: 5px auto;
}

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
  text-decoration:none;
  color:#002856;
}

li {
    margin:0;
    padding:0;
    list-style:none;
}

img {
  border-style: none;
}

@media(min-width:768px) {
    h1 {
        font-size: 50px;
    }
    
    h2{
        font-size:4rem;
    }
    
    h3 {
        font-size:45px;
    }
    
    p, ul{
        font-size:1.1rem;
    }
}


@media(min-width:1224px) {
     h2 {
        text-align:left;
    }
    
    p {
        text-align:left;

    }
}


.active{
    color:#0063a6 !important;
   
}

.hidden {
    display:none;
}

.show {
    display:block;
}

.button {
    background:#BE3F22;
    font-family:'gotham-ultra';
    letter-spacing: 1.25px;
    width: 150px;
    height: 45px;
    font-size: 15px;
    margin:20px 0;
    margin-left:2px;
    text-decoration: none;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor:pointer;
    text-transform:uppercase;
}



.button a{
    color:white;
}

.coordinates-copy {
    width: 250px;
    margin:auto;
}

@media(min-width: 385px) {
    .coordinates-copy {
        width: 300px;
    }
}

@media(min-width: 768px) {
    .coordinates-copy {
        width: 450px;
    }
}

.cls-gold {
    fill:#b7975e;
}

.cls-blue {
    fill:#002856;
}

.cls-light-blue {
    fill:#0063a6;
}

.cls-white {
    fill:white;
}
.content-wrapper {
    width: 90%;
    margin: 0 auto;
    max-width: 800px;
}

.main{
    margin-top:90px;
    transition:all 2s ease;
}

@media(min-width:768px) {
    .coordinates-copy {
        margin:0 0 0 5px;
    }
    
    .button {
   
    
        
        width:200px;
        height:60px;
        font-size:20px;
        
       
    }
}




/***** Navbar *****/
#navigation {
    display: flex;
    align-items: center;
    justify-content: center;
    height:90px;
    position: fixed;
    top: 0;
    width:100%;
    margin:auto;
    z-index:100;
    background:white;
    transition:all 2s ease;
}

.nav-wrapper * {
    transition: all 2s ease;
}

.mobile-nav-logo, .nav-logo{
    height: 70px;
}

.mobile-logo h1 {
    background:transparent;
}

.nav-wrapper {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.nav-center, .nav-left, .nav-right {
    display:none;
}

.nav-dropdown{
    background:white;
}

.mobile-nav{
    display:none;
    position:fixed;
    z-index:105;
    background:#002856;
    color:white;
    width:100%;
    height:100%;
    overflow:auto;
    top: 0;
    left: 0;
}

.mobile-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 90px;
}
.mobile-logo h1 {
    margin: 0;
    padding: 0;
}


.mobile-footer-nav-wrapper {
    display:flex;
    font-size:10px;
    margin-bottom:20px;
    color:white;
    justify-content:center;
}

.nav-footer-link a {
   color:white;
   
    font-size:10px;
}

.noScroll {
    overflow: hidden;
}

#nav-hamburger-expanded {
    position:fixed;
    top:0;
    left:10px;
    z-index: 101;
    display: flex;
    align-items: center;
    height: 75px;
    transition:all 2s ease;
}

#nav-hamburger-expanded img {
    width:75%;
}

.mobile-nav-logo {

    display:flex;
    align-items:center;
    justify-content:center;
}

.close-mobile {
        font-size:25px;
       position: fixed;
    top: 25px;
    left: 25px;
        z-index:1001;
    }

.nav-link-mobile, .nav-mobile-indent a {
    padding: 0 20px;
    font-size:50px;
    font-family:'veneer';
    margin:2px 0;
    display:block;
    color:white;
}
.nav-mobile-indent a {
   font-size:30px;
    margin-left:30px;
}

#nav-more {
    cursor:default;
}



.navbar-social-wrapper{
    margin: 20px 0;
    display:flex;
    justify-content:flex-start;
    align-items:center;
}

.navbar-social-nav-icon{
    width: 30px;
    margin: 10px;
}

@media(min-height:700px){
    .mobile-footer-nav-wrapper {
         position:fixed;
        bottom:30px;
        left: 0;
        right: 0;
    }
}

@media(min-width:768px) {
    .close-mobile {
        justify-content: center;
        font-size:40px;
        position: relative;
        top: -80px;
        left: 15px;
    }
    
    
}

@media(min-width:1024px){
    
    #nav-hamburger-expanded {
        display:none;
    }
    
    .mobile-nav-logo {
        display:none;
    }
    .nav-left, .nav-center, .nav-right{
        display:flex;
        align-items:center;
    }
    
    .nav-left {
        margin-left: 20px;
    }

    .nav-center {
        text-align: center;
        width:65%;
        margin:auto;
        font-size:2.5em;
    }

    .nav-right{
        text-align: right;
        margin-right: 20px;
        padding-right: 0px;
    }
    .nav-right img {
        height: 65px;
        margin: auto;
    }
    
    .desktop-only {
        display:flex;
        width:100%;
        justify-content:center;
        
    }
    
    .nav-dropdown {
        display: none;
        align-self:flex-start;
        top:70px;
        position: absolute;
        text-align: left;
        z-index:102;
        border-top: 4px solid #b7975e;
    }
    
     .nav-dropdown .nav-link {
        padding: 10px 30px;
        display: block;
        font-size: .75em;
    }
    .nav-dropdown .nav-link:first-child {
        padding-top: 30px;
    }
    
    .nav-dropdown .nav-link:last-child {
        padding-bottom: 40px;
    }
    
    .nav-more:hover .nav-dropdown {
        display: block;
        
    }
    
    .nav-link:focus,.nav-link:active, .nav-link:hover {
        color:#0063a6;
    }
    
    
    .nav-more {
        padding: 0 15px;
        display: flex;
        align-items: center;
    }

}


/***** Header *****/
.header {
    background: #E6E6E6;
    width: 100%;
    text-align:center;
    text-transform:uppercase;
    color: #4D4D4D;
    font-size:30px;
    padding: 10px 0;
    font-family:"veneer";
    height:70px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-2 {
    background: #E6E6E6;
    width: 100%;
    text-align:center;
    text-transform:uppercase;
    color: #0063a6;
    font-size:25px;
    padding: 10px 0;
    height:50px;
    font-family:"veneer";
    display: flex;
    align-items: center;
    justify-content: center;
}

@media(min-width:768px) {
    .header {
        font-size: 50px;
    }
    .header-2 {
        font-size:40px;
    }
}

/*** Cookie alert ***/

#cookie-alert {
    position: fixed;
    bottom: 0;
    left: 0;
    background: #002856;
    color:white;
    width: 100%;
    z-index: 999;
}

.cookie-alert a {
    color:#b7975e;
}


.cookie-alert {
    padding: 15px;
    text-align: center;
}

#cookie-dismiss {
    cursor: pointer;
    color:#b7975e;
}




/***** Footer *****/

#footer {
    background: #002856;
    text-align: center;
    position: absolute;
    left: 0;
    width: 100%;
    color: white;
    
}

#footer span {
    margin:0 2px;
}

.logo-wrapper img{
    max-width: 200px;
    margin: 20px 0;
}

.get-updates {
    min-height: 50px;
    display: flex;
    justify-content: center;
}

.get-updates .button {
    background:#cd912c;
}

.footer-social-wrapper{
    display:flex;
    justify-content:center;
    align-items:center;
}

.footer-social-nav-icon{
    width: 30px;
    height: 30px;
    margin: 10px;
}

.footer-nav-wrapper{
    display: flex;
    justify-content: center;
    font-size:10px;
    margin: 20px auto;
    
    position:sticky;
}

.footer-nav-wrapper a{
    color: white;
    text-decoration: none;
    
   
    
}

.footer-legal-wrapper{
    font-size: 1vw;
    margin-top: 20px;
    padding-bottom: 20px;
}

#footer-bumper{
    
}

@media(min-width:768px){
    .footer-social-nav-icon {
        width: 40px;
        height: 40px;
        margin: 15px;
        padding-top: 5px;
    }
    
    .footer-nav-wrapper{
        font-size:20px;
    }
    
    .footer-link{
        
        margin:0 5px;
    }
}



/***** Home Top Callout *****/
.quote-1-wrapper {
    height:600px;
    width: 100%;
}

.quote-content-wrapper {
    background: rgba(0,0,0,.5);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 10%;
}

.quote-content-wrapper img {
    margin:10px 0;
}

.quote {
    font-size: 50px;
    color:white;
    text-align:center;
    max-width: 650px;
}

@media (min-width:550px) {
    .quote {
        font-size: 75px;
    }
}

@media (min-width:768px) {
    .quote {
        font-size: 100px;
        margin: 0 10px;
        max-width: none;
    }
}

.quote-mark {
    
    color: #cd912c;
    font-size:30vh;
    line-height:0;
   
}

@media(min-width:1224px) {
    .quote {
    text-align:left;
    max-width: 1200px;
    }
}