html, body.m-bardo_arts_center .l-head .toggle-wrapper, body.m-bardo_arts_center .l-head .toggle-wrapper .toggle, body.m-bardo_arts_center header .search,  body.m-bardo_arts_center header.mobi-open .l-head.mini-site {
    background: #343434;
}
html body.m-bardo_arts_center .wrapper.choose > .column > h2 {
	display: block;
	float: left;
	width: 100%;
	font-style: italic;
	font-weight: 400;
	color: #333333;
	font-size: 32px;
	line-height: 38px;
	text-align: center;
	margin-top: 40px;
}
#site-nav, .top-nav, #site-nav .main-nav, #site-nav .ham-menu, #site-nav .ham-menu li button {
	background:#252525;
}
.top-nav .aux-background {
	background: #101010;
}
.aux-menu:after {
	border-right: 20px solid #101010;
}
#site-nav .ham-menu > ul > li > button {
    border-left: solid 2px #444444;
    border-right: solid 2px #444444;
    background: #101010;
}
#site-nav .ham-menu ul a {
	border-bottom: solid #444444 2px;
}
#site-nav .ham-menu > ul {
	border-top: solid #444444 2px;
}
#site-nav .main-nav .nav-container button, .aux-menu .search-toggle {
	border-left: solid 2px #444444;
}
#site-nav .main-nav {
  border-bottom: 0px solid #252525;
}
#site-nav .main-nav.fixed {
  border-bottom: 1px solid #444444;
}
@media (max-width: 500px) {
	.ham-open #site-nav .main-nav.fixed {
  		border-bottom: 0px solid #252525;
	}
}
@media (min-width: 500px) {
	#site-nav .ham-menu .ham-menu-list a:hover, #site-nav .ham-menu li button:hover {
		background: #444444;
	}
}
@media (min-width: 1000px) {
	.aux-menu #site-search {
		background: white;
	}
	.aux-menu .search i.active {
		color: #101010;
	}
	.aux-menu {
		background: #101010;
	}
	.top-nav {
		border-bottom: 1px solid #444444;
	}
	.aux-menu li ul {
		background: #303030;
		box-shadow: 0px 2px 5px 0px #212121;
	}
	.aux-menu li ul li a:hover {
		background: #444444
	}
	#site-nav .main-nav .nav-container button {
		border-left: none;
	}
	.aux-menu .search-toggle {
		border: 2px solid #C1A875;
	}
	#site-nav .main-nav.fixed {
		border-bottom: 1px solid #444444;
	}
}
html body.m-bardo_arts_center .l-page {
	background: #fcfcfc;
}

