@import url('http://fonts.googleapis.com/css?family=Lato:300,400,700,900');
@import url('http://fonts.googleapis.com/css?family=Roboto:900,300,700,100');

/*--- GLOBAL OVERRIDES ----*/


		html, body {
			height: 100%;
			body:100%;
			font-family: 'Roboto', sans-serif;
		}

		html {
		


		}

		h1,h2,h3,h4,h5, strong {font-weight:700;}

		.bold {
			font-weight:700;
			letter-spacing: 0.5px;
			font-size: 18px;
			line-height: 26px;
		}

		.light {
			font-weight: 300;
			font-size: 14px;
			line-height: 22px;

		}

		.headline {
			color:#fff;
			font-size: 45px;
		}
		
		.intro p {
			padding-bottom: 30px;
			font-size: 20px;
			line-height: 1.25;
		}

		p {margin-bottom: 0px; font-weight: 300;}

		.regular {
			font-weight: 400;
		}

		.subhead {
			color:#fff;
			text-align: left;
			padding-bottom:3px;
			margin-bottom: 2%;
			font-size: 24px;

		}
		
		

		#bow-st {
			background: url('http://hotpress.com/bowstreetsessions/img/background-1.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
		}

		a { 
			color:#000;
			text-decoration: none;

		}

		a:hover{
			transition: all 0.4s ease-out;
			-moz-transition: all 0.4s ease-out;
			-o-transition: all 0.4s ease-out;
			-webkit-transition: all 0.4s ease-out;
		}

		small {
			font-family: 'Roboto', sans-serif;
		}

		.logged-in-text {
			color:#fff;
		}

		#body{
			

			}


		
		.click-here {
			border-bottom: 2px solid #fff;
			padding-bottom: 2px;
			color: #fff;
			transition: all 0.3s ease-in-out;
			-moz-transition: all 0.3s ease-in-out;
			-webkit-transition: all 0.3s ease-in-out;
			-o-transition: all 0.3s ease-in-out;
		}

		.click-here:hover {
			border-bottom: 2px solid #000;
			padding-bottom: 2px;
			color: #000;
			transition: all 0.3s ease-in-out;
			-moz-transition: all 0.3s ease-in-out;
			-webkit-transition: all 0.3s ease-in-out;
			-o-transition: all 0.3s ease-in-out;
		}	

        .redirect {
			padding-bottom: 2px;
			color: #164c34;
			transition: all 0.3s ease-in-out;
			-moz-transition: all 0.3s ease-in-out;
			-webkit-transition: all 0.3s ease-in-out;
			-o-transition: all 0.3s ease-in-out;
		}

		.redirect:hover {
			padding-bottom: 2px;
			color: #000;
			transition: all 0.3s ease-in-out;
			-moz-transition: all 0.3s ease-in-out;
			-webkit-transition: all 0.3s ease-in-out;
			-o-transition: all 0.3s ease-in-out;
		}	

        .redirectguestlist {
			padding-bottom: 2px;
			color: #fff;
			transition: all 0.3s ease-in-out;
			-moz-transition: all 0.3s ease-in-out;
			-webkit-transition: all 0.3s ease-in-out;
			-o-transition: all 0.3s ease-in-out;
		}

		.redirectguestlist:hover {
			padding-bottom: 2px;
			color: #000;
			transition: all 0.3s ease-in-out;
			-moz-transition: all 0.3s ease-in-out;
			-webkit-transition: all 0.3s ease-in-out;
			-o-transition: all 0.3s ease-in-out;
		}	


input,textarea {
	width: 100%;
	border:2px solid #fff;
	background-color: transparent;
	padding:20px 25px;
	color:#fff;
	font-size: 18px;
	margin:10px 0px;

}
select {
	width: 28%;
	padding-right: 1px;
	border:2px solid #fff;
	padding:10px 15px;
	background-color: transparent;
	border-radius: 0px;
}
label {
	color:#fff;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
  font-size: 18px;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
  font-size: 18px;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
  font-size: 18px;
}
:-moz-placeholder { /* Firefox 18- */
  color: #fff;
  font-size: 18px;
}

