#wrapper{ padding: 0; }
#wrapper .logo-main{ display: none; }

.subslide{ position: relative; text-align: center;}
.subslide:before{
	display: block;
	content: '';
	background-image: url(../img/team-sponsor-page/logo-main-athletic.webp);
	background-size: 100%;
	width: 300px;
	position: absolute;
	height: 91px;
	margin: 0 auto;
	z-index: 9;
	top: 50px;
	left: calc(50% - 150px);
}

#teamSponsorPage{
	font-family: 'Lato', sans-serif;
	text-align: center;
	padding: 20px 0 0;
}
#teamSponsorPage h1{
	display: block;
	text-transform: uppercase;
	color: #4a77b5;
	font-family: "Playfair Display", serif;
	font-size: 20px;
	padding: 0 20px 10px;
}
#teamSponsorPage h2{
	display: block;
	font-size: 20px;
	padding: 0 20px 10px;
	max-width: 1400px;
	margin: 0 auto;
}

#teamSponsorPage p{
	max-width: 1400px;
	margin: 0 auto;
	line-height: 1.4; 
	text-align: left;
	padding: 0 20px 20px;
	font-weight: 300;
}
.page-id-19064 #wrapper .subslide{
	background-image: url(../img/team-sponsor-page/subslide-320.webp);
	background-size: cover;
}
.tsp-vid{
	display: block;
	overflow: hidden;
	width: 260px;
	height: 146px;
	cursor: pointer;
	margin: 0 auto 20px;
}
.tsp-vid img{ width: 100%; height: auto; }
.tsp-vid:hover img{
	margin-top: -147px;
}

.tsp-btnList{}
.tsp-btnList a{
	display: block;
	width: 260px;
	margin: 0 auto 20px;
	background-color: #4a77b5;
	padding: 25px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 20px;
	position: relative;
	transition: 500ms;
	cursor: pointer;
}
.tsp-btnList a:after{
	content: '';
	position: absolute;
	display: block;
	width: 48px;
	height: 49px;
	background-image: url(../img/team-sponsor-page/btn-arrow-v2.webp);
	background-position: left top;
	top: 14px;
	right: 13px;
}
.tspBtnPhone a:before,
.tspBtnChat a:before{
	position: absolute;
	content: '';
	display: block;
}
.tspBtnPhone a:before{
	width: 38px;
	height: 61px;
	background-image: url(../img/team-sponsor-page/icon-phone.webp);
	background-position: left top;
	top: 7px;
	left: 13px;
}
.tspBtnChat a:before{
	width: 62px;
	height: 49px;
	background-image: url(../img/team-sponsor-page/icon-chat.webp);
	background-position: left top;
	top: 13px;
	left: 13px;	
}
.tsp-btnList a:hover{
	background-color: #e3913f;
}
.tsp-values{
	text-align: center;
	margin: 0 auto 20px;
	max-width: 1270px;
}
.tsp-values strong{
	display: block;
	margin: 0 auto 10px;
}
.tsp-values p{ text-align: center; }
.tsp-go-vols{ max-width: 1400px; margin: 0 auto; }
.tsp-go-vols img{
	width: 100%;
	height: auto;
	max-width: 528px;
	margin: 0 auto 20px;
}
.tsp-contact{
	padding: 20px 0 0;
	background-image: url(../img/team-sponsor-page/lets-talk-bg-800.webp);
	background-size: cover;
	color: #fff;
}
#teamSponsorPage .tsp-contact p{
	max-width: 800px;
	text-align: left;
}

.tsp-contact .tsp-btnList a{ background-color: #e3913f; }

.tsp-contact .tsp-btnList a:hover{ background-color: #fff; color: #4a77b5; }
.tsp-contact .tsp-btnList a:hover:before,
.tsp-contact .tsp-btnList a:hover:after{ background-position: left bottom; }

.tsp-contactBtm{
	background-color: rgba(0,0,0,0.8);
	padding: 20px;
}
.tsp-socials{
	margin: 0 auto;
	text-align: center;
}
.tsp-socials li{
	display: inline-block;
	text-align: left;
	margin: 0 10px;
}

.tsp-socials a{
	display: block;
	width: 50px;
	height: 50px;
	overflow: hidden;
}
.tsp-fb a{ width: 30px; }
.tsp-socials a:hover img{ margin-top: -55px; }
.tsp-x img{ margin-left: -71px; }
.tsp-linkedIn img{ margin-left: -164px; }
.tsp-insta img{ margin-left: -257px; }
.mfLogo{ display: none; }

#mfBottomWrapper{ position: relative; padding-top: 200px; background-color: #000 }
#mfBottomWrapper:before{
	display: block;
	content: '';
	background-image: url(../img/team-sponsor-page/team-logo.webp);
	background-size: 100%;
	width: 91px;
	position: absolute;
	height: 91px;
	margin: 0 auto;
	z-index: 9;
	top: 10px;
	left: calc(50% - 45px);
}
#mfBottomWrapper:after{
	display: block;
	content: '';
	background-image: url(../img/team-sponsor-page/logo-main-athletic.webp);
	background-size: 100%;
	width: 300px;
	position: absolute;
	height: 91px;
	margin: 0 auto;
	z-index: 9;
	top: 110px;
	left: calc(50% - 150px);
}