html body.m-bardo_arts_center .intro-text .column ul li a {
	font-family: "freight-sans-pro-n7","freight-sans-pro",sans-serif;
	font-style: normal;
	font-weight: 700;
	color: #111111;
	font-size: 16px;
	line-height: 20px;
	position: relative;
	text-transform: uppercase;
}
html body.m-bardo_arts_center h1, html body.m-bardo_arts_center h2, .text-image-intro.genericv2 h2, html body.m-bardo_arts_center h3, html body.m-bardo_arts_center h4 {
	color: #111111;
}
html body.m-bardo_arts_center #breadcrumb ul li a {
	color: #000;
}
html body.m-bardo_arts_center div.wrapper.module.user-editable h2, html body.m-bardo_arts_center .l-page #bardo-instagram h2 {
	color: #CCB486;
}
html body.m-bardo_arts_center .owl-carousel.text .owl-wrapper-outer .owl-wrapper .owl-item > div .s-text {
	background: rgba(5, 5, 5, 0.82);
}
html body.m-bardo_arts_center .owl-carousel.text .owl-wrapper-outer .owl-wrapper .owl-item > div .s-text a {
	color: #ffffff;
	text-decoration: underline;
}
html body.m-bardo_arts_center .owl-carousel.choose-path .owl-controls .owl-pagination .owl-page.active span {
	background: #222;
}
html body.m-bardo_arts_center .owl-carousel.choose-path .owl-controls .owl-buttons div:after {
	color: #222;
}
html body.m-bardo_arts_center .drop-container.dark .dropdown {
	color: #fcfcfc;
	background: #232323;
	border-color: #444444;
}
html body.m-bardo_arts_center .discover .column ul li a {
	color: #fcfcfc;
	background: #232323;
}
html body.m-bardo_arts_center .discover .column .drop-container ul li a {
	color: #111111;
	background: none;
	border: none;
}
html body.m-bardo_arts_center .featured.image .wrapper .column h2 {
	color: #111111;
}
html body.m-bardo_arts_center .owl-carousel.experience .owl-wrapper-outer .owl-wrapper .owl-item div .slide.v-2 .container h2 {
	color: #333333;
}
html body.m-bardo_arts_center .owl-carousel.featured-inner .owl-wrapper-outer .owl-wrapper .owl-item div .slide .wrapper .column .container {
    background: rgba(20, 20, 20, 0.65);
}
html body.m-bardo_arts_center a.learn-more {   
	color: #111111;
}
html body.m-bardo_arts_center .owl-carousel.experience .owl-controls .owl-pagination .owl-page.active span {
	background: #222;
}
html body.m-bardo_arts_center .l-page #bardo-instagram #curator-feed-bardo-arts-center-layout {
    padding-top: 60px;
    padding-bottom: 60px;
    max-width: 1200px;
    margin: auto;
}	
html body.m-bardo_arts_center .promo-event a {
	background: rgba(15, 15, 15, 0.8);
}
html body.m-bardo_arts_center .owl-carousel.news .owl-wrapper-outer .owl-wrapper .owl-item div .slide .wrapper .column .container {
	background: rgba(5, 5, 5, 0.82);
}
html body.m-bardo_arts_center .l-page #our-schools .list-cta > div {
	border-bottom: 1px solid #ccc;
}
html body.m-bardo_arts_center .l-page #our-schools .list-cta > div .text-image-intro.textlink a {
	padding: 0;
	position: relative;
	overflow: hidden;
}
html body.m-bardo_arts_center .l-page #our-schools .list-cta > div .text-image-intro.textlink a:before {
	content: '';
	height: 100%;
	width: 100%;
	top: 0;
	z-index: 1;
	position: absolute;
	background: rgba(0, 0, 0, 0.8);
}
@media (min-width: 45em) {
	html body.m-bardo_arts_center .l-page #our-schools .list-cta > div .text-image-intro.textlink a:before {
		background: rgba(0, 0, 0, 0.5);
	}
}
html body.m-bardo_arts_center .l-page #our-schools .list-cta > div .text-image-intro.textlink a h2 {
	font-family: "freight-sans-pro-n4","freight-sans-pro",sans-serif;
	font-style: normal;
	font-weight: 400;
	color: #fcfcfc;
	font-size: 30px;
	line-height: 36px;
	line-height: 46px;
	top: 10%;
	position: absolute;
	text-align: center;
	padding: 0;
	border: 0;
	z-index: 2;
	text-transform: capitalize;
	transition: all .4s;
}
@media (min-width: 35em) {
	html body.m-bardo_arts_center .l-page #our-schools .list-cta > div .text-image-intro.textlink a h2 {
		top: 20%;
		font-size: 36px;
		line-height: 60px;
	}
}
@media (min-width: 45em) {
	html body.m-bardo_arts_center .l-page #our-schools .list-cta > div .text-image-intro.textlink a h2 {
		top: 35%;
		font-size: 30px;
		line-height: 46px;
	}
}
@media (min-width: 55em) {
	html body.m-bardo_arts_center .l-page #our-schools .list-cta > div .text-image-intro.textlink a h2 {
		line-height: 64px;
	}
}
html body.m-bardo_arts_center .l-page #our-schools .list-cta > div .text-image-intro.textlink a h2 span {
	display: block;
	float: none;
	width: 100px;
	font-size: 14px;
	line-height: 30px;
	color: #fcfcfc;
	text-transform: uppercase;
	position: relative;
	margin: 0 auto;
}
html body.m-bardo_arts_center .l-page #our-schools .list-cta > div .text-image-intro.textlink a h2 span:before {
	content: '';
	position: absolute;
	display: block;
	float: left;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #222;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	z-index: -1;
}
html body.m-bardo_arts_center .l-page #our-schools .list-cta > div .text-image-intro.textlink a img {
	position: relative;
	z-index: 0;
	width: 100%;
}
html body.m-bardo_arts_center .l-page #our-schools .list-cta > div .text-image-intro.textlink a p {
	font-family: "freight-sans-pro-n4","freight-sans-pro",sans-serif;
	font-style: normal;
	font-weight: 400;
	color: #ccc;
	font-size: 14px;
	line-height: 20px;
	position: absolute;
	max-height: 90%;
	margin: 10% auto;
	bottom: 0;
	background: none;
	transition: all 0.4s;
	z-index: 2;
	text-transform: inherit;
	text-align: center;
}
@media (min-width: 35em) {
	html body.m-bardo_arts_center .l-page #our-schools .list-cta > div .text-image-intro.textlink a p {
		padding: 5px 40px;
		margin: 20% auto;
		font-size: 20px;
		line-height: 26px;
	}
}
@media (min-width: 45em) {
	html body.m-bardo_arts_center .l-page #our-schools .list-cta > div .text-image-intro.textlink a p {
		padding: 5px;
		margin: 20px auto;
		bottom: -100%;
		font-size: 14px;
		line-height: 20px;
	}
}
@media (min-width: 70em) {
	html body.m-bardo_arts_center .l-page #our-schools .list-cta > div .text-image-intro.textlink a p {
		margin: 10% auto;
		padding: 5px 20px;
	}
}
html body.m-bardo_arts_center .l-page #our-schools .list-cta > div .text-image-intro.textlink a p span {
	font-family: "freight-sans-pro-i7","freight-sans-pro",sans-serif;
	font-style: italic;
	font-weight: 700;
	color: #fcfcfc;
	font-size: 16px;
	line-height: 22px;
	display: block;
	float: left;
	width: 100%;
	text-transform: uppercase;
	margin-top: 10px;
}
@media (min-width: 35em) {
	html body.m-bardo_arts_center .l-page #our-schools .list-cta > div .text-image-intro.textlink a p span {
		line-height: 40px;
	}
}
@media (min-width: 45em) {
	html body.m-bardo_arts_center .l-page #our-schools .list-cta > div .text-image-intro.textlink a p span {
		line-height: 22px;
	}
}
@media (min-width: 70em) {
	html body.m-bardo_arts_center .l-page #our-schools .list-cta > div .text-image-intro.textlink a p span {
		margin: 30px auto;
	}
}
html body.m-bardo_arts_center .l-page #our-schools .list-cta > div .text-image-intro.textlink a p:after {
	content: '';
}
html body.m-bardo_arts_center .l-page #our-schools .list-cta > div .text-image-intro.textlink a:hover:before, html body.m-college_of_fine_and_performing_arts .l-page #our-schools .list-cta > div .text-image-intro.textlink a:focus:before {
	background: rgba(0, 0, 0, 0.8);
}
html body.m-bardo_arts_center .l-page #our-schools .list-cta > div .text-image-intro.textlink a:hover h2, html body.m-college_of_fine_and_performing_arts .l-page #our-schools .list-cta > div .text-image-intro.textlink a:focus h2 {
	top: 10%;
}
@media (min-width: 35em) {
	html body.m-bardo_arts_center .l-page #our-schools .list-cta > div .text-image-intro.textlink a:hover h2, html body.m-college_of_fine_and_performing_arts .l-page #our-schools .list-cta > div .text-image-intro.textlink a:focus h2 {
		top: 20%;
	}
}
@media (min-width: 45em) {
	html body.m-bardo_arts_center .l-page #our-schools .list-cta > div .text-image-intro.textlink a:hover h2, html body.m-college_of_fine_and_performing_arts .l-page #our-schools .list-cta > div .text-image-intro.textlink a:focus h2 {
		top: -100%;
	}
}
@media (min-width: 55em) {
	html body.m-bardo_arts_center .l-page #our-schools .list-cta > div .text-image-intro.textlink a:hover h2, html body.m-college_of_fine_and_performing_arts .l-page #our-schools .list-cta > div .text-image-intro.textlink a:focus h2 {
		top: 10%;
	}
}
@media (min-width: 70em) {
	html body.m-bardo_arts_center .l-page #our-schools .list-cta > div .text-image-intro.textlink a:hover h2, html body.m-college_of_fine_and_performing_arts .l-page #our-schools .list-cta > div .text-image-intro.textlink a:focus h2 {
		top: 20%;
	}
}
@media (min-width: 45em) {
	html body.m-bardo_arts_center .l-page #our-schools .list-cta > div .text-image-intro.textlink a:hover p, html body.m-college_of_fine_and_performing_arts .l-page #our-schools .list-cta > div .text-image-intro.textlink a:focus p {
		bottom: 20px;
	}
}
@media (min-width: 55em) {
	html body.m-bardo_arts_center .l-page #our-schools .list-cta > div .text-image-intro.textlink a:hover p, html body.m-college_of_fine_and_performing_arts .l-page #our-schools .list-cta > div .text-image-intro.textlink a:focus p {
		bottom: 0;
	}
}
/* Bardo Menu */
html body.m-bardo_arts_center .l-head.mini-site .main-nav-container .subnav .column ul {
	background-color: #333333;
}
/* Bardo interior */
html body.m-bardo_arts_center .table-wrapper {
	margin-bottom: 20px;
}
html body.m-bardo_arts_center .table-wrapper table thead tr th {
	background: #333333;
}
html body.m-bardo_arts_center .ui-accordion h3, html body.m-bardo_arts_center .accordion .accordion-header {
	color: #333333;
}
html body.m-bardo_arts_center .ui-accordion h3.ui-state-active, html body.m-bardo_arts_center .accordion .accordion-header.open  {
	background: #333333;
	color: #eee;
}
html body.m-bardo_arts_center .accordion .accordion-content.open {
	border-bottom: solid #ddd 1px;
}
html body.m-bardo_arts_center .accordion .accordion-content {
	border-left: solid #ddd 1px;
	border-right: solid #ddd 1px;
}
html body.m-bardo_arts_center .tabs-container .tabheaders li.open a, html body.m-bardo_arts_center .tabs-container .tabheaders li.open-desk a {
	background: #333;
	color: #fcfcfc;
}
html body.m-bardo_arts_center .tabs-container .tabheaders li a {
	text-decoration: none;
}
html body.m-bardo_arts_center .tabs-container div.contents.open-desk, html body.m-bardo_arts_center .tabs-container div.contents.open {
	border: 1px solid #eee;
}
@media (min-width: 45em) {
	html body.m-bardo_arts_center .tabs-container .tabheaders {
		border-bottom: 3px solid #333333;
	}
}
.tabs-container .tabheaders.collapsed li:hover a {
	color: #333;
}
html body.m-bardo_arts_center .user-editable a {
	color: #111111;
}
html body.m-bardo_arts_center .user-editable a.button {
	background: #343434;
	color: #ffffff;
	text-decoration:none; 
	border-bottom: none;
}
html body.m-bardo_arts_center .user-editable a.button:hover {
	background: #262626; 
	border-bottom: none;
}
html body.m-bardo_arts_center .tabs-container .tabheaders li a {
	color: #333;
}
html body.m-bardo_arts_center .tabs-container .tabheaders li a:after {
	color: #ffffff;
}
/* Bardo interior - sidebar */
html body.m-bardo_arts_center .l-sidebar a, html body.m-bardo_arts_center .l-sidebar ul li a {
	color: #111111;
}	
html body.m-bardo_arts_center .bacsocial a {
	font-size: 2em;
	padding-right: .75em;
}
html body.m-bardo_arts_center div.wrapper.module.user-editable .text-image-intro.genericv2 h2, html body.m-bardo_arts_center div.wrapper.module.user-editable .text-image-intro.generic h2, html body.m-bardo_arts_center div.wrapper.module.user-editable .text-image-intro.genericv2 a, html body.m-bardo_arts_center div.wrapper.module.user-editable .text-image-intro.generic a {
	color: #111111;
}
html body.m-bardo_arts_center .text-image-intro.genericv2 hr {   
	border-bottom: 5px solid #888888;
}
html body.m-bardo_arts_center .text-image-intro.button.dark a .container, body.m-bardo_arts_center .sidebar-button.purple .container {
	background: rgba(100, 100, 100, 0.85);
}
html body.m-bardo_arts_center .text-image-intro.button.light a .container h2, body.m-bardo_arts_center .sidebar-button.white h2 {
	color: #333333;
}
.matrix.events .bardo-homepage-event {
	width: 25%;
	float: left;
	display: block;
}
@media (max-width: 1184px) {
	.matrix.events div.bardo-homepage-event {
		display: block;
		width: 50%;
	}
	.matrix.events div.bardo-homepage-event .promo-event a {
		width: 300px;
	}
	div.bardo-homepage-event:nth-child(-n+2) .promo-event {
		margin-bottom: 0px;
	}
}
@media (max-width: 720px) {
	.matrix.events div.bardo-homepage-event {
		width: 100%;
	}
	div.bardo-homepage-event .promo-event {
		margin-bottom: 0px;
	}
	body.bardo_arts_center .matrix.events {
		padding-bottom: 60px;
	}
}