/* LOADER */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('http://hotpress.com/bowstreetsessions/img/loader.jpg') center no-repeat #fff;
}	

.bottom-footer {
  color:#fff;
  text-align: center;
  text-decoration: none;
  font-size: 11px;
  padding-top:40px;
  border-top:1px solid #fff;
}
.bottom-footer a {
  color:#fff;
  text-align: center;
  text-decoration: none;
  font-size: 11px;
    transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.bottom-footer a:hover {
  opacity: 0.6;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  }

/*--- HEADER SECTION ----*/

		#header {

			background-color: #ccc;
			width: 100%;

		}

		#logo {
			padding: 15% 0;
		}

		.adverts {

			padding:2% 0;
			float:right;
		}

		.leaderboard {
			padding-top:1%;
		}

		.festival-head {
			color:#e9361c;
			font-weight: bold;
		}

		.month {
			text-align: center;
			border-top:2px solid #e9361c;
			border-bottom:2px solid #e9361c;
			font-size: 55px;
			font-weight: bold;
			padding: 20px 0px;
			text-transform: uppercase;
			margin: 40px 0px;
			color:#e9361c;
		}

		

/*--- NAVIGATION SECTION ----*/

			.navigation {

				width: 100%;
				background:#222;
				padding:0.5% 0;
				font-weight: 300;
				font-size: 11px;
				font-family: 'Roboto', sans-serif;
				
			}
			.nav-wrapper {

				color:#fff;
				text-align:center;
				min-width:65em;
				width: 100%;
				margin-left: auto;
				margin-right: auto;
				margin-top: 0;
				margin-bottom: 0;

			}


			.nav-wrapper ul{

				color:#fff;
				list-style-type: none;
				display: inline;
				width: 100%;
			}

			.nav-wrapper ul li{

				color:#fff;
				list-style-type: none;
				display: inline;
				padding: 0 0.5%;
			}

			.nav-wrapper ul li a{

				color:#fff;
				list-style-type: none;
				display: inline-block;
				font-size: 16px;
			}

			#menu ul{
				width: 100%;
			}

			#menu li a:hover{

				color:#ccc;
				transition: color 0.3 ease-out;
				-webkit-transition: color 0.3s ease-out;
				-moz-transition: color 0.3s ease-out;
				-o-transition: color 0.3s ease-out;
			}
			.slicknav_menu {
				display:none;
			}

			.details {font-style: italic;}

			.padding {
				padding:4% 0%;
			}

			.festival-nav {
				position: fixed;
				text-align: left;
				margin:9% 0 0 10%;
				font-size: 11px;

			}

			.details a {text-decoration: underline;}

