@charset "utf-8";
@import url("agatha-index-style.css");
body 			{
    margin: 0;
    padding: 0;
    background-color: #000080;
    color: #FFFFFF;
    font-family: "Verdana", "sans-serif", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Arial";
    font-weight: 300;
    font-size: 1em;
}

.header-parent 	{	position: relative;			}	

.header-image	{	object-fit: cover;
					width: 100%;
					height: auto;
					position: relative;			}

.header-logo 	{	max-width: 392px;
					min-width: 100px;
					width: 200px;				}

.header-title 	{	font-family: "Arial";
 					text-shadow: 2px 2px 4px #000080;
					font-size: 2.8em;
					color: #FFFFFF;				}

.grid-container {	display: grid;
					grid-template-columns: 13% 75%;
					grid-template-rows: auto;
					gap: 5%;
					position: absolute;
					top: 0;
					grid: wrap;					}

.grid-item-1 	{	text-align: center;
					align-self: start;			}

.grid-item-2 	{								}
	
section 		{	background-color: #FFFFFF;
				    color: #000080;
    				border-radius: 10px;
    				padding: 0.5%;
					paddiing-left: 1.5%;
					padding-right: 1.5%;
					margin-left: auto;
					margin-right: auto;
    				width: 80%;
    				clear: both;
    				font-family: "Verdana", "sans-serif", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans";
    				font-weight: 300;
					font-size: 1em;
					text-justify: auto;	
						}

 .welcome 		{	min-width: 425px;
 					margin-top: 20px;
					margin-bottom: 10px;		}

h2 		{			font-size: 1.5em;
    				font-family: "Verdana", "sans-serif", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans";
    				text-align: left;
    				font-weight: bold;
					padding-left: 2%;
	 				padding-right: 2%;		}

p 				{		padding-left: 2%;
    					padding-right: 2%;		}

h3 				{		font-size: 1.4em;		}


#brassed-off-flyer {	
    					min-width: 425px;
						width: 80%;
						margin-top: 20px;
						margin-bottom: 10px;
						padding: 0.5%;
						margin-left: auto;
						margin-right: auto;	
						text-justify: auto;		}

.next-show-title	{							}
	
.next-show-synopsis {	
					
	 				padding-left: 2%x;
	 				padding-right: 2%;
					}

.BO-flyer-front {		margin-left:  1%;
    					margin-right:  auto;
    					-webkit-box-shadow: 2px 2px 6px 1px #555555;
    					box-shadow: 2px 2px 6px 1px #555555;
						width: 48%;			}

.BO-flyer-back {		padding-left: auto;
						margin-left:  auto;
    					margin-right:  1%;
    					float: right;
   						width: 48%;
    					box-shadow: 2px 2px 6px 1px #555555;
    					padding-bottom: auto;
    					padding-right: auto;
    					padding-top: auto;		}

.ticket-info 	{		margin-top: 10px;		}


.TicketSource 	{ 	color: #FF0004;
  					word-spacing: 0px;			}


.section-slideshow {	width: 96%;
    					-webkit-box-sizing: content-box;
    					-moz-box-sizing: content-box;
    					box-sizing: content-box;
    					display: block;
						margin-top: 20px;
    					margin-left: auto;
    					margin-right: auto;
						background-color: #FFFFFF;
    					color: #000080;
    					border-radius: 10px;
    					padding-left: 2%;
  						padding-right: 2%;
    					clear: both;
    					font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    					font-weight: 400;
    					font-style: normal;
    					font-variant: normal;
    					font-size: medium;
						padding-top: 2px;		 }


footer 			{		text-align: center;
    					font-size: small;
    					font-style: italic;
    					font-family: "Verdana", "sans-serif", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans";
						font-weight: 100;
    					float: bottom;
    					clear: both;
    					bottom: 0px;
    					width: 100%;
    					letter-spacing: 1px;
    					padding-top: 8px;
    					height: 30px;
    					border-bottom-width: 100%;
    					top: auto;
    					margin-top: 10px;
    					margin-bottom: 1px;		}