/******/
/*** GLOBAL ***/
/******/

a, a.button, .gform_footer input.gform_button, .gform_footer input.gform_button, input[type=password], form.post-password-form input[type=submit] {
	cursor: pointer;
	-webkit-transition: all .2s ease-in-out, border .2s ease-in-out;
	-moz-transition: all .2s ease-in-out, border .2s ease-in-out;
	-o-transition: all .2s ease-in-out, border .2s ease-in-out;
	transition: all .2s ease-in-out, border .2s ease-in-out;
}

ul, ol {
	padding-inline-start: 1.125rem;
	margin-block-start: 0;
}

ol {
	margin-left: .5rem;
}

.button-container {
	padding: 2.25rem 0 .875rem 0;
}

nav a:hover, input[type=password]:hover, form.post-password-form input[type=submit]:hover, .gform_footer input.gform_button:hover, form.post-password-form input[type=submit]:hover {
	opacity: .6;
}

body .gform_wrapper .gform_footer input[type=submit]:hover {
	opacity: .6!important;
}

nav a img {
	max-width: 10rem;
	margin-right: 1.5rem;
}

nav a {
	text-decoration: none;
}

nav ul, footer ul {
	padding-inline-start: .75rem;
	list-style-type: none;
	float: left;
	margin-block-end: 0;
	display: -webkit-box;
  	display: -webkit-flex;
  	display: -ms-flexbox;
  	display: flex;
  	align-items: center;
  	justify-content: center;
}

footer ul {
	padding-inline-start: 0!important;
}

nav {
	margin-left: .75rem;
}

nav ul li, footer ul li {
	padding-right: .75rem;
	margin-block-start: .0625rem;
}

/* GRAVITY FORMS */

.ginput_container input[type=text], .ginput_container input[type=email], .ginput_container textarea.textarea {
	padding: 1rem!important;
	font-size: 2rem!important;
	min-height: 4rem!important;
}

.section-comments form textarea, .section-comments form input {
	padding: 1rem;!important;
	font-size: 2rem!important;
	border: none;
}

.gform_footer input.gform_button, input[type=password], form.post-password-form input[type=submit], .section-comments form input[type=submit] {
	font-size: 1.25rem!important;
	font-weight: 600!important;
	border-radius: .25rem!important;
	padding: .75rem!important;
}

.gform-theme--foundation .gfield textarea.medium, .section-comments form textarea {
	min-height: 20rem!important;
}

.section-comments form input:not(p.comment-form-cookies-consent input, .section-comments form input[type=submit]) {
	width: 100%;
}

.section-comments form textarea, .section-comments form input:not(p.comment-form-cookies-consent input) {
	max-width: calc(100% - 3rem);
	border-radius: .25rem;
}

.section-comments form label:not(p.comment-form-cookies-consent label, label.gform-field-label--type-inline) {
	width: 100%;
	float: left;
}

.video-container {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	padding-top: 0;
	margin-bottom: 0;
}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* SECTIONS */

ul.directory-filter {
	padding-inline-start: 0;
	margin-block-end: 0;
}

ul.directory-filter li {
	list-style-type: none;
	padding-right: 1.5rem;
}

ul.directory-filter li a {
	font-weight: bold;
	font-size: 1.25rem;
	text-decoration: none;
	color: var(--dark-green);
}

ul.directory-filter li a:hover {
	color: var(--brown);
}

.staff-wrapper button.staff-link {
	border: none;
	padding: 0;
}

.staff-directory a.grid-25 {
	text-decoration: none;
}

.staff-directory .staff-container {
	position: relative;
	padding-top: 25rem;
	background-size: cover;
	background-position: center top;
}

.staff-directory .staff-content {
	padding-left: 1.5rem;
	padding-bottom: 1.5rem;
	padding-right: 1.5rem;
	bottom: 0;
	left: 0;
	background: rgb(44,81,60);
	background: linear-gradient(0deg, rgba(44,81,60,1) 0%, rgba(44,81,60,0) 100%);
	color: var(--white);
	min-height: 7.125rem;
}

/* The Modal (background) */
.modal {
	display: none;
	position: fixed; /* Stay in place */
	z-index: 3; /* Sit on top */
	padding-top: 5vh!important; /* Location of the box */
	left: 0;
	top: 0;
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0);  /* Fallback color */
	background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
	
}

/* Modal Content */
.modal-content {
	position:relative;
	background-color: #fefefe;
	margin: auto;
	width: calc(100% - 1.5rem);
	max-width: 50rem;
	box-shadow: 0 0 0 rgba(0,0,0, 0.7);
	border-radius: .25rem;
}

.modal-text-content {
    padding: .75rem;
    margin: 0 auto;
}

.modal-content .team-thumbnail {
    margin-right: 1.5em;
}

.modal-close {
    position: absolute;
    top: .625rem; right: 1rem;
}

/* The Close Button */
.close {
	color: #aaaaaa;
	float: right;
	font-size: 1.5rem;
	font-weight: bold;
}

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

.staff-link {
    cursor: pointer;
}

.team-thumbnail {
	margin-bottom: .375rem;
}

.team-thumbnail img {
	margin-bottom: .25rem;
}

@media screen and (min-width: 768px) {
	
	.modal-content .the-content {
		max-height: 34rem;
		overflow-y: scroll;
	}
	
	.staff-directory header.grid-container-full {
		padding-top: 0;
		padding-bottom: 0;
	}
	
	.modal-content .modal-padding {
		padding: 1.25rem;
	}
	
	.modal {
		padding: 1.25rem;
		width: 100%; /* Full width */
		height: 100%; /* Full height */
	}
	
}

@media screen and (min-width: 1400px) {
	

	
}

@media screen and (min-width: 1024px) {
	

	
}

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

}

@media screen and (max-width: 767px) {
	
	.staff-directory header.grid-container-full, .staff-directory header.grid-container-full .grid-100 {
		padding-top: 0;
		padding-bottom: 0;
	}
	
	.staff-directory .staff-container {
		padding-top: 12.5rem;
	}
	
	.staff-directory .staff-content {
		padding-left: .75rem;
		padding-bottom: .75rem;
		padding-right: .75rem;
		min-height: 5.125rem;
	}
	
	.modal {
		height: 100%;
	}
	
	.modal-content {
		max-height: 75vh;
		overflow-y: scroll;
	}
	
	.modal-padding {
		padding: 1.25rem;
	}
	
	.team-thumbnail img {
		margin-bottom: .75rem;
	}
	
}