/*
Theme Name: FRE Development
Author:  Lawless & Lotski
*/

/* ==================================================================
 * Table of Contents:
 *
 * 1.0 - Font Faces
 * 2.0 - Default Style
  **	   2.1 - Defaults
  **	   2.2 - Foundation horfixes (n.y.i)
 * 3.0 - Texts
  **	   3.1 - Headings
  **	   3.2 - Texts & Lists
  **	   3.3 - Anchors
  **	   3.4 - Buttons
 * 4.0 - Sections + Panels + Footer
 * 5.0 - Nav
 * 6.0 - Images
 * 7.0 - Forms
 * 8.0 - Google Maps
 * 9.0 - Misc
 ================================================================== */

/* ==================================================================
	1.0 Font Faces
================================================================== */
/*
	font-family: 'Lobster', cursive;
	font-family: 'Lobster Two', cursive;
*/
/* ==================================================================
	2.0 Default Style
================================================================== */
/*	2.1 Defaults
	-------------------------------------------------------------- */
	@import url('eleganticons.css');
	
	*															{outline: none; border: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-appearance: none;
																 -webkit-border-radius: 0;}

	html, body													{margin: 0; padding: 0; font-family: 'Lato', sans-serif;}
	body														{padding-top: 140px;overflow-x:hidden !important;}
	.row, .column, .columns									{position: relative;}
	.row														{max-width: 1190px;}

	.row.maximized											{max-width: 100%;}
	.row.maximized > .columns								{padding: 0;}

	ul, ol, ul li, ol li, h1, h2, h3, h4, h5, h6, figure				{margin: 0; padding: 0;}
	ul, ol														{list-style: none;}

	a:active, a:hover,
	a:link, a:focus												{outline: 0;}
	
	.menu > li:not(.menu-text) > a:after,
	a, .sub-holder												{-webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out;}
	a:hover														{text-decoration: none;}
	
	
/*	2.2 Foundation Hotfixes (n.y.i)
	-------------------------------------------------------------- */
	.title-bar, .submenu										{display: none;}
	.row .row													{margin-left: auto; margin-right: auto;}

