body,
html,
.ccm-page h1,
.ccm-page h2,
.ccm-page h3,
.ccm-page h4,
.ccm-page h5,
.ccm-page h6 {
     font-family: 'Montserrat', sans-serif;
     font-style: normal;
     font-weight: 100;
}

.ccm-page #subbody ul {
     list-style: none; /* Remove default bullets */
   }
   
   .ccm-page #subbody ul li::before {
     content: "\2022"; 
     color: #4AC4D6;
     font-weight: bold; 
     display: inline-block; 
     width: 1em; /* Also needed for space (tweak if needed) */
     margin-left: -1em; /* Also needed for space (tweak if needed) */
   }

body,
html:not(.ccm-edit-mode) {
     overflow-x: hidden;
}

html,
body {
     -webkit-transition: all 300ms ease-in-out;
     -moz-transition: all 300ms ease-in-out;
     -o-transition: all 300ms ease-in-out;
     transition: all 300ms ease-in-out;
}

.cke_editable {
     min-height: 100px !important;
}

.ccm-page .accessibilty-hide {
     position: absolute;
     left: -10000px;
     top: auto;
     width: 1px;
     height: 1px;
     overflow: hidden;
}

.ccm-page .row {
     margin: 0 auto;
     max-width: 90%;
}

.ccm-page a {
     font-weight: 700;
     color: #56803A;
     transition: background-color .15s, color .15s;
}

.ccm-page a:hover {
     color: #3E5C2A;
}

.resp-container {
     position: relative;
     overflow: hidden;
     padding-top: 40%;
}

.resp-iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border: 0;
}


.ccm-dashboard-express-form label {
     float: left;
     margin-right: 10px
}

.ccm-dashboard-express-form .text-muted.small {
     font-size: 9px;
     color: red;
     float: left;
}

.ccm-page a:hover {
     color: #3E5C2A;
}

.ccm-page a img {
     -webkit-transition: all 300ms ease-in-out;
     -moz-transition: all 300ms ease-in-out;
     -o-transition: all 300ms ease-in-out;
     transition: all 300ms ease-in-out;
}

.ccm-page a:hover img {
     opacity: 0.8;
}

.fullwidthimg img {
     width: 100% !important;
     max-width: 100% !important;
}

/* .ccm-toolbar-visible #header {top:48px;} */

a.bluebtn,
.bluebtn a {
     padding: 20px;
     background-color: #6598AF;
     text-align: center;
     color: white;
     text-transform: uppercase;
     -webkit-transition: all 300ms ease-in-out;
     -moz-transition: all 300ms ease-in-out;
     -o-transition: all 300ms ease-in-out;
     transition: all 300ms ease-in-out;
}

.longbtn {
     display: block;
}

a.bluebtn:hover,
.bluebtn a:hover {
     background-color: #69A8C3;
}

a.teal-btn,
.teal-btn a {
     background-color: #3CB0E2;
     width: auto;
     display: inline-block;
     margin: 20px 0;
     padding: 6px 18px;
     color: white;
     text-transform: uppercase;
}

a.teal-btn:hover,
.teal-btn a:hover {
     background-color: #258EBC;
}

a.green-btn,
.green-btn a {
     background-color: white;
     width: auto;
     display: inline-block;
     margin: 20px 0;
     padding: 10px 28px;
     color: #56803A;
     border: 3px solid #88C340;
     text-transform: uppercase;
     border-radius:8px;
}

#staycurrentbanner a.green-btn,
#staycurrentbanner .green-btn a {text-transform:none;font-size:1.3em;letter-spacing:3px;}

a.green-btn:hover,
.green-btn a:hover {
     background-color: #88C340;
     color: white;
}

a.purple-btn,
.purple-btn a {
     background-color: #152260;
     width: auto;
     display: inline-block;
     margin: 20px 0;
     padding: 6px 18px;
     color: white;
     text-transform: uppercase;
}

a.purple-btn:hover,
.purple-btn a:hover {
     background-color: #172C8F;
}

a.teal-btn.stay-blue {
     background-color: #152260;
     margin: 0;
}

a.teal-btn.stay-blue:hover {
     background-color: #172C8F;
}

