@font-face{
	font-family: ExploFont-Ultra;
	src: url('../font/Explo-Ultra.otf');
}

@font-face{
	font-family: ExploFont-Bold;
	src: url('../font/Explo-Bold.otf');
}

@font-face{
	font-family: ExploFont-Medium;
	src: url('../font/Explo-Medi.otf');
}

@font-face{
	font-family: ExploFont-Regular;
	src: url('../font/Explo.otf');
}

@font-face{
	font-family: ExploFont-Thin;
	src: url('../font/Explo-Thin.otf');
}

/*
///////////////////////////////////////////////////////////////////////////

GLOBAL

//////////////////////////////////////////////////////////////////////////
*/

html{
	background-color: rgba(241, 232, 212, .4);

}

body{
	margin:0;
}

#page-wrapper{
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}

h4{
	font-family: ExploFont-Bold;
}

a{
	text-decoration: none;
}

.whtLink{
	color:black;
}

.whtLink:hover{
	color:#fece07;
}

.pageType{
	font-family: ExploFont-Bold;
	font-size: 20pt;
	letter-spacing: 2px;
	color:white;
	-webkit-transition-duration: .15s;
	-moz-transition-duration: .15s;
	-o-transition-duration: .15s;
	transition-duration: .15s;
}
.pageTitle{
	font-family: ExploFont-Medium;
	-webkit-transition-duration: .15s;
	-moz-transition-duration: .15s;
	-o-transition-duration: .15s;
	transition-duration: .15s;
}

.baseballCardTitle-blk, .baseballCardTitle-wht{
	position:relative;
	text-transform: uppercase;
	letter-spacing: .5px;
	bottom:66px !important;
	font-size: 15pt !important;
	color:black;
}

.baseballCardTitle-wht{
	color:white;
}

.cardTextContainer{
	background-color: #fece07;
	width:100px;
	height:100px;
	-webkit-border-radius: 125px;
	-moz-border-radius: 125px;
	border-radius: 125px;
	position:absolute;
	right:20px;
	bottom:80px;
	z-index:0;
	text-align: center;
}

.cardTextContainer .pageType{
	position:relative;
	top:37px;
	font-size:18pt;
	letter-spacing: 1.25px;
}

.articleTitle{
	font-family: ExploFont-Bold;
	border-bottom:2px solid black;
	padding-bottom:4px;
	margin-top:0;
}

.articleSubtitle{
	font-family: ExploFont-Bold;
	text-transform: capitalize;
	letter-spacing: .5px;
	font-size: 16pt;
}

p{
	font-family: ExploFont-Regular;
	font-size:12pt;
}


p b{
	font-size:14pt;
	letter-spacing: .5px;
}

@media screen and (max-width: 768px){
	
	.pageTitle{
		font-size:10pt !important;
		position:relative;
		bottom:47px !important;
	}
	.cardTextContainer{
		width:90px !important;
		height:90px !important;
		bottom:70px !important;
	}
	.cardTextContainer .pageType{
	position:relative;
	top:32px !important;
	font-size:14pt !important;
	letter-spacing: 1.25px;
	}
	
}

@media screen and (max-width: 375px){

	.baseballCardTitle-blk, .baseballCardTitle-wht{
		font-size:1em !important;
		position:relative;
		bottom:57px !important;
	}
}


/*
///////////////////////////////////////////////////////////////////////////

TOP NAVIGATION

//////////////////////////////////////////////////////////////////////////
*/

#menu{
	position:relative;
	top:0;
}

#mobileMenu{
	background-color:#fece07;
	width:50%;
	position:absolute;
	top:0;
	left:-72%;
	height:100vh;
	color:white;
	z-index: 10000;
	-webkit-transition-duration: .25s;
	-moz-transition-duration: .25s;
	-o-transition-duration: .25s;
	transition-duration: .25s;
	box-shadow: 2px -2px 5px rgba(100,100,100,.4);
}

#mobileMenu.active{
	position:absolute;
	left:0px;
}

#nav-toggle{
	position:absolute;
	top:15px;
	right:20px;
}

#nav-toggle {
	padding: 10px 35px 16px 0px;
}

#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 5px;
  width: 35px;
  background: black;
  position: absolute;
  display: block;
  content: '';
}
#nav-toggle span:before {
  top: -10px; 
}
#nav-toggle span:after {
  bottom: -10px;
}

