/*
Dark Green: #125126
Light Green: #F6FDF5
Light Tan: #F1E8DC

BG: #A8BDB0

*/

html {
    position: relative;
    min-height: 100%;
}

body { 
	background-color: #A8BDB0; 
	margin: 0 0 40px; /* bottom = footer height */
}

.page-content-wrapper { flex-grow: 1; }

h1 { 
	font-family: Libre Baskerville; 
	font-size: 4rem;
	color: #0B361B;
	text-shadow: 2px 2px 2px #999, 4px 4px 4px #999;
}

a, a:hover { 
	color: #125126; 
	text-decoration: none; 
}

strong { color: #125126; }


.header a { text-decoration: none; }

.header-logo { max-width:400px; }

.carousel {
	background-color: #F1E8DC; 
	min-height: 200px;
}

.carousel-control-next, .carousel-control-prev {
	width: auto;
	color: #000 !important;
	font-size: 2rem;
	font-weight: bold;
}

.carousel-control-prev { left: 15px; }

.carousel-control-next { right: 15px; }

.carousel-indicators { bottom: -15px; }

.carousel-indicators [data-bs-target] { background-color: #000; }

.home-subheader { 
	width: 70%;
    margin: 15px auto 30px;
	color: #125126;
    font-size: 1.4rem;
	text-shadow: 2px 2px 2px #AAA, 4px 4px 4px #AAA;
}

.footer { 
	background-color: #FFF; 
	position: absolute;
    left: 0;
    bottom: 0;
    height: 40px;
    width: 100%;
}

/* *************************** */

@media (max-width: 765px) {
	.home-subheader { 
		width: 100%;
		font-size: 1.2rem;
	}
}

@media (max-width: 430px) {
	.header-logo { max-width:250px; }
	
	.home-subheader { font-size: 1rem; }	
	
	.carousel-item p,
	.carousel-item ul	{ font-size: 15px; }
	
	.carousel-item ul	{ padding-left: 20px; }
	
	.footer { font-size: 0.75rem; }
}

@media (max-width: 375px) {
	.header-logo { max-width:200px; }
	
	.carousel-inner { font-size: 1rem !important; }
}