@charset "UTF-8";
/* CSS Custom Document */

@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300|Montserrat);

/*HTML Elements */

html, body {
	min-height: 100%;
}

body {
	background: #ffffff url('../images/browser_bg_small.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	font-family: 'Montserrat', sans-serif !important;
	height: 100%;
}

#wrapper{
	min-height: 100%;
  	margin-bottom: -150px;

}

@media (min-width: 767px) {

	.header .container,
	.navigation .container,
	.navigation .navbar-collapse {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

}

a {
	color: #336699;
}

.top-spacer {
	margin-top: 40px;
}

/* Header */

header {
	margin-bottom: 20px;
}

.header {
	background: #000;
	padding: 20px 0;
}

#content {
	padding-bottom: 40px;
	background: rgba(255,255,255,0.8);
}

	#content:after {
		height: 150px;
	}

.header-social,
.footer-social {
	color: #62c6c0;
	text-align: right;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

	.header-social .social-icons h4,
	.footer-social .social-icons h4 {
		margin-top: 0;
	}

	.header-social .social-icons .fa,
	.footer-social .social-icons .fa {
		font-size: 34px;
		color: #62c6c0;
	}

	.header-social .social-icons .fa:hover,
	.footer-social .social-icons .fa:hover {
		color: #25938E;
	}

.newsletter-image {
	max-height: 105px;
	width: auto !important;
	padding-right: 0 !important;
}

.newsletter-image:hover {
	cursor: pointer;
}

@media (max-width: 1200px) {

	.newsletter-image {
		max-height: 86px;
	}

}

@media (max-width: 992px) {

	.newsletter-image {
		max-height: 56px;
	}

}


/* header Navigation */

.navigation	{
	background-color: rgba(0, 0, 0, 0.7);
}

	.festival-date img {
		margin-top: 15px;
	}

	.navbar {
		border-radius: 0 !important;
		border: 0 !important;
		margin-bottom: 0 !important;
	}

	.navbar li:nth-child(1) a {
		border-left: 0;
	}

	.navbar li a {
		color: #ffffff;
		font-family: 'Roboto Condensed', sans-serif; 
		border-left: 1px solid #b2b4b3;
	}

	.nav>li>a:focus, .nav>li>a:hover {
		color: #fffff;
		background-color: #000 !important;
	}

	.navbar li.dropdown {
		display: none;
	}

	.nav .dropdown-menu, .nav .dropdown-menu li.selected {
		background-color: rgba(0, 0, 0, 0.7);
	}

		.nav .dropdown-menu > li > a {
			color: #fff;
			border-left: 0;
		}

		.nav li.selected > a,
		.nav .dropdown-menu > li > a:hover {
			color: #fff;
			background-color: #000;
		}

	.nav .open>a, 
	.nav .open>a:focus, 
	.nav .open>a:hover {
		background-color: rgba(0, 0, 0, 0.7) !important;
		border-color: #b2b4b3 !important;
	}

.navbar-toggle .icon-bar {
	background: #fff;
}

@media (min-width: 767px) {

	.header-logo,
	.festival-date {
		padding-left: 0 !important;
	}

	ul.nav li.dropdown:hover > ul.dropdown-menu{
	    display: block;
	    margin: 0;
	}

}

@media (max-width: 767px) {

	.navbar-toggle {
		margin-right: 0;
	}

	.navbar li a {
		border-left: 0;
	}

	.festival-date {
		margin-top: 5px;
	}

}

/* Main Content */

#main-content {
	padding-left: 0;
	padding-right: 0;
}

	#main-content hr {
		height: 2px;
		background-color: #b2b2b2;
		margin-left: -10px;
		margin-right: -10px;
	}

.content-background {
	background-color: #fff;
  	padding: 10px;
  	margin-top: 30px;
}

.two-column-text {
	padding: 10px 10px 10px 0;
  	width: 100%;
  	-webkit-column-count: 2;
    -moz-column-count: 2;
	column-count: 2;
    -webkit-column-gap: 35px;
    -moz-column-gap: 35px;
  	column-gap: 35px;
}

.three-column-text {
	padding: 10px 10px 10px 0;
  	width: 100%;
  	-webkit-column-count: 3;
    -moz-column-count: 3;
	column-count: 3;
    -webkit-column-gap: 35px;
    -moz-column-gap: 35px;
  	column-gap: 35px;
}

img { 
	max-width: 100%;
}

.sponsorship-block {
	margin-top: 80px;
}

@media (max-width: 767px) {

	.two-column-text,
	.three-column-text {
		padding: 10px 0 10px 0;
		-webkit-column-count: 1;
	    -moz-column-count: 1;
		column-count: 1;
		-webkit-column-gap: 0;
	    -moz-column-gap: 0;
	  	column-gap: 0;
	}

	.sponsorship-block {
		margin-top: 40px;
	}

}



/* Home Page */

.home-intro h2 {
	margin-top: 0;
}

.home-slider .carousel-control {
	width: 0;
}

.home-slider .carousel-caption a {
	color: #ffffff;
}

	.home-slider .carousel-caption a:hover {
		text-decoration: none;
	}

