/*Content*/
#content { margin:0 auto; }
#content .spacing { padding:40px 0; }
#content h1 { padding:0 0 18px 0; color:#27608B; font-size:36px; line-height:54px; font-weight:700; }
#content h2 { padding:0 0 12px 0; color:#269FA0; font-size:30px; line-height:36px; font-weight:700; }
#content h3 { padding:0 0 11px 0; color:#269FA0; font-size:25px; line-height:33px; font-weight:700; }
#content h4 { padding:0 0 9px 0; color:#27608B; font-size:18px; line-height:27px; font-weight:500; }
#content h5 { padding:0 0 8px 0; color:#444; font-size:16px; line-height:24px; font-weight:400; }
#content h6 { padding:0 0 7px 0; color:#444; font-size:14px; line-height:21px; font-weight:400; }
#content form,
#content p { font-size:22px; line-height:1.5em; font-weight:300; padding:0 0 20px 0; }
#content a { color:#128282; }
#content ul, #content ol { font-family:'Archivo', sans-serif; font-size:22px; line-height:1.5em; font-weight:300; padding:0 0 0 20px; margin:0 0 20px 0; }
#content ul { list-style:square; }
#content li { padding:4px 0; }

/*Page Styles*/
#content .entry-header h1 { margin-left:auto; margin-right:auto; }
#content .entry-header.has-featured-image { background-position:center center; background-size:cover; }
#content .entry-header.has-featured-image h1 { color:#fff; padding:0; text-shadow:0px 3px 6px #000000b2;}
#content .entry-header.has-featured-image h1,
#default-page .container .entry-content { max-width:1200px; padding:30px; margin:0 auto; }

/* Alignment */
.alignleft { float: left; margin:6px 20px 14px 0; }
.alignright { float: right; margin:6px 0 14px 20px; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; padding:6px 0 14px 0; }

