@charset "utf-8";
/* CSS Document */

*		{	box-sizing: border-box;}

header 		{	background-color: #db592a;
				color: #ffffff;
				text-align: center;
				margin-bottom: 0;
}
header 	h1 	{	font-size: 5em;
				clear: left;
				margin-top: 0;
				margin-bottom: 0;
				padding: 0;
				letter-spacing: .06em;
				text-shadow: 2px 2px #b2beb5;
}
header 	h2 	{	margin-bottom: 0;
				float: left;
				padding: 5px 0 0 5px;
				font-family: Lucida Calligraphy, Monotype Corsiva, sans-serif;
				text-shadow: 1px 1px #b2beb5;
}
header 	ul 	{margin-bottom: 0;
}
header  li 	{	display: inline;
				margin: 0;
				padding: 0 55px 0 0;
}
nav 		{	padding: 0em;
				margin-top: 0;
				font-weight: bold;
				text-align: center;
}
nav	a 		{	text-decoration: none;
}
nav	ul	{	list-style: none;
			margin: 0;
			padding: 0;
			font-size: 1.2em;
}
nav	li	{	border-bottom: 1px solid #db592a;
			padding: .25em;
}
nav	a:link	{	color: #200513;}
nav	a:visited	{	color: #200513;}
nav	a:hover	{	color: #db592a;}
nav	li:hover ul {	display: block;}

.mobilehero 	{	display: block;
					width: 100%;
					margin: 20px auto;
					height: auto;
					border: 1px solid #000000;
					box-shadow: 3px 3px #b2beb5;
}
#backdrop	{	background-color: #ededed;
				border-left: 1px solid #db592a;
				border-right: 1px solid #db592a;
				border-bottom: 1px solid #db592a;
}
#wrapper	{border: 1px solid #200513;
}
.storypic 	{	display: block;
				width: 70%;
				margin: 5px auto;
				height: auto;
				border: 1px solid #200513;
				box-shadow: 4px 4px #b2beb5;
				margin-top: 0;
}
.doc_frame 	{	display: block;
				width: 80%;
				margin: 5px auto;
				height: auto;
				border: 1px solid #200513;
				box-shadow: 4px 4px #b2beb5;
				margin-top: 0;
}
.paper_dropoffs 	{ 	text-align: center;
						margin: 1%;
}
.trash_logo	{	display: block;
				width: 90px;
				float: left;
				margin: .2em;
				padding: 0;
}
.trash_talk1	{	margin-left: 3em;
}
.trash_talk2	{	margin-left: 5em;
					margin-top: 0;
}
.recycle_button	{	display: block;
					text-align: center;
					margin:  0em 2em 2em;
					padding: 1em;
					border: 2pt solid #200513;
					border-radius: .5em;
					font-weight: bold;
				
}
.sewer_fee_button	{	display: block;
						text-align: center;
						margin: 0em 5em 0em;
						padding: .5em;
						border: 2pt solid #200513;
						border-radius: .5em;
						font-weight: bold;
}
main 	h1 	{	text-align: center;
				margin-bottom: 0;
				font-size: 2.5em;
				color: #200513;
				text-shadow: 1.5px 1.5px #b2beb5;
}
main 	h2 	{	text-align: center;
}
div 	h3 	{	font-size: 1em;
				display: block;
				margin-left: 0;
				margin-right: .2em;
				padding-left: 0;
				font-weight: bold;
				font-family: Verdana, sans-serif;
}
.office_holders 	{	display: block;
						font-weight: bold;
						text-align: center;
						margin-bottom: 0;
						font-family: Verdana, sans-serif;
						font-size: 1.2em;
}
main 	p 	{	margin-left: 1em;
				margin-right: 1em;
}
main 	ul 	{	display:flex;
				justify-content: space-around;
				padding-left: 0;
}
div 	ul 	{	list-style: none;
}
div 	a 	{	text-decoration: none;}
div a:link	{	color: #200513;}
div a:hover	{	color: #db592a;}

aside 		{	padding-top: 20px;
				padding-bottom: 10px;
				font-weight: bold;
				text-align: center;
				background-color: #200513;
}
aside 	ul 	{	width: 90%;
				margin: 0 auto;
				list-style: none;
				font-size: 1.75em;
				border: 2pt solid #200513;
				margin-top: 40px;
				margin-bottom: 40px;
				border-radius: 1em;
				padding-left: 0;
				background-color:#ffffff;
}
aside 	li 	{	border-bottom: 1px solid #200513;
				padding: 1em;
				align-content: center;
}
.no_underline 	{	border: hidden;}

aside	a 		{	text-decoration: none;
}
aside	a:link	{	color: #db592a;}
aside	a:visited	{	color: #db592a;}
aside	a:hover	{	color: #200513;}

.meetings	{	display: block;
				clear: both;
				width: 90%;
				margin: 2em auto;
				height: auto;
				border: 1px solid #200513;
				box-shadow: 3px 3px 3px 3px #b2beb5;
}
.meeting_art 	{	display: block;
					clear: both;
					width: 25%;
					height: auto;
					float: left;
					margin-left: 2%;
					margin-top: 0;
}
.meeting_time 	{	margin-left: 33%;
					width: 66%;
					margin-top: 1%;
					padding-top: .5em;
					font-size: 1em;
}
.agenda_month 	{	margin-left: 5%;}
.agenda_date 	{	margin-left: 25%;}
.council_person {	margin-right: 2%;
					margin-left: 4%;
}
.contact_info	{	margin-right: 1%;
					margin-left: 21%;
}

section 	h5 	{	text-align: center;
					clear: both;
					font-size: 1em;
					margin-bottom: 0;
}
section 	dl 	{	margin-bottom: 3em;}

footer 	{	text-align: center;
			color: #ffffff;
			background-color: #200513;
}
footer 	ul 	{margin-top: 0;}

footer 	a 	{	text-decoration: none;
				color: #ffffff;
}
footer	a:hover	{	color: #db592a;}

footer 	li 	{	display: inline;
				padding: 0 30px 0 0;
}
.center_item 	{	align-content: center;
					display: block;
					font-size: 1.2em;
					padding-bottom: .75em;
					padding-top: .75em;
					clear: both
}
nav	ul	ul{	position: absolute;
			padding: 0;
			display: none;
			background-color: #ededed;
}
nav	ul	ul	li	{	border: 1px  solid #db592a;
					display: block;
					width: 8em;
					padding-left: 0;
					margin-left: 0;
}
.emergency_header	{	display: flex;
						background: none;
}
.emergency_banner	{	display: flex;
						margin-left: 6%;
						text-align: center;
						font-size: 11vw;
}
.emergency_art 	{	display: block;
					clear: both;
					width: 30%;
					height: auto;
					float: left;
					margin: 0 0 -3% 2%;
					padding-top: 5%;
}
.emergency_border	{	border: 2pt solid #200513;
						box-shadow: 3px 3px 3px 3px #808080;
						width: 80%;
						margin: 25px auto;
						border-radius: 2em;
						background-color: #db592a;	
}
.emergency_background	{	background-color: #ffffff;
							padding-bottom: 1em;
}
.no_style 	{	list-style: none;}

main 	li:hover	{	transform: scale(1.3);}
header 	a :hover 	{	transform: scale(1.3);}
aside 	a :hover	{	transform: scale(1.1);}
section a :hover	{	transform: scale(1.1);}

.forms_heading		{	font-size: 8vw;}
.permits_heading	{	font-size: 4vw;}
.forms_flex_column	{	display: flex;
						justify-content: space-around;
						flex-wrap: wrap;
						gap: 2em;
						margin-bottom: 2em
}
.long_section_box 	{	border: 2pt solid #200513;
							box-shadow: 2px 2px 2px 2px #808080;
							width: 88%;
							margin: 0 auto 2em;
							height: auto;
}
.short_section_box	{	border: 2pt solid #200513;
							box-shadow: 2px 2px 2px 2px #808080;
							padding: 0;					
}
.forms_section_heading	{	text-align: center;
							color: #ffffff;
							background-color: #db592a;
							margin: 0;
							padding: .75em 0em;
}
.white_background	{	background-color: #ffffff;
}
.form_lists	{	display: block;
				padding: 0 .2em;
				margin: .75em;
				text-align: center
}
.zoning_map	{	width: 100%;
				height: auto;
}
.law_term	{	font-family: Verdana, sans-serif;
				font-weight: bold;
				margin-bottom: 0;
				padding-bottom: 0;
				margin-left: 1em;
}
.law_list	{	width: 80%;
				margin: 9%;
				height: auto;
}
.law_description	{	margin-left: 1em;
						margin-top: 0;
						padding-left: 0;
						padding-top: 0;
						margin-bottom: 3em;
						
}
.description_text	{	margin-top: 0;
						margin-left: 0;
						padding-left: 0;
						padding-top: 0;
						font-family: Verdana, sans-serif;
}
.ordinance_link:link	{	color: #db592a;}
.ordinance_link:hover	{	font-size: 110%;}

table, td	{	border: 2.5pt solid #000000;
}
table		{	width: 80vw;
				margin: auto;
				height: 65vw;
}
td			{	font-weight: bold;
				vertical-align: top;
}
th			{	font-weight: bolder;
				font-size: 5vw;
}
table 	caption 	{	font-size: 9vw;
						font-weight: bold;
						margin-top: 0;
} 
.event_headline 	{	font-size: 8vw;}
.public		{	background-color: hsla(182,25%,50%,1.00);}
.office_closed	{	background-color:#bebebe;}
.community_event	{background-color: #e8e337;}
.meeting_color	{	background-color: hsla(182,25%,50%,.50);}
.closed_color	{	background-color: #BEBEBE;}
.event_color	{	background-color: hsla(58,79%,56%,.50);}
.display_as_pdf	{	display: none;}
.footer_phone{display: inline-block;}
.footer_fax{display: inline-block;}


@media (min-width: 600px){
	header 	h2 	{	margin-left: 60px;}
	header 	h1 	{	font-size: 6em;
					background-image: url("images/logo3.png");
					background-position: left;
					background-repeat: no-repeat;
					background-size: contain;
					margin-left: 10px;}
	header 	ul 	{	text-align: right;
					margin-top: 0;
					padding: 0;}
	header 	li 	{	padding-right: 25px;}
	nav 	li 	{	display: inline-block;
					border: none;}
	nav 	ul 	{	padding-top: 10px;
					display: flex;
					justify-content: space-around;
	}
	section 	h5 	{	font-size: 1.5em;
						clear: both;
						text-align: center;
	}
	table		{	width: 70vw;
					margin: auto;
					height: 55vw;
	}
	th			{	font-weight: bolder;
				font-size: 4vw;
	}
	table 	caption 	{	font-size: 8vw;
						font-weight: bold;
						margin-top: 0;
	}
	.event_headline 	{	font-size: 7vw;}
	.footer_phone	{	float: left;}
	.footer_fax		{	float: right;}
	.agenda_month 	{	margin-left: 20%;
						font-size: 1.5em;
	}
	.agenda_date 	{	margin-left: 35%;
						font-size: 1.5em;
	}
	.meeting_time 	{	margin-left: 33%;
					width: 66%;
					margin-top: 1%;
					padding-top: .5em;
					font-size: 1.5em;
	}
	.council_person {	font-size: 1.3em;
						margin-left: 10%;
	}
	.contact_info 	{	font-size: 1.3em;
						margin-left: 35%
	}
	.office_holders	{	font-size: 1.5em;}
	.forms_heading		{	font-size: 7vw;}
	.permits_heading	{	font-size: 3.5vw;}
}
	

@media (min-width: 1024px) {
	header 	h2 	{	margin-left: 180px;}
	header 	h1 	{	margin-left: 30px;}
	#backdrop	{	background-repeat: no-repeat;
					height: 600px;
					background-size: cover;
					border: none;}
	.hide_mobile_hero 	{	display: none;}
	#wrapper	{	border: 2px solid #200513;
					box-shadow: 5px 5px 5px 5px #808080;
					width: 80%;
					margin: auto;
					background-color: #ffffff;
					z-index: 10;}
	main		{	position: absolute;
					top: 700px;
					z-index: 5;}
	main 	div {	background-color: #ffffff;}
	aside 		{	width: 23%;
					margin-left: 50px;
					background-color: #ffffff;}
	aside 	ul 	{	z-index: 20;
					position: relative;
					top: -100px;
					background-color: #F5F5F5;}
	nav 	{	background-color: rgba(255,255,255,0.5);
	}
	.storypic 	{	display: block;
					width: 70%;
					margin: 5px 12% 5px 18%;
					height: auto;
					border: 1px solid #200513;
					box-shadow: 4px 4px #b2beb5;
					margin-top: 0;
	}
	.news_indent 	{	margin-left: 13em;}
	.home_footer{	height: 500px;
					background-color: #200513;
					margin: 0;
					position: relative;
					margin-top: -300px;
	}
	.waste_footer{	height: 500px;
					background-color: #200513;
					margin: 0;
					position: relative;
					margin-top: 1200px;
	}
	.meetings_footer{	height: 500px;
					background-color: #200513;
					margin: 0;
					position: relative;
					margin-top: 1175px;
	}
	.admin_footer{	height: 500px;
					background-color: #200513;
					margin: 0;
					position: relative;
					margin-top: 475px;
	}
	.government_footer{	height: 500px;
						background-color: #200513;
						margin: 0;
						position: relative;
						margin-top: 1450px;
	}
	.emergency_footer	{	height: 500px;
							background-color: #200513;
							margin: 0;
							position: relative;
							margin-top: 200px;
	}
	.fit_icons 	{	padding: 1em 0;}
	.waste_fees {	display: block;
					width: 95%;
					margin: auto;
					height: 1000px;
	}
	#emergency_page	{	display: flex;
						justify-content: space-around;
	}
	.emergency_border	{	border: 2pt solid #200513;
							box-shadow: 3px 3px 3px 3px #808080;
							width: 40%;
							border-radius: 2em;
							background-color: #db592a;	
	}
	.emergency_banner	{	display: flex;
						margin: 14% 0 0 -1%;
						text-align: center;
						font-size: 10vw;
	}
	.emergency_art 	{	display: block;
					clear: both;
					width: auto;
					height: 45%;
					float: left;
					margin: 4% -1% -3% -1%;
					/*padding-top: 15%;*/
	}
	main 	{	width: 100%;}
	
	.display_as_pdf	{	display: flex;
						height: 1200px;
						width: 95%;}
	.doc_frame		{	display: none;}
	.sewer_fee_button	{display: none;}
	div  	embed 	{	width: 80%;
						margin: auto;
	}
	.council_person {	font-size: 1.4em;
						margin-left: 13%;
	}
	.contact_info 	{	font-size: 1.4em;
						margin-left: 40%
	}
	.office_holders	{	font-size: 1.7em;}
	
	.event_headline 	{	font-size: 6vw;}
	.forms_heading		{	font-size: 6vw;}
	.permits_heading	{	font-size: 3.25vw;}
	table		{	width: 70vw;
					margin: auto;
					height: 55vw;
	}
	th			{	font-weight: bolder;
					font-size: 3vw;
	}
	table 	caption 	{	font-size: 7vw;
							font-weight: bold;
							margin-top: 0;
	}
}