.discover.wrapper.user-editable {
	overflow: visible;
}
.program-search .column .drop-container ul, .discover .column .drop-container ul {
	display: none; 
	padding: .5em .5em .5em 0; 
	text-align: left; 
	white-space: normal; 
	width: auto; 
	z-index: 1001
}
html body.m-bardo_arts_center .drop-container.dark .fab {
	margin-right: 5px;
}
.discover .drop-container ul li a {
	white-space: nowrap;
}
.discover .column .drop-container.open ul {
	display: block;
}
.component-test-div p {
	display: flex;
}
/* Bardo Blog - Blog Roll Landing */
.full-width-container #categories ul li a.active, #categories ul li a.active {
    color: #111111;
}
#categories ul li a:hover,#categories ul li a:focus, #categories ul li a.active:hover,#categories ul li a.active:focus {
	color: white;
}
/* Bardo Blog - post-story content */
#prev-pagination .pagination-text, #next-pagination .pagination-text {
    color: #111111;
}
#related-posts {
	background: #f4f4f4;
}
@media (min-width: 45em){
.text-image-intro.genericv2 {
	background: #f4f4f4;
}
}
#related-posts .related-stories-title {
    color: #111111;
}
.random-post .related-stories-titles p {
    color: #111111;
}
/* Bardo Blog - Video templates */
.blog-video-description-container, .blog-video-nodescription-container {
	box-shadow: 0px 3px 6px #D6D6D6
}
.l-page.full-width-blog .blog-video-description-container .play-time-container .video-watch, .watch-all {
	color: #111111;
}
/* Bardo Blog - Photo templates */
.picture-counter-container {
    background: rgb(0,0,0, .7);
}
.owl-prev i.fad, .owl-next i.fad {
    color: #111111;
}
@media (min-width: 45em) {
.owl-dot.active {
    outline: solid 4px #C1A875;
    border: solid 1px #C1A875;
}
}
.jump-to-top {
    color: #111111;
}
/*landing page new elements */
.recent-stories a.button, .engage-events a.button, .bardo_arts_center .edge-to-edge-parallax .link-buttons a:hover, .bardo_arts_center .engage-events i, .bardo_arts_center .engage-events .content button, .engage-events .content > div a:nth-of-type(1), .theme-white a:hover h3, .theme-fog a:hover h3 {
	color: #222;
}
html body.m-bardo_arts_center .path-cards a h3, html body.m-bardo_arts_center .theme-gray h3, html body.m-bardo_arts_center .theme-darkgray h3, html body.m-bardo_arts_center .theme-purple h2, html body.m-bardo_arts_center .theme-purple h3 {
	color: white;
}
.theme-white .icon-links a, .theme-fog .icon-links a {
	color: #000000;
}
@media (min-width: 900px) {
.bardo_arts_center .recent-stories a.button:hover, .bardo_arts_center .theme-fog .engage-events a.button:hover, .bardo_arts_center .theme-white .engage-events a.button:hover {
	background: #222;
}
}