/*
Theme Name: Slate Child
description: Client Theme - Slate
Template: slate-parent
Version: 1.0.0
Text Domain: slate-child
Author: BCW
*/
/* = HEADER = */
/* The logo is narrow, so give the six-item main menu the extra room on desktop */
@media screen and (min-width: 992px) {
	#primary-header .logo {
		width: 20%;
	}
	#primary-header nav {
		width: 80%;
	}
}
/* = CONTACT INFO = */
/* Match the reason dropdown to the other footer form inputs */
#contact-info form select {
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 16px;
	color: #555;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.team-section .members {
	justify-content: center;
}
.team-section .member {
	text-align: center;
}
.team-section .member .image img {
	width: auto;
}
.team-section .member {
	flex: 0 1 calc(25% - 75px);
}
#contact-info form .gform_button {
	transition: all ease .5s;
	color: #fff;
	text-transform: uppercase;
}
#contact-info form .gform_button:hover,
#contact-info .gform_button:focus {
	background: var(--color-2);
}
#contact-info form .gform_button {
	background: var(--color-1);
	width: 100%;
	border: none;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px 0;
	border-radius: 5px;
}
#contact-info form .gform_button:focus,
.gform_button:hover {
	background-color: var(--color-2);
}