/* Header & Footer */
#hiddenhone {
     position: absolute;
     display: block;
     height: 0px;
     width: 0px;
     overflow: hidden;
     top: -1000px;
     left: -1000px;
}

#header {
     padding: 20px
}

#header>a>img {
     height: 68px;
}

#mobile-menu-button {
     cursor: pointer;
     display: none;
     font-size: 1.6em;
     margin: 14px 2px 0;
}

#menu {
     float: right;
     margin-right: 36px;
     margin-top: 14px;
}

#contactlink,
#nav-icon3 {
     float: left;
}
.graycallout {background:#F2F2F2;padding:30px}
.graycallout h3 {color: #009CAD;font-weight:bold;letter-spacing:3px;text-transform:uppercase;}
.graycallout ul li {margin-bottom:10px;}
.graycallout ul li a {font-weight:normal;}
#contactlink {
     margin-right: 30px;
}

#contactlink svg {
     fill: #88C340;
     -webkit-transition: all 300ms ease-in-out;
     -moz-transition: all 300ms ease-in-out;
     -o-transition: all 300ms ease-in-out;
     transition: all 300ms ease-in-out;
}

#contactlink svg:hover {
     fill: #56803A
}

#nav-icon3 {
     width: 60px;
     height: 35px;
     position: relative;
     margin: 0px auto;
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(0deg);
     -webkit-transition: .5s ease-in-out;
     -moz-transition: .5s ease-in-out;
     -o-transition: .5s ease-in-out;
     transition: .5s ease-in-out;
     cursor: pointer;
}

#nav-icon3 span {
     display: block;
     position: absolute;
     height: 7px;
     width: 100%;
     background: #009CAD;
     border-radius: 9px;
     opacity: 1;
     left: 0;
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(0deg);
     -webkit-transition: .25s ease-in-out;
     -moz-transition: .25s ease-in-out;
     -o-transition: .25s ease-in-out;
     transition: .25s ease-in-out;
}

#nav-icon3:hover span {
     background: #4AC4D6;
}

#nav-icon3 span:nth-child(1) {
     top: 0px;
}

#nav-icon3 span:nth-child(2),
#nav-icon3 span:nth-child(3) {
     top: 15px;
}

#nav-icon3 span:nth-child(4) {
     top: 30px;
}

#nav-icon3.open span {
     background: #6E6F72;
}

#nav-icon3.open span:nth-child(1) {
     top: 18px;
     width: 0%;
     left: 50%;
}

#nav-icon3.open span:nth-child(2) {
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
     top: 18px;
     width: 0%;
     left: 50%;
}

/* Mobile Menu */

#mobile-menu {
     position: absolute;
     right: -400px;
     top: 140px;
     width: 400px;
     padding: 20px;
     background-color: #009CAD;
     -webkit-transition: all 300ms ease-in-out;
     -moz-transition: all 300ms ease-in-out;
     -o-transition: all 300ms ease-in-out;
     transition: all 300ms ease-in-out;
}

#mobile-menu a {
     color: white;
}

#mobile-menu.open {
     right: 0px;
     z-index: 99;
}

#mobile-menu .nav {
     list-style: none;
     margin: 0;
     padding: 0;
}

#mobile-menu .nav .sub-menu {
     list-style: none;
     margin: 0;
     padding: 0;
}

#mobile-menu .nav li {
     margin: 10px 0px;
}

#mobile-menu .nav li a {
     display: block;
     text-transform: uppercase;
     padding: 10px 15px;
     text-decoration: none;
     -webkit-transition: 0.2s linear;
     -moz-transition: 0.2s linear;
     -ms-transition: 0.2s linear;
     -o-transition: 0.2s linear;
     transition: 0.2s linear;
}

#mobile-menu .nav li a:hover {}

#mobile-menu .nav li a .fa {
     width: 16px;
     text-align: center;
     margin-right: 5px;
     float: right;
}

#mobile-menu .nav ul {}

#mobile-menu .nav li ul li a {

     border-left: 4px solid transparent;
     margin: 10px 0px;
     padding-left: 20px;
}