/*-- MAIN CONTENT SECTION --*/
			.row {overflow:visible;}

			.main-content {


				padding:4%;
				font-family: 'Roboto', sans-serif;
				font-weight: 300;
				font-size: 18px;
				color:#000;
				line-height: 26px;
				text-align: left;
/*
							  background: url('../img/header.png') no-repeat  ; 
			  -webkit-background-size: 100%;
			  -moz-background-size: 100%;
			  -o-background-size: 100%;
			  background-size: 100%;
*/
			}

			.main-image {
			width: 100%;
		}


			
			.artist-content {
				padding-top:60%;
			}

			.index-content {
				padding-top:50%;
			}


			.artist-pic {
				padding-top:4%;
				width: 100%;
			}

			.page-title {

				color:#000;
				padding-bottom: 3px;
				font-family: 'Roboto', sans-serif;
			}

			.hero-image {
				width:100%;
				padding: 3% 0;
			}

			.islands {
				padding:2% 0;
			}


			.best-of-ireland-nav {
				background-color: #fff;
				z-index: 999;
				color:#000;
				width: 100%;
				padding:2% 0%;
				display: inline-block;
				text-align: center;
			}

			.extra p {
				font-size: 22px; 
				line-height: 1.5;
				
				font-weight: 300;
			}
			
			#submit-button {
				color:#ffffff;
				border:2px solid #ffffff;
				padding:2% 5%;
				margin-top:2%;
				font-weight: 300;
				max-width: 100px;
				transition: all 0.3s ease-in-out;
				-webkit-transition: all 0.3s ease-in-out;
				-moz-transition: all 0.3s ease-in-out;
				-o-transition: all 0.3s ease-in-out;
			}

			#submit-button:hover {
				background-color: #ffffff;
				color:#7d7453;
				transition: all 0.3s ease-in-out;
				-webkit-transition: all 0.3s ease-in-out;
				-moz-transition: all 0.3s ease-in-out;
				-o-transition: all 0.3s ease-in-out;
			}

			.apply-button {
				color:#ffffff;
				border:2px solid #ffffff;
				padding:2% 5%;
				margin-top:2%;
				font-weight: 300;
				transition: all 0.3s ease-in-out;
				-webkit-transition: all 0.3s ease-in-out;
				-moz-transition: all 0.3s ease-in-out;
				-o-transition: all 0.3s ease-in-out;
			}

			.apply-button:hover {
				background-color: #ffffff;
				color:#7d7453;
				transition: all 0.3s ease-in-out;
				-webkit-transition: all 0.3s ease-in-out;
				-moz-transition: all 0.3s ease-in-out;
				-o-transition: all 0.3s ease-in-out;				
			}

			.apply-button-line-up {
				color:#164c34;
				border:2px solid #164c34;
				padding:2% 5%;
				margin-top:2%;
				font-weight: 300;
				font-size: 13px;
				transition: all 0.3s ease-in-out;
				-webkit-transition: all 0.3s ease-in-out;
				-moz-transition: all 0.3s ease-in-out;
				-o-transition: all 0.3s ease-in-out;
			}

			.apply-button-line-up:hover {
				background-color: #164c34;
				color:#ffffff;
				transition: all 0.3s ease-in-out;
				-webkit-transition: all 0.3s ease-in-out;
				-moz-transition: all 0.3s ease-in-out;
				-o-transition: all 0.3s ease-in-out;				
			}




/*--- SECTIONS ----*/
	
		#line-up {
			background-color: #d0bc7f;
			color:#164c34;
			padding:2% 0%;
			font-weight: 300;

		}


		#past {
			background-color: #f9f9f9;
			color:#164c34;
			padding:2% 0%;
			font-weight: 300;

		}

		#logos {
			background-color: #ffffff;
			color:#fff;
			padding:2% 0%;

		}

		#collaboration {

			background-color: #164c34;
			color:#fff;
			padding:2% 0%;

		}
		.intro {
			padding-bottom:6%;
			padding-top:2%;
			font-size: 18px;
			line-height: 26px;
			color:#ffffff;
		}
		#guest-list {
			background-color: #7d7453;
			color:#fff;
			padding:2% 0%;
		}

		.sponsors {
			width: 250px;
			padding-right:20px;
		}

		.poster {
			margin-top: 15%;
			-webkit-box-shadow: 0px 0px 15px -1px rgba(0,0,0,0.54);
			-moz-box-shadow: 0px 0px 15px -1px rgba(0,0,0,0.54);
			box-shadow: 0px 0px 15px -1px rgba(0,0,0,0.54);
		}

        .posterheader {
			margin-top: 0%;
			-webkit-box-shadow: 0px 0px 15px -1px rgba(0,0,0,0.54);
			-moz-box-shadow: 0px 0px 15px -1px rgba(0,0,0,0.54);
			box-shadow: 0px 0px 15px -1px rgba(0,0,0,0.54);
		}
