/*
Author: UAB Digital Media
Last Updated Date: October 9, 2017

*/
	/*BEGIN Table of Contents

Auditions
Banner
Current Season
Layout Overrides
Old Play
Ovation
Past Productions
People
Related Articles
Theatre Facilities
Theatre Homepage Graphic
Ticket Information
Tooltip
Widgekit


END Table of Contents */


/*BEGIN Academics */
@media all and (max-width:790px) {
		.theatre-buttons-container {
			flex-direction: column;
		}
	}

/*END Acadmics */


	/*BEGIN Auditions */

	.auditionDatesTable th,
	.auditionDatesTable td {
		text-align: center;
	}

	.auditionDates {
		width: 100%;
	}

	.openAuditionTag:hover {
		background-color: #eee;
		-webkit-transition: background-color 1s;
		/* Safari */
		transition: background-color 1s;
		text-decoration: underline;
	}

	.openAuditionTag {
		font-size: 1.1em;
		font-family: din-condensed, san-serif !important;
		position: absolute;
		top: 10px;
		left: 47px;
		background-color: #eee;
		color: black;
		padding: 5px;
	}

	.auditionsPageContainer .items-more::before {
		content: "Related Articles";
	}

	.auditionsPageContainer .span12 {
		position: relative;
		padding-top: 20px;
	}

	.auditionsPageContainer .items-row {
		border-bottom: 1px dotted #eee;
	}

	.auditionsPageContainer .span12 .readmore .btn,
	.theatreBlogPage .readmore .btn {
		left: 0px;
		margin: 0px 0px;
		bottom: 0px;
		background-color: #1E6B52;
		background-image: none;
		border-radius: 0px;
		border: none;
		color: #fff;
		text-shadow: none;
	}

	.auditionsPageContainer .span12 .readmore .btn:hover,
	.theatreBlogPage .readmore .btn:hover {
		color: #fff !important;
	}

	@media only screen and (max-width:768px) {
		.auditionButton {
			float: none;
			display: block;
			width: 300px !important;
			margin: 5px auto;
		}
	}

	@media only screen and (min-width:768px) {
		.auditionButton:last-child {
			margin-left: 10px;
		}
		.auditionButton:first-child {
			margin-left: 0px;
		}
	}

	.auditionAccordion h3.uk-accordion-title {
		background-color: #f5f5f5;
	}

	.auditionAccordion .uk-accordion-content.uk-active {
		border: 1px solid #eee;
	}
	/*END Auditions */
	/*BEGIN Banner*/
	/**BEGIN Image**/

	.wideload-banner {
		background-color: #231F20;
		background-image: url("images/images/graphics/homepage_banner_1280.jpg");
		min-height: 350px;
		background-size: cover;
		background-position: left;
		position: relative;
		width: 100%;
	}

	.wideload-overlay {
		background: rgba(50, 50, 50, 0.50);
		min-height: 350px;
		overflow: hidden;
		z-index: 2;
	}

	.wideload-content {
		position: absolute;
		top: 50%;
		-webkit-transform: translate(0, -50%);
		transform: translate(0, -50%);
		left: 50%;
		margin-right: -50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 70%;
	}
	/***BEGIN Mobile***/

	@media only screen and (min-width: 1025px) {
		.wideload-banner {
			background-image: url("images/images/graphics/homepage_banner_1280.jpg");
		}
	}
	/***END Mobile***/
	/**END Image**/
	/**BEGIN Text**/

	.wideload-banner h1,
	.wideload-banner h2 {
		text-align: center;
	}

	.wideload-banner h1 {
		color: #fff;
		margin: 0px;
	}

	.wideload-banner h2 {
		color: #A3CD65;
		margin: 0px;
	}

	.wideload-content h1 {
		font-size: 48pt;
		text-shadow: 2px 2px 2px black;
	}

	.wideload-content h2 {
		font-size: 24pt;
		font-family: din-condensed, san-serif !important;
		text-transform: uppercase;
		text-shadow: 2px 2px 2px black;
	}
	/***BEGIN Mobile***/

	@media only screen and (max-width: 980px) {
		.wideload-content {
			width: 95%;
		}
		.wideload-content h1 {
			font-size: 48px !important;
		}
		.wideload-banner h2 {
			font-size: 24px !important;
		}
	}
	/***END Mobile***/
	/**END Text**/
	/*END Banner*/
	/*BEGIN Current Season*/

	.item-page.currentSeason .pull-right.item-image {
		margin: 20px;
	}

	.currentSeason .uk-button {
		float: none;
		margin: 5px auto !important;
		width: 200px;
		display: block;
		background-color: #1e6b52;
		color: #fff !important;
		border:1px solid #1e6b52 !important;
	}

	.item-page.currentSeason a.uk-button:hover {
		color: #fff !important;
		border:1px solid #1e6b52 !important;
	}