#mobile-menu .nav li a {

     border-left: 4px solid transparent;

}
.loggedinas {margin-bottom:0px;}
#mobile-menu .nav li a:hover {

     border-left: 4px solid #88C340;
     margin: 10px 0px;
     padding-left: 20px;
}
#mobile-menu .nav li ul li a:hover {

     border-left: 4px solid #4AC4D6;
     margin: 10px 0px;
     padding-left: 20px;
}

#mobile-menu .nav li.nav-dropdown a:after {
     content: '+';
     display: inline-block;
     float: right;
     font-size: 1.5em;
     margin-top: -5px;
}

#mobile-menu a.expanded:after {
     content: '-'!important;
}


#mobile-menu .nav ul.sub-menu a:after {
     display: none
}
.sub-menu li a {text-transform:none!important;padding:0px 0px 0px 30px!important;font-weight:normal;}

#wavesubpage {height:50px;background-image:url('../images/top-wave-single.svg');background-size: 220%;
     background-position-x: center;
     background-position-y: bottom;
     background-repeat: no-repeat;}
#wavebanner {height:200px;background-image:url('../images/waves-top-home.svg');background-size: 220%;
     background-position-x: center;
     background-position-y: bottom;
     background-repeat: no-repeat;}

 .wavefootertop {height:150px;background-image:url('../images/footer-top-wave.svg');background-size: 220%;
     background-position-x: center;
     background-position-y: bottom;
     background-repeat: no-repeat;}
#footer .row {padding: 36px 8% 38px;}

#footer-middle {text-align:center;}
#footer-middle img {width:80%;margin:0 auto;max-width:290px;margin-bottom:30px;}
#footer-left img {max-width:85px; margin-bottom:20px;}
.copyright {margin-bottom:0px;}
#footer-left p {font-size: 0.7em;}
#footer-right ul{list-style:none;float:right;text-align:right;}
#footer-right ul li {margin-bottom:10px;}

#subbanner {position:relative;}
#subbannerimage {width:100px;height:100px;position:absolute;margin:-50px auto auto auto;right:0;left:0;border-radius:100%;padding:15px;text-align:center;}
#subbannerimage img {width:50px;}
#subbannertitle {position:relative!important;}
#subbannertitle h2 {padding-top:40px;color:white;font-weight:bold;text-transform:uppercase; letter-spacing:3px;}
#subbannertitle p, #subbannertitle a {color:white;}


/* Row/Column Setup */
.ccm-page {
     color: #6E6F72;
}

.ccm-page h1 {}

.ccm-page h2 {}

.ccm-page h3 {}

.ccm-page h4 {}

.ccm-page p, .ccm-page ul, .ccm-page ol {
     color: #6E6F72;
     font-size: .9em;
}

.ccm-page>div>.columns {
     padding: 0;
}

.ccm-page>div>div .row {
     padding: 26px 8% 38px;
}

.ccm-page>div>div .columns {
     padding: 0 1.75%;
}

.ccm-page .row {
     max-width: 100%;
     padding: 0;
}

.ccm-page>div>div .unpadded-row .row,
.ccm-page>div>div .unpadded-row .columns {
     padding: 0;
}

.ccm-page fieldset {
     border: 0;
     margin-top: 38px;
     padding: 0;
}

.ccm-page label {
     color: #454B54;
     font-weight: 700;
     margin-bottom: 3px;
}

.ccm-page .ccm-dashboard-express-form input[type="text"],
.ccm-page .ccm-dashboard-express-form input[type="email"],
.ccm-page .ccm-dashboard-express-form textarea {
     background-color: white;
     border: 1px solid #dedede;
     box-shadow: none;
     resize: none;
}

.ccm-page form button[type="submit"] {
     background-color: #3CB0E2;
     color: #fff;
     font-family: 'Montserrat', sans-serif;
     padding: 6px 28px;
     transition: background-color .2s;
}

.ccm-page form button[type="submit"]:hover {
     background-color: #0b1649;
}

.ccm-page small {
     font-size: .8em;
}

.ccm-page .layoutnopad div.row {
     padding: 0px !important;
}