/*--- FOOTER ----*/

				#footer {

					background-color:#333;
					color:#fff;
					width: 100%;

					font-weight: 300;
				}

				.footer-list ul {
					padding:8% 0;
				}

				.footer-list ul li{

					list-style-type: none;
					font-weight: 300;
					font-size: 13px;
					

				}
				.footer-list ul li a{

					color:#fff;
					font-weight: 300;
					font-size: 13px;

				}

				.footer-list ul li a:hover {

					opacity:0.6;
					transition: opacity 0.3 ease-out;
					-webkit-transition: opacity 0.3s ease-out;
					-moz-transition: opacity 0.3s ease-out;
					-o-transition: opacity 0.3s ease-out;

				}

				.footer-title {

					
					padding-bottom: 3px;
					font-weight:700 !important;
					border-bottom: 1px solid #fff;

				}

				#footer-social {

					width:25px;
				margin-right:5%;
				}


				.mobile-ad {
					display: none;
				}

/*-- TYPOGRAPHY --*/

		.letterspacing {
			letter-spacing: -0.5px;
		}

		

		.padding-top {
			padding-top: 4%;
		}

		.text-center {
			text-align: center;
		}


		section a{
    		font-size: 20px;
			line-height: 30px;
    	}


    .section-head {
    	font-family: 'Roboto', sans-serif;
    	color:#fff;
    	text-align: center;
    	padding:5px 0px;
    	font-size:46px;
    	font-weight: 900;

    }
    .section-tophead {
            font-family: 'Roboto', sans-serif;
            color:#fff;
            text-align: center;
            padding:0px 0px;
            font-size:40px;
            font-weight: 800;

        }

    #sticker {
    	display: inline-block;
    	width: 100%;
    	margin:0px auto;
    	text-align: center;
    	z-index: 99;
    	background-color: #fff;
    }

    			.nav-link {

				padding:10px 20px;
				height: 50px;
				display: inline-block;
				text-align: center;
				color: #000;
				transition: all 0.3s ease-in-out;
				-webkit-transition: all 0.3s ease-in-out;
				-moz-transition: all 0.3s ease-in-out;
				-o-transition: all 0.3s ease-in-out;	

			}

			.nav-link-1 {

				padding:10px 20px;
				height: 50px;
				display: inline-block;
				text-align: center;
				color: #000;
				transition: all 0.3s ease-in-out;
				-webkit-transition: all 0.3s ease-in-out;
				-moz-transition: all 0.3s ease-in-out;
				-o-transition: all 0.3s ease-in-out;	

			}

			.nav-link-4 {

				padding:10px 20px;
				height: 50px;
				display: inline-block;
				text-align: center;
				color: #000;
				transition: all 0.3s ease-in-out;
				-webkit-transition: all 0.3s ease-in-out;
				-moz-transition: all 0.3s ease-in-out;
				-o-transition: all 0.3s ease-in-out;	

			}

			.nav-link-2 {

				padding:10px 20px;
				height: 50px;
				display: inline-block;
				text-align: center;
				color: #000;
				transition: all 0.3s ease-in-out;
				-webkit-transition: all 0.3s ease-in-out;
				-moz-transition: all 0.3s ease-in-out;
				-o-transition: all 0.3s ease-in-out;	

			}

			.nav-link-3 {

				padding:10px 20px;
				height: 50px;
				display: inline-block;
				text-align: center;
				color: #000;
				transition: all 0.3s ease-in-out;
				-webkit-transition: all 0.3s ease-in-out;
				-moz-transition: all 0.3s ease-in-out;
				-o-transition: all 0.3s ease-in-out;	

			}

			.nav-link:hover {
				background-color: #164c34;
				color: #fff;
				transition: all 0.3s ease-in-out;
				-webkit-transition: all 0.3s ease-in-out;
				-moz-transition: all 0.3s ease-in-out;
				-o-transition: all 0.3s ease-in-out;	
			}

			.nav-link-1:hover {
				background-color: #f9f9f9;
				color: #000;
				transition: all 0.3s ease-in-out;
				-webkit-transition: all 0.3s ease-in-out;
				-moz-transition: all 0.3s ease-in-out;
				-o-transition: all 0.3s ease-in-out;	
			}

			.nav-link-4:hover {
				background-color: #d0bc7f;
				color: #fff;
				transition: all 0.3s ease-in-out;
				-webkit-transition: all 0.3s ease-in-out;
				-moz-transition: all 0.3s ease-in-out;
				-o-transition: all 0.3s ease-in-out;	
			}

			.nav-link-2:hover {
				background-color: #7d7453;
				color: #fff;
				transition: all 0.3s ease-in-out;
				-webkit-transition: all 0.3s ease-in-out;
				-moz-transition: all 0.3s ease-in-out;
				-o-transition: all 0.3s ease-in-out;	
			}

			.nav-link-3:hover {
				background-color: #164c34;
				color: #fff;
				transition: all 0.3s ease-in-out;
				-webkit-transition: all 0.3s ease-in-out;
				-moz-transition: all 0.3s ease-in-out;
				-o-transition: all 0.3s ease-in-out;	
			}
			


