body {
	font-family: 'Lato', sans-serif;
	font-size: 16px;
}
html {
	scroll-behavior: smooth;
}

/******* Upper navbar (green) *******/
.nav-complimentary {
	/* background-color: rgba(100, 148, 63, 1); */
	background-color: rgb(0, 0, 0);
	color: white;
	padding-top: 2px;
	padding-bottom: 2px;
}

.divider {
	width: 1px;
  margin: 6px 0;
  background: white;
}
.font-changer {
	color: rgba(255, 255, 255, 0.5);
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-right: 5px;
	margin-left: 5px;
}
.font-changer.active {
	color: white;
}
.font-changer:hover {
	cursor: pointer;
}
.font-changer.default {
	font-size: 16px;
}
.font-changer.lg {
	font-size: 20px;
}
.font-changer.xl {
	font-size: 24px;
}
.nav-complimentary-middle {
	max-width: 900px;
	margin: auto;
	display: flex;
	padding-right: 3px;
}
.nav-complimentary-middle a {
	color: white;
	font-weight: bold;
}
.nav-complimentary a:hover {
	text-decoration: none;
}
.fb-link {
	margin-left: 20px;
}

.mobile-nav-bottom {
	display: none;
}

@media(max-width: 992px) {
	.mobile-nav-bottom {
		display: block;
		color: black;
		padding: 15px 0;
		display: flex;
	}
	.mobile-nav-bottom a {
		color: black;
		font-size: 1.5rem;
		font-weight: bold;
	}
	.nav-complimentary {
		display: none;
	}
}

/********* Search Modal Styles **********/
.search-header {
	background-color: rgba(100, 148, 63, 1);
	text-align: center;
	position: relative;
}

/* The Close Button */
.close-search {
	color: #fff;
	font-size: 28px;
	font-weight: bold;
	position: absolute;
	right: 20px;
}

.close-search:hover,
.close-search:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

.search-modal-body {
	padding: 20px;
}

.search-wrapper {
	width: 100%;
	position: relative;
	padding: 2px;
	border: 2px solid black;
	display: flex;
}

.search-wrapper input {
	padding: 1rem;
	width: 100%;
	border: none;
}

.search-wrapper input:focus, 
.search-wrapper input:active {
	border: none;
	outline: none;
}

.search-wrapper button {
    border: none;
    background-color: lightgrey;
    padding: 0;
	background-color: rgba(100, 148, 63, 1);
	color: white;
	font-weight: bold;
	font-size: 1rem;
	padding: 0 15px;
}

#searchBtn {
	border: none;
	padding: 0;
	margin-right: 20px;
}

/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 200px; 
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.search-modal-content {
	background-color: #fefefe;
	margin: auto;
	border: 1px solid #888;
	width: 80%;
	max-width: 1000px;
}

@media only screen and (max-width: 768px) {
	.search-modal-content {
		width: 95%;
	}
}



