/*
 * Description: Custom stylesheet for Staff pages
 * Version: 0.0.2
 * Author: https://www.viscodesign.com
 */

/*--------------------------------------------------------------
# 	Variables
--------------------------------------------------------------*/
body.staff {
	--content-width: 48em;
	--gap: var(--box-padding);
}

/* 	Typography
------------------------------------------------------------------------------*/
h1.page-title {
}
h2 {
}
.staff .page-content h3 + p {
	color: var(--grey);
	font-size: 1.5em;
}

/*--------------------------------------------------------------
# 	Flexible Overrides
--------------------------------------------------------------*/
div[class^="flexible-"] {
}

/*--------------------------------------------------------------
# 	Team
--------------------------------------------------------------*/
#team_profiles {
}

/*--------------------------------------------------------------
# 	Staff Archives
--------------------------------------------------------------*/

#staff_listings {
	gap: var(--gap);
	margin-bottom: var(--box-padding);
	padding-bottom: var(--box-padding);
	border-bottom: 2px solid var(--theme-light);
}
#staff_listings.grid-container.cards {
    grid-template-columns: repeat(2, 1fr);
}

/*	Cards */
.staff-card {
	margin: 0;
}
.staff-card .entry-header {
	height: 40vw;
}
.staff-card .entry-content {
}
.staff-card .entry-content h3 {
	margin-bottom: 0.3755em;
	font-size: 1em;
}
.staff-card .entry-content h4 {
	margin-bottom: 0;
	color: var(--grey-mid);
	font-size: 0.875em;
	font-weight: 300;
	text-transform: none;
}
.staff-card .staff-team-venues {
	margin: 0.25em auto 0;
	color: var(--grey);
	font-size: 0.75em;
	text-transform: uppercase;
}
.staff-card .staff-team-venues a:hover {
	text-decoration: underline;
}
.staff-card .entry-footer a.btn {
	padding: 0 1.25em;
	line-height: 38px;
	border: 1px solid #ddd;
	border-radius: var(--border-radius-btn);
}

/* 	Contact Links */
.staff-contact-links {
	list-style: none;
	margin-bottom: 1em;
}
.staff-contact-links i[class*="fa-"] {
	color: var(--primary);
}

/* 	Social Links */
.staff-social-links i[class*="fa-"] {
	width: 40px;
	height: 40px;
	margin-right: 0.25em;
	font-size: 1em;
	color: var(--dark);
	background-color: transparent;
	border: 1px solid #ddd;
}
.staff-social-links i[class*="fa-"]:hover {
	color: #fff;
	background-color: var(--dark);
	border-color: var(--dark);
}

/*--------------------------------------------------------------
# 	Single Staff
--------------------------------------------------------------*/



/*--------------------------------------------------------------
# 	Media Queries
--------------------------------------------------------------*/

/* 	480px Breakpoint	*/
@media only screen and (min-width: 480px) {


}

/* 	700px Breakpoint	*/
@media only screen and (min-width: 700px) {

	.staff-card .entry-content h3 {
		font-size: 1.25em;
	}

}

/* 	1000px Breakpoint	*/
@media only screen and (min-width: 1000px) {

	#staff_listings.grid-container.cards {
	    grid-template-columns: repeat(auto-fill, minmax(16em, 1fr));
	}
	.staff-card .entry-header {
	    height: 18em;
	}
}

/* 	1200px Breakpoint	*/
@media only screen and (min-width: 1200px) {


}