/* ==================== NAV ========================= */

.navbar-inverse {
	font-family: 'Bangers', cursive;
    background-color:transparent;
    border-color:transparent;
	text-shadow: 4px 4px 0px #000;
}
.navbar-inverse .navbar-nav>li>a {
    color: #FFF;
}
.navbar-inverse .navbar-nav>li>a:hover {
    color: #FFCC00;
}

.navbar-nav {
	margin-top: 35px;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color:transparent;
	border-top: 0px solid transparent;
    -webkit-box-shadow: inset 0 0px 0 rgba(255,255,255,0);
	text-align:center;
}



/* FULL SIZE */
.navbar-inverse {
	font-size:30px;
	padding-top: 20px;	
}

.navbar-brand img {
	max-width: 300px;
}
.navbar-header {
		height: 115px;
		
	}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.navbar-inverse {
		font-size:24px;
	}
	.navbar-brand img {
		max-width: 250px;
	}
	
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.navbar-inverse {
		font-size:16px;
	}
	.navbar-brand img {
		max-width: 200px;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.navbar-inverse {
		font-size:36px;
		padding-top: 0px;	
	}
	.navbar-header {
		height: 70px;
		
	}
	.navbar-brand img {
		max-width: 200px;
	}
}



/* ==================== Main ========================= */
h1 {
	font-family: 'Bangers', cursive;
	color: #FFF;
	text-shadow: 4px 4px 0px #000;
}
body {
	background-color:#000;
	background-image:url(/img/background.png);
	background-repeat:no-repeat;
	background-position: center top;
    background-size: 100% auto;
	color: #fff;
	font-size:16px;
	font-family: 'Open Sans', sans-serif;
}

.background-glass {
	background-image:url(/img/fade.png);
	background-size: 100% 100%;
	height: 100%;
	width: 100%;
}



.col-five {
	padding: 5px;
}

.row-five {
	margin : -5px;

}




.border-standalone {
	box-shadow: 0px 0px 20px 0px #000000;
	border: 10px solid #fff;
	line-height:0;
}

.margin-bottom-30 {
	margin-bottom: 30px;
}

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

.margin-bottom-15 {
	margin-bottom: 15px;
}

.border-black {
	border: 1px solid #000;	
}

.sixteen-outer {
  width: 100%;
  /* whatever width you want */
  display: inline-block;
  position: relative;
  

}
.sixteen-outer:after {
  padding-top: 56.25%;
  /* 16:9 ratio */
  display: block;
  content: '';
}

