@font-face {
    font-family: 'butler-ultra-light'; /*a name to be used later*/
    src: url('/fonts/butler/Butler_Ultra_Light.otf'); /*URL to font*/
}

@import url('https://fonts.googleapis.com/css2?family=Quintessential&display=swap');

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}

body{
	font-family:Georgia;
	text-align:justify;
}

.column{
	width:47%;
	float:left;
}

p, ul li{
	font-size:1em;
}

h3{
	font-size: 85px;
    /*text-transform: uppercase;*/
    font-family: "butler-ultra-light", serif;
    color: #CBC4B0;
    text-align: center;
	font-style: italic;
}

h4{
	font-size: 40px;
    font-family: "butler-ultra-light", serif;
    color: #CBC4B0;
    text-align: center;
	font-style: italic;
	text-decoration: underline;
	margin-top: 50px;
}
h4 a.smaller{
	font-size: 20px;
	text-decoration: none !important;
    color: #CBC4B0;

}

.members h4, .members h5{
	text-align: left;
}

h5{
	margin-top:40px;
	font-size: 27px;
    font-family: "butler-ultra-light", serif;
    color: #CBC4B0;
	font-style: italic;
	font-weight: bold;
}

.indent-more{
	padding-left: 50px;
}
.banner, .banner a{
	background-color: #19351D;
	color: #CBC4B0;
	text-align:center;
	cursor:pointer;
	font-size:30px;
	text-decoration:none;
  	font-family: "butler-ultra-light", serif;
  	font-style: italic;
}

.container-fluid, .bg-green{
	background-color: #19351D;
	min-height: 100vh;
}

.quintessential-regular {
  font-family: "Quintessential", serif;
  font-weight: 400;
  font-style: italic;
}

/* Utility class to center embedded iframes */
.centered-iframe {
	display: block;          /* allow margin auto */
	margin: 20px auto;       /* center horizontally and add vertical spacing */
	width: 90vw;             /* responsive width */
	max-width: 1500px;      /* don't grow too wide on large screens */
	background-color: #19351D;  /* attempt to show green behind white content */
	border: 3px solid #19351D;  /* add green border around iframe */
}

/* Container for iframe to add background color behind the white embed */
.iframe-container {
	background-color: #19351D;
	padding: 0;
	display: flex;
	justify-content: center;
}

/* Content container for centered, readable text */
.content-container {
	max-width: 1500px;
	margin: 30px auto;
	padding: 30px;
	background-color: #19351D;

}

.content-container p, .directors p, .content-container ul li{
	text-align: justify;
	font-size: 20px;
	color: #CBC4B0;
	font-family: "butler-ultra-light", serif;
	margin-bottom: 0;
}

.directors p{
	padding: 0 40px;
}
.directors p a, .content-container p a, .content-container ul li a{
	text-decoration: underline;
	color: #CBC4B0;
}

.row, .footer{
	padding-top:20px;
	padding-bottom:20px;
}
.row, .col-sm

/* Centered contact list without bullets */
.content-container ul {
	list-style: none;
	padding: 0;
	text-align: center;
}

.content-container ul li {
	text-align: center;
	justify-content: center;
}

.members ul li{
	text-align: left;
	justify-content: left;
}

/* Navbar/banner tweaks */
.banner .nav-link {
	color: #CBC4B0;
	font-family: "butler-ultra-light", serif;
	font-style: italic;
	font-size: 20px;
	text-align: center;
}
.banner .nav-link:hover {
	color: #FFFFFF;
	text-decoration: none;
}
.banner .nav-link.active, .navbar-dark .navbar-nav .nav-link.active {
	color: #CBC4B0;
}
@media (max-width: 767.98px) {
	.banner .navbar-nav {
		width: 100%;
		text-align: center;
	}
	.banner .nav-link {
		padding: 0.5rem 1rem;
	}
}

/* On larger screens, make navbar behave like the old full-width banner */
@media (min-width: 768px) {
	.banner {
		width: 100%;
		padding: 0; /* remove default navbar padding so background fills top */
	}
	.banner .container-fluid {
		padding-left: 0;
		padding-right: 0;
	}
	.banner .navbar-nav {
		display: flex;
		width: 100%;
	}
	.banner .nav-item {
		flex: 1 1 0;
	}
	.banner .nav-link {
		font-size: 30px; /* match original banner size */
		display: block;
		padding: 18px 0; /* vertical spacing similar to previous banner */
		text-align: center;
	}
	/* ensure the banner background spans full width behind the links */
	.banner .collapse {
		display: flex !important;
		align-items: center;
	}
}

/* Remove extra vertical padding for banner and footer so green is flush */
.banner {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.footer {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.h5-smaller{
	font-size: 20px;
	font-weight: normal;
}