@media screen and (min-width: 320px){
	.page-id-19064 #wrapper .subslide{
		background-image: url(../img/team-sponsor-page/subslide-800.webp);
	}
}
@media screen and (min-width: 800px){
	.subslide:before{
		width: 400px;
		height: 121px;
		left: calc(50% - 200px);
		top: 110px;
	}	
	.page-id-19064 #wrapper .subslide{
		background-image: url(../img/team-sponsor-page/subslide-1120.webp);
	}
	#teamSponsorPage{ padding: 40px 0 0; }
	#teamSponsorPage h1{ font-size: 30px; padding: 0 20px 20px; }
	#teamSponsorPage h2{ font-size: 25px; padding: 0 20px 20px; }
	.tsp-btnList li{
		display: inline-block; margin: 0 15px 30px;
	}
	.tsp-vid{
		width: 400px;
		height: 225px;
	}
	.tsp-vid:hover img{ margin-top: -225px; }
	.tsp-values strong{ font-size: 20px; font-weight: 700; }
	.tsp-go-vols{ text-align: left; padding: 10px 20px 30px; min-height: 300px; }
	.tsp-go-vols img{
		width: 45%;
		float: left;
		margin: 0 30px 0 0;
	}
	.tsp-contact{
		padding: 40px 0 0;
		background-image: url(../img/team-sponsor-page/lets-talk-bg-1120.webp);
	}
	#mfBottomWrapper{ padding-top: 80px; }
	#mfBottomWrapper:before{
		left: calc(50% - 180px);
		top: 20px;
	}
	#mfBottomWrapper:after{
		left: calc(50% - 85px);
		top: 20px;
	}
	.mfDisclaimerBox{
		float: none;
		width: 100%;
		text-align: center;
		margin: 0 auto;
		max-width: 990px;

	}
	#fNav1{ text-align: center; }
}

@media screen and (min-width: 960px){
	.subslide:before{
		top: 55px;
	}
}
@media screen and (min-width: 1120px){
	.subslide:before{
		width: 751px;
		height: 227px;
		left: calc(50% - 375px);
		top: 65px;
	}	
	.page-id-19064 #wrapper .subslide{
		background-image: url(../img/team-sponsor-page/subslide-full.webp);
	}
	#teamSponsorPage h1{ font-size: 45px; padding: 0 20px 40px; }
	#teamSponsorPage h2{ font-size: 30px; padding: 0 20px 40px; }
	#teamSponsorPage p{ font-size: 18px; padding: 0 20px 30px; }
	.tsp-vid{
		width: 600px;
		height: 325px;
		margin: 0 auto 30px;
	}
	.tsp-vid:hover img{ margin-top: -338px; }	

	.tsp-values{
		display: flex;
		flex-direction: row;
		justify-content: space-evenly;
	}
	.tsp-values li{ max-width: 33%; }
	.tsp-contact{
		padding: 40px 0 0;
		background-image: url(../img/team-sponsor-page/lets-talk-bg.webp);
	}
	.tsp-contactBtm{ padding: 40px 20px; }
	#mmBranding{
		text-align: center;
		float: none;
	}
}

@media screen and (min-width: 1640px){
	.subslide:before{
		top: 100px;
	}	

	#teamSponsorPage h1{ font-size: 60px; }
	#teamSponsorPage h2{ font-size: 33px; }
	#teamSponsorPage p{ font-size: 20px; padding: 0 20px 40px; }
	.tsp-vid{
		width: 886px;
		height: 450px;
		margin: 0 auto 40px;
	}
	.tsp-vid:hover img{ margin-top: -498px; }	
	.tsp-go-vols{ padding: 10px 20px 40px; }
	.tsp-go-vols img{ margin: 0 50px 0 0; }
	#teamSponsorPage .tsp-go-vols h2{ padding: 50px 0 30px; }	

	#mfBottomWrapper{ padding-top: 200px; }
	#mfBottomWrapper:before{
		background-size: auto;
		background-position: center center;
		width: 171px;
		height: 171px;
		left: calc(50% - 380px);
		top: 60px;
	}
	#mfBottomWrapper:after{
		width: 571px;
		height: 173px;
		left: calc(50% - 175px);
		top: 60px;
	}	
}