@charset "UTF-8";

/* Flyer Style Table Layout for Bambi's Sponsorship page */

.box-shadow {
	box-shadow: 1px 4px 12px 1px rgba(0, 0, 0, 0.5);
}

.flex-container {
	display: flex;
	justify-content: center;
	align-items: center;
}

.flex-container > div {
	margin: 0;
	text-align: center;
}

.media {
	min-width: 0;
	margin: 0;
}

.photo {
	margin: 0 0;
}

.photo {
	align-items: center;
	height: auto;
	min-width: 0;
}

.button-photo {
	margin: 0 0;
}

.button-photo {
	border-radius: 3%;
	padding: 2px;
	align-items: center;
	height: auto;
	min-width: 0;
}

img {
	width: 100%;
	max-width: 100%;
}

.orange {
	background-color: #F6931E;
	font-size: 4vw;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-weight: 600;
	color: #FFF;
}

.text {
	font-size: 4vw;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-weight: 600;
	color: #000;
}

.update-container {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 1px;
}

.sponsor-update {
	padding: 20px 20px;
	margin-top: 1px;
	margin-left: 14px;
	margin-right: 14px;
	margin-bottom: 40px;
	-webkit-flex: 1; /* Safari 6.1+ */
	-ms-flex: 1; /* IE 10 */
	flex: 1;
	font-size: 1.8vw;
	font-weight: 600;
	color: #000;
	text-align: left;
}

.temp-notice { /* Temporarily Closed Due To COVID-19 */
	margin-top: 140px; /* was 180px */
	margin-left: 14px;
	margin-right: 14px;
	margin-bottom: 2px; /* was 18px */
	width: 90%;
	border: 1px solid #FFAA11;
}

.temp-notice2 { /* COVID-19 Re-Opening Special */
	width: 70%;
}

.center-flyer-box { /* single flyer centered */
	margin-top: 24px;
	margin-left: 14px;
	margin-right: 14px;
	margin-bottom: 80px;
	width: 45%;
	border: 1px solid #FFAA11;
}

.box-top-container {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 1px;
}

.bambi-box-top {
	padding: 0px 0px;
	margin-top: 5px;
	margin-left: 29px;
	margin-right: 29px;
	margin-bottom: 1px;
	-webkit-flex: 1; /* Safari 6.1+ */
	-ms-flex: 1; /* IE 10 */
	flex: 1;
	font-size: 1.9vw;
	font-weight: 600;
	color: #000;
	text-align: center;
	background-image: linear-gradient(#EFEAFF, #FFF, #EFEAFF);
	border: 1px solid #9895A0;
}

.box-container {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 1px;
}

.bambi-photo-box {
	padding: 0px 0px;
	margin-top: 1px;
	margin-left: 29px;
	margin-right: 29px;
	margin-bottom: 40px;
	-webkit-flex: 1; /* Safari 6.1+ */
	-ms-flex: 1; /* IE 10 */
	flex: 1;
	/* border: 1px solid #414141; */
}

.bambi-photo-box2 { /* Same as above + orange border */
	padding: 0px 0px;
	margin-top: 1px;
	margin-left: 33px;
	margin-right: 33px;
	margin-bottom: 40px;
	-webkit-flex: 1; /* Safari 6.1+ */
	-ms-flex: 1; /* IE 10 */
	flex: 1;
	border: 1px solid #C3C3C3; /* was #FFAA11 */
}

.vertical-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 1px;
}

.verticle-photo {
	padding: 3% 3%;
	margin-top: 20px;
	margin-left: 20%; /* was: 66px */
	margin-right: 20%; /* was: 66px */
	margin-bottom: 0px;
	-webkit-flex: 1; /* Safari 6.1+ */
	-ms-flex: 1; /* IE 10 */
	flex: 1;
	background-color: #FFF;
	border: 1px solid #9895A0;
	box-shadow: 5px 10px 18px #888888;
}

.verticle-photo-label {
	font-size: 24px;
	font-family: "roboto_condensedregular", sans-serif;
	font-weight: 500;
	color: #516B6B;
	text-align: center;
	padding-top: 30px; /* 10px with shading */
	padding-bottom: 0px; /* 10px with shading */
	margin-top: 0px;
	margin-left: 10%; /* was: 66px */
	margin-right: 10%; /* was: 66px */
	margin-bottom: 40px;
	-webkit-flex: 1; /* Safari 6.1+ */
	-ms-flex: 1; /* IE 10 */
	flex: 1;
}

.label-txt {
	font-size: 28px;
	font-family: "roboto_condensedregular", sans-serif;
	font-weight: 500;
	color: #516B6B;
	text-align: center;
}

.box { margin: 22px 0px 22px 24px; }
.box1 { background-color: #FFF; border: 1px solid black; }
.box2 { background-color: orange; }

/* Code for 'Pure CSS Button' */
.button {
	background-image: linear-gradient(yellow, red);
	font-size: 3vw;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-weight: 500;
	color: #FED9FF;
	text-decoration: none;
}
.button a:link {
	background-image: linear-gradient(yellow, red);
	font-size: 3vw;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-weight: 500;
	color: #FED9FF;
	text-decoration: none;
	text-shadow: -1px 0 #6E0073, 0 1px #6E0073, 1px 0 #6E0073, 0 -1px #6E0073;
	border: 1px solid red;
	border-radius: 8px;
	padding: 10px;
}
.button a:visited {
	background-image: linear-gradient(yellow, red);
	font-size: 3vw;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-weight: 500;
	color: #FED9FF;
	text-decoration: none;
	text-shadow: -1px 0 #6E0073, 0 1px #6E0073, 1px 0 #6E0073, 0 -1px #6E0073;
	border: 1px solid red;
	border-radius: 8px;
	padding: 10px;
}
.button a:hover {
	background-image: linear-gradient(red, yellow);
	font-size: 3vw;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-weight: 500;
	color: #FFF3FF;
	text-decoration: none;
	text-shadow: -1px 0 #6E0073, 0 1px #6E0073, 1px 0 #6E0073, 0 -1px #6E0073;
	border: 3px solid #FED9FF;
	border-radius: 8px;
	padding: 10px;
}
.button a:active {
	background-image: linear-gradient(red, yellow);
	font-size: 3vw;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-weight: 500;
	color: #FFF3FF;
	text-decoration: none;
	text-shadow: -1px 0 #6E0073, 0 1px #6E0073, 1px 0 #6E0073, 0 -1px #6E0073;
	border: 3px solid #FED9FF;
	border-radius: 8px;
	padding: 10px;
}