/* Styling for https://www.awwa.org/About-Us/Join-Our-Team */

<style type="text/css">
	.nh-container-color, .nh-container-dropshaddow {
		width: 100%;
		position:relative;
	}
	.nh-container-color {
		background: linear-gradient(3deg, rgba(238,238,238,1) 0%, rgba(250,250,250,1) 100%); 
	}
	.nh-container-color:after {
		content:"";
	    position:absolute;
	    z-index:-1;
	    -webkit-box-shadow:0 0 15px rgba(0,0,0,0.2);
	    box-shadow:0 0 10px rgba(0,0,0,0.2);
	    bottom:0px;
	    left:10%;
	    right:5%;
	    width:90%;
	    height:10%;
	    -moz-border-radius:100%;
	    border-radius:100%;
	}
	.nh-container-color:before {
		content:"";
	    position:absolute;
	    z-index:-1;
	    -webkit-box-shadow:0 0 15px rgba(0,0,0,0.2);
	    box-shadow:0 0 10px rgba(0,0,0,0.2);
	    top:0px;
	    left:10%;
	    right:5%;
	    width:90%;
	    height:10%;
	    -moz-border-radius:100%;
	    border-radius:100%;
	}
	.nh-container {
		max-width: 1150px;
		margin: auto;
		font-family: Roboto;
	}
	.nh-container p {
		line-height: 35px !important;
	}
	.nh-photo-left, .nh-photo-right  {
		width: 46%;
		margin: 2% 2% 0% 2%;
	}
	.nh-photo-left {
	float: left;
	}
	.nh-photo-right {
	float: right;
	}
	.nh-photo-left p, .nh-photo-right p {
		font-style: italic;
		font-size:  12px;
	}
	.nh-text-left, .nh-text-right{
		width: 46%;
		margin: 2%;
		padding-top: 15px;
	}
	.nh-text-left {
		float: left;
	}
	.nh-text-right {
		float: right;
	}
	.nh-clear {
		clear: both;
	}
	.nh-photo-left img, .nh-photo-right img {
		box-shadow: 2px 2px 5px 0px rgba(0,0,0,.2);
		-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,.2);
		-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,.2);
	}
	.nh-4 {
		width: 25%;
	 	float: left;
	 	padding: 0% 1.5%;
	 	border-left:  1px solid #EEEEEE;
	}
	.nh-4 p {
	}
	.nh-4 h5 {
		text-align: center;
	}
	.nh-icon {
		margin: auto;
		text-align: center;
		width: 80px;
		padding-bottom: 20px;
	}
	.nh-icon img{
		width: 100%;
	}
	.nh-clear-mobile {
		clear: none;
	}
@media screen and (max-width: 1000px) {
	  .nh-photo-left, .nh-photo-right,  .nh-text-left,  .nh-text-right  {
	    width: 90%;
	    margin: 5% 5% 0% 5%;
	  }
	 .nh-4 {
	 	width: 45%;
	 	margin: 2% 2% 0% 2%;
	 }
	  .nh-clear-mobile {
	 	clear: both;
	 }
	 .nh-container p {
    line-height: 25px !important;
}
}
</style>

/* Sponsor Logos */

<style type="text/css">
	/*, ::after, ::before {
     box-sizing: content-box !important;
	}
	*/
	.logo-grid::after, ::before {
	    box-sizing: content-box !important;
	} 
	.logo-grid {
	  display: grid;
	  grid-gap: 20px 20px;
	  box-sizing: content-box !important;
	}
	.logo-grid > a > div {
	  border-radius: 3px;
	  box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
	  display: block !important;
	  text-align: center;
	  height: -webkit-fill-available;
	}
	.logo-grid > a > div:hover {
	  box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.2) 0px 0px 8px;
	}
	.logo-grid > a > div::before {
	  grid-area: 1 / 1 / 3 / 2;
	}
	.logo-grid > a > div > img {
	  width: 80%;
	  height: 80%;
	  padding: 5%; 
	  object-fit: contain;
	  height: -webkit-fill-available;
	}
	
	.logo-grid.large {
	 grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	    grid-auto-rows: 200px;
	}
	.logo-grid.medium {
	 grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
		 /* grid-template-rows: 200px repeat(auto-fill, 200px) 200px; */
	    grid-auto-rows: 175px;
	}
	.logo-grid.small {
	  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	 /* grid-auto-rows: 1fr;*/
	    grid-auto-rows: 150px;
	/*  grid-template-rows: 200px repeat(auto-fill, 200px) 200px; */
	}
	
	.logo-grid.silver {
	 grid-template-columns: repeat(auto-fit, minmax(250px, 1rem));
	    justify-content: center;
	    grid-auto-rows: 200px;
	}
	.logo-grid.platinum {
		width:40%; 
	}
	.logo-grid.gold {
		width:30%; 
	}
	.logo-grid.exhibitor-plus {
	 grid-template-columns: 250px; max-width: 260px; margin: auto;
		 /* grid-template-rows: 200px repeat(auto-fill, 200px) 200px; */
	    grid-auto-rows: 200px;
	}
	
/**single**/
	.logo-grid.single {
		margin: auto; 
		text-align: center;
		border-radius: 3px;
	  	box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
	  	display: block; 
	  	margin-bottom: 60px;
	}
	.logo-grid.single > a >  img {
	  object-fit: contain;
	}
	.logo-grid.single:hover {
		box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.2) 0px 0px 8px;
	}
	
@media screen and (max-width: 1000px) {
	.logo-grid.single {
	width:100%; 
	}
}
</style>

/* END Sponsor Logos */