html {
	scroll-behavior: smooth;
}

body {
	background: white;
	font-family: 'Noto Serif', serif;
}

.navbar {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 110;
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	font-family: 'Lato', sans-serif;
	padding: 0.5rem 1rem;
}

#logo {
	transition: 0.4s;
}

.bg-light {
	background: #fff !important;
}

.row {
	margin: 0 !important;
}

h1 {
	font-size: 34px;
	color: #333333;
}

h2 {
	font-size: 28px;
	color: #333333;
}

h3 {
	font-size: 22px;
	color: #333333;
}

h4 {

	font-size: 20px;
	color: #333333;
}

h5 {
	font-size: 16px;
	color: #333333;
}

h6 {
	font-size: 12px;
	color: #333333;
}

p {
	line-height: 2.0;
	color: #464646;
}

.error {
	margin: 3rem auto;
}

.project {
	margin: 0;
	padding: 0;
}

.empty {
	font-size: large;
	text-align: center;
}

.empty>h3 {
	color: #7c7c7c;
}

.empty>img {
	height: 6rem;
	width: auto;
	margin-bottom: 1rem;
}

.project-thumbnail {
	margin: 0;
	padding: 0;
}

.nav-item {
	margin-left: 0.7rem;
}

.nav-link {
	font-size: 18px;
}

.nav-item.active,
a.nav-link:hover {
	color: #272727 !important;
}

#toTopButton {
	display: none;
	position: fixed;
	bottom: 15px;
	right: 15px;
	z-index: 99;
	outline: none;
	background-color: #458500;
	color: #fff;
	cursor: pointer;
	border-color: #fff;
	height: 2.25rem;
	width: 2.25rem;
	border-style: solid;
	border-width: 2px;
	border-radius: 4px;
}

#toTopButton:hover {
	background-color: #FF9D00;
	border-color: #FF9D00;
	color: #fff;
}

.partner-logo {
	height: 150px;
	max-height: 150px;
	max-width: 100%;
	width: auto;
	margin: 0.5rem;
}

.logo {
	width: 80%;
	height: auto;
	margin: auto 0;
}

.content-wrapper {
	padding: 6rem 1rem;
}

.clickable {
	cursor: pointer;
}

.cover-image {
	height: 24rem;
	max-height: 24rem;
	width: 100%;
	object-fit: cover;
}

img {
	max-width: 100%;
}

.v-spacer {
	margin-top: 2rem;
}

.v-spacer-lg {
	margin-top: 4rem;
}

a {
	color: #58aa00;
}

a:hover {
	color: #242424;
}

.card {
	margin-bottom: 1rem;
}

.button-primary {
	background: #58aa00;
	color: fff;
	border: none;
	width: 6.5rem;
	height: 4rem;
}

/* .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
	padding-bottom: 30px;
} */

.post-wrapper {
	margin-top: 5rem;
}

h3.title {
	color: #346400;
}

h3.title::after {
	content: '';
	display: block;
	width: 52px;
	height: 3px;
	background: #FF9D00;
	margin: 4px 0 0;
}

h2.title {
	color: #3d7700;
}

a.project-card {
	text-decoration: none;
}

.divider {
	margin: 3rem 0rem;
}

.post {
	margin-top: 3rem;
}

.post-content {
	line-height: 1.8;
}

.date {
	margin-top: 1rem;
	color: #696969;
}

.gallery {
	max-height: 15rem;
}

.card-image {
	height: 10rem;
	overflow-y: hidden;
}

p.card-text {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.main {
	margin-top: 6rem;
}

.footer {
	min-height: 10rem;
	background: #458500;
	color: #e0e0e0;
}

.footer h4 {
	color: #e0e0e0;
}

.footer-logo {
	max-width: 12rem;
	width: 12rem;
	height: auto;
}

.footer-content {
	padding: 3rem 1rem;
}

.footer-main {
	margin-top: 1rem;
}

ul {
	padding-inline-start: 0;
}

li.footer-links {
	list-style-type: none;
	margin-top: 0.5rem;
}

li>a.footer-link {
	text-decoration: none;
	color: #e0e0e0;
}

.copyright {
	margin-top: 3rem;
}

.masonry-grid-image-gallery {
	display: grid;
	gap: 25px;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: 325px;
	margin: 0 auto 80px;
	max-width: 80vw;
}

.masonry-grid-image-gallery a img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

@media only screen and (max-width: 1400px) {
	.content-wrapper {
		padding: 3rem 0.7rem;
	}

	.masonry-grid-image-gallery {
		display: grid;
		gap: 25px;
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: 325px;
		margin: 0 auto 80px;
		max-width: 80vw;
	}

}

img.img-1 {
	content: url("/img/1.JPG");
}

img.img-2 {
	content: url("/img/5.JPG");
}

img.img-3 {
	content: url("/img/2.JPG");
}

img.img-4 {
	content: url("/img/3.JPG");
}


@media only screen and (max-width: 900px) {

	img.img-1 {
		content: url("/img/1-md.JPG");
	}

	img.img-2 {
		content: url("/img/5-md.JPG");
	}

	img.img-3 {
		content: url("/img/2-md.JPG");
	}

	img.img-4 {
		content: url("/img/3-md.JPG");
	}

	.masonry-grid-image-gallery {
		display: grid;
		gap: 25px;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: 325px;
		margin: 0 auto 80px;
		max-width: 80vw;
	}

	.cover-image {
		height: 16rem;
		max-height: 16rem;
		width: 100%;
		object-fit: cover;
	}

}


@media only screen and (max-width: 600px) {

	.masonry-grid-image-gallery {
		display: grid;
		gap: 25px;
		grid-template-columns: repeat(1, 1fr);
		grid-template-rows: 325px;
		margin: 0 auto 80px;
		max-width: 80vw;
	}

	.cover-image {
		height: 12rem;
		max-height: 12rem;
		width: 100%;
		object-fit: cover;
	}

}

.project-excerpt {
	color: #292929;
}

#mapid {
	z-index: 10;
	height: 256px;
}