#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  transition: all 250ms ease-in-out;
}
#nav-toggle.active span {
  background-color: transparent;
}
#nav-toggle.active span:before, #nav-toggle.active span:after {
  top: 0;
}
#nav-toggle.active span:before {
  transform: rotate(45deg);
}
#nav-toggle.active span:after {
  transform: rotate(-45deg);
}

#mobileMenu-title{
	font-family: ExploFont-Bold;
	font-size: 20pt;
	letter-spacing: .5px;
}

.mobileMenu-section{
	font-family: ExploFont-Regular;
	height:50px;
	padding-top: 40px;
	text-align: center;
}

#mobileMenu a{
	color:white;
	text-decoration: none;
	font-size: 18pt;
	letter-spacing: .25px;
}

#mobileMenu a:hover, #mobileMenu a:active{
	border-bottom:2px solid white;
	padding-bottom:5px;
}

#exploLogo{
	width:180px;
	position:relative;
	top:30px;
	left:50px;
}

#exploLogo img{
	width:100%;
	
}

#logo{
	position:relative;
	bottom:30px;
}

#baseballLogo{
	text-align: center;
}

#baseballLogo img{
	width:100%;
	max-width:250px;
}

#home, #features, #activities, #articles {
	height:40px;
	position:relative;
	top:34px;
	font-family: ExploFont-Medium;
	font-size: 15pt;
	font-weight:400;
	text-align: center;
	padding-top:7px;
}

#home a, #features a, #activities a, #articles a {
	text-decoration: none;
	color:black;
}

#home:hover > a, #features:hover > a, #activities:hover > a, #articles:hover > a{
	font-weight:700;
}

.topSquiggle, .bottomSquiggle{
	width:100%;
	position:absolute;
	top:-20px;
	left:0;
	opacity:0;	
}

.bottomSquiggle{
	top:35px;
}

#home a, #features a, #activities a, #articles a{
	margin-bottom:6px !important;
}

#home:hover > a, #features:hover > a, #activities:hover > a, #articles:hover > a{
	border-bottom: 2px solid black;
}

/*
#home:hover > .topSquiggle, #home:hover > .bottomSquiggle, #features:hover > .topSquiggle, #features:hover > .bottomSquiggle, #activities:hover > .topSquiggle, #activities:hover > .bottomSquiggle, #articles:hover > .topSquiggle, #articles:hover > .bottomSquiggle{
	opacity:1;
}
*/

@media screen and (max-width: 768px){

	#exploLogo{
		width:120px;
		position:relative;
		top:10px;
		left:10px;
	}
	
	#logo{
		bottom:10px !important;
	}
	
	#home, #features, #activities, #articles {
		font-size:13pt !important;
		
	}
}

@media screen and (max-width: 320px){

	#exploLogo{
		width:80px;
	}
}
/*
///////////////////////////////////////////////////////////////////////////

FOOTER

//////////////////////////////////////////////////////////////////////////
*/

footer{
	width:100%;
	padding: 40px 0;
	background-color: #fece07;
}

#exploInformation img{
	width:50%;
}

#exploInformation p, #exploMenu a p{
	margin: 4px 0;
	color:black;
}

#exploMenu h3{
	font-family: ExploFont-Medium;
	font-size:16pt;
	margin-top:10px;
}

#exploMenu a{
	text-decoration: none;
}

#exploMenu a:hover > p{
	color:white;
}

#social ul{
	padding-left:0;
}

#social li{
	list-style: none;
	float:left;
	margin: 0 5px;
}

#social h5{
	font-family: ExploFont-Medium;
	font-size: 12pt;
	margin-top:20px;
	margin-bottom:10px;
}

#socialIcons a:hover > img{
	opacity:.7;
}

.partnerImg{
	width:16%;
}

.partnerImg img{
	width:100%;
}

.partnerImg:nth-child(2) img{
	height:100%;
}

.partnerImg:nth-child(2n+1){
	width:90px;
	position:relative;
	top:5px;
}

@media screen and (max-width: 720px){
	footer{text-align: center;}
	
	#socialIcons{
		margin-left: auto;
		margin-right:auto;
		width:80%;
	}
	
	#socialIcons img{
		width:30px;
		margin: 0 5px;
	}
	
	#partnerIcons{
		width:90%;
		margin-left: auto;
		margin-right:auto;
	}
}

@media screen and (max-width: 375px){
	#socialIcons img{
		width:26px;
		margin: 0 2px;
	}
}

