/*
Theme Name: Music Forward
Theme URI: http://www.hobmusicforward.org/
Description: House of Blues Music Forward Foundation 25th Anniversary.
Version: 2.0
Author: Hip Web Design
Author URI: http://www.hipwebdesign.com/
*/

/*################################################################
GLOBAL
################################################################*/

html, body {
	width: 100%;
	height: 100%;
}

body {
	display: block;
	position: relative;
	margin: 0;
	padding: 125px 0 0 0;
	color: rgba(35,35,35,1);
	font-family: "Trade Gothic", sans-serif;
	font-size: 14pt;
	font-weight: normal;
	/*background-image: url('images/hex.jpg');*/
	background-color: #BF363F;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a, a:visited {
	color: #BF363F;
	text-decoration: none;
	transition: color .25s ease-in-out;
}

a:hover {
	color: #BF3657;
}

p {
	line-height: 1.5em;
}

p:first-child {
	margin-top: 0;
}

p:last-child {
	margin-bottom: 0;
}

strong {
	font-weight: bold;	
}

.clear {
	clear: both;
}

/*################################################################
MASKS
################################################################*/

.mask {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: linear-gradient(-66deg, rgba(35,35,35,0.95) 1%, rgba(191,54,63,0.65), rgba(227,25,55,0.25), rgba(191,54,63,0.65), rgba(35,35,35,0.85) 99%);
	z-index: 0;
}

.mask.black {
	background: radial-gradient(circle, rgba(35,35,35,0.4), rgba(35,35,35,0.8));
}

.full_card .left .mask {
	z-index: 0;
}

#header-mask, #bg-mask {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	/* background: linear-gradient(90deg, transparent, rgba(227,25,55,0.75), transparent); */
	z-index: 0;
}

#header-mask {
	position: absolute;
}

.videobg {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.videobg video {
	display: block;
 	position: absolute;
    top: 50%;
    left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
    height: auto;
    transform: translateX(-50%) translateY(-50%);
}  

.videobg iframe {
	display: block;
 	position: absolute;
    top: 50%;
    left: 50%;
	width: 100vw;
	height: 56.25vw; 
	min-height: 100vh;
	min-width: 177.77vh;
    pointer-events: none;
    transform: translateX(-50%) translateY(-50%);
}  
  
/*################################################################
HEADER
################################################################*/

#header.section {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	max-width: none;
	padding: 0;
	/*background-image: url('images/hex.jpg');*/
	background-color: #BF363F;
	box-shadow: 0 1px 2px rgba(35,35,35,0.4);
	z-index: 3;
}

#header.white {
	background-color: #FFFFFF;
}

#header.section.minimize:not(.menu_active) {
	position: fixed;
	animation: showMiniHeader .25s ease-in-out 1 both;
}

#header.section .inner {
	display: flex;
	position: relative;
	width: 100%;
	max-width: 1540px;
	height: 125px;
	margin: 0 auto;
	padding: 25px 50px;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	z-index: 1;
}

#header.section.minimize:not(.menu_active) .inner {
	height: auto;
	padding: 10px 50px;
}

a#logo {
	display: block;
	position: relative;
	width: 100%;
	max-width: 300px;
	height: 100%;
	flex: 1 0 auto;
	background-image: url('/wp-content/uploads/2021/04/MFFlogo-500x192-1.png');
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 2;
}

#header.white a#logo {
	background-image: url('images/logo.png');
}

#logo span {
	display: block;
	position: absolute;
	top: calc(100% - 5px);
	left: 20%;
	width: 100%;
	height: 40%;
	background-image: url('images/anv-white.png');
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
	transform: translateY(50%);
}

#header.white #logo span {
	background-image: url('images/anv.png');
}

#header.section.minimize:not(.menu_active) a#logo {
	width: 45px;
	height: 45px;
	background-image: url('images/glyph-white.png');
	flex: 0 1 auto;
}

#header.section.minimize.white:not(.menu_active) a#logo {
	background-image: url('images/glyph-red.png');
}

#header.section.minimize:not(.menu_active) #logo span {
	display: none;
}

/* Animation */

@keyframes showMiniHeader {
    0% 		{ opacity: 0; transform: translateY(-100); }
    100%	{ opacity: 1; transform: translateY(0); }
}

/*################################################################
MENU
################################################################*/

#header ul.menu {
	display: flex;
	position: relative;
	margin: 0;
	padding: 0 0 0 50px;
	font-size: 11pt;
	flex: 0 1 auto;
	align-items: flex-end;
	justify-content: flex-end;
	flex-wrap: wrap;
}

#header.section.minimize:not(.menu_active) ul.menu {
	padding-left: 25px;
}

#header .menu li {
	display: block;
	position: relative;
	margin: 0;
	padding: 0 12px;
	list-style: none;
	flex: 0 1 auto;
}

#header .menu > li:last-child {
	padding-right: 0;
}

#header .menu li a {
	display: block;
	position: relative;
	padding: 3px 6px;
	color: rgba(255,255,255,0.8);
	border-bottom: 3px rgba(35,35,35,0.2) solid;
	transition: color .25s ease-in-out, border-color .25s ease-in-out;
}

#header.white .menu li a {
	color: rgba(35,35,35,0.8);
}

#header .menu > li:hover > a {
	color: rgba(255,255,255,1);
	border-color: rgba(255,255,255,1);
}

#header.white .menu > li:hover > a {
	color: rgba(191,54,63,1);
	border-color: rgba(35,35,35,1);
}

#header .menu > li.current-menu-item > a {
	color: rgba(255,255,255,1);
	font-weight: bold;
	border-color: rgba(255,255,255,1);
}

#header.white .menu > li.current-menu-item > a {
	color: rgba(35,35,35,1);
	font-weight: bold;
	border-color: rgba(191,54,63,1);
}

#header .menu:hover > li.current-menu-item > a {
	color: rgba(255,255,255,0.8);
	border-color: rgba(35,35,35,0.2);
}

#header.white .menu:hover > li.current-menu-item > a {
	color: rgba(35,35,35,0.8);
	border-color: rgba(35,35,35,0.2);
}

#header .menu:hover > li.current-menu-item > a:hover {
	color: rgba(255,255,255,1);
	border-color: rgba(255,255,255,1);
}

#header.white .menu:hover > li.current-menu-item > a:hover {
	color: rgba(35,35,35,1);
	border-color: rgba(191,54,63,1);
}

/* Sub Menus */

#header .sub-menu-wrap {
	display: block;
	position: absolute;
	top: 100%;
	left: 50%;
	padding: 25px 0 0 0;
	opacity: 0;
	transform: translateX(-50%) scale(0);
}

#header .menu li:hover > .sub-menu-wrap {
	animation: showSubMenu .2s 1 ease-in-out forwards;
}

#header .sub-menu {
	display: flex;
	position: relative;
	margin: 0;
	padding: 10px 0;
	background-color: #232323;
	border-radius: 5px;
	box-shadow: 0 2px 3px rgba(35,35,35,0.8);
	flex-direction: column;
}

#header .sub-menu:before {
	display: block;
	position: absolute;
	top: 8px;
	left: 50%;
	color: #232323;
	font-family: "Iconmonstr";
	font-size: 14pt;
	line-height: 1.0em;
	content: '\e014';
	transform: translate(-50%,-100%);
}

#header .sub-menu li {
	display: block;
	position: relative;
	margin: 0;
	padding: 0 10px;
	flex: 0 1 auto;
}

#header .sub-menu li a {
	padding: 12px 5px 10px 5px;
	color: rgba(255,255,255,0.8);
	border: none;
	white-space: nowrap;
}

#header.white .sub-menu li a {
	color: rgba(255,255,255,0.8);
}

#header .sub-menu li + li a {
	border-top: 1px rgba(255,255,255,0.3) solid;
}

#header .sub-menu li:hover > a {
	color: rgba(255,255,255,1);
}

#header .sub-menu:hover li:not(:hover) > a {
	color: rgba(255,255,255,0.4);
}

/* Mobile Menu */

#mobile-menu {
	display: none;
}

/* Animation */

@keyframes showSubMenu {
    0% 		{ opacity: 0; transform: translate(-50%,-50%) scale(0); }
    100%	{ opacity: 1; transform: translate(-50%,0) scale(1); }
}

/*################################################################
SECTIONS
################################################################*/

.section {
	display: flex;
	position: relative;
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	padding: 50px;
	box-sizing: border-box;
	z-index: 1;
}

.section_description {
	display: block;
	position: relative;
	max-width: 850px;
	margin: 20px auto 30px;
	text-align: center;
}

/* Groups */

.group {
	display: block;
	position: relative;
	width: 100%;
	padding: 50px;
	box-sizing: border-box;
	z-index: 1;
}

.group.white {
	background-color: #ffffff;
}

.group > .outer {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	position: relative;
	width: 100%;
	max-width: 1440px;
	margin: -25px auto;
}

.group .outer > .section.full {
	width: 100%;
	flex: 0 1 auto;
	padding: 25px 15px;
}

.group .outer > .section.dynamic {
	width: 33.33%;
	flex: 0 1 auto;
	padding: 35px 15px 25px 15px;
}

.group .outer > .section.dynamic h1.section_title + .card_container {
	margin-top: 0;
}

