html, body { color: #333; font-family: "Montserrat", sans-serif; font-size: 20px; -webkit-font-smoothing: antialiased; font-weight: 500;}
.container { padding: 0; width: 100%; }
.row { margin: 0; }
#content > .row > div { padding: 0 1.5% 12px; }
.vertical-center > div { float: none; display: inline-block; margin-left: -.5%; vertical-align: middle; }
.vertical-center > div:first-of-type { margin: 0; }

/* Links */
a { transition: background-color .2s, color .2s; }
a:hover,
a:focus { text-decoration: none; }
.button { background-color: #c47; border-radius: 14px; border: 0; color: #fff; display: inline-block; letter-spacing: .05em; margin-top: 12px; padding: 4px 16px; transition: background-color .2s; }
.button:hover { background-color: #b16; color: #fff; }
.button:focus { color: #fff; }

#skiptocontent { background-color: #fff; border-radius: 8px; box-shadow: 2px 2px 8px 0 #000; font-size: 1.3em; left: -9999px; padding: 3px 12px; position: absolute; top: -9999px; }
#skiptocontent:focus { left: 8px; top: 8px; }
.ada-element { left: -9999px; position: absolute; }

.vc:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; }
.vc > * { display: inline-block; vertical-align: middle; }

/* Headers */
h1 { font-size: 3.3em; margin: 30px 0 22px; text-transform: uppercase; font-weight: 600;}
h2 { font-size: 2.9em; margin: 12px 0 0; text-transform: uppercase; font-weight: 600; color: #fff; margin:0;}
h2 span {font-size: .5em !important;}
h3 { font-size: 1.8em; margin: 55px 0px 40px 0px; text-transform: uppercase; font-weight: 600;}
h4 { font-size: 1.6em; margin: 28px 0 0; }
h5 { font-size: 1.4em; margin: 26px 0 0; }
h6 { font-size: 1.3em; margin: 26px 0 0; }

/* Paragraphs & Lists */
p { line-height: 1.5em; margin: 16px 0 6px; }
ul, ol { margin: 16px 0 10px; }
li {  line-height: 1.4em; margin-bottom: 8px; }
img { max-width: 100%; }

/* Headers */
/* h1 { font-size: 3.3em; margin: 30px 0 22px; }
h2 { font-size: 2.2em; margin: 12px 0 0; }
h3 { font-size: 1.8em; margin: 28px 0 0; }
h4 { font-size: 1.6em; margin: 28px 0 0; }
h5 { font-size: 1.4em; margin: 26px 0 0; }
h6 { font-size: 1.3em; margin: 26px 0 0; } */

/* Paragraphs & Lists */
p { line-height: 1.5em; margin: 16px 0 6px; }
ul, ol { margin: 16px 0 10px; }
li {  line-height: 1.4em; margin-bottom: 8px; }

/* Forms */
form { margin: 18px 0; }
label { display: block; margin: 10px 0 8px; width: 100%; }
input[type="text"] { margin-bottom: 8px; padding-left: 3px; width: 100%; }
textarea { height: 80px; margin-bottom: 8px; padding: 3px 5px; resize: none; width: 100%; }
input[type="checkbox"],
input[type="radio"] { margin: 0 4px 0 2px; }
input[type="checkbox"] + label,
input[type="radio"] + label { display: inline-block; margin-right: 14px; position: relative; top: -1px; width: auto; }
input[type="submit"],
input[type="reset"] { background-color: #00607F; border-radius: 14px; border: 0; color: #fff; letter-spacing: .05em; margin-top: 14px; padding: 4px 16px; transition: background-color .2s; }
.button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover { background-color: #00607F; }

/* Tables */
table { border: 1px solid #333; margin: 14px 0; width: 100%; }
table tr th { border: 1px solid #333; padding: 2px 4px; }
table tr td { border: 1px solid #333; padding: 2px 4px; }

/* Quick Header */
.header { background-color: #00607F; color: #fff; padding: 35px 20px 35px 20px; position: relative; }
.header h1 { display: inline-block; font-size: 1.3em; margin: 0; }
.header .nav { float: right; top: 0; right: 0; }
.header ul { margin: 0; padding: 0; display:flex; align-items: baseline;}
.header li { display: inline-block; margin-left: 28px; }
.header li a { color: #fff; display: block; min-height:60px;}
.header li a:hover { color: #00445A; }
#mobile-menu { background-color: transparent; border: 0; cursor: pointer; display: none; padding: 0 4px; }

/* Quick Footer */
.footer { background-color: #00607F; color: #fff; padding: 14px 20px; }
.footer p { margin: 0; font-weight: 600;}
.green-footer {background-color:#BABF33; color:#00607F; }
.yellow-footer {background-color:#FFC843; color:#00607F; }

/* Sticky Footer (uncomment if needed; set padding-bottom of ".container" to logical height based on what ends up in the footer) */
/* html, body { height: 100%; }
.container { min-height: 100%; padding-bottom: 60px; position: relative; }
.footer { background-color: #c47; bottom: 0; position: absolute; width: 100%; } */


/*********************************************/
/******   Custom CSS -- -GJA  ************************/
/*********************************************/

/* NAVBAR - DROPDOWN BUTTON */
.dropbtn {
    /* background-color: #3498DB; */
    /* color: white; */
    /* padding: 16px; */
    /* font-size: 16px; */
    /* border: none; */
    cursor: pointer;
  }
  
  /* .dropbtn:hover, .dropbtn:focus {
    background-color: #2980B9;
  } */
  
  .dropdown {
    position: relative;
    display: inline-block;
  }
  
  .dropdown-content {
    display: none;
    position: absolute;
    left:-125%;
    background-color: #fff;
   
    min-width: 350px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
  }
  
  .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    color:#00607F !important;
    border-bottom: 1px solid #00607F;
  }


  
  .dropdown a:nth-of-type(1):hover {
      background-color: #00607F;
      color:#fff !important;
    }
    .dropdown a:nth-of-type(2):hover {
        background-color: #BABF33;
      }
      .dropdown a:nth-of-type(3):hover {
        background-color: #FFC843;
      }

  
  .show {display: block;}
 
/* HEADER - GJA */
.nav {text-transform: uppercase; font-weight: 600; text-align: center;}
.hero {height: 550px; position: relative;}
.hero1 {background-image: url(../images/hero-img.jpg); background-size:cover; background-repeat:no-repeat; background-position: center;}
.hero2 {background-image: url(../images/hero-img2.jpg); background-size:cover; background-repeat:no-repeat; background-position: center;}
.hero3 {background-image: url(../images/hero-img3.jpg); background-size:cover; background-repeat:no-repeat; background-position: center;}
.hero4 {background-image: url(../images/hero-img4.jpg); background-size:cover; background-repeat:no-repeat; background-position: center;}
.headerspan1 {color:#fff;}
.hero-text {position:absolute; margin: 350px 0px; padding-left:100px;}

/* HOMEPAGE BODY - GJA */
.color-bar {height: 20px; }
.cb-blue {background-color: #00445A;}
.cb-ltblue {background-color: #00607F;}
.cb-green {background-color: #BABF33;}
.cb-yellow {background-color: #FFC843;}
.container-padding {padding: 0px 200px;}
.read-more-btn {background-color:#00607F; color:#fff; border:none; padding: 15px 15px; margin-top: 20px;}
.read-more-btn a {color:#fff;}
.btn-arrow {padding: 0px 0px 0px 10px;}

/* Discover a  Region */
.region-row {text-align:center; margin:0 auto; margin-top:50px;}
.region-row .col-md-4 {display:inline-block; vertical-align: middle; float: none;}
.region-btn {height: 600px; margin: 0px 20px; width: 29% !important; position:relative;}

.region-btn-a {height:inherit;  }
.region-btn-a a {height: inherit; color:#fff; font-size: 28px; font-weight: 700; text-transform: uppercase; padding-bottom:40px; display:flex; justify-content: center; align-items: flex-end;}
.region-btn-a a:hover {color: #00607F;}

.region-bg {background-position: 0% 20% !important;}
.region-bg:nth-of-type(1) {background-image: url(../images/region-bg1.png); background-size:cover; background-repeat:no-repeat; }
.region-bg:nth-of-type(2) {background-image: url(../images/region-bg2.png); background-size:cover; background-repeat:no-repeat; }
.region-bg:nth-of-type(3) {background-image: url(../images/region-bg3.png); background-size:cover; background-repeat:no-repeat; }

.region-bg:nth-of-type(1):hover {background-image: url(../images/region-bg1-yellow.png); background-size:cover; background-repeat:no-repeat; }
.region-bg:nth-of-type(2):hover {background-image: url(../images/region-bg2-yellow.png); background-size:cover; background-repeat:no-repeat; }
.region-bg:nth-of-type(3):hover {background-image: url(../images/region-bg3-yellow.png); background-size:cover; background-repeat:no-repeat; }



/* Schedule */
.grey-bg {background-color: #EEEEEE;}
.div-margin-padding {margin: 50px 0px; padding-top:20px; padding-bottom:80px;}

/* Contact Us */
.centerme {text-align: center;}
.contact-row {margin-bottom: 30px;}
.contact-img {width:70%;}
.more-margin {margin: 0px 0px 40px 0px}

/* News & Events */
.news-section {background-color: #FFC843; padding-bottom:50px;}
.news-row {text-align:center; margin:0 auto; margin-top:20px;}
.news-row .col-md-6 {display:inline-block; vertical-align: middle; float: none;}
.news-block {background-color: #FFD87B; color:#00607F;min-height: 510px; padding:30px; margin:0px 10px 10px; width:45%; text-align:left !important;}
.news-header {text-transform: uppercase; font-weight: 600; margin-bottom:40px; line-height: 1.9em;}
hr.news-hr {border-top-color: #00607F; border-top-width:2px; margin:40px 0px;}

/* Leave a comment */
.col-md-12.leave-a-comment {padding:0px;}

/* Subsequent Map Pages */
.map-body-paragraph p { margin: 80px 0 20px; }
.map-body-paragraph img { margin-top: 60px; }

.jotform-embed { margin-top: 50px; }

/*********************************************/
/****** Media Queries ************************/
/*********************************************/
/* Add more queries as needed; 992px is the column breakpoint for "medium"  columns in Bootstrap */
@media screen and (max-width: 1200px){
  .news-block {min-height: 650px;}
}

@media screen and (max-width: 1036px) {
  .region-row .col-md-4 {display:block; width:auto; float:left;}
  .news-block {width:100%; margin: 10px 0px; min-height: auto;}
  
}

@media screen and (max-width: 992px) {
    h1 { font-size: 2.2em; margin: 20px 0 6px; }
    h2 { font-size: 1.7em; margin: 12px 0 0; }
    h3 { font-size: 1.4em; margin: 20px 0 0; }
    h4 { font-size: 1.3em; margin: 28px 0 0; }
    h5 { font-size: 1.2em; margin: 26px 0 0; }
    h6 { font-size: 1.1em; margin: 26px 0 0; }
    p, li { font-size: .9em; line-height: 1.3em; }
    .button { font-size: .8em; border-radius: 12px; padding: 4px 12px 3px; }
    table tr { font-size: .8em; padding: 2px; }
    .vertical-center > div { margin: 0; }

    /* Quick Mobile Menu */
    #mobile-menu { display: inline-block; }
    .header { height: auto; padding: 20px 10px; }
    .header .nav ul { background-color: #00607F; box-shadow: 2px 4px 8px -4px #000; display: none; opacity: 0; position: absolute; right: 110%; top: 36px; width: 220px; z-index: 1; }
    .menu-opened .header .nav ul { opacity: 1; right: 0; transition: right 0s, opacity .2s; margin-top:35px;}
    .header .nav li { border-top: 1px solid #fff; display: flex; justify-content:center; align-items:center; margin: 0; padding: 4px; text-align: center;}
    .header li a {min-height:auto; margin: 15px 0px;}
    .dropdown-content { min-width:220px !important; left: -137%; top: 1%;}

    .container-padding {padding: 0px 100px; margin: 20px 0px;}
    .mg-50 {margin-top:50px;}
    .div-margin-padding {margin: 60px 0px; padding-top: 40px; padding-bottom:60px;}
    h3.centerme {margin-bottom: 40px;}
    

    

}

@media screen and (max-width: 991px) {
  .col-md-6 img {width: 40%;}
  .contact-text {text-align: center;}

  

}
@media screen and (max-width: 952px) {
.region-row {text-align:center; margin:0 auto; margin-top:50px;}
.region-row .col-md-4 {display:inline-block;  float: none; width: 80% !important; height: 200px; margin-top:10px;}
.region-bg {background-position-y: 70% !important; }
}

@media screen and (max-width: 768px){
  .hero {height: 300px;}
  .hero-text {margin:180px 0px 0px 0px; padding-left: 40px;}
  .container-padding {padding: 0px 75px;}
  .div-margin-padding {padding-top: 60px; padding-bottom:60px;}
  .news-header {margin-bottom: 20px;}
  hr.news-hr {margin: 30px 0px;}
}


@media screen and (max-width: 550px){
  .header .nav ul {width: 150px;}
  .dropdown-content { min-width:150px !important; left: -200%; top: 0%;}

}

@media screen and (max-width: 480px) {
  h2 { font-size: 1.5em;}
  h3 {font-size: 1.2em;}
  .hero-text {margin:170px 0px 30px 0px;}
  .container-padding {padding: 0px 45px;}
  p {font-size: .8em;}
  button {font-size: 16px;}
  .region-btn-a a {font-size: 20px;}
  .div-margin-padding {padding-top: 40px; padding-bottom:60px;}
  h3.centerme {margin-bottom: 20px;}
  .dropdown-content { max-width: 80px !important; left: -100%;}

}

@media screen and (max-width: 320px) {
  .header h1 { font-size: .8em;}
  h2 { font-size: .9em;}
  h3 {font-size: 1em;}
  .container-padding {padding: 0px 25px;}
  p {font-size: .75em;}
  .dropdown-content a {font-size: 12px;}
  .div-margin-padding {padding-top: 30px; padding-bottom:30px;}

}

/* Add if printing is necessary */
@media print {

}