/* ==================================================================
	3.0 Text
================================================================== */
/*	3.1 Headings
	-------------------------------------------------------------- */
	h1, h2, h3, h4, h5, h6										{/*font-family: 'Lato', sans-serif;*/ display: block; width: 100%;font-weight: bold !important;}
	h1															{font-size: 36px; line-height: 48px; margin-bottom: 60px; font-weight: bold;}
	h2															{font-size: 25px; font-weight: bold; line-height: 40px; margin-bottom: 25px;}
	/*h1:after, h2:after											{content: '.'; color: #ea6d69;}*/
	.block-heading1,.contentPageTitle
																{margin-top:60px;}
	.block-heading2												{margin-bottom:30px;}
	
	.pinkBG h1, .pinkBG h2, .pinkBG h1:after, 
	.pinkBG h2:after											{color: #fff;}
	
	footer h3													{position: relative; font-weight: 900; color: #fff; font-size: 24px; padding: 0 0 0 15px; min-height: 18px; line-height: 18px; margin-bottom: 60px;}
	footer h3 span												{font-weight: 300;}
	footer h3:before											{content: ''; position: absolute; left: 0; top: 0; width: 5px; height: 100%; background-color: #ea6d69;}

/*	3.2 Texts & lists
	-------------------------------------------------------------- */
	.row p, .row ul li , .row ol li								{font-size: 16px; line-height: 22px; font-weight: 300;}
.row p.pink														{color: #ea6d69;}
	.row .iconBlock p											{ font-size: 18px; line-height: 28px; font-weight: 300; margin-bottom: 38px;}
	.row p.intro												{font-size: 20px; line-height: 28px; font-weight: 300;}
	footer .row p												{color: #fff; font-weight: 400;}
footer p.credits												{font-size:13px;}
	.row p.socials												{margin-bottom: 0;}
	
	.row.pinkBG p												{color: #fff; font-weight: 400; font-size: 18px; line-height: 22px;}

	.form-list													{list-style: none; margin-top: 30px;}
	footer .form-list											{margin-top: 45px;}
	.form-list li													{position: relative; width: 100%; padding: 0; margin: 0; margin-bottom: 10px;}
	.form-list li.bb												{margin-bottom: 15px;}
	
	.fa.pink														{display:inline-block; width: 16px; height: 16px; line-height: 16px; margin-right: 2px; text-align: center; border-radius: 16px; background-color: #ea6d69; color: #000; font-size: 12px;}
	i.large														{font-size: 45px;}

/*	3.3 Anchors
	-------------------------------------------------------------- */
	footer a													{color: #ea6d69;}
	footer .white a												{color: #fff; display: inline-block; margin: 0 15px;}
	footer .white a:first-child									{margin-left: 0;}
	footer .white a:last-child									{margin-right: 0;}
	.socials a.fa												{display: inline-block; width: 30px; height: 30px; line-height: 30px; border-radius: 30px; text-align: center; background-color: #fff; color: #000; margin: 0 5px;}
	.socials a.fa:first-child										{margin-left: 0;}
	.socials a.fa:last-child										{margin-right: 0px;}
	.socials a.fa:hover											{color: #fff;}
	/* -- Colors from http://brandcolors.net/ -- */
	.socials a.facebook:hover								{background-color: #3b5998;}
	.socials a.twitter:hover									{background-color: #55acee;}
	.socials a.instagram:hover								{background-color: #3f729b;}
	.socials a.spotify:hover									{background-color: #2ebd59;}
.socials a.other:hover									{background-color:#ea6d69;}
	

/*	3.4 Buttons
	-------------------------------------------------------------- */
	.button														{white-space: nowrap; text-transform: uppercase; font-weight: 300; font-size: 18px; padding-top: 0; padding-bottom: 0; line-height: 40px; min-height: 40px;}
	.button.pink												{background-color: #ea6d69;}
	
	.slick-prev, .slick-next										{position: absolute; bottom: 0; display: block; width: 40px; height: 40px; overflow: hidden; text-align: center; line-height: 40px; background: #ea6d69; z-index: 9999; color: #fff;}
	.slick-next													{right: 0;}
	.slick-disabled												{display: none !important;}
	
	
/* ==================================================================
	4.0 Sections + Panels + Footer
================================================================== */
	section, footer												{position: relative; width: 100%; height: auto;}
section.content												{width:100%;}
	footer														{background-color: #000;}
	
	.row.pinkBG												{background-color: #ea6d69; margin: 50px 0; padding: 1.25rem 0;}
	
	.blocks 													{padding: 0; margin-top: -5px; margin-left: -5px !important; margin-bottom: 20px;}
	.blocks .column											{padding: 5px;}
	.blocks .column img										{width: 100%;}

	.box														{position: absolute; left: 0; top: 50%; width: 100%;
																 -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
	.row.pinkBG .box											{text-align: center;}
	.row.pinkBG .box img										{float: none;}
	.bloxRow 													{margin-bottom:60px;}
	.wysiwyg 													{margin-bottom:60px;}
	.wysiwyg ul,.wysiwyg ol 									{padding-left:35px;list-style: circle;margin-bottom:20px;}
	.quote, .contactFaq, .slicker2								{margin-bottom:60px;}
.wysiwyg iframe												{max-width:100%;}										
													
/* ==================================================================
	5.0 Nav
================================================================== */
	.header													{position: fixed; width: 100%; min-height: 140px; top: 0; left: 0; z-index: 99999;}
	.top-holder													{position: relative; width: 100%; background-color: #fff;}
	.top-bar, .top-bar ul 										{background: none;}
	.top-bar 													{padding: 0; max-width: 1190px; margin-left: auto; margin-right: auto;}
	.menu > li:not(.menu-text) > a								{padding: 70px 23px 30px 23px; min-height: 140px; line-height: 40px; font-weight: 300; font-size: 24px; color: #000; position: relative;}
	.menu > li:not(.menu-text) > a:hover, .menu > li.active > a,
	.menu > li:not(.menu-text) > a.tickets						{color: #ea6d69; position: relative;}
	
	
	.dropdown.menu .is-dropdown-submenu-parent.is-right-arrow > a::after					{content: ""; display: none; width: 0px; height: 0px; 
																 -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none;
																 position: absolute; border-width: 12px; border-style: inset inset solid; border-color: transparent transparent #ea6d69; top: auto; 
																 bottom: 0; right: 50%; margin-right: -12px;}
	.dropdown.menu .is-dropdown-submenu-parent.is-right-arrow:hover > a::after				{display: block;}
	.menu > li.dd:not(.menu-text) > a:hover:after				{display: block;}	
	.menu > li:not(.menu-text) > a.tickets						{font-weight: 900;}	
	.menu > li:not(.menu-text) > a.tickets:before				{content: ''; position: absolute; left: 0; top: 80px; width: 1px; height: 25px; background: #000;}
		
	.dropdown.menu .submenu.first-sub 						{position: fixed !important; z-index: 99998; top: 140px; left: auto; right: 0; width: 100%;padding-left:calc(50% - 600px); margin: 0; text-align: left; background: #ea6d69; border: 0;}
	.dropdown.menu .submenu > li 							{width: auto/*100%*/; display: inline-block;}
	.dropdown.menu .submenu > li a							{min-height: 60px; line-height: 60px; font-size: 24px; color: #fff; font-weight: 300; padding: 0 17px;}
.backlink {font-size:13px;text-align: center;}
		
	
/* ==================================================================
	6.0 Images
================================================================== */
	img[align=left]												{margin-right: 1.875em; margin-bottom: 1.25rem;}
	img[align=right]											{margin-left: 1.875em; margin-bottom: 1.25rem;}
	footer img[align=left]										{margin-right: 25px;}
	.labeled													{position: absolute; right: 10px; top: 10px; display: block; width: 20px; height: 20px; text-align: center; line-height: 20px; font-size: 14px; color: #ea6d69;}
	footer .labeled												{color: #fff;}
	
	
	figure img													{width: 100%;}	
	#banner														{overflow: hidden;height:auto;max-height:100%;}
#banner.banner-video											{height:100%;}
	/*alternative dimensions Fix*/
	/*@media all and (orientation:portrait){
		#banner	{height:auto;}
	}*/
	.bannerContentPage											{height:400px !important;}
	#banner figure												{position: relative; width: 100%; overflow: hidden;}
	#banner .introTickets										{position: absolute; z-index: 100; left: 0; bottom: 0; width: 66.66666%; /*max-width: 1190px;*/ /*margin-left: -595px;*/}
	#banner .introTickets .inner									{position: relative; /*width: 75%;*/ background-color: #ea6d69; padding: 35px 45px 35px 45px; margin: 0;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
  		-moz-justify-content: space-between;
  		-webkit-justify-content: space-between;
  		-ms-justify-content: space-between;
  		justify-content: space-between;
	}
	/*#banner .introTickets .inner:before							{content: ''; position: absolute; width: 100%; height: 100%; background: #ea6d69; left: -100%; top: 0; display: block; z-index: 1;}*/
	#banner .introTickets h2										{font-size: 30px; font-weight: 700; line-height: 36px; margin: 0; color: #fff;}
	#banner .introTickets span									{font-size: 24px; line-height: 36px; color: #fff; font-weight: 300;}
	#banner .introTickets .button								{margin-bottom: 0; background: #fff; color: #ea6d69; font-size: 24px; font-weight: 700; text-transform: none;}
	#banner .slick-prev, #banner .slick-next					{bottom: 50%; width: 110px; height: 110px; margin-bottom: -55px; line-height: 110x; background: transparent; color: #fff; font-size: 100px;}
	.fullwidthImg 												{margin-bottom:60px !important;}
	#homeArtwork												{position: absolute;top:50%;left:50%;z-index:99;-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
#homeArtworkMob													{position: absolute;top:50%;left:50%;z-index:99;-ms-transform: translate(-50%,-55%);-webkit-transform: translate(-50%,-55%);transform: translate(-50%,-55%);}
	#homeArtwork.fullwidth										{width:100%;height:auto !important;top:40%;}	
	
/* ==================================================================
	7.0 Forms
================================================================== */
	[type="text"], [type="text"]:focus, [type="email"], [type="email"]:focus, [type="tel"], [type="tel"]:focus, textarea, textarea:focus, .form-list button, 
	.form-list button:focus										{position: relative; display: block; height: 40px; line-height: 40px; padding: 0 0 0 10px; margin: 0; border: 1px solid #efefef; background-color: #efefef; border-radius: 5px;
																 color: #ea6d69; font-size: 14px; box-shadow: none;}
	
	/*footer [type="text"], footer [type="text"]:focus, footer [type="email"], footer [type="email"]:focus, footer [type="tel"], footer [type="tel"]:focus, footer textarea, 
	footer textarea:focus										{border: 1px solid #333; background-color: #333; color: #fff;}*/
																 
	[type="text"]:focus, [type="tel"]:focus, [type="email"]:focus, textarea:focus, footer [type="text"]:focus, footer [type="tel"]:focus, 
	footer textarea:focus										{border: 1px solid #ea6d69;}
	textarea, textarea:focus									{height: 86px; resize: none; line-height: 20px; padding: 10px 10px 10px 10px;}
	.form-list button, .form-list button:focus					{padding: 0; width: 100%; text-align: center; border: 0; background-color: #ea6d69; color: #fff; font-weight: 900;}

		::-webkit-input-placeholder 							{color: #ea6d69;}
		:-moz-placeholder 									{color: #ea6d69; opacity: 1.0;}
		::-moz-placeholder									{color: #ea6d69; opacity: 1.0;}
		:-ms-input-placeholder								{color: #ea6d69;}
		/*footer ::-webkit-input-placeholder 					{color: #fff;}
		footer :-moz-placeholder 								{color: #fff; opacity: 1.0;}
		footer ::-moz-placeholder								{color: #fff; opacity: 1.0;}
		footer :-ms-input-placeholder							{color: #fff;}*/
	#successMSG, #footerSuccessMSG							{display: none;width:100%;border:1px solid #000;text-align: center;padding:10px;}
	#footerSuccessMSG								{margin-top:30px;}


/* ==================================================================
	8.0 Google Maps
================================================================== */
/* ==================================================================
	9.0 Misc
================================================================== */
	.accordion,.accordion-content {border:none;}
	.accordion-title 											{padding: 0 40px 0 16px; min-height: 40px; line-height: 40px; font-size: 14px; color: #ea6d69;}
	.accordion-title::before 									{right: 16px; top: 0; min-height: 40px; line-height: 40px;  margin-top: 0;}
	.accordion-content										{font-size: 15px; line-height: 22px;}

	.social-media												{position: absolute; right: 0; top: 125px; width: 45px; height: auto; overflow: hidden;z-index:100;}
	.social-media a											{position: relative; width: 45px; height: 45px; line-height: 45px; text-align: center; background-color: #ea6d69; color: #fff; margin: 0; padding: 0;}
	.social-media .facebook:hover							{background-color: #3b5998;}
	.social-media .twitter:hover							{background-color: #55acee;}
	.social-media .instagram:hover							{background-color: #3f729b;}
	.social-media .spotify:hover							{background-color: #2ebd59;}
	.social-media .other:hover								{background-color: #000;}

	#instafeed img 	{width:80px;height: 80px;margin:3px;}
	#instafeed a:hover img {opacity: 0.8}

/* =================================================================
Timetable
===================================================================*/
.hyphenate {
	  overflow-wrap: break-word;
	  word-wrap: break-word;
	  -webkit-hyphens: auto;
	  -ms-hyphens: auto;
	  -moz-hyphens: auto;
	  hyphens: auto;
	}
#timetableWrap:not(.mobileTimeTable)												{width:100%;padding:20px;}
#timetableWrap:not(.mobileTimeTable) .stageLineup									{width:100%;display: block;}
#timetableWrap:not(.mobileTimeTable) .stageName									{width:14%;float:left;height:90px;vertical-align: middle;text-align: center;border:1px solid red;}
#timetableWrap:not(.mobileTimeTable) .act											{float:left;height:90px;text-align: center;vertical-align: middle;display: block;border:1px solid red;}
#timetableWrap:not(.mobileTimeTable) .act	span 									{height:80px;}
#timetableWrap:not(.mobileTimeTable) .timetableRowContainer						{width:86%;float:left;}
#timetableWrap:not(.mobileTimeTable) .tt-act-full									{width:100% !important;}
#timetableWrap:not(.mobileTimeTable) .act_meta									{font-size: 12px;}
#timetableWrap:not(.mobileTimeTable) .stageXtra													{width:100%;display: block;float:right;font-size:12px;}
#timetableWrap:not(.mobileTimeTable) .flex-boxed {
		display: -webkit-box;
		  display: -moz-box;
		  display: -ms-flexbox;
		  display: -webkit-flex;
		  display: flex;
		  -webkit-box-align: center;
		  -webkit-flex-align: center;
		  -ms-flex-align: center;
		  -webkit-align-items: center;
		  align-items: center;
	}
#timetableWrap .justified-center {
		 -webkit-justify-content: center;
		  justify-content:         center;
	}
#timetableWrap .justified-end {
		-webkit-justify-content: flex-end;
		  justify-content:         flex-end;
	}
/*Mobile specific timetable fix*/
.mobileTimeTable {padding:10px;}
.mobileTimeTable .stageLineup {height:700px;}
.mobileTimeTable .timetableRowContainer {height:600px;}
.mobileTimeTable .flex-it,
.mobileTimeTable.flex-it{
	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
	  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
	  display: -ms-flexbox; /* TWEENER - IE 10 */
	  display: -webkit-flex;
	  display: flex;
	  -webkit-box-align: center;
		  -webkit-flex-align: center;
		  -ms-flex-align: center;
		  -webkit-align-items: center;
		  align-items: center;
}
.mobileTimeTable .stageName {height:100px;}
.mobileTimeTable .stageLineup  {-webkit-flex-grow: 1;flex-grow: 1;-webkit-flex-shrink: 1;flex-shrink: 1;font-size:9px;border-right:1px solid red;}
.mobileTimeTable .act 		{text-align: center;background:white;width:100%;border-top:1px solid red;}
.mobileTimeTable .act.tt-act-full {height:100%;}
.mobileTimeTable .stageXtra	{width:100%;display: block;float:right;}
/* ==================================================================
	10.0 Packery Grid
================================================================== */
	.packery-grid figure										{cursor: pointer; overflow: hidden; float: left;}
	.packery-grid figure img									{width: 100%;}
	.packery-grid figure figcaption								{position: absolute; width: 100%; height: 100%; overflow: hidden;}
	.packery-grid figure figcaption h3							{font-family: 'Lobster', cursive; color: #fff; font-size: 30px; text-shadow: 1px 1px 2px rgba(0,0,0,0.5); position: absolute; bottom: 0; left: 0; padding: 0 30px 35px 30px;}
	.packery-grid figure figcaption h3 .noShow					{display: none; font-family: 'Lato', sans-serif; font-weight: 400; margin-bottom: 5px;}
	.packery-grid figure figcaption h3 .socials .fa				{font-size: 15px; text-shadow: none; width: 30px; height: 30px; line-height: 30px; border-radius: 50px;}
	.packery-grid figure figcaption h3.big						{font-size: 115px;}
	.packery-grid figure:hover figcaption 						{background: rgba(0,0,0,0.8); visibility: visible; opacity: 1;}
	.packery-grid figure:hover figcaption h3					{font-size: 30px;}
	.packery-grid figure:hover figcaption h3 .noShow			{display: block;font-size:20px;line-height:30px;}

	.packery-grid.media figure figcaption						{text-align: center;}
	.packery-grid.media figure:hover figcaption 				{background: rgba(250,106,180,0.8);}
	.packery-grid.media figure figcaption	 a					{color: #ffffff; font-weight: 100; font-size: 150px; display: none;}
	.packery-grid.media figure:hover figcaption a				{display: block;}

	/*
	.packery-grid .grid-sizer,
	.packery-grid .grid-item									{width: 25%;}
	.packery-grid .grid-sizer,
	.packery-grid .grid-item.large								{width: 50%;}
	*/
	.packery-grid.media .grid-sizer,
	.packery-grid.media .grid-item							{width: 20%;}
	
	/*dynamic grid for lineup - changing based on screen size*/
	/* default: large screens 5 cols */
	.packery-grid.lineup .grid-item img						{max-width: 100%;}
	.packery-grid.lineup .grid-sizer,
	.packery-grid.lineup .grid-item							{width: 20%;}
	.packery-grid.lineup .grid-item--large,
	.packery-grid.lineup .grid-item--landscape				{width: 40%;}
	/* X large screens (+ 1800px width ) 8 cols */
	@media only screen and (min-width: 1800px) {
		.packery-grid.lineup .grid-sizer,
		.packery-grid.lineup .grid-item							{width: 12.5%;}
		.packery-grid.lineup .grid-item--large,
		.packery-grid.lineup .grid-item--landscape				{width: 25%;}
	}
	@media only screen and (min-width: 900px) and (max-width:1400px){
		.packery-grid.lineup .grid-sizer,
		.packery-grid.lineup .grid-item							{width: 25%;}
		.packery-grid.lineup .grid-item--large,
		.packery-grid.lineup .grid-item--landscape				{width: 50%;}
		.packery-grid figure:hover figcaption h3					{font-size: 25px;}
	}
	@media only screen and (min-width: 600px) and (max-width:900px){
		.packery-grid.lineup .grid-sizer,
		.packery-grid.lineup .grid-item							{width: 50%;}
		.packery-grid.lineup .grid-item--large,
		.packery-grid.lineup .grid-item--landscape				{width: 100%;}
		.packery-grid figure:hover figcaption h3					{font-size: 25px;}
		
	}
	@media only screen and (max-width:600px){
		.packery-grid.lineup .grid-sizer,
		.packery-grid.lineup .grid-item							{width: 100%;}
		.packery-grid.lineup .grid-item--large,
		.packery-grid.lineup .grid-item--landscape				{width: 100%;}
		.packery-grid figure:hover figcaption h3					{font-size: 25px;}
		.packery-grid figure figcaption h3 .noShow					{font-size:20px;}
		.packery-grid figure figcaption h3 .socials .fa				{font-size: 15px; text-shadow: none; width: 30px; height: 30px; line-height: 30px;}
		
	}


	.media-slick .slick-prev, .media-slick .slick-next			{bottom: 50%; width: 50px; height: 50px; margin-bottom: -25px; line-height: 50x; background: rgba(250,106,180,0.7); color: #fff; font-size: 30px;}
	.media-slick .slick-prev:hover, 
	.media-slick .slick-next:hover								{background: rgba(250,106,180,1.0);}
	

/*Blocks*/
.imgTxtOverlay {position: relative;}
.imgTxtOverlay figcaption{position: absolute;top:50%;padding:0 20px;-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);font-size: 30px;width:100%;-webkit-box-sizing:border-box;box-sizing: border-box;}

/*Honeypot*/
#websiteURL {display: none;}