div#carousel #carouselButtons {
  	position: absolute;
  	top: 20px;
  	left: 5%;
  	z-index: 4;
}

div#carousel #carouselButtons a {
  	display: inline-block;
  	text-align: center;
  	text-decoration: none;
  	background: #444444;
  	color: white;
  	border-radius: 1em;
  	line-height: 1.9em;
  	width: 2em;
  	height: 2em;
  	border: 2px solid white;
  	padding: 5px;
}

div#carousel #carouselButtons a#cycle {
	padding: 5px 8px;
}

div#carousel #carouselButtons a:focus, div#carousel #carouselButtons a:hover {
  	background: #eff5f6;
  	color: #444444;
  	border-radius: 0;
  	border-color: #444444;
}

.carousel-control .glyphicon-chevron-right, 
.carousel-control .icon-next {
	margin-right: 50px;
}

.carousel-control .glyphicon-chevron-left, 
.carousel-control .icon-prev {
	margin-left: 50px;
}

.call-to-action-image {
	margin-bottom: 20px;
}

/* Responsive Video Wrapper */

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



/* Team Section */

.team .row {
	display: -webkit-box;
  	display: -webkit-flex;
  	display: -ms-flexbox;
  	display: flex;
  	margin-bottom: 20px;
}

.team-member {
	background-color: #e5eef2;
	padding: 10px;
}

	.team-member-image {
		max-width: 25%;
  		margin: 0 auto 20px;
	}

	.team-member-title {
		text-align: center;
		margin-bottom: 25px;
	}

@media (max-width: 767px) {

	.team .row {
		display: block;
	}

	.team-member {
		margin-bottom: 20px;
	}

}



/* Partners Section */

.partner-intro {
	margin-bottom: 40px;
}

.partner-block {
	padding-bottom: 40px;
}

.partner-block img {
	width: auto;
	max-height: 100px;
	float: left;
}

.partner-title {
	border-bottom: 2px solid #b2b2b2;
	margin-bottom: 20px;
}

	.partner-title h4 {
		color: #999999;
	}



/* information Sections */


.information-intro {
	margin-bottom: 40px;
}

.information-section {
	margin-top: 40px;
	margin-bottom: 40px;
}

.information-icon {
	margin: 0 auto 20px;
	width: 100px;
	height: 100px;
	border-radius: 50%;
}

.information-title {
	text-align: center;
	margin-bottom: 25px;
}

.information-description {
	background-color: #e5eef2;
  	padding: 10px;
}

.information-description iframe {
	width: 100%;
}

.entry-description {
	text-align: center;
}


.location, .location-image {
	margin: 50px 0;
}

@media (max-width: 767px) {

	.information-block {
		margin-bottom: 20px;
	}

}



/* News Content */

.news-grid {
	display: none;
}

.news-item {
	margin-bottom: 20px;
}

	.news-item h3 {
		margin-top: 0;
	}

	.news-item h3 a {
		color: #fff;
	}

	.news-item img {
		width: 100%;
	}

.news-content {
	padding: 10px;
	color: #fff;
	border: 3px solid #f1f3eb;
}


/* Gallery Content */

.next-gallery {
	float: right;
}

	.next-gallery:after {
		content: "\f18e";
		font-family: FontAwesome;
	    font-style: normal;
	    font-weight: normal;
	    text-decoration: inherit;
	    color: #336699;
	    font-size: 18px;
	    padding-left: 5px;
	    vertical-align: middle;
	}

	.next-gallery:hover,
	.prev-gallery:hover {
		text-decoration: none;
	}

.prev-gallery:before {
	content: "\f190";
	font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #336699;
    font-size: 18px;
    padding-right: 5px;
    vertical-align: middle;
}

/* Forms */


.form-block {
	position: relative;
	padding: 10px;
}

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

div.form div.item, div.webform div.item {
  padding: 9px 0;
}

textarea, input, textarea.form-control {
	max-width: 100%;
}

.btn-primary {
  background-color: #336699;
}


/* Sidebar */

.sidebar-widget .fa {
	font-size: 34px;
	margin-right: 10px;
	color: #62c6c0;
}


/* Footer */

#footer .container {
	background: #000;
	padding-top: 20px;
	padding-bottom: 20px;
}

.copyright {
	clear: both;
}

	.copyright a {
		color: #fff;
	}

.back-to-top {
  	margin: 0;
  	position: fixed;
  	bottom: 50px;
  	right: 0;
  	width: 50px;
  	height: 50px;
  	z-index: 100;
  	display: none;
  	text-decoration: none;
 	background-color: rgba(255, 255, 255, 0.7);

}

.back-to-top .fa {
	color: #e75e3c;
	font-size: 36px;
	padding: 4px 13px;
}

.back-to-top .fa:hover {
	color: #CF5436;
}

@media (max-width: 767px) {

	.footer-links {
		margin-bottom: 20px;
	}

	.footer-links img {
		width: 100%;
	}

	.footer-social {
		text-align: left;
		clear: both;
	}
	
	.footer-links .newsletter-image {
		height: auto;
		max-height: 100%;
		float: none !important;
	}

	.back-to-top {
		right: 20px;
		bottom: 20px;
	}
}