/*
 Theme Name:   Lancaster Barnstormers
 Description:  Official Child Theme for the Lancaster Barnstormers
 Author:       EZSolution / Marie Sonder
 Author URI:   http://www.ezsolution.com
 Template:     twentythirteen
*/

/*@import url('../twentythirteen/style.css');*/


/*	--------------------------------------------------
	:: Media Queries
	-------------------------------------------------- */


@media screen and (min-width: 1200px) {
	.responsive {max-width: 1000px !important;}
}
		#content {
			width: 90%; /* Change to exact pixels for static (non-responsive) */
			margin: 0px auto;
			height: auto;
			padding: 30px 20px 10px 0px;
			border-left: 20px solid #fff;
			background: #fff;
			z-index: 9999 !important;
			position: relative;
		}
		
		#slideshow-bg {
			width: 90%;
			border-left: 20px solid #fff;
			border-right: 20px solid #fff;
			margin: 0 auto;
			text-align: center;
			background: #fff;
		}
	

/*
@media screen and (max-width: 1600px) {
	#baseball-player-right {right: -30% !important;}
	#baseball-player-left {left: -20% !important;}
}

@media screen and (max-width: 1400px) {
	#baseball-player-right {right: -35% !important;}
	#baseball-player-left {left: -25% !important;}
}
@media screen and (max-width: 1300px) {
	#baseball-player-right {right: -40% !important;}
	#baseball-player-left {left: -30% !important;}
}
@media screen and (max-width: 1200px) {
	#baseball-player-right {display: none;}
	#baseball-player-left {display: none;}
}
*/

@media screen and (max-width: 975px) {
	
	.scrollup {
		width: 20px;
		height: 20px;
		background-size: cover;
		bottom: 115px;
		right: 1%;
	}

    #slicknav-container{display: block !important;}
    
	#nav-wrapper{display: none;}
		
	.cylo {display: none;}

}


@media screen and (max-width: 800px) {
	
	/*body {background-image: url(images/stadium-bg-800.jpg);}*/
	#logo img {max-width: 50% !important;}	
	#header .right {
		float: none !important; 
		text-align: center; 
		font-size:16px;
		font-weight:900;
		margin: 0 auto;
		clear: both !important;
		margin-bottom: 2%;
	}

	#logo {
		float: none !important; 
		text-align: center; 
		margin: 0 auto;
		width: 100%; 
		clear: both !important;
	}
	
	#header-wrapper {background: none !important;}
	
	#footer img {width: 100% !important;}
	
	html {background-size: 100% 700px !important;}

	/*.g10 {width: 100% !important;} */
	.g20 {width: 100% !important;}
	.g25 {width: 50% !important;}
	.g33 {width: 50% !important;}
	.g80 {width: 100% !important;}
	.g90 {width: 100% !important;}

}


@media screen and (max-width: 635px) {
	body{
background-image: url(images/stadium-bg-800.jpg);
}
	#top .right {
		float: none !important; 
		text-align: center; 
		margin: 0 auto;
		font-size:16px;
		font-weight:900;
		clear: both !important;
		margin-bottom: 2%;
	}

	#top .left {
		float: none !important; 
		text-align: center; 
		margin: 0 auto;
		width: 60%; 
		clear: both !important;
	}
	
	#top .center {
		float: none !important; 
		text-align: center; 
		margin: 0 auto;
		width: 60%; 
		clear: both !important;
	}
	
	ul.social-icons {float: none !important;}
	
	
	.g30 {width: 100% !important;}
	.g40 {width: 100% !important;}
	.g50 {width: 100% !important;}
	.g60 {width: 100% !important;}
	.g70 {width: 100% !important;}
	#schedule-team-legend .g60{
        width: 60% !important;
    }
    
    #schedule-team-legend .g40{
        width: 40% !important;
    }
	
	#slideshow-bg .homepage-banner {width: 100% !important;}
	#slideshow-bg .homepage-cta  {display: none !important; } /*{width: 100% !important; padding:0 !important}*/
	
	.wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .wpb_button {margin-bottom: 20px !important;}
	.wpb_column > .wpb_wrapper > *:last-child {margin-bottom: 50px !important;}
	
	.g-recaptcha {
		transform:scale(0.77);
		-webkit-transform:scale(0.77);
		transform-origin:0 0;
		-webkit-transform-origin:0 0;
	}
	
	.article-buttons .link-sm {width: 100%; margin-bottom: 2%;}
	.article-buttons .link-sm a {display: block !important;}


	.cycloneslider-template-standard .cycloneslider-caption-title {display: none !important;
		/*font-size: 18px !important;
		line-height: 18px !important; 
		padding: 0 5px 0 5px !important; */
	}
	
	.cycloneslider-template-standard .cycloneslider-caption-description {
    padding: 0 20px 8px 20px !important;
    font-size: 12px;
    line-height: 1.5;
}
	
	
	/*Removes Bullets on City Islander page */
	.page-id-1174 #content ul {list-style-type: none;}
	
}

@media screen and (max-width: 585px) {
	body{
background-image: url(images/stadium-bg-800.jpg);
}
	.shop {display: none;}
	#footer .g50 {width: 100% !important;}
	
	.g33 {width: 100% !important;}

}





@media screen and (max-width: 480px) {
	body{
background-image: url(images/stadium-bg-800.jpg);
}
	#content {
    width: 100%;
    margin: 0px auto;
    height: auto;
    padding: 30px 0px 10px 0px;
    border-left: 0px solid #fff;
    background: #fff;
    z-index: 9999 !important;
    position: relative;
}

	#slideshow-bg {
			width: 100%;
			border-left: 0px solid #fff;
			border-right: 0px solid #fff;
			margin: 0 auto;
			text-align: center;
			background: #fff;
			
		}
		
		
	.game-center-widget .schedule-game-center-innings {
    text-align: center;
    vertical-align:middle;
     font-size: 0.8em;
    line-height: 26.5px;
    
}

.game-center-widget .game-center-upcoming-panel-details {
    text-align: center;
    font-size: 0.9em;   
}

.game-center-widget .game-center-header {
    color: #fff;
    background: #c4122f;
    font-family: 'Lato', Arial, Helvetica, sans-serif;
    font-size: 20px;
    margin: 0px;
    padding: 7px 25px;
    line-height: 30px;
    margin-bottom: 20px;
}

	#top {width: 100% !important;}	
	#top .left {width: 100%;}
	#top .center {width: 100%;}
	
	.g25 {width: 100% !important;}
	
.mobile-hide {display: none !important; }
	#slideshow-bg .g50 {width: 100% !important;}
	
	#logo img { min-width: 275px !important;}

}
	
	
@media screen and (max-width: 365px) {
body{
background-image: url(images/stadium-bg-800.jpg);
}
	ul.social-icons {
		display: block !important;
		text-align: center !important;
		margin: 0 auto !important;
		clear: both !important;
	}
	
	h2.vc_custom_heading {line-height: 50px !important;}
	
/*.mobile-hide {display: none !important; }
		
	.link a {
		font-size: 15px !important;
		padding: 5px 10px !important;
			}
		#header .right {
		float: right !important; 
		clear: none !important;

	}
	*/
}