/* Shades - Maryville College Maroon
Base - #600015
lighter - #803344 */

* {
        margin: 0;
        padding: 0;
        box-sizing: border-box; /* Ensures padding and border are included in element's total width/height */
        text-decoration: none !important;
}

/* * :visited {
    color: black;
} */

html, body {
    font-family: Playfairdisplay;
    --dark-grey: #0f0f0f;
    --red-brick: #8B3A3A;
    --creamy-limestone: #f2e4c6;
    --olive-green: #66754d;
    --aged-Charcoal: #4A4A4A;
    --antique-gold: #C3A564;
    --weathered-white: #EDEAE4;
	--weathered-coral: #F0C6B4;
    height:100%;
}

body {
    color: var(--dark-grey);
    background-color: var(--weathered-white);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

header {
    background-color: var(--olive-green);
    flex-grow: .5;
    font-size: 1.6em;
}

.header-item {
    color: var(--creamy-limestone);
    /* border: 2px solid green; */
    margin-right: 10px;
    padding: 5px;
    border-radius: 5px;
}

.header-inner-container {
    display: flex;
    justify-content: space-between;
	height: 100%;
}
.header-item-container {
    display: flex;
    /* border: 1px solid red; */
}

.header-item {
	transition: transform 500ms;
	margin-left: 10px;
}

.header-item:hover {
	color: var(--weathered-coral) !important;
	transform: scale(1.1);
}

html body.customize-support header.body-item {
	min-height: 60px;
}

.header-link {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}





.main-content {
    flex-grow: 10;
}



.home-bio {
    text-decoration: none;
    display: flex;
    align-items: center;
    text-align: center;
    height: auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5em;
    padding: 10px;
	margin-top: 20px;
    color: black;
}
.home-bio-title {
	font-family: Times New Roman;
	font-weight: bold;
	font-size: 3em;
	color: var(--antique-gold);
	text-shadow: 2px 2px 2px var(--aged-Charcoal);
	border-bottom: 4px ridge var(--aged-Charcoal);
	width: 90%;
	margin: auto;
}
.home-image-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.home-image, img {
	border-radius: 5px;
	box-shadow: 2px 2px 10px var(--aged-Charcoal);
}


footer {
    font-family: serif;
    background-color: var(--olive-green);
    flex-grow: 1;
    padding: 5px;
    color: var(--creamy-limestone);
	
}

.footer-inner-container {
    display: flex;
    height: 100%;
}

.footer-column {
    list-style-type: none;
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
}

.footer-title {
	color: var(--creamy-limestone);
    border-bottom: 3px solid var(--creamy-limestone);
	text-decoration: none;
	margin-bottom: 10px;
}

.footer-li {
	color: var(--creamy-limestone);
    font-size: .9em;
	text-decoration: none !important;
	margin-bottom: 6px;
	transition: transform 1s; 
}
.footer-li:hover {
	color: var(--weathered-coral);
	transform: scale(1.5)
}


.ticket-info-container {
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items: center;
    list-style-type: none;
}

ul {
    list-style-type: none;
}

.payment-button {
    border-radius: 5px;
    background-color: var(--red-brick);
    color: var(--antique-gold);
    margin: 4px;
    padding: 0 4px 0 4px;
}

.ticket-purchase-title {
    font-size: 4em;
    font-weight: 700;
    line-height: 1.4em;
    /* border-bottom: 2px solid var(--aged-Charcoal); */
    margin-bottom: 8px;
}

.payment-option {
    display: flex;
    justify-content: space-between;
    margin: 0 0 20px 0;
    padding-bottom: 10px;
    border-bottom: 2px dashed var(--aged-Charcoal);
	font-size: 1.8em;
}

strong {
    margin-right: 40px;
}

.payment-li {
    width: 100%;
    display: flex;
    align-items: end;
    text-align: right;
}


div.payment-option li {
   display: flex;
   justify-content: right;
}

.ticket-price {
	font-size: 2em;
    margin-bottom: 10px;
}

.parking-text {
	align-content: center;
	justify-content: center;
}		
.parking-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.parking-map {
	box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset !important;
/* 	width: 75%;
	height: auto; */
}
.map {
/* 	width: 100%;
	height: 100%; */
}

.map-block {
	margin: 40px 80px;
}
.map-directions {
	border-top: 2px solid var(--aged-Charcoal);
	border-bottom: 2px solid var(--aged-Charcoal);
	padding: 10px 0px;
}

html body.customize-support div.main-content.body-item div.wp-block-image.splash-image figure.aligncenter.size-full img.wp-image-149 {
	height: auto;
	width: 95vw;
	opacity: .8;
	box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
	border-radius: 3px;

}

.post-container {
	margin: 20px;
	padding: 20px;
	box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
	border-radius: 5px;
}

.welcome-h1 {
	letter-spacing: .2;
	text-shadow: 2px 2px var(--antique-gold);
	line-height: 1.6;
}

.welcome-h3 {
	line-height: 1.4;
}

.join-us {
	
}

.join-us-container {
	border-top: 2px solid var(--aged-Charcoal);
	border-bottom: 2px solid var(--aged-Charcoal);
	display: block;
	margin: 80px 40px 80px 40px;
	font-weight: 400;
	letter-spacing; .2;
	padding: 20px 0;
	text-decoration: none;
}