/*
///////////////////////////////////////////////////////////////////////////

HOME PAGE

//////////////////////////////////////////////////////////////////////////
*/

a .baseballCardTitle-blk, a .baseballCardTitle-wht{
	position:relative;
	text-transform: uppercase;
	letter-spacing: .5px;
	bottom:70px;
	font-size: 1.25em;
	color:black;
}

a .baseballCardTitle-wht{
	color:white;
}

a .cardTextContainer{
	background-color: #fece07;
	width:110px;
	height:110px;
	-webkit-border-radius: 125px;
	-moz-border-radius: 125px;
	border-radius: 125px;
	position:absolute;
	right:40px;
	bottom:120px;
	z-index:0;
	text-align: center;
	-webkit-transition-duration: .15s;
	-moz-transition-duration: .15s;
	-o-transition-duration: .15s;
	transition-duration: .15s;
	-webkit-transition-delay: .15s;
	-moz-transition-delay: .15s;
	-o-transition-delay: .15s;
	transition-delay: .15s;
}

a .cardTextContainer .pageType{
	position:relative;
	top:40px;
	font-size: 18pt;
}

#slideshow .baseballCard:hover > .cardTextContainer{
	opactiy:.6;
}

.bx-viewport{;
	background-color:none;
}

.bx-viewport li img{
	width:100%;
}

.sliderTextContainer{
	background-color: #fece07;
	width:170px;
	height:170px;
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	border-radius: 200px;
	position:absolute;
	right:40px;
	bottom:40px;
	z-index:0;
	text-align: center;
	-webkit-transition-duration: .15s;
	-moz-transition-duration: .15s;
	-o-transition-duration: .15s;
	transition-duration: .15s;
}

.sliderTextContainer .pageType, .sliderTextContainer .pageTitle{
	position:relative;
	top:50px;
}

#slideshow li:hover > .sliderTextContainer{
	opacity: .6;
}

#siteDescription{
	margin-bottom:20px;
}

.baseballCard{
	position:relative;
	text-align: center;
}

.baseballCard a{
	text-decoration: none;
}

.baseballCardImg{
	width:100%;
}

.baseballCard a:hover > .baseballCardImg{
	width:98%;
}

@media screen and (max-width: 768px){

	.sliderTextContainer{
		display:none;
	}
}

@media screen and (max-width: 375px){
	
	.bx-wrapper{
		height:160px;
	}
	
	.bx-viewport, .bx-slider{
		height:200px;
	}
	
	.cardTextContainer{
		bottom:120px !important;
	}

}
	

/*
///////////////////////////////////////////////////////////////////////////

INDEX PAGES

//////////////////////////////////////////////////////////////////////////
*/

.indexCard .pageTitle{
	font-size:15pt !important;
	bottom:70px !important;
}

.baseballCard-index-page img{
	width:98%;
}

@media screen and (max-width: 768px){
	.indexCard .pageTitle{
		font-size:10pt !important;
		bottom:45px !important;
}

}
@media screen and (max-width: 375px){
	.indexCard .pageTitle{
	font-size:13pt !important;
	bottom:60px !important;
}

}


/*
///////////////////////////////////////////////////////////////////////////

ARTICLE PAGES

//////////////////////////////////////////////////////////////////////////
*/

.formula{
	text-align: center;
	font-family: ExploFont-Bold;
	font-size:15pt;
}

.articleChart, .ballHitChartRow{
	margin: 30px 0px;
}

.ballHitChartRow{
	margin:0 !important;
}

/*
.ballHitChartRow:hover{
	background-color: rgba(33,33,33,.2);
}
*/

.articleImg{
	margin-top:50px;
}

.articleImg img{
	margin-bottom:10px;
}

.articleImg .baseballCard .cardTextContainer{
	width:100px;
	height:100px;
	bottom:90px;
	right:20px;
}

/*
.articleImg .baseballCard:hover > .cardTextContainer{
	width:110px;
	height:110px;
}
*/

.articleImg .baseballCardTitle-wht{
	bottom:60px;
	font-size: .75em;
}

.articleImg .baseballCard .cardTextContainer .pageType{
	font-size: 14pt;
	top:40px;
}

.articleImgBackground{
	background-color: rgba(241, 232, 212, 1);
	padding-top:5%;
	padding-bottom: 5%;
	margin-bottom:50px;
}

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

.caption{
	margin:0 8%;
	padding-bottom:0px;
}

.caption p{
	margin-bottom:2px;
	font-family: ExploFont-Medium;
}

