/*
* Live Nation Next
* lnnext.com
*
* Based on Skeleton V2.0.4, by Dave Gamache
* getskeleton.com
*/


/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Variables
- Partials
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/


/* Variables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*$font-stack: "livenation-regular", "helvetica neue", helvetica, arial, sans-serif;
$ln-red:#E21836;
$ln-black:#191919;*/


/* Partials
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */img,legend{border:0}legend,td,th{padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}

/*! fonts.css | Live Nation fonts */
@font-face{font-family:livenation-regular;src:url(../fonts/livenation-regular-webfont.woff2) format('woff2'),url(../fonts/livenation-regular-webfont.woff) format('woff');font-weight:400;font-style:normal}@font-face{font-family:livenation-italic;src:url(../fonts/livenation-italic-webfont.woff2) format('woff2'),url(../fonts/livenation-italic-webfont.woff) format('woff');font-weight:400;font-style:normal}@font-face{font-family:livenation-bold;src:url(../fonts/livenation-bold-webfont.woff2) format('woff2'),url(../fonts/livenation-bold-webfont.woff) format('woff');font-weight:400;font-style:normal}@font-face{font-family:livenation-bolditalic;src:url(../fonts/livenation-bolditalic-webfont.woff2) format('woff2'),url(../fonts/livenation-bolditalic-webfont.woff) format('woff');font-weight:400;font-style:normal}@font-face{font-family:livenation-extrabold;src:url(../fonts/livenation-extrabold-webfont.woff2) format('woff2'),url(../fonts/livenation-extrabold-webfont.woff) format('woff');font-weight:400;font-style:normal}@font-face{font-family:livenation-extrabolditalic;src:url(../fonts/livenation-extrabolditalic-webfont.woff2) format('woff2'),url(../fonts/livenation-extrabolditalic-webfont.woff) format('woff');font-weight:400;font-style:normal}


@mixin breakpoint($class) {
  @if $class == sm {
    @media (max-width: 23.375em) { @content; } /* max-width 374 pixels */
  }
 
  @else if $class == md {
    @media (min-width: 23.4375em) { @content; } /* min-width 375 pixels */
  }
 
  @else if $class == lg {
    @media (min-width: 46.25em) { @content; } /* min-width 720 pixels */
  }
 
  @else {
    @warn "Breakpoint mixin supports: sm, md, lg";
  }
}




/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
	position: relative;
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box; }
.column,
.columns {
	width: 100%;
	float: left;
	box-sizing: border-box; }

/* For devices larger than 375px */
@media (min-width: 23.4375em) {
	.container {
		width: 85%;
		padding: 0; }
}

/* For devices larger than 740px */
@media (min-width: 46.25em) {
	.container {width: 80%; }
	.column,
	.columns {margin-left: 4%; }
	.column:first-child,
	.columns:first-child {margin-left: 0; }

	.one.column,
	.one.columns						{ width: 4.66666666667%;}
	.two.columns						{ width: 13.3333333333%;}
	.three.columns						{ width: 22%;}
	.four.columns						{ width: 30.6666666667%;}
	.five.columns						{ width: 39.3333333333%;}
	.six.columns						{ width: 48%;}
	.seven.columns						{ width: 56.6666666667%;}
	.eight.columns						{ width: 65.3333333333%;}
	.nine.columns						{ width: 74.0%;}
	.ten.columns						{ width: 82.6666666667%;}
	.eleven.columns						{ width: 91.3333333333%;}
	.twelve.columns						{ width: 100%; margin-left: 0;}

	.one-third.column					{ width: 30.6666666667%;}
	.two-thirds.column					{ width: 65.3333333333%;}

	.one-half.column					{ width: 48%;}

	/* Offsets */
	.offset-by-one.column,
	.offset-by-one.columns				{ margin-left: 8.66666666667%;}
	.offset-by-two.column,
	.offset-by-two.columns				{ margin-left: 17.3333333333%;}
	.offset-by-three.column,
	.offset-by-three.columns			{ margin-left: 26%;}
	.offset-by-four.column,
	.offset-by-four.columns				{ margin-left: 34.6666666667%;}
	.offset-by-five.column,
	.offset-by-five.columns				{ margin-left: 43.3333333333%;}
	.offset-by-six.column,
	.offset-by-six.columns				{ margin-left: 52%;}
	.offset-by-seven.column,
	.offset-by-seven.columns			{ margin-left: 60.6666666667%;}
	.offset-by-eight.column,
	.offset-by-eight.columns			{ margin-left: 69.3333333333%;}
	.offset-by-nine.column,
	.offset-by-nine.columns				{ margin-left: 78.0%;}
	.offset-by-ten.column,
	.offset-by-ten.columns				{ margin-left: 86.6666666667%;}
	.offset-by-eleven.column,
	.offset-by-eleven.columns			{ margin-left: 95.3333333333%;}

	.offset-by-one-third.column,
	.offset-by-one-third.columns		{ margin-left: 34.6666666667%;}
	.offset-by-two-thirds.column,
	.offset-by-two-thirds.columns	 	{ margin-left: 69.3333333333%;}

	.offset-by-one-half.column,
	.offset-by-one-half.columns		 	{ margin-left: 52%;}

}


