/* Wharton Plugin
------------------------------------------- 

Table of contents
	- In the Media Archive
	- Current Openings Page Loop
	- Media Queries

------------------------------------------- */

/* In the Media Archive
--------------------------------------------- */

.post-type-archive-in-the-media .site-inner {
	padding-top: 0;
}

.in-the-media-archive-hero {
	padding: 0 24px;
}

.in-the-media-archive-hero .wrap {
	margin: 0 auto;
	max-width: 1200px;
	padding: 80px 0;
}

article.in-the-media .entry-header {
	border-radius: 20px 20px 0 0;
}

article.in-the-media img {
	border-bottom: 8px solid #C72D66;
	border-radius: 20px 20px 0 0;
	margin-bottom: 32px;
}

article.in-the-media h2,
article.in-the-media h2 strong {
	font-size: 20px;
	font-weight: 500;
	text-transform: initial;
}

article.in-the-media h2 a {
	color: #111;
	text-decoration: none;
}

article.in-the-media h2 a:hover,
article.in-the-media h2 a:focus {
	color: #1F63AF;
	text-decoration: underline;
}

/* Current Openings Page Loop
------------------------------------------- */

.current-opening {
	border-bottom: 2px solid #C72D66;
	margin-bottom: 40px;
	padding-bottom: 40px;
}