.credit{
	font-family: ExploFont-Regular !important;
	font-size: 9pt;
	padding-top: 0;
	margin-top:0;
}

.caption b{
	font-family: ExploFont-Ultra !important;
	letter-spacing: .75px;
}

#ballHitChart{
	padding:none;
}

#ballHitChart .articleChart{
	padding:0;
	margin:0;
}

.chartCategory{
	width:8%;
	font-size: .85em;
	border:1px solid black;
	height:160px;
	float:left;
/* 	overflow-y: scroll; */
}

.chartFact{
	width:8%;
	border:1px solid black;
	float:left;
	max-height:70px;
	overflow-x: scroll;
}

.chartFact b{
	font-family: ExploFont-Medium;
}

.chartCategory h5{
	margin-left:1px;
	margin-right:1px;
	font-family: ExploFont-Medium;
}

.chartFact h6{
	font-family: ExploFont-Regular;
	font-size:10pt;
}

.articleCard .pageTitle{
	bottom:56px !important;
}

.articleChart img{
	width:100%;
	max-width:450px;
}

.additionalContent{
	background-color: #fece07;
	height:50px;
	color:white;
	letter-spacing: .5px;
	font-family: ExploFont-Bold;
	text-align: center;
	margin-top:20px;
	margin-bottom:40px;
}

.additionalContent:hover{
	background-color: #DE3926;
}

.additionalContent h3{
	margin-top:12px;
}

.imgCollectionTitle{
	font-family: ExploFont-Bold;
	letter-spacing: .5px;
	text-align: center;
	font-size: 20pt;
}

#dottie-image,#toni-image{
	width:160px;
}

@media screen and (max-width: 768px){
	
	.articleImgBackground{
		text-align: center;
	}

	.chartCategory{
		width:8.5%;
		height:130px;
		font-size: 9pt;
		overflow-y: scroll;
	}
	
	.chartCategory h5{
		width:100%;
		height:100%:
	}
	
	.chartFact{
		width:8.5%;
		height:70px;
		overflow-x: scroll;
	}
	
	.chartFact h6{
	font-size:8pt;
	}
	
	.additionalContent{
		height:80px;
	}
	
	.additionalContent h3{
	font-size:16pt !important;
	margin-top:12px;
}
	
}

@media screen and (max-width: 375px){
	.chartCategory{
		width:6%;
	}
	
	.additionalContent h3{
		font-size: 12pt !important;
		margin-top:8px;
	}
}

/*
///////////////////////////////////////////////////////////////////////////

BrightCove Videos

//////////////////////////////////////////////////////////////////////////
*/

.video-wrapper{
	margin:0;
	padding:0;
}

.BrightcoveExperience{
	min-width:540px;
	min-height:380px;
	padding:0;
}

@media screen and (max-width: 375px){
	
.BrightcoveExperience{	
	min-width:240px !important;
	min-height:140px;
}
}

@media screen and (max-width: 768px){
	
.BrightcoveExperience{	
	min-width:360px;
	min-height:200px;
}
}


/*
///////////////////////////////////////////////////////////////////////////

GIRLS OF THE SUMMER

//////////////////////////////////////////////////////////////////////////
*/

#girls-roster-button{
	background-color: #68C8CA;
	text-align: center;
	font-family: ExploFont-Bold;
	color:white;
}

#girls-roster-button:hover{
	background-color: #3eb2b4;
	
}

.als-container {
	position: relative;
	width: 100%;
	height:200px;
	margin: 0px auto;
	z-index: 0;

}

.als-viewport {
	position: relative;
	overflow: hidden;
	margin: 0px auto;
	height:100% !important;
}

.als-wrapper {
	height:180px;
	width:100%;
	position: relative;
	list-style: none;
	padding:0;
	margin-top:0 !important;
	margin-botom:0 !important;
	overflow:hidden;
}

.als-item{
	position: relative;
	display: block;
	text-align: center;
	cursor: pointer;
	float: left;
	width:180px;
	height:180px;
	margin-left:10px;
}

.als-image-container{
	width:140px;
	height:140px;
	margin-bottom:10px;
	overflow:hidden;
	margin: 0 auto;
}

.als-item:hover{
	opacity: .6;
}

.als-item:nth-child(8) img{
	width:210%;
}

.als-item:nth-child(9) img{
	width:130%;
}

.als-image-container img{
	width:100%;
}