/* Homepage */
.page-template-home h1 {
     background-color: transparent;
     padding: 0 !important;
}
#staycurrentbanner {text-align:center;}
.page-template-home h2 {

     font-weight:bold;
     color:#009CAD;
}

.page-template-home .columns {
     padding: 0 !important;
}

.page-template-home #our-focus .row .small-12 .row .columns.medium-4 {
     margin: 0 1.75%;
}

.page-template-home #our-focus .row .small-12 .row .columns.medium-4 ul {
     min-height: 135px;
}

#imagebanner img {
     width: 100%;
}

#imagebanner {
     position: relative;
     height: 550px;
     overflow: hidden;
     margin-top: 52px;
}

.ccm-toolbar-visible #imagebanner {
     margin-top: 70px;
}

#imagebanner img {
     margin-top: -18%
}

#tealbanner {background-color:#4AC4D6;}

#tealbanner {text-align:center; margin-top: -2px;}
#tealbanner h2 {color:white;font-weight:bold;letter-spacing:3px;}
#tealbanner p {color:white;font-size:1.3em;letter-spacing:3px;padding:0 10%;}
#tealbanner .homeboxes p {letter-spacing:0px;font-size:1em;padding:0px;}
#tealbanner .homeboxes .img-circle {height:80px; width:80px;padding:20px;border-radius:100px;top:-30px;position:absolute;  left: 0; 
     right: 0; 
     margin-left: auto; 
     margin-right: auto; }

#tealbanner .homeboxes .img-circle img {height:40px;}
#tealbox:hover {background:#008f9e!important; transition: 0.5s all;}
#homeboxes .columns .homeboxes {margin:0px 10px;display:block;min-height: 220px;}
#homeboxes {margin-top:50px; -webkit-transition: all 300ms ease-in-out;
     -moz-transition: all 300ms ease-in-out;
     -o-transition: all 300ms ease-in-out;
     transition: all 300ms ease-in-out;}
#homeboxes .row {padding:0px}

#homeboxes #tealbox {background:#009CAD; background-image: url("http://keepitcurrent.hdrstratcommtest.com/application/files/2216/0703/1368/projectguide.jpg") }
.homeboxes h3 {margin-top:40px;}
#tealbanner #tealbox .img-circle {background-color:#009CAD;}
.homeboxes {padding:20px}
#homeboxes {margin-top:70px;}
#homeboxes .row {padding:0px}
.homeboxes h3 {margin-top:50px;color:white;font-weight:bold;text-transform:uppercase;font-size:1.2em;}
#homeboxes #litegreenbox {background:#88C340; background-image: url("http://keepitcurrent.hdrstratcommtest.com/application/files/7116/0703/1369/interactivemap.jpg")}
#homeboxes #litegreenbox:hover {background:#6CA32A;}
#litegreenbox .img-circle {background-color:#88C340;}
#homeboxes #darkgreenbox {background:#56803A; background-image: url("http://keepitcurrent.hdrstratcommtest.com/application/files/5616/0703/1370/constructionupdates.jpg")}
#homeboxes #darkgreenbox:hover{background:#45672E;}
#darkgreenbox .img-circle {background-color:#56803A;}
#homeboxes #graybox {background:#6E6F72; background-image: url("http://keepitcurrent.hdrstratcommtest.com/application/files/8016/0703/1371/contractors.jpg")}
#homeboxes #graybox:hover{background:#5F5F5F;}
#graybox .img-circle {background-color:#6E6F72;}

/* ############# Subpages ############## */

/* All Subpages*/
#subbanner {
     margin-top: 92px;
     position: relative;
     margin-bottom: 20px;
}

#subbanner {position:relative;}
#subbannerimage {width:100px;height:100px;background-color:#009CAD;position:absolute;margin:-50px auto auto auto;right:0;left:0;border-radius:100%;padding:15px;text-align:center;}
#subbannerimage img {width:50px;}
#subbannertitle {position:relative;}
#subbannertitle h2 {padding-top:40px;color:white;font-weight:bold;}
#subbannertitle p {color:white;}
#subbannertitle {
     bottom: 0;
     padding-bottom: 20px;
     left: 0;
     margin: auto auto 30px auto;
     position: absolute;
     top: 0;
     right: 0;
     width: 70%;
}
.shortimage img {max-height:50px;width:auto!important;}
#subbannercontent {
     position: absolute;
     bottom: 0;
     width: 100%;
     background-color: rgba(15, 67, 117, 0.7);
     padding: 1.2% 8% 0 8%;
}

