/*
Theme Name: Sponsor Sonic Dash
Author: Collin C. Choy and David F. Choy
Author URI: http://kingcow.com/
Description: Theme for Silver Sound Sponic Dash Sponsors
Version: 0.2
License: All Rights Reserved. Theme copyright by King Cow Interactive LLC. Content copyright by respective owners.
License URI: http://www.copyright.gov
*/

/*
Bootstrap break points
@media(max-width:767px){}
@media(min-width:768px){}
@media(min-width:992px){}
@media(min-width:1200px){}
*/


@import url('bootstrap/css/bootstrap.min.css');


/* Standard Tags */
html,
body {
  height: 100%;
  background-color: #333;
  padding-top: 0px;
  color: #fff;
  font-family:Arimo, sans-serif;
}
a { text-decoration:none; }
a:hover { text-decoration:none; }
h1 { text-transform:uppercase; font-size:2em;}
h3 {
	text-align: left;
	padding-top: 7px;
}
@media (max-width: 620px) { .img-responsive { width: 100% } }
/* Classes used throughout */
.full-height {
	min-height: 100%;
}
.annie {
	font-family: 'Annie Use Your Telescope', cursive;
	text-transform: uppercase;
}
.annie p{
	font-size: 15pt;
}
.nopadding {
	padding: 0px;	
}
.padding-top-bottom {
	padding-top: 1.5em;
	padding-bottom: 1.5em;
}

.nav-margins {
	margin-top: 50px;
	margin-bottom: 50px;
}
/* Navigation */
.navbar {
	background-color: black;
	border: none;
	text-transform: uppercase;
}
ul.nav.navbar-nav {
	float: right;
}
.navbar-default .navbar-nav>li>a {
	text-align: right;
	transition: color 1s;
}
.navbar-default .navbar-nav>li>a:hover {
	/*color: rgba(255, 255, 255, .65)*/
	/*background-color: rgb( 231, 231, 231);*/
	transition: color 0s;
	color: yellow;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
	/*background-color: rgb( 231, 231, 231);*/
	color: rgb( 231, 231, 231);
}

#festival-nav>a:hover {
	color: rgb(255, 0, 255);
}

#opportunity-nav>a:hover {
	color: rgb(0, 255, 255);
}

#silver-sound-nav>a:hover {
	color: rgb(0, 255, 0);
}

#brooklyn-bowl-nav>a:hover {
	color: rgb(255, 255, 0);
}

/*Make the navbar collapse at small*/
@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
	.navbar-collapse.collapse.in { 
	display: block!important; 
	}
}


/* Cover */
#outer-cover {
	display: table;
	position: relative;
	height: 100%;
	width: 100%;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#cover {
	display: table-cell;
	vertical-align: middle;
	background-color: rgba(0, 0, 0, .65);	
	padding-bottom: 1em;
}
.cover-white {
	background-color: rgba(255, 255, 255, 0) !important;	
	color: black;
}
#cover>img {
	margin-left: auto;
	margin-right: auto;
}
#cover .presented {
	font-family: 'Annie Use Your Telescope', cursive;
	text-transform:uppercase;
}

/* festival */
#festival {
	/* background: rgba(0, 50, 25, .8); */
	position: relative;
	background-color:black;
}

a.button {
	display:inline-block;
	color:white; background-color:rgba(255,0,255,0.75); 
	text-transform:uppercase; padding:5px; padding-left:10px; padding-right:10px;
	margin-top:1em; margin-bottom:1em;
}
a.button:hover {
	background-color:rgba(255,0,255,1); 
}
a.button.edit_link {
	background-color:yellow;
	color:black;
}

#festival-left {
	background-repeat:no-repeat;
	background-position:center center;
	/*background-attachment:fixed;*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	height: 100%;
	width: 50%;
	position:absolute;
}
#festival-left>div {
	position:absolute; width:100%; height:100%;
	background-color:rgba(0,0,0,0.5);
	opacity:0;
	transition:opacity 0.5s;
}
#festival-right {
	min-height: 100%;
	width:50%; margin-left:50%;	
}
@media(max-width:767px){
	#festival-left {
		width:100%;	
	}
	#festival-left>div {
		position:absolute; width:100%; height:100%;
		background-color:rgba(0,0,0,0.5);
		opacity:1;
	}
	#festival-right { width:auto; margin-left:0px; } 
	
	.prizes-icon {
		font-size: 450%;
	}
}
@media(min-width:768px){ #festival-right { width:360px; }}
@media(min-width:992px){ #festival-right { width:470px; }}
@media(min-width:1200px){ #festival-right { width:570px; }}

/* The Opportunity */
#opportunity {
	background-color: rgba(20, 50, 80, .9);
	background-color: rgb(245,245,245);
	color:black;
	text-align: center;
}
#exposure {
	margin-top:1em;
	margin-bottom:1em;
	padding-top:1em; padding-bottom:1em;
	border:1px solid black;
	border-radius:10px;
}
#personal_plan {
	margin-top:1em;
	margin-bottom:1em;
	padding-top:2em; padding-bottom:2em;
	border:1px solid black;
	border-radius:10px;
	background-color:black;
	color:white;
}
#personal_plan .logo_container {max-width:240px; margin-left:auto; margin-right:auto; margin-bottom:1em;}