.current-opening:last-of-type {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

/* PAS Courses Page Loop
------------------------------------------- */

.course-header {
	margin-bottom: 56px;
}

.course-header h2 {
	margin-bottom: 24px;
}

.course-filters p {
	font-weight: 900;
	margin-bottom: 24px;
}

.course-filters .facetwp-facet {
	margin-bottom: 24px;
}

.course-filters select.facetwp-dropdown {
	border-radius: 24px;
	font-size: 16px;
	font-weight: 900;
	line-height: 1.3;
	padding: 8px 16px;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.parent-new-jersey-youth-symphony .course-filters select.facetwp-dropdown {
	border: 1px solid #1F63AF;
}

.parent-paterson-music-project .course-filters select.facetwp-dropdown {
	border: 1px solid #F8901F;
}

.parent-performing-arts-school .course-filters select.facetwp-dropdown {
	border: 1px solid #ACB441;
}

.parent-new-jersey-youth-chorus .course-filters select.facetwp-dropdown {
	border: 1px solid #6F2277;
}

.course-filters button.facetwp-reset {
	background-color: transparent;
	color: #111;
	font-size: 14px;
	font-weight: 500;
	padding: 0;
}

.course-filters button.facetwp-reset:after {
	content: '\f0e2';
	font-family: 'Font Awesome 6 Pro';
	font-size: 12px;
	margin-left: 8px;
}

.courses-container .courses-subheading {
	font-weight: 900;
}

.courses-container .course {
	background-color: #fff;
	border-radius: 8px 8px 0 0;
	margin-bottom: 40px;
	padding: 24px;
}

.parent-new-jersey-youth-symphony .courses-container .course {
	border-bottom: 8px solid #1F63AF;
}

.parent-paterson-music-project .courses-container .course,
.parent-new-jersey-youth-chorus .courses-container .course{
	background-color: transparent;
	border-radius: 0;
	margin-bottom: 24px;
	padding: 0;
}

.parent-paterson-music-project .courses-container .course h4 a,
.parent-new-jersey-youth-chorus .courses-container .course h3 a {
	color: #111;
	font-weight: 300;
	position: relative;
}

.parent-paterson-music-project .courses-container .course h4 a:after,
.parent-new-jersey-youth-chorus .courses-container .course h3 a:after {
	border: 2px solid transparent;
	bottom: -8px;
	content: '';
	left: -12px;
	position: absolute;
	right: -12px;
	top: -8px;
	transition: all 0.2s ease-in-out;
}

.parent-new-jersey-youth-chorus .courses-container .course h3 a:hover:after,
.parent-new-jersey-youth-chorus .courses-container .course h3 a:focus:after {
	border: 2px solid #6F2277;
}

.parent-paterson-music-project .courses-container .course h4 a:hover:after,
.parent-paterson-music-project .courses-container .course h4 a:focus:after {
	border: 2px solid #F8901F;
}

.new-jersey-youth-symphony-course .course-list-item h4 a:hover:after,
.new-jersey-youth-symphony-course .course-list-item h4 a:focus:after {
	border: 2px solid #3896D6;
}

.paterson-music-project-course .course-list-item h4 a:hover:after,
.paterson-music-project-course .course-list-item h4 a:focus:after {
	border: 2px solid #F8901F;
}

.parent-performing-arts-school .courses-container .course {
	border-bottom: 8px solid #ACB441;
}

.courses-container .course.empty-course {
	background-color: transparent;
	border: 0;
	margin-bottom: 0;
}

.courses-container .course h3 {
	font-weight: 500;
}

.courses-container .course .cta-wrap .button {
	display: block;
	margin-bottom: 24px;
	padding: 8px 24px;
}

.courses-container .course .cta-wrap .button:last-of-type {
	margin-bottom: 0;
}

.parent-new-jersey-youth-symphony .courses-container .course .cta-wrap .button,
.parent-new-jersey-youth-symphony .courses-container .course .cta-wrap .button.ghost:hover,
.parent-new-jersey-youth-symphony .courses-container .course .cta-wrap .button.ghost:focus {
	background-color: #1F63AF;
	border: 1px solid #1F63AF;
	color: #fff;
}

.parent-paterson-music-project .courses-container .course .cta-wrap .button,
.parent-paterson-music-project .courses-container .course .cta-wrap .button.ghost:hover,
.parent-paterson-music-project .courses-container .course .cta-wrap .button.ghost:focus {
	background-color: #F8901F;
	border: 1px solid #F8901F;
	color: #111;
}

.parent-performing-arts-school .courses-container .course .cta-wrap .button,
.parent-performing-arts-school .courses-container .course .cta-wrap .button.ghost:hover,
.parent-performing-arts-school .courses-container .course .cta-wrap .button.ghost:focus {
	background-color: #ACB441;
	border: 1px solid #ACB441;
	color: #111;
}

.parent-new-jersey-youth-chorus .courses-container .course .cta-wrap .button,
.parent-new-jersey-youth-chorus .courses-container .course .cta-wrap .button.ghost:hover,
.parent-new-jersey-youth-chorus .courses-container .course .cta-wrap .button.ghost:focus {
	background-color: #6F2277;
	border: 1px solid #6F2277;
	color: #fff;
}

.courses-container .course .cta-wrap .button:hover,
.courses-container .course .cta-wrap .button:focus,
.courses-container .course .cta-wrap .button.ghost {
	background-color: #fff;
	color: #111;
}

/* Course Page Loop
------------------------------------------- */

.entry-content ul.course-list {
	padding-left: 0;
	margin-bottom: 0;
}

.entry-content ul.course-list > li.course-list-item {
	list-style-type: none;
}

.course-list-item h4 {
	font-size: 24px;
}

.course-list-item h4 a {
	color: #111;
	display: inline-block;
	font-weight: 300;
	position: relative;
}

.course-list-item h4 a:after {
	border: 2px solid transparent;
	bottom: -8px;
	content: '';
	left: -12px;
	position: absolute;
	right: -12px;
	top: -8px;
	transition: all 0.2s ease-in-out;
}

.course-list-item h4 a:hover:after,
.course-list-item h4 a:focus:after {
	border: 2px solid #C72D66;
}

.new-jersey-youth-symphony-course .course-list-item h4 a:hover:after,
.new-jersey-youth-symphony-course .course-list-item h4 a:focus:after {
	border: 2px solid #3896D6;
}

.paterson-music-project-course .course-list-item h4 a:hover:after,
.paterson-music-project-course .course-list-item h4 a:focus:after {
	border: 2px solid #F8901F;
}

.performing-arts-school-course .course-list-item h4 a:hover:after,
.performing-arts-school-course .course-list-item h4 a:focus:after {
	border: 2px solid #ACB441;
}

.new-jersey-youth-chorus-course .course-list-item h4 a:hover:after,
.new-jersey-youth-chorus-course .course-list-item h4 a:focus:after {
	border: 2px solid #6F2277;
}

/* Single Course Page
------------------------------------------- */

.course-subheader {
	padding: 64px 24px;
}

.paterson-music-project-course .course-subheader {
	background-color: #F8901F;
}

.performing-arts-school-course .course-subheader {
	background-color: #ACB441;
}

.new-jersey-youth-symphony-course .course-subheader {
	background-color: #1F63AF;
	color: #fff;
}

.new-jersey-youth-chorus-course .course-subheader {
	background-color: #6F2277;
	color: #fff;
}

.course-subheader .wrap {
	margin: 0 auto;
	max-width: 1200px;
}

.course-subheader .course-program {
	font-size: 30px;
	font-weight: 900;
	text-transform: uppercase;
}

.course-subheader h2 {
	font-size: 26px;
	text-transform: initial;
}

.course-subheader .button,
.tuition-enroll-row .button {
	background-color: #fff;
	color: #111;
}

.course-subheader .button:hover,
.course-subheader .button:focus,
.tuition-enroll-row .button:hover,
.tuition-enroll-row .button:focus {
	background-color: rgb(255 255 255 / .5);
	color: #111;
}

.course-content-row {
	margin-bottom: 80px;
}

.single-courses .course-content-row h3 {
	font-size: 26px;
	font-weight: 900;
	padding-bottom: 16px;
	width: 100%;
}

.single-courses.paterson-music-project-course .course-content-row h3 {
	border-bottom: 4px solid #F8901F;
}

.single-courses.performing-arts-school-course .course-content-row h3 {
	border-bottom: 4px solid #ACB441;
}

.single-courses.new-jersey-youth-symphony-course .course-content-row h3 {
	border-bottom: 4px solid #1F63AF;
}

.single-courses.new-jersey-youth-chorus-course .course-content-row h3 {
	border-bottom: 4px solid #6F2277;
}

.single-courses h4 {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 16px;
}

.single-courses .course-content-col p {
	font-size: 24px;
	font-weight: 900;
}

.tuition-enroll-row {
	background-color: #c72c66;
	color: #fff;
	padding: 40px;
}

.tuition-enroll-row h3,
.tuition-enroll-row .tuition {
	font-size: 26px;
	font-weight: 900;
	margin-bottom: 0;
}

/* Resources
------------------------------------------- */

.resource {
	margin-bottom: 80px;
}

.resource.empty-resource {
	margin-bottom: 0;
}

/* Artistic Team Page Loop
------------------------------------------- */

.pmp-artists h3 {
	font-size: 26px;
	font-weight: 700;
}

.pmp-artists h3:after {
	background-color: #F8901F;
	content: '';
	display: block;
	height: 4px;
	margin-top: 8px;
	width: 72px;
}

.pas-artists h3 {
	font-size: 26px;
	font-weight: 700;
}

.pas-artists h3:after {
	background-color: #acb441;
	content: '';
	display: block;
	height: 4px;
	margin-top: 8px;
	width: 72px;
}

.team-member {
	margin-bottom: 80px;
	position: relative;
}

.team-member:nth-last-of-type(3),
.team-member.empty-team-member {
	margin-bottom: 0;
}

.team-member.has-headshot,
.parent-performing-arts-school .team-member {
	text-align: center;
}

.team-container.orchestral-strings-teaching-artists .team-member.has-headshot,
.team-container.band-teaching-artists .team-member.has-headshot,
.team-container.pre-orchestra-and-musicianship-teaching-artists .team-member.has-headshot,
.team-container.guitar-teaching-artists .team-member.has-headshot,
.team-container.collaborative-pianist .team-member.has-headshot {
	text-align: left;
}

.team-member-headshot {
	position: relative;
}

.team-member-headshot .hover {
	left: 50%;
	opacity: 0;
	position: absolute;
	top: 0;
	transform: translateX( -50% );
	transition: 0.2s opacity ease-in-out;
}

.team-member:hover .hover {
	opacity: 1;
}

.team-member h3 {
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 16px;
}

.team-member h3:after {
	content: none;
}

.team-member h3 a {
	color: #111;
}

.team-member h3 a:before {
	bottom: 0;
	content: '';
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.team-member h3 a:focus,
.team-member h3 a:hover {
	color: #c72c66;
}

.team-education-col,
.team-expertise-col {
	margin-bottom: 40px;
	width: 100%;
}

/* Artistic Team Single
------------------------------------------- */

.single-artistic-team .entry {
	margin-bottom: 0;
}

.team-subheader.has-headshot .wrap {
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.single-artistic-team .subpage-header {
	background-color: #C72D66;
	color: #fff;
}

.new-jersey-youth-symphony-team.single-artistic-team .subpage-header {
	background-color: #1F63AF;
	color: #fff;
}

.new-jersey-youth-chorus-team.single-artistic-team .subpage-header {
	background-color: #6F2277;
	color: #fff;
}

.single-artistic-team .subpage-header a,
.new-jersey-youth-symphony-team.single-artistic-team .subpage-header a,
.new-jersey-youth-chorus-team.single-artistic-team .subpage-header a {
	color: #fff;
}

.single-artistic-team .subpage-header a:hover,
.single-artistic-team .subpage-header a:focus,
.new-jersey-youth-symphony-team.single-artistic-team .subpage-header a:hover,
.new-jersey-youth-symphony-team.single-artistic-team .subpage-header a:focus,
.new-jersey-youth-chorus-team.single-artistic-team .subpage-header a:hover,
.new-jersey-youth-chorus-team.single-artistic-team .subpage-header a:focus {
	color: #111;
}

.performing-arts-school-team.single-artistic-team .subpage-header {
	background-color: #ACB441;
}

.performing-arts-school-team.single-artistic-team .subpage-header a {
	color: #111;
}

.performing-arts-school-team.single-artistic-team .subpage-header a:hover,
.performing-arts-school-team.single-artistic-team .subpage-header a:focus {
	color: #fff;
}

.single-artistic-team .site-inner {
	background-color: #F9F9F9;
	max-width: 100%;
}

.new-jersey-youth-symphony-team.single-artistic-team .site-inner,
.new-jersey-youth-chorus-team.single-artistic-team .site-inner {
	background-color: transparent;
	padding: 0;
}

.team-subheader {
	font-size: 21px;
	padding: 80px 24px;
}

.single-artistic-team .site-inner .content-sidebar-wrap,
.team-subheader .wrap {
	margin: 0 auto;
	max-width: 1200px;
}

.performing-arts-school-team.single-artistic-team .site-inner {
	border-top: 8px solid #B3CE3E;
	padding: 80px 24px;
}

.team-content-wrap h4 {
	position: relative;
}

.team-content-wrap h4:after {
	bottom: -8px;
	content: '';
	height: 2px;
	left: 0;
	position: absolute;
	width: 56px;
}

.performing-arts-school-team.single-artistic-team .team-content-wrap h4:after {
	background-color: #B3CE3E;
}

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

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

	.post-type-archive-in-the-media .content {
		display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	    -webkit-flex-direction: row;
	    -ms-flex-direction: row;
	    flex-direction: row;
	    -webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	    -webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	    justify-content: space-between;
	    -webkit-align-content: stretch;
	    -ms-flex-line-pack: stretch;
	    align-content: stretch;
	    -webkit-align-items: stretch;
	    -ms-flex-align: stretch;
	    align-items: stretch;
	}

	article.in-the-media {
		width: 32%;
	}

	/* PAS Courses Page Loop
	--------------------------------------- */

	.course-header,
	.course-filters,
	.courses-container,
	.courses-container .course,
	.courses-container .course .cta-wrap,
	.course-content-row,
	.tuition-enroll-row,
	.tuition-wrap {
		display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	    -webkit-flex-direction: row;
	    -ms-flex-direction: row;
	    flex-direction: row;
	    -webkit-flex-wrap: nowrap;
	    -ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	    -webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	    justify-content: space-between;
	    -webkit-align-content: stretch;
	    -ms-flex-line-pack: stretch;
	    align-content: stretch;
	    -webkit-align-items: center;
	    -ms-flex-align: center;
	    align-items: center;
	}

	.courses-container {
		-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
		-webkit-align-items: stretch;
	    -ms-flex-align: stretch;
	    align-items: stretch;
	}

	.courses-container .courses-subheading {
		width: 100%;
	}
	
	.courses-container .course {
		-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	    flex-direction: column;
		-webkit-justify-content: flex-start;
	    -ms-flex-pack: start;
	    justify-content: flex-start;
	    -webkit-align-content: flex-start;
	    -ms-flex-line-pack: start;
	    align-content: flex-start;
	    -webkit-align-items: flex-start;
	    -ms-flex-align: start;
	    align-items: flex-start;
		width: 31%;
	}

	.courses-container .course .cta-wrap {
		margin-top: auto;
		width: 100%;
	}

	.courses-container .course .cta-wrap .button {
		margin-bottom: 0;
	}

	.course-header h2 {
		margin-bottom: 0;
	}
	
	.course-filters p {
		margin-bottom: 0;
	}
	
	.course-filters .facetwp-facet {
		margin-bottom: 0;
		margin-left: 24px;
	}

	.course-content-row {
		-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
		-webkit-align-items: flex-start;
	    -ms-flex-align: start;
	    align-items: flex-start;
	}

	.course-content-col {
		max-width: 33%;
	}

	.tuition-enroll-row .tuition {
		margin-left: 8px;
	}

	.entry-content ul.course-list {
		column-count: 3;
	}

	/* Resources Page Loop
	--------------------------------------- */

	.resources-wrap {
		display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	    -webkit-flex-direction: row;
	    -ms-flex-direction: row;
	    flex-direction: row;
	    -webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	    -webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	    justify-content: space-between;
	    -webkit-align-content: stretch;
	    -ms-flex-line-pack: stretch;
	    align-content: stretch;
	    -webkit-align-items: stretch;
	    -ms-flex-align: stretch;
	    align-items: stretch;
	}

	.resource {
		width: 49%;
	}

	/* Artistic Team Page Loop
	--------------------------------------- */

	.team-container {
		display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	    -webkit-flex-direction: row;
	    -ms-flex-direction: row;
	    flex-direction: row;
	    -webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	    -webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	    justify-content: space-between;
	    -webkit-align-content: stretch;
	    -ms-flex-line-pack: stretch;
	    align-content: stretch;
	    -webkit-align-items: stretch;
	    -ms-flex-align: stretch;
	    align-items: stretch;
	}

	.team-member {
		width: 23%;
	}

	.team-container.ensemble-conductors .team-member,
	.parent-performing-arts-school .team-member,
	.parent-new-jersey-youth-symphony .team-member {
		width: 31%;
	}

	/* Artistic Team Single
	--------------------------------------- */

	.single-artistic-team .site-header {
		position: relative;
		top: 0;
	}

	.team-subheader.has-headshot .wrap,
	.single-artistic-team .entry-content {
		display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	    -webkit-flex-direction: row;
	    -ms-flex-direction: row;
	    flex-direction: row;
	    -webkit-flex-wrap: nowrap;
	    -ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	    -webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	    justify-content: space-between;
	    -webkit-align-content: stretch;
	    -ms-flex-line-pack: stretch;
	    align-content: stretch;
	    -webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
	}

	.single-artistic-team .entry-content {
		-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	}

	.single-artistic-team .entry-content:before,
	.single-artistic-team .entry-content:after {
		display: none;
	}

	.team-subheader.has-headshot {
		margin-bottom: -260px;
		pointer-events: none;
		position: relative;
		top: -260px;
	}

	.has-headshot .philosophy-wrap,
	.has-headshot .team-bio-wrap {
		padding-top: 260px;
	}
	
	.has-headshot .philosophy-wrap,
	.has-headshot .headshot-wrap,
	.team-content-col,
	.has-headshot .team-bio-wrap {
		width: 48%;
	}

	.team-bio-col {
		width: 100%;
	}
	
}

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

	.tuition-wrap {
		margin-bottom: 24px;
	}

	.team-subheader.has-headshot {
		padding-top: 0;
	}

}

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

	.in-the-media-archive-hero .wrap {
		padding: 40px 0;
	}

	.course-list-item h4 {
		font-size: 20px;
	}

	.team-subheader {
		font-size: 18px;
	}

	.team-member {
		margin-bottom: 40px;
	}

}