.template-01 a.uk-button.uk-button-primary:hover {
    color: #444 !important;
    background-color: #fafafa !important;
}

	.currentSeason .castTableLeft {
		width: 46%;
		float: left;
	}

	.currentSeason .castTableRight {
		width: 46%;
		float: right;
		margin-left: 20px;
	}

	.currentSeason table tr {
		background-color: #fff;
	}

	.currentSeason .table td {
		padding: 8px;
	}

	.currentSeason .table td:first-child {
		font-weight: bold;
	}

	@media only screen and (max-width:550px) {
		.currentSeason .item-page img {
			width: 100%;
		}
	}

	@media only screen and (max-width:768px) {
		.currentSeason .castTableLeft {
			margin: auto;
			width: 100%;
			float: none;
		}
		.currentSeason .castTableRight {
			margin-left: 0px;
			margin: auto;
			width: 100%;
			float: none;
		}
		.currentSeason .table td:first-child {
			font-weight: bold;
			width: 250px;
			min-width: 250px;
		}
	}

	@media only screen and (max-width: 700px) {
		.item-page.currentSeason .pull-right.item-image {
			float: none;
			text-align: center;
			margin: 0px;
		}
	}
	/*END Current Season*/
	/*BEGIN Layout Overrides*/

	li.item-726.divider {
		background-color: #E5E5E5 !important;
	}
	/* adds line to sidebar menu */

	.menuLine {
		display: none;
	}
	/*removes text from divider on sidebar menu */

	div.noBottomPadding {
		padding-bottom: 0px;
	}

	.noTopMargin {
		margin-top: 0px;
	}

	.uk-accordion h3 {
		margin-top: 10px !important;
	}

	h3.uk-accordion-title {
		margin-top: 0px !important;
	}

	ul.weblinks li a {
		font-size: 17px !important;
	}

	@media only screen and (max-width: 768px) and (min-width: 300px) {
		.theatreMobileButton {
			width: 100% !important;
			display: block;
			margin: 10px auto;
			padding: 10px;
		}
		.currentSeason .uk-button,
		.theatreMobileNoMargin {
			width: 100% !important;
			display: block;
			margin: 0px auto;
			padding: 10px;
		}
	}

	.stipendScholarshipBox {
		border: 1px solid #eee;
		padding: 20px;
		margin: 10px 0px;
	}

	@media only screen and (min-width: 1024px) {
		.DCHomepage {
			min-height: 425px;
		}
	}

	@media only screen and (max-width: 1024px) {
		h3.uk-accordion-title {
			padding: 10px;
		}
		.weblinks li {
			text-align: center;
		}
	}

	@media screen and (min-width: 1025px) {
		#search input {
			width: 280px;
		}
	}

	.item-page h3 {
		margin-top: 20px;
		margin-bottom: 7px;
	}

	.admissionBlock h4 {
		font-size: 20px;
		font-weight: bold;
	}

	.quickFacts li:before {
		content: '';
		margin-left: -9px;
		margin-right: 5px;
		margin-bottom: 3px;
		height: 5px;
		width: 5px;
		color: black;
		display: inline-block;
		background-color: black;
	}

	.blog .span4,
	.blog .span6 {
		border: 1px solid #eee;
		position: relative;
	}

	.vimeoVideo {
		float: right;
		margin: 10px;
	}

	.readmore {
		min-height: 20px;
	}

	.theatreBlog .item-image {
		margin: 0px !important;
		float: none;
	}

	.theatreAlternateButton {
		background-color: #1e6b52;
		color: #fff !important;
	}

	.theatreAlternateButton:hover,
	.theatreAlternateButton:focus,
	.theatreAlternateButton:active {
		background-color: #1e6b52;
		color: #fff !important;
	}

	@media all and (max-width:690px) {
		.theatreImage {
			width: 100% !important;
			float: none !important;
			margin: 10px auto !important;
		}
	}

	@media only screen and (min-width: 768px) {
		.span6 {
			width: 47% !important;
		}
	}

	@media only screen and (max-width: 1024px) and (min-width: 300px) {
		.cols-1 .column-1,
		.cols-2 .column-1,
		.cols-2 .column-2,
		.cols-3 .column-1,
		.cols-3 .column-2,
		.cols-3 .column-3,
		.cols-4 .column-1,
		.cols-4 .column-2,
		.cols-4 .column-3,
		.cols-4 .column-4,
		.column-1,
		.column-2,
		.column-3,
		.column-4 {
			width: 100%;
		}
	}

	@media only screen and (max-width: 1024px) and (min-width: 300px) {
		.cols-3 .column-2,
		.column-3 {
			width: 100% !important;
		}
	}

	@media only screen and (max-width: 1024px) and (min-width: 300px) {
		tr:nth-of-type(2n+1) {
			background: none;
		}
	}

	@media only screen and (max-width: 700px) and (min-width: 300px) {
		.captionedPicture {
			float: none !important;
			max-width: 100% !important;
			width: 95% !important;
			margin: 0px !important;
		}
	}

	@media only screen and (max-width: 768px) and (min-width: 300px) {
		.vimeoVideo {
			float: none;
			width: 100%;
			margin: 0px;
		}
	}

	@media only screen and (max-width: 1024px) and (min-width: 300px) {
		.theatreMobileNoMarginRightButton {
			width: 98% !important;
			display: block;
			margin: 0px 1%;
			padding: 10px;
		}
		.theatreBtnGroup {
			display: block;
			margin: 1%;
			width: 100%
		}
	}
	/*END Layout Overrides*/
	/*BEGIN Old Play*/

	.oldPlay {
		width: 100%;
		padding: 3%;
		border: 1px solid #eee;
		margin: 1% !important;
		min-height: 75px;
	}

	.oldPlay h3 {
		margin-top: 10px !important;
	}

	@media screen and (min-width: 1023px) {
		.oldPlay {
			width: 25%;
			float: left;
			min-height: 150px;
		}
	}
	/*END Old Play*/
	/*BEGIN Ovation*/

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

	.ovationMemberLevel {
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
		-webkit-flex: 1 1 150px;
		-ms-flex: 1 1 150px;
		flex: 1 1 150px;
		-webkit-align-self: auto;
		-ms-flex-item-align: auto;
		align-self: auto;
		padding: 20px;
		border: 1px solid #eee;
		margin: 1%;
	}

	.membershipTitle {
		font-weight: bold;
		text-align: center;
		margin: 0px 0px 5px 0px;
	}

	.membershipCost {
		text-align: center;
		display: block;
		margin-bottom: 5px;
	}

	@media only screen and (max-width:1000px) {
		.ovationMemberContainter {
			-webkit-flex-direction: column;
			-ms-flex-direction: column;
			flex-direction: column;
		}
		.ovationMemberLevel {
			-webkit-flex: 1 1 auto;
			-ms-flex: 1 1 auto;
			flex: 1 1 auto;
		}
	}
	/*END Ovation*/
	/* BEGIN Past Productions */

	.pastProductionButtonContainer span {
		height: 1px;
		width: 1px;
		position: absolute;
		overflow: hidden;
		top: -10px;
	}

	.pastProductionsDropDown li:hover {
		background-color: #eee !important;
	}

	.pastProductionsDropDown li.current.active {
		background-color: #eee;
	}

	.pastProductionsDropDown ul.dropdown-menu {
		width: 95%;
		text-align: center;
	}

	.pastProductionsDropDown li {
		padding: 5px;
	}

	.pastProductionsButtonCaret {
		margin-top: 14px !important;
		margin-left: 5px !important;
	}

	.pastProductionsFilterByDate {
		width: 300px;
	}

	.productionsPosterGrid {
		clear: both;
		padding-top: 20px;
	}

	.pastProductionTitle {
		min-height: 65px;
	}

	.pastProductionTitle h2 {
		text-align: center;
	}

	.pastProductionDate {
		margin-bottom: 5px;
		
	}

	.pastProductionButtonContainer {
		text-align: center;
		display:flex;
		flex-wrap:wrap;
		gap:10px;

	}

	.pastProductionButtons {
		background-color: rgba(255, 0, 0, 0);
		
		margin-top: 10px;
	}

	@media only screen and (max-width:768px) {
		.pastProductionTitle {
			min-height: 5px;
		}
	}

	.tag-category.pastProductions .list-striped li {
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
		-webkit-flex: 0 1 250px;
		-ms-flex: 0 1 250px;
		flex: 0 1 250px;
		-webkit-align-self: auto;
		-ms-flex-item-align: auto;
		align-self: auto;
	}

	.tag-category.pastProductions ul {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-around;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		-webkit-align-content: center;
		-ms-flex-line-pack: center;
		align-content: center;
		-webkit-align-items: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
	}

	.tag-category.pastProductions .list-striped li:nth-child(odd) {
		background-color: #fff;
	}

	.tag-category.pastProductions .list-striped {
		border-top: none;
	}

	.tag-category.pastProductions .list-striped li {
		border-bottom: none;
	}

	.pastProductionsSearch input.search-query {
		border-radius: 0px;
	}