/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
	font-size: 62.5%; }
body {
	font-size: 1.8em; /* currently ems cause chrome bug misinterpreting rems on body element */
	line-height: 1.4;
	font-weight: 400;
	font-family: "livenation-regular", "helvetica neue", helvetica, arial, sans-serif;;
	color: #222;
	background:#ffffff;}

.page-skip-links {
    position: absolute;
    top: -1000px;
    left: -1000px;
    height: 1px;
    width: 1px;
    text-align: left;
    overflow: hidden;
}


a.page-skip-links:active, 
a.page-skip-links:focus, 
a.page-skip-links:hover {
    left: 0; 
    top: 0;
    width: auto; 
    height: auto; 
    overflow: visible; 
}

header {
	background-image:
		linear-gradient(
			to right, 
			#E11836, #191919
		);
	background-color:#E11836;
	height:30px;
	text-align: center;
	padding:1.8%;
}

header svg {max-height:30px;}

section.intro, section.locations, section.events {padding:30px 0px 30px;}

section.bio {margin-top:20px;}

section.bio img {margin-bottom:20px;}

footer {
	background:#191919;
	color:#ffffff;
	text-align: center;
	padding:2.8%;
}

footer p, footer ul {padding-bottom:10px;}

footer ul, footer ul li {margin-bottom:0px; text-transform:uppercase;}

footer ul li {display:inline; padding:0 10px;}

footer svg {}




@media (min-width: 23.4375em) {
	
	
	
}

@media (min-width: 46.25em) {

	header {
		text-align:left; 
		padding:1.375em 2.8em;
		min-height:3.25em;
	}
	
	header svg {max-height:50px;}
	
	section.locations ul {
		-moz-column-count: 4;
		-webkit-column-count: 4;
		column-count: 4;
	}
	
	
	div.event-list {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
		-moz-column-column-gap:6.0rem;
		-webkit-column-gap:6.0rem;
		column-gap:6.0rem;
	}
		
	footer {text-align:left;}
	
	footer ul.footer-social {float:right; padding:0 0 0 20px;}
	
	footer ul.footer-links li {padding-left:0px; margin-left: 0px;}

}



/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: 2rem;
	font-weight:normal;}

.bronto{font-size: 4.11rem;}
h1, .yotta {font-size: 3.65rem;}
.zetta {font-size: 3.24rem;}
h2, .exa {font-size: 2.88rem;}
.peta {font-size: 2.56rem;}
h3, .tera {font-size: 2.28rem;}
.giga {font-size: 2.03rem;}
h4, .mega {font-size: 1.8rem;}
h5, .kilo {font-size: 1.6rem;}
.hecto {font-size: 1.42rem;}
p, .uno {font-size: 1.26rem;}
h6, .centi {font-size: 1.12rem;}
.milli	{font-size: 1.0rem;}


/* For devices larger than 375px */
@media (min-width: 23.4375em) {
	.bronto {font-size: 4.62rem;}
	h1, .yotta {font-size: 4.11rem;}
	.zetta {font-size: 3.65rem;}
	h2, .exa {font-size: 3.24rem;}
	.peta {font-size: 2.88rem;}
	h3, .tera {font-size: 2.56rem;}
	.giga {font-size: 2.28rem;}
	h4, .mega {font-size: 2.03rem;}
	h5, .kilo {font-size: 1.8rem;}
	.hecto {font-size: 1.6rem;}
	p, .uno {font-size: 1.41rem;}
	h6, .centi {font-size: 1.26rem;}
	.milli	{font-size: 1.12rem;}
}

/* For devices larger than 740px */
@media (min-width: 46.25em) {
	.bronto {font-size: 5.2rem;}
	h1, .yotta {font-size: 4.62rem;}
	.zetta {font-size: 4.11rem;}
	h2, .exa {font-size: 3.65rem;}
	.peta {font-size: 3.24rem;}
	h3, .tera {font-size: 2.88rem;}
	.giga {font-size: 2.56rem;}
	h4, .mega {font-size: 2.28rem;}
	h5, .kilo {font-size: 2.03rem;}
	.hecto {font-size: 1.8rem;}
	p, .uno {font-size: 1.6rem;}
	h6, .centi {font-size: 1.42rem;}
	.milli	{font-size: 1.26rem;}
}

p {
	margin-top: 0; }

h1 {text-transform: uppercase; font-family:"livenation-bold";}

.events h1, .events h5 {text-align:center;}

