@font-face {
	font-family:"Montserrat"; 
	src:url("https://www.thebarnplayers.com/font/Montserrat-Regular.woff") format("woff");
	font-display:swap;}
body {
	background-image: linear-gradient(to bottom, transparent, black), repeating-linear-gradient(90deg, #800, #a44, #800 60px);
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#000;
	margin:0; 
	padding:0; 
	font-family:Montserrat,sans-serif;
	color:#ffd;
	font-size:clamp(.85em,2vw,1em);}
a {	color:#fff;}
header {
	position:relative;
	max-width:960px;
	margin:0 auto;
	padding:0;
	z-index:1}
header p {
	border-radius:.5em;
	padding-top:1em;
	//box-shadow:#000 0 0 2em;
	//background-color:rgba(50,0,0,0.5);}
header p span {
	font-size:50%;}
#headertitle {
	display:block;
	font-size:clamp(1.5em, 4vw, 2.5em);
	font-weight:normal;
	text-align:center;
	max-width:960px;
	margin:0 auto;
	padding:0.5em 1em;
	}
header h1 span {
	font-size:.5em;
}
nav {
	max-width:960px; 
	margin:0 auto; 
	padding:0;}
menu {
	list-style-type:none; 
	margin:0; 
	padding: 2em 0.5em; 
	display:flex; 
	flex-direction:row;}
menu li {
	display:flex;
	flex:auto;
	justify-content:space-evenly;
	font-size:clamp(1em,2.5vw,1.25em);}
menu li a {
	background-color:#908;
	padding:.25em;
	border-radius:.25em;
	box-shadow:#000 0 0 5px;}
menu li a:hover {
	background-color:#b2a;}
main {
	max-width:960px;
    margin:0 auto;
	clear:both;
	padding:0 0.5em 0;}
footer {
	max-width:960px; 
    margin:0 auto 1em; 
	text-align:center; 
	clear:both;}
h1 {
	font-size:clamp(1.5em, 4vw, 2.5em);
	max-width:960px;
	margin:0 auto;
	text-align:center;
	border-bottom:2px dotted #999;}
#pagetitle{
	font-size:clamp(3em, 7vw, 5em);
	max-width:960px;
	margin:0 auto;
	text-align:center;
	border: none;}
h2 {
	font-size:clamp(1.2em,3.5vw,2.2em);}
dt {
	font-weight:bold;}
small {
	font-size:small;}
article {
	clear:both;}
article.season {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
}
article.season p {
	min-width:20em;
	width:50%;
}
article.season p span {
	font-size:2em;
}
article.season .ctrposter{
    display:inline-block;
	object-fit:contain;
	max-width:80%;
	height:auto;
	margin:0 auto 2em;
	box-shadow:none;
}	
#socialmedia {
	display:flex;
	flex:auto;
	justify-content:space-evenly;
	margin:1em auto;
	max-width:50%}
#barnlogo {
	position:absolute;
	left:0;top:0;
	max-width:25%;
	width:140px;
	height:auto; 
	aspect-ratio: auto 166 / 290;
	z-index:-1;
	opacity:0.4;}
#fpposter {
	height:auto;
	aspect-ratio: auto 514 / 782;
	width:25em;
	max-width:70%;
	margin:1em auto;
	border:1.5em #333 solid;
    box-shadow:1.5em 1em 5em #000;}
#posterquad {
	clear:both;
	display:block;
	width:100%;
	margin:0 auto;}
.fpposterquad {
	display:inline;
	clear:both;
	height:auto;
	aspect-ratio: auto 514 / 771;
	max-width:48%;
	//min-width:300px;
	margin:1em auto;
	box-shadow: #000 0 0 5px;}
.ctrposter {
	display:block;
	height:auto;
	aspect-ratio: auto 514 / 782;
	width:20em;
	max-width:70%;
	margin:1em auto;
	box-shadow: #000 0 0 5px;}
.ctalink {
	position:relative;
	font-weight:bold;
	color:#f4f7d9;
	background-color:#056;
	padding:0.25em;
	margin: .5em auto .5em;
	font-size:clamp(.75em,4vw,2em);
	box-shadow: #000 0 0 5px;
	border-radius:0.25em;
	display:block;
	width:max-content;
	}
.ctalink::before, .ctalink::after {
    content: '';
	position: absolute;
	left: -1px;
	top: -1px;
	background: linear-gradient(45deg, #f7941e, #000, #f7941e, #000, #f7941e, #000, #f7941e, #000, #f7941e, #000);
	background-size: 400%;
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	border-radius:.25em;
	z-index: -1;
	animation: spinning 60s linear infinite;
	}
@keyframes spinning{
    0%{background-position:0 0;}
	50%{background-position:400% 0;}
	100%{background-position:0 0;}
	}
.ctalink::after{
	filter:blur(40px);
	opacity:0.9;
    }
.ctalink:hover {
	color:#fff;
	background-color:#027784;
	transition:0.5s;}
.auditionnotice p {
	font-size:.8em;}
.menupage {
	padding-left:25%;}
.pastshowlist {
	line-height:2em; list-style-type:none; padding:0;}
.psprog, #pastshowpix {
	text-align:center;}
#pastshowpix {
	display:grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
#pastshowpix img {
	width:100%;
}
.prodpic {
	aspect-ratio:auto 240 / 300;
	display:inline-block;
	width:19%}
.boardpic {
	display:block;
	max-width:80%;
	height:auto;
	float:left;
	padding:0 2em 2em;}
#fpcta {
	text-align:center;
	padding:1em;}
#fpstripe {
	margin:1em auto;
	padding: 10px;
	background-image: repeating-linear-gradient(120deg, rgba(30, 30, 30, 0.8), rgba(30, 30, 30, 0.8), rgba(30, 30, 30, 0.8) 80px), repeating-linear-gradient(60deg, #ffd, #eec, #ffd 60px);
    border-radius:.5em;}
#fpreadmore {
	display:inline-block;
	text-decoration: none;
	background-color: #75005f;
	color: #f4f7d9;
	padding: 5px 15px;
	font-size: 11px;
	box-shadow: #000 0 0 5px;}
.fplink {
    color: #000000;}
.clearboth {
	clear: both;}
.ul {text-decoration: underline;}
section#others {
	clear:both;}
.ctr {
    text-align:center;	
}
.font07 {
	font-size:0.7em;
}
   .yearlist {
	   clear:both;
	   display:flex;
	   flex-wrap:wrap;}
   .yearlist li {
	   list-style-type:none; 
	   width:50%;}
   .yearlist li img {
       max-width:50%;}
	   
.img50 {
	display:block;
	height:auto;
	width:50%;
	margin:1em auto;
}
.img25 {
	height:auto;
	width:25%;
	margin: auto;
}
.img250 {
	height:auto;
	width:250px;
}