/* =============================================== */
/* ! Fonts     */
/* =============================================== */

@font-face {
	font-family: 'Silverstone Text';
	src: url('../fonts/SilverstoneText-Bold.woff2') format('woff2'),
		url('../fonts/SilverstoneText-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Silverstone Text';
	src: url('../fonts/SilverstoneText-Medium.woff2') format('woff2'),
		url('../fonts/SilverstoneText-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

/* =============================================== */
/* ! Custom Properties     */
/* =============================================== */

:root {
	--brand-midnight: #120531;
	--brand-royal: #10069F;
	--brand-race: #e40033;
	--brand-stirling: #8C8C8A;
	--brand-black: #000000;
	--brand-white: #FFFFFF;
	
	--layout-max-width: 1240px;
}

/* =============================================== */
/* ! Reset     */
/* =============================================== */

/* Eric Meyer's Reset Reloaded */
/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}

html {
  -webkit-box-sizing: border-box;
		  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
		  box-sizing: inherit;
}

/* =============================================== */
/* ! Base     */
/* =============================================== */

body {
	line-height: 1;
	font-family: "Silverstone Text", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-size: 1.05em;
	color: #222;
	font-weight: 500;
}

.col-100p {
	width: 100%;
	clear: both;
	overflow: hidden;
}

.container {
	width: 100%;
	max-width: var(--layout-max-width);
	padding-left: 20px;
	padding-right: 20px;
	margin:0 auto;
	overflow:hidden;
}

/* =============================================== */
/* ! Base Type Styles   */
/* =============================================== */

a { text-decoration: none;}
a:hover {text-decoration: underline;}

/* =============================================== */
/* ! Footer iframe  */
/* =============================================== */

#stx-custom-footer {
	position: static;
	visibility: visible;
	display: block;
	width: 100%;
	padding: 0px;
	margin: 0px;
	border: none;
	overflow: hidden;
}

.footer-cont {
	background-color: var(--brand-midnight);
	color: #fff;
}

	.footer-cont h2 {
		margin-bottom:40px;
		font-size: 1.25em !important;
		color: var(--brand-white) !important;
	}
	
	.footer-sponsors {
		margin: 107px 0 88px 0;
	}
	
	.sponsors-list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
			-ms-flex-direction: row;
				flex-direction: row;
		-webkit-box-pack: justify;
			-ms-flex-pack: justify;
				justify-content: space-between;
		-webkit-box-align: center;
			-ms-flex-align: center;
				align-items: center;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	}
	
	.sponsors-list li {
		max-width: 100px;
		min-width: 90px;
		padding: 10px;
	}
		
		.sponsor-logo {
			width: 100%;
			height: auto;
		}
		
	.footer-logos {
		padding-top:81px;
		/*border-top: solid 1px #888298;*/
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
			-ms-flex-direction: row;
				flex-direction: row;
		-webkit-box-pack: center;
			-ms-flex-pack: center;
				justify-content: center;
	}
	
		.footer-logo {
			margin: 10px 30px;
		}
		
		
	.footer-signoff {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
			-ms-flex-direction: row;
				flex-direction: row;
		-webkit-box-pack: justify;
			-ms-flex-pack: justify;
				justify-content: space-between;
		padding:81px 0 49px 0;
		font-size: .8em;
	}
	
		.footer-social a {
			display: inline-block;
			padding:0 20px;
		}
		
		.signoff-col:not(.footer-social) {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
				-ms-flex-direction: column;
					flex-direction: column;
			-webkit-box-pack: center;
				-ms-flex-pack: center;
					justify-content: center;
		}		
		
			.signoff-menu li {
				display: inline-block;
				padding: 0 10px;
			}
			
				.signoff-menu li:not(:last-child) {
					border-right: solid 1px #888298;
				}
				
				.signoff-menu a {
					color: var(--brand-white);
				}
		
		
@media only screen and (min-width:0px) and (max-width:767px) {
	
	.footer-cont h2 {
		font-size: 1.1em !important;
	}
	
	.sponsors-list {
		-webkit-box-pack: justify;
			-ms-flex-pack: justify;
				justify-content: space-between;
	}	
			
	.footer-sponsors {
		margin: 50px 0;
	}

	.footer-logos {
		padding-top: 50px;
	}
	
	.footer-signoff {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
			-ms-flex-direction: column;
				flex-direction: column;
		padding-top:50px;
	}
	
		.signoff-col {
			text-align: center;
			padding: 0 0 30px 0;
		}
		
			.signoff-menu li {
				margin-bottom: 15px;
			}

}