.opportunity-item {
	display:inline-block;
	width:200px; vertical-align:top;
	padding-bottom:20px;
	padding-left:20px;
	padding-right:20px;
	text-align: center;
	overflow:hidden;
}
.opportunity-icons {
	font-family: 'Annie Use Your Telescope', cursive;
	text-transform: uppercase;
}
.opportunity-prizes p {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}
.opportunity-icon {
	display: block;
	font-size: 600%;
	margin-bottom: 10px;
}
.caption-title {
	display: block;
	font-size: 22pt;
	line-height: 1em;
	text-transform: uppercase;
}
.caption-sub-title {
	display: block;
	text-transform: uppercase;
	font-size:1.2em;
	line-height:1.25;
	margin-top:0.25em;
	color:rgba(0,0,0,0.75);
}
.grid-separator {
	display:block;
	font-size:1.2em;
	margin-bottom:1em;
}
.row-spaced {
	margin-top: 2em;
	margin-bottom: 2em;
}

/* Silver Sound */
#about-silver-sound {
	background-color: rgba(150, 120, 15, .6);
	background: url(images/ss_bg_alt.png) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#about-silver-sound-left {
	background-color: rgba(0,0,0,0.75);
	background-color: rgba(111,172,200,.9);
	border-radius:10px;
}

/* Brooklyn Bowl*/
#about-brooklyn-bowl {
	background-color: rgba(200, 20, 60, .1);
	background: url(images/brooklyn-bowl-bg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#about-brooklyn-bowl .container {
	min-height: 100%;
	background-color:rgba(0,0,0,0.75);
	margin-top:25px; 
	margin-bottom:25px;
	border:1px solid rgba(255,255,255,.10);
	border-radius:10px;
	max-width: 100%;
}
#about-brooklyn-bowl-left {
	display: table;
	margin-top:50px;
}
#about-brooklyn-bowl-right {
	margin-top: 50px;
	margin-bottom: 50px;
}
#image-vertical-align {
	display: table-cell;
	vertical-align: middle;
}
#brooklyn-bowl-image {
	margin-left: auto;
	margin-right: auto;
	/*margin-top: 20px;*/
}
@media( max-width: 800px ) {
	#about-brooklyn-bowl-right { margin-top:0px; }
	#about-brooklyn-bowl .container {
		border:0px;
		margin-top: 0px;
		margin-bottom: 0px;
		width:100%;
	}
}

/* Footer */
#footer {
	text-align: center;
	padding-top: 20px;
	background-color: rgb(245,245,245);
	text-transform:lowercase;
}
#footer span { font-size: 200% }
#footer a.facebook { color: #3b5998; }
#footer a.earth { color: rgb(255, 0, 255); }
#footer a.moon { color: rgb(111,172,200); }
#footer a.bowling { color: rgb(0, 0, 0); }
#footer a { opacity:0.5; text-decoration:none; display:inline-block; transition:3s; }
#footer a:hover { opacity:1; transition:0s; }


/* Icon Fonts */
@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?-i7jlqr');
	src:url('fonts/icomoon.eot?#iefix-i7jlqr') format('embedded-opentype'),
		url('fonts/icomoon.woff?-i7jlqr') format('woff'),
		url('fonts/icomoon.ttf?-i7jlqr') format('truetype'),
		url('fonts/icomoon.svg?-i7jlqr#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-bowling:before {
	content: "\e60f";
}
.icon-moon:before {
	content: "\e611";
}
.icon-tag:before {
	content: "\e614";
}
.icon-diamond:before {
	content: "\e615";
}
.icon-bubble3:before {
	content: "\e616";
}
.icon-mail:before {
	content: "\e600";
}
.icon-mail2:before {
	content: "\e604";
}
.icon-facebook:before {
	content: "\e605";
}
.icon-facebook2:before {
	content: "\e601";
}
.icon-facebook3:before {
	content: "\e606";
}
.icon-instagram:before {
	content: "\e607";
}
.icon-twitter:before {
	content: "\e602";
}
.icon-twitter2:before {
	content: "\e608";
}
.icon-twitter3:before {
	content: "\e609";
}
.icon-film:before {
	content: "\e603";
}
.icon-profile:before {
	content: "\e60a";
}
.icon-bubble:before {
	content: "\e60b";
}
.icon-bubble2:before {
	content: "\e60c";
}
.icon-bubbles:before {
	content: "\e60d";
}
.icon-user:before {
	content: "\e60e";
}
.icon-rocket:before {
	content: "\e612";
}
.icon-earth:before {
	content: "\e617";
}