/* Georgia Rural Water Assoc Stylesheet */
*,*::before,*::after {box-sizing: border-box;}
.text-center {text-align: center;}

body {background:url('../images/grwa-bkgrnd.jpg') repeat-x scroll 0 0 #fff;padding:0;margin:0;font-size:16px;color:#494949;font-family:verdana,geneva,sans-serif;}

h1,h2,h3,h4,h5,h6 {padding:0;margin:0 0 10px;}
h1 {font-size:18px;color:#316a91;font-family:verdana,geneva,sans-serif;}
h2 {font-size:20px;font-family:verdana,geneva,sans-serif;color:#316a91;}
h3 {font-size:18px;font-family:verdana,geneva,sans-serif;color:#316a91;}
h4 {font-size:16px;font-family:verdana,geneva,sans-serif;color:#316a91;}
h5 {font-size:14px;font-family:verdana,geneva,sans-serif;color:#316a91;}
h6 {font-size:12px;font-family:verdana,geneva,sans-serif;color:#316a91;}

a {text-decoration:none;}
a:link,
a:visited {color:#15659b;}
a:hover,
a:active,
a:focus {color:#000;}
a img {border:0;}
a.link-style2:link,
a.link-style2:visited {color:#b1072c;}
a.link-style2:hover,
a.link-style2:active,
a.link-style2:focus {color:#000;}

.hide {display:none;}


	a.btn {
		background: #15659b;
		color: #fff;
		margin-top: 1rem;
		display: block;
		text-align: center;
		font-size: 1.5em;
		padding: 0.5em;
		border-radius: 0.5em;
		box-shadow: 0 4px 8px rgb(0 0 0 / 50%);
		background: linear-gradient(0deg, #add1f7 0%, #4f90d0 45%, #b4d0eb 50%, #c5d9ef 100%);
		border: 2px solid #51a1f2;
		font-weight: bold;
		text-shadow: 0 0px 4px rgb(0 0 0);}

/* Framework Styles */
#page {text-align:left;margin:0 auto;width:1000px;}
#contenttable {width:100%;}
#contentcell {}
#contentcell {}
#content {}
#homecontent {padding: 20px 0 0;}
#homecontent-interior {}
#insidecontent {padding: 126px 0 0;}
#insidecontent-interior {}
#insidecontent-interior.content-large {margin-right:0;}
#page article {width:670px;float:left;}
#page .content-large article {width:100%;float:none;}
#page article:after {content:'';display:block;clear:both;}
#page aside {width:300px;float:right;}
#page #homecontent aside {padding-top:126px;}

#content-right {width:300px; float:right;margin: 126px 0 0;padding-left:20px;}
aside > div {margin-bottom:20px;text-align:center;}
#event-feed {text-align:left;}
#magazine {background:url('../images/magazine.jpg') no-repeat;display:block;width:298px; height:199px;padding:30px 20px 0;position:relative;margin-top:20px;}
#magazine-interior {text-align:right; font-size:12px; color:#316a91; padding-top:65px; padding-right:30px;}
/* /Framework Styles */

/* Header Styles */
#header {}
#header-interior {margin:0 auto;position:relative;}
#logo {position:absolute;top:10px;left:0px;z-index:1000;}
#logo .logo-full {width:100%;}
#logo .logo-crest {display:none;}
#title {display:none;}
#text1 {position:absolute;top:0px;right:0px;text-align:center;font-size:28px;font-weight:bold;display:none;}
#text2 {position:absolute;top:0px;left:0px;font-size:24px;font-weight:bold;display:none;}
#text3 {position:absolute;top:0px;right:0px;font-size:24px;font-weight:bold;display:none;}
/* /Header Styles */

/* Navigation Styles */
#topnav {text-align:right;font-size:12px;color:#d1dee6;list-style-type:none;padding-top:33px;text-transform:uppercase;position:relative;z-index:1201;}
#topnav-interior {width:950px;margin:0 auto;}
#topnavlist {list-style-type:none;padding:0px;margin:0px;}
#topnavlist ul {list-style-type:none;padding:0px;margin:0px;display:none;}
#topnavlist ul li {font-size:12px;font-weight:normal;}
#topnavlist li {padding-left:26px;font-size:12px;display:inline;}
#topnavlist li.last {border-bottom:0;}
#topnavlist li a:link {color:#d1dee6;}
#topnavlist li a:visited {color:#d1dee6;}
#topnavlist li a:hover {color:#b0082e;}
#topnavlist li a:active {color:#b0082e;}
#topnavlist li a:focus {color:#b0082e;}

#hotnav {text-align:right;font-size:12px;color:#316a91;list-style-type:none;padding-top:18px;text-transform:uppercase;position:relative;z-index:1200;}
#hotnav-interior {}
#hotnavlist {list-style-type:none;padding:0px;margin:0px;}
#hotnavlist ul {list-style-type:none;padding:0px;margin:0px;display:none;}
#hotnavlist ul li {font-size:12px;font-weight:normal;}
#hotnavlist li {padding-left:20px;font-size:12px;display:inline;}
#hotnavlist li.last {border-bottom:0;}
#hotnavlist li a:link {color:#316a91;}
#hotnavlist li a:visited {color:#316a91;}
#hotnavlist li a:hover {color:#b0082e;}
#hotnavlist li a:active {color:#b0082e;}
#hotnavlist li a:focus {color:#b0082e;}
/* /Navigation Styles */


/* Content Styles */
#flash {margin:126px 0px 0px 0px;position:relative;}
#flash-interior {}

/* Contact Us */
.contact-content {width:40%;font-size:14px;line-height:1.5em;vertical-align:top;display:inline-block;*display:inline;zoom:1;}
#contact-form-address-box {display:none;}
#frmContact {width:55%;margin-left:20px;vertical-align:top;display:inline-block;*display:inline;zoom:1;}
#frmContact label {display:block;font-size:11px;color:#0F7292;}
#frmContact label.req:after {content:'*';color:#900;}
#frmContact input[type=text],
#frmContact textarea {box-sizing:border-box;width:100%;margin-bottom:10px;font-family:inherit;font-size:18px;padding:.5em 1em;background:#fff;border:1px solid #999;}
#frmContact textarea {height:100px;}
#frmContact button,
#frmContact input[type=button] {
	background:#31688F;
	border: 0 none;
	border-radius: 7px 7px 7px 7px;
	box-shadow: 0 3px 6px #181b22;
	color: #fff;
	cursor: pointer;
	float: right;
	margin-right: -4px;
	margin-top: 5px;
	padding: 10px 30px;
	font-size:14px;
	font-family:inherit;
}
#frmContact button:hover,
#frmContact input[type=button]:hover {background:#0E3F60;}

/* News */
.news {}
.news-intro {border-bottom:2px solid #ccc;margin-bottom:20px;padding-bottom:20px;}
.news-item {border-bottom:1px solid #ccc;margin-bottom:20px;padding-bottom:20px;}
.news-item .imgcap {float:right;margin-left:20px;}
.news-item .imgcap img {max-width:300px;max-height:200px;}
.news-single .imgcap {margin-bottom:20px;}
.news-item .posted {font-size:10px;font-style:italic;}
.news-item h2 {font-size:20px;color:#0f7292;margin-bottom:5px;}
.news-item .news-excerpt {font-size:16px;}
.news-item .news-excerpt p {margin-bottom:10px;margin-top:0;}
.news-single .news-excerpt {font-weight:bold;font-size:14px;}
.news-item .news-content {font-size:14px;}
.news-item .news-content p {}

/* Links */
.links {}
.links-category {font-weight:bold;}
.links-item {margin:10px 0;}

/* Jobs */
.jobs {}
.jobs-intro {border-bottom:2px solid #ccc;padding-bottom:10px;}
.jobs-search {padding:15px 0;border-bottom:1px solid #ccc;}
.jobs .jobs-item {border-top:1px solid #ccc;padding:20px 0;width:47%;margin-right:5%;display:inline-block;*display:inline;zoom:1;vertical-align:top;}
.jobs .jobs-item:first-child,
.jobs .jobs-item:nth-child(2) {border-top:0;}
.jobs .jobs-item:nth-child(2n) {margin-right:0;}
.jobs .jobs-item h3 {margin:0;}

/* Events */
.events {}
.events-intro {padding-bottom:10px;border-bottom:2px solid #ccc;}
.events-item {padding:20px 0;border-bottom:1px solid #ccc;}
.events-item h2 {margin-bottom:0;font-size:16px;}
.events-date {font-size:10px;font-style:italic;color:#777;}
.events-location {}
.files {width:540px;text-align:center;font-size:12px;border:1px solid #ccc;}
.files th {background:#31688F;color:#fff;padding:2px;}
.files-item {}
.files-item:nth-child(2n) {background:#eee;}
.files-ext {text-transform:uppercase;position:relative;bottom:2px;font-weight:bold;}

/* /Content Styles */

/* Links Styles */
#linkstable {background:#fff;margin-top:20px;}
.linksheader {background:#4a7cc6;color:#fff;font-weight:bold;}
.linkssubheader {background:#c00;color:#fff;font-weight:bold;}
#linkstable td {padding:5px;}
#linkstable a:link {color:#000;}
#linkstable a:visited {color:#000;}
#linkstable a:hover {color:#00f;}
#linkstable a:focus {color:#000;}
.linksalt1 {background:#DBE8FF;}
.linksalt2 {background:#9EC2FF;}
/* /Links Styles */

/* Footer Styles */
#footer {position:relative;text-align:right;font-size:12px;color:#494949;margin-left:auto;margin-right:auto;}
#insidefooter {padding:10px;}
#copyright {margin-top:30px;}
#botnav {list-style-type:none;}
#botnav li {display:inline;padding-left:16px;}
#botnavlist {list-style-type:none;}
#number {padding:10px;font-size:24px;font-weight:bold;display:none;}
#number span {color:#e1094a;}
#insidefooter a:link {color:#494949;}
#insidefooter a:visited {color:#494949;}
#insidefooter a:hover {color:#b0082e;}
#insidefooter a:active {color:#b0082e;}
#insidefooter a:focus {color:#b0082e;}
#designed {font-size:12px;margin-top:-12px;}
#designed .southfire {position:relative;top:12px;bottom:10px;}
/* /Footer Styles */

.table-sponsors td img {max-width:100%;}

/* Mobile Menu */
.nav-toggle {display:none;}
.nav-toggle img {height:100%;vertical-align:middle;}

/* Hot Buttons */
.hotbuttons {margin-top:30px;}
.hotbutton-item {width: 48%;float:left;}
.hotbutton-item:nth-child(2n) {float:right;}
.hotbutton-item img {width:100%;margin-bottom:40px;}

/* Index Sponsors */
.table-sponsors {clear:both;}
.table-sponsors h2 {background:url('../images/sponsor-bkgrnd2.jpg') repeat-x;line-height:42px;padding:0 20px;border-radius:10px 10px 0 0;color:#fff;}
.sponsors {display:flex;flex-wrap:wrap;align-items:center;}
.sponsor:after {content:'';display:block;clear:both;}
.sponsor-item {width:25%;box-sizing:border-box;padding:10px;text-align:center;}
.sponsor-item img {width:100%;}

/* Page Sponsors */
.sponsors2 {display:flex;flex-wrap:wrap;align-items:center;}
.sponsors2 > div {width:33.33%;box-sizing:border-box;padding:10px;text-align:center;}
.sponsors2 > div img {width:100%;}


@media (max-width:1040px){
	#page {width:100%;padding:0 20px;margin:0;box-sizing:border-box;}
	#page article {width:67%}
	#page aside {width:30%;}
	#page aside img {max-width:100%;}
}
@media (max-width:991px){
	#topnavlist li {padding-left:10px;}
	#hotnavlist li {padding-left:5px;letter-spacing:-1px;}
	#flash,
	#content-right {margin-top:110px;}
	#page #homecontent aside {padding-top:110px;}
}
@media (max-width:820px){
	#logo {z-index:1202;}
	#logo .logo-full {display:none;}
	#logo .logo-crest {display:inline-block;height:100px;}
	
	#topnav {padding-top:10px;}
	#topnav .nav-toggle {height:45px;display:inline-block;white-space:nowrap;color:#fff;font-size:18px;}
	#topnavlist {
		display:none;
		position:absolute;
		top:100%;
		background:#0e3f60;
		left:-20px;
		right:-20px;
		padding:0 20px;
		border-top:1px solid #326990;
		border-bottom:1px solid #326990;
		box-shadow:0 4px 8px rgba(0,0,0,0.5);
	}
	#topnavlist.open {display:block;}
	#topnavlist li {display:block;border-bottom:1px solid #326990;font-size:16px;padding:0;}
	#topnavlist li:last-child {border-bottom:0;}
	#topnavlist li a {display:block;padding:10px 10px;text-align:right;}
	#topnavlist li a:hover,
	#topnavlist li a:active,
	#topnavlist li a:focus {background:#326990;color:#fff;}
	
	#hotnav {padding-top:10px;}
	#hotnav .nav-toggle {height:45px;display:inline-block;white-space:nowrap;color:#15659b;font-size:18px;}
	#hotnavlist {
		display:none;
		position:absolute;
		top:100%;
		background:#fff;
		left:-20px;
		right:-20px;
		padding:0 20px;
		border-top:1px solid #326990;
		border-bottom:1px solid #326990;
		box-shadow:0 4px 8px rgba(0,0,0,0.5);
	}
	#hotnavlist.open {display:block;}
	#hotnavlist li {display:block;border-bottom:1px solid #326990;font-size:16px;padding:0;}
	#hotnavlist li:last-child {border-bottom:0;}
	#hotnavlist li a {display:block;padding:10px 10px;text-align:right;}
	#hotnavlist li a:hover,
	#hotnavlist li a:active,
	#hotnavlist li a:focus {background:#326990;color:#fff;}
	
	#insidecontent {padding-top:40px;}

	#flash {margin-top:25px;}
	#page article,
	#page aside {width:100%;float:none;}
	#page #homecontent aside {padding-top:20px;}
	#page aside > div {float:left;width:50%;text-align:center;}
	#page aside > div:nth-child(2n-1) {clear:left;}
	
	.sponsor-item {width:33.33%;}
}
@media (max-width:767px){
	#flash,
	#content-right {margin-top:25px;}
}
@media (max-width:599px){
	.sponsor-item {width:50%;}
	.sponsors2 > div {width:50%;}
}
@media (max-width:479px){
	#logo {position:static;text-align:center;padding:10px 0;}
	#topnav {background:url('../images/grwa-bkgrnd.jpg') repeat-x scroll 0 0 #fff;margin:0 -20px;padding:5px 20px;}
	.hotbutton-item {float:none;width:100%;}
	#page aside > div {width:100%;float:none;}
}
@media (max-width:320px){
	.sponsor-item {width:100%;}
	.sponsors2 > div {width:100%;}
}


.snip-PhotoGallery > .row {display: flex;flex-wrap: wrap;}
.snip-PhotoGallery__item {
    width: 100%;
	padding: 1em;
	box-sizing: border-box;
}
.snip-PhotoGallery__item figure {
    margin: 0;
}
.snip-PhotoGallery__item img {
	width: 100%;
}
@media (min-width:480px){
	.snip-PhotoGallery__item {
		width: 50%;
	}
}
@media (min-width:600px){
	.snip-PhotoGallery__item {
		width: 33%;
	}
}
@media (min-width:821px){
	.snip-PhotoGallery__item {
		width: 50%;
	}
}
@media (min-width:900px){
	.snip-PhotoGallery__item {
		width: 33%;
	}
}
@media (min-width:992px){
	.snip-PhotoGallery__item {
		width: 25%;
	}
}

input[type="text"],
input[type="password"],
input[type="number"],
input[type="search"],
input[type="email"],
input[type="url"],
input[type="tel"],
textarea,
select {
  box-sizing: border-box;
  /*width: 100%;*/
  font-family: inherit;
  line-height: 1;
  padding: 5px; }
.double:after,
.triple:after,
.quad:after,
.address:after {
  content: '';
  clear: both;
  display: block; }
.double > div {
  float: left;
  width: 49%; }
.double > div:nth-child(2n-1) {
  margin-right: 2%; }
.double > div:nth-child(2n) {
  margin-left: 0%; }
.triple > div {
  float: left;
  width: 32%; }
.triple > div:nth-child(2) {
  margin: 0 2%; }
.quad > div {
  float: left;
  width: 23.5%;
  margin-left: 2%;}
.quad > div:nth-child(4n-3) {
  margin-left: 0; }
.address > div {
  float: left; }
.address > div:nth-child(1) {
  width: 48%; }
.address > div:nth-child(2) {
  width: 20%;
  margin: 0 2%; }
.address > div:nth-child(3) {
  width: 28%; }
label {
  text-align: left;
  display: block; }
label.inline {
  display: inline-block; }
label .example {
  float: right;
  color: #900; }
