/* =Mobile Menu
---------------------------------------------------------------------- */

#mobile-menu, #mobile-screen, #mobile-header {
	display: none;
}
#mobile-menu {
	background: #ffffff;
	cursor: pointer;
	left: 0;
	overflow: auto;
	transform: translatez(0);
	-o-transform: translatez(0);
	-ms-transform: translatez(0);
	-moz-transform: translatez(0);
	-webkit-transform: translatez(0);
	top: 0;
	width: 100%;
}
#mobile-menu {
	display: none;
	position: relative;
	z-index: 50000;
}
#mobile-header {
	background: #ffffff;
	width: 100%;
}
#mobile-header .inner-page {
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	column-gap: 30px;
	width: calc( 100% - 40px );
	padding: 0 20px;
}
#mobile-logo {
	text-decoration: none;
}
#mobile-logo img {
	width: 100%;
	height: auto;
	max-width: 480px;
}
#mobile-header-icon {
	color: var(--control-color);
	background: var(--control-background-passive);
	border: 2px solid var(--control-border-passive);
	cursor: pointer;
	position: relative;
	z-index: 1000;
	width: 3rem;
	height: 3rem;
}
#mobile-header-icon:hover,
#mobile-header-icon:focus {
	background: var(--control-background-active);
	outline: 2px solid var(--control-color);
	outline-offset: 2px;
}
#mobile-menu-wrapper ul {
	margin: 0 auto;
}
#mobile-menu-wrapper li {
	margin: 0px;
	width: 100%;
}
#mobile-menu-wrapper .sub-menu {
	display: none;
}
#mobile-menu-wrapper button,
#mobile-menu-wrapper a {
	color: var(--control-color);
	background: var(--control-background-passive);
	display: block;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.5 !important;
	padding: 13px 20px 13px;
	text-align: left;
	text-decoration: none;
	width: 100%;
}
#mobile-menu-wrapper li a {
	width: calc( 100% - 40px );
}
#mobile-menu-wrapper button:hover,
#mobile-menu-wrapper button:focus,
#mobile-menu-wrapper a:hover,
#mobile-menu-wrapper a:focus {
	background: var(--control-background-active);
}
#mobile-menu-wrapper button {
	border: none;
	background: transparent;
}
#mobile-menu-wrapper button .dashicons {
	width: 2rem;
	height: 2rem;
	font-size: 1.5rem;
}

#mobile-search {
	display: inline-block;
	margin: 19px auto 10px;
	width: 100%;
}
#mobile-search .search-form {
	width: 90%;
	margin: 0 auto;
}
#mobile-search input[type="search"] {
	border-radius: 3px;
	padding: 7px;
}

#mobile-search .search-submit {
	font-family: 'dra';
	font-size: 20px;
	padding: 0 8px;
	background: var(--control-background-passive);
	border: 2px solid var(--control-border-passive);
	color: var(--control-color);
}

#mobile-search .search-submit:hover,
#mobile-search .search-submit:focus {
	background: var(--control-background-active);
	outline: 2px solid var(--control-color);
	outline-offset: 2px;
}

#mobile-search .search-form .wrapper {
	display: grid;
	grid-template-columns: 1fr auto;
}

/* =Media Queries
---------------------------------------------------------------------- */

@media (min-width: 1150px) {
	.inner-page {
		width: 1140px;
	}
}