/********* Navbar Styles *********/
.nav-custom {
	display: flex;
	gap: 20px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
	background-color: white;
	position: relative;
}
.navbar-left {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.navbar-middle {
	max-width: 1200px;
	margin: auto;
	display: flex;
}
.navbar-logo {
	margin-right: 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: max-content;
}
.navbar-content {
	display: flex;
	gap: 10px;
}
.nav-dropdown-title {
	font-size: 2rem;
	color: #000;
	padding: 25px 20px;
	font-weight: 700;
}
.nav-dropdown:hover .nav-dropdown-title {
	color: black;
}
.nav-dropdown-title:hover,
.nav-dropdown-title:focus {
	cursor: pointer;
}
.nav-dropdown {
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
}
.nav-dropdown-menu {
	position: absolute;
	top: 100%;
	min-width: max-content;
	background-color: white;
	opacity: 0;
	visibility: hidden;
	z-index: 9999;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.nav-dropdown-menu a:hover {
	background-color: #83a965;
	color: white;
}
.nav-dropdown-menu a {
	display: block;
	/* border-bottom: 1px solid #eeeeee; */
	padding:7px 20px;
	color: black;
	font-size: 1.5rem;
	text-decoration: none;
}
@media screen and (max-width: 992px) {
	.nav-dropdown-menu a {
		font-size: 1.7rem;
	}
}
.nav-dropdown-menu strong {
	padding: 5px 20px;
	margin-top: 8px;
	display: block;
}
.nav-dropdown-menu a:last-of-type {
	border-bottom: 0;
}
/* .nav-dropdown:focus .nav-dropdown-menu .nav-dropdown-content,
.nav-dropdown:focus-within .nav-dropdown-menu .nav-dropdown-content, */
.nav-dropdown:hover .nav-dropdown-menu  {
	visibility: visible;
	opacity: 1;
}
.open-search-btn.mobile {
	display: none;
}
.menu-btn {
	display: none;
	padding: 0;
}
.menu-btn:hover {
	opacity: 1;
}
.nav-down-arrow {
	display: none;
}
@media screen and (max-width: 992px) {
	.navbar-left {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.navbar-logo {
		display: inline;
	}
	.open-search-btn.mobile,
	.menu-btn {
		display: flex;
		flex-direction: column;
		justify-content: center;
	
	}
	.nav-custom {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.navbar-middle {
		flex-direction: column;
		margin-left: 22px;
		margin-right: 22px;
		width: 100%;
	}
	.navbar-content {
		flex-direction: column;
		display: none;
		margin-top: 2px;
	}
	.nav-dropdown-title {
		padding: 0;
		color: #000;
		display: flex;
	}
	.dropdown-arrow {
		width: 15px;
		margin-left: auto;
		background-image: url("../img/down-arrow.svg");
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
	}
	.dropdown-arrow.down {
		background-image: url("../img/down-arrow.svg");
	}
	.dropdown-arrow.up {
		background-image: url("../img/up-arrow.svg");
	}
	.nav-burger {
		width: 26px;
		height: 26px;
		display: inline-block;
		margin-left: auto;
	}
	.nav-closer {
		width: 20px;
		height: 20px;
		display: inline-block;
		margin-left: auto;
	}
	.nav-burger.hide,
	.nav-closer.hide {
		display: none;
	}
	.nav-dropdown {
		padding: 15px 0;
		border-bottom: 1px solid #eeeeee;
	}
	.nav-custom a:hover {
		color: #5a7c41;
		text-decoration: underline;
		background-color: rgba(0,0,0,0);
	}
	.nav-dropdown:last-of-type {
		border-bottom: 0;
	}
	.nav-dropdown-menu {
		position: relative;
		opacity: 1;
		display: none;
		visibility: visible;
		min-width: 100%;
		padding-top: 10px;
		box-shadow: none;
	}
	.nav-dropdown-menu a,
	.nav-dropdown-menu strong {
		padding: 5px 8px;
	}
	.navbar-content.open {
		display: block;
	}
	.menu-btn {
		visibility: visible;
	}
	.open-search-btn-desktop {
		display: none;
	}
}

/*-------------Navigation Styles (bootstrap)---------------*/

.navbar-styles{
	background-color: rgba(100, 148, 63, .8);
	font-family: Helvetica, 'Source Sans Pro', 'Sans-serif';
	font-weight: 300;
	border-bottom: none;
}

.navbar-default .navbar-nav>li>a{
	color: #fff;
	padding: 15px 30px;
	border-bottom: 5px solid rgba(100, 148, 63, .1);
}

.navbar-default .navbar-nav>li>a:hover{
	color: white;
	border-bottom: 5px solid white;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
	background-color: #83a965;
	color: #fff;
}

.navbar-nav>li>.dropdown-menu{
	background-color: rgba(100, 148, 63, .8);
	border: 1px solid #fff;
}

.dropdown-menu>.disabled>a, .dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover{
	color: #fff;
}

.dropdown-menu>li>a{
	color: #fff;
	background-color: #83a965;
}

.dropdown-menu>li>a:hover{
	color: #83a965;
	background-color: #fff;
}

.navbar-brand{
	padding: 0;
}

a.dropdown-toggle{
	padding: auto 50px;
}

.navbar-nav>li>.dropdown-menu{
	background-color: #83a965;
}

.dropdown-menu .divider{
	margin: 0;
}

.navbar-header{
	padding: 0px;
}
.nav-middle{
	width: 900px;
	margin: auto;
}

/*----------Upper Nav--------*/

#upper-nav{
	height: 30px;
	color: #fff;
	width: 1000px;
	margin: auto;
}

.font-size-changer {
	font-size: 13px;
}

/*Weather Widget*/

img.upper-link{
	width: 27px;
	margin: 0 auto;
	text-align: center;
}

#upper-nav span{
	color: #fff;
	margin: 0;
	width: 115px;
	float: left;
	margin-left: 10px;
	padding: 0 5px;
}

#upper-nav span a{
	font-size: 20px;
	color: #fff;
}


/*------------Mobile Nav Styles------------------*/

.navbar-default .navbar-toggle{
	border: none;
}

.navbar-default .navbar-toggle .icon-bar{
	background-color: #fff;
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse{
	max-height: initial;
}

.vis{
	visibility: visible;
	-webkit-visibility: visible;
	-moz-visibility: visible;
	-o-visibility: visible;
}


/*------------Standard Styles------------------*/

#wrapper{
	min-width: 100%;
	margin: auto;
}

h1, h2, h3, h4, h5, h6 {
	color: #64943f;
	margin: 0;
}

h1{ font-size: 40px; margin-bottom: 20px;}
h2{ font-size: 30px;}
h3{ font-size: 25px; margin-top: 20px;}
h4{ font-size: 25px; margin-bottom: 15px;}
h5{font-size: 25px;}

.white-font{color: #fff}

button{
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid #fff;
	padding: 10px;
	opacity: 1;
	transition: .5s;
}

button:hover{
	opacity: .3;
}

.explore-button:hover {
	opacity: 0.3;
}

button.standard{
	font-family: 'Anton';
	font-size: 25px;
	background-color: #9cb47e;
	border: 3px solid #64943f;
	color: #fff;
	padding: 10px;
	margin: 15px 0 15px 0;
}

button.light-green-bg{
	padding: 15px;
	background-color: #64943f;
}

a button.light-green-bg{
	color: #fff;
}

.clear-both{clear: both; height: 1px;}

.link-white {
	color: #fff;
}
.link-white:hover {
	color: #000;
}

.underline {
	text-decoration: underline;
}

/*-------------Landing Page--------------------*/

.hero {
	background: transparent url('../img/banners/banner-library-1000x.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	background-position-y: 60%;
	height: 600px;
	margin-top: -20px 0 0 0;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

@media screen and (min-width: 821px) {
	.hero { 
		background: transparent url('../img/banners/banner-library-2000x.jpg');
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center top;
		background-position-y: 60%;
	}
}

@media screen and (min-width: 1367px) {
	.hero { 
		background: transparent url('../img/banners/banner-library-4608x.jpg'); 
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center top;
		background-position-y: 60%;
	}
}

@media screen and (min-width: 1921px) {
	.hero { 
		height: 700px;
	}
}


.hero-content {
	margin-top: 50px;
}

@media screen and (max-width: 996px) {
	.hero {
		height: 26rem;
	}
}


.lp-cta{
	width: 1060px;
	margin: auto;
	height: 350px;
}

.cta{
	color: white !important;
	width: 300px;
	height: 370px;
	padding: 10px 5px 10px 5px;
	margin: -88px 25px 0 25px;
	position: relative;
	top: 0;
	float: left;
	transition: 1s;
	-webkit-transition: 1s;
	-moz-transition: 1s;
}

.bold-blue-reservations {
	color: #337ab7;
	font-weight: bold;
	margin-bottom: -50px;
}

.green-cta{background-color: #64943f;}
.blue-cta{background-color: #3768b2;}
.brown-cta{background-color: #89411e;}

.cta h2{
	margin-left: 10px;
	float: left;
}

.cta img{
	margin-left: -5px;
	margin-top: 10px;
}

.cta-title img{margin-top: 5px; margin-left: 25px;}

img.cta-img-adj-one{margin-left: 90px;}

img.cta-img-adj-two{margin-left: 85px;}

.cta:hover{
	top: -50px;
}

.lp-video{
	width: 650px;
	height: 300px;
	background-color: #64943f;
	float: left;
	padding: 10px 5px 10px 5px;
	margin: 0 25px;
	overflow: hidden;
	position: relative;
	top: 0;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
}

.lp-video:hover{
	top: -10px;
}

img.aerial-img{
	margin-left: -5px;
	margin-top: 5px;
}

.cta-btm{
	width: 300px;
	height: 313px;
	margin: 0 25px;
	float: left;
}

.cta-act{
	width: 300px;
	height: 50px;
	margin-bottom: 38px;
	padding:15px;
	transition: 1s;
}

.cta-btm a:hover{
	text-decoration: none;
}

.cta-act:hover{
	margin-left: 15px;
}

img.small-view{
	display: block;
}

/* Call to action section */
.container-cta {
	max-width: 1100px;
	margin: auto;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 50px;
	padding: 15px;
}


.cta-link:hover {
	text-decoration: none;
}

.cta-card-header {
	display: flex;
	padding: 5px 10px;
}

.cta-title {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.cta-misc-title {
	padding: 5px 10px;
}

.cta-link:hover,
.cta-link:focus {
	text-decoration: none;
}

.cta-link:hover {
	text-decoration: none;
}

.cta-icon {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-left: auto;
}

.bg-green{background-color: #64943f;}
.bg-blue{background-color: #3768b2;}
.bg-brown{background-color: #89411e;}

.cta-card-body,
.cta-card-wide-body {
	height: 314px;
	background-repeat: no-repeat;
	background-size: cover;
}

/* Mobile styles for CTA section */
@media screen and (max-width: 776px) {
	.container-cta {
		display: flex;
		flex-direction: column;
		gap: 10%;
		padding: 15px;
	 }

	.cta-card-body {
		display: none;
	}

	.cta-card, .cta-misc, .cta-card-wide {
		margin-bottom: 1rem;
	}

	.cta-business-br {
		display: none;
	}
}

.bg-camping {
	background-image: url("../img/lakeview-park-cover.jpg");
}
.bg-business-directory {
	background-image: url("../img/bus-direct.jpg");
}
.bg-parks-rec {
	background-image: url("../img/riverside-park.jpg");
}
.bg-river {
	background-image: url("../img/gal/area.jpg");
	background-position-y: 63%;
}

.cta-card-wide {
	grid-column: 1 / span 2;
}

.cta-card-wide:hover {
	text-decoration: none;
}

.cta-aerial img {
	width: 100%;
}

.cta-misc-section {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.cta-misc {
	display: block;
	font-size: 30px;
}



/*----------Left Justified Styles-------------*/

section.left-just{
	width: 90%;
	margin:auto;
	margin-top: 75px;
}

.img-right{
	float: right;
	margin-right: 5%;
	margin-top: 20px;
}

.text-left{
	width: 50%;
}

.text-left-float{
	width: 40%;
	margin-left: 0;
	float: left;
}

.img-right-float{
	float: right;
}

button.width{
	text-align: center;
	width: 450px;
}

section.left-just li{
	list-style: none;
}

section.left-just ul{
	padding: 0;
}

section.left-just li.list{
	list-style: disc;
}

section.left-just ul.list {
	padding-left: 40px;
}

.list-align-left {
	text-align: left;
}

.aside{
	width: 375px;
	background-color: #9cb47e;
	border: 12px solid #64943f;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	margin-left: 30px;
	margin-top: 25px;
	padding: 20px;
}

.aside p{
	color: #fff;
}

.aside p a{color: #fff;}

img.img-resp{
	width: 450px;
}

img.resp{
	width: 100%;
}

img.mayor{
	max-width: 100%;
	width: 350px;
}

@media screen and (max-width: 768px) {
	img.mayor {
		margin: auto;
	}
}

.lines{
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	margin: auto;
}




/*---------------Left Image Styles-----------*/

section.img-text{
	width: 1100px;
	margin: auto;
	margin-top: 75px;
	margin-bottom: 20px;
}

section.img-text p{
	width: 80%;
}

img.left-img{
	float: left;
	margin: 0 20px;
}

p.desc{
	font-size: 18px;
}

section.img-text li.list{
	list-style: none;
}

/*---------------Center Styles---------------*/

section.center{
	width: 90%;
	margin: auto;
	text-align: center;
}

section.skinny{
	width: 75%;
	margin: auto;
	text-align: center;
	margin-top: 30px;
}

@media screen and (max-width: 767px) {
	section.skinny {
		margin-top: 20px;
	}
}

section.skinny button{
	width: 80%;
}

section.skinny table{
	width: 100%;
	margin: 0;
	padding: 0;
}

section.skinny table tr{
	text-align: center;
	color: #fff;
}



/*----------------Accordion Styles------------*/

.panel-default>.panel-heading{
	background-color: #64943f;
	padding: 1px;
	color: black !important;
}

.lakeview-panel-group-padding {
	padding: 10px;
}


td.quarter{width: 25%;}
td.half{width: 100%}

.panel-default{
	margin-bottom: 15px;
}

/*-------------Area Info Styles----------------*/

.all-group{
	margin: auto;
}

.all-group .towns{
	float: left;
	padding: 50px;
}
.all-group .towns p{
	width: 225px;
}

/*----------------Agenda Styles----------------*/

table.agenda{
	width: 500px;
	margin: auto;	
}

table.agenda td {
	color: black;
}

/*----------------Directory Styles-------------*/
.business-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

@media only screen and (max-width: 776px) {
	.business-grid {
		display: grid;
		grid-template-columns: 1fr;
	}
}

.business{
	width: 40%;
	text-align: left;
	color: #64943f;
	margin: auto;
}

/*----------------Public Works----------------*/
.ul-public-works-contact,
.ul-public-works {
	list-style: none;
	padding-left: 0;
}

.ul-public-works li {
	margin-bottom: 10px;
}

/*----------------Contact Styles----------------*/

/*Form Elements*/
.contact-form {
	margin-top: 50px;
}

.fb-input {
	color:#3c3c3c;
	font-family: sans-serif;
	font-weight:500;
	font-size: 15px;
	border-radius: 0;
	line-height: 15px;
	background-color: #fff;
	padding: 13px 13px 13px 13px;
	margin-bottom: 10px;
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid grey;
	border-radius: 5px;
}

.feedback-input:focus{
	box-shadow: 0;
	border: 3px solid #54C5ED;
	color: #54C5ED;
	outline: none;
	padding: 13px 13px 13px 54px;
}

textarea {
    width: 100%;
    height: 150px;
    line-height: 150%;
    resize:vertical;
}

.submit {
	width: 100%;
	padding: 10px 0;
    font-size: 25px;
    font-family: 'Anton';
    color: #FFF;
    text-decoration: none;  
    background-color: #64943f;
    border: none;
    /* Animation */
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
		border-radius: 5px;
}

.submit:hover, 
.submit:focus {
    text-decoration: none;
    font-size: 30px;
    background-color: #64943f;
}

button.asider{
	padding: 10px 20px;
    font-size: 25px;
    font-family: 'Anton';
    color: #FFF;
    text-decoration: none;  
    background-color: #64943f;
    border: none;
}

/*----------------LightBox Styles--------------*/

.scenic-views-grid {
	display: grid;
	column-gap: 10px;
	row-gap: 10px;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	max-width: 100%;
}

@media screen and (max-width: 992px) {
	.scenic-views-grid {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}

@media screen and (max-width: 768px) {
	.scenic-views-grid {
		grid-template-columns: 1fr 1fr 1fr;
	}
	.scenic-views-grid a img {
		width: 100%;
		height: 100px;
	}
}

.scenic-views-grid a img {
	opacity: 1;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	object-fit: cover;
	width: 100%;
	height: 133px;
}

@media screen and (max-width: 992px) {
	.scenic-views-grid a img {
		height: 100px;
	}
}

@media screen and (max-width: 768px) {
	.scenic-views-grid a img {
		height: 80px;
	}
}

.scenic-views-grid a img:hover {
	opacity: .8;
}

/*----------------Footer Styles----------------*/
.footer-illustration {
	min-height: 540px;
	background-repeat: no-repeat;
	background-position: bottom;
	background-size:contain;
	background-image: url("../img/footer-illustration-1996px.png");
	margin-top: 25px;
}

@media screen and (min-width: 1921px) {
	.footer-illustration {
		margin-top: 100px;
	}
}

@media screen and (max-width: 1600px) {
	.footer-illustration {
		min-height: 350px;
	}
}

@media screen and (max-width: 992px) {
	.footer-illustration {
		min-height: 250px;
		margin-top: 20px;
		background-image: url("../img/footer-illustration-898x.png");
	}
}

@media screen and (max-width: 700px) {
	.footer-illustration {
		min-height: 150px;
	}
}

.footer-bg { background-color: #3768b2; }
.footer-flex {
	display: flex;
	margin: auto;
	justify-content: space-between;
	width: max-content;
	gap: 50px;
}

.footer-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	max-width: 1100px;
	margin: auto;
	gap: 10px;
	padding: 0 50px;
	color: white;
}

.footer-cell {
	margin-bottom: 20px;
}

.footer-img-mobile {
	display: none;
}

@media screen and (min-width: 997px) {
	.footer-cell:first-child {
		padding-left: 50px;
	}
}

@media screen and (max-width: 776px) {
	.footer-grid {
		grid-template-columns: 1fr;
		width:fit-content;
		padding-top: 25px;
	}
	.footer-cell:nth-child(4),
	.footer-img-desktop  {
		display: none;
	}
	.footer-img-mobile {
		display: block;
	}
}

.footer-title {
	font-size: 19px;
	color: #cbcdd8;
}

.footer-title a,
.footer-title a:hover,
.footer-title a:focus {
	font-size: 19px;
	color: #cbcdd8;
}

footer ul{padding: 0; margin: 0;}

footer li{ list-style: none;}

.copy-right{
	height: 50px;
	text-align: center;
	background-color: #3768b2;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-bottom: 30px;
	padding-top: 50px;
}

footer a,
footer a:hover,
footer a:active,
.copy-right span {
	color: #fff;
}
footer a:focus {
	color:#888888;
}

/*----------------Council Styles----------------*/
@media screen and (min-width: 995px) {
	.council-col-right {
		padding-left: 50px;
		padding-right: 50px;
	}
	
	.council-col-right > .btn-green {
		width: 100%;
	}
}


.btn-green {
	font-family: 'Anton';
	font-size: 25px;
	background-color: #9cb47e;
	border: 3px solid #64943f;
	color: #fff;
	padding: 10px;
	margin: 15px 0 15px 0;
	display: inline-block;
	opacity: 1;
	transition: 0.5s ease-in-out;
	text-align: center;
}

.btn-green:hover,
.btn-green:focus {
	opacity: .6;
	text-decoration: none;
	color: white;
}

.clip-circle {
	clip-path: circle(50% at 50% 50%);
	max-width: 100%;
}

.img-councillor {
	width: 200px;
}

.grid-councillors {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	gap: 40px;
}

@media screen and (max-width: 1000px) {
	.grid-councillors {
		grid-template-columns: 1fr 1fr 1fr;
	}
}
@media screen and (max-width: 776px) {
	.grid-councillors {
		grid-template-columns: 1fr 1fr;
	}
}

.grid-councillors > div > img {
	width: 200px;
}

.councillor-title {
	margin: 0;
}

.title-council-members {
	font-size: 40px;
}

.councillor-profile {
	display: grid;
	grid-template-columns: 1fr 2fr;
	gap: 50px;
	border-bottom: 1px solid gainsboro;
	margin-bottom: 50px;
    padding-bottom: 30px;
}

.councillor-profile > div:nth-child(1) {
	text-align: center;
	padding-top: 10px;
}

.councillor-profile:nth-last-child(1) {
	border-bottom: none;
	margin-bottom: 0;
    padding-bottom: 0;
}

@media only screen and (max-width: 776px) {
	.councillor-profile {
		grid-template-columns: 1fr;
		gap: 5px;
	}
	.councillor-profile > div:nth-child(1) {
		width: max-content;
		margin: auto;
	}
	.councillor-profile > div:nth-child(1) > img {
		display: block;
		margin: auto;
	}
	.title-council-members {
		text-align: center;
	}
}

.councillor-profile > div > p {
	font-size: 18px;
}

.grid_council-history {
	width: fit-content;
	margin: auto;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	gap: 30px;
}

@media screen and (max-width: 776px) {
	.grid_council-history {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

.thumbnail_council-history {
	width: 130px;
	height: 130px;
}

@media screen and (max-width: 992px) {
	.thumbnail_council-history {
		width: 120px;
		height: 120px;
	}
}

@media screen and (max-width: 776px) {
	.thumbnail_council-history {
		width: 100px;
		height: 100px;
	}
}

.thumbnail_council-history a img {
	object-fit: cover;
}

.row_history {
	margin-bottom: 10px;
}

.thumbnail-council {
	width: 100%;
}

.timeframe-council {
	font-size: small;
}

.table_past-councils {
	border: 1px solid rgb(168, 168, 168);
}

.table_past-councils tr th {
	text-align: left;
	background-color: #3768b2;
	color: white;
}

.table_past-councils tr td,
.table_past-councils tr th {
	padding: 15px 32px 14px 32px;
	vertical-align: top;
}

/* .table_past-councils tr td:nth-child(1) {
	min-width: 100px;
} */

@media screen and (min-width: 992px) {
	.table_past-councils tr td:nth-child(1) {
		min-width: 150px;
	}
}


@media screen and (max-width: 776px) {
	.table_past-councils tr td,
	.table_past-councils tr th {
		padding: 15px 15px 14px 15px;
	}
}

.table_past-councils tr:nth-child(even) {
	background-color: #F7F7F7;
}



/*----------------Minutes----------------*/
.panel-title a:hover,
.panel-title a:focus {
	text-decoration: none;
}

.panel-title h5 {
	padding: 5px 0;
}

.table-minutes {
	width: 100%;
	/* border: 1px solid grey; */
}

.table-minutes tr td,
.table-minutes tr th {
	padding: 10px;
	text-align: center;
}

.table-minutes tr:nth-child(even){
	background-color: #f2f2f2;
}

/*----------- Applications -----------*/
.table-applications tr:nth-child(even){background-color: #f2f2f2;}
.table-applications tr td {
	border: 1px solid #ddd;
	padding: 10px;
}
@media screen and (min-width: 776px) {
	.table-applications tr td:nth-child(1) {
		padding-right: 50px;
	}
}
@media screen and (max-width: 480px) {
	.table-applications  {
		display: block !important;
		overflow-x: auto !important;
		width: 100% !important;
	}
}
/*----------- Lakeview Park Campground -----------*/
.img-lakeview-mobile {
	display: none;
}

.btn-reserve {
	width: 300px;
	padding: 18px 10px;
}

.mini-title-camping {
	color: #333333;
	font-size: 18px;
}

.reserve-troubleshoot {
	color: gray;
	display: block;
	text-wrap: balance;
	max-width: 300px;
	text-align: center;
	margin: auto;
}

@media only screen and (max-width: 991px) {
	.img-lakeview-mobile {
		display: block;
		margin-bottom: 10px !important;
	}
	.img-lakeview-desktop {
		display: none;
	}
}

.camping-section p {
	margin-bottom: 30px;
}

.camping-section h3 {
	color: #000;
}


/*----------------Parks & Rec Styles----------------*/
.park-title {
	margin-bottom: 50px;
}

.col-park {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

@media screen and (min-width: 992px) {
	.parkgroup {
		display: flex;
	}
}

.parkname-mobile {
	display: none;
	text-align: center;
	margin-bottom: 13px;
} 

@media screen and (max-width: 991px) {
	.parkname-mobile {
		display: block;
	}
	.parkname-desktop {
		display: none;
	}
}


.parkgroup {
	margin-bottom: 50px;
}

/*------------ Opportunities & RFO -------------*/
.table_opportunities {
	border: 0.5px solid grey;
}

.table_opportunities tr th {
	text-align: left;
	background-color: #64943f;
	color: black;
}

.table_opportunities tr td,
.table_opportunities tr th {
	padding: 15px 32px 14px 32px;
	vertical-align: top;
}

@media screen and (max-width: 776px) {
	.table_opportunities tr td,
	.table_opportunities tr th {
		padding: 15px 15px 14px 15px;
	}
}

.table_opportunities tr:nth-child(even) {
	background-color: #F7F7F7;
}

.table-green {
	background-color: #9cba83;
}

.table-green td,
.table-green th {
	color: black;
	padding: 15px 0;
}

.table-green td a {
	color: black;
	text-decoration: underline;
}

/*----------------About the Area----------------*/
.container-towns {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	max-width: 1200px;
	margin: auto;
	gap: 40px;
	padding-left: 50px;
	padding-right: 50px;
}

@media screen and (max-width: 995px) {
	.container-towns {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

@media screen and (max-width: 768px) {
	.container-towns {
		grid-template-columns: 1fr;
		padding-left: 10px;
		padding-right: 10px;
		max-width: 320px;
	}
}

.card-town {
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: space-between;
}

/*----------------Notice Card-------------------*/
.notice-card {
	background-color: #F7F7F7;
	max-width: 500px;
	display: flex;
	margin: auto;
	margin-top: 50px;
	margin-bottom: 50px;
	border-radius: 5px;
	/* box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; */
}

.notice-card-left {
	min-width: 40px;
	background-color: #D97F00;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.notice-card-right {
	padding-left: 20px;
	padding-right: 20px;
}
.notice-title {
	color: #D97F00;
}

/*---------------Finance Sections---------------*/
.table-finance {
	width: 100%;
}
.table-finance td, 
.table-finance th {
  border-bottom: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

.table-finance tr:nth-child(odd) {
  background-color: #dddddd;
}

.btn-payment-option {
	font-size: 2.8rem;
	margin-bottom: 20px;
}

.btn-payment-option:hover,
.btn-payment-option:focus,
.btn-payment-option:active {
	color: #0885AD;
	text-decoration: none;
}

.payment-option-toggler {
	text-decoration: none;
}

.toggler-payment-option {
	display: flex;
	border-bottom: 1px solid rgb(209, 209, 209);
}
.dropdown-arrow-payment {
	margin-left: auto;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 30px;
}
.dropdown-arrow-payment.down {
	background-image: url("../img/down-arrow-green.svg");
}
.dropdown-arrow-payment.up {
	background-image: url("../img/up-arrow-green.svg");
}

/********* Business Licenses / BizPal  ***************/
.table-business-fees tr td:first-child {
	background-color: #1b355c;
	color: white;
	font-weight: bold;
	/* background-color: #f2f2f2; */
}
.table-business-fees tr td {
	border: 1px solid #ddd;
	padding: 10px;
}
@media screen and (min-width: 776px) {
	.table-business-fees tr td:nth-child(1) {
		padding-right: 50px;
	}
}
@media screen and (max-width: 480px) {
	.table-business-fees  {
		display: block !important;
		overflow-x: auto !important;
		width: 100% !important;
	}
}


/*---------------Water Use Restrictions-------------*/
.header-water-use-restiction { font-size: 7rem; }
.link-drought-level, .link-drought-level:hover, .link-drought-level:focus { color: #800000; }
.link-water-restriction-level, .link-water-restriction-level:hover, .link-water-restriction-level:focus { color: #ff5050; }
.link-water-restriction-warning, .link-water-restriction-warning:hover, .link-water-restriction-warning:focus { color: #ff9900; }
.link-drought-level:hover, .link-drought-level:focus,
.link-water-restriction-level:hover, .link-water-restriction-level:focus,
.link-water-restriction-warning:hover, .link-water-restriction-warning:focus {
	text-decoration: none;
}
.current-conditions-grid {
	width:fit-content;
	margin: auto;
	margin-bottom: 45px;
	font-size: 3rem;
}
@media screen and (max-width: 550px) {
	.current-conditions-grid {
		font-size: 2rem;
	}
}
.current-conditions-grid > div:nth-child(1) {
	background-color: #64943f;
	padding: 10px;
	text-align: center;
}
.current-conditions-grid > div:nth-child(2) {
	color: black;
	padding: 20px;
	border-left: 1px solid #888888;
	border-right: 1px solid #888888;
	border-bottom: 1px solid #888888;
}
.watering-table {
	display: block !important;
	overflow-x: auto !important;
	width: 100% !important;
}
.watering-table > tbody > tr > th {
	font-weight: 500;
}
.watering-table > tbody > tr > td {
	border: 1px solid #ddd;
}
.bg-stage-1 { background-color: #ffe5b4; }
.bg-stage-2 { background-color: #ffcc66; }
.bg-stage-3 { background-color: #ff5050; }
.bg-stage-4 { background-color: #800000; }
.bg-not-permitted { background-color: #d1cfcf; }
.watering-table th,
.watering-table td {
	padding: 20px 20px;
}
.watering-table__subtext { font-size: 16px; color: #666666; }
.watering-table__largetext { font-size: 20px; color: #333333; }

.watering-table__green-row {
	background-color: #d0f7dc;
	font-weight: bold;
	font-size: 1.8rem;
}

.watering-table__not-permitted {
	background-color: #d1cfcf;
}
.watering-notes-heading {
	color: black;
	margin-top: 20px;
}
.watering-faq {
	border: 1px solid #888888;
	padding: 19px;
	background-color: #f4f4f4;
}

.wateringfaq-toggler-label {
	font-size: 18px;
    color: #3b3b3b;
    display: flex;
    width: fit-content;
    flex-direction: column;
    justify-content: center;
	padding-right: 10px;
}
.toggler-watering-faq {
	display: flex;
}
.dropdown-arrow-watering {
	margin-left: auto;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 35px;
	height: 35px;
}
.dropdown-arrow-watering.down {
	background-image: url("../img/down-arrow-grey.svg");
}
.dropdown-arrow-watering.up {
	background-image: url("../img/up-arrow-grey.svg");
}
@media screen and (max-width: 667px) {
	.dropdown-arrow-watering {
		width: 20px;
		height: auto;
	}
}
.btn-watering-faq {
	font-size: 2.8rem;
	margin-bottom: 20px;
}

.btn-watering-faq:hover,
.btn-watering-faq:focus {
	text-decoration: none;
}

/*----------------Utility Styles----------------*/
.my-default {
	margin-top: 50px;
}

@media screen and (max-width: 992px) {
	.px-default {
		padding: 0 28px;
	}
}

@media screen and (max-width: 970px) {
	.my-default {
		margin-top: 80px;
		margin-bottom: 80px;
	}
	.desktop-only {
		display: none;
	}
}

@media screen and (max-width: 776px) {
	.my-default {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.px-default {
		padding: 0 8px;
	}
}

.text-center { text-align: center; }
.text-white { color: #fff; }
.text-black { color: #000; }
.font-bold { font-weight: 700; }
.font-bolder { font-weight: bolder; }
.font-lg { font-size: 2rem; }
.mx-auto { margin: auto; }
.ml-auto { margin-left: auto; }
.mb-0 { margin-bottom: 0; }
.mb-25 { margin-bottom: 25px; }

.link-green:link {
	color: #64943f;
	text-decoration: underline;
}

.vertical-center {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.flex {
	display: flex;
}

.list-none {
	list-style-type: none;
	padding-left: 0;
}