.archive-session {
	padding:4% 0%;  border-top:1px solid #000;
	margin:5% 0% !important;
}




/*--- ADDITIONAL MEDIA QUERIES ----*/

				.show-on-mobile-only {
					display:none;
				}

			@media only screen and (min-width: 40.063em) and (max-width: 64em) {

						#logo {
							width: 20%;
							padding:2% 0;
						}
						
						
						.adverts {

							display: none;
						}

						.ad-column {
							display: none;
						
						}
						.mobile-ad {
						display: none;
						}


			}

			@media screen and (max-width: 56em) {

						/* #menu is the original menu */
						.js #menu {
							display:none;
						}

						#sony-hero-text {
							padding-top:15%;
						}

						#sony-hero-text h1{ 
								font-size: 18px !important;
								
								
							}

							.intro {
								font-size: 24px;
								line-height:36px;
							}
						
						.js .slicknav_menu {
							display:block;

							position: fixed;
							z-index: 333;
							width: 100%;
							-webkit-box-shadow: 0px 10px 13px 0px rgba(50, 50, 50, 0.46);
					-moz-box-shadow:    0px 10px 13px 0px rgba(50, 50, 50, 0.46);
					box-shadow:         0px 10px 13px 0px rgba(50, 50, 50, 0.46);
						}
						
						.headline {
							font-size: 25px;
						}

						.apply-button {
				color:#ffffff;
				border:2px solid #ffffff;
				padding:2% 5%;
				
				
				font-weight: 300;
				font-size: 14px;
				transition: all 0.3s ease-in-out;
				-webkit-transition: all 0.3s ease-in-out;
				-moz-transition: all 0.3s ease-in-out;
				-o-transition: all 0.3s ease-in-out;
			}
			
			.apply-button-line-up {
				color:#164c34;
				border:2px solid #164c34;
				padding:2% 5%;
				
				font-weight: 300;
				font-size: 11px;
				transition: all 0.3s ease-in-out;
				-webkit-transition: all 0.3s ease-in-out;
				-moz-transition: all 0.3s ease-in-out;
				-o-transition: all 0.3s ease-in-out;
			}
			


						#logo {
							width: 40%;

							padding:5% 0;
						}

						.show-on-mobile-only {
							display:block;
						}

						#bow-st {
							background-image: none;
							background-color: #164c34;
						}
						.adverts {

							display: none;
						}

						.ad-column {
							display: none;
						
						}
						.hide-on-mobile {
							display: none !important;
						}

						#sticker {
							display: none;
						}
						

						#header {
							padding-top:15%;
						}


								.mobile-ad {
								display: block;
								width: 100%;
								padding:4%;
								margin-top:4%;
							}

							.mobile-ad img {

								width: 100%;

							}

					.sony-form-wrap input {
						font-size: 16px !important;
					}

					.sony-form-wrap textarea {
						font-size: 16px !important;
					}
					.sony-button-wrap {
						margin-top: 36% !important;
					}


			}


