/*For mobile first adaptive design place styles for mobile and up in the mobile and up area.
Place styles for tablet and up inside the media query in the tablet and up area.
Place styles for desktop only inside the media query in the desktop only area.

For questions or media query training contact Web Development Services.
*/
/* ====================== Mobile and Up ========================== */
.justify-content-between {
	justify-content: space-between;
}

.border-divider-left {
	width: 150px;
	margin: 0;
}

.text-transform-none {
	text-transform: none;
}

.accordion.open:not(.accordion-unstyled):after {
	content: "\f146";
}

h3.header-left {
	margin-left: 0px;
	margin-right: auto;
}

.checkbox-button label {
	display: block;
	background-color: #f5f5f5;
	padding: 10px;
	margin: 5px 0;
	text-align: left;
	cursor: pointer;
	color: #275d38;
	border-radius: 0px;
	max-width: 300px;
}

.checkbox-button label:hover {
	background-color: #275d38;
	color: #f5f5f5;
}

.checkbox-button input[type="checkbox"]:checked + label {
	background-color: black;
	color: white;
}

.fixed {
	position: fixed;
	top: 0;
	left: 0;
}

/* ----- Vertical Align Table Content ----- */
.table-responsive .table .align-middle {
	vertical-align: middle;
}

#event-search {
	padding-left: 50px;
	background-image: url(https://www.uvu.edu/arts/applause/images/search.png);
	background-repeat: no-repeat;
	background-position: 15px center;
}
.search-container {
	padding: 0px
}