/*Contact Forms*/
form [type="text"], 
form [type="tel"], 
form [type="email"],
form [type="url"], 
form [type="search"],
form select, 
form textarea,
form [type="submit"] { padding:8px 13px !important; height:auto !important; line-height:16px; background:#fff; border:1px solid #ccc; border-radius:3px; }
form [type="submit"] { text-align:center; cursor:pointer; }
form [type="submit"]:hover { background:#f9f9f9; }
.with_frm_style input [type="number"] { height:32px !important; padding:8px; }
@media all and (max-width: 600px) {
    .frm_hidden_container label.frm_primary_label { display:none !important; }
}
@media all and (max-width: 600px) {
    .frm_forms .frm_form_field { width:100%; }
    .frm_forms .frm_submit input { width:100%; padding:0; font-size:16px; line-height:50px; }
}

/* Blog */
#primary { position:relative; }
#primary h1 { margin:0 0 30px 0; font-size:36px; line-height:46px; color:#27608C; }
#primary h2 { margin:0 0 25px 0; font-size:30px; line-height:40px; color:#269FA0; }
#primary h3 { margin:25px 0 10px 0; font-size:26px; line-height:36px; color:#222; }
#primary h4 { margin:25px 0 5px 0; font-size:24px; line-height:34px; color:#27608C; }
#primary h5 { margin:25px 0 5px 0; font-size:22px; line-height:32px; color:#269FA0; }
#primary h6 { margin:25px 0 5px 0; font-size:18px; line-height:28px; color:#222; }
#primary h1 a,
#primary h2 a { color:#27608C; text-decoration:none; }
#primary hr { border:none; background:none; margin:30px 0; border-bottom:1px solid #ccc; }
#primary form,
#primary p,
#primary li { margin:0 0 15px 0; font-size:18px; line-height:32px; color:#000; }
#primary li { margin:0 0 5px 0; }
#primary ul,
#primary ol { margin:0 0 15px 35px; }
#primary blockquote {background-color: #eef7f9; border-left: 6px solid #1d9aa5; /* teal from your action buttons */ padding: 1.5rem 2rem; margin: 2rem 0; font-style: italic; color: #333; border-radius: 12px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);}
#primary #main { max-width:1400px; padding:40px 30px; margin:0 auto; }
#primary .entry { margin-bottom:30px; }
#primary .entry-footer,
#primary .entry-meta { font-size:14px; }
#primary .entry-footer > span,
#primary .entry-meta > span { display:inline-block; margin-right:10px; padding:5px 0; }
#primary .entry-footer span,
#primary .entry-meta span,
#primary .entry-footer a,
#primary .entry-meta a { color:#666; text-decoration:none; }
#primary .entry-footer i,
#primary .entry-meta i { margin-right:5px; }
#primary .blog-back-link { display:inline-block; position:fixed; left:30px; bottom:30px; font-size:30px; width:54px; height:54px; color:#fff; background:#fff; border:3px solid #269FA0; border-radius:30px; 
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	   -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
#primary .blog-back-link i { width:54px; height:54px; text-align:center; line-height:54px; color:#269FA0; }
#primary.blog article:hover {  }
#primary.blog article a { text-decoration:none; }
#primary.blog article p { color:#777; }
#primary.blog article img { display:block; width:100%; vertical-align:top; max-height:300px; }
#primary.blog article i { margin-right:5px; font-size:14px; }
#primary.blog article .time { color:#999; }
#primary.blog article .time .fa-user-circle { vertical-align:bottom; }
#primary.blog article .time * { vertical-align:middle; }
#primary.blog article .time a { display:inline-block; color:#777; text-transform:uppercase; font-size:14px; line-height:14px; }
#primary.blog article .time a:hover { color:#444; }
#primary.blog article h2 { vertical-align:top; margin:10px 0;  }
#primary.blog article h2 a { display:block; padding:5px 0; margin:0; font-size:20px; line-height:24px; }
#primary.blog article .btn { padding:10px 15px; margin:0; background:#333; color:#fff; font-weight:bold; display:block; border-radius:2px; text-decoration:none; text-transform:uppercase; text-align:center; }
#primary.single .btn a {margin-top: 25px; background-color: #128282; color: #fff; padding: 15px 20px 15px 20px; border-radius: 5px; text-decoration: none; font-size: 24px; text-align: center; font-family: 'Comfortaa', cursive; }
#primary.single a { color:#269FA0; }
#primary.single a:hover { color:#198d8e; }
#primary.single #main { max-width:800px; padding:40px 30px; }
#primary.single img { margin-bottom:15px; }
#primary.single h1 { margin:0; }
#primary.single .entry-meta-data { display:flex;padding:15px 0; color:#999; text-transform:uppercase; flex-wrap: wrap;}
#primary.single .entry-meta-data > span { margin-right:15px; display:inline-block; color:#777; text-transform:uppercase; font-size:14px; line-height:14px; padding-bottom: 3%;}
#primary.single .entry-meta-data > span .fa-user-circle { vertical-align:bottom; }
#primary.single .entry-meta-data > span * { vertical-align:middle; }
#primary.single .entry-meta-data > span i { margin-right:1px; font-size:12px; }
#primary.single .entry-meta-data a { color:#777; text-decoration:none; }
#primary.single .entry-meta-data a:hover { color:#444; }
#primary.single .cat-links a,
#primary.single .tags-links a { margin:0 2px 2px 0; border:1px solid #ccc; padding:0 5px; font-size:11px; line-height:14px; border-radius:4px; }
#primary.single .widget { margin:0 0 15px 0; }
#primary.single .widget ul { list-style:none; margin:0 0 20px 0; }
#primary.single .widget li a { display:block; text-decoration:none; color:#777; font-size:15px; line-height:20px; font-weight:400; }
#primary.single .widget .screen-reader-text { display:none; }
#primary.single .widget h2 { margin:5px 0; font-size:20px; text-transform:uppercase; }
#primary.single .widget.widget_categories a { text-transform:uppercase; }
#primary.single .widget [type="search"] { margin-bottom:5px; }
#primary.single figcaption { font-size:15px; color:#999; margin:-15px 0 15px 0; }

@media all and (max-width: 1000px) {
  #primary .blog-back-link { left:10px; bottom:10px; }
}
@media all and (max-width: 600px) {
  figure { float:none !important; margin:0 !important; width:100% !important; max-width:none !important; }
  figure img { width:100%; }
}

.post-box {min-height:630px;}
.blog .pagination {margin-top:30px;}
.blog .screen-reader-text {display:none;}
.blog .page-numbers {border: 1px solid #ccc;padding: 3px 12px;}
.blog .next {border:none!important;padding:0!important;margin-left:10px;}
.blog .prev {border:none!important;padding:0!important;margin-right:10px;}

/*Blog Search*/
#blog-search .wrapper { background:#fff; }
#blog-search .container { padding:30px 0 0 0; max-width:1200px; margin:0 auto; }
#blog-search .widget { float:left; width:50%; }
#blog-search .screen-reader-text { display:none; }
#blog-search h2 { margin-bottom:10px; }
#blog-search form { margin-top:15px; float:right; }
#blog-search form input { margin-top:2px; }
#blog-search ul { list-style:none; }
#blog-search li { display:inline-block; }
#blog-search a { color:#444; margin:0 5px 5px 0; border:1px solid #ccc; padding:0 10px; font-size:15px; line-height:18px; border-radius:4px; text-decoration:none; }
#blog-search a:hover { border-color:#aaa; }
@media all and (max-width: 1200px) {
  #blog-search .container { padding:30px 30px 0 30px; }
}
@media all and (max-width: 700px) {
  #blog-search .widget { width:100%; }
  #blog-search form { float:none; }
}

/*Popup*/
#popup { position:relative; z-index:99999; position:fixed; top:0; right:0; bottom:0; left:0; overflow:auto; }
#popup .overlay { position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,.5); z-index:1; }
#popup .frame { margin:0 auto; top:100px; max-width:800px; width:90%; position:relative; background:#fff; border-radius:2px; padding:.1%; z-index:2; }
#popup .close { position:absolute; right:-10px; top:-10px; width:25px; height:25px; line-height:25px; font-size:15px; text-align:center; color:#333; background:#fff; border-radius:50%; cursor:pointer; }
@media all and (max-width: 770px) {
  #popup .frame { top:20px; }
}
#popup form { padding:25px; }

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin-bottom: calc(1.5 * 1rem);
}

.gallery-item {
  display: inline-block;
  margin-right: 16px;
  margin-bottom: 16px;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: calc((100% - 16px * 1) / 2);
}

.gallery-columns-2 .gallery-item:nth-of-type(2n+2) {
  margin-right: 0;
}

.gallery-columns-3 .gallery-item {
  max-width: calc((100% - 16px * 2) / 3);
}

.gallery-columns-3 .gallery-item:nth-of-type(3n+3) {
  margin-right: 0;
}

.gallery-columns-4 .gallery-item {
  max-width: calc((100% - 16px * 3) / 4);
}

.gallery-columns-4 .gallery-item:nth-of-type(4n+4) {
  margin-right: 0;
}

.gallery-columns-5 .gallery-item {
  max-width: calc((100% - 16px * 4) / 5);
}

.gallery-columns-5 .gallery-item:nth-of-type(5n+5) {
  margin-right: 0;
}

.gallery-columns-6 .gallery-item {
  max-width: calc((100% - 16px * 5) / 6);
}

.gallery-columns-6 .gallery-item:nth-of-type(6n+6) {
  margin-right: 0;
}

.gallery-columns-7 .gallery-item {
  max-width: calc((100% - 16px * 6) / 7);
}

.gallery-columns-7 .gallery-item:nth-of-type(7n+7) {
  margin-right: 0;
}

.gallery-columns-8 .gallery-item {
  max-width: calc((100% - 16px * 7) / 8);
}

.gallery-columns-8 .gallery-item:nth-of-type(8n+8) {
  margin-right: 0;
}

.gallery-columns-9 .gallery-item {
  max-width: calc((100% - 16px * 8) / 9);
}

.gallery-columns-9 .gallery-item:nth-of-type(9n+9) {
  margin-right: 0;
}

.gallery-item:last-of-type {
  padding-right: 0;
}

.gallery-caption {
  display: block;
  font-size: 0.71111em;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  line-height: 1.6;
  margin: 0;
  padding: 0.5rem;
}

.gallery-item > div > a {
  display: block;
  line-height: 0;
  box-shadow: 0 0 0 0 transparent;
}

.gallery-item > div > a:focus {
  box-shadow: 0 0 0 2px #0073aa;
}

/* Front Page */
.frontcontainer {position:relative;}
.wave img {position:relative;margin-top:-2.6%;width:100%;}
.frontpage {position:relative;top:-12px;}
.frontpage .section1 {display:flex;flex-wrap:wrap;justify-content:center;padding:50px 0;width:100%;margin:0 auto;max-width:1400px;grid-gap:10px;}
.frontpage .section1 a {text-decoration:none;}
.frontpage .section1 .imgbox {height:140px;margin:0 auto;}
.blue {background-color:#27608C;}
.blue_light {background-color:#1584AF;}
.teal {background-color:#269FA0;}
.frontpage .section1 .cardimg {max-width:130px;} 
.frontpage .section1 .cardimg1 {max-width:80px;}
.frontpage .section1 .cardimg2 {max-width:100px;}
.frontpage .section1 .cardimg3 {max-width:130px;margin-top:20px;}
.frontpage .section1 .title { font-size:22px; height:60px; color:#fff; font-family: 'Comfortaa', cursive;}
.frontpage .section1 .carddesc {height:50px;color:#fff;}
.frontpage .section1 .card {color:#fff;}
.frontpage .section1 .imgbox {height:140px;margin:0 auto;}
.frontpage .section1 .cardimg1 {max-width:80px;}
.frontpage .section1 .title {font-size:20px;height:60px;}
.frontpage .section1 .carddesc {height:50px;}
.frontpage .section1 a {color:#fff;}
.frontpage .section1 a.card1 {background-image: linear-gradient(to right, #27608C 0%, #327fba 51%, #356f9b 100%); transition: 0.5s;
  background-size: 200% auto;margin:0 10px 40px 10px;padding:30px 10px 0 10px;width:230px;box-shadow: 0px 2px 6px #00000047;border-radius: 15px;height:290px; flex-direction: column;align-items: flex-start;text-align:center;}
.frontpage .section1 a.card2 {background-image: linear-gradient(to right, #1584AF 0%, #1f99c8 51%, #0d739a 100%); transition: 0.5s;
  background-size: 200% auto;margin:0 10px 40px 10px;padding:30px 10px 0 10px;width:230px;box-shadow: 0px 2px 6px #00000047;border-radius: 15px;height:290px; flex-direction: column;align-items: flex-start;text-align:center;}
.frontpage .section1 a.card3 {background-image: linear-gradient(to right, #269FA0 0%, #2eb2b3 51%, #1b9091 100%); transition: 0.5s;
  background-size: 200% auto;margin:0 10px 40px 10px;padding:30px 10px 0 10px;width:230px;box-shadow: 0px 2px 6px #00000047;border-radius: 15px;height:290px; flex-direction: column;align-items: flex-start;text-align:center;}
.frontpage .section1 a.card1:hover {background-position: right center;}
.frontpage .section1 a.card2:hover {background-position: right center;}
.frontpage .section1 a.card3:hover {background-position: right center;}
.frontpage .section1 .arrow {width:55px;position:relative;top:10px;transition: all .2s ease-in-out; }
.frontpage .section1 .arrow:hover { transform: scale(1.15);}

.frontpage .section2 {display:flex;flex-wrap:wrap;justify-content:space-between;;padding:50px 0;width:100%;align-items:center;}
.frontpage .section2 .leftbox {width:39%;}
.frontpage .section2 .rightbox {max-width:700px;width:49%;margin-right:7%;display:flex;flex-wrap:wrap;}
.frontpage .section2 .rightbox p {max-width:700px;line-height:1.5em;font-size:24px;}
.frontpage .section2 .rightbox h2 {color:#27608C;font-size:42px;margin-bottom:30px;}
.frontpage .section2 .rightbox .toptxt {color:#27608C;font-size:32px;font-family: 'Comfortaa', cursive;}
.frontpage .section2 .sm_wave {max-width:150px;margin-left:auto;}
.frontpage .section2 a.btn { margin-top:50px; background-color:#128282; color:#fff; font-size:24px; padding:15px 20px 10px 20px; border-radius:5px; text-decoration:none; font-size:26px; font-family: 'Comfortaa', cursive; }
.frontpage .section2 a.btn:hover { background-color:#1584AF; transition:.8s; }
.frontpage .section3 { display:flex;max-width:1400px;margin:0 auto;flex-wrap:wrap;justify-content:center;grid-gap:30px;}
.frontpage .section3 .statbox { align-items:center; display:flex; width:350px; color:#fff; padding:40px 30px; box-shadow: 0px 2px 6px #00000047; border-radius: 15px;background: rgb(21,132,175);background: linear-gradient(90deg, rgba(21,132,175,1) 0%, rgba(21,132,175,1) 0%, rgba(39,96,140,1) 100%);}
.frontpage .section3 .number { font-size:50px; line-height:1.2em; margin-right:10px; color:#fff; font-family: 'Comfortaa', cursive; }
.frontpage .section3 .text { font-size:20px; text-align:center; color:#fff; }
.frontpage .section4 {margin:8% 0;display:flex;flex-wrap:wrap;justify-content:center;padding:50px 0 120px 0;width:100%;background: url("https://bwdh2o.omnihue.com/wp-content/uploads/2022/06/sourcebkgrd.png"), #27608C;background-repeat: no-repeat;background-size: auto;background-position: bottom right;max-height:450px;background-attachment:fixed;}
.frontpage .section4 .leftbox { width:49%; margin-left:7%; position: relative; }
.frontpage .section4 .rightbox { width:39%; display:flex; flex-wrap:wrap; position: relative; }
.frontpage .section4 .rightbox img { position:relative; top:-100px; }
.frontpage .section4 .leftbox p.toptxt {margin-bottom:0;}
.frontpage .section4 .leftbox p {max-width:700px; line-height:1.5em; font-size:24px; color:#fff;margin-bottom:40px; }
.frontpage .section4 .leftbox h2 { color:#fff; font-size:42px; margin-bottom:30px; }
.frontpage .section4 .leftbox .toptxt { color:#fff; font-size:32px; font-family: 'Comfortaa', cursive; }
.frontpage .section4 a.btn {margin-top:20px;text-align:center;background-color:#128282; color:#fff; font-size:24px; padding:15px 20px 10px 20px; border-radius:5px; text-decoration:none; font-size:26px; font-family: 'Comfortaa', cursive; }
.frontpage .section4 a.btn:hover { background-color:#1584AF; transition:.8s; }
.frontpage .section5 { display:flex; flex-wrap:wrap; justify-content:space-between; padding:0 0 100px 0; width:100%; align-items:center; }
.frontpage .section5 .leftbox { width:39%; }
.frontpage .section5 .rightbox { max-width:700px; width:49%; margin-right:7%; display:flex; flex-wrap:wrap; }
.frontpage .section5 .rightbox p { max-width:700px; line-height:1.5em; font-size:24px;}
.frontpage .section5 .rightbox h2 { color:#27608C; font-size:42px; margin-bottom:30px; line-height:1.2em; }
.frontpage .section5 .rightbox .toptxt {color:#27608C; font-size:32px; line-height:1.2em; font-family: 'Comfortaa', cursive; }
.frontpage .section5 a.btn { margin-top:50px; background-color:#128282; color:#fff; font-size:24px; padding:15px 20px 10px 20px; border-radius:5px; text-decoration:none; font-size:26px; font-family: 'Comfortaa', cursive; }
.frontpage .section5 a.btn:hover { background-color:#1584AF; transition:.8s; }


@media (max-width: 820px) {
	.frontpage .section1 {margin:0 auto;justify-content:center;}
	.frontpage .section1 .card {margin-bottom:50px;}
	.frontpage .section2 {padding-top:0px;}
	.frontpage .section2 .leftbox {width:100%;}
	.frontpage .section2 .rightbox {width:100%;margin:20px 7%;}
  .frontpage .section2 .sm_wave {max-width:100px;margin-bottom:20px;}
	.frontpage .section3 {margin:0 auto;width:90%;max-width:400px;padding-bottom:30px;}
	.frontpage .section3 .statbox {max-width:400px;margin:10px 0 10px 0;display:flex;justify-content:space-between;}
	.frontpage .section4 {min-height:1000px;justify-content: space-between;}
	.frontpage .section4 .leftbox {margin-top:50px;order:2;width:100%;}
	.frontpage .section4 .rightbox {order:1;width:100%;max-height:540px;}
	.frontpage .section4 .leftbox .toptxt {padding:0;}
	.frontpage .section4 .rightbox img {padding-top:30px;margin:0 auto;}
	.frontpage .section5 {margin-top:-80%;padding-bottom:50px;}
	.frontpage .section5 .leftbox {margin-top:85%;width:100%;}
	.frontpage .section5 .rightbox {width:100%;margin:20px 7%;}
	.frontpage .section4 a.btn {font-size:18px;}
	.frontpage .section5 a.btn {font-size:20px;}
}

@media (max-width: 420px) {
.frontpage .section4  {margin-top:0;padding-bottom:0px;min-height:1350px;}
.frontpage .section4 .leftbox { margin-top:10px;}
.frontpage .section2 .rightbox h2 {margin-bottom:0;}
.frontpage .section4 .rightbox {max-height:380px;}
.frontpage .section4 .rightbox img {width:100%;max-width:350px;margin:0 auto;padding-top:70px;}
.frontpage .section5 .leftbox {margin-top:110%;width:100%;}
.frontpage .section4 .leftbox p {margin-right:7%;}
.frontpage .section5 {margin-top:-100%;}
}


/* Service Area */
#servicearea {margin-bottom:100px;}
#servicearea .section1 {display:flex;flex-wrap:wrap;justify-content:space-between;;padding:50px 0;width:100%;align-items:center;}
#servicearea .section1 .leftbox {width:39%;}
#servicearea .section1 .rightbox {max-width:700px;width:49%;margin-right:7%;display:flex;flex-wrap:wrap;}
#servicearea .section1 .rightbox p {max-width:700px;line-height:1.5em;font-size:24px;}
#servicearea .section1 .rightbox h2 {color:#27608C;font-size:34px;line-height:44px;margin-bottom:30px;}
#servicearea .section1 .rightbox .toptxt {color:#27608C;font-size:32px;font-family: 'Comfortaa', cursive;}
#servicearea .section2 {max-width:900px;margin:0 auto;padding:40px 10% 100px 10%;}
#servicearea .section3 {padding-bottom:100px; margin:0 3%;}
#servicearea .section3 h1 {text-align:center;margin-bottom:40px;color:#27608C;}
#servicearea .flex {display:flex;flex-direction:row;justify-content: center;flex-wrap:wrap;grid-gap:40px;}
#servicearea .section3 .flex .card {text-align:center;width: 258px;padding:15px 15px 40px 15px;background: #FFFFFF 0% 0% no-repeat padding-box;box-shadow: 0px 2px 6px #00000047;border-radius: 15px;}
#servicearea .section3 .flex .card img {margin-top:40px;margin-bottom:40px;max-width:240px;}
#servicearea .section3 .flex .card .citydesc {margin:20px 0; font-size:18px; line-height:28px;}
#servicearea .section3 .flex .card a.citylink {color:#128282;font-weight:bold;font-family: 'Archivo', sans-serif;text-transform:uppercase;text-decoration:none;}
#servicearea .section3 .flex .card a.citylink i {font-weight:600; padding-left:2%;}
#servicearea .section3 .flex .card .img4 {max-height:120px;margin:20px 0 20px 0;}
#servicearea .cityname { font-size:22px; line-height:32px; font-weight:700; color:#27608C; font-family: 'Comfortaa', cursive;}
#servicearea .section4 {margin:0 3%;}
#servicearea .section4 h2 {text-align:center;margin-bottom:30px;color:#27608C;}
#servicearea .section4 p {font-size:24px; line-height:1.5em; text-align:center; padding-bottom:50px;}
#servicearea .section4 .flex .card { display:flex; flex-direction:column; flex-wrap:wrap; justify-content:space-evenly; text-align:center; width:256px; padding: 30px 20px 30px 20px;background: #FFFFFF 0% 0% no-repeat padding-box;box-shadow: 0px 2px 6px #00000047;border-radius: 15px;}
#servicearea .section4 .flex .card .citydesc {margin:20px 0; font-size:18px; line-height:28px;}
#servicearea .section4 .flex .card a.citylink {color:#128282;font-weight:bold;font-family: 'Archivo', sans-serif;text-transform:uppercase;text-decoration:none;}
#servicearea .section4 .flex .card a.citylink i {font-weight:600; padding-left:2%;}
#servicearea .section5 {display:flex;flex-wrap:wrap;justify-content:space-between;;padding:0 0 100px 0;width:100%;align-items:center;max-width:1400px;margin:0 auto;}
#servicearea .section5 .rightbox {width:49%;}
#servicearea .section5 a {cursor:pointer;}
#servicearea .section5 a i {color:#fff;position:relative;top:300px;display:flex;justify-content:center;z-index:999;font-size:60px;}
#servicearea .section5 .leftbox {max-width:700px;width:49%;display:flex;flex-wrap:wrap;}
#servicearea .section5 .leftbox p {max-width:700px;line-height:1.5em;font-size:24px;}
#servicearea .section5 .leftbox h2 {color:#27608C;font-size:34px;margin-bottom:30px;line-height:1.2em;}
#servicearea .section5 .leftbox .toptxt {color:#27608C;font-size:32px;line-height:1.2em;font-family: 'Comfortaa', cursive;}
#servicearea .section5 a.btn {margin-top:50px;background-color:#269FA0;color:#fff;font-size:24px;padding:15px 20px 10px 20px;border-radius:5px;text-decoration:none;font-size:26px; font-family: 'Comfortaa', cursive;}
#servicearea .section5 a.btn:hover {background-color:#1584AF;}


@media (max-width:1350px) {
#lessons .section5 {margin:0 30px;}
}

@media (max-width:820px) {
#servicearea .section1 .leftbox {width:100%;margin:0px 10% 40px 10%;}
#servicearea .section1 .rightbox {width:100%;margin: 0 10%;}
#servicearea .flex {justify-content:center;}
#servicearea .section4 {margin:0 10%;}
#servicearea .section5 .leftbox {width:100%;margin:0 7%;}
#servicearea .section5 .rightbox {width:100%;margin:0 1%;}
#servicearea .section5 a i {left:-5%;}
}

@media (max-width:600px) {
#servicearea .section5 {margin:0 auto;}
#servicearea .section5 .leftbox {width:100%;margin:10px 10%;}
#servicearea .section5 .rightbox {width:100%;margin:0 7%;}
#servicearea .section5 a i {left:-1%;top:2.3em;}
}


/* Field Trips */
#fieldtrips .section1 {display:flex;flex-wrap:wrap;justify-content:space-between;;padding:50px 0;width:100%;align-items:center;}
#fieldtrips .section1 .leftbox {width:39%;}
#fieldtrips .section1 .rightbox {max-width:700px;width:49%;margin-right:7%;display:flex;flex-wrap:wrap;}
#fieldtrips .section1 .rightbox .wave2 {display:flex;flex-wrap:wrap;justify-content:flex-start;width:100%;}
#fieldtrips .section1 .rightbox .wave2 .sm_wave {width:80px;height:50px;display:flex;}
#fieldtrips .section1 .rightbox p {max-width:700px;line-height:1.5em;font-size:24px;}
#fieldtrips .section1 .rightbox p a {color:#269FA0;text-decoration:underline;}
#fieldtrips .section1 .rightbox p a:hover {text-decoration:none;}
#fieldtrips .section1 .rightbox h2 {color:#27608C;font-size:34px;line-height:44px; margin-bottom:30px;}
#fieldtrips .section1 .rightbox a {margin-right: 20px; margin-top: 25px; background-color: #128282; color: #fff; padding: 15px 20px 15px 20px; border-radius: 5px; text-decoration: none; font-size: 24px; text-align: center; font-family: 'Comfortaa', cursive; }
#fieldtrips .section1 .rightbox i {padding-right:8px;}

#fieldtrips .section2 h2 {font-size:34px;line-height:44px;text-align:center;margin-bottom:40px;color:#27608C;}
#fieldtrips .flexgrid {max-width: 100%; margin: 0 auto;display:flex;justify-content:center;grid-gap: 4.5%;flex-wrap:wrap;padding:0 3%;}
#fieldtrips .section2 .flexgrid .card {text-align:center;width: 450px;padding:15px 20px 40px;background: #FFFFFF 0% 0% no-repeat padding-box;box-shadow: 0px 2px 6px #00000047;border-radius: 15px;margin-bottom: 60px;}
#fieldtrips .section2 .flexgrid .card a {text-decoration:none;}
#fieldtrips .section2 .flexgrid .card img {margin-top:40px;margin-bottom:25px;max-width:100px;}
#fieldtrips .section2 .flexgrid .lesson h3 {color: #27608C; line-height: 30px; font-size: 22px; font-weight: 700; padding-bottom: 10px;}
#fieldtrips .section2 .flexgrid .time p {color:#1584af; font-size:18px;font-weight:400;}
#fieldtrips .section2 .flexgrid .card .desc {margin:20px 0; font-size:18px; line-height:28px;color:#000;}
#fieldtrips .section2 .flexgrid .card .link {font-weight:600; color: #269FA0;}
#fieldtrips .section2 .flexgrid .card .link i {font-weight: 600;padding-left: 2%;}
#fieldtrips .section2 .flexgrid .card .img4 {max-height:120px;margin:20px 0 20px 0;}

#fieldtrips .section3 {margin: 30px 0 0; display: flex; padding: 60px 0; width: 100%; background: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url(/wp-content/uploads/2022/06/lessons-activities-header-img-e1656527554237.png), #27608C; background-repeat: no-repeat; background-size: cover; background-position: center; background-attachment: fixed; flex-direction: column; align-items: center;}
#fieldtrips .section3 h2 {font-size: 34px; line-height: 44px; margin-bottom: 10px; color: #fff; }
#fieldtrips .section3 a {margin-top: 25px; background-color: #128282; color: #fff; padding: 15px 20px 15px 20px; border-radius: 5px; text-decoration: none; font-size: 24px; text-align: center; font-family: 'Comfortaa', cursive; }

@media (max-width:1095px) {
  #fieldtrips .section2 .flexgrid .card {width:350px;}
}

@media (max-width:901px) {
#fieldtrips .section1 .leftbox {width:100%;margin-bottom:40px;margin-right:40px;}
#fieldtrips .section1 .rightbox {width:100%;margin:0 10%;}
}
@media (max-width:865px) {
  #fieldtrips .flexgrid {flex-direction: column; align-content: center; padding:0 5%;}
  #fieldtrips .section2 .flexgrid .card {max-width: 650px; width: fit-content;}
}


/* Water Quality */
#waterquality {margin-bottom:80px;}
#waterquality .section1 {display:flex;flex-wrap:wrap;justify-content:space-between;;padding:50px 0;width:100%;align-items:center;}
#waterquality .section1 .leftbox {width:39%;}
#waterquality .section1 .rightbox {max-width:700px;width:49%;margin-right:7%;display:flex;flex-wrap:wrap;}
#waterquality .section1 .rightbox .wave2 {display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;}
#waterquality .section1 .rightbox .wave2 .sm_wave {width:80px;height:50px;display:flex;}
#waterquality .section1 .rightbox p {max-width:700px;line-height:1.5em;font-size:24px;}
#waterquality .section1 .rightbox p a {color:#269FA0;text-decoration:underline;}
#waterquality .section1 .rightbox p a:hover {text-decoration:none;}
#waterquality .section1 .rightbox h2 {color:#27608C;font-size:34px;margin-bottom:30px;}
#waterquality .section1 .rightbox .toptxt {color:#27608C;font-size:32px;font-family: 'Comfortaa', cursive;}
#waterquality .section2 {padding:60px 0;width:100%;background: url("/wp-content/uploads/2022/06/sourcebkgrd.png"), #27608C;background-repeat: no-repeat;background-size: auto;background-position: bottom center;max-height:450px;background-attachment:fixed;}
#waterquality .section2 .content {margin:0 auto;width:60%;display:flex;flex-wrap:wrap;justify-content:center;}
#waterquality .section2 h2 {text-align:center;margin-bottom:40px;color:#fff;font-size:34px;}
#waterquality .section2 p {text-align:center;color:#fff;font-family: 'Comfortaa', cursive;margin-top:40px;}
#waterquality .section2 a.btn {margin:10px 35px;max-width:330px;background-color:#269FA0;color:#fff;font-size:24px;padding:15px 20px 10px 20px;border-radius:5px;text-decoration:none;font-size:26px; font-family: 'Comfortaa', cursive;}
#waterquality .section2 a.btn:hover {background-color:#1584AF;}
#waterquality .section2 a.btn i {margin-right:10px;}
#waterquality .section3 h2 {font-size:30px; text-align:center;color:#27608C;margin-top:50px;margin-bottom:20px;}
#waterquality .section3 h3 {color:#27608C;text-align:center;font-size:26px;margin-bottom:20px;}
#waterquality .section4 {display:flex;flex-direction:row;margin-top:60px;}
#waterquality .section4 .leftbox {width:59%;margin-left:7%;}
#waterquality .section4 .rightbox {max-width:700px;width:39%;display:flex;flex-wrap:wrap;}
#waterquality .section4 .leftbox p {max-width:700px;line-height: 1.5em;font-size: 24px; padding-bottom:40px;}
#waterquality .section4 .leftbox h2 {color:#27608C;font-size:35px;margin-bottom:30px;}
#waterquality .section4 a.btn {margin:10px 35px;max-width:330px;background-color:#269FA0;color:#fff;font-size:24px;padding:15px 20px 10px 20px;border-radius:5px;text-decoration:none;font-size:26px; font-family: 'Comfortaa', cursive;}
#waterquality .section4 a.btn:hover {background-color:#1584AF;}
#waterquality .section4 a.btn i {margin-right:10px;}
.page-id-1581 #waterquality > div.section4 > div.leftbox > a {margin:0;}
.page-id-1581 #waterquality .section1 .leftbox {margin-left:7%;}

/* Table info */
#waterquality .table-header {background: #F4F7FB;font-weight:700;}
#waterquality .first-col {font-weight:700;border-right:1px solid #e3e6e9;}
#waterquality .table-container {display: flex;flex-direction:column;width: 100%;max-width:1200px;margin:0 auto;}
#waterquality .flex-table:nth-child(even)  {background:#F4F4F4;}
#waterquality .flex-table {display: flex;flex-flow: row wrap;width:100%;}
#waterquality .flex-row {width: calc(100% / 10);padding: 1.2em 0.5em;border-bottom:1px solid #e3e6e9;line-height:1.2em;}
#waterquality .flex-row2 {padding: 1.2em 8% 1.2em 20px;line-height:1.2em;}
#waterquality .flex-row2.right {display:flex;margin-left:auto;}
#waterquality .toprow {background: #F4F7FB;}

@media (max-width:900px) {
#waterquality .section1 .leftbox {width:100%;margin-bottom:40px;margin-right:40px;}
#waterquality .section1 .rightbox {width:100%;margin:0 10%;}
#waterquality .section1 .rightbox h2 {margin-bottom:0;}
#waterquality .section1 .rightbox .wave2 .sm_wave {margin-left:auto;padding-right:5%;padding-bottom:20px;}
#waterquality .section4 {flex-direction:column;}
#waterquality .section4 .leftbox {width:auto;margin:0 10% 30px 10%;}
#waterquality .section4 .rightbox {width:100%;margin-left:auto;padding-left:10%;}
#waterquality .section2 .content {width:100%;}
#waterquality .section2 a.btn {margin:20px 10px;font-size:24px;}
.page-id-1581 #waterquality .section4 .leftbox {order:1;}
.page-id-1581 #waterquality .section4 .rightbox .cardimg4 {padding-bottom:40px;}
}

/* Education Outreach */
#education {margin-bottom:80px;}
#education .section1 {display:flex;flex-wrap:wrap;justify-content:space-between;;padding:50px 0;width:100%;align-items:center;}
#education .section1 .leftbox {width:39%;}
#education .section1 .rightbox {max-width:700px;width:49%;margin-right:7%;display:flex;flex-wrap:wrap;}
#education .section1 .rightbox .wave2 {display:flex;flex-wrap:wrap;justify-content:space-between;width:95%;}
#education .section1 .rightbox .wave2 .sm_wave {width:80px;height:50px;display:flex;}
#education .section1 .rightbox p {max-width:700px;line-height:1.5em;font-size:24px;}
#education .section1 .rightbox p a {color:#269FA0;text-decoration:underline;}
#education .section1 .rightbox p a:hover {text-decoration:none;}
#education .section1 .rightbox h2 {color:#27608C;font-size:34px;margin-bottom:30px;line-height:1.3em;}
#education .section1 .rightbox h4 {font-size:32px;color:#27608C;line-height:1.4em;}
#education .section1 .rightbox .toptxt {color:#27608C;font-size:32px;font-family: 'Comfortaa', cursive;}
#education .flexgrid {max-width: 100%; margin: 0 auto;display:flex;justify-content:center;grid-gap: 6%;flex-wrap:wrap;}
#education .section2 h2 {text-align:center;margin:40px 0;font-size:34px;color:#27608C;}
#education .boxlink a {text-decoration:none;}
#education .boxlink {border-radius:15px;  margin:40px 0px; order: 0; box-shadow: 0px 2px 6px #00000047;width:370px;padding-bottom:20px;}
#education .boxlink:nth-child(1) {background-color:#27608C;}
#education .boxlink:nth-child(2) {background-color:#1584AF;}
#education .boxlink:nth-child(3) {background-color:#269FA0;}
#education .boxlink:nth-child(4) {background-color:#1584AF;}
#education .boxlink:nth-child(5) {background-color:#27608C;}
#education .boxlink .fal { color:#1cbae2; font-size:20px; line-height:35px; padding-right:15px; }
#education .boxlink .title { padding:20px 0 0 0;color:#fff;text-align:left; line-height:30px; font-size:22px; font-weight:700; text-decoration: none; text-align:center; font-family:'Comfortaa', cursive; } 
#education .description { padding:20px 30px;text-align:center; line-height:26px; font-size:18px; text-decoration: none; vertical-align:middle;color:#fff; }
#education .boxlink img.cardimg {min-height:220px;width:100%;border-radius:15px 15px 0 0;max-height:220px;}
#education .boxlink:nth-child(1) img.arrow {margin-top:20px;}
#education img.arrow {margin:0 auto;display:flex;margin-bottom:-50px;}

@media (max-width:800px) {
#education .section1 .leftbox {width:100%;margin:0 10% 40px 0;}
#education .section1 .rightbox {width:100%;margin:0 10%;}
#education .section1 .rightbox h2 {margin-bottom:0;}
#education .section1 .rightbox .wave2 .sm_wave {margin-left:auto;padding-right:5%;padding-bottom:20px;}
}

/* Lessons Outreach */
#lessons {margin-bottom:80px;}
#lessons .section1 {display:flex;flex-wrap:wrap;justify-content:space-between;;padding:50px 0;width:100%;align-items:center;}
#lessons .section1 .leftbox {width:39%;}
#lessons .section1 .rightbox {max-width:700px;width:49%;margin-right:7%;display:flex;flex-wrap:wrap;}
#lessons .section1 .rightbox .wave2 {display:flex;flex-wrap:wrap;justify-content:space-between;width:95%;}
#lessons .section1 .rightbox .wave2 .sm_wave {width:80px;height:50px;display:flex;}
#lessons .section1 .rightbox p {max-width:700px;line-height:1.5em;font-size:24px;}
#lessons .section1 .rightbox p a {color:#269FA0;text-decoration:underline;}
#lessons .section1 .rightbox p a:hover {text-decoration:none;}
#lessons .section1 .rightbox h2 {color:#27608C;font-size:34px;margin-bottom:30px;}
#lessons .section1 .rightbox h4 {font-size:32px;color:#27608C;line-height:1.4em;}
#lessons .section1 .rightbox .toptxt {color:#27608C;font-size:32px;font-family: 'Comfortaa', cursive;}
#lessons .section1 .btn-holder {margin-top: 40px; display: flex; flex-wrap: wrap; }
#lessons .section1 .btn {margin-right: 20px; margin-bottom: 20px; text-align: center; background-color: #269FA0; color: #fff; font-size: 24px; padding: 15px 20px 10px 20px; border-radius: 5px; text-decoration: none; font-family: 'Comfortaa', cursive;}

#lessons .flexgrid {justify-content:space-between;max-width: 100%; margin: 0 auto;display:flex;flex-direction:row;grid-gap: 30px;flex-wrap:wrap;padding-bottom:3.5em;}
#lessons .section2 h2 {text-align:center;margin:40px 0;font-size:34px;color:#27608C;}
#lessons .boxlink a {text-decoration:none;}
#lessons .boxlink {display:flex;flex-direction:row;justify-content:space-between;border-radius:15px;margin:30px 0px 30px 0;order: 0;box-shadow: 0px 2px 6px #00000047;width:640px;background:#fff;padding:0;height:250px;}
#lessons .boxlink .fal {color:#1cbae2; font-size:20px; line-height:35px; padding-right:15px;}
#lessons .boxlink .title {color:#27608C; text-align:left; line-height:30px;font-size:22px; font-weight:700; text-decoration: none; font-family: 'Comfortaa', cursive;}
#lessons .description {padding:10px 0 20px 0;text-align:left; line-height:26px; font-size:18px; text-decoration: none; vertical-align:middle;color:#000;}
#lessons .boxlink img.cardimg { min-width:230px;border-radius:15px 0px 0px 15px;min-height:250px;max-height:250px;max-width:230px;}
#lessons .boxtxt a {background: #128282 0% 0% no-repeat padding-box; padding:14px 15px 12px 15px; border-radius:5px; color:#fff; font-size:18px; letter-spacing:1px; line-height:1em; width:130px; text-align:center; font-family: 'Comfortaa', cursive;}
#lessons .boxtxt a:hover {background-color:#1584AF; transition:.8s;}
#lessons .boxtxt {margin:0 25px;display:flex;flex-direction:column;justify-content:center;}
#lessons .section2 .boxtxt .title {text-align:left;}
#lessons .section2 .title1 {display:flex;flex-direction:row;justify-content:center;}
#lessons .section2 .secttl {display:flex;flex-direction:row;}
#lessons .section2 .secttl img {margin-right:20px;}
#lessons .section2 .secttl .fa-droplet {padding:15px 20px;}
#lessons .section2 .secttl i {color:#fff;background-color:#27608C;border-radius:100px 100px;padding:15px 15px;font-size:30px;margin-right:15px;height:30px;}
#lessons .section2 .secttl h3 {line-height:60px;color:#27608C;font-size:1.8em;}
#lessons .section2 .title1 img {width:66px;max-height:40px;align-self:center;margin-bottom:15px;margin-left:20px;}
#lessons .section3 {margin:8% 0;display:flex;flex-wrap:wrap;justify-content:space-between;;padding:50px 0;width:100%;background: url("https://bwdh2o.omnihue.com/wp-content/uploads/2022/06/sourcebkgrd.png"), #27608C; background-repeat: no-repeat; background-size: auto; background-position: bottom right;max-height:450px;background-attachment:fixed;}
#lessons .section3 .leftbox {width:49%;margin-left:7%;}
#lessons .section3 .leftbox .titletxt {display:block; vertical-align:middle; margin:10% 0;}
#lessons .section3 .rightbox {width:39%;display:flex; flex-wrap:wrap; }
#lessons .section3 .rightbox img {position:relative; top:-100px; }
#lessons .section3 .leftbox p {padding-bottom:50px;max-width:700px;line-height:1.5em;font-size:24px;color:#fff;}
#lessons .section3 .leftbox h2 {color:#fff;font-size:34px;margin-bottom:30px;}
#lessons .section3 a.btn {margin-top:80px;background-color:#269FA0;color:#fff;font-size:24px;padding:15px 20px 10px 20px;border-radius:5px;text-decoration:none;font-size:26px; font-family: 'Comfortaa', cursive;}
#lessons .section3 a.btn:hover {background-color:#1584AF;}
#lessons .section3 .leftbox .disclaimer {margin-top:10%;color:#fff;line-height: 1.2em;font-size: 18px;}
#lessons .section4 {display:flex;flex-wrap:wrap;justify-content:space-between;;padding:0 0 100px 0;width:100%;align-items:center;}
#lessons .section4 .leftbox {width:39%;}
#lessons .section4 .rightbox {max-width:700px;width:49%;margin-right:7%;display:flex;flex-wrap:wrap;}
#lessons .section4 .rightbox p {max-width:700px;line-height:1.5em;font-size:24px;}
#lessons .section4 .rightbox h2 {color:#27608C;font-size:34px;margin-bottom:30px;line-height:1.2em;}
#lessons .section4 .rightbox .toptxt {color:#27608C;font-size:32px;line-height:1.2em;font-family: 'Comfortaa', cursive;}
#lessons .section4 a.btn {margin-top:50px;background-color:#269FA0;color:#fff;font-size:24px;padding:15px 20px 10px 20px;border-radius:5px;text-decoration:none;font-size:26px; font-family: 'Comfortaa', cursive;}
#lessons .section4 a.btn:hover {background-color:#1584AF;}
#lessons .section5 {display:flex;flex-wrap:wrap;justify-content:space-between;;padding:0 0 100px 0;width:100%;align-items:center;max-width:1400px;margin:0 auto;}
#lessons .section5 .rightbox {width:49%;}
#lessons .section5 a {cursor:pointer;}
#lessons .section5 a i {color:#fff;position:relative;top:300px;display:flex;justify-content:center;z-index:999;font-size:60px;}
#lessons .section5 .leftbox {max-width:700px;width:49%;display:flex;flex-wrap:wrap;}
#lessons .section5 .leftbox p {max-width:700px;line-height:1.5em;font-size:24px;}
#lessons .section5 .leftbox h2 {color:#27608C;font-size:34px;margin-bottom:30px;line-height:1.2em;}
#lessons .section5 .leftbox .toptxt {color:#27608C;font-size:32px;line-height:1.2em;font-family: 'Comfortaa', cursive;}
#lessons .section5 a.btn {margin-top:50px;background-color:#269FA0;color:#fff;font-size:24px;padding:15px 20px 10px 20px;border-radius:5px;text-decoration:none;font-size:26px; font-family: 'Comfortaa', cursive;}
#lessons .section5 a.btn:hover {background-color:#1584AF;}

@media (max-width:1350px) {
#lessons .section2 {margin:0 40px;}
#lessons .section2 .flexgrid {grid-gap:20px;}
#lessons .boxlink {max-width:580px;min-height:298px;}
#lessons .boxlink img.cardimg { min-width:250px;min-height:300px;max-height:270px;max-width:250px;}
#lessons .section5 {margin:0 30px;}
}

@media (max-width:1260px) {
#lessons .section2 .flexgrid {justify-content:center;}
}

@media (max-width:820px) {
#lessons .section1 .leftbox {width:100%;margin:10px 10%;}
#lessons .section1 .rightbox {width:100%;margin:0 7%;}
#lessons .section2 .secttl {margin:20px 10%;}
#lessons .boxlink {margin:0 auto;}
#lessons .flexgrid>* {margin-bottom:30px;}
#lessons .section3 {margin:0 0 50px 0;}
#lessons .section3 .rightbox img {top:20px;max-height:400px;}
#lessons .section3 .rightbox {margin-right:5%;}
#lessons .section3 .leftbox {margin-left:5%;margin-top:0;}
#lessons .section5 .leftbox {width:100%;margin:0 7%;}
#lessons .section5 .rightbox {width:100%;margin:0 1%;}
#lessons .section5 a i {left:-5%;}
}

@media (max-width:600px) {
#lessons .section1 .leftbox {width:100%;margin:10px 10%;}
#lessons .section1 .rightbox {width:100%;}
#lessons .section2 {margin:0 7%;}
#lessons .section2 .secttl img {max-height:60px;}
#lessons .section2 .secttl h3 {line-height:1.2em;display:flex;justify-content:center;}
#lessons .boxlink {flex-direction:column;height:auto;padding:0 0 20px 0;max-width:330px;}
#lessons .boxlink img.cardimg {border-radius: 15px 15px 0px 0px;padding-bottom:20px;min-width:330px;height:auto;}
#lessons .boxtxt {margin:0 13px;}
#lessons .section3 {max-height:720px;}
#lessons .section3 .leftbox {width:100%;order:2;}
#lessons .section3 .leftbox .titletxt {margin:0px 7%;}
#lessons .section3 .rightbox {width:100%;margin:0 7%;}
#lessons .section3 .rightbox img {max-width:200px;margin:0 auto;top:0;padding-bottom:20px;}
#lessons .section4 {margin-top:15%;padding-bottom:70px;}
#lessons .section4 .leftbox {width:100%;margin:0 10% 0 0;}
#lessons .section4 .rightbox {width:100%;margin:10px 10%;}
#lessons .section5 {margin:0 auto;}
#lessons .section5 .leftbox {width:100%;margin:10px 10%;}
#lessons .section5 .rightbox {width:100%;margin:0 7%;}
#lessons .section5 .rightbox img {margin-top:20px;}
#lessons .section5 a i {left:-1%;top:190px;}
#lessons .boxtxt a {margin:0 auto;}
}

/* Watershed Partners */
#watershedpartners { margin-bottom:80px; }
#watershedpartners .section1 h1 { text-align:center; margin-bottom:40px; }
#watershedpartners .section1 .flex { display:flex; flex-direction:row; justify-content:space-evenly; flex-wrap:wrap; grid-gap:40px;}
#watershedpartners .section1 .flex .card { text-align:center; width:380px; padding:15px 15px 40px 15px; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 2px 6px #00000047; border-radius: 15px;}
#watershedpartners .section1 .flex .card img { margin-top:40px; margin-bottom:40px; }
#watershedpartners .section1 .flex .card .partnerdesc { margin:20px 0; font-size:18px; line-height:30px; text-align:left; }
#watershedpartners .section1 .flex .card a.partnerlink { text-align:center; color:#128282; font-weight:bold; font-family: 'Archivo', sans-serif; text-transform:uppercase; text-decoration:none;}
#watershedpartners .section1 .flex .card a.partnerlink i {font-weight:600; padding-left:5px;}
#watershedpartners .section1 .flex .card .img4 {max-height:120px; margin:20px 0 20px 0; }
#watershedpartners .section1 .partnername { font-size:28px; font-weight:700; color:#27608c; font-family: 'Comfortaa', cursive; }

@media (max-width:800px) {
#watershedpartners .section1 .flex {justify-content:center;}
#watershedpartners .section1 .flex .card {max-width:80%;}
}

/* Other Water Suppliers Area */
#watersuppliers {margin-bottom:80px;}
#watersuppliers .section1 h1 {text-align:center;margin-bottom:40px;}
#watersuppliers .section1 p {text-align:center;}
#watersuppliers .section1 .flex {display:flex;flex-direction:row;justify-content:space-evenly;flex-wrap:wrap;grid-gap:40px;padding-top:50px;}
#watersuppliers .section1 .flex .card {text-align:center;width:380px;padding:15px 15px 40px 15px;background: #FFFFFF 0% 0% no-repeat padding-box;box-shadow: 0px 2px 6px #00000047;border-radius: 15px;}
#watersuppliers .section1 .flex .card img {margin-top:40px;margin-bottom:40px;max-width:240px;}
#watersuppliers .section1 .flex .card .supplierdesc {margin:20px 0;}
#watersuppliers .section1 .flex .card a.citylink {color:#269FA0;font-weight:bold;font-family: 'Archivo', sans-serif;text-transform:uppercase;text-decoration:none;}
#watersuppliers .section1 .flex .card .img4 {max-height:120px;margin:20px 0 20px 0;}
#watersuppliers .suppliername {font-size:22px; color:#27608C;}
#watersuppliers .supplierlink {font-weight:bold; color:#269FA0; text-transform:uppercase; text-decoration:none; font-family:'Archivo', sans-serif;}
#watersuppliers .supplierlink i {font-weight:600; padding-left:5px;}

@media (max-width:800px) {
#watersuppliers .section1 .leftbox {width:100%;margin:0px 10% 40px 10%;}
#watersuppliers .section1 .rightbox {width:100%;margin: 0 10%;}
#watersuppliers .section1 .flex {justify-content:center;}
}

/* Watershed maps */
@media (max-width:820px) {
.more-maps {display:flex;flex-direction:column;justify-content:center;padding:0;}
.more-map-item {margin:0 auto;padding:0;}
.more-map-item.vc_col-sm-4 {width:100% !important;}
}

/* Newsletters */ 
#newsletters .container {margin-top:40px;}
#newsletters .grid h3 {font-size:22px;}
#newsletters .year {color:#27608C; font-size:34px; line-height:40px; text-align:center; margin-bottom:20px;}
#newsletters .section1 {padding: 0 3%;}
#newsletters .newsletterimg {box-shadow:0 2px 10px rgba(0, 0, 0, 0.1); border:1px solid #ccc; margin-bottom:20px; max-width:325px;}
#newsletters .grid {display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:center;}
#newsletters .newsletters-holder {padding:10px 3% 5%;}
#newsletters .holder {display:flex;}
#newsletters .section2 {margin-bottom:75px; padding:60px 0;width:100%;background: url("https://bwdh2o.omnihue.com/wp-content/uploads/2022/06/sourcebkgrd.png"), #27608C;background-repeat: no-repeat;background-size: auto;background-position: bottom center;max-height:450px;background-attachment:fixed;}
#newsletters .section2 h2 {text-align:center;margin-bottom:30px;color:#fff;font-size:34px;}
#newsletters .section2 p {font-size:20px; text-align:center;color:#fff;font-family: 'Comfortaa', cursive;margin:30px 0px;}
#newsletters .section2 a.btn {white-space:nowrap; margin:10px 35px;max-width:330px;background-color:#269FA0;color:#fff;font-size:24px;padding:15px 20px 10px 20px;border-radius:5px;text-decoration:none;font-size:26px; font-family: 'Comfortaa', cursive;}
#newsletters .section2 a.btn:hover {background-color:#1584AF;}
#newsletters .section2 a.btn i {margin-right:10px;}
#newsletters .section2 .content {margin:0 auto;width:100%;display:flex;flex-wrap:wrap;justify-content:center;}
#newsletters .sign-up {margin:0 5%;}
#newsletters .section3 {padding: 0 3%;}
#newsletters .section4 { padding:60px 0;width:100%;background: url("https://www.bwdh2o.org/wp-content/uploads/2022/09/beaver-lake-bg.jpg");background-repeat: no-repeat;background-size: cover;background-position: bottom center;max-height:450px;}
#newsletters .section4 h2 {text-align:center;margin-bottom:30px;color:#fff;font-size:34px;}
#newsletters .section4 p {font-size:20px; text-align:center;color:#fff;font-family: 'Comfortaa', cursive;margin:30px 0px;}
#newsletters .section4 a.btn {white-space:nowrap; margin:10px 35px;max-width:330px;background-color:#269FA0;color:#fff;font-size:24px;padding:15px 20px 10px 20px;border-radius:5px;text-decoration:none;font-size:26px; font-family: 'Comfortaa', cursive;}
#newsletters .section4 a.btn:hover {background-color:#1584AF;}
#newsletters .section4 a.btn i {margin-right:10px;}
#newsletters .section4 .content {margin:0 auto;width:100%;display:flex;flex-wrap:wrap;justify-content:center;}

@media (max-width:1272px) {
  #newsletters .section1 {margin-bottom:45px;}
}

@media (max-width:1020px) {
  #newsletters .grid {flex-wrap:wrap;}
}

/* SECCHI DAY */
#secchiday {margin-bottom:80px;}
#secchiday .ttl {text-align:center;color: #27608C;margin-top:50px;}
#secchiday .ttl h1 {margin-bottom:30px;}
#secchiday .ttl a {color: #27608C;font-size:20px;line-height:1em;text-decoration:underline;}
#secchiday .ttl a:hover {text-decoration:none;}
#secchiday .section1 {display:flex;flex-wrap:wrap;justify-content:space-between;;padding:50px 0;width:100%;align-items:center;}
#secchiday .section1 .leftbox {width:39%;}
#secchiday .section1 .rightbox {max-width:700px;width:49%;margin-right:7%;display:flex;flex-wrap:wrap;}
#secchiday .section1 .rightbox .wave2 {display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;}
#secchiday .section1 .rightbox .wave2 .sm_wave {width:80px;height:50px;display:flex;}
#secchiday .section1 .rightbox p {max-width:700px;line-height:1.5em;font-size:24px;}
#secchiday .section1 .rightbox p a {color:#269FA0;text-decoration:underline;}
#secchiday .section1 .rightbox p a:hover {text-decoration:none;}
#secchiday .section1 .rightbox h2 {color:#27608C;font-size:34px;margin-bottom:30px;}
#secchiday .section1 .rightbox .toptxt {color:#27608C;font-size:32px;font-family: 'Comfortaa', cursive;}
#secchiday .section2 {padding:60px 0;width:100%;background: url("https://bwdh2o.omnihue.com/wp-content/uploads/2022/06/sourcebkgrd.png"), #27608C;background-repeat: no-repeat;background-size: auto;background-position: bottom center;max-height:470px;background-attachment:fixed;}
#secchiday .section2 .content {margin:0 auto;width:60%;display:flex;flex-wrap:wrap;justify-content:center;}
#secchiday .section2 h2 {text-align:center;margin-bottom:40px;color:#fff;font-size:34px;}
#secchiday .section2 p {text-align:center;color:#fff;font-family: 'Comfortaa', cursive;margin-top:40px;}
#secchiday .section2 a.btn {margin:10px 35px;max-width:330px;background-color:#269FA0;color:#fff;font-size:24px;padding:15px 20px 10px 20px;border-radius:5px;text-decoration:none;font-size:26px; font-family: 'Comfortaa', cursive;}
#secchiday .section2 a.btn:hover {background-color:#1584AF;}
#secchiday .section2 a i {color:#fff;position:relative;top:42%;display:flex;justify-content:center;z-index:999;font-size:60px;}
#secchiday .section2 .content {max-width: 100%; margin: 0 auto;display:flex;justify-content:center;grid-gap: 40px;flex-wrap:wrap;}
#secchiday .section2 h2 {text-align:center;margin:40px 0;font-size:34px;color:#27608C;}
#secchiday .section2 .boxlink a {text-decoration:none;cursor:pointer;}
#secchiday .section2 .boxlink {border-radius:15px;  margin:40px 0px; order: 0; box-shadow: 0px 2px 6px #00000047;width:350px;padding-bottom:20px;background-color:#333;cursor:pointer;}
#secchiday .section2 .boxlink .title {padding:20px 0 0 0;color:#fff;text-align:left; line-height:30px; font-size:20px; text-decoration: none;text-align:center;}
#secchiday .section2 .boxlink img.cardimg {min-height:200px;width:100%;border-radius:15px 15px 0 0;max-height:200px;opacity:.5;}
#secchiday .section4 {margin-top:60px;}
#secchiday .section4  h2 {color:#27608C;font-size:35px;margin-bottom:30px;text-align:center;}
#secchiday .section4 .flexgrid {max-width: 100%; margin: 0 auto;display:flex;justify-content:center;grid-gap: 40px;flex-wrap:wrap;}
#secchiday .section2 h2 {text-align:center;margin:20px 0 0 0;font-size:34px;color:#fff;}
#secchiday .section4 .boxlink a {text-decoration:none;}
#secchiday .section4 .boxlink {border-radius:15px;  margin:40px 0px; order: 0; box-shadow: 0px 2px 6px #00000047;width:250px;padding-bottom:20px;background-color:#27608C;}
#secchiday .section4 .boxlink .title {padding:20px 0 0 0;color:#fff;text-align:left; line-height:30px; font-size:20px; text-decoration: none;text-align:center;}
#secchiday .section4 .boxlink img.cardimg {min-height:160px;width:100%;border-radius:15px 15px 0 0;max-height:160px;}

/* global video modal */
.global-video-modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99999; background: rgba(0,0,0,.85); }
.global-video-modal .global-video-modal-frame { transform: translate(-50%); top: 50%; left: 50%; right: 50%; bottom: 50%; position: absolute; overflow: hidden; width: 60%; margin: auto; padding-top: 34%;}
.global-video-modal .global-video-modal-frame iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%;}

/*@media(max-width:600px) {
    .global-video-modal .global-video-modal-frame { width: 90%; padding-top: 50%; }
}

@media(max-width:600px),(max-height:600px) {
  #modals { padding:5%; }
  #modals .modal { margin:0 auto 0 auto; max-width:100%; position:relative; left:auto; top:auto; transform:none; }
  #modals .autocheck { width: 100%; height: 100%; left: 0; right: 0; bottom: 0; top: 0; position: absolute ;}
} */


/* WATER PRODUCTION */
#waterquality .table-container2 {display: flex;flex-direction:column;width: 100%;max-width: 1200px;margin:0 auto;}
#waterquality .table-container2 .table-header {background: #F4F7FB;font-weight:700;}
#waterquality .table-container2 .first-col {font-weight:700;border-right:1px solid #e3e6e9;}
#waterquality .table-container2 .flex-table:nth-child(even)  {background:#F4F4F4;}
#waterquality .table-container2 .flex-table {display: flex;flex-flow: row wrap;width:100%;}
#waterquality .table-container2 .flex-row {width: calc(100% / 5.5);padding: 1.2em 0.5em;border-bottom:1px solid #e3e6e9;line-height:1.2em;}
#waterquality .table-container2 .flex-row2 {padding: 1.2em 8% 1.2em 20px;line-height:1.2em;}
#waterquality .table-container2 .flex-row2.right {display:flex;margin-left:auto;}
#waterquality .disclaimer {padding-top:30px;max-width:1200px;margin:0 auto;text-align:center;padding:30px 20px 0 20px;}

@media (max-width:820px) {
  #waterquality .table-container2 .flex-row {width: calc(100% / 5.6);}
}
	
@media (max-width:475px) {
#waterquality .table-container2 .flex-row {width: calc(100% / 6.5);}
#waterquality .table-container2 .first-col {font-size:12px;}
#waterquality .toprow {font-size:14px;}
}

/* CAREERS */
#careers .section1 {display:flex;flex-direction:row;margin-top:60px;}
#careers .section1 .leftbox {width:59%;margin-left:7%;display:flex;flex-direction:column;justify-content:center;}
#careers .section1 .rightbox {width:49%;display:flex;flex-wrap:wrap;}
#careers .section1 .leftbox p {max-width:700px;line-height: 1.5em;font-size: 24px;}
#careers .section1 .leftbox h2 {color:#27608C;font-size:35px;margin-bottom:30px;}
#careers .section2 {display:flex;flex-wrap:wrap;justify-content:space-between;;padding:50px 0px;width:100%;align-items:center;max-width:1500px;margin:0 auto;}
#careers .section2 .leftbox {width:49%;}
#careers .section2 a {cursor:pointer;text-decoration:none;}
#careers .section2 a i {color:#fff;position:relative;top:300px;display:flex;justify-content:center;z-index:999;font-size:60px;right:20px;}
#careers .section2 .rightbox {max-width:700px;width:49%;display:flex;flex-wrap:wrap;}
#careers .section2 .rightbox p {max-width:700px;line-height:1.5em;font-size:24px;}
#careers .section2 .rightbox p a {color:#269FA0;text-decoration:underline;}
#careers .section2 .rightbox p a:hover {text-decoration:none;}
#careers .section2 .rightbox h2 {color:#27608C;font-size:34px;margin-bottom:30px;}
#careers .section2 .rightbox .toptxt {color:#27608C;font-size:32px;font-family: 'Comfortaa', cursive;}
#careers .section3 {display:flex;flex-wrap:wrap;justify-content:center;padding:50px 0 0 0;width:100%;background: url("https://bwdh2o.omnihue.com/wp-content/uploads/2022/06/sourcebkgrd.png"), #27608C;background-repeat: no-repeat;background-size: auto;background-position: bottom right;background-attachment:fixed;}
#careers .section3 .leftbox {width:49%;margin-left:7%;}
#careers .section3 .rightbox {display:flex;flex-wrap:wrap;}
#careers .section3 .rightbox img {position:relative;top:-18%;max-width:600px;}
#careers .section3 .leftbox p {max-width:700px;line-height:1.5em;font-size:24px;color:#fff;}
#careers .section3 .leftbox h2 {color:#fff;font-size:42px;margin-bottom:30px;}
#careers .section3 .leftbox .toptxt {padding:5% 0 0 0;;color:#fff;font-size:32px;font-family: 'Comfortaa', cursive;}
#careers .section3 a.btn {display:block;max-width:420px;text-align:center;margin-top:30px;background-color:#269FA0;color:#fff;font-size:24px;padding:15px 20px 10px 20px;border-radius:5px;text-decoration:none;font-size:26px; font-family: 'Comfortaa', cursive;}
#careers .section3 a.btn:hover {background-color:#1584AF;}
#careers .section4 {padding-bottom:50px;}
#careers .section4 .title1 {display:flex;flex-direction:row;justify-content:center;color:#27608C;font-size:24px;max-width:1000px;margin:0 auto;text-align:center;}
#careers .section4 .title1 img {margin:40px 0 0 0;max-height:80px;}
#careers .section4 .content { margin:0 auto; width:100%; display:flex; flex-wrap:wrap; justify-content:center; padding-bottom:50px; }
#careers .section4 .content a {text-decoration:none;}
#careers .section4 h2 {text-align:center;margin-bottom:40px;color:#fff;font-size:34px;}
#careers .section4 p {text-align:center;color:#fff;font-family: 'Comfortaa', cursive;margin-top:40px;}
#careers .section4 a.btn {margin:10px 35px;max-width:330px;background-color:#269FA0;color:#fff;font-size:24px;padding:15px 20px 10px 20px;border-radius:5px;text-decoration:none;font-size:26px; font-family: 'Comfortaa', cursive;}
#careers .section4 a.btn:hover {background-color:#1584AF;}
#careers .section4 a i {color:#fff;position:relative;top:42%;display:flex;justify-content:center;z-index:999;font-size:60px;}
#careers .section4 .content {width: 100%;max-width:1400px;margin:0 auto;display:flex;flex-wrap:wrap;gap:50px;}
#careers .section4 h2 {text-align:center;margin:40px 0;font-size:34px;color:#27608C;}
#careers .section4 .boxlink a { text-decoration:none; cursor:pointer;}
#careers .section4 .boxlink { border-radius:15px; order: 0; box-shadow: 0px 2px 6px #00000047; width:420px; padding-bottom:20px;  ;cursor:pointer; }
#careers .section4 .boxlink .title { padding:20px 0 0 0; color:#222; line-height:30px; font-size:22px; text-decoration: none; text-align:center; }
#careers .section4 .boxlink img.cardimg { min-height:200px; width:100%; border-radius:15px 15px 0 0; max-height:200px; opacity:.9; }

@media (max-width:1400px) {
#careers .section3 {padding-bottom:8%;justify-content:center;}
#careers .section3 .leftbox {order:2;}
#careers .section3 .rightbox {order:1;}
#careers .section3 .rightbox img {top:0;}
	
}

@media (max-width: 820px) {
#careers .section3 {min-height:115vh;justify-content: space-between;}
#careers .section3 .leftbox {order:2;width:100%;margin-top:50px;padding-bottom:50px;}
#careers .section3 .rightbox {order:1;width:100%;}
#careers .section3 .leftbox .toptxt {padding:0;}
#careers .section3 .rightbox img {margin:0 auto;max-height:500px;}
#careers .section4 .title1 {padding:0 20px;}
#careers .section1  {flex-direction:column;}
#careers .section1 .leftbox {width:auto;margin:0 10% 30px 10%;}
#careers .section1 .rightbox {width:80%;margin-left:auto;padding-left:10%;}
#careers .section2 .leftbox {width:100%;padding:0 20px 20px 20px;justify-content:center;display:flex;}
#careers .section2 .rightbox {width:100%;margin:0 10%;}
#careers .section2 .rightbox h2 {margin-bottom:0;}
#careers .section2 .rightbox .wave2 .sm_wave {margin-left:auto;padding-right:5%;padding-bottom:20px;}
#careers .section2 a i {left:0px;}
}

@media (max-width: 420px) {
#careers .section3 {min-height:120vh;}
#careers .section3 .rightbox img {padding-top:0px;margin:0 auto;max-height:300px;}
#careers .section3 {margin-top:0;padding-bottom:0px;}
#careers .section3 .rightbox {width:100%;max-width:350px;margin:0 auto;padding-top:0px;}
#careers .section4 .title1 {display:flex;flex-direction:column;justify-content:center;}
#careers .section4 .title1 img {max-height:80px;width:90px;margin:0 auto;}
#careers .section4 .content .boxlink {max-height:auto;max-width:360px;}
#careers .section2 a i {left:0px;top:170px;}
#careers .section3 .leftbox p {padding-bottom:0;}
#careers .section3 a.btn { max-width:80%;}
}



/* Board of Directors */
#board {margin-bottom:80px;}
#board .section1 {display:flex;flex-wrap:wrap;justify-content:space-between;;padding-bottom:50px;width:100%;align-items:center;margin:80px 0;}
#board .section1 .leftbox {width:39%;}
#board .section1 .rightbox {max-width:700px;width:49%;margin-right:7%;display:flex;flex-wrap:wrap;}
#board .section1 .rightbox p {max-width:700px;line-height:1.5em;font-size:24px;}
#board .section1 .rightbox h2 {color:#27608C;font-size:34px;margin-bottom:30px;}
#board .section1 .rightbox h4 {font-size:32px;color:#27608C;line-height:1.4em;}
#board .section1 .rightbox .toptxt {color:#27608C;font-size:32px;font-family: 'Comfortaa', cursive;}
#board .blue-btn {text-align: center;margin-top: 30px;background-color: #128282;color:#fff !important;font-size: 24px;padding: 15px 20px 10px;border-radius: 5px;text-decoration: none;font-family: 'Comfortaa',cursive;}

#board .flexgrid {justify-content:flex-start;max-width: 100%;margin: 0 auto;display:flex;flex-direction:row;grid-gap:7%;flex-wrap:wrap;padding:0 40px;}
#board .boxlink {display:flex;flex-direction:row;justify-content:space-between;margin-bottom:50px;border-radius:15px;order: 0;box-shadow: 0px 2px 6px #00000047;width:400px;background:#fff;padding:0;max-height:222px;}
#board .boxlink a {text-decoration:none;}
#board .boxlink .title {color:#27608C; text-align:left; line-height:30px;font-size:22px; font-weight:700; text-decoration: none; font-family: 'Comfortaa', cursive;}
#board .directors .boxlink img.cardimg {max-height:222px;min-height:222px;min-width:150px;border-radius:15px 0px 0px 15px;}
#board .boxtxt a {cursor:pointer;background: #128282 0% 0% no-repeat padding-box; padding:14px 15px 12px 15px; border-radius:5px; color:#fff; font-size:18px; letter-spacing:1px; line-height:1em; width:130px; text-align:center; font-family: 'Comfortaa', cursive;}
#board .boxtxt a:hover {background-color:#1584AF; transition:.8s;}
#board .boxtxt {margin:0 10px 0 20px;margin-right:auto;display:flex;flex-direction:column;justify-content:center;}
#board .description {font-size: 18px; color: #128282;line-height: 26px; text-align: left;margin:5px 0 20px 0;}
#board button {cursor:pointer;}
#board .section2 {margin:30px 0 80px 0;display:flex;flex-wrap:wrap;justify-content:center;padding:40px 0;width:100%;background: url("https://bwdh2o.omnihue.com/wp-content/uploads/2022/06/sourcebkgrd.png"), #27608C;background-repeat: no-repeat;background-size: auto;background-position: bottom right;max-height:450px;background-attachment:fixed;}
#board .section2 h2 {color:#fff;font-size:28px;line-height:28px;}

#board .staff .boxlink {display:flex;flex-direction:row;justify-content:space-between;margin-bottom:50px;border-radius:15px;order: 0;box-shadow: 0px 2px 6px #00000047;width:400px;background:#fff;padding:0;max-height:150px;}
#board .staff .boxlink img.cardimg {border-radius:15px 0px 0px 15px;min-height:150px;}
#board .staff .boxlink .title {color:#27608C; text-align:left; line-height:30px;font-size:18px; font-weight:700; text-decoration: none; font-family: 'Comfortaa', cursive;}
#board .staff .description {font-size: 18px; color: #128282;line-height: 26px; text-align: left;margin:5px 0 20px 0;}

@media (max-width:1500px) {
#board .flexgrid {justify-content:center;}
}


@media (max-width:950px) {
#board .flexgrid .boxlink {justify-content:center;grid-gap:20px;width:350px;max-height:170px}
#board .directors .boxlink img.cardimg {max-height:150px;min-height:170px;min-width:120px;}
#board .staff .boxlink img.cardimg {max-height:150px;min-height:170px;min-width:120px;}
#board .boxtxt {margin:0 10px 0 0px;}
}

@media (max-width:820px) {
#board .section1 .leftbox {width:100%;margin:10px 10%;}
#board .section1 .rightbox {width:100%;margin:0 7%;}
}

/* The Source Blog Post Type */
.the-source-stories .subscribe-btn {display:flex;justify-content:center;margin:0 auto;max-width: 330px;background-color: #269fa0;color: #fff !important;font-size: 26px !important;line-height:36px;padding:13px 15px 10px 10px;border-radius: 5px;text-decoration: none;font-family: 'Comfortaa',cursive;}
.the-source-stories .subscribe-btn:hover {background-color:#1584AF;}
.the-source-stories .stories-read-more button {font-family: 'Comfortaa',cursive;}
#primary.single .subscribe-section {padding: 60px 0; width: 100%; background: url(https://www.bwdh2o.org/wp-content/uploads/2022/09/beaver-lake-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: bottom center; max-height: 450px;}
#primary.single .subscribe-section .content {margin:0 auto;width:80%;display:flex;flex-wrap:wrap;justify-content:center;align-items: center; flex-direction: column;}
#primary.single .subscribe-section h4 {max-width:1000px;text-align:center;margin-bottom:0 auto;color:#fff;}
#primary.single .subscribe-section p {text-align:center;color:#fff;font-family: 'Comfortaa', cursive;margin-top:40px;}
#primary.single  a.read-more {display:flex;justify-content:center;margin:0 auto;max-width:220px;background-color:#27608C;color:#fff;font-size:24px;padding:15px 20px 10px 20px;border-radius:5px;text-decoration:none;font-size:26px; font-family: 'Comfortaa', cursive;}
#primary.single  a.read-more:hover {background-color:#1584AF;}
#primary.single .subscribe-section a.subscribe-btn {text-align:center;margin:10px 35px;max-width:330px;background-color:#269FA0;color:#fff;font-size:24px;padding:15px 20px 10px 20px;border-radius:5px;text-decoration:none;font-size:26px; font-family: 'Comfortaa', cursive;}
#primary.single .subscribe-section a.subscribe-btn:hover {background-color:#1584AF;}

/* Video Modal
-----------------------------------------*/
.video-modal,
.video-modal .overlay { position: absolute;top: 0;right: 0; bottom: 0;left: 0;z-index: 99999;}
.video-modal {overflow: hidden;position: fixed;opacity: 0.0;-webkit-transform: translate(500%,0%);transform: translate(500%,0%);-webkit-transition: -webkit-transform 0s linear 0s;transition: transform 0s linear 0s;
  /* using flexbox for vertical centering */
  /* Flexbox display */
  display: -webkit-box;display: -webkit-flex; display: flex;
  /* Vertical alignment */
  -webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;-webkit-align-items: center; align-items: center;-webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d;}
.video-modal .overlay {z-index: 0;background: rgba(0,0,0,0.85); /* overlay color */opacity: 0.0;-webkit-transition: opacity 0.2s ease-out 0.05s;transition: opacity 0.2s ease-out 0.05s;}
.video-modal-content {position: relative;top: 50px;right: auto;bottom: auto;left: auto;z-index: 1;margin: 0 auto;overflow-y: visible;background: #000;width: calc(50% - 12em);height: 0; padding-top: calc((50% - 12em) * 0.5625); /* 16:9 calc */}

/* Scaling to fit within the current Viewport size:
   When viewport aspect ratio is greater than 16:9
   work off the height instead of the width for calc */
 @media (min-aspect-ratio: 16/9) {
  .video-modal-content { width: 0;height: calc(100vh - 10em); padding-top: 0;padding-left: calc((100vh - 10em) * 1.7778); /* 16:9 calc */ }
}

/* Mobile Layout Tweaks - side margins reduced */
@media (max-width: 640px) {
	.video-modal-content {width: calc(100% - 1em);padding-top: calc((100% - 1em) * 0.5625); /* 16:9 calc */}
}

/* modal close button */
.close-video-modal {display: none;position: absolute; left: 0;top: -40px;text-decoration: none;font-size: 20px;font-weight: bold; color: #fff;}

/* set the iframe element to stretch to fit its parent element */
iframe#youtube {position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1;background: #000;box-shadow: 0px 2px 16px rgba(0,0,0,0.5);}

/* show the modal: add class to the body to reveal */
.show-video-modal .video-modal {opacity: 1.0;transform: translate(0%,0%);-webkit-transform: translate(0%,0%);}
.show-video-modal .video-modal .overlay {opacity: 1.0;}
.show-video-modal .video-modal-content {transform: translate(0%,0%);-webkit-transform: translate(0%,0%);}

.page-template-kiosk .lb-data .lb-close {z-index:9999999;position:relative;bottom:45em;right:5px;cursor:pointer;background: url(https://www.bwdh2o.org/wp-content/uploads/2025/05/closex.webp)top right no-repeat !important;background-size: 30px 30px !important;color:#fff; opacity:.9 !important;}

body.page-template-kiosk { height: 100vh;overflow:hidden;}
.page-template-kiosk #header .menu {display:none;}
.page-template-kiosk #nav {display:none;}
.page-template-kiosk #header .logo {margin:0 auto;}
.page-template-kiosk #header.compact .logo {margin:0 auto;}
#kiosk #waterquality .section1 .leftbox {width:40%;padding-left:7%;}
#kiosk #waterquality .section2 {max-height:auto;padding:10px 0 60px 0;width:100%;background: url("/wp-content/uploads/2022/06/sourcebkgrd.png"), #27608C;background-repeat: no-repeat;background-size: auto;background-position: bottom center;background-attachment:fixed;}
#kiosk #waterquality .section2 .video-row {margin-top:0;display:flex;justify-content:space-between;padding:0 7%;}
#kiosk #waterquality .section2 .video-row a {max-width:400px;cursor:pointer;}
#kiosk #waterquality .section2 .video-row i {color:#fff;position:relative;top: 43%;display:flex;justify-content:center;z-index:999;font-size:60px;}
#kiosk #waterquality .section2 .title {font-family:'Comfortaa' sans-serif;font-size:30px;color:#fff;text-align:center;line-height:34px;margin-top:20px;}
#kiosk #waterquality .section1 {display:flex;justify-content: center;padding:50px 0;width:100%;align-items:center;gap:50px;}
#kiosk #waterquality {margin-bottom:0;}
.page-template-kiosk #footer .wrapper, #footer .wrapper.copyright {display:none;}
.lightbox { z-index: 1000000000000;margin-top:80px;}

.lightbox-wrapper {
  position: relative;
  display: inline-block;
}

.lightbox-wrapper .expand-icon {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 26px;
  color: white;
  background: #98d08a;
  padding:11px 12px;
  border-radius: 80px;
  z-index: 2;
   font-weight:700;
}


@media (max-width:1650px) {
#kiosk #waterquality .section1 {max-width:1400px;margin:0 auto;display:flex;gap:50px;padding-top:50px;}
#kiosk #waterquality .section1 .leftbox {padding:0;margin:0 auto;}
#kiosk #waterquality .section1 .rightbox {padding:0 30px;margin:0 auto;}
#kiosk #waterquality .section2 .video-row a {margin:0 30px;max-width:300px;}
#kiosk #waterquality .section2 .video-row i {top:39%;}
}

@media (max-width:1250px) {
#kiosk #waterquality .section2 .video-row a {margin:0 30px;max-width:300px;}
#kiosk #waterquality .section2 .video-row i {top:39%;}
}


@media (max-width:1000px) {
#kiosk #waterquality .section2 {max-height:none;}
#kiosk #waterquality .section2 .video-row {flex-direction:column;align-items:center;padding-top:0px;}
#kiosk #waterquality .section2 .video-row a {margin:0 30px;max-width:400px;}
#kiosk #waterquality .section2 .video-row i {top:190px;}
}

@media (max-width:900px) {
#kiosk #waterquality .section1 .leftbox {width:100%;padding:0 30px;}
	
}

@media (max-width:600px) {
#kiosk #waterquality .section2 .video-row a {margin:0 30px;max-width:100%;}
#kiosk #waterquality .section2 .video-row i {top:190px;}
}

@media (max-width:520px) {
#kiosk #waterquality .section2 .video-row a {margin:0 30px;max-width:100%;}
#kiosk #waterquality .section2 .video-row i {top:150px;}
}

@media (max-width:400px) {
#kiosk #waterquality .section2 .video-row a {margin:0 30px;max-width:100%;}
#kiosk #waterquality .section2 .video-row i {top:120px;}
}