/* Banner */

.section.banner {
	flex-direction: column;
	max-width: none;
	height: calc(100% - 125px);
	margin-bottom: 0;
	padding: 0;
	align-content: stretch;
	align-items: stretch;
}

.section.banner.page_banner {
	height: auto;
	min-height: 450px;
}

.section.banner .outer {
	display: flex;
	position: relative;
	height: 100%;
	width: 100%;
	background-color: #232323;
	flex: 1 1 auto;
	flex-direction: column;
	align-content: stretch;
	align-items: stretch;
	z-index: 1;
	overflow: hidden;
}

.section.banner .inner.card_container {
	flex-direction: column;
	flex-wrap: nowrap;
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	background-color: #232323;
	justify-content: flex-start;
	align-content: center;
	align-items: center;
	flex: 1 1 auto;
}

.section.banner .full_card {
	display: flex;
	padding: 50px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	justify-content: center;
	align-content: center;
	align-items: center;
	flex: 1 1 auto;
	z-index: 1;
}

.section.banner .card.full_card .content {
	display: block;
	position: relative;
	width: 80%;
	max-width: 1340px;
	margin: 0 auto;
	color: #ffffff;
	font-family: "Veneer", sans-serif;
	font-size: 64pt;
	font-weight: normal;
	text-align: center;
	text-shadow: 0 1px 3px rgba(35,35,35,0.4);
	flex: 0 0 auto;
	animation: showBannerContent .35s ease-in-out 1 both;
	z-index: 1;
}

.section.banner.page_banner .full_card .content {
	font-family: "Trade Gothic", sans-serif;
	font-size: 14pt;
}

.section.banner.page_banner .full_card .content h1 {
	font-family: "Veneer", sans-serif;
	font-size: 64pt;
}

.section.banner .content p {
	margin: 15px auto;
	line-height: 1.1em;
}

.section.banner.page_banner .content p {
	max-width: 960px;
	margin: 25px auto;
	line-height: 1.4em;
}

.section.banner.page_banner .content p:last-child {
	margin-bottom: 0;
}

.section.banner .content p > a.button {
	display: inline-block;
	margin: 5px;
}

/* Animations */

@keyframes showBannerContent {
    0% 		{ opacity: 0; transform: translateY(-100%) scale(0); }
    100%	{ opacity: 1; transform: translateY(0) scale(1); }
}

/* Full */

.section.full {
	max-width: none;
}

.section.full .outer {
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
}

.section h2.section_subtitle + .inner {
	margin-top: 15px;
}

.section.full .container {
	display: flex;
}

.section.full .container > div {
	width: 33%;
	flex: 0 1 auto;
}

.section.full .content > .shortcode + .shortcode {
	margin-top: 30px;
}

/* Colors */

.section.white,
.section.alternate:nth-child(3n+1) {
	background-color: #ffffff;
}

.section.red,
.section.alternate:nth-child(3n+2) {
	background-color: #BF363F;
}

.section.black,
.section.alternate:nth-child(3n+3) {
	background-color: #232323;
}

.section.red .content, 
.section.black .content,
.section.alternate:nth-child(3n+2) .content,
.section.alternate:nth-child(3n+3) .content {
	color: #ffffff;
}

.section.red .content a:not(.button),
.section.alternate:nth-child(3n+2) .content a:not(.button) {
	color: #232323;
}

.section.white + .section.white,
.section.alternate:nth-child(3n+1) + .section.white,
.section.red + .section.red,
.section.alternate:nth-child(3n+2) + .section.red
.section.black + .section.black,
.section.alternate:nth-child(3n+3) + .section.black {
	padding-top: 25px;
}

/* Buttons */

.section .inner > .content p a.button {
	display: inline-block;
	margin: 5px auto 0 auto;
	font-size: 14pt;
}

.section .inner > .content p a.button + a.button {
	margin-left: 10px;
}

.section .inner + .more {
	display: block;
	margin-top: 30px;
	text-align: center;
}

.section .inner + .more a.button {
	display: inline-block;
	background-color: transparent;
	border-width: 3px;
	border-style: solid;
	opacity: 0.4;
	transition: color .25s ease-in-out, background-color .25s ease-in-out, opacity .25s ease-in-out;
}

.section .inner + .more a.button:hover {
	border-color: transparent;
	opacity: 1;
}

.section.white .inner + .more a.button {
	color: #232323;
	border-color: #232323;
}

.section.white .inner + .more a.button:hover {
	color: #FFFFFF;
	background-color: #232323;
}

.section.black .inner + .more a.button {
	color: #FFFFFF;
	border-color: #FFFFFF;
}

.section.black .inner + .more a.button:hover {
	color: #232323;
	background-color: #FFFFFF;
}

/* Breadcrumbs */

.breadcrumbs {
	display: flex;
	position: relative;
	margin: 0 10px 0 -6px;
	flex-direction: row;
}

.page_header.center .breadcrumbs {
	margin-right: auto;
	margin-left: auto;
	justify-content: center;
}

.page_header.right .breadcrumbs {
	justify-content: flex-end;
}

h2 + .breadcrumbs {
	margin-top: -20px;
}

.breadcrumbs > a {
	display: block;
	flex: 0 1 auto;
	margin: 0 6px;
	color: #FFFFFF;
	opacity: 0.3;
	transition: opacity .25s ease-in-out;
}

.section.white .breadcrumbs > a,
.section.alternate:nth-child(3n+1) .breadcrumbs > a {
	color: #232323;
}

.breadcrumbs > a:hover {
	opacity: 1;
}

.breadcrumbs > a:not(:first-child):before {
	display: inline-block;
	margin-right: 6px;
	font-family: "Iconmonstr";
	font-size: 9pt;
	content: '\e001';
	vertical-align: middle;
}

/*################################################################
CARDS
################################################################*/

.card_container {
	display: flex;
	position: relative;
	width: calc(100% + 30px);
	margin: -15px;
	flex-wrap: wrap;
	align-items: flex-start;
}

h1.section_title + .card_container {
	margin-top: 15px;
}

.card {
	display: block;
	position: relative;
	width: 25%;
	padding: 15px;
	box-sizing: border-box;
	flex: 1 1 auto;
}

.card_wrapper {
	display: block;
	position: relative;
}

.card .thumb {
	display: block;
	position: relative;
	width: 100%;
	padding-top: 50%;
	background-color: #232323;
	border-radius: 10px 10px 0 0;
	overflow: hidden;
}

.card .thumb span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1;
}

.card .thumb + .content {
	display: block;
	position: relative;
	padding-top: 30px;
}

.section.red .card:not(.full_card) .content,
.section.black .card:not(.full_card) .content {
	color: #ffffff;
}

.card .content h3 {
	margin: 0;
	font-size: 18pt;
	font-weight: bold;
}

.card .content h3 a {
	color: #ffffff;
}

.card .content h3 + p {
	margin-top: 15px;
	font-size: 12pt;
}

/* Media Cards */

.card_container.media_cards {
	align-items: stretch;
}

.card.media_card {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	flex: 0 1 auto;
}

/* removed width: 33.33% on 12/20/18 China Dostal */
#post-archive .card.media_card:first-child {
	flex: 0 1 auto;
}

.card.media_card .thumb {
	padding-top: 65%;
}

.card.media_card .thumb span {
	opacity: 0.8;
	transition: all .25s ease-in-out;
}

.card.media_card:hover .thumb span {
	top: -10px;
	right: -10px;
	bottom: -10px;
	left: -10px;
	opacity: 1;
}

#post-archive .card.media_card:first-child h3 {
	font-size: 22pt;
}

/* Program Cards */

.program_card .thumb {
	padding-top: 70%;
	background-color: #FFFFFF;
	background-color: #F6F6F6;
	border-bottom: 5px #BF363F solid;
}

.program_card .thumb .program_logo {
	display: none;
	top: 30px;
	bottom: 30px;
	left: 20px;
	right: 20px;
	background-size: contain;
	z-index: 2;
}

.program_card .thumb .program_bg {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1;
}

.program_card .content h3 {
	color: rgba(35,35,35,1);
	font-family: "Trade Gothic Cond", sans-serif;
	font-size: 22pt;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
}

.program_card .content h3 + p {
	margin-top: 5px;
}

.program_card .content h3 a {
	color: rgba(35,35,35,1);
	transition: color .25s linear;
}
/* These lines set the hover color for Program elements.
 * Commented them out on 2/15/2020
 * 
.program_card:nth-child(1):hover .content h3 a {
	color: #F99F23;
}

.program_card:nth-child(2):hover .content h3 a {
	color: #5D55A4;
}

.program_card:nth-child(3):hover .content h3 a {
	color: #BF363F;
}

.program_card:nth-child(4):hover .content h3 a {
	color: #224C95;
}

*/

/* Full Cards */

.card.full_card {
	width: 100%;
	padding: 25px 15px;
}

.card.full_card.halves h2 a {
	color: rgba(35,35,35,1);
}

.section.carousel.white .card.full_card h2 a {
	color: rgba(255,255,255,1);
}

.full_card .wrapper {
	display: flex;
	width: 100%;
	min-height: 350px;
	align-items: stretch;
	align-content: stretch;
	border-radius: 10px;
	overflow: hidden;
}