@media (max-width: 970px) {
	html {
		font-size: 18px;
	}
	.inner-page {
		max-width: calc( 100% - 40px );
	}
	/* General */
	#body-1 .inner-page {
		grid-template-columns: 100%;
		row-gap: 60px;
		max-width: calc( 100% - 50px );
	}
	#header-1 .wrapper {
		padding: 5px 0;
	}
	/* Header */
	#header-1 .item {
		padding: 0 7px;
	}
	#header-1 .item.search {
		display: none;
	}
	#header-1 .item .big {
		font-size: 16px;
	}
	#header-2 > .inner-page {
		display: none;
	}
	#mobile-header {
		display: inline-block;
	}
	#mobile-header-icon {
		font-size: 42px;
		padding: 7px 0 0 0;
	}
	#footer-1 .primary-nav #sub-menu > ul {
		display: flex;
		flex-wrap: wrap;
		row-gap: 10px;
	}
	#front-search form {
		grid-template-columns: repeat( 2, auto );
		row-gap: 10px;
	}
	/* Body */
	#body-1 {
		padding: 25px 0 50px;
	}
	#front-search {
		padding: 60px 0;
	}

	.bb-staff-category .detailed .content .right .meta.large {
		margin-top: 22px;
	}

	/* Footer */
	#footer {
		padding: 20px;
		width: calc( 100% - 40px );
		background-size: contain;
	}

	#footer-2 .upper {
		display: grid;
		grid-template-columns: repeat( 2, 1fr );
		row-gap: 30px;
	}

	#footer-2 .socials .icon {
		margin: 0 11px 0 0;
	}

	#floating-actions {
		top: 250px;
	}

	/* Forms & Buttons */


}

@media (max-width: 650px) {
	/* Header */
	#mobile-header-icon {
		font-size: 32px;
	}

	/* Body */
	#front-blog {
		grid-template-columns: 1fr;
		row-gap: 40px;
	}
	#front-search {
		padding: 40px 0 54px;
	}
	#front-page-highlights {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	#collection-filters a {
		box-sizing: border-box;
		margin: 0 5% 10px 5%;
		padding: 9px 0;
		text-align: center;
		width: 40%;
	}
	#front-search .selector {
		width: 100%;
	}

	.single-staff_post article .portrait {
		width: 100%;
	}
	.bb-staff-category .simple thead {
		display: none;
	}
	.bb-staff-category .simple tr, .bb-staff-category .simple td {
		box-sizing: border-box;
		display: block;
		float: left;
		width: 100%!important;
	}
	.bb-staff-category .simple tr {
		border-color: #e3e3e3;
		border-style: solid;
		border-width: 0 1px 1px!important;
	}
	.bb-staff-category .simple td {
		border-width: 0!important;
	}
	.bb-staff-category .detailed .content .right .meta.large {
		font-size: 22px;
		margin-top: 7px;
	}
	.bb-staff-category .simple table {
		border-top: 1px solid #e3e3e3;
	}
	.bb-staff-category .header {
		box-sizing: border-box;
		font-size: 1.5em!important;
		padding-right: 50px;
		position: relative;
	}
	.bb-staff-category .header .icon {
		position: absolute;
		right: 0;
		top: 0;
	}
	article p img {
		height: auto;
		padding: 0;
		width: 100%;
	}

	/* Footer */
	#footer-2 .upper {
		display: grid;
		grid-template-columns: repeat( 1, 1fr );
		row-gap: 30px;
	}
	#footer-2 .lower {
		display: grid;
		grid-template-columns: repeat( 1, 1fr );
		row-gap: 30px;
	}
	#footer-3 {
		padding: 0 0 43px;
	}
	#footer-3 ul {
		width: 100%;
	}
	#footer-3 ul li {
		width: 100%;
	}
	#footer-3 ul li:before {
		display: none!important;
	}
	#footer-3 ul li a {
		display: block;
		padding: 6px 0;
	}

	/* Forms & Buttons */
	.gform_wrapper input[type="submit"], #footer .button {
		display: table;
		margin: 0 auto;
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}
	.gfield.half-left, .gfield.half-right {
		width: 100%;
		padding: 0;
	}
	.gform_wrapper .ginput_complex .ginput_cardinfo_left {
		width: 100%;
	}
	.gfield_radio input[type="text"] {
		width: 92%!important;
	}

	#floating-actions {
		bottom: 0;
		top: auto;
		width: 100%;
	}
	#floating-actions X.wrapper {
		display: table;
		margin: 0 auto;
	}
	#floating-actions .icon {
		clear: none;
		height: 38px;
		margin: 0 0 0 1px;
		width: 38px;
	}
	#floating-actions a:first-child .icon {
		margin-left: 0;
	}
	#floating-actions .icon.social {
		font-size: 25px;
		line-height: 49px;
	}
	#floating-actions .icon.internal {
		font-size: 22px;
		line-height: 46px;
	}
	#floating-actions .text {
		display: none!important;
	}

}

@media (max-width: 430px) {

}