.body {font-family: 'Montserrat', sans-serif;background:#f8cd82;padding:0px;max-width:100%;margin:0 0 0 0;color:black;}

h2 {font-weight:600;text-align:center;}

.container {min-height: 600px;background:#FAF0CA;padding:10px 25px 25px 25px;}

.siteBrand {text-align:center;vertical-align: middle;display: block;width:100vw;height:fit-content;padding:45px auto 45px auto;background:	#23b0bd; background-image: url('/assets/images/pawprints.png');background-size: cover;}

.logo {max-width: 370px;margin:auto;text-align: center;margin:40px 0px 10px 0px;}

.logoText1 {color:white;padding-top:25px;font-size:1.5em;display: block;}
.logoText2 {color:white;margin-top:-30px;font-size:3.25em;margin-bottom:-55px;display: block;}

.siteBrand a:hover {
	text-decoration: none;
}

.siteHeaderBar {width:100vw;height:75;padding:10px 75px 0px 75px;display: grid;grid-template-columns: 1fr}

.siteHeaderBar h1 {color: #F957384;margin-top:25px;font-size: 26px;width:fit-content;}

.phoneButton {background:#144e84;padding:0px 5px 0px 0px !important;border-radius: 8px;display: inline-block;width: fit-content;font-size: 12px !important;margin-left: 10px;}
.phoneButton:hover {background:#206ab0;}
.phoneIcon {width:30px;height:20px;margin-top:2px;margin-left:10px;margin-right:5px;display: inline-block;}
.phoneText {font-size:1.25em;color:white;display: inline-block;margin-right:5px;}

.serveDiv p {
	font-style: italic;
	color:white;
	text-align: right;
	margin-right: 25px;
}

.headerDog {
	width:325px;
	margin:0px auto 0px auto;
	display: block;
}

  #notificationBox {
		display: none;width:350px;top:25px;right:25px;height:100px;
		box-shadow: 0 1px 1px #0000001c, 
		  0 2px 2px #0000001c, 
		  0 4px 4px #0000001c, 
		  0 6px 8px #0000001c,
		  0 8px 16px #0000001c;
		padding:5px 15px 15px 15px;
		text-align: left;
		background: #2d2d2df3;
		color:white;
		position: absolute;
		border-radius: 8px;
	}
	
#notificationBox h2 {	
	color:white;
	margin-top:10px;
	margin-bottom:5px;
	font-size:16px;
	text-align: left;
}

#notificationBox p {	
color:white;
text-align: left;
line-height: 17px;
font-size:14px;
}

.contactContainer {width:100%;display: grid;grid-template-columns: 3fr 1fr;padding:10px 75px 40px 75px;gap:35px;}

.mainHeader {text-align: left;height:60px;font-size:1.5em;color:#f65b74;border-radius:6px;font-family: 'Montserrat', sans-serif;padding:10px 5px 10px 5px;
z-index:9;grid-column-start: 1;grid-column-end: 4;}

.topBar {background: #0D3B66;width:100vw;height:65px;z-index: 999;font-size:9px;padding:8px 40px 0px 40px;display:grid;grid-template-columns: 1fr 1fr; gap:25px;border-bottom:1px solid #187a8b;}

.siteNav {padding:0px 10px 0px 0px;grid-column-start: 1;grid-column-end: 4;display: block;width:100vw;text-align: center;height: fit-content;background:#ff7c00;border-bottom: 1px solid #f26c00;z-index: 999;} 

.topBar div {
	text-align: center;
	font-size:16px;
	color:white;
	padding:6px;
	font-weight: 600;
}

.topBar div a {
	color:white;
	text-decoration: none;
}

.topBar div a:hover {
	color:rgb(119, 222, 119);
	text-decoration: underline;
}

.topBar div img {
	height: 40px;
	vertical-align: middle;
}

.modernButton {
	  width:auto !important;
		color:#1ec4e3;
		font-weight:600;
		background: #0D3B66;
		font-size:1em;
		text-align: center;
		text-decoration: none;
		border-radius:5px;
		padding:8px 6px 8px 6px;
		display: inline-block;
		margin:20px 0px 10px 0px;
		box-shadow:none; 
	}
		
  .modernButton:hover {
	  background:#06424e;
	  color:#35a8be;
	  }

/* Blog stuff */

.borderSB {border-top:1px solid #cecece;padding-top:20px;}		  
.postItem {border-bottom:1px solid #cecece;margin-bottom: 25px;margin-top:25px;}
.postItem h3 {font-size:28px;font-color:#ccc;font-weight: bold;margin-bottom:5px;margin-top:14px;}
.postItem .postDate {font-size: 1.1em;font-weight: normal;color:#666;display: inline-block;margin-bottom: 5px;}
.postItem .postStory {font-size: 1.0em;font-weight: normal;color:#acacac;display: block;margin-bottom: 15px;}
.postItem .postAuthor {font-size: 1.1em;font-weight: normal;color:#fff;display: block;}
.postItem .postCategory {font-size: .9em;font-weight: normal;color:#0D3B66;display: inline-block;margin-bottom:15px;margin-top:25px;}
.postItem .postImage {width:100%;border-radius: 12px;}
.postItem .imageCredit {font-size:.8em;font-color:#555 !important;text-align: right;display: block;margin:5px 0px 10px 0px;}
.postItem .postTags {font-size:.9em;font-weight: normal;margin-left:20px;}
.postTag {background:#e3d9c9;color:#a39e9e;display:inline-block;margin:0px 3px 0px 3px;padding:5px 8px 5px 8px;border-radius: 5px;}

.postContainerHome {
	width:100%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap:20px;
}

.postContainerHome h2 {margin-bottom:5px;}

.postItemHome {
	text-align: left;
}

.postItemHome img {
	width:100%;
	border-radius: 8px;
}


.catItem {
/*	display: grid;
	grid-template-columns: 1fr 5fr;
	gap:5px;*/
}

.categorySBName {
	color:#ff7c00;
	display: block;
	font-weight:bold;
	font-size:1em;
}

.categorySBName:hover {
	text-decoration: underline;
}

.categoryDesc {
	color:#acacac;
	font-size:.9em;
	line-height: 1.5em;
	margin-bottom:10px;
	display: block;
}

.catImage {
	width:40px;display:inline-block;
}


.newsBody {height:auto;display:grid; grid-template-columns: 3fr 1fr;grid-gap:35px;}
.contentBody {height:auto;display:grid; grid-template-columns: 1fr 1fr;grid-gap:35px;}
.searchBody {height:auto;display:grid; grid-template-columns: 1fr;}
.contentHeader {grid-column-start: 1;grid-column-end: 3;}
.contentHeader h2 {margin-bottom:0px;font-size:18px;}

#map-container {height:450px;width:100%;border-radius: 8px;margin-bottom:20px;}

.footerSocial {display: inline-block;width:40px;margin: 10px 4px 0px 0px;}

.announcementBox {
	padding:25px;
}

.estimatebox {
	padding:25px;
}

.doubleColumn {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap:25px;
}

.socialButton {
	position: absolute;
	width:45px;top:55px;right:50px;
}

.searchResult {clear:left;max-width:100%;margin:auto;min-height:80px;display: block;margin-bottom:10px;color:white;margin-top:10px;padding:0px;}

.searchResultTitle {color: #0D3B66;font-weight: bold;text-decoration: underline;font-size: 1.25em;}
.searchResultDesc {color: #454545;line-height: 2.25em;
}
.searchResultData {
	color:#ccc;text-decoration: underline;
}

.searchBar {text-align: center;position: relative;clear:left;width:auto;display: inline-block;}

.searchField {padding:10px;font-size:.9em;height:32px;border: 0px;border-radius: 5px;width:375px;margin:4px;border:1px solid #acacac;}
.searchButton {
	width:50px;
	height:30px;
	box-shadow: 0 1px 1px rgba(0,0,0,0.11), 
	  0 2px 2px rgba(0,0,0,0.11), 
	  0 4px 4px rgba(0,0,0,0.11), 
	  0 6px 8px rgba(0,0,0,0.11),
	  0 8px 16px rgba(0,0,0,0.11);
	  color:black;
	  font-weight:300;
	  background-color:white;
	  font-size:.6em;
	  text-align: center;
	  text-decoration: none;
	  border-radius:3px;
	  padding:7px 10px 15px 10px;
	  display: inline-block;
	  margin-left:10px;
	  border:0px;
  }
	  
.searchButton:hover {
	background:#e6e6e6;
	}
	
.programButton {
	background: #50ab99;
	color:white;
	font-weight: bold;
	padding:8px 12px 8px 12px;
	display: block;
	border-radius: 8px;
	vertical-align: middle;
}

.programButton span {
	vertical-align: middle;
	margin-top:-12px;
	display: inline-block;
}
	
	.featuredPhotos {display: inline-grid;grid-template-columns: 1fr 1fr;grid-row-start: 4;grid-row-end: 5;grid-column-start: 1;grid-column-end: 4;}
	.leftFeaturedPhoto {grid-column-start: 1;grid-row-start: 2;grid-row-end: 3;grid-column-end: 3;background: green;}
	.rightFeaturedPhoto {grid-column-start: 2;grid-row-start: 2;grid-row-end: 3;grid-column-end: 3;background: rgb(87, 3, 0);}
	.rightFeaturedPhoto2 {grid-column-start: 2;grid-row-start: 3;grid-row-end: 4;grid-column-end: 3;background: rgba(168, 13, 206, 0.803);}
	
.adminHeader {text-align: center;font-size:1.5em;color:white;font-family: 'Montserrat', sans-serif;width:100vw;height:90px;background:darkgray;margin: 0px;padding-top:5px;}

.container p {
	line-height: 140%;
}

.mainSlider {height:fit-content !important;width:100vw;margin:0px 0px 0px 0px;grid-column-start: 1;grid-column-end: 4;overflow: hidden;display: block;padding:0px;}
.slideItem {width:100px;height:450px !important;display: inline-block;background: white;padding:0px;}
.slideItem img {position: absolute;z-index: 1;width:100vw;}
.slideBox {width:100vw;text-align:center;display: block;position: absolute;margin:150px 0px 0px 0px;z-index: 99;}
.slideText {font-size:42px;font-weight: bold;color:white;text-shadow: 1px 1px 13px black;}
.slideButton {font-size:18px;text-align: center;color:white;font-weight: bold;background:#F0580D;padding:12px;border-radius: 8px;margin-top:35px;display: inline-block;text-decoration: none;}

.renewHero {text-align: center;}

.messageHero {
	text-align: center;
	background: #207db7;
	color:white;
	border-radius: 8px 8px 0px 0px;
	width:95vw;
	padding:10px 0px 10px 0px;
	font-weight: bold;
	font-size:18px;
	margin:0px auto 0px auto;
}

.documentHero {
	text-align: center;
	background: #e4e4e4;
	color:#6b6b6b;
	border-radius: 8px;
	width:95vw;
	padding:10px 0px 10px 0px;
	font-weight: bold;
	font-size:16px;
	margin:25px auto 25px auto;
}

.wasteDisposal {
	display: grid;
	width:95vw;
	margin:0px auto 0px auto;
	grid-template-columns: 1fr 1fr 1fr;
	gap:20px;
}

.wasteDisposal div {
	padding:15px;
	text-align: left;
}

.wasteDisposal div img {
	width:75%;
	border-radius: 8px;
	display: block;
	margin-bottom:8px;
}

.wasteDisposal div a {
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	color:black;
}

.dropoffBinsContainer {
	display: grid;
	width:95vw;
	margin:0px auto 0px auto;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	gap:0px;
}

.dropoffNum {
	font-size:32px;
	font-weight: bold;
	background: #ccc;
	color:white;
	border-radius:50%;
	margin:auto;
	text-align: center;
	padding:10px 20px 10px 20px;
	width:60px;
	vertical-align: middle;
	height:60px;
}

.dropoffBinsContainer div {
	padding:28px 25px;
	text-align: center;
}

.dropoffBinsContainer div:hover {
	background: #ffffff !important;
}

.dropoffBinsContainerWhere {
	display: grid;
	width:100%;
	margin:0px auto 0px auto;
	grid-template-columns: 1fr;
	gap:0px;
}

.dropoffBinsContainerWhere .containGrid {
	padding:12px;
	vertical-align: middle;
	display: grid;
	grid-template-columns: 1fr 6fr;
}

.dropoffBinsContainerWhere .containGrid div {
}

.dropoffBinsContainerWhere h3 {
	margin-bottom:0px;
	margin-top:5px;
	display: block;
}

.dropoffBinsContainerWhere p {
	display: block;
	margin-top:3px;
	margin-bottom:0px;
}

.renewHero img {
	width:95vw;
	border-radius: 8px;
	margin:25px auto 25px auto;	
}

  /* Style the navigation menu */
 
#myLinks {
	margin:0 0px;
	padding:px 0px 0px 0px;
	width:fit-content
	height:auto;
	display:inline-block;
	font-family: 'Montserrat', sans-serif;
	text-align: center;
	
  }
  
  #myLinks ul {
	margin:0;padding:0;
	list-style-type:none;
	display:inline-block;
  }
  
 #myLinks ul li {
	position:relative;
	display:inline-block;
	padding:0px;
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	font-weight:bold;
	text-decoration: none;
	display:inline-block;
	width:auto;
  }
  
  //li > a:after { content: ''; } /* Change this in order to change the Dropdown symbol */
  
  li > a:only-child:after { content: ''; }
  
  #myLinks ul li a {
	padding:10px 15px 10px 15px;
	display:inline-block;
	color:#ffffff;
	font-size:15px;
	margin:8px 3px 8px 3px;
	border-radius: 8px;
	text-decoration:none;
	background: #faa759;
  }
  
  #myLinks ul li a:hover {
	background:#c76100;
	color:#ffffff;
  }
  
  #myLinks ul li ul {
	display:none;
	position:absolute;
	
	border: 1px solid #dedede;
	text-align: left;
  }
  
  #myLinks ul li ul li {
	text-align: left;
	
	margin-left:0px;
  }
  
 #myLinks ul li ul li a:hover {
	  padding:40px 20px 30px 20px;
	  background:#F0580D;
	  color:white;
  }
  
  #myLinks ul li:hover ul {
	display:block;
  }
  
  .newsBody {height:auto;display:grid; grid-template-columns: 3fr 1fr;grid-gap:35px;padding:10px 75px 40px 75px;}


.aboutHero {grid-column-start: 1;grid-column-end: 2;padding:10px;vertical-align: middle;text-align: center;}
.aboutHero h2 {text-align: left;color:#A50E0E;font-weight: 600;font-size: 2em;}
.aboutHero2 {grid-column-start: 2;grid-column-end: 4;padding:10px;vertical-align: middle;}
.aboutHeroPhoto {
	grid-column-start: 1;grid-column-end: 4;background-image: url('/polley/assets/uploads/slide2.jpg');background-size: cover;background-position: bottom right;text-align: center;height:100%;}

.aboutHeroPhoto p {color:white;font-size:1.8em;font-style:italic;font-weight: 600;
}

.featuredHeroTitle {font-size: 16px;font-weight: bold;vertical-align: middle;text-transform: uppercase;}

.featuredText {display:block;position: absolute;z-index:50;background: #a50e0e;color:white;width:100%;height:55px;padding-top:1px;bottom:0px;}

.featuredHero1 {
	margin:25px;grid-column-start: 1;grid-column-end: 2;text-align: center;color:white;
	overflow: hidden;margin-left:50px;height:250px;height:280px;background-size: cover;display: inline-block;position: relative;
}
.featuredHero2 {
	margin:25px;grid-column-start: 2;grid-column-end: 3;text-align: center;color:white;
	overflow: hidden;height:250x;margin-left:10px;margin-right:10px;height:280px;background-image: url('/polley/assets/uploads/slide4.jpg');background-size: cover;display: inline-block;position: relative;
}
.featuredHero3 {
	margin:25px;grid-column-start: 3;grid-column-end: 4;text-align: center;color:white;
	overflow: hidden;height:250px;margin-right:50px;height:280px;background-image: url('/polley/assets/uploads/slide2.jpg');background-size: cover;display: inline-block;position: relative;
}

.servicesHeader {grid-column-start: 1;grid-column-end: 4;font-size:1.5em;}

.servicesHero1 {
	margin:25px;grid-column-start: 1;grid-column-end: 2;text-align: center;color:black;background: white;
	overflow: hidden;margin-left:50px;height:250px;height:280px;display: inline-block;position: relative;border:1px solid #ccc;
}
.servicesHero2 {
	margin:25px;grid-column-start: 2;grid-column-end: 3;text-align: center;color:black;background: white;
	overflow: hidden;height:250x;margin-left:10px;margin-right:10px;height:280px;display: inline-block;position: relative;border:1px solid #ccc;
}
.servicesHero3 {
	margin:25px;grid-column-start: 3;grid-column-end: 4;text-align: center;color:black;background: white;
	overflow: hidden;height:250px;margin-right:50px;height:280px;display: inline-block;position: relative;border:1px solid #ccc;
}

.servicesPhoto {padding:5px 5px 5px 5px;width:100%;height:80%;}

.servicesText {display:block;position: absolute;z-index:50;background: white;color:black;width:100%;height:55px;padding-top:1px;bottom:0px;}

.contactHero {
	grid-column-start: 1;grid-column-end: 4;color: #585858;
	border-radius: 5px;background: rgb(223, 223, 223);margin:25px;padding:45px;text-align: center;
}

.brandsHero {
	grid-column-start: 1;grid-column-end: 4;color: #585858;
	padding:45px;text-align: center;
}

.brandsHeader {font-size:1.5em;}

#map {
	width:100%;
	border-radius: 8px;
	height:350px;
}

a {
	color:#0D3B66;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color:#2da8bf;
	text-decoration: underline;
}

.inputText {
	border:1px solid #dcdcdc;
	padding:8px 10px 8px 10px;
	border-radius: 8px;
	font-size:18px;
}

.inputField {width:100%;padding:10px;font-size:.9em;border-radius: 3px;border:0px;margin:3px 0px 3px 0px;background:#fffefd;color:#977c16;}
  .inputField:enabled {color:#977c16;}

textArea {
	border:0px solid #977c16;
	padding:8px 10px 8px 10px;
	border-radius: 3px;
	font-size:.9em;
	width:100%;
	background: #fffefd;
	margin-top:3px;
	height:75px;
}

.footerCenter {
	grid-column-start: 1;grid-column-end: 4;color: #1e5f52;
	padding:25px;text-align: center;
}

.footerRight {
	grid-column-start: 3;grid-column-end: 4;color: #1e5f52;
	padding:25px;text-align: left;
	vertical-align: top;
}

.footerColumn{
	width:33%;margin:auto;
	max-width:33%;
	padding:5px;text-align: left !important;color: #1e5f52;
	vertical-align: top;display: inline-block;
}

.footerHeader {font-weight: 600;font-size: 20px;text-transform: uppercase;}

.footer div {
	min-height:55px;
	padding:15px;
}

.hammer {width:60px;text-align: center;}

.gridButton {
	width:30px;
	display: inline-block;
	  margin-top:25px;
	  position: absolute;
	  top:7px;
	  right:165px;
	  border:0px;
}

.loginButton {
	width:80px;
	height:10px;
	box-shadow: 0 1px 1px rgba(0,0,0,0.11), 
	  0 2px 2px rgba(0,0,0,0.11), 
	  0 4px 4px rgba(0,0,0,0.11), 
	  0 6px 8px rgba(0,0,0,0.11),
	  0 8px 16px rgba(0,0,0,0.11);
	  color:black;
	  font-weight:300;
	  background-color:white;
	  font-size:.6em;
	  text-align: center;
	  text-decoration: none;
	  border-radius:3px;
	  padding:8px 12px 14px 12px;
	  display: inline-block;
	  margin-top:25px;
	  position: absolute;
	  top:5px;
	  right:45px;
  }
	  
.loginButton:hover {
	background:#e6e6e6;
	}

.standardButton {
	width:auto;
	height:10px;
	box-shadow: 0 1px 1px rgba(0,0,0,0.11), 
	  0 2px 2px rgba(0,0,0,0.11), 
	  0 4px 4px rgba(0,0,0,0.11), 
	  0 6px 8px rgba(0,0,0,0.11),
	  0 8px 16px rgba(0,0,0,0.11);
	  color:black;
	  font-weight:300;
	  background-color:white;
	  font-size:.9em;
	  text-align: center;
	  text-decoration: none;
	  border-radius:3px;
	  padding:8px 15px 14px 15px;
	  display: inline-block;
	  margin: auto;
	  margin-top:25px;
  }
  
  .mobileNavButton {
	  display: none;
  }
  
  .icon {
	  color:white;
  }
	  
.standardButton:hover {background:#e6e6e6;}
.contentBody {height:auto;display:block;}

.closeButton {float:right;margin-right:0px;margin-top:0px !important;font-weight: 600;font-size:1em;color: #454545;padding:2px 5px 2px 5px;border:1px solid #454545; border-radius: 3px;text-decoration: none;position: relative;}
.closeButton:hover {background:#454545;color:white;}

.row {display:block;margin-bottom:25px;clear:right;position:relative;}
.loginHero {max-width:100%;margin:auto;border-radius:5px;background: #131313;background-image:url('/assets/images/loginHero.jpg');background-size: cover;background-position: center;height:auto;display: block;margin-bottom:25px;color:white;padding:25px;box-shadow: 0 1px 1px rgba(0,0,0,0.11), 
0 2px 2px rgba(0,0,0,0.11), 
0 4px 4px rgba(0,0,0,0.11), 
0 6px 8px rgba(0,0,0,0.11),
0 8px 16px rgba(0,0,0,0.11);}
.mainHero {max-width:100%;margin:auto;border-radius:5px;background: #1391b9;background-image:url('/assets/images/caffiend.jpg');background-size: cover;background-position: center;height:325px;display: block;margin-bottom:25px;color:white;padding:25px;padding-top:75px;box-shadow: 0 1px 1px rgba(0,0,0,0.11), 
	0 2px 2px rgba(0,0,0,0.11), 
	0 4px 4px rgba(0,0,0,0.11), 
	0 6px 8px rgba(0,0,0,0.11),
	0 8px 16px rgba(0,0,0,0.11);}
.secondHero {max-width:46%;width:45%;margin:auto;border-radius:5px;background:#e28c2b;background-image:url('/assets/images/numbernow.jpg');background-size: cover;background-position: right;height:250px;display: inline-block;margin-bottom:25px;padding:2%;color:white;float:left;box-shadow: 0 1px 1px rgba(0,0,0,0.11), 
	0 2px 2px rgba(0,0,0,0.11), 
	0 4px 4px rgba(0,0,0,0.11), 
	0 6px 8px rgba(0,0,0,0.11),
	0 8px 16px rgba(0,0,0,0.11);}
.thirdHero {max-width:46%;width:45%;margin:auto;border-radius:5px;background:#e54242;background-image:url('/assets/images/redescape.jpg');background-size: cover;background-position: right;height:250px;display: inline-block;margin-bottom:25px;color:white;padding:2%;float:right;box-shadow: 0 1px 1px rgba(0,0,0,0.11), 
	0 2px 2px rgba(0,0,0,0.11), 
	0 4px 4px rgba(0,0,0,0.11), 
	0 6px 8px rgba(0,0,0,0.11),
	0 8px 16px rgba(0,0,0,0.11);}
.bottomHero {clear:left;max-width:100%;margin:auto;border-radius:5px;background: #89c174;height:200px;display: block;margin-bottom:25px;color:white;margin-top:25px;padding:25px;box-shadow: 0 1px 1px rgba(0,0,0,0.11), 
	0 2px 2px rgba(0,0,0,0.11), 
	0 4px 4px rgba(0,0,0,0.11), 
	0 6px 8px rgba(0,0,0,0.11),
	0 8px 16px rgba(0,0,0,0.11);}
	
	.topHero {clear:left;max-width:100%;margin:auto;border-radius:5px;background: #50bbee;height:55px;display: block;margin-bottom:25px;color:white;margin-top:25px;padding:25px;box-shadow: 0 1px 1px rgba(0,0,0,0.11), 
		0 2px 2px rgba(0,0,0,0.11), 
		0 4px 4px rgba(0,0,0,0.11), 
		0 6px 8px rgba(0,0,0,0.11),
		0 8px 16px rgba(0,0,0,0.11);}

.loginModal {width:40vw;color:white;height:250px;display: none;border:1px solid #1f1f1f; border-radius: 5px;background: #151515;position: absolute;top:50px;padding:25px;left:28vw;box-shadow: 0 1px 1px rgba(0,0,0,0.11), 
	  0 2px 2px rgba(0,0,0,0.11), 
	  0 4px 4px rgba(0,0,0,0.11), 
	  0 6px 8px rgba(0,0,0,0.11),
	  0 8px 16px rgba(0,0,0,0.11);z-index: 999;
  }

.loginButtonSmall {
	width:100px;
	height:35px;
		  box-shadow: 0 1px 1px rgba(0,0,0,0.11), 
			0 2px 2px rgba(0,0,0,0.11), 
			0 4px 4px rgba(0,0,0,0.11), 
			0 6px 8px rgba(0,0,0,0.11),
			0 8px 16px rgba(0,0,0,0.11);
			border:0px;
			color:#ccc;
			font-weight:300;
			background-color:#353535;
			font-size:.9em;
			text-align: center;
			text-decoration: none;
			border-radius:3px;
			padding:8px 15px 14px 15px;
			display: inline-block;
			position: absolute;
			bottom:25px;
			right:25px;
		}

.loginButtonSmall:hover {background: #7e7e7e;}
.loginModal a {color:#4b4b4b;font-size: .9em;display:block;margin-top:25px;}
.loginInput {width:100%;padding:10px;font-size:.9em;border-radius: 3px;border:0px;margin-top:5px;background: #464646;}

.footer {max-width:100vw;height:auto;background:#F4D35E;color:#f9f9f9;padding:3px;margin:0 0 0 0;clear:left;display:grid;position:relative;bottom:0;grid-template-columns:1fr 1fr;}
.footer p {font-size:.9em;color: #7b6207;}

.mainHeroHead {font-size: 2em;font-weight: 600;}
.mainHeroSubhead {line-height:1.25em;font-size: 1.25em;}

/* APP PAGE */

.appPageIcon {border-radius: 5px;max-width:75px;margin-top:25px;text-align: center;}
.appPageTitle {font-size:2.5em;margin-top:0px;font-weight: 600;display:block;position:absolute;top:175px;right:50px;vertical-align: middle;text-align: right;}
.appPageSubhead {font-style: italic;font-size:1.25em;}	

.screensViewer {height:125px;background:gray;border-radius: 5px;padding:15px;margin-bottom:25px;
	display: grid;
	grid-gap: 16px;
	grid-template-columns: repeat(auto-fill,minmax(200px,1fr));
	grid-auto-flow: row;
	grid-auto-columns: minmax(200px,1fr);
	overflow-x: scroll;
	overflow-y:hidden;
	margin-right:0px;
	overflow-wrap: break-word;
}
.screenShotSmall {width:200px !important;height:auto;margin-right:15px;display:grid;border-radius: 5px;}

.callToAction {background:black;color:white;width:auto;height:125px;display: block;border-radius: 5px;margin-top:25px;margin-bottom:25px;padding:20px;}

.pageTitleContainer {width:100%;text-align: left;display: grid;grid-template-columns: 3fr 1fr; grid-column-start: 1;grid-column-end: 4;padding:10px 75px 40px 75px;gap:35px;border-bottom:2px solid #f8cd82;}

.contactIcon {width:35px;height:35px;vertical-align: middle;margin-right: 10px;}
.contactBlock {margin-bottom:20px;display: grid;grid-template-columns: 1fr 5fr;}
.contactSub {display: block;font-size:12px;}

.donorBox {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap:10px;
}

.ptcBackground {
	display: grid;grid-template-columns: 3fr 1fr;
	border-radius: 8px;
	background: white;
	padding:25px;
}

.faqInsideContainer {
	padding-right:25px;
}

.faqQuestion {
	font-weight:bold;
	font-size:18px;
	margin-bottom:-10px;
	display:block;
}

.faqAnswer {
	margin-bottom:25px;
}

.mainBody {
	padding-right:15px;
}
.sideBar {
	text-align: left;
	vertical-align: top;
	border-left:1px solid #e3e3e3;
	padding-left:15px;
}

.sideBarPhoto {
	border-radius: 8px;
	width:100%;
}

.sideBar h4 {
	background:#1e5f52;
	color:white;
	border-radius: 8px;
	padding:8px 10px 8px 10px;
	text-decoration: none;
}

.sideBar a {
	color:#1e5f52;
	font-weight: bold;
	text-decoration: underline;
}

.sideBar a:hover {
color:#309984;
}

.sideBar input {
	padding:12px;
	width:95%;
	border-radius: 8px;
	border:1px solid #e4e4e4;
	font-size:15px;
	height:30px;
	margin-bottom:50px;
		
}

.dropoffHead {
	display:block;
	font-weight: bold;
	font-size: 16px;
}

.dropoffText {
	display:block;
	font-size: 14px;
	margin-bottom:15px;
}

.pageTitleContainer img {
	border-radius:5px;
}

.testimonialBox {
	border:1px solid #ccc;
	padding:18px;
	border-radius: 8px;
	margin:15px 0px 15px 0px;
}

.testimonialBox:hover {
	background: #efefef;
}

.testimonialBox span {
	font-size:16px;
	line-height:1.5em;
}

.testimonialBox .authorText {
	font-weight:bold;
	font-size:18px;
	text-align:right;
	margin-top:0px;
	margin-bottom:0px;
}

.testimonialBox .authorTitle {
	font-style: italic;
	font-size:16px;
	text-align:right;
	margin-top:0px;
	display: block;
}

.testimonialBox .authorCompany {
	font-weight:bold;
	font-size:16px;
	text-align:right;
	display: block;
	margin-top:0px;
	color:#ccc;
	
}

.donorGallery {display:grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap:25px;}
.donorPhoto {width:100%;border-radius: 8px;}

.galleryItem {
	position: relative;
}

.galleryItem div {
	background: #F0580D;
	color:white;
	font-weight: bold;
	position: absolute;
	top:50%;
	padding:15px 15px 15px 15px;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	width:100%;
}

.galleryInsideContainer a {
	text-decoration: none !important;
}

.galleryItem:hover {
	opacity: .9;
}

.galleryInsideContainer {
	padding:10px 40px 10px 40px;
	display:grid;
	grid-template-columns: 1fr 1fr 1fr;
}

.galleryBox {
	width:100%;
	padding:10px;
}

.galleryBox img {
	max-width:100%;
	border-radius: 8px;
}

.galleryImage {
	width:auto;
}


.marketingContainer {
	display: block;
}

.pageMainBody {
padding-top:0px;
}

.pageSideBar {
	margin-top:40px;
	margin-bottom:35px;
	border-radius:5px;padding:25px;box-shadow: 0 1px 1px rgba(0,0,0,0.11), 
	0 2px 2px rgba(0,0,0,0.11), 
	0 4px 4px rgba(0,0,0,0.11), 
	0 6px 8px rgba(0,0,0,0.11),
	0 8px 16px rgba(0,0,0,0.11);
	display: grid;
	grid-template-columns:1fr 1fr 1fr 1fr;
	  grid-gap: 10px;
	  text-align: center;
}

.sidebarBox {display:inline-block;width:;padding:auto;}

.portfolioBoxContainer {
	padding:25px 0px 75px 0px;
	display: grid;
	grid-gap: 35px 35px;
	grid-template-columns: 1fr 1fr 1fr;
	}

.portfolioBox {border-radius: 5px;padding:20px;text-align: center;box-shadow: 0 1px 1px rgba(0,0,0,0.11), 
	0 2px 2px rgba(0,0,0,0.11), 
	0 4px 4px rgba(0,0,0,0.11), 
	0 6px 8px rgba(0,0,0,0.11),
	0 8px 16px rgba(0,0,0,0.11);}
.portfolioBox .portfolioHeader {background:#95bf7c;color:white;padding:10px;text-align: center;display:block;margin-left:-20px;margin-right:-20px;}
.portfolioBox .portfolioSubHead {background: #e2e2e2;color:color(srgb 0.398 0.398 0.398);font-size:.8em;padding:10px;text-align: center;display:block;margin-left:-20px;margin-right:-20px;margin-bottom:-20px;border-radius: 0px 0px 5px 5px;}
.portfolioBox .portfolioImage {width: calc(100% + 40px);
	  margin-left: calc(-20px);
	  margin-right: calc(-20px);
	  margin-top: -20px;
	  border-radius: 5px 5px 0px 0px;position: relative;}
	  
.portfolioBox .portfolioImage:hover {opacity: 0.9;}

.moreInfo {margin-left:25px;margin-top:10px;font-size:.9em;margin-bottom:8px;}

/*******************************************************************************
 SLIDESHOW STYLES
 ********************************************************************************/

* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  width: 100%;
  position: relative;
  min-height:450px;
  overflow: hidden;
  display:block;
  z-index:4;
  margin: 40px auto 35px auto;
  grid-column-start: 1;
  grid-column-end: 4;
}

.mySlides img {width: fit-content;}

/* Hide the images by default */
.mySlides {
  display: none;
  max-height: 450px;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

.prev {left:10px;}
/* Position the "next button" to the right */
.next {
  right: 25px;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  background: #323232d6;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
  display: none;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
  display: none;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.8s ease;
}

.active, .dot:hover {
  background-color: #4d4d4d;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 3.5s;
  animation-name: fade;
  animation-duration: 3.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}


/*******************************************************************************
 MOBILE STYLES
 ********************************************************************************/

@media only screen and (max-width: 991px) {
	
	.portfolioBoxContainer {
	grid-gap: 25px 25px;
	grid-template-columns: 1fr 1fr;
	}
	
	.donorGallery {
		grid-template-columns: 1fr;
		gap:0px;
	}
	
	.pageTitleContainer div img {
		max-width: 100%;
		margin:10px 5px 10px 5px;
	}
	
	.donorPhoto {
		margin-bottom: 10px;
	}
	
	.phoneText {display: none;}
	
	.fpageTitleContainer {width:100%;text-align: left;display: grid;grid-template-columns: 1fr; grid-column-start: 1;grid-column-end: 4;padding:10px 10px 20px 10px;gap:0px;border-bottom:2px solid #f8cd82;}

	
	.sideBar {
		text-align: left;
		vertical-align: top;
		border-left:0px solid #e3e3e3;
		padding-left:0px;
		padding-top:10px;
	}
		
	.messageHero {
		width:95vw;
	}
	.dropoffBinsContainer {
		width:95vw;
		grid-template-columns: 1fr;
	}
	
	.ptcBackground {
		grid-template-columns:1fr;
		padding:5px;
	}
	
	#map-container  {
		margin:10px auto 20px auto;
	}
	
	.mainBody {
		padding-right:0px;
	}
	
	.dropoffText {
		padding-left:20px;
	}
	
	.container {
		vertical-align: top;
	}
	
	.renewHero img {
		margin:0px 0px 25px 0px;
	}
	
	.mainSlider {height:fit-content !important;width:100vw;margin:0px -25px 0px -25px;grid-column-start: 1;grid-column-end: 4;overflow: hidden;display: block;padding:0px;}
	.slideItem {width:100px;height:190px !important;display: inline-block;padding:0px;}
	.slideItem img {position: absolute;z-index: 1;width:100vw;}
	.slideBox {width:100vw;text-align:center;display: block;position: absolute;margin:125px 0px 0px 0px;z-index: 99;}
	.slideText {font-size:42px;font-weight: bold;color:white;text-shadow: 1px 1px 13px black;}
	.slideButton {font-size:18px;text-align: center;color:white;font-weight: bold;background:#F0580D;padding:12px;border-radius: 8px;margin-top:35px;display: inline-block;text-decoration: none;}
	
	.siteHeaderBar {width:100vw;height:75;padding:10px 25px 0px 25px;}
	
	.pageTitleContainer {width:100%;text-align: left;grid-column-start: 1;grid-column-end: 4;padding:10px 10px 20px 10px;
	grid-template-columns: 1fr;gap:0px;}
	
	.searchBody {width:100%;text-align: left;grid-column-start: 1;grid-column-end: 4;padding:10px 10px 20px 10px;
	}
	
	.siteBrand {text-align: center;display: block;grid-column-start: 1;grid-column-end: 4;grid-row-start: 1;padding-top:25px;padding-left:25px;padding-right:25px;}
	.sitebrand .logo {margin:0px;text-align: center;width:50vw;}
	.siteNav {margin:auto;text-align: center;display: block;grid-column-start: 1;grid-column-end: 4;grid-row-start: 2;}
	
	.logoText1 {font-size:1.1em;padding-top:5px;}
	.logoText2 {font-size:2.75em;line-height: 100%;margin-top:-20px;}
	
	.newsBody {
		grid-template-columns: 1fr;
		gap:0px;
		padding:10px 10px 30px 10px;
	}
	
	.contactContainer {
		grid-template-columns: 1fr;
		gap:0px;
		padding:10px 10px 30px 10px;
	}
	
	.searchField {width:250px;}
	
	.mobileNavButton {
		  position: absolute;
		  left:75px;
		  top:20px;
		  display: block;
		  font-size: 24px;
	  }
	  
	  
	  .siteNav {width:100vw;z-index: 999;}
	  
	  .siteNav a {
	  padding: 10px 12px;
	  text-decoration: none;
	  text-align: center;
	  font-size: 15px;
	  display: block;
	  margin: auto;
	  }
	 
	 /* Style the navigation menu */
	  
	 #myLinks {
		 margin:0 0px;
		 padding:8px 15px 8px 15px;
		 width:100%;
		 height:auto;
		 position: absolute;
		 background: #ff7c00;
		 display:none;
		 z-index: 999;
		 font-family: 'Barlow Semi Condensed', sans-serif;
		 text-align: center;float: none;
		 
	   }
	   
	   #myLinks ul {
		 margin:0;padding:0;
		 list-style-type:none;
		 display:inline-block;
	   }
	   
	   #myLinks ul li {
		 position:relative;
		 display:inline-block;
		 color:black;padding:3px 0px 3px 0px;font-family: 'Barlow Semi Condensed', sans-serif;font-size: 17px;font-weight:bold;text-decoration: none;margin-left:2px;display:inline-block;width:calc(100% - 16px);
	   }
	   
	   /*li > a:after { content: ''; } /* Change this in order to change the Dropdown symbol */
	   
	   li > a:only-child:after { content: ''; }
	   
	   #myLinks img {
		   text-align: center;
		   display: block;
		   margin: 0px auto 0px auto;
		   width:35px;
	   }
	   
	   #myLinks ul li a {
		 padding:9px 11px 9px 11px;
		 font-family: 'Montserrat', sans-serif;
		 border-radius: 8px;
		 text-align: center;
		 margin:unset;
		 font-size:17px;
		 display: block;
		 text-decoration:none;
	   }
	   
	   #myLinks ul li a:hover {
		
	   }
	   
	   .homeLink {display: none !important;}
	   
	   #myLinks ul li ul {
		 display:none;
		 position:absolute;
		 padding:0px;
		 border: 1px solid #dedede;
		 text-align: left;
	   }
	   
	   #myLinks ul li ul li {
		 text-align: left;padding:0px;
		 width:125px;
		 margin-left:0px;
	   }
	   
	   #myLinks ul li ul li a:hover {
		   background: #ededed;
		   width:125px;
	   }
	   
	   #myLinks ul li:hover ul {
		 display:block;
	   }
	   
	   .mainSlider {
				  margin:0px 0px 20px 0px;grid-column-start: 1;grid-column-end: 4;grid-row-start: 3;
			  }
			
			.featuredHero1 {
				margin:20px 0px 20px 0px;grid-column-start: 1;grid-column-end: 4;grid-row-start: 4;
			}
			.featuredHero2 {
			   margin:20px 0px 20px 0px;grid-column-start: 1;grid-column-end: 4;grid-row-start: 5;
			}
			.featuredHero3 {
			   margin:20px 0px 20px 0px;grid-column-start: 1;grid-column-end: 4;grid-row-start: 6;
			}
			
			.servicesHeader {grid-column-start: 1;grid-column-end: 4;grid-row-start: 7;}
			
			.servicesHero1 {
				margin:20px 0px 20px 0px;grid-column-start: 1;grid-column-end: 4;grid-row-start: 8;
			}
			.servicesHero2 {
			   margin:20px 0px 20px 0px;grid-column-start: 1;grid-column-end: 4;grid-row-start: 9;
		   }
			   
			.servicesHero3 {
				margin:20px 0px 20px 0px;grid-column-start: 1;grid-column-end: 4;grid-row-start: 10;
			}
	   
			.wasteDisposal {
				grid-template-columns: 1fr;
				gap:0px;
			}
			
			.wasteDisposal div { 
				text-align: center;
			}
	   
			.wasteDisposal div img { 
				margin:0px auto 8px auto;
			}
	   
	   .contactHero {
				grid-column-start: 1;grid-column-end: 4;color: rgb(88, 88, 88);
				border-radius: 5px;background: rgb(223, 223, 223);margin:0px;padding:45px;text-align: center;grid-column-start: 1;grid-column-end: 4;grid-row-start: 11;
			}
			
			.brandsHero {grid-column-start: 1;grid-column-end: 4;grid-row-start: 12;}
			.footer {grid-column-start: 1;grid-column-end: 4;grid-row-start: 13;grid-template-columns: 1fr;}
			
			.footer div {text-align: center !important;
			}
	 
	 .socialButton {
		 position: absolute;
		 width:35px;top:30px;right:20px;
	 }
}

@media only screen and (max-width: 600px) {
	
	.portfolioBoxContainer {
	padding:25px 0px 75px 0px;
	display: grid;
	grid-gap: 35px 35px;
	grid-template-columns: 1fr;
	}

.moreInfo {margin-left:0px;margin-top:10px;font-size:.9em;margin-bottom:8px;}
	
	.container {max-width:94vw;margin:auto;min-height: 600px;border-radius: 12px;margin-top:15px;}
	
	.standardButton {
		width:90%;
	  }
	  
	  .topBar {padding:5px;}
	  
	  .loginButton {
		  width:80px;
		  height:10px;
			top:5px;
			right:25px;
		}
	
	.loginModal {width:78vw;color:white;height:250px;display: none;border:1px solid #1f1f1f; border-radius: 5px;background: #151515;position: absolute;top:70px;padding:25px;left:5vw;box-shadow: 0 1px 1px rgba(0,0,0,0.11), 
		  0 2px 2px rgba(0,0,0,0.11), 
		  0 4px 4px rgba(0,0,0,0.11), 
		  0 6px 8px rgba(0,0,0,0.11),
		  0 8px 16px rgba(0,0,0,0.11);
	  }
	
	.gridButton {position: absolute;left:30px;top:10px;}
	.searchBar {display:none;position: absolute;top:30px;left:45px;}
	.mainHeader {text-align: center;font-size:1.5em;color:white;font-family: 'Barlow Semi Condensed', sans-serif;width:auto;height:90px;margin: 0px;padding-top:5px;}
	
	 
	.row {display:block;margin-bottom:25px;clear:none;position: inherit;width:90%;}

}
	
/*@media (prefers-color-scheme: dark) {
	
	body a {color: #a5a5a5;text-decoration: underline;}
	
	.body {background: #2a2a2aff;color: color(srgb 0.782 0.782 0.782);}
	
	.portfolioBox .portfolioSubHead {background: #4f4f4f;color:darkgray;}
}*/
	
}