.full_card .wrapper > div {
	display: flex;
	position: relative;
	padding: 50px;
	box-sizing: border-box;
	flex: 1 1 auto;
	align-items: center;
	justify-content: center;
	z-index: 1;
}

.full_card .wrapper .left {
	width: 66.66%;
	color: #ffffff;
	background-color: rgba(35,35,35,1);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.full_card.halves .wrapper .left {
	width: 51%;
}

.full_card.content_wrapper .wrapper .left {
	width: 40%;
}

.full_card.alternate:nth-child(even) .wrapper .left {
	order: 2;
}

.full_card .quote {
	display: block;
	position: relative;
	width: 75%;
	text-align: center;
	flex: 1 1 auto;
	z-index: 1;
}

.full_card .quote .thumb {
	display: inline-block;
	width: auto;
	padding: 5px;
	background-color: transparent;
	border: 8px rgba(35,35,35,0.3) solid;
	border-radius: 50%;
}

.full_card .quote .thumb span {
	display: block;
	position: relative;
	width: 130px;
	height: 130px;
	background-image: url('images/temp/polaroid.png');
	background-position: center -45px;
	background-repeat: no-repeat;
	background-size: 250px;
	border-radius: 50%;
	overflow: hidden;
}

.full_card .quote p {
	font-size: 14pt;
	font-weight: lighter;
}

.full_card .quote .source {
	opacity: 0.6;
	font-style: italic;
}

.full_card .wrapper .right {
	width: 33.33%;
}

.full_card.halves .wrapper .right {
	width: 49%;
}

.full_card.content_wrapper .wrapper .right {
	width: 60%;
}

.full_card.alternate:nth-child(even) .wrapper .right {
	order: 1;
}

.full_card .wrapper .right .content {
	display: block;
	position: relative;
	flex: 1 1 auto;
	color: rgba(35,35,35,1);
	font-size: 14pt;
}

.full_card .wrapper .right .content .quote {
	width: auto;
	font-size: 14pt;
	text-align: left;
	flex: 1 1 auto;
}

.full_card .wrapper .right .content .quote > p:first-child:before {
	font-family: "Iconmonstr";
	font-size: 9pt;
	content: '\e019';
	padding-right: 10px;
	line-height: 1.0em;
	vertical-align: text-top;
}

.full_card .wrapper .right .content .quote > p:last-child:after {
	font-family: "Iconmonstr";
	font-size: 9pt;
	content: '\e01a';
	padding-left: 10px;
	line-height: 1.0em;
	vertical-align: text-top;
}

.full_card .wrapper .right .content .source {
	margin-top: 20px;
	font-size: 16pt;
	font-weight: 600;
}

.full_card .wrapper .right .content .source span {
	font-weight: lighter;
	font-style: italic;
	opacity: 0.4;
}

.full_card .wrapper .right .button {
	display: inline-block;
	margin-top: 10px;
}

/* Testimonial Cards */

.testimonial_card .wrapper .left {
	width: 55%;
}

.testimonial_card .wrapper .right {
	width: 45%;
}

.testimonial_card .comment {
	display: block;
	position: relative;
	margin-top: 30px;
	padding: 15px 30px 15px 60px;
	font-size: 13pt;
	background-color: #eaeaea;
	border-radius: 5px;
}

.testimonial_card .comment:before {
	display: block;
	position: absolute;
	top: 18px;
	left: 20px;
	font-family: "Iconmonstr";
	font-size: 18pt;
	content: '\e120';
}

.section.alternate:nth-child(3n+1) .testimonial_card .comment {
	background-color: rgba(255,255,255,0.2)
}

/* Instagram Cards */

.instagram_card .user {
	display: none;
	position: relative;
	margin-bottom: 10px;
	color: rgba(35,35,35,1);
	flex-wrap: nowrap;
	align-items: center;
}

.instagram_card .user > span {
	display: block;
	position: relative;
	flex: 0 1 auto;
}

.instagram_card .user .profile_picture {
	width: 30px;
	height: 30px;
	margin-right: 5px;
	background-color: #eaeaea;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 50%;
	flex: 0 0 auto;
}

.instagram_card .thumb {
	padding-top: 100%;
	z-index: 1;
}

.instagram_card .thumb .video {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 70px;
	height: 70px;
	padding: 15px;
	border: 2px #ffffff solid;
	border-radius: 50%;
	box-sizing: border-box;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	transform: translate(-50%,-50%);
	z-index: 2;
}

.instagram_card .thumb svg {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	fill: #FFFFFF;
	filter: drop-shadow(0 1px 2px rgba(0,0,0,0.2));
}

.instagram_card .thumb .likes {
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 15px;
	color: #ffffff;
	text-shadow: 0 1px 2px rgba(0,0,0,0.2);
	z-index: 2;
}

.instagram_card .thumb .likes:before {
	color: #DD1F59;
	font-family: "Iconmonstr";
	font-size: 12pt;
	content: '\e05d';
	padding-right: 7px;
	line-height: 1.0em;
	vertical-align: middle;
}

.instagram_card .caption {
	padding-top: 15px;
	font-size: 11pt;
	line-height: 1.5em;
}

.instagram_card .caption a.username {
	display: inline-block;
	margin-right: 10px;
	color: #232323;
	font-weight: bold;
}

/* Grid Cards */

.card_container.grid_cards {
	margin-top: 10px;
	margin-bottom: 30px;
	align-items: stretch;
}

.card_container.grid_cards:last-child {
	margin-bottom: 0;
}

.card.grid_card {
	display: flex;
	position: relative;
	width: 50%;
	flex: 1 1 auto;
}

.card_container.grid_cards.x3 .card.grid_card {
	width: 33.33%;
}

.card_container.grid_cards.x4 .card.grid_card {
	width: 25%;
}

.card_container.grid_cards.x5 .card.grid_card {
	width: 20%;
}

.card.grid_card .card_wrapper {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	background-color: #ffffff;
	border-radius: 10px;
	flex: 1 1 auto;
	align-items: stretch;
	align-content: stretch;
}

.card.grid_card .card_wrapper > span {
	display: block;
	position: relative;
	flex: 1 1 auto;
}

.card.grid_card .card_wrapper > span.thumb {
	padding-top: 65%;
	flex: 0 1 auto;
}

.card.grid_card .thumb .title {
	display: flex;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 50px;
	color: #FFFFFF;
	font-family: "Veneer", sans-serif;
	font-size: calc(36pt + 1.5vw);
	line-height: 1.0em;
	text-transform: uppercase;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0,0,0,0.2);
	align-content: center;
	align-items: center;
	justify-content: center;
	flex: 1 1 auto;
	transform: perspective(50px) rotateX(1deg);
	z-index: 2;
}

.card.grid_card .content > h3,
.section.alternate .card.grid_card .content > h3 {
	color: #232323;
}

.card.grid_card .card_wrapper > .content {
	color: #232323;
	font-size: 12pt;
	padding: 30px;
}

.card.grid_card .card_wrapper > .call_to_action {
	padding: 30px;
	flex: 0 1 auto;
}

.card.grid_card .card_wrapper > .content + .call_to_action {
	padding-top: 0;
}

.card.grid_card .card_wrapper > .content

.card.grid_card .content > .button:not(:first-child){
	display: block;
	margin-top: 25px;
}

@media screen and (max-width: 1200px) { .card_container.grid_cards[class*='x'] .card.grid_card { width: 50%; } }
@media screen and (max-width: 850px) { .card_container.grid_cards[class*='x'] .card.grid_card { width: 100%; } }

/* Profile Cards */

.profile_cards.card_container {
	margin-top: 15px;
}

.page_header.center + .content .profile_cards.card_container {
	justify-content: center;
}

.card.profile_card {
	width: 16.66%;
	flex: 0 1 auto;
}

.card.profile_card.modalized {
	width: 100%;
	max-width: 650px;
	animation: showProfile .25s ease-in-out 1 both;
}