.sixteen-inner {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

.vertical-outer {
	height: 100%;
	display:table;
	width: 100%;
}
.vertical-inner {
	height: 100%;
	width: 100%;
	display:table-cell;
	text-align: center;
  	vertical-align: middle;	
}

.vertical-inner h1 {
	margin:0px;
}

.background-holder  {
    overflow: hidden;
    position: relative;
}


.background-holder .background-move {
    position: absolute;
	background-position:center;
    height: 100%;
    width: 100%;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    -moz-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: -1;
}


.image-width {
	width: 100%;
}

.image-width-height {
	width: 100%;
	height: 100%;
}
.background-trigger:hover .background-move {
    -moz-transform: scale(1.3,1.3);
    -webkit-transform: scale(1.3,1.3);
    transform: scale(1.3,1.3);    
}



/* ==================== About ========================= */

.service-title {
	height: 140px;
}

.service-description {
	margin-top: 15px;
}

/* ==================== Backgrounds ========================= */

.dot-bg {
	background-image:url(/img/dot_bg.png);
	background-repeat:repeat;
	background-size: auto 100%;
}

.dark-bg {
	background-color: rgba(0,0,0,0.6);
}


.white-bg { 
	background-color:#FFF;	
}

.background-cover {
	background-size:cover;
}

.black-out {
	padding: 2px 15px;
	background-color:#000;
	text-shadow:none;
}
.black-trigger:hover .black-out{
	background-color: #700003;
	color:#000;
}

/* ==================== Contact ========================= */

.contact-error h1 {
	color: #a94442;
	text-shadow:none;
	margin-top: 0px;
	
}

.control-label {
	font-family: 'Bangers', cursive;
	color: #FFF;
	text-shadow: 4px 4px 0px #000;
	font-size: 36px;
	font-weight:normal;
}




.square-box{
    position: relative;
    width: 100%;
    overflow: hidden;
}
.square-box:before{
    content: "";
    display: block;
    padding-top: 100%;
}
.square-content{
    position:  absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: white;
    text-align: center;
}


/* ==================== carousel ========================= */
.carousel {
	position:static;
}
.carousel-inner {
	background-color:#FFF;
}


/* ==================== carousel ========================= */

/* MAX */
.home-event h1 {
	font-size: 50px;
	margin: 5px auto;
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.home-event h1 {
		margin: 0px auto;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
.home-event h1 {
		margin: 15px auto;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

	.home-event h1 {
		font-size: 30px;
		margin: 0px auto;
	}
	
}





/* ==================== events ========================= */


.event-header h1 {
	font-size: 50px;
}

table {
	margin-bottom: 0px!important;
	text-shadow: 1px 1px 0px #000;
}

table tr:first-child td{
	border:none;
	
}
tr td:first-child{
	width: 30%;
	font-family: 'Bangers', cursive;
	
}




h2 {
	font-family: 'Bangers', cursive;
	color: #FFF;
	text-shadow: 2px 2px 0px #000;
}

.vertical-inner h2 {
	margin:0px;
}

.padding-right-15 {
	padding-right: 30px;
}

.event-logo {
	width: 100%;
	padding: 0px 15px;
}

.over-hidden {
	overflow:hidden;
}


/* MAX */
.events-comic h2 {
	font-size: 36px;
	margin: 5px auto;
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.events-comic  h2 {
		font-size: 30px;
		margin: 0px auto;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
.events-comic  h2 {
		margin: 15px auto;
		font-size: 36px;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

	.events-comic  h2 {
		font-size: 30px;
		margin: 0px auto;
	}

}


.twitter-widget iframe {
	width: 100%!important;

}

.facebook-widget .border-black {
	overflow: hidden;
	max-height: 602px;
}

#footer a {
	color:#FFF;
}
#footer a:hover {
	color:#FC0;
}

.wheldon-media {
	width: 100%;
	max-width: 250px;
	padding: 5px 15px 30px 15px;	
}





.event-title-text {
	padding: 30px;
	text-align:center;
	
}

.event-title-text h1 {
	font-size: 50px;
}
@media only screen and (max-width : 768px) {
	.event-title-text h1 {
	font-size: 36px;
}
}


.fb-bg {
	 background-color:#3b5998;	 
}

.fb-bg:hover {
	 background-color:#8b9dc3;	
	  
}

.fb-bg:hover h2 {
	color: #000!important;
	text-shadow: 2px 2px 0px #FFF;
}

.fb-box a:hover{
	text-decoration:none;
}


.rectangle-button h3 {
	margin: 2px 0px;
	font-family: 'Bangers', cursive;
    color: #FFF;
    text-shadow: 2px 2px 0px #000;
}

.sponsors a:hover {;
	text-decoration:none!important;
}

.sponsors h1 {
	margin-top: 0px;
}

.rectangle-button:hover .dark-bg {
	background-color:rgba(0,0,0,0.8)!important;
}

.comic-box {
	border: #FFF solid 10px;
	background-color:#000;
	padding:1px;	
}

/* =================== ZOOM / RATIO / VERTICAL =================== */




.ratio-square,
.ratio-rectangle,
.ratio-screen {
  position: relative;
}

.ratio-square > .ratio-inner,
.ratio-rectangle > .ratio-inner,
.ratio-screen > .ratio-inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ratio-square:before,
.ratio-rectangle:before,
.ratio-screen:before {
  display: block;
  content: "";
  width: 100%;
  
}
.ratio-rectangle:before {
	padding-top: 40%
}
.ratio-screen:before {
	padding-top: 56.25%;
}

.ratio-square:before {
	padding-top: 100%;
}


.background-cover {
	background-position:center;
	background-size:cover;

}


.social-out {
	padding: 5px;
}

.social-in {
	
	background-color:#063;
	border: 1px solid #000;
	background-image:url(/img/dot_bg.png);
	
}

.social-container {
	background-position: center;
    background-size: cover;
	
}

.social-container .bg-pink-fade {
	padding-bottom: 15px;
}
.social-image {
	max-width: 150px;
	width: 100%;
}
.social-container a {
	    font-family: 'Bangers', cursive;
    color: #FFF;
    text-shadow: 2px 2px 0px #000;
}
.social-container a:hover {
	opacity: 0.6;
}

.social-container .text-push {
	padding-bottom: 20px;
}