.als-prev, .als-next {
	position: absolute;
	cursor: pointer;
	clear: both;
}

#girls-roster {
	margin: 0 auto;
	display: none;
	position:relative;
}

#girls-roster .als-item {
	margin: 0px 5px;
	padding: 4px 0px;
	min-height: 120px;
	min-width: 100px;
	text-align: center;
}

#girls-roster .als-item img {
	display: block;
	margin: 0 auto;
	vertical-align: middle;
}

#girls-roster .als-prev, #girls-roster .als-next {
	top: 60px;
}

#girls-roster .als-prev {
	left:30px;
}

#girls-roster .als-next {
	right: 30px;
}

.roster-individual-girl{
	padding:25px;
	overflow:hidden;
	margin-bottom:50px;
	background-color: rgba(241, 232, 212, 1);
}

.roster-individual-girl img{
	width:100%;
	margin-bottom:0;
}

.roster-individual-girl .grid-30 p{
	margin-top:5px;
	font-size: 10pt;
}

.girl-roster-Subtitle{
	font-family: ExploFont-Bold;
	margin-top:5px;
	margin-bottom:0;
	font-size: 14pt;
}

.roster-individual-girl ul{
	padding-left:0;
	font-family: ExploFont-Medium;
}

.roster-individual-girl li{
	list-style: none;
	
}

.roster-individual-girl b{
	font-family: ExploFont-Ultra;
}

.additional-info{
	font-family: Explo-Bold;
	font-size:13pt !important;
}

#sophie-description .grid-30{
	overflow:hidden;
}

#sophie-description img{
	width:250%;
	position:relative;
	right:50px;
}

#edith-description, #lizzy-description, #toni-description, #maud-description, #dottie-description, #rose-description, #kim-description, #sophie-description, #pam-description, #amanda-description, #jackie-description{
	display:none;
}

@media screen and (max-width: 768px){
	.als-container {
		height:150px;
		padding-top:20px;
	}
	
	.als-item{
		width:120px;
		height:150px;
		margin:4px;
	}
	
	.als-image-container{
		width:90px;
		height:90px;
	}
	
	#girls-roster .als-prev {
		left:10px;
	}
	
	#girls-roster .als-next {
		right: 10px;
	}


}


@media screen and (max-width: 375px){
	
	#sophie-description img{	
		width:100%;
		position:relative;
		right:0px;
	}
	
	.als-item{
		margin:2px;
	}
}

/*
///////////////////////////////////////////////////////////////////////////

ACTIVITY PAGES

//////////////////////////////////////////////////////////////////////////
*/
a .baseballCard{
	padding:10;
}

.activityCard .pageTitle{
	font-size:18pt !important;
	bottom:85px !important;
}

.activityCard .cardTextContainer{
	width:150px;
	height:150px;
	bottom:140px !important;
	right:30px !important;
}

.activityCard .pageType{
	font-size:20pt;
	top:55px;
}

#supplyList{
	padding-left:0;
	font-family: ExploFont-Regular;
	font-size:12pt;
}

#supplyList li{
	list-style: none;
}

.pitchType{
	margin-top: 5px;
	margin-bottom: 5px;
}

.pitchType img{
/* 	margin-left:8.25%; */
	margin:none;
	padding:0;
}

.pitch{
	margin-top:0;
}

.whatsGoingOn{
	margin-top:20px;
}

#batwHammer{
	width:100%;
}

@media screen and (max-width: 768px){
	
	.activityCard{
		margin: 0 auto;
	}
	
	.activityCard .pageTitle{
		font-size: 16pt !important;
		bottom:60px !important;
	}
	
	.activityCard .cardTextContainer{
		width:130px !important;
		height:130px !important;
		bottom:100px !important;
		right:30px !important;
	}
	
	.activityCard .cardTextContainer .pageType{
		font-size: 20pt !important;
		top:50px !important;
	}
	
	#batwHammer{
		width:20%;
	}
	
}

@media screen and (max-width: 375px){
	.activityCard{
		width:90%;
	}
	
	.activityCard .pageTitle{
		font-size: 10pt !important;
		bottom:43px !important;
	}
	.activityCard .cardTextContainer{
		width:80px !important;
		height:80px !important;
		bottom:70px !important;
		right:25px !important;
	}
	.activityCard .cardTextContainer .pageType{
		font-size: 15pt !important;
		top:28px !important;
	}
	
	#batwHammer{
		width:40%;
	}
	
}