.card.profile_card.modalized .wrapper {
	display: flex;
	position: relative;
	padding: 25px 25px 75px 25px;
	background-color: #FFFFFF;
	border-radius: 10px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.card.profile_card.modal_profile {
	cursor: pointer;
}

.card.profile_card.modal_profile.modalized {
	cursor: default;
}

.card.profile_card .thumb {
	padding-top: 100%;
	border-radius: 10px;
}

.card.profile_card .thumb.contain span {
	top: 10px;
	right: 10px;
	bottom: 10px;
	left: 10px;
}

.card.profile_card.modalized .thumb {
	width: 230px;
	height: 230px;
	padding-top: 0;
	flex: 0 1 auto;
}

.card.profile_card.modalized .content {
	flex: 1 1 0;
	padding-top: 0;
	padding-left: 25px;
}

.card.profile_card .tags {
	display: none;
	position: relative;
	width: calc(100% + 10px);
	margin: 0 -5px 20px -5px;
	border-bottom: 1px #eaeaea solid;
	flex-wrap: wrap;
	align-items: center;
}

.card.profile_card .tags .tag {
	display: inline-flex;
	margin-bottom: 5px;
	padding: 5px;
	color: #232323;
	font-family: "Trade Gothic", sans-serif;
	font-size: 11pt;
	line-height: 1.0em;
	text-transform: none;
	border-radius: 5px;
	flex: 0 1 auto;
	white-space: nowrap;
	align-items: center;
}

.card.profile_card .tags .tag span {
	display: inline-block;
	color: #BF363F;
	vertical-align: middle;
}

.card.profile_card.modalized .tags {
	display: inline-flex;
}

.card.profile_card .name {
	color: #232323;
	font-size: 16pt;
	font-weight: bold;
	transition: color .25s ease-in-out;
}

.card.profile_card:not(.modalized) .name.hide_name {
	display: none;
}

.card.profile_card.modalized .name {
	font-size: calc(16pt + 0.25vw);
}

.card.profile_card.modal_profile:not(.modalized):hover .name {
	color: #BF363F;
}

.section.red .card.profile_card.modal_profile:not(.modalized):hover .name,
.section.alternate:nth-child(3n+2) .card.profile_card.modal_profile:not(.modalized):hover .name {
	color: #FFFFFF;
}

.card.profile_card .thumb + .content {
	padding-top: 15px;
}

.card.profile_card .name + .title {
	margin-top: 5px;
	font-size: 12pt;
	opacity: 0.5;
	transition: opacity .25s ease-in-out;
}

.card.profile_card .name + .title:hover {
	opacity: 1;
}

.card.profile_card.modalized .name + .title {
	font-size: calc(9pt + 0.25vw);
}

.profile_card.modal_profile .contact,
.profile_card.modal_profile .description {
	display: none;
}

.card.profile_card.modalized .contact {
	display: block;
	margin-top: 15px;
}

.card.profile_card.modalized .contact .email + .phone {
	margin-top: 5px;
}

.card.profile_card.modalized .description {
	display: block;
	margin-top: 25px;
	width: 100%;
	flex: 1 0 auto;
}

.card.profile_card.modalized .base {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 50px;
	background-color: #232323;
}

@media screen and (max-width: 1500px) { 
	.card.profile_card { width: 20%; } 
}

@media screen and (max-width: 1000px) { 
	.card.profile_card { width: 25%; } 
}
	
@media screen and (max-width: 800px) { 
	.card.profile_card { width: 33.33%; } 
}

.card.profile_card.executive,
.card.profile_card.our-family {
	width: 25%;
}

.card.profile_card.producer {
	width: 20%;
}

.card.profile_card.stage-manager {
	width: 15%;
}

.card.profile_card.engineering {
	width: auto;
	flex: 0 1 0;
}

.card.profile_card.engineering .thumb.no_image {
	display: none;
}

.card.profile_card.engineering .name {
	white-space: nowrap;
}

#corporate-partners-section .shortcode + .shortcode {
	margin-top: 0;
}

#corporate-partners-section .card.profile_card .thumb {
	padding-top: 65%;
}

.card.profile_card.scholarship-recipients {
	width: 33.33%;
}

.postid-50 .card.profile_card:not(.modalized) {
	width:33%;
}

.page-id-9644 .card.profile_card:not(.modalized) {
	width:33%;
}

.postid-309 .card.profile_card {
	width:33%;
}

.page-id-9500 .third .scholarship-recipients-2018 {
	width:33%;
}

.page-id-9500 .quarter .scholarship-recipients-2019 {
	width:33%;
}

.page-id-9500 .quarter .scholarship-recipients-2020 {
	width:33%;
}

/* Alternating Colors */

.section.black .card .thumb,
.section.alternate:nth-child(3n+3) .card .thumb {
	background-color: #FFFFFF;
}

.section.white .card h3 > a,
.section.alternate:nth-child(3n+1) .card h3 > a {
	color: #232323;
}

.section.white .card a:not(.button),
.section.alternate:nth-child(3n+1).card a:not(.button) {
	color: #BF363F;
}

.section.white .card a.tag span,
.section.alternate:nth-child(3n+1) .card a.tag span {
	color: #BF363F;
}

.section.red .card a.tag span,
.section.alternate:nth-child(3n+2) .card a.tag span {
	color: #232323;
}

.section.white .card:not(.halves) .right,
.section.alternate:nth-child(3n+1) .card .right {
	background-color: #232323;
}

.section.white .card:not(.halves) .right .content,
.section.alternate:nth-child(3n+1) .card .right .content {
	color: #FFFFFF;
}

.section.white .card:not(.halves) .card .button,
.section.alternate:nth-child(3n+1) .card .right .button {
	background-color: #BF363F;
}

.section.red .card .right,
.section.black .card .right,
.section.alternate:nth-child(3n+2) .card .right,
.section.alternate:nth-child(3n+3) .card .right {
	background-color: #FFFFFF;
}

/* Animations */

@keyframes showProfile {
    0% 		{ opacity: 0; transform: translateY(100%); }
    100%	{ opacity: 1; transform: translateY(0); }
}

/*################################################################
KEY DATES
################################################################*/

.date_card {
	display: flex;
	position: relative;
	min-width: 250px;
	padding: 10px;
	box-sizing: border-box;
	flex: 0 1 auto;
}

.date_card .card_wrapper {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	position: relative;
	text-align: center;
	background-color: #ffffff;
	border-radius: 5px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
	overflow: hidden;
	flex: 1 1 auto;
}

.date_card .card_wrapper > div {
	display: block;
	position: relative;
	flex: 1 1 auto;
}

.date_card .note {
	padding: 10px 15px;
	color: #ffffff;
	background-color: #BF363F;
}

.date_card .note:before {
	display: inline-block;
	margin-right: 10px;
	font-family: "Iconmonstr";
	font-size: 12pt;
	content: "\e0de";
	line-height: 1.0em;
	vertical-align: middle;
	transform-origin: 50% 0;
	animation: ringBell .5s ease-in-out forwards infinite;
}

.date_card .date {
	padding: 10px 15px;
	color: #ffffff;
	background-color: #232323;
}

.date_card .time {
	padding: 15px;
}

.date_card .card_wrapper .card_action {
	display: none;
}

/* Animations */

@keyframes ringBell {
    0%		{ transform: rotate(10deg); }
    50%		{ transform: rotate(-5deg); }
    100%	{ transform: rotate(10deg); }
}

/*################################################################
CAROUSEL
################################################################*/

.carousel:not(.shortcode) {
	display: block;
	position: relative;
	max-width: none;
}

.shortcode.carousel > .carousel {
	background-color: transparent;
}

.content > .shortcode.carousel > .carousel {
	margin-top: 40px;
	margin-bottom: 30px;
}

.content >.shortcode.carousel:not(:last-child) > .carousel.has_bullets {
	margin-bottom: 75px;
}

.content > .shortcode.carousel:first-child > .carousel {
	margin-top: 0;
}

.content > .shortcode.carousel:last-child > .carousel {
	margin-bottom: 0;
}

.carousel .outer {
	display: block;
	position: relative;
	width: 100%;
	max-width: 1440px;
	min-height: 400px;
	margin: 0 auto;
}

.carousel.has_bullets .outer {
	margin-bottom: 50px;
}

.carousel .inner.card_container {
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	background-color: #232323;
	justify-content: flex-start;
	align-content: center;
	align-items: center;
	border-radius: 10px;
	overflow: hidden;
}

.carousel.black .inner.card_container {
	background-color: #FFFFFF;
}

.carousel .card.full_card {
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 100%;
	padding: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	justify-content: center;
	align-content: stretch;
	align-items: stretch;
	opacity: 0;
	z-index: 1;
}

.carousel .card.full_card.biggest {
	min-height: 400px;
}

.carousel .full_card.active {
	animation: showCarouselCard .25s ease-in-out 1 forwards;
	z-index: 2;
}

.carousel .full_card.inactive {
	animation: hideCarouselCard .25s ease-in-out 1 forwards;
	z-index: 1;
}

.carousel .left .title {
	display: flex;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 50px;
	color: #FFFFFF;
	font-family: "Veneer", sans-serif;
	font-size: calc(36pt + 1.5vw);
	line-height: 1.0em;
	text-transform: uppercase;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0,0,0,0.2);
	align-content: center;
	align-items: center;
	justify-content: center;
	flex: 1 1 auto;
	transform: perspective(50px) rotateX(1deg);
	z-index: 2;
}

/* Animations */

@keyframes showCarouselCard {
    0% 		{ opacity: 0; transform: translateX(100%); }
    100%	{ opacity: 1; transform: translateX(0); }
}

@keyframes hideCarouselCard {
    0% 		{ opacity: 1; transform: translateX(0); }
    100%	{ opacity: 0; transform: translateX(-100%); }
}

/* Card Navigation */

.carousel .nav {
	display: flex;
	position: absolute;
	top: calc(100% + 25px);
	left: 0;
	width: 100%;
	justify-content: center;
	align-items: center;
	z-index: 9;
}

.carousel .nav .bullet {
	display: block;
	position: relative;
	margin: 3px;
	padding: 3px;
	border: 3px rgba(255,255,255,0.65) solid;
	border-radius: 50%;
	box-sizing: border-box;
	flex: 0 0 auto;
	transition: border-color .25s ease-in-out;
	cursor: pointer;
}

