/*
Theme Name:   Lyric Theatre OKC
Theme URI:    http://example.com/lyric-theatre-okc/
Description:  Lyric Theatre OKC (Flight Theme)
Author:       Brittany Pizarro
Author URI:   http://example.com
Template:     salient
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  Lyric Theatre
*/

/* Single Shows CSS */
.single-shows .container-wrap {
    padding-top: 0 !important;
}
.shows-header img {
    max-width: 100%;
    object-fit: contain;
    height: initial;
    margin: 0 auto;
    display: block;
}
.shows-dates {
    text-align: center;
    color: #fff;
    background: #000;
    padding: 1em;
    font-size: 1.5em;
    text-transform: uppercase;
}
.shows-wrap {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 20px;
	padding-top: 3em;
}
.shows-left,
.shows-right {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: stretch;
}
.show-tickets-btn {
    text-align: center;
    padding-top: 1em;
}
.visit-box {
    background: url('/wp-content/uploads/2024/02/BuyTickets.png') no-repeat center center / cover; 
	text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    height: 200px;
    margin-bottom: 1.5em;
}
.visit-box:hover {
	transition: 0.3s;
	transform: scale(1.05);
}
.visit-box p {
    padding: 1em;
    color: #ffffff;
	font-size: 1.3em;
}

.visit-box.venue-box {
	  background: url('/wp-content/uploads/2023/08/AdobeStock_376063228-scaled.jpeg') no-repeat center center / cover;
}
.shows-cats {
    font-size: .75em;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 3em;
}
.shows-details h1 {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 36px;
    line-height: 44px;
    margin-bottom: 10px;
}
.shows-details p {
    font-family: 'Pontano Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 19.8349px;
    line-height: 25px;
    padding-right: 9em;
}
/* .additional-shows-details {
	margin: auto;
	padding: 1em;
} */
.shows-ticket {
    text-align: center;
    margin-top: 2em;
}
.shows-ticket a {
    display: inline-block;
    padding: 0.8em 4.5em;
	background: #004789;
	color: #fff;
	border-color: #004789;
    /*transition: background 1s;*/
}

.shows-ticket a:hover {
   /* background: linear-gradient(to right bottom, #79a0d2, #604496); */
	border: 2px solid black;
    background-color: white;
    text-decoration: none;
    border-color: #000;
    color: #004789;
	border-color: #004789;
	transition: 0.3s;
	transform: scale(1);
}

.middle-full {
    margin: 2em 0 3em 0;
}
.banner-background {
    background-size: cover !important;
    padding: 4em 1em;
}
.banner-background p {
    padding: 0;
/*    color: #fff;  */
    text-align: center;
    line-height: 2;
	  font-size: 2em;
}
.shows-header {
    background: #64a1d7;
}
.creative-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
    padding: 20px;
	margin-left: -20px;
    margin-right: -20px;
	margin-top: 4em;
    margin-bottom: 4em;
	text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 4em;
    margin-bottom: 6em;
    gap: 20px;
}
.creative-item {
    flex: 0 1 300px;
}
.creative-item p {
    line-height: 1rem;
}
.creative-item small {
    line-height: 1;
    display: inline-block;
    font-size: 16px;
    font-style: italic;
    position: relative;
    top: 10px;
}
/* .cast-wrapper { 
	display: grid;
	place-content: center;
	margin: 4em; 
}*/

.cast-container { 
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* Center items horizontally */
    align-items: center; /* Center items vertically */
    margin-top: 4em;
    margin-bottom: 6em;
    gap: 20px;
}
.cast-item { /* actor card */	
	display: inline-flex;
    justify-content: center;	
	flex-direction: column;
	align-items: center;
	cursor: pointer;
    flex: 0 1 300px; /* Flex basis of 300px */
}
.cast-item img { /* actor card img */
	height: 10em;
	width: 10em;
	border-radius: 50%;
	object-fit: cover;
	padding: 1em;
}
.cast-item:hover {
	text-decoration: underline;
	color: #004789;
}
.cast-member-name { /* actor card name */
  font-size: 18px;
  line-height: 28px;
  padding-bottom: 0;
  padding: 10px 0 10px 0;
  margin: 0;
}

.cast-member-role { /* actor card role */
  font-size: 14px;
  line-height: 20px;
  font-style: italic;
  color: #000;
  padding: 0;
  margin: 0;
}
/* .overlay-text {
    position: absolute;
    bottom: 0;
    color: #fff;
    width: 100%;
    padding-left: 25px;
    padding-right: 15px;
    padding-bottom: 10px;
} */
/* .overlay-text p {
    padding: 0;
    line-height: 1;
}
.overlay-text small {
    font-size: 18px;
    opacity: .9;
} */
h2.show-headline {
    text-align: center;
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 48px;
}
.last-full {
    background: #004789;
    text-align: center;
    padding: 2em 1em;
}
.all-show h2 {
    color: #fff;
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 0.5em;
}
.all-show a {
    display: inline-block;
    padding: 10px 50px;
    text-decoration: none;
    color: #fff;
    background: linear-gradient(to right bottom, #604496, #79a0d2);
    transition: background 1s;
}
.single-shows .nectar-global-section.before-footer {
    padding-top: 0 !important;
}
.all-show a:hover {
    background: linear-gradient(to right bottom, #79a0d2, #604496);
	transition: 0.3s;
	transform: scale(1);
}

.shows-video {background-color: #000; padding-bottom: 30px;}
.shows-video-container {max-width: 900px; margin: 0 auto;}
.buy-tickets-wrapper {
    font-size: 19px; 
    line-height: normal; 
    background: #eeeeee; 
    padding: 20px; 
    margin-bottom: 20px; 
}
.buy-tickets-wrapper .nectar-button {font-size: 16px !important;}
.buy-tickets-true {}
.scalper-label {margin: 0 !important;}
.buy-tickets-false {text-align: center;}


@media screen and (max-width:767px) {
	.shows-dates {
	    font-size: 1em;
	}
	.shows-wrap {
	    grid-template-columns: 1fr;
	}
	.shows-details p {
	    padding-right: 0;
	}
	.shows-ticket {
	    margin-top: 0;
	    margin-bottom: 1em;
	}
	.shows-ticket a {
	    width: 100%;
	}
	.banner-background p {
	    font-size: 1em;
	}
	.creative-container, .cast-container {
	    margin-top: 3em;
	    margin-bottom: 3em;
	}
	.creative-container, .cast-container {
	    grid-template-columns: 1fr;
	    padding: 0;
	}
	.creative-item p {
	    padding-bottom: 0.5em;
	}
	.last-full {
	    margin: 0 6.5px;
	}

}