/*
 Theme Name:   Pinball - Chicago
 Description:  A child theme of Pinball NYC
 Author:       Kristopher Medina
 Template:     pinballnyc_3
 Version:      1.1
*/

/******   Chicago Blue: #21AEE0    **********/

.mainlogo {
    height: 144px;
    background-image: url('images/pinball_chicago_logo.png');
}

.arrows {
	background-image: url('images/menu-arrows-animated.gif');
	width: 120px;
	height: 134px;
}
.arrowsup {
	background-image: url('images/menu-arrows-UP.png');
	width: 120px;
	height: 134px;
}
h1 {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 300;
	font-size: 65px;
	line-height: 72px;
	color: #21AEE0;
	text-transform: none;
}
h1.expandbutton {
	font-size: 45px;
	line-height: 45px;
	background-image: url('images/expandbuttons.gif');
	background-position: 10% -1px;
}
h1.pagehead {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size: 65px;
	line-height: 72px;
	margin-bottom: 20px;
	text-transform: capitalize;
}

h2 {
	color: #21AEE0;
}
a:hover, a.readmore:hover {
	color:#21AEE0;
}
a.active {
	color: #21AEE0;
}
th {
	background-color: #21AEE0;
}
table.schedule td.winner {
	background-image: url('images/winnerarrow.png');
}

ul.mainmenu li a {
	text-shadow: none;
	background-image: none;
	background-color: #21AEE0;
	border: 2px solid #FFFFFF;
	
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
ul.mainmenu li a:hover, ul.mainmenu li a.selected {
	background-image: none;
	box-shadow: 0 0 8px 3px #FFFFFF, 0 0 10px 0 #FFFFFF inset;
	-webkit-box-shadow: 0 0 8px 3px #FFFFFF, 0 0 10px 0 #FFFFFF inset;
	-moz-box-shadow: 0 0 8px 3px #FFFFFF, 0 0 10px 0 #FFFFFF inset;
	-o-box-shadow: 0 0 8px 3px #FFFFFF, 0 0 10px 0 #FFFFFF inset;
}

.home-slide h1, .bannerimg h1 {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size: 58px;
	line-height: 68px;
}



/***************************     Cities Submenu    ****************************/

#Cities a:hover {
	background-color: #21AEE0;
}
#Cities a.currentcity.opened {
	background-color: #21AEE0;
}

/*************************     Submenu    *******************************/

ul.submenu li.active, ul.submenu li.current_page_item {
	color: #21AEE0;
}


/***********************  Drop Down Subpages  *****************************/

.subpages {
	background-color: #21AEE0; 
}

/***********************     Locations      *****************************/

.locationkey {
	color: #21AEE0;
}
input.search:focus {
	border: 1px solid #21AEE0;
}
.available {
	color: #21AEE0;
}


/*************************  WP Page Numbers Plugin   **************************/

#wp_page_numbers li a:hover {
	color: #21AEE0;
	border-top: 2px solid #21AEE0;
}
#wp_page_numbers li.active_page a, #wp_page_numbers li span.current {
	background: #21AEE0;
	border-top: 2px solid #21AEE0;
	border-bottom: 2px solid #21AEE0;
}
#wp_page_numbers li.active_page a:hover  {
	border-top: 2px solid #21AEE0;
	border-bottom: 2px solid #21AEE0;
}


/*************************  Flickr Gallery  **********************************/

div.flickr-gallery-next a:hover {
	color:#21AEE0;
}
div.flickr-gallery-prev a:hover {
	color:#21AEE0;
}
div.flickr-set-meta a:hover {
	color:#21AEE0;
}



/***************************  Registration Form  *****************************/

.requiredfield {
	color:#21AEE0;
}
form.regform label.error {
	color: #21AEE0;
}
form.regform input:focus, form.regform select:focus {
	border: 1px solid #21AEE0;
}	
p.addplayer, p.removeplayer {
	background-image: url('images/button-add.gif');
}
p.addplayer:hover {
	color: #21AEE0;
}
p.removeplayer:hover {
	color: #21AEE0;
}
.resetbutton p.newalert, .resetbutton p.returnalert {
	color: #21AEE0;
}
p.resetfields:hover {
	color: #21AEE0;
}
/* Submit Button */
form.regform input[type=submit], .gform_wrapper .gform_footer input[type=submit] {
	background-image: none;
	background-color: #21AEE0;
	border: 2px solid #ccc;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
form.regform input[type=submit]:hover, .gform_wrapper .gform_footer input[type=submit]:hover {
	text-decoration: none;
	border-color: white;
	background-image: none;
	box-shadow: 0 0 8px 3px #FFFFFF, 0 0 10px 0 #FFFFFF inset;
	-webkit-box-shadow: 0 0 8px 3px #FFFFFF, 0 0 10px 0 #FFFFFF inset;
	-moz-box-shadow: 0 0 8px 3px #FFFFFF, 0 0 10px 0 #FFFFFF inset;
	-o-box-shadow: 0 0 8px 3px #FFFFFF, 0 0 10px 0 #FFFFFF inset;
}


/***************************   Gravity Forms  ***********************************/

form.gf_pinballnyc h2.gsection_title {
	color: #21AEE0;
}
form.gf_pinballnyc li.gsection {						/*   SECTION HEADS  */
	border-top: 1px solid #21AEE0;
}




/********************************
***                           ***
***    Medium Width Devices   ***
***                           ***
*********************************/

@media (min-width:701px) and (max-width:1023px) {

/*****************************     Main Structural Divs    **************************************/
	
	.mainlogo {
		width: 80px;
		height: 70px;
	}

/***********************************     Main Menu    **************************************/

	ul.mainmenu li a {
		background: none;
		border: none;
	}
	ul.mainmenu li a:hover, ul.mainmenu li a.selected {
		box-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		-o-box-shadow: none;
	}

	#Cities a.currentcity:hover, #Cities a.currentcity.opened:hover {
		background-color: #21AEE0;
	}

/*******************************     Arrows    **************************************/

	.arrows {
		background-image: url('images/menu-arrows-UP.png');
	}
	.arrowsup {
		background-image: url('images/menu-arrows-UP.png');
		width: 47px;
		height: 52px;
	}

}


/********************************
***                           ***
***    SMALL Width Devices   ***
***                           ***
*********************************/

@media (max-width:700px) {

	.mainlogo {
		width: 80px;
		height: 70px;
	}
	#Cities a.currentcity:hover, #Cities a.currentcity.opened:hover {
		background-color: #21AEE0;
	}

	h1.pagehead {
		font-size: 50px;
		line-height: 62px;
	}

	h1.expandbutton {
		font-size: 40px;
		line-height: 52px;
		background-image: url('images/h1-expandarrow.gif');
		background-repeat: no-repeat;
		padding-top: 12px;
	}
	h1.expandbutton {
		background-position: 95% -100px;
	}
	h1.expandbutton:hover {
		background-position: 95% -100px;
	}
	h1.expandbutton.opened {
		background-position: 95% 24px;
	}
	h1.expandbutton.opened:hover {
		background-position: 95% 24px;
	}


	ul.submenu li a:hover, ul.submenu.sort li.locatorsort:hover {
		background-color: #21AEE0;
	}
	ul.submenu li.active {
		background-color: #21AEE0;
		color: #fff;
	}
	ul.submenu li a.active, ul.submenu.sort li.locatorsort.active {
		background-color: #21AEE0;
	}

}