.section.white .carousel .nav .bullet,
.section.alternate:nth-child(3n+1) .carousel .nav .bullet {
	border-color: rgba(35,35,35,0.65);
}

.carousel .nav .bullet span {
	display: block;
	position: relative;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	transition: background-color .25s ease-in-out, padding .25s ease-in-out;
}

.carousel .nav .bullet.active {
	border-color: rgba(255,255,255,1);
}

.section.alternate:nth-child(3n+1) .carousel .nav .bullet.active {
	border-color: rgba(35,35,35,1);
}

.carousel .nav .bullet:hover {
	border-color: rgba(255,255,255,1);
}

.section.alternate:nth-child(3n+1) .carousel .nav .bullet:hover {
	border-color: rgba(35,35,35,1);
}

.carousel .nav .bullet.active span {
	background-color: rgba(255,255,255,1);
}

.section.alternate:nth-child(3n+1) .carousel .nav .bullet.active span {
	background-color: rgba(35,35,35,1);
}

.carousel .nav .bullet:hover span {
	padding: 3px;
	background-color: rgba(255,255,255,0.65);
}

.section.alternate:nth-child(3n+1) .carousel .nav .bullet:hover span {
	background-color: rgba(35,35,35,0.65);
}

/* Navigation Timer */

.timer {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 5px;
	background-color: rgba(255,255,255,0.2);
	z-index: 2;
}

.timer span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 0%;
	background: linear-gradient(90deg, transparent, rgba(227,25,55,0.5));
	border-right: 3px rgba(227,25,55,0.8) solid;
}

.timer.stopped span {
	width: 100% !important;
	background: rgba(255,255,255,0.2);
	animation: blinkTimer 1s ease-in-out infinite alternate;
}

@keyframes blinkTimer {
    0% 		{ opacity: 0; }
    100%	{ opacity: 1; }
}

/*################################################################
GALLERIES
################################################################*/

.gallery {
	display: block;
	position: relative;
	width: 100%;
	padding-bottom: 35px;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
}

.gallery .thumb_container {
	display: flex;
	position: relative;
	height: 200px;
	margin: 0 -6px;
	flex-direction: row;
	flex-wrap: nowrap;
}

.gallery_thumb {
	display: block;
	position: relative;
	width: 20%;
	max-width: 300px;
	min-width: 250px;
	height: 100%;
	flex: 0 0 auto;
}

.gallery_thumb span {
	display: block;
	position:  absolute;
	top: 6px;
	right: 6px;
	bottom: 6px;
	left: 6px;
	background-color: #232323;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 10px;
	cursor: pointer;
}

/*################################################################
IMPACT BAR
################################################################*/

#impact-bar {
	font-size: 14pt;
	text-align: center;
}

#impact-bar.section.full .outer {
	max-width: 1280px;
}

#impact-bar a {
	color: #ffffff;
	border-bottom: 1px rgba(255,255,255,0.5) dotted;
}

#impact-bar.white a {
	color: #232323;
	border-color: rgba(32,32,32,0.5);
}

/*################################################################
PROGRAMS
################################################################*/

/* Archive */

#browse-programs .program_card .thumb {
	height: 300px;
	padding-top: 0;
	border-bottom: none;
}

#browse-programs .program_card .content h3 {
	margin-bottom: 0;
}

#browse-programs .program_card .content h3 + p {
	margin-top: 0;
}

#browse-programs .program_card:hover .content h3 a {
	color: inherit;
}

#browse-programs .section:first-child .program_card .thumb {
	height: 350px;
}

#browse-programs .section h1 + .card_container .program_card h3 {
	display: none;
}

#browse-programs .section h1 + .card_container .program_card p {
	margin-top: 0;
}

/*################################################################
SINGLE POSTS
################################################################*/

.single_post .post_header {
	display: block;
	position: relative;
	margin-bottom: 20px;
}

.single_post .post_header h1 {
	margin-bottom: 0;
}

.single_post .post_date {
	font-size: 12pt;
}

.single_post .post_date > span {
	opacity: 0.3;
	transition: opacity .25s ease-in-out;
}

.single_post .post_date > span:before {
	display: inline-block;
	margin-right: 7px;
	font-family: "Iconmonstr";
	content: '\e02c';
	line-height: 1.0em;
	vertical-align: middle;
}

.single_post .post_date > span:hover {
	opacity: 0.8;
}

.single_post .post_header .tags .tag {
	font-size: 16pt;
}

/*################################################################
POST ARCHIVE
################################################################*/

.spinner {
	display: none;
	position: relative;
	height: 50px;
	margin: 25px auto;
	text-align: center;
}

.spinner.active {
	display: block;
}

.spinner:before {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	color: #FFFFFF;
	font-family: "Iconmonstr";
	font-size: 32pt;
	content: '\e082';
	line-height: 1.0em;
	transform-origin: 50% 50%;
	transform: translate(-50%,-50%);
	animation: spinSpinner 1s linear infinite;
}

.section.white .spinner:before,
.section.alternate:nth-child(3n+1) .spinner:before {
	color: #232323;
}

/* Animations */

@keyframes spinSpinner {
    0% 		{ transform: translate(-50%,-50%) rotate(0deg); }
    100%	{ transform: translate(-50%,-50%) rotate(360deg); }
}

/*################################################################
HASHTAGS
################################################################*/

.tags {
	display: flex;
	position: relative;
	width: calc(100% + 14px);
	margin: 0 0 0 -7px;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
}

.tag:not(body) {
	display: block;
	margin-bottom: 10px;
	color: #ffffff;
	font-family: "Brandon Grotesque", sans-serif;
	font-size: 14pt;
	font-weight: normal;
	text-transform: lowercase;
	flex: 0 1 auto;
}

.tags .tag {
	margin: 0;
	padding: 5px 7px;
}

.tag span {
	display: inline-block;
	margin-right: 3px;
	font-weight: bold;
	vertical-align: middle;
}

.section.white .tag,
.section.white .card .tag,
.section.alternate:nth-child(3n+1) .tag {
	color: #232323;
}

.section.white .tag span,
.section.white .card .tag span,
.section.black .tag span,
.section.alternate:nth-child(3n+1) .tag span,
.section.alternate:nth-child(3n+3) .tag span {
	color: #BF363F;
}

.section.red .tag span,
.section.alternate:nth-child(3n+2) .tag span {
	color: #232323;
}

/*################################################################
FOOTER
################################################################*/

#footer.section {
	padding-bottom: 80px;
}

#footer.section .container {
	color: rgba(255,255,255,0.7);
	align-content: center;
	align-items: center;
}

#footer.section .container a {
	color: rgba(255,255,255,0.7);
	transition: color .25s ease-in-out, border-color .25s ease-in-out;
}

#footer.section .inner + .inner a:hover {
	color: rgba(35,35,35,1);
}

#footer .left {
	display: flex;
	width: auto;
	align-content: center;
	flex-direction: column;
	flex: 0 1 auto;
}

#footer .center {
	display: flex;
	flex-direction: column;
	padding: 0 50px;
	text-align: left;
	box-sizing: border-box;
	align-content: center;
	flex: 1 1 auto;
}

#footer .right {
	display: flex;
	text-align: right;
	align-content: center;
	justify-content:center;
	flex: 0 1 auto;
}

a#footer-logo {
	display: block;
	position: relative;
	width: 180px;
	padding-top: 50%;
	background-image: url('/wp-content/uploads/2021/04/MFFlogo-500x192-1.png');
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
}

#footer ul.menu {
	display: flex;
	position: relative;
	margin: 0;
	padding: 0;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
}

#footer .social_icons + .menu {
	margin-top: 12px;
}

#footer .menu li {
	display: block;
	position: relative;
	margin: 0;
	padding: 0 5px;
	list-style: none;
	flex: 0 1 auto;
}

#footer .menu li a {
	display: block;
	position: relative;
	padding: 2px 5px;
	font-size: 10pt;
	border-bottom: 3px rgba(35,35,35,0.2) solid;
	transition: color .25s ease-in-out, border-color .25s ease-in-out;
}

#footer .menu li:hover a {
	color: rgba(255,255,255,1);
	border-color: rgba(255,255,255,1);
}

#footer .social_icons {
	display: flex;
	align-items: center;
	justify-content: left;
}

#footer .social_icons a {
	display: block;
	position: relative;
	width: 25px;
	height: 25px;
	padding: 8px;
}

#footer .social_icons svg {
	display: block;
	position: relative;
	top: 0;
	width: 100%;
	height: 100%;
	fill: #ffffff;
	transition: fill .25s ease-in-out, top .25s ease-in-out;
}

#footer .social_icons a:hover svg {
	top: -10px;
	fill: #232323;
}

#footer .inner + .inner {
	margin-top: 15px;
	font-size: 10pt;
}

#footer .inner + .inner > div {
	transition: color .25s ease-in-out;
}

#footer .inner + .inner > div:hover {
	color: rgba(255,255,255,1);
}

#footer .left.copyright {
	font-family: "Trade Gothic", sans-serif;
	font-size: 7pt;
	text-transform: uppercase;
	letter-spacing: 2px;
}

#footer .right.design {
	display: block;
}

/*################################################################
STATISTICS
################################################################*/

.stat_container {
	display: block;
	position: relative;
}