.pastProductionsDropDown li a {
    border-bottom: 0 !important;
}

span.caret.pastProductionsButtonCaret {
    margin-top: 9px !important;
}

	/* END Past Productions */
	/*BEGIN People*/

	.facultyStaffProfile h1 {
		margin-top: 10px;
	}

	.blog-btns .readmore .btn,
	.categoryBlogItem .readmore .btn,
	.currentSeason .readmore .btn {
		margin: 0px 0px;
		position: absolute;
		bottom: 0px;
		right: 0px;
		background-color: #eee;
		background-image: none;
		border-radius: 0px;
		border: none;
	}

	
	.categoryBlogItem {
		padding: 8px;
	}

	/*.blog .facultyStaffProfile {
		min-height: 220px;
      
	}*/

	.artistsInResidence li {
		margin-left: 10px;
	}

	.facultyStaffProfile div[itemprop="blogPost"] {
		position: relative;
	}

	.facstaffProfilePage .item-image {
		float: right;
		width: 25%;
		margin: 20px !important;
		border-radius: 2px;
	}

	.items-row.row-fluid img {
		border-radius: 0px;
		display: block;
		margin: 0px;
	}

	@media only screen and (max-width: 700px) {
		.facstaffProfilePage .item-image {
			float: none;
			width: 100%;
			margin: 0px !important;
			border-radius: 2px;
			text-align: center;
		}
	}
	/*END People*/
	/*BEGIN Related Articles*/

	.moduletable.relatedArticles {
		border-top: 1px solid #eee;
		padding-top: 10px;
		margin: 0 1.5%;
	}

	.relatedArticles li {
		border-radius: 4px;
		border: 1px solid #ddd;
		padding: 7px !important;
		margin-top: -1px;
	}

	.relatedArticles li a {
		font-weight: 900;
	}
	/*END Related Articles*/
	/*BEGIN Theatre Facilities */

	@media all and (min-width:768px) {
		.theatreFacilitiesButtons {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
		}
		.theatreFacilitiesButtons a {
			margin: 10px;
		}
	}

	@media all and (max-width:768px) {
		.theatreFacilitiesButtons a {
			display: block;
			margin: 10px auto;
			width: 100% !important;
			padding: 10px;
		}
	}
	/*END Theatre Facilities */
	/*BEGIN Theatre Homepage Graphic */