#subbannercontent p {
     color: white;
     font-weight: bold;
     letter-spacing: 1px;
     font-size: 1.1em;
}

#subbody {
     min-height: 40%;
     overflow: auto;
}

.simple-accordion-title-shell p.panel-title {
     font-weight: bold;
}

.light-blue-banner {
     background-color: #E8F4FA;
}

.med-blue-banner {
     background-color: #92C7DE;
}

.dark-teal-banner {
     background-color: #6598AF;
}

.dark-teal-banner p {
     color: white;
     font-weight: bold;
}

.dark-blue-banner {
     background-color: #0F4375;
}

.darker-blue-banner {
     background-color: #0C3C6A;
}


/*search*/
#searchpage #searchResults h3,
#searchpage #searchResults p {
     text-align: left;
}

#searchpage #searchResults h3 {
     text-transform: none;
     font-size: 1.2em;
     letter-spacing: 0px
}

#searchpage #searchResults p {
     font-size: .9em
}

/* Modal */
.overlay {
     position: fixed;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     background: rgba(0, 0, 0, 0.8);
     transition: opacity 250ms;
     visibility: hidden;
     opacity: 0;
     /* Dialog fades in when it matches an anchor target */
   }
   .overlay:target {
     visibility: visible;
     opacity: 1;
   }
   
   .dialog-body {
     position: relative;
     margin: 25px auto 0px auto;
     width: 50%;
     padding: 20px;
     background: #fff;
     box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
     /*To make the content body scrollable 
     once the content exceeds a certain height.*/
   }
   .dialog-body h2 {
     margin-top: 0;
     font-family: sans-serif;
     color: #333;
   }
   .dialog-body .content {
     max-height: 400px;
     overflow: auto;
   }
   .dialog-body .close {
     position: absolute;
     width: 20px;
     height: 20px;
     top: 0px;
     right: 20px;
     color: #333;
     font-size: 44px;
     font-weight: bold;
     text-decoration: none;
   }
   .dialog-body .close:hover, .dialog-body .close:focus {
     color: #009CAD;
   }

   .dialog-body h2 {color:#4AC4D6;}
.zcwf_title {display:none;}

.ccm-page input[type=reset] {display:none;} 
.ccm-page input[type=submit] {background-color:white;font-size: 16px!important;border:3px solid #88C340!important;padding:10px 20px!important;border-radius:14px!important;color:#56803A!important;font-weight:bold!important;letter-spacing:3px!important;    -webkit-transition: all 300ms ease-in-out;
     -moz-transition: all 300ms ease-in-out;
     -o-transition: all 300ms ease-in-out;
     transition: all 300ms ease-in-out;}

     .ccm-page input[type=submit]:hover { background-color: #88C340;
          color: white!important;}

          .projectpage h2 {font-weight:bold;color:#009CAD;letter-spacing:3px;margin-bottom:30px}
.projectpage h3, #subbody h3 {font-weight:bold;color:#4AC4D6;letter-spacing:3px;border-bottom:4px solid #009CAD;display:inline-block;padding-right:10%;text-transform:uppercase;margin-bottom:20px;}
#consslert {background-color:#EDAB2A;}
#alertbadge, #alertcontent {padding:20px;}
#consslert h3 {color:white;border-bottom:0px;text-transform:uppercase;margin-bottom:3px;}
#consslert p {color:white;margin-bottom:0px}
#alertbadge svg {width:100%!important;}

.eventsbox {padding:20px!important;}
#upevents {background-color:#88C340;}
#upevents h3 {color:white;border-bottom:0px;margin-top: 40px; letter-spacing: 0.7px; font-size: 1.3rem;}
#upevents h4 {color:white;font-weight:bold}
#upevents p {color:white}
#upevents .green-btn a {border:#56803A 3px solid;margin-bottom:0px!important;}
#upevents .green-btn a:hover {background-color:#56803A;}
.event-img-circle {position:absolute;top:-40px;width:100px;height:100px;left:0;right:0;margin:auto;border-radius:100%;text-align:center;padding-top:25px;}
#upevents-circle {background-color:#88C340;}
#pastevents {background-color:#E5E5E5;margin-bottom:20px}
#pastevents h3 {border-bottom:0px;color:#6E6F72; letter-spacing: 0.7px; font-size: 1.3rem;}

#crmWebToEntityForm {max-width: 100%!important;}


/*####MEDIA QUERIES###*/

@media screen and (max-width: 1780px) {
     #wavebanner {height:180px;}
}

@media screen and (max-width: 1600px) {
     #wavebanner {height:160px;}
}

@media screen and (max-width: 1550px) {
   .homeboxes {min-height:250px;}
}

@media screen and (max-width: 1400px) {
     #wavebanner {
          height: 140px;
      }
      #alertbadge {padding: 20px 0px;}
}
@media screen and (max-width: 1350px) {
#wavesubpage {height:35px;}
}
@media screen and (max-width: 1200px) {
     .wavefootertop {
          height: 100px;
      }
}

@media screen and (max-width: 1100px) {
     #wavebanner {
          height: 110px;
      }
}