.event-details h4 {color:#8C8C8C;}

.event-date .month, .event-date .year {color:#525252;}

.events h5, .event-title {margin-bottom:0.5rem;}

.event-location {margin-bottom:0px;}

section.intro h5, section.events h5 {color:#525252;}

highlight {color:#E21836;}

strong, .event-title {font-family:"livenation-bold";}

.event-title {color:#191919;}

img {width:100%; max-width:100%; height:auto;}



/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
	color:#E21836;}

a:hover {
	color:#E21836;}	

.locations a {
	color:#ffffff;}

.locations a:hover {
	color:#cccccc;}	

footer a {
	color:#ffffff;
	text-decoration:none;}

footer a:hover {
	color:#ffffff;}


/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	display: inline-block;
	height: 38px;
	padding: 0 30px;
	color: #ffffff;
	text-align: center;
	font-size: 1.26rem;
	font-weight:700;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	background-color: transparent;
	border-radius: 0px;
	border:0px;
	cursor: pointer;
	box-sizing: border-box; }

@media (min-width: 23.4375em) {
	.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {font-size: 1.41rem;}
}
@media (min-width: 46.25em) {
	.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {font-size: 1.6rem;}
}

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
	color: #333;
	border-color: #888;
	outline: 0; }
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
	color: #FFF;
	background-color: #E21836;
	border-color: #E21836;
	text-transform:uppercase;
	width:100%;}
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
	color: #FFF;
	background-color: #A91128;
	border-color: #A91128; }


/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
	height: 48px;
	padding: 10px 15px; /* The 6px vertically centers text on FF, ignored by Webkit */
	background-color: #e8e8e8;
	color:#5C5C5C;
	font-size: 1.8rem;
	font-weight:300;
	border:0px;
	border-radius:0px;
	box-shadow: none;
	box-sizing: border-box;}

.input-select {
	position: relative;
	overflow: hidden;
	padding-right: 2.3em;
	background-image:url('../img/icn-select-box-arrow.svg');
	background-position:95% center;
	background-repeat:no-repeat;
	-webkit-appearance: none;
		 -moz-appearance: none;
					appearance: none; }


@media (min-width: 23.4375em) {
	input[type="email"],
	input[type="number"],
	input[type="search"],
	input[type="text"],
	input[type="tel"],
	input[type="url"],
	input[type="password"],
	textarea,
	select {font-size: 2.03rem;}
}
@media (min-width: 46.25em) {
	input[type="email"],
	input[type="number"],
	input[type="search"],
	input[type="text"],
	input[type="tel"],
	input[type="url"],
	input[type="password"],
	textarea,
	select {font-size: 2.28rem;}
}
	
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
	-webkit-appearance: none;
		 -moz-appearance: none;
					appearance: none; }
textarea {
	min-height: 65px;
	padding-top: 6px;
	padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
	border: 1px solid #B4B4B4;
	outline: 0; }
label,
legend {
	display: block;
	margin-bottom: .5rem;
	color:#B4B4B4;
	font-size: 1.12rem;}
fieldset {
	padding: 0;
	border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
	display: inline; }
label > .label-body {
	display: inline-block;
	margin-left: .5rem;}

.alert {border-radius:3px; padding:7px 10px; position:relative; margin-bottom:25px;}

.alert {color:#ffffff;}

.alert .close {display:inline; position:absolute; top:9px; top:calc(50% - 6px); right:10px;}

.alert-error {background:#E21836;}

.alert-dismissible .close {
		position:relative;
		top:7px;
		right:10px;
		color:inherit;
}

button.close {
		-webkit-appearance: none;
		padding: 0;
		cursor: pointer;
		background: 0 0;
		border: 0;
		height:inherit;
		font-size:1.0rem;
		margin:0;
		padding:0;
}



/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
	list-style: circle; }
ol {
	list-style: decimal inside; }
ol, ul {
	padding-left: 0;
	margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
	margin: 1.5rem 0 1.5rem 3rem;
	font-size: 90%; }
li {
	margin-bottom: 1rem;
	margin-left:3.0rem;}


/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
	padding: .2rem .5rem;
	margin: 0 .2rem;
	font-size: 90%;
	white-space: nowrap;
	background: #F1F1F1;
	border: 1px solid #E1E1E1;
	border-radius: 4px; }
pre > code {
	display: block;
	padding: 1rem 1.5rem;
	white-space: pre; }


/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
	padding: 12px 15px;
	text-align: left;
	border-bottom: 1px solid #E1E1E1; }
th:first-child,
td:first-child {
	padding-left: 0; }
th:last-child,
td:last-child {
	padding-right: 0; }


/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
.button {
	margin-bottom: 1rem;}
input,
textarea,
select,
fieldset {
	margin-bottom: 1.5rem;}
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
	margin-bottom: 2.5rem;}


/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
	width: 100%;
	box-sizing: border-box; }
.u-max-full-width {
	max-width: 100%;
	box-sizing: border-box; }
.u-pull-right {
	float: right; }
.u-pull-left {
	float: left; }


/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
	margin-top: 3rem;
	margin-bottom: 3.5rem;
	border-width: 0;
	border-top: 1px solid #E1E1E1; }


/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
	content: "";
	display: table;
	clear: both; }


/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Mobile - Larger than 375px */
@media (min-width: 23.4375em) {

}

/* Desktop - Larger than 740px */
@media (min-width: 46.25em) {

}