.DCHomepage .full.full1 {
    width: 100% !important;
    margin-left: 0 !important;
}

	.theatreHomeGraphicText h2 {
		color: #fff;
		text-align: center;
		font-size: 4em;
		font-weight: bold !important;
		margin-bottom: 0px;
		margin-top: 0px;
	}

	.theatreHomeGraphicText h3 {
		color: #a3cb6a;
		font-size: 2.5em;
		text-align: center;
		margin-top: 0px;
	}

	.theatreHomeGraphicText p {
		text-align: center;
	}

	.theatreHomeGraphicText a {
		color: #fff !important;
		padding: 10px;
		border: 1px solid #fff;
		display: inline-block;
		font-weight: bold;
	}

	.theatreHomeGraphicText {
		background-color: black;
		padding: 40px 0px;
		vertical-align: bottom !important;
	}

	.theatreHomeGraphic {
		margin-top: 20px;
	}

	@media only screen and (max-width: 1024px) and (min-width: 300px) {
		.theatreHomeGraphic {
			vertical-align: bottom !important;
		}
	}

	@media all and (max-width:767px) {
		.theatreHomeGraphicText a {
			display: block;
			width: 300px;
			margin: 20px auto;
		}
		.theatreHomeGraphicText h2 {
			font-size: 3em;
		}
		.theatreHomeGraphicText h3 {
			font-size: 2em;
		}
	}
	/*END Theatre Homepage Graphic */
	/*BEGIN Ticket Information */

	.ticketPrices tr>td,
	.ticketPrices th {
		text-align: center;
	}

	.ticketPrices tr>td:first-child {
		text-align: left;
	}

	@media only screen and (max-width: 500px) {
		.mobileTicketInformation {
			display: block !important;
		}
		.desktopTicketInformation {
			display: none;
		}
	}
	/*END Ticket Information */
	/*BEGIN Tooltip */

	.jcetooltip {
		opacity: 1;
	}

	#jcemediabox-tooltip-text h4 {
		color: black;
		font-size: 1em;
		font-family: proxima-nova, sans-serif !important;
	}

	#jcemediabox-tooltip-text p {
		color: black;
		font-size: 1em;
		font-family: proxima-nova, sans-serif !important;
	}
	/*END Tooltip*/
	/*Begin Widgekit*/

	.scholarshipAppAccordion .uk-accordion-title {
		background-color: #fff;
	}
	/*END Widgekit */

	/*Center align text on widgekit */

	.template-01 .theater-home-image-wk div.wk-overlay.wk-overlay-primary.wk-position-bottom {
		justify-content:center;
	}