.stat_group {
	display: inline-flex;
	position: relative;
	margin: 0 auto -15px auto;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	align-content: center;
	justify-content: center;
}

.stat_group.grid {
	margin-top: 20px;
}

h2 + .shortcode.statistic .stat_group.grid {
	margin-top: 0;
}

.stat_card {
	display: flex;
	position: relative;
	padding: 15px 25px;
	text-align: center;
	flex: 1 1 0;
	justify-content: center;
}

.stat_card .card_wrapper {
	display: flex;
	position: relative;
	flex-direction: column;
}

.stat_card .stat_label {
	display: block;
	position: relative;
	font-size: 14pt;
	flex: 0 1 auto;
	white-space: nowrap;
}

.stat_card .stat_value {
	display: block;
	position: relative;
	font-family: "Veneer", sans-serif;
	font-size: 42pt;
	font-weight: bold;
	flex: 0 1 auto;
	white-space: nowrap;
}

.stat_card .stat_icon {
	display: block;
	position: relative;
	width: 75px;
	height: auto;
	margin: 0 auto 5px auto;
	flex: 0 1 auto;
}

.stat_card .stat_icon span {
	display: block;
	position: relative;
	width: 100%;
	padding-top: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

.stat_card .stat_value:first-child {
	padding-top: 0;
}

.stat_card .stat_value:last-child {
	padding-bottom: 0;
}

.stat_group > .stat_group.sub_group {
	margin: 0;
	flex: 1 1 auto;
}

.stat_group > .stat_group.sub_group .chart_container {
	display: block;
	min-width: 300px;
	min-height: 300px;
	flex: 0 1 auto;
}

/*################################################################
ACTION TABS
################################################################*/

#action-tabs {
	display: flex;
	flex-wrap: nowrap;
	position: fixed;
	right: 50px;
	bottom: 0;
	z-index: 9;
}

#action-tabs .tab {
	display: block;
	position: relative;
	flex: 0 1 auto;
	bottom: -5px;
	margin: 0 5px;
	color: #ffffff;
	background-color: #232323;
	border-bottom: 5px #BF363F solid;
	border-radius: 5px 5px 0 0;
	box-shadow: 0 -1px 2px rgba(35,35,35,0.4);
	transform: perspective(50px) rotateX(5deg);
	transition: bottom .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out, box-shadow .25s ease-in-out;
}

#action-tabs .tab.invert {
	background-color: #BF363F;
	border-color: #FFFFFF;
}

#action-tabs .tab a {
	display: block;
	position: relative;
	color: #ffffff;
	padding: 15px 25px;
	font-size: 13pt;
	font-family: 'Brandon Grotesque', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	line-height: 1.0em;
	white-space: nowrap;
	transform: perspective(-50px) rotateX(-5deg);
}

#action-tabs .tab:hover {
	bottom: 0px;
	box-shadow: 0 -2px 3px rgba(35,35,35,0.6);
	z-index: 4;
}

#donate-tab {
	z-index: 3;
}

#get-involved-tab {
	z-index: 2;
}

#connect-tab {
	z-index: 1;
}

/*################################################################
MODALS
################################################################*/

.modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;	
	background-color: rgba(35,35,35,0.8);
	z-index: 999;
}

/* Profile Modal */

#profile-modal.modal {
	width: 100%;
	height: 100%;
	background-color: rgba(191,54,63,0.8);
}

#profile-modal .modal_content {
	display: flex;
	position: relative;
	min-height: 100%;
	padding: 50px;
	box-sizing: border-box;
	align-items: center;
	align-content: center;
	justify-content: center;
}

/* Video Modal */

#video-modal.modal {
	width: 100%;
	height: 100%;
	background-color: rgba(35,35,35,0.85);
}

#video-modal .modal_content {
	display: flex;
	position: relative;
	max-width: 1000px;
	min-height: 100%;
	margin: 0 auto;
	padding: 50px;
	box-sizing: border-box;
	align-items: center;
	align-content: center;
	justify-content: center;
}

#video-modal .modal_content .aspect_ratio {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 51%; 
	flex: 0 1 auto;
}

#video-modal .modal_content .aspect_ratio iframe {
	position: absolute;
	left: 0; 
	top: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/* Gallery Modal */

#gallery-modal.modal .modal_content {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 90%;
	height: 90%;
	max-width: none;
	background-color: transparent;
	box-sizing: border-box;
	transform: translate(-50%,-50%);
}

#gallery-modal.modal .modal_content > img {
	display: block;
	position: absolute;
	max-width: 100%;
	max-height: 100%;
	top: 50%;
	left: 50%;
	right: 0;
	bottom: 0;
	padding: 50px;
	box-sizing: border-box;
	transform: translate(-50%,-50%); 
	z-index: 2;
}

.modal_nav {
	display: block;
	position: absolute;
	top: 50%;
	color: rgba(255,255,255,0.75);
	font-family: "Iconmonstr";
	font-size: calc(18pt + 1vw);
	transform: translateY(-50%);
	cursor: pointer;
	transition: color .25s ease-in-out;
	z-index: 3;
}

.modal_nav:hover {
	color: rgba(255,255,255,1);
}

.modal_nav.right {
	right: 0;
}

.modal_nav.right:before {
	content: '\e005';
}

.modal_nav.left {
	left: 0;
}

.modal_nav.left:before {
	content: '\e006';
}

/*################################################################
FORMS
################################################################*/

/* Labels */

label {
	display: block;
	position: relative;
	cursor: pointer;
}

/* Inputs */

input[type=text], input[type=email], input[type=password], textarea {
	display: block;
	position: relative;
	margin: 0;
	padding: 15px;
	font-family: "Trade Gothic", sans-serif;
	font-size: 12pt;
	background-color: rgba(255,255,255,1);
	border: none;
	border-radius: 5px;
	flex: 0 1 auto;
	transition: box-shadow .25s ease-in-out;
}

input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, textarea:focus {
	box-shadow: inset 0 0 0 3px rgba(227,25,55,0.45);
}

/* Buttons */

button, input[type=button], input[type=submit], a.button, .button {
	display: inline-block;
	position: relative;
	top: 0;
	margin: 0;
	padding: 15px 30px;
	color: #ffffff;
	font-size: 12pt;
	font-family: 'Brandon Grotesque', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	line-height: 1.0em;
	background-color: rgba(35,35,35,1);
	border: none;
	border-radius: 5px;
	transition: all .25s ease-in-out;
	cursor: pointer;
}

button:not(.submit):after, input[type=button]:after, a.button:not(.submit):after, .button:not(.submit):after {
	font-family: "Iconmonstr";
	font-size: 9pt;
	content: '\e001';
	padding-left: 10px;
	line-height: 1.0em;
	vertical-align: baseline;
}

button.processing:not(.submit):after, input[type=button].processing:after, a.button.processing:not(.submit):after, .button.processing:not(.submit):after {
	content: '\e082';
	animation: buttonIconSpin .25s linear infinite both;
}

button:not(.submit):hover:after, input[type=button]:hover:after, a.button:not(.submit):hover:after, .button:not(.submit):hover:after {
	animation: bounceArrow .5s cubic-bezier(0.190, 1.000, 0.220, 1.000) infinite alternate both;
}

button.red, input[type=button].red, input[type=submit].red, a.button.red, .button.red {
	background-color: #BF363F;
}

button.white, input[type=button].white, input[type=submit].white, a.button.white, .button.white {
	color: #232323;
	background-color: #FFFFFF;
}

button:hover, input[type=button]:hover, input[type=submit]:hover, a.button:hover, .button:hover {
	top: -3px;
	box-shadow: 0px 2px 3px rgba(35,35,35,0.35);
}

/* Animations */

@keyframes bounceArrow {
    0% 		{ padding-left: 10px; }
    100%	{ padding-left: 15px }
}

@keyframes buttonIconSpin {
    0% 		{ transform: rotate(0deg); }
    100%	{ transform: rotate(360deg); }
}

/* Form Items */

.form_item {
	display: flex;
	position: relative;
	align-items: center;
}

.form_response + .form_item {
	margin-top: 10px;
}

.form_group {
	display: flex;
	position: relative;
	align-content: center;
}

.form_response {
	display: block;
	position: relative;
	padding: 10px 15px;
	color: #FFFFFF;
	font-size: 12pt;
	font-weight: bold;
	text-align: left;
	background-color: #36BF6A;
	border-radius: 5px;
	transition: background-color .25s ease-in-out;
	pointer-events: none;
}

.form_response:empty {
	display: none;	
}

.form_response.success:before {
	display: inline-block;
	margin-right: 7px;
	font-family: "Iconmonstr";
	font-size: 12pt;
	content: '\e0f1';
	line-height: 1.0em;
	vertical-align: middle;
}

.form_response.error {
	background-color: #BF363F;
}

.form_response.error:before {
	display: inline-block;
	margin-right: 7px;
	font-family: "Iconmonstr";
	font-size: 12pt;
	content: '\e0f2';
	line-height: 1.0em;
	vertical-align: middle;
}

/* Form Stack */

.fsBody {
	padding: 0 !important;
}

p + .fsBody {
	margin-top: -15px !important;
}

.fsBody .fsForm {
	width: 100% !important;
}