@media screen and (max-width: 990px) {      .dialog-body {width: 70%;}#wavesubpage {height:25px;}}


@media screen and (max-width: 910px) {
     #wavebanner {
          height: 95px;
      }
}


@media screen and (max-width: 890px) {}

@media screen and (max-width: 800px) {}

@media screen and (max-width: 790px) {

     .ccm-page p {
          font-size: .8em;
          line-height: 1.5em;
     }

     .ccm-page h2 {
        
     }

     .ccm-page h3 {
          font-size: 1.1em;
     }

     .ccm-page h4 {
          font-size: 1.1em;
     }

}

@media screen and (max-width: 760px) {
     #wavebanner {
          height: 75px;
      }
}

@media screen and (max-width: 640px) {
     .ccm-page h1 {
          font-size: 1.7em;
          line-height: 1.2em;
          padding: 24px 14px;
          text-align: center;
     }
     .wavefootertop {
          height: 40px;
      }
     .ccm-page h2 {
          font-size: 1.3em;
     }

     #tealbanner p {font-size:.9em;letter-spacing: 0px;}

     #nav-icon3 {
          width: 45;
     }
     #footer-middle {
          text-align: left;
      }
     #nav-icon3 span {
          height: 5px;
     }
     #footer-right ul {
   
          float: left;
          text-align: left;
          margin-left: 0px;
      }
      #footer-left {    padding-bottom: 20px;}
     .ccm-page>div>div .row {
          padding: 25px 3% 12px;
     }

     #contactlink svg {
          height: 35px;
     }

     #nav-icon3 span:nth-child(2),
     #nav-icon3 span:nth-child(3) {
          top: 12px;
     }

     #mobile-menu {
          top: 120px;
          width:300px;
     }
     #mobile-menu .nav li {margin:0px;}
     #contactlink {
          margin-right: 15px;
     }

     #nav-icon3 span:nth-child(4) {
          top: 24px;
     }

     #menu {
          margin-right: 6px;
          margin-top: 12px;
     }

     #header {
          padding: 7px;
     }

     #header>a>img {
          height: 48px;
     }
   
     #footer-middle {
          border-top: 1px solid #dedede;
          padding: 30px 0px!important;
          border-bottom: 1px solid #dedede;
      }

      #footer-right {padding-top:30px!important;}
      .dialog-body {width: 90%;}
      #subbanner {
          margin-top: 62px;}
          #consslert {    text-align: center;}
          #alertbadge svg {
               width: 50px!important;
           }
           #alertcontent {
               padding-top: 0px;
           }
           a.green-btn, .green-btn a {font-size:.8em;}
           .zcwf_lblTopBottom .zcwf_col_fld input[type=text], .zcwf_lblTopBottom .zcwf_col_fld textarea, .zcwf_lblTopBottom .zcwf_col_fld_slt {
               width: 100%!important;}

}