/*
Theme Name: The Summit
Theme URI: http://thesummitsportsandice.com
Description: 
Version: 1.0
Author: Traction
*/

.smLogos{display:none; margin :10px 0;}
	.smLogos a{display:block; float:left;}
	.smLogos a.summit{padding-right:10px; border-right:1px solid #ccc;}
	.smLogos a.aim{padding-left:10px;}
.mobileNavArea{
	background:#ccc;
	height:46px;
	display:none;
	width:100%;
	clear:both;
	margin-top:-30px;
}
.mobileIcon{
	background: url("../../../../images/icon-mobile.png") no-repeat scroll 0 0 transparent; 
	cursor: pointer; 
	float: left; 
	height: 30px; 
	margin: 8px 0 0 8px; 
	width: 41px; 
}
ul.mobileNav{display:none; background:#ccc; width:100%; margin:0; padding:0;}
	ul.mobileNav li{display:block; float:none; margin:0; padding:0 0 0 8px;}
	ul.mobileNav li a{display:block; width:100%; padding: 8px 0; border-top: 1px solid #fff; color:#000; float:none;}
	
.homeBox{ float:left; width:325px; margin-right:13px; }
.homeBox.firstB { margin-right:12px; }
.homeBox.lastB { margin-right:0px; }
	

.teamLogos{width:198px; float:left; text-align:center; margin-left:38px; margin-top:40px;}
.midd{margin-top:20px;}
.lhc, .ea {margin-top:0px;margin-left:23px;}
.ea {margin-right:0px;}
.text p{width:305px;}
#tL{float:left;}

.infoBox .nameInput input{width:45%; float:left;}
.infoBox .nameInput input#lname, .infoBox .nameInput input#lname2{float:right;}

.mobileTeams{display:none; background: #d1d1d1; padding-top:30px; width:auto; text-align:center; width:320px;}
.mobileTeams a{display:block; margin-bottom:30px;}

.footcol{float:left; width:auto; margin-right:25px; }
.entry-content img{height:auto; max-width:100%;}
.clear{clear:both;}

/*---- Responsive Styles ---- */
@media only screen and (min-width: 768px) and (max-width: 992px){
	.miniNav{display:none;}
	.mainNav{display:none;}
	.mobileNavArea{display:block;}
	.mobileIcon{display:inline-block; visibility: visible;}
	#container{width:100%;}
	.colLeft, .colRight{width:90%; padding:0 5%; float:left;}
	.eventList img{height:auto; width:100px;}
	.colLeft .banner{width:100%;}
	.mobileTeams{display:block;}
	.teamLogos{display:none;}
	.teamWrap{width:325px;}
	#tL.text{padding-bottom:0;}
	.homeBox, .ourTeams, .mobileTeams{margin:0 5%;}
	
}

@media only screen and (min-width: 320px) and (max-width: 767px){
	.top{height:100px;}
	.smLogos{display:block;}
	.smLogos .aim{margin-top:10px;}
	.logos{display:none;}
	.miniNav{display:none;}
	.mainNav{display:none;}
	.mobileNavArea{display:block; margin-top:0;}
	.mobileIcon{display:inline-block; visibility: visible;}
	#container{width:100%;}
	.colLeft{width:90%; padding:0 5%; float:left;}
	.home .colLeft{width:100%; padding:0;}
	.colRight{float:left; padding:0;}
	
	.eventList{width:100%; padding:0;}
	.eventList img{height:auto; width:50px;}
	.footcol{width:100%; float:none;}
	.colLeft .banner{width:290px; height:141px; background-size:290px 141px;}
	.single-event .colLeft .banner{width:300px; height:650px;}
	.single-event .colLeft .banner img{max-width:100%; height:auto;}
	.single-event .colLeft .banner .eventInfo{top:325px; left:0; max-width:100%; height:auto;}
	
		#chooseLeague select, .page-template-michigans-finest-php #chooseLeague select{width:70%;}
	a.blackButton{font-size:11px; padding:3px 3px;}
	a.blackButton span{display:none;} 
	.mobileTeams{display:block;}
	.teamLogos{display:none;}
	.teamWrap{width:320px;}
	#tL.text{padding-bottom:0;}
	.todaysEvents .eventsBlock .eventList{top:375px; left:0;}
	.eventsBlock { height:750px;}
	.todaysEvents .upcoming{left:0; margin-top:30px;}
	.todaysEvents .eventsBlock{margin-top:40px;}
	.infoBox{width:320px;}
	.eventList thead .heading, .parent-pageid-36 thead, .entry-content table thead{font-size:14px;}
	
	#ehu_bar{height:60px !important; line-height:16px !important;}
	
	
}