/*################################################################
SUBSCRIPTION FORM
################################################################*/

.emma_form {
	display: inline-block;
}

.banner .emma_form {
	margin-top: 25px;
}

.emma_form .form_response {
	position: absolute;
	left: 0;
	bottom: 100%;
	background-color: transparent;
	padding: 15px 0;
}

.banner .emma_form .form_response {
	width: 100%;
	text-align: center;
}

.emma_form .form_item {
	display: inline-flex;
	position: relative;
	flex-wrap: nowrap;
	align-items: stretch;
}

.emma_form label {
	margin-bottom: 10px;
	color: #ffffff;
	text-align: left;
}

.banner .emma_form label {
	text-align: center;
}

.emma_form .form_item input {
	width: auto;
	padding: 10px 15px;
	font-size: 11pt;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	flex: 1 1 auto;
}

.emma_form .form_item input + button {
	padding: 10px 25px;
	font-size: 11pt;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	flex: 0 1 auto;
}

/*################################################################
HEADINGS
################################################################*/

/* H1 */

h1 {
	display: block;
	position: relative;
	margin: 25px 0;
	padding: 0;
	font-family: "Trade Gothic Cond", sans-serif;
	font-size: 32pt;
	font-weight: normal;
	line-height: 1.0em;
}

h1.section_title {
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}

/* H2 */

h2 {
	display: block;
	position: relative;
	margin: 25px 0;
	padding: 0;
	font-family: "Trade Gothic", sans-serif;
	font-size: 24pt;
	font-weight: normal;
	line-height: 1.1em;
}

h2.section_subtitle {
	font-size: 9pt;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 2px;
}

.section.white h2.section_subtitle {
	color: rgba(35,35,35,0.5);
}

.section.red h2.section_subtitle,
.section.black h2.section_subtitle {
	color: rgba(255,255,255,0.5);
}

.page_header {
	margin-bottom: 25px;
}

.page_header h2,
.section.full .inner > .content > h2 {
	font-family: "Trade Gothic Cond", sans-serif;
	font-size: 32pt;
	font-weight: bold;
	text-transform: uppercase;
}

.page_header.center {
	text-align: center;
}

.page_header.right {
	text-align: right;
}

.section.full.white .inner > h2,
.section.full.white .inner > .content > h2 {
	color: #BF363F;
}

.full_card .right h2 {
	font-weight: bolder;
}

/* H3 */

h3 {
	display: block;
	position: relative;
	margin: 25px 0;
	padding: 0;
	font-family: "Trade Gothic", sans-serif;
	font-size: 20pt;
	font-weight: normal;
	line-height: 1.3em;
}

.section .content > h3 {
	font-weight: bold;
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child {
	margin-top: 0;
}

h1:last-child, h2:last-child, h3:last-child, h4:last-child {
	margin-bottom: 0;
}

/* Section Headers */

.section.white h1, 
.section.white h2,
.section.white h4 {
	color: #BF363F;
}

.section.white h3 {
	color: #232323;
}

.section.red h1, 
.section.red h2,
.section.red h3,
.section.red h4 {
	color: #FFFFFF;
}

.section.black h1, 
.section.black h2,
.section.black h3,
.section.black h4 {
	color: #FFFFFF;
}

.section.alternate:nth-child(3n+1) h1,
.section.alternate:nth-child(3n+1) h2,
.section.alternate:nth-child(3n+1) h4 {
	color: #BF363F;
}

.section.alternate:nth-child(3n+1) .right h2,
.section.alternate:nth-child(3n+1) .right h2 a {
	color: #FFFFFF;
}

.section.alternate:nth-child(3n+1) h3 {
	color: #232323;
}

.section.alternate:nth-child(3n+2) h1,
.section.alternate:nth-child(3n+2) h2,
.section.alternate:nth-child(3n+2) h3,
.section.alternate:nth-child(3n+2) h4 {
	color: #FFFFFF;
}

.section.alternate:nth-child(3n+2) .right h2,
.section.alternate:nth-child(3n+2) .right h2 a {
	color: #232323;
}

.section.alternate:nth-child(3n+3) h1,
.section.alternate:nth-child(3n+3) h2,
.section.alternate:nth-child(3n+3) h3,
.section.alternate:nth-child(3n+3) h4 {
	color: #FFFFFF;
}

/*################################################################
LISTS
################################################################*/

ul.make_even {
	display: flex;
	position: relative;
	width: calc(100% + 30px);
	margin: 0 -15px;
	padding: 0;
	flex-wrap: wrap;
	align-items: center;
}

.page_header + .content ul.make_even {
	justify-content: center;
}

ul.make_even > li {
	display: block;
	position: relative;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
	flex: 0 1 auto;
}

/*################################################################
IMAGES
################################################################*/

a img {
	border: 0;
}

.alignleft {
	float: left;
	margin: 0 10px 0 0;
}

.alignright {
	float: right;
	margin: 0 0 0 10px;
}

.content img, .entry img {
	max-width: 100%;
	height: auto;
}

/*################################################################
SOCIAL ICONS
################################################################*/

.social, .social_icons {
	display: flex;
	position: relative;
	width: calc(100% + 16px);
	margin: -8px;
	align-items: center;
}

.banner.page_banner .social_icons {
	justify-content: center;
}

.social > a, .social_icons > a {
	display: block;
	position: relative;
	padding: 8px;
	flex: 0 1 auto;
}

.banner.page_banner .social_icons > a {
	padding: 15px;
}

.social > a > svg, .social_icons > a > svg {
	display: block;
	position: relative;
	top: 0;
	width: 24px;
	height: 24px;
	fill: #232323;
	transition: top .25s ease-in-out, fill .25s ease-in-out;
}

.banner.page_banner .social_icons > a > svg {
	width: 48px;
	height: 48px;
	fill: #FFFFFF;
	filter: drop-shadow(0px 2px 3px rgba(35,35,35,0.2));
}

.social > a:hover > svg, .social_icons > a:hover > svg {
	top: -5px;
	fill: #BF363F;
}

.banner.page_banner .social_icons > a:hover > svg {
 	fill: #323232;
}

/* AddThis */

.entry + .addthis_sharing_toolbox {
	margin-top: 30px;
}

/*################################################################
IFRAMES
################################################################*/

.content > .aspect_ratio {
	display: block;
	position: relative;
	width: 50%;
	height: 0;
	padding-bottom: 30%;
}

.content > .aspect_ratio.align_left {
	float: left;
	margin: 0 25px 25px 0;
}

.content > .aspect_ratio iframe {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*################################################################
ERROR PAGES
################################################################*/

#not-found.section.banner .card.full_card .content {
	font-family: "Trade Gothic", sans-serif;
	font-size: 14pt;
}

#not-found.section.banner .card.full_card .content h1 {
	font-family: "Veneer", sans-serif;
	font-size: 64pt;
	
}

.modal {
	overflow-x: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

@media all and (min-width:560px) {
	.video-container {
		width:50%;
		margin: 0 auto;
	}
}

/*################################################################
EVENTS
################################################################*/

.tribe-event-featured h3 a {
	color:#ffffff !important;
}

.tribe-event-featured .tribe-events-venue-details a {
	color:#ffffff !important;
}

.tribe-events-venue-details {
	display:none !important;
}

.post-type-archive-tribe_events {
background-color: #fff;
}

.tribe_venue-template-default {
	background-color: #fff;
}

.post-type-archive-tribe_events #footer {
background-color:#BF363F;
}

.post-type-archive-tribe_events.events-gridview #header-mask, #bg-mask {
	display:none;
}

.tribe-events-list .tribe-events-loop .tribe-event-featured, .tribe-events-list #tribe-events-day.tribe-events-loop .tribe-event-featured, .type-tribe_events.tribe-events-photo-event.tribe-event-featured .tribe-events-photo-event-wrap, .type-tribe_events.tribe-events-photo-event.tribe-event-featured .tribe-events-photo-event-wrap:hover {
	background-color:#BF363F !important;	
}

.tribe-events-tooltip {
	background-color:#BF363F !important;
	color:#ffffff !important;
}

#tribe-events-content .tribe-events-abbr{
	display:none !important;
}

#tribe-events-content .tribe-event-schedule-details {
	display:none !important;
}

.tribe-events-tooltip .tribe-events-event-body .tribe-events-event-thumb img {
    max-height: 300px;
    max-width: 300px;	
}

.tribe-events-tooltip .tribe-events-event-thumb img {
    max-height: 300px;
    max-width: 300px;
}

.time-details {
	display:none !important;
}

/*################################################################
ONE OFF FIXES
################################################################*/
.postid-50 .grid_card h3 {
	color:#000000 !important;
}

.postid-50 .grid_card p {
	color:#000000 !important;
}

.postid-50 .card.grid_card .card_wrapper > .content + .call_to_action {
	margin:auto !important;
}

.redhr {
	color: #BF363F;
}

.page-id-2 .group .outer > .section.dynamic {
	width:50%;
}

@media screen and (max-width: 800px) { 
	.page-id-2 .group .outer > .section.dynamic {
	width:100%;
} 
}