a:focus { color: #FFF }



ol>li:before {
	left: -50px;
	font-family: "Raleway", arial, sans-serif;
	font-size: 1em;
	color: #000;
}

.align-items-end { align-items: flex-end; }



.bg-green- { background-color: #235d3a; }
.bg-grey-dark-8 { background-color: #191919; }
.bg--mark-outline { background-image: url(https://www.uvu.edu/the/images/logo/mark-grey-bg-01.png); }
.bg--mark { background-image: url(https://www.uvu.edu/the/images/logo/mark-grey-solid-bg-02.png); }
.bg--mark, .bg--mark-outline { background-repeat: repeat; box-shadow: inset 3200px 100px 500px 0px rgba(255, 255, 255, 0.9); }

.border-green- { border-color: #235d3a; }
.border-grey-dark-8 { border-color: #191919; }

.cardButton1, .cardButton2 { border: 2px solid; border-radius: 3px; }
.cardButton1 { border-color: #000; }
.cardButton2 { border-color: #275D38; }
.cardButton1:hover, .cardButton2:hover  {
	text-decoration: none;
	background-color: #FFF;
	color: #000;
}

.card-season {padding-bottom: 30px;}
.card-season div {/* max-width: 100vw; */}
.card-season div a {/* max-width: 275px; */}
.card-season h3, .card-season h4 { font-size: 16px; }
.card-season h2 { font-size: 20px; }
.card-season h3 { padding-top: 15px; }
.card-season h4 { font-size: 16px; padding-top: 5px; }
.card-season img {/* height: 42vw; */width: auto;/* padding-right: 0px !important; */}

.checkbox label { padding-left: 0px; }

.directors-message {
	background: #676f7a;
	background-position-y: 10%;
	min-height: 41vw;
}

.donor-list {
	padding-top: 0px;
	margin-top: 0px;
}

.genre-filter > .checkbox > label { font-weight: 900; }

.jc-space-between { justify-content: space-between; }

.hidden { display: none; }

.home-button {width: 300px;padding: 20px 50px;}
.home-academic > div:nth-child(n-4) { display:none; }
.home-academic div:nth-child(4) {display:inherit;}

.hover-white, .hover-black {display: inline-block;}	
.hover-white:hover {
	color: #000;
	background: #FFF;
	text-decoration: none;
	border: solid 4px #FFF;
}
.hover-black:hover {
	color: #FFF;
	background: #000;
	text-decoration: none;
	border: solid 4px #000;
}

.img-region-l { padding-left: 15px; }
.img-region-r { padding-right: 15px; }

.logo-header {flex-direction: column-reverse;}
.logo-header div {
	padding-bottom: 30px;
	text-align: center;
}
.logo-header div img {
	padding-top: 20px;
	margin: 10px;
}
.logo-header div img:nth-child(2) {
	padding-bottom: 2px;
	margin-bottom: 0px;
}
.logo-header div img:nth-child(3) { margin-bottom: 0px; }
.logo-header div img:nth-child(4) {margin-top: 0px;margin-bottom: -9px;}

.lowercase { text-transform: lowercase; }

.max-width-275 { max-width: 275px; }
.min-height-250 { min-height: 250px; }
.min-height-375 { min-height: 375px; }
.min-height-400 { min-height: 400px; }
.min-height-450 { min-height: 450px; }

.no-radius { border-radius:  unset; }

.noorda-header, .noorda-header-home  {flex-direction: column-reverse;padding-top: 20px;}
.noorda-header h1, .noorda-header-home h1 {padding-bottom: 40px;padding-top: 20px;text-align: center;}
.noorda-header img, .noorda-header-home img {padding-right: 0px;}

.position-fixed { position: fixed; }

.season-img-lg {min-height: 90vw;}
.season-img-sm, .season-img-md {min-height: 56vw;}

.sponsors-header { align-items: flex-start; }

.text-30 { font-size: 30px; }
.text-green { color: #235d3a; }
.text-grey-dark-8 { color: #191919; }
.text-xkerning { letter-spacing: .12em; }
.text-xkerning-2 { letter-spacing: .5em; }

.two-columns {
	-webkit-column-gap: 20px;
	-moz-column-gap: 20px;
	column-gap: 20px;
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
}

.wFormContainer, .wFormContainer, .wForm, .wFormHeader {
	margin: 0px !important;
	padding: 0px !important;
}

.width-200 { width: 200px; }
.width-300 { width: 300px; }
.width-750 { width: 750px; }


/******** Rental Page / Form ********/
#tfa_13:first-child {
	margin-top: 0px !important;
	padding-top: 0px !important;
}

#wFormThankYouPage .wForm { background: white !important; }
#wFormThankYouPage { 
	width: 100% !important;
	color: black;
}
#wFormThankYouPage .wForm h3 { 
	text-align:left;
	font-family: "Raleway", arial, sans-serif;
	font-size: 14px;
}

.wFormContainer, .wFormContainer, .wForm, .wFormHeader {
	margin: 0px !important;
	padding: 0px !important;
}

.noorda-map { display: none; }

.slick-arrow:before {
	color: rgb(255, 255, 255);
}
/******** END Rental Page / Form ********/


/******** Donation Support Table ********/
.support-table td, .support-table th {
	padding: 5px !important;
	text-align: center;
	font-size: 8px;
}
.support-table td i {font-size: 4px;}
.support-table th {min-width: 20px;}

.bronze.support-table td, 
.silver.support-table td, 
.gold.support-table td, 
.platinum.support-table td, 
.onyx.support-table td {
	color: lightgray;
}
.bronze.support-table td:nth-child(2),
.silver.support-table td:nth-child(3),
.gold.support-table td:nth-child(4),
.platinum.support-table td:nth-child(5),
.onyx.support-table td:nth-child(6) {
	color: black;
}

.search {
	display: flex;
	align-items: center;
	min-width: 200px;
}
.search input { margin-left: 10px; }

/******** END Donation Support Table ********/


.align-items-center.display-flex.flex-wrap.flex-row.jc-space-between.justify-content-center.padding-top-60 {
	padding-top: inherit;
}
div:not([class*="lity"]) .slick-dots {
	bottom: -30px;
	display: flex;
    justify-content: center;
    width: 100%;
}



/* Festivals */
.clickable.clickbox_wrapper:hover .clickbox-content-area {
	text-decoration: none;
	box-shadow: 0 2px 20px rgba(0,0,0,.5);
}

.clickbox_wrapper:before {
	content: "";
	display: block;
	position: absolute;
	background-color: inherit;
	width: 100%;
	height: 103%;
	opacity: .95;
}

.clickbox-content-area {
	padding: 1em;
}

.poster {
	width: 150px;
}
.bg-symposium-custom {
	background-color:#fff5f3;
}

.header-symposium-custom{
	color:#C41271;
}

.header-text-impact {
	font-family: 'Impact','Rajdhani', sans-serif;
}

div.table-border-hide tbody td {
	border-top: 0;
}

.video-padding {
		padding: 30px;
	}

/*End mobile and up styles*/
/* ====================== Tablet and Up (Overrides Mobile Styles) ========================== */
@media only screen and (min-width: 768px) {

	.flex-row-md.flex-column {
		flex-direction: row;
	}
	.text-right-md.text-left {
		text-align: right;
	}
	.video-padding {
		padding-top: 80px;
		padding-bottom: 160px;
		padding-left: 160px;
		padding-right: 160px;
	}
	#show { margin-bottom: 0px; }

	.card-season div {/* max-width: 100vw; */}
	.card-season img {/* height: 52vw; */width: auto;}
	.card-mark-3 {
		bottom: 20px;
		left: 20px;
		display: inherit;
	}
	.card-mark-container {
		min-height: 140px;
		max-width: 140px;
	}
	.card-mark-container img { width: 100px; }
	.card-mark-date-2 {
		bottom: 45px;
		left: 58px;
	}
	.card-mark-date-3 {
		bottom: 45px;
		left: 50px;
	}
	.card-mark-full {
		align-items: center;
		bottom: 35px;
		left: unset;
	}
	.card-mark-title, .card-mark-title-2, .card-mark-title-3-line {font-size: 24px;}
	.card-mark-title {
		left: 160px;
		top: 25px;
	}
	.card-mark-title-2 {
		left: 160px;
		top: 38px;
	}
	.card-mark-title-3-line {
		left: 160px;
		top: 25px;
	}
	.card-mark-title-3 { font-size: 24px; }
	.card-mark-title-4 { font-size: 16px; }

	.card-season h3, .card-season h4 { font-size: inherit; }
	.card-season h2 {font-size: 30px;}
	.card-season h3 {padding-top: inherit;font-size: 24px;}
	.card-season h4 {font-size: 18px;padding-top: 5px;}

	.calendar-listing > a { max-width: 225px; }
	.content-padding { padding: 80px; }

	.flex-card, .flex-card-reversed { display: inherit; }

	.home-button { width: 440px; }

	.img-region-l { padding-left: 30px; }
	.img-region-r { padding-right: 30px; }

	.logo-header {flex-direction: column-reverse;}
	.logo-header div img { margin-top: 0px; margin-left: 20px; }
	.logo-header div {padding-top: 0px;text-align: center;padding-bottom: 0px;}
	.logo-header div img {padding-top: 5px;margin-left: 20px;}
	.logo-header div img:nth-child(2) {
		padding-bottom: 0px;
		padding-left: 0px;
		margin-right: 5px;
		margin-bottom: 9px;
	}
	.logo-header div img:nth-child(3) { margin-bottom: 10px; }
	.logo-header div img:nth-child(3) {margin-bottom: 8px;padding-left: 0px;}
	.logo-header div img:nth-child(4) {margin-top: 0px;margin-bottom: 10px;padding-left: 0px;}

	.noorda-header h1, .noorda-header-home h1 {padding-top: 20px;}

	.support-table { display: block; }
	.support-table-img { display: none; }
	.support-table td, .support-table th {
		padding: 20px !important;
		text-align: center;
		font-size: 14px;
	}
	.support-table td i { font-size: 12px }
	
	
	/* Festivals */
.clickbox-content-area {
		padding-bottom: 2.5em;
	}
	

	/* ====================== Landscape Tablet and Up (Overrides Mobile Styles) ========================== */
	@media only screen and (min-width: 992px) {

		.card-season div {/* max-width: 100vw; */}
		.card-season img {/* height: 53vw; *//* width: auto; */}

		.directors-message {
			background: #676f7a url(https://www.uvu.edu/thenoorda/images/about/director-message-5.png) 45%/contain no-repeat;
			background-position-y: 0%;
			min-height: 34vw;
		}
		.directors-message .region {max-width: 1000px;}

		.donor-list { padding-top: 45px; }

		.flex-card, .flex-card-reversed {
			display: -webkit-flex;
			display: flex;
			-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
		}

		.home-academic div:nth-child(-n+3) {display: block;}
		.home-academic div:nth-child(4) {display:none;}

		.noorda-header {padding-top: 60px;}

		.two-columns {
			-webkit-column-gap: 20px;
			-moz-column-gap: 20px;
			column-gap: 20px;
			-webkit-column-count: 2;
			-moz-column-count: 2;
			column-count: 2;
		}

		.event-interest > .checkbox { 
			display: inline-block;
			margin: 10px; 
		}
		.event-interest > .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
			position: absolute;
			margin-top: auto;
			margin-left: 4px \9;
			right: 0px;
			top: 25px;
		}

		body{ padding-top:80px; }
		.align-items-center.display-flex.flex-wrap.flex-row.jc-space-between.justify-content-center.padding-top-60 {
			padding-top: 60px;
		}

		.support-table th { min-width: 150px; }

		
		/* Festivals */
			.clickbox-content-area {
		padding: 1.5em;
	}	
	
		
		

	}/*end media query*/
	/*End landscape tablet and up styles*/
	/* ====================== Desktop Only (Overrides Mobile and Tablet Styles) ========================== */
	@media only screen and (min-width: 1200px) {

		.card-season {padding-bottom: 50px;}
		.card-season div {/* max-width: 28vw; */}
		.card-season img {height: auto;width: 100%;}
		.card-mark-title, .card-mark-title-2 { max-width: 300px }
		.card-mark-title-3-line {
			left: 160px;
			top: 25px;
		}

		.flex-card-reversed-small { flex-direction: column-reverse; }
		.flex-card-reversed { flex-direction: row-reverse; }

		.logo-header {flex-direction: row;}
		.logo-header div {padding-right: 20px;}

		.noorda-header {flex-direction: row;}
		.noorda-header {padding-top: 60px;}
		.noorda-header-home {flex-direction: row; padding-top: 0px;}
		.noorda-header h1, .noorda-header-home h1 {padding-bottom: 0px;padding-left: 20px;padding-top: 0px;}
		.noorda-header img, .noorda-header-home img {padding-left: 20px;padding-right: 0px;}
		.noorda-map { display: block; }

		.sponsors-header { align-items: flex-end; }

		.season-img-lg {min-height: 55vw;}
		.season-img-md {min-height: 34vw;}
		.season-img-sm {min-height: 24vw;}

		.search-container {
			padding: 0px 20px 0px 50px;
		}

	}/*end media query*/
	/*End desktop only styles*/
	/*END OF DOCUMENT*/