.page-id-2 .section.white + .section.white, .section.alternate:nth-child(3n+1) + .section.white, .section.red + .section.red, .section.alternate:nth-child(3n+2) + .section.red .section.black + .section.black, .section.alternate:nth-child(3n+3) + .section.black {
	padding-top:35px;
}

.page-id-2 #browse-programs .section:first-child .program_card .thumb {
	height:300px;
}

.crew-nation-center-buttons  {
	text-align:center;
}

.crew-nation-center-buttons p  {
	text-align:left;
}

.page-id-11953 .maxbutton,
.page-id-19753 .maxbutton {
	margin-bottom:10px;
}

a#connect-link {
	display: block;
	position: relative;
    height:55px;    
	width:207px;
    background: url('https://hobmusicforward.org/wp-content/uploads/2020/08/newletter-transparent-large.png') no-repeat;
	background-position: center center;
	background-size: contain;
}

a#connect-link:hover {
	display: block;
	position: relative;
    height:55px;    
	width:207px;
    background: url('https://hobmusicforward.org/wp-content/uploads/2020/08/newletter-black-large.png') no-repeat;
	background-position: center center;
	background-size: contain;
}

.fall-2020-programming table,
.mobile-fall-2020-programming table,
.past-fall-2020-programming table,
.past-mobile-fall-2020-programming table {
/*background-color: #b14143;*/
border-spacing:0px;
border-bottom:1px solid black;
}

.past-fall-2020-programming tbody td,
.past-mobile-fall-2020-programming tbody td {
border-spacing:0px;
opacity:.5;
}

.fall-2020-programming table td,
.fall-2020-programming table th,
.mobile-fall-2020-programming table td,
.mobile-fall-2020-programming table th,
.past-fall-2020-programming table td,
.past-fall-2020-programming table th,
.past-mobile-fall-2020-programming table td,
.past-mobile-fall-2020-programming table th {
border: 1px black solid !important;
padding:10px;
}

.fall-2020-programming table th,
.mobile-fall-2020-programming table th,
.past-fall-2020-programming table th,
.past-mobile-fall-2020-programming table th {
border-spacing:3px;
background-color: #b14143;
}

.page-id-16877 h2 {
	display:none;
}

.page-id-16877 .page_header {
	margin-bottom:0px;
}

.page-id-16877 table a {
	display:block;
	text-align:center;
}

.fall-2020-programming.wp-block-table.is-style-stripes tbody tr:nth-child(even),
.fall-2020-programming.wp-block-table.is-style-stripes tbody tr:nth-child(even) a,
.mobile-fall-2020-programming.wp-block-table.is-style-stripes tbody tr:nth-child(even),
.mobile-fall-2020-programming.wp-block-table.is-style-stripes tbody tr:nth-child(even) a,
.past-fall-2020-programming.wp-block-table.is-style-stripes tbody tr:nth-child(even) a,
.past-mobile-fall-2020-programming.wp-block-table.is-style-stripes tbody tr:nth-child(even),
.past-mobile-fall-2020-programming.wp-block-table.is-style-stripes tbody tr:nth-child(even) a {
/*color:#fff;*/
}

@media screen and (min-width: 768px) {	
	.mobile-fall-2020-programming table {display:none;}
	.hide-heading-desktop {display:none;}
}

@media screen and (max-width: 767px) {	
	      .fall-2020-programming table{display:none;} 
		  .mobile-fall-2020-programming table {width:100%;}
		  .mobile-fall-2020-programming thead {display: none;}
		  .mobile-fall-2020-programming tr:nth-of-type(2n) {background-color: inherit;}
		  .mobile-fall-2020-programming tr td:first-child {
			  font-weight:bold;
			  font-size:1.3em;
			}
		  .mobile-fall-2020-programming tbody td {
			  display: block;
			  text-align:center;
			}
		  .mobile-fall-2020-programming tbody td:before {
			  content: attr(data-th);
			  display: block;
			  text-align:center; 
  			}
		  .hide-heading-mobile {
			display:none;
		  }
}

@media screen and (min-width: 768px) {	
	.past-mobile-fall-2020-programming table {display:none;}
}

@media screen and (max-width: 767px) {	
	      .past-fall-2020-programming table{display:none;} 
		  .past-mobile-fall-2020-programming table {width:100%;}
		  .past-mobile-fall-2020-programming thead {display: none;}
		  .past-mobile-fall-2020-programming tr:nth-of-type(2n) {background-color: inherit;}
		  .past-mobile-fall-2020-programming tr td:first-child {
			  font-weight:bold;
			  font-size:1.3em;
			}
		  .past-mobile-fall-2020-programming tbody td {
			  display: block;
			  text-align:center;
			}
		  .past-mobile-fall-2020-programming tbody td:before {
			  content: attr(data-th);
			  display: block;
			  text-align:center; 
  			}
}


.page-id-17278 h2 {
	display:none;
}

.page-id-8381 h2 {
	display:none;
}

.page-id-7206 .page_header h2 {
	display:none;
}

a.center-button {
	display:table;
	margin-right:auto;
	margin-left:auto;
}

a.center-button-no-display {
	margin-right:auto;
	margin-left:auto;
}

.is-underlined {
	text-decoration:underline;
}

.page-id-8 .profiles .card.profile_card .name {
	color:#fff;
}

.page-id-19753 .card.profile_card.modal_profile.modalized .name {
	color:#000;
}

.page-id-19753 .card.profile_card .name {
	color:#fff;
}

.page-id-19753 .red .card.profile_card {
	width:33%
}

.category-industry-insights nav {
	text-align:center;	
}

.category-industry-insights nav a {
	margin-right:15px;
	margin-bottom:20px;
}

.is-white {
	color:#fff;
}

.page-id-17763 .card.profile_card {
	width:20%;
}

.page-id-20074 .card.profile_card {
width:33%;
}

.page-id-20074 .card.profile_card.modalized {
width:100%;
}

.page-id-17763 .card.profile_card.modalized {
width:100%;
}

.workshop-descriptions table,
.workshop-description-dates table{
color:#000000;
background-color:#ffffff;
}

.workshop-descriptions table td,
.workshop-description-dates table td {
border:1px black solid;
padding:10px;
}

.workshop-descriptions table th,
.workshop-description-dates table th {
background-color:#D8D8D8;
color:#ffffff;
text-align:center;
padding:15px;
font-weight:bold;
}

.workshop-descriptions th:nth-child(1) {
width:35%;
color:#b14143;
}

.workshop-descriptions th:nth-child(2) {
width:65%;
color:#b14143;
}

.workshop-descriptions-header-area th, {
	background-color:#b14143
	height:50px;
	color:#ffffff;
	font-size:2em;
}

.workshop-description-dates th:nth-child(1) {
width:60%;
color:#b14143;
}

.workshop-description-dates th:nth-child(2) {
width:40%;
color:#b14143;
}

.workshop-description-dates table {
	width:85% !important;
	margin:auto;
}

.red-table {
	background-color:orange;
}

#foundations-section .card.profile_card {
width: 25%;
}

.page_header h2, .section.full .inner > .content > h2.h2-lowercase {
	text-transform:none;
}

.page-id-2 .maxbutton {
	margin-bottom:10px;
	margin-right:15px;
}

.page-id-19753 .mask,
.page-id-19818 .mask,
.page-id-20074 .mask,
.page-id-20146 .mask,
.page-id-20933 .mask {
	background:none;
}

.page-id-19753 .content h1, 
.page-id-19818 .content h1,
.page-id-20074 .content h1,
.page-id-20146 .content h1 {
	display:none;
}

.displayInline {
	display:inline-block;
	text-align:center;
}

.paragraph-no-margin-no-padding {
	margin: 0 0;
	padding: 0 0;
	line-height:1.1em;
}

.is-black-text {
	color:#000000 !important;
}

.button-with-large-font {
	font-size: 24px !important;
}

.button-with-small-font {
	font-size: 12px !important;
}

.page-id-20074 .maxbutton {
	margin:5px !important;
	font-size:24px !important;
}

.card.profile_card.producer.program-panelist {
	width:16.66%;
}

.page-id-19753 .black .card.apple-artists {
	width:20%;
}

.office-hours-dates {
	table-layout: fixed;
	width: 50%;
	text-align: center;
	margin: auto;
}

.office-hours-dates td,
.office-hours-dates th {
	border:1px solid black;
	padding:8px;
}

.page-id-15823 #header,
.page-id-15823 #footer,
.page-id-15823 #action-tabs,
.page-id-15823 #test-page-banner {
	display:none;
}

.page-id-21303 #header,
.page-id-21303 #footer,
.page-id-21303 #action-tabs,
.page-id-21303 #all-access-fest-participant-surv-banner {
	display:none;
}

.page-id-21516 #header,
.page-id-21516 #footer,
.page-id-21516 #action-tabs,
.page-id-21516 #program-interest-form-banner {
	display:none;
}

.page-id-21520 #header,
.page-id-21520 #footer,
.page-id-21520 #action-tabs,
.page-id-21520 #program-host-survey-banner {
	display:none;
}

.page-id-21303 .right {
	background-color:#fff !important;
}

body.page-id-15823 {
	background-color:#fff;
	padding:0px;
}

.page-id-20466 #action-tabs,
.page-id-20467 #action-tabs,
.page-id-19224 #action-tabs {
	display:none;
}