/*
Theme Name: Jam Productions
Theme URI: http://ticketfly.com/
Description: Responsive - Gold Child
 Author: Phill Mamula
 Author URI:   http://ticketfly.com
 Template:     gold-parent_s
 Version:      1.0.0
 Text Domain:  gold-parent_s-child
*/

* {margin:0;padding:0;-webkit-tap-highlight-color: rgba(0,0,0,0);}
html, body {
  height: 100%;
  max-width: 100%;
  min-width: 0;
}


/* =Fonts 
-------------------------------------------------------------- */
@import '//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800';



/* =Body Style
-------------------------------------------------------------- */
/* Layout */
html {
    font-size: 100%;
    -webkit-font-smoothing: antialiased;
}
body {
  background: #f5f5f5; /* Old browsers */
  background: -moz-linear-gradient(left,  #f5f5f5 0%, #f2f2f2 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  #f5f5f5 0%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  #f5f5f5 0%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f2f2f2',GradientType=1 ); /* IE6-9 */
  width: 100%;
  height: 100%;
  color: #111111;
  font-family: 'Open Sans', Helvetica, sans-serif;
  font-weight: 400;
  letter-spacing: 0.03em;
  font-size: 14px;
  line-height: 26px;
  margin: 0 auto;
  text-rendering: optimizelegibility;
}

h1, h2, h3, h4 {
  font-weight: 700;
  letter-spacing: 0.02em;
}

/* Links */
a {transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out; }
a:link, a:visited {color:#111111; text-decoration: none;}
a:hover {color: #652E77; text-decoration: none;}
p {margin: 0;}
a img {border: none;}

img.alignleft {float:left;margin:0 20px 10px 0;}
img.alignright {float:right;margin:0 0 10px 20px;}

input { -webkit-appearance: none; }

/* Etc. */
ul {list-style: none;}
blockquote {
    border-left: 5px solid #652E77;
    font-weight: 500;
    margin: 0 auto;
    padding: 0 0 0 20px;
}
.hentry { margin: 0 auto;}
footer.entry-footer { display: none;}

/* =Structure
-------------------------------------------------------------- */
#wrapper {
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
header {}
#masthead {}

header .container {
    margin: 0 auto;
    max-width: 1500px;
    overflow: hidden;
}

.content-area-adjust {
    margin: 0 auto;
    max-width: 1500px;
    width: 100%;
    display: flex;
}
#primary {
    background: #FFFFFF;
    float: left;
    padding: 0;
    width: 70%;
    flex: 0 1 1;
}
#primary.calendar {
    background: #FFFFFF;
    max-width: 100%;
    padding: 0;
    width: 100%;
}
#secondary {
    float: right;
    padding: 20px;
    width: 30%;
    flex: 0 1 1;
}

/* =Header
-------------------------------------------------------------- */
header#masthead {
    background: #160220 none repeat scroll 0 0;
    padding: 10px 2%;
}
/* Logo */
div.site-branding {
    display: inline-block;
    float: left;
    margin: 0 20px 0 0;
    padding: 0;
    width: 140px;
}
h1.site-title a {
    background: rgba(0, 0, 0, 0) url("images/logo.png") no-repeat scroll center top / auto 100%;
    display: block;
    height: 60px;
    text-indent: -999em;
    width: auto;
}
h1.site-title a:link, 
h1.site-title a:visited { color: #FFFFFF; text-decoration: none;}
h1.site-title a:hover { color: #652E77; text-decoration: none;}

header .social-icons {
    float: right;
    margin: 15px 0;
    position: relative;
}
header .social-icons a {
    color: #664575;
    font-size: 20px;
    margin: 0 5px;
}
header .social-icons a:hover {
    color: #FFFFFF;
}

/* =Navigation
-------------------------------------------------------------- */
#topnav {
    float: left;
    margin: 12px 0;
}
#topnav ul { margin: 0 0;}
#topnav ul li {
    display: inline-block;
    float: left;
}
#topnav ul li a {
    color: #FFFFFF;
    display: block;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 0.15em;
    padding: 5px 20px;
    text-transform: uppercase;
}
#topnav ul li a:hover { color: #299C70; }

/* Sticky */
header#masthead.sticky {
    width: 100%;
    top: 0;
    position: fixed;
    z-index: 99999;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}
.content-area-adjust.sticky-adjust { margin-top: 80px;}


/* Dropdown Menu */
#topnav ul.sub-menu {
    display: none;
    overflow: visible;
    position: absolute;
    z-index: 9999;
}
#topnav ul li:hover > ul.sub-menu {
    display: block;
}
#topnav ul.sub-menu li {
    background: #111111;
    color: #FFFFFF;
    display: block;
    float: none;
}
#topnav ul.sub-menu li a {
    border-bottom: 1px solid #333333;
    color: #FFFFFF;
    padding: 8px 20px;
}
#topnav ul.sub-menu li a:hover{
    color: #5746DE;
    border-bottom: 1px solid #5746DE;
}


/* =Home / TF Slider
-------------------------------------------------------------- */
#primary.content-area.home {
    padding-bottom: 25px;
    background: #fff none repeat scroll 0 0;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
}
#wrapper .home-slider { padding: 15px; }

/* Event Filtering */
.event-filtering {
    background: #f7f7f7 none repeat scroll 0 0;
    border-bottom: 1px solid #efefef;
    border-top: 1px solid #efefef;
    overflow: hidden;
    padding: 15px 2%;
}
#primary.eventslist .event-filtering .container { padding: 0; }
.listing-dropdown, .listing-search, .listing-toogle { display: inline-block; float: left; vertical-align: top;}
.listing-dropdown { margin-right: 20px; max-width: 260px; width: 100%;}

.listing-search { max-width: 320px; width: 100%;}
.selectedlist { display: none;}
.selectedlist:first-child { display: block; }

/* Custom Drop Down */ 
.custom-dropdown__select{ font-size: inherit;  padding: 8px 10px; margin: 0;}
@supports (pointer-events: none) and ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) {
    .custom-dropdown {
        position: relative;
        display: inline-block;
        vertical-align: middle;}
  
  .custom-dropdown__select {
    padding-right: 2.5em; /* accommodate with the pseudo elements for the dropdown arrow */             
    border: 0;
    border-radius: 5px;
    width: 100%;
    background: #FFF;
    border: 1px solid #ededed;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; 
    outline: none;
  }
  
.custom-dropdown::before, .custom-dropdown::after {
    color: #652e77;
    content: "";
    margin-right: 1px;
    pointer-events: none;
    position: absolute;
}
  
  .custom-dropdown::after { /*  Custom dropdown arrow */
    content: "\25BC";
    height: 1em;
    font-size: .625em;
    line-height: 1;
    right: 1.2em;
    top: 50%; margin-top: -.5em;
  }
  
  .custom-dropdown::before { /*  Custom dropdown arrow cover */
    width: 2em;
    right: 0; top: 0; bottom: 0;
    border-radius: 0 5px 5px 0;
  }
  
  .custom-dropdown__select[disabled] {
    color: rgba(0,0,0,.3);
  }
  
  .custom-dropdown.custom-dropdown--disabled::after {
    color: rgba(0,0,0,.1);
  }
  
  /* White dropdown style */
  .custom-dropdown--white::before {
    top: .5em; bottom: .5em;
    background-color: #fff;
    border-left: 1px solid rgba(0,0,0,.1);
  }
  
  .custom-dropdown--white::after {
    color: rgba(0,0,0,.9);
  }                 
  
  
/* FF only temporary & ugly fixes */
/* the "appearance: none" applied on select still shows a dropdown arrow on Firefox */
/* https://bugzilla.mozilla.org/show_bug.cgi?id=649849 */
  @-moz-document url-prefix() {
    .custom-dropdown__select                         { width: 100%; padding-top: .8em; padding-right: .9em }
    .custom-dropdown--large .custom-dropdown__select { width: 100%; padding-top: 1.2em; padding-right: 1.3em }
    .custom-dropdown--small .custom-dropdown__select { width: 100%; padding-top: .4em; padding-right: .5em }
  } 
  
}




/* Featured Slider */
#wrapper .owl-carousel.owl-drag .owl-item{
	height: 420px;
}
#eb-featured-events .owl-dots {
    position: absolute;
    bottom: 38px;
    left: 27px;
}
#eb-featured-events .owl-dots button{width: auto;}
#eb-featured-events .owl-dots button span{background-color: transparent;color:#fff;}
#eb-featured-events .owl-dots button:nth-of-type(1) span:after{content: "1";}
#eb-featured-events .owl-dots button:nth-of-type(2) span:after{content: "2";}
#eb-featured-events .owl-dots button:nth-of-type(3) span:after{content: "3";}
#eb-featured-events .owl-dots button:nth-of-type(4) span:after{content: "4";}
#eb-featured-events .owl-dots button:nth-of-type(5) span:after{content: "5";}
#eb-featured-events .owl-dots button:nth-of-type(6) span:after{content: "6";}
#eb-featured-events .owl-dots button:nth-of-type(7) span:after{content: "7";}
#eb-featured-events .owl-dots button:nth-of-type(8) span:after{content: "8";}
#eb-featured-events .owl-dots button:nth-of-type(9) span:after{content: "9";}
#eb-featured-events .owl-dots button:nth-of-type(10) span:after{content: "10";}
#eb-featured-events .owl-theme .owl-dots .owl-dot.active span{background-color: transparent;color:#10A885;}
#wrapper #tfly-featured-events #grey-back,
#wrapper #eb-featured-events #grey-back {
	background: -moz-linear-gradient(left,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
	top: 0;
    left: 0;
    height: 100%;
    opacity: 1;
    position: absolute;
    width: 40%;
    z-index: 10;
}
#wrapper #tfly-featured-events ul li img,
#wrapper #eb-featured-events ul li img {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%); /* IE 9 */
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
#wrapper #tfly-featured-events,
#wrapper #eb-featured-events {
    height: 420px;
    margin: 0 0 5px;
}
#wrapper #tfly-featured-events #overlay,
#wrapper #eb-featured-events #overlay {
    background: url("images/fade-triangle.png") no-repeat scroll left top / 125px auto;
    display: block;
    height: 90%;
    left: 0;
    margin: 2%;
    opacity: 1;
    padding: 2%;
    position: absolute;
    top: 0;
    width: 50%;
    z-index: 999;
}
#wrapper #tfly-featured-events #overlay h1 a,
#wrapper #eb-featured-events #overlay h1 a {
    color: #FFFFFF;
    font-size: 28px;
    line-height: 30px;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.45);
}
#wrapper #tfly-featured-events #overlay h2,
#wrapper #eb-featured-events #overlay .date-venue,
#wrapper #eb-featured-events #overlay .dates {
    color: #FFFFFF;
    display: block;
    float: none;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.04em;
    line-height: 20px;
    margin: 0 auto;
    text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.45);
    text-transform: uppercase;
    position: relative;
    font-weight: 400 !important;
    left: 0;
    top: 0;
    width: auto;
    padding: 0;
    display: block;
    max-width: 100%;
    float: none;
}
#wrapper #eb-featured-events #overlay .dates:before{
	content: "";display: none;
}
.date-venue, .ticket-link, .venue { display: block; }
.date-venue { margin: 20px 0 0;}
.date-venue .venue { color: #15d5a9; }

#tfly-featured-events ul.nav,
#eb-featured-events ul.nav {
    bottom: 4%;
    left: 2%;
    list-style-type: none;
    position: absolute;
    z-index: 10;
}
#wrapper #tfly-featured-events ul.nav li a,
#wrapper #eb-featured-events ul.nav li a, #prev_carousel, #next_carousel {
    background: none;
    border: medium none;
    border-radius: 0;
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    margin: 0 2px;
    padding: 4px 8px 2px;
    text-align: center;
    text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.45);
}
#wrapper #tfly-featured-events #prev_carousel, #wrapper #tfly-featured-events #next_carousel,
#wrapper #eb-featured-events #prev_carousel, #wrapper #eb-featured-events #next_carousel { display: none; }
#wrapper #tfly-featured-events ul.nav li a:hover,
#wrapper #tfly-featured-events ul.nav li .selected,
#wrapper #eb-featured-events ul.nav li a:hover,
#wrapper #eb-featured-events ul.nav li .selected {
  color: #10A885;
  background: none;
}
#wrapper #tfly-featured-events #overlay .ticket-link a,
#wrapper #tfly-featured-events #overlay button.ticket-link,
#wrapper #eb-featured-events #overlay .ticket-link a,
#wrapper #eb-featured-events #overlay button.ticket-link { display: none;}




/* =Sidebar
-------------------------------------------------------------- */
#secondary aside {
    margin: 0 auto 35px;
    max-width: 400px;
    width: 100%;
}

#secondary h2.widget-title {
    color: #6E6E6E;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 16px;
    margin: 0 auto;
    padding: 5px 0 15px;
    text-align: center;
    text-transform: uppercase;
}
#secondary .textwidget {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    padding: 15px 4%;
}

/* Sidebar - Bad Overwrites */
#secondary aside#text-6 .textwidget {
    background: none;
    border: none;
    padding: 2%;
}
#secondary aside#text-4 h2.widget-title::before {
    font-family: 'FontAwesome', helvetica;
    content: '\f0e7';
    font-weight: 400;
    margin: 0 10px 0 0;
}
#secondary aside#text-5 h2.widget-title::before {
    font-family: 'FontAwesome', helvetica;
    content: '\f274';
    font-weight: 400;
    margin: 0 10px 0 0;
}
#secondary aside .textwidget:first-child {
    background: none;
    border: none;
    padding: 0;
}

/* Sidebar Lists CTA */
a.cta {
    background: #652e77 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    display: table;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.1em;
    line-height: 24px;
    margin: 20px auto 5px;
    padding: 6px 40px;
    text-transform: uppercase;
}
a.cta:hover {
    background: #10a885;
}

/* Sidebar Lists */
#wrapper .sidebar-list {padding: 0; margin: 0;}
#wrapper .sidebar-list a {
    display: block;
    line-height: 20px;
    margin: 0 auto;
    padding: 11px 0 13px 25px;
}
#wrapper .sidebar-list a:hover {
    background: #F5F5F5 none repeat scroll 0 0;
    color: #111111;
}

#wrapper .sidebar-list li { border-bottom: 1px solid #EDEDED;}
#wrapper .sidebar-list li:last-child { border-bottom: none;}
#wrapper .sidebar-list .on-sale {
    display: block;
    font-size: 12px;
    font-weight: 300;
    line-height: 16px;
    margin: 5px 0 2px;
}
/* twitter widget pro */
#main aside.widget_twitter {position:relative;}
#wrapper .follow-button {
  position: relative;
  top: 20px;
  }
#main .widget_twitter ul li {
  font-size:0.8em;
  padding: 5px 10px;
  display: block;
  color: #333;
  background-color: #fff;
  }
#main .widget_twitter ul li a:link {
  border-bottom: 1px dotted #ccc;
  }
#main .widget_twitter ul li:hover {}
#main span.time-meta, #main span.from-meta {font-size: 9px;}

/* Recent Posts */
aside.widget_recent_entries li {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    padding: 10px 0;
    border-bottom: 1px solid #F5F5F5;
}
aside.widget_recent_entries .post-date {
    color: #999999;
    display: block;
    font-size: 11px;
    line-height: 16px;
    text-transform: uppercase;
}
aside.widget_recent_entries a {
    display: block;
    font-size: 18px;
    line-height: 26px;
    margin: 2px 0;
}

/* YouTube Player */
#wrapper .youtube-video-sidebar iframe {
    max-height: 225px;
    min-height: 175px;
}
#wrapper .youtube-video-player-sidebar {
    background: #e0e0e0 none repeat scroll 0 0;
    padding: 8px;
}
#wrapper .youtube-playlist-sidebar {
    background: #FFFFFF none repeat scroll 0 0;
    border: 1px solid #e0e0e0;
    margin-top: -10px;
    max-height: 190px;
    overflow-x: hidden;
    overflow-y: auto;
}

/* ticketfly search & email signup */
input[type="text"], input[type="email"], input[type="search"], textarea, .tfly-serach #searchform .textform, .tfly-email-subscribe-text,
.eb-serach #searchform .textform, .eb-email-subscribe-text  {
    border: medium none;
    border-radius: 3px;
    color: #757575;
    font-size: 13px;
    line-height: 16px;
    margin: 5px 0;
    padding: 12px;
    width: 100%;
    outline: none;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
#searchform .textform:focus,
.tfly-email-subscribe-text:focus,
.eb-email-subscribe-text:focus,
textarea:focus {
	 color: #111111;
     outline: none;
}
button, input[type="button"], 
input[type="reset"], input[type="submit"], .tfly-email-subscribe-submit,
.eb-email-subscribe-submit {
    background: #652e77 none repeat scroll 0 0;
    border: medium none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.1em;
    margin: 5px 0;
    opacity: 1;
    padding: 12px 0;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    width: 100%;
    outline: none;
}
button:hover, input[type="button"]:hover,
input[type="reset"]:hover, input[type="submit"]:hover, .tfly-email-subscribe-submit:hover,
.eb-email-subscribe-submit:hover {
    color: #FFFFFF;
    background: #299c70;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    opacity: 1;
    outline: none;
}

#secondary .tfly-email-subscribe .tfly-email-subscribe-submit, #secondary #searchsubmit, .tfly-search #searchsubmit,
#secondary .eb-email-subscribe .eb-email-subscribe-submit, #secondary #searchsubmit, .eb-search #searchsubmit {
    border-radius: 2px;
    float: right;
    font-size: 11px;
    letter-spacing: 0.08em;
    line-height: 13px;
    margin-top: -35px;
    padding: 9px 8px;
    position: relative;
    right: 0%;
    top: -7px;
    text-align: center;
    width: auto;
    outline: none;
}
/* Search Bar */
#secondary input[type="text"], #secondary input[type="search"], #secondary #searchform .textform, .tfly-search #searchform .textform,.eb-search #searchform .textform {
    border: 1px solid #E9E9E9;
    border-radius: 5px;
    color: #757575;
    font-size: 13px;
    line-height: 15px;
    margin: 0 auto;
    padding: 11px 20px;
    width: 100%;
    outline: none;
}
form#searchform {
    position: relative;
}
#searchform button, #searchform button [type="search"], .tfly-email-subscribe button, .tfly-email-subscribe .signup-form button [type="submit"],
#searchform button, #searchform button [type="search"], .eb-email-subscribe button, .eb-email-subscribe .signup-form button [type="submit"] {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #DDDDDD;
    padding: 3px 35px;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
}
#searchform button:hover, #searchform button:hover [type="search"], .tfly-email-subscribe .signup-form button:hover,
.eb-email-subscribe .signup-form button:hover {
    color: #111111;
}

/* Sidebar - Mailing List Overwrite */
#secondary aside#text-8 h2.widget-title,
#secondary aside#text-9 h2.widget-title { display: none; }
#secondary aside#text-8 .textwidge,
#secondary aside#text-9 .textwidget {
    background: #10A885;
    border: 1px solid #10A885;
    border-radius: 5px;
    color: #FFF;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    padding: 20px;
    text-align: center;
    text-transform: uppercase;
}
.tfly-email-subscribe,
.eb-email-subscribe { margin: 20px 0 0;}
.tfly-email-subscribe .signup-form button,
.eb-email-subscribe .signup-form button { 
    float: right; 
    position: relative; 
    top: -37px;
}


/* Sidebar - Search Bar Overwrite */
#secondary form#searchform input {
    border: 2px solid #e9e9e9 !important;
    border-radius: 25px !important;
    padding: 12px 22px !important;
}
#secondary form#searchform button { margin: 8px 4px !important;}


/* =Alert (Full Width)
-------------------------------------------------------------- */
#primary.full-width.alert {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    margin: 2% auto;
    float: none;
    max-width: 850px;
    padding: 5%;
    width: 100%;
    text-align: center;
}
body.page-template-page-alert .content-area-adjust {
    display: block;
}
#wrapper iframe .ss-form-container {
    background-color: #fff !important;
    border: 1px solid #ddd !important;
    padding: 1em !important;
    width: auto !important;
}

#fullwidth.header-img {
    height: 30vh;
    max-height: 30vh;
    position: relative;
    overflow: hidden;
}
#fullwidth.header-img:before {
    content: '';
    width: 100%;
    height: 30vh;
    position: absolute;
    top: 0;
    left: 0;
    background: -moz-linear-gradient(45deg,  rgba(12,18,38,1) 0%, rgba(120,44,135,0.63) 37%, rgba(125,185,232,0) 100%);
    background: -webkit-linear-gradient(45deg,  rgba(12,18,38,1) 0%,rgba(120,44,135,0.63) 37%,rgba(125,185,232,0) 100%);
    background: linear-gradient(45deg,  rgba(12,18,38,1) 0%,rgba(120,44,135,0.63) 37%,rgba(125,185,232,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c1226', endColorstr='#007db9e8',GradientType=1 );
}
#fullwidth h1.page-title {
    text-align: center;
    padding: 14vh 0;
    color: #FFF; 
    position: relative;
    text-transform: uppercase;
    font-size: 42px;
    font-weight: 900;
    letter-spacing: 0.12em;
}


/* =Events Page
-------------------------------------------------------------- */
body.page-template-page-eventslist .content-area-adjust { max-width: 100%;}
#primary.eventslist {
    border: medium none;
    max-width: 100%;
    padding: 0;
    width: 100%;
}
#primary.eventslist .container {
    margin: 0 auto;
    max-width: 1500px;
    overflow: hidden;
    padding: 2% 1%;
}
#primary.eventslist .events-header {
    background: #1e71a0; /* Old browsers */
    background: -moz-linear-gradient(left,  #1e71a0 0%, #681683 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #1e71a0 0%,#681683 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #1e71a0 0%,#681683 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e71a0', endColorstr='#681683',GradientType=1 ); /* IE6-9 */
    padding: 30px 2%;
    text-align: center;
}
#primary.eventslist .banner-ad {
    max-width: 1000px;
}
.banner-ad {
    margin: 0 auto;
    width: 100%;
}
#primary.eventslist .list-view-item {
    margin: 0 0 20px;
    padding: 0 0 20px;
}
#primary.eventslist .list-view .dates {
    left: 0;
    top: 0;
}
#primary.eventslist .list-view-item img {
    margin: 10px 2% 2% 10px;
    max-width: 22%;
    width: 100%;
}
#primary.eventslist .list-view-item .list-view-details {
    padding: 10px 0;
}
#primary.eventslist .list-view-item .ticket-price { margin-top: 15px; }

/* =Venues
-------------------------------------------------------------- */
#primary.venues {
    background: none;
    border: medium none;
    max-width: 100%;
    width: 100%;
    padding: 10px;
}
#wrapper .spotlight-venues {
    display: block;
    margin: 0 auto 3%;
    overflow: hidden;
}
#wrapper .spotlight-venues .fullwidth {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #f5f5f5;
    border-radius: 5px;
    font-weight: normal;
    display: inline-block;
    margin: 2px auto;
    overflow: hidden;
    padding: 1%;
    width: 100%;
}
#wrapper .spotlight-venues .thumb {
    float: left;
    height: 250px;
    margin-right: 2%;
    width: 30%;
}
.spotlight-venues h3 {
    font-size: 24px;
    font-weight: 800;
    line-height: 32px;
    margin: 5px 0;
    text-transform: uppercase;
}
.spotlight-venues .address {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    margin: 0 0 2%;
    text-transform: uppercase;
}
.spotlight-venues .description {
    color: #666666;
    display: block;
    margin: 1% 0 2%;
}
.spotlight-venues a {
    background: #238560 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    display: table;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.06em;
    margin: 20px 0 0;
    padding: 6px 22px;
    text-transform: uppercase;
}
.spotlight-venues a:hover { background: #111; }


/* More Venues */
#wrapper .all-venues .venue {
    float: left;
    font-size: 13px;
    font-weight: normal;
    line-height: 22px;
    list-style: outside none none;
    margin: 0 auto 3%;
    max-width: 25%;
    min-height: 300px;
    padding: 0 1%;
    vertical-align: top;
    width: 100%;
}
.all-venues .thumb {
    height: 180px;
    margin: 0 auto 2%;
    width: 100%;
    border: 1px solid #f5f5f5;
}
.all-venues h3 {
    font-size: 18px;
    line-height: 18px;
    margin: 12px auto 6px;
    text-transform: uppercase;
}
.all-venues a {
    background: #DDDDDD;
    border-radius: 5px;
    color: #616161;
    display: table;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.04em;
    margin: 10px 0 0;
    padding: 5px 25px;
    text-transform: uppercase;
}
.all-venues a:hover {
    background: #652E77;
    color: #FFFFFF;
}

/* =TF Standard Event Listing
-------------------------------------------------------------- */
#wrapper .list-view-heading {}
#wrapper .list-view-title {}
#wrapper .calendar-link {position: relative;} 
#wrapper .calendar-link:after {
  content: "\f073"; 
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #000;
  font-size:1.5em;
  position: absolute;
  top: 0;
  right: 0;
  }
#wrapper .calendar-link a {padding-right: 24px;}
#wrapper .calendar-link a:hover {}
#wrapper .list-view-item .list-view-details {
    float: left;
    padding: 0 5px;
}
#wrapper .list-view-item {
    border: none;
    border-bottom: 1px solid #EDEDED;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    padding: 20px 2% 25px;
    position: relative;
}
#wrapper .list-view-item:nth-last-child(2) { border-bottom: none; }
#wrapper .list-view-item img {
    border: 1px solid #f5f5f5;
    margin: 2px 2% 0 5px;
    max-width: 28%;
    width: 100%;
}
#wrapper .event-status-message {
    background: #F1E55C none repeat scroll 0 0;
    color: #353319;
    display: inline-block;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 13px;
    margin: 0 0 10px;
    padding: 7px 12px;
    text-transform: uppercase;
}
#wrapper .list-view-item .topline-info {
    margin: 0 auto 5px;
}
#wrapper .list-view .age-restriction { margin: 10px 0;}
#wrapper .list-view-item .times { margin: 5px 0 0; }
#wrapper .topline-info {
    color: #652e77;
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
    margin: 5px 0 15px;
}
#wrapper .list-view h1.headliners a {
    color: #111111;
    display: block;
    font-size: 24px;
    font-weight: 800;
    line-height: 27px;
    margin: 0 auto 5px;
    text-decoration: none;
    text-transform: uppercase;
}
#wrapper .list-view .supports a, #wrapper .list-view .supports.event-summary {
    color: #111111;
    display: block;
    font-size: 16px;
    line-height: 18px;
    text-decoration: none;
}

#wrapper .list-view .supports a:hover,
#wrapper .list-view h1.headliners a:hover { color: #652E77; }
#wrapper .times {
    font-size: 13px;
    font-weight: normal;
    margin: 20px 0 0;
}

/* Unique Date Markers */
#wrapper .list-view-item .dates { left: 1.5%;}
#wrapper .dates {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 700 !important;
    left: 0;
    letter-spacing: 0.04em;
    line-height: 18px;
    max-width: 60px;
    padding: 8px 11px;
    position: absolute;
    top: 15px;
    width: 100%;
    z-index: 999;
}
#wrapper .dates::before {
    border-right: 80px solid transparent;
    border-top: 80px solid #434343;
    clear: both;
    content: "";
    left: 0;
    position: inherit;
    top: 0;
    z-index: -1;
}
#wrapper .dates .endate.dtend { display: none;}
#wrapper .venue {
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;
    margin-top: 10px;
    text-transform: uppercase;
}

/* Date Marker Venue / Colors */
/* vic theater */
#wrapper .tfly-venue-id-5035 .dates::before, #wrapper .tfly-venue-id-14039 .dates::before,
#wrapper .eb-venue-id-35305085 .dates::before, #wrapper .tfly-venue-id-35309891 .dates::before {border-top: 80px solid #C1162A;}

/* park west */
#wrapper .tfly-venue-id-16751 .dates::before,
#wrapper .eb-venue-id-35053395 .dates::before, #wrapper .eb-venue-id-35302993 .dates::before {border-top: 80px solid #1747C3;}

/* riviera theater */
#wrapper .tfly-venue-id-561 .dates::before,
#wrapper .eb-venue-id-35303065 .dates::before, #wrapper .eb-venue-id-36388771 .dates::before {border-top: 80px solid #760000;}

/* lincolon Hall */
#wrapper .tfly-venue-id-5619 .dates::before,
#wrapper .eb-venue-id-38191269 .dates::before {border-top: 80px solid #B5AF8C;}

/* Date Marker Venue Name Colors */
/* vic theater */
#wrapper .tfly-venue-id-5035 .venue, #wrapper .tfly-venue-id-14039 .venue,
#wrapper .eb-venue-id-35305085 .venue, #wrapper .eb-venue-id-35309891 .venue { color: #C1162A; }

/*park west */
#wrapper .tfly-venue-id-16751 .venue,
#wrapper .eb-venue-id-35053395 .venue, #wrapper .eb-venue-id-35302993 .venue { color: #1747C3; }

/* riviera theater */
#wrapper .tfly-venue-id-561 .venue,
#wrapper .eb-venue-id-35303065 .venue, #wrapper .eb-venue-id-36388771 .venue { color: #760000; }

/* lincolon hall */
#wrapper .tfly-venue-id-5619 .venue,
#wrapper .eb-venue-id-38191269 .venue { color: #B5AF8C; }


#wrapper .sidebar-list li::before {
    border-right: 10px solid transparent;
    border-top: 10px solid #434343;
    content: "";
    float: left;
    margin-left: 5px;
    margin-right: 10px;
    margin-top: 15px;
    position: inherit;
    z-index: -1;
}
/* Date Marker Venue Name Colors */
/* vic */
#wrapper .sidebar-list li.tfly-venue-id-5035::before, #wrapper .sidebar-list li.tfly-venue-id-14039::before,
#wrapper .sidebar-list li.eb-venue-id-35305085::before, #wrapper .sidebar-list li.eb-venue-id-35309891::before { border-top: 10px solid #C1162A; }

/*park west */
#wrapper .sidebar-list li.tfly-venue-id-16751::before,
#wrapper .sidebar-list li.eb-venue-id-35053395::before,#wrapper .sidebar-list li.eb-venue-id-35302993::before { border-top: 10px solid #1747C3; }

/* riviera */
#wrapper .sidebar-list li.tfly-venue-id-561::before,
#wrapper .sidebar-list li.eb-venue-id-35303065::before,#wrapper .sidebar-list li.eb-venue-id-35303065::before { border-top: 10px solid #760000; }

/* lincolon Hall */
#wrapper .sidebar-list li.tfly-venue-id-5619::before,
#wrapper .sidebar-list li.eb-venue-id-38191269::before { border-top: 10px solid #B5AF8C; }


/* Date Marker on EDP */
#wrapper .event-detail .dates::before {
    border-right: 100px solid transparent;
    border-top: 100px solid #434343;
    clear: both;
    content: "";
    left: 0;
    position: inherit;
    top: 0;
    z-index: -1;
}
/* vic */
#wrapper .tfly-venue-id-5035 .dates::before, #wrapper .tfly-venue-id-14039 .dates::before,
#wrapper .eb-venue-id-35305085 .dates::before, #wrapper .eb-venue-id-35309891 .dates::before {border-top: 100px solid #C1162A;}

/* park west */
#wrapper .tfly-venue-id-16751 .dates::before,
#wrapper .eb-venue-id-35053395 .dates::before,#wrapper .eb-venue-id-35302993 .dates::before {border-top: 100px solid #1747C3;}

/* riviera */
#wrapper .tfly-venue-id-561 .dates::before,
#wrapper .eb-venue-id-35303065 .dates::before, #wrapper .eb-venue-id-35303065 .dates::before {border-top: 100px solid #760000;}

/* lincolon hall */
#wrapper .tfly-venue-id-5619 .dates::before,
#wrapper .eb-venue-id-38191269 .dates::before {border-top: 100px solid #B5AF8C;}



/* =Event Grid View
-------------------------------------------------------------- */
/* List View - Grid */
#wrapper .listing-toogle {
    float: right;
    padding: 4px 0 0;
    text-align: right;
    width: auto;
}
#wrapper .listing-toogle button {
    background: none;
    color: #BBBBBB;
    display: inline-block;
    font-size: 23px;
    padding: 0 7px;
    margin: 0;
    width: auto;
    outline: none;
}
#wrapper .listing-toogle button:hover {
    color: #111111;
}

/* Active Toggle */
#wrapper .listing-toogle button { color: #111111; }
#wrapper .listing-toogle button:last-child { color: #BBBBBB;}
#wrapper .listing-toogle button.grid { color: #BBBBBB; }
#wrapper .listing-toogle button.grid:last-child { color: #111111;}

#wrapper .list-view.grid {
    padding: 2% 1%;
}
#wrapper .list-view.grid .list-view-item {
    border-bottom: 0 none;
    display: inline-block;
    height: 550px;
    margin: 0 10px;
    padding: 0;
    vertical-align: top;
    width: 31%;
}
#wrapper .list-view.grid .dates {
    left: 1px;
    top: 1px;
}
#wrapper .list-view.grid .list-view-item img {
    margin: 0 auto 10px;
    max-width: 100%;
    width: 100%;
}
#wrapper .list-view.grid .list-view-item .list-view-details {
    padding: 0;
    max-width: 100%;
    width: 100%;
}
#wrapper .list-view.grid .topline-info {
    font-size: 12px;
    line-height: 14px;
}
#wrapper .list-view.grid h1.headliners a {
    font-size: 22px;
    line-height: 22px;
    margin: 0;
}
#wrapper .list-view.grid .supports a,
#wrapper .list-view.grid .supports.event-summary {
    font-size: 14px;
    line-height: 18px;
    margin: 0;
}
#wrapper .list-view.grid .venue {
    font-size: 13px;
    margin: 10px 0 0;
}
#wrapper .list-view.grid .age-restriction {
    font-size: 12px;
    line-height: 12px;
}
#wrapper .list-view.grid .ticket-price {
    clear: left;
    display: block;
    float: left;
    margin-top: 10px;
    width: 100%;
}
#wrapper .list-view.grid .price-range {
    font-size: 13px;
    line-height: 20px;
    margin: 8px 0 0;
    display: block;
    text-align: left;
}

/* Full Width Adjustments */
#wrapper .eventslist .list-view.grid { padding: 0;}
#wrapper .eventslist .list-view.grid .list-view-item {
    float: left;
    height: 560px;
    margin: 0 0.75%;
    padding: 0;
    width: 23.5%;
}


/* =Event Detail
-------------------------------------------------------------- */
#wrapper .event-detail .event-description{
	padding:1% 3%;
}
#wrapper .event-detail .event-description p{
    margin-bottom: 1.5em;
}
#wrapper .event-detail .event-description img{
	max-width: 100%;
}
#wrapper .event-detail .event-description div{
	margin-left:0px !important;
}
#wrapper .share-button{
	display: inline-block;
	width: auto;
	float: none;
	padding: 3px 10px;
}
body.page-template-default #primary.content-area {
    background: #f7f7f7 none repeat scroll 0 0;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    padding: 0;
}
#wrapper .venue {font-weight: bold;margin-bottom:0;}
#wrapper .city-state {}
#wrapper .event-detail .artist-boxes .artist-name {}
#wrapper .event-detail .artist-boxes ul.links li {}

/* Event Top Box */
#wrapper .event-detail .event-info {
    background: #fff none repeat scroll 0 0;
    margin: 0 auto;
    overflow: visible;
    padding: 30px 3% 30px 50%;
}
#wrapper .event-info .dates {
    left: 2%;
    top: 25px;
}
#wrapper .event-detail img {
    float: left;
    height: auto;
    margin: 3.5% 3% 5%;
    max-width: 45%;
    width: 100%;
    border: 1px solid #F5F5F5;
}
#wrapper .event-detail address.location{margin: 0px;}
#wrapper .event-detail .venue {
    display: block;
    margin: 5px 0 10px;
}
#wrapper .event-detail .times {
    font-size: 14px;
    letter-spacing: 0;
}
#wrapper .age-restriction {
    color: #757575;
    float: left;
    font-size: 13px;
    font-style: italic;
    font-weight: 300;
    line-height: 16px;
    margin: 10px 0;
    width: 97%;
}
#wrapper .event-detail .headliners {
    color: #111111;
    font-size: 26px;
    font-weight: 800;
    line-height: 30px;
    margin: 10px 0 5px;
    text-transform: uppercase;
}
#wrapper .list-view .supports, #wrapper .event-detail .supports {
    color: #111111;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    margin: 0 auto 10px;
    text-transform: uppercase;
}
#wrapper .event-detail .additional-event-info {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #666666;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    margin: 10px 0;
    padding: 10px 0;
    text-transform: none;
}
#wrapper .event-detail .additional-event-info span {
    font-size: inherit !important;
    font-style: inherit !important;
    font-weight: inherit !important;
}
#wrapper .event-detail .additional-event-info p { margin: 0 auto 10px;}
#wrapper .event-detail .event-info .ticket-price {
    margin: 0 auto 2%;
}
#wrapper .event-detail .event-info .ticket-price a { max-width: 225px; }


/* Toolbox / Share Section */
#toolbox {
    float: left;
    margin: 3% 10px 1%;
    max-width: 300px;
    width: 100%;
}
div.calendar-sync {
    float: left;
    width: 100px;
}
div.calendar-sync a, #toolbox a {
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: all 0 none;
  transition: none;
}
h4.share-text {
    color: #999;
    display: block;
    font-family: "Open Sans",Helvetica,helvetica;
    font-size: 11px;
    font-weight: normal;
    line-height: 20px;
    margin-top: 24px;
}

/* Artist Bio Boxes */
#wrapper .artist-boxes {
    background: #fafafa none repeat scroll 0 0;
    border-bottom: 1px solid #f5f5f5;
    border-top: 1px solid #f5f5f5;
    padding: 1% 3%;
}
#wrapper .artist-boxes img.bio-image-right {
    border: 1px solid #f5f5f5;
    float: right;
    height: auto;
    margin: 0 0 2% 2%;
    max-width: 175px;
    width: 100%;
}
#wrapper .artist-headline { margin: 0 auto 12px;}
#wrapper .artist-box-headliner, #wrapper .artist-box-support {
    border-top: 1px solid #eeeeee;
    display: block;
    margin: 0 auto 20px;
    padding: 10px 0;
}
#wrapper .artist-box-headliner:first-child { border-top: none; }
#wrapper .event-detail .artist-headline .artist-name {
    color: #161517;
    display: block;
    font-size: 22px;
    font-weight: 800;
    line-height: 26px;
    margin: 2% auto 5px;
    text-transform: uppercase;
}

/* Inline Links */
#wrapper .inline-links li {
    display: inline-block;
    height: 30px;
    overflow: hidden;
    vertical-align: middle;
    width: 30px;
}
#wrapper ul.tfly-more li { margin-top: 0; }
#wrapper ul.tfly-more.inline-links a::before {
    font-size: 26px;
    padding-right: 26px;
    top: 0;
}
#wrapper .buy-music a {
    clear: both;
    display: flex;
    font-size: 0;
}
#wrapper .inline-links li a { color: #CCCCCC; }
#wrapper .inline-links li a:hover { color: #5746DE;}

/* Venue / Sponsor */
#wrapper .event-detail .venue-info {
    background: #f7f7f7;
    float: none;
    margin: 0 auto;
    overflow: hidden;
    padding: 3% 3% 5%;
}

#wrapper .event-detail .topline-info { margin-top: 45px; }
#wrapper .event-detail .sponsor-info {
    font-size: 0;
    margin: 0 auto;
    max-height: 100px;
    padding: 5px 0;
    position: absolute;
    right: 0;
    text-align: left;
    top: 0;
    width: 49%;
}
#wrapper .event-detail .sponsor-info a { display: none;}
#wrapper .event-detail .sponsor-info img {
    border: medium none;
    margin: 0 auto;
    max-height: 40px;
    width: auto;
}

/* Buttons / Ticket Status */
#wrapper .ticket-price {
    float: right;
    font-size: 13px;
    max-width: 165px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
#wrapper .dates, 
#wrapper .times {
    text-transform: uppercase;
}
#wrapper .price-range { font-weight: normal; }
#wrapper .event-info .price-range { text-align: left;display: block;}
 
#wrapper .tfly-calendar .ticket-link a,
#wrapper .calendar-view .ticket-link a, 
#wrapper .list-view .ticket-link a, 
#wrapper .event-detail .ticket-link a,
#wrapper .tfly-calendar button.ticket-link, 
#wrapper .calendar-view button.ticket-link, 
#wrapper .list-view button.ticket-link, 
#wrapper .event-detail button.ticket-link {
    background: #111111 none repeat scroll 0 0;
    border: 1px solid #111111;
    color: #FFFFFF;
    width: 100%;
    padding: 6px;
    text-decoration: none;
    font-weight: 700;
    font-family: 'Open Sans', Helvetica, sans-serif;
    letter-spacing: 0.03em;
    line-height: 26px;
    font-size: 13px;
}

#wrapper .list-view .custom:hover, 
#wrapper .list-view .custom a:hover, 
#wrapper .event-detail .future-sale a:hover,
#wrapper .list-view .future-sale a:hover,
#wrapper .tfly-calendar .ticket-link a:hover,
#wrapper .calendar-view .ticket-link a:hover,
#wrapper .list-view .ticket-link a:hover,
#wrapper .event-detail .ticket-link a:hover,
#wrapper .tfly-calendar button.ticket-link:hover,
#wrapper .calendar-view button.ticket-link:hover,
#wrapper .list-view button.ticket-link:hover,
#wrapper .event-detail button.ticket-link:hover {
  background: #652E77;
  color: #FFFFFF;
  border: 1px solid #652E77;
}

#wrapper .custom a {}
#wrapper .off-sale {}
#wrapper .future-sale a:hover, 
#wrapper .on-sale-soon:hover, 
#wrapper .custom:hover {}
#wrapper .free {} 

#wrapper .event-detail .ticket-link a, 
#wrapper .event-detail button.ticket-link, 
#wrapper .event-detail .cancelled, 
#wrapper .event-detail .sold-out,  
#wrapper .event-detail .sales-ended, 
#wrapper .event-detail .unavailable,  
#wrapper .event-detail .postponed, 
#wrapper .event-detail .rescheduled, 
#wrapper .event-detail .free, 
#wrapper .event-detail .future-sale a, 
#wrapper .event-detail .on-sale-soon, 
#wrapper .event-detail .custom, 
#wrapper .event-detail .off-sale {
    margin: 15px 0 5px;
    width: 100%;
    max-width: 165px;
}
#wrapper .tfly-calendar .ticket-link,
#wrapper .calendar-view .ticket-link, 
#wrapper .list-view .ticket-link a, 
#wrapper .list-view button.ticket-link, 
#wrapper .list-view .cancelled, 
#wrapper .list-view .sold-out, 
#wrapper .list-view .sales-ended,
#wrapper .list-view .unavailable,  
#wrapper .list-view .postponed, 
#wrapper .list-view .rescheduled, 
#wrapper .list-view .free, 
#wrapper .list-view .future-sale a, 
#wrapper .list-view .on-sale-soon, 
#wrapper .list-view .custom, 
#wrapper .list-view .off-sale {
    width: 100%;
    max-width: 165px;
    display: block;
}
#wrapper .cancelled, 
#wrapper .sold-out, 
#wrapper .sales-ended,
#wrapper .unavailable,  
#wrapper .postponed, 
#wrapper .rescheduled, 
#wrapper .off-sale,
#wrapper .event-detail .tickets-at-the-door, 
#wrapper .list-view .tickets-at-the-door, 
#wrapper .list-view .rescheduled, 
#wrapper .list-view .cancelled
#wrapper .list-view .off-sale {    
    background: #FAFAFA none repeat scroll 0 0;
    border: 1px solid #737373;
    border-radius: 3px;
    color: #737373;
    padding: 6px;
    max-width: 165px;
}
#wrapper .tickets-at-the-door, 
#wrapper .future-sale a, 
#wrapper .on-sale-soon, 
#wrapper .custom a {
    background: #111111 none repeat scroll 0 0;
    border: 1px solid #111111;
    color: #ffffff;
    display: block;
    line-height: 1.2em;
    padding: 6px;
    text-decoration: none;
    width: 100%;
    max-width: 165px;
}
#wrapper .custom { padding: 0;}

/* Extra - EDP Buttons */
#wrapper .event-detail .event-info .ticket-price {
    display: block;
    margin: 0 auto;
    max-width: 97%;
    width: 100%;
}

/* Extra - Ticket Buttons */
#wrapper .ticket-price .cancelled {
    background: #c1162a none repeat scroll 0 0;
    border: 1px solid #c1162a;
    color: #fff;
}
#wrapper .ticket-price .tickets-at-the-door {
    padding: 12px;
}
#wrapper .ticket-price .free {
    background: #299c70 none repeat scroll 0 0;
    border: 1px solid #299c70;
    color: #fff;
}

/* Grouped Events - Listing */
#wrapper .event-group-times {
    float: right;
    max-width: 180px;
    text-align: center;
    text-transform: uppercase;
    width: 20%;
}
#wrapper .event-group-times .date-time {
    border-bottom: 1px solid #EFEFEF;
    padding: 5px;
}
#wrapper .event-group-times .date-time a { 
    color: #5746DE; 
    text-decoration: none; 
}

/* =Calendar
-------------------------------------------------------------- */
#wrapper .tfly-calendar .calendar-sync, #wrapper .tfly-calendar .calendar-list-flip,
#wrapper .calendar-view .calendar-sync, #wrapper .calendar-view .calendar-list-flip{ display: none; }
#wrapper .tfly-calendar table,
#wrapper .calendar-view table {
  margin-bottom: 30px;
  border: 0;
  border-collapse: separate;
  border-spacing: 3px 10px;
}
#wrapper .tfly-calendar .one-event,
#wrapper .calendar-view .one-event {
  overflow-wrap: break-word;
}
#wrapper .tfly-calendar td,
#wrapper .calendar-view td {padding: 0px;text-align: center;}
#wrapper .tfly-calendar tr td.data,
#wrapper .calendar-view tr td.data {border: 0;}
#wrapper .tfly-calendar td.data.vevent,
#wrapper .calendar-view td.data.vevent {
    border: 1px solid #f5f5f5;
    height: 100px;
}
#wrapper .tfly-calendar tr,
#wrapper .calendar-view tr {border:0;}
#wrapper .tfly-calendar table tr .month,
#wrapper .calendar-view table tr .month { font-size: 28px; line-height: 42px;}
#wrapper .tfly-calendar .date ,
#wrapper .calendar-view .date {
  background: #EDEDED;
  display: block;
  color: #111;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  padding: 5px;
}
#wrapper .tfly-calendar .calendar-image,
#wrapper .calendar-view .calendar-image {
    margin-bottom: 5px;
}
.tfly-calendar h1.headliners a,
.calendar-view h1.headliners a {
    display: block;
    font-size: 16px;
    font-weight: normal;
    line-height: 18px;
    margin: 5px 0;
    text-decoration: none;
}
.tfly-calendar .supports a,
.calendar-view .supports a {
    display: block;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 3px;
    text-decoration: none;
}
#wrapper .tfly-calendar .venue,
#wrapper .calendar-view .venue {
    color: #999;
    font-size: 11px;
    font-weight: normal;
    letter-spacing: 0.03em;
    line-height: 14px;
    margin: 12px auto;
    text-transform: none;
}
#wrapper .tfly-calendar .ticket-link a,
#wrapper .tfly-calendar button.ticket-link,
#wrapper .calendar-view .ticket-link a,
#wrapper .calendar-view button.ticket-link {
    font-size: 13px;
    margin: 0 auto;
    padding: 7px;
    width: 93%;
}
#wrapper .tfly-calendar .cancelled, 
#wrapper .tfly-calendar .sold-out, 
#wrapper .tfly-calendar .sales-ended, 
#wrapper .tfly-calendar .unavailable, 
#wrapper .tfly-calendar .postponed, 
#wrapper .tfly-calendar .rescheduled,
#wrapper .tfly-calendar .free, 
#wrapper .tfly-calendar .tickets-at-the-door, 
#wrapper .tfly-calendar .future-sale a, 
#wrapper .tfly-calendar .on-sale-soon, 
#wrapper .tfly-calendar .custom, 
#wrapper .tfly-calendar .off-sale,
#wrapper .calendar-view .cancelled, 
#wrapper .calendar-view .sold-out, 
#wrapper .calendar-view .sales-ended, 
#wrapper .calendar-view .unavailable, 
#wrapper .calendar-view .postponed, 
#wrapper .calendar-view .rescheduled,
#wrapper .calendar-view .free, 
#wrapper .calendar-view .tickets-at-the-door, 
#wrapper .calendar-view .future-sale a, 
#wrapper .calendar-view .on-sale-soon, 
#wrapper .calendar-view .custom, 
#wrapper .calendar-view .off-sale {
    margin: 10px auto;
    width: 100%;
    max-width: 80%;
    font-size: 12px;
    line-height: 15px;
    padding: 10px;
    text-align: center;
}




/* =Pages
-------------------------------------------------------------- */
div.entry-content {
    clear: left;
    margin: 0 auto;
    padding: 0;
}
div.entry-content a{ text-decoration: underline; }
div.entry-content.non-event { padding: 0; }
body.home .entry-header {
    display: none;
}


/* edit link */
span.edit-link a {
    background: #f5f5f5 none repeat scroll 0 0;
    border: 1px solid #f5f5f5;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    font-weight: normal;
    line-height: 11px;
    margin: 15px 0 0;
    padding: 8px 11px 6px;
    text-decoration: none;
    text-transform: uppercase;
}
span.edit-link a:hover{
    border: 1px solid #111;
    background: #111;
    color: #FFF;
}

/* 404 */
body.error404 #primary.content-area {
    padding: 2%;
}
#primary .error-404 h1 {
    color: #f1e55c;
    font-size: 75px;
    letter-spacing: 0;
    line-height: 68px;
    margin-top: 5%;
    width: 85%;
}
#primary .error-404 .page-content {
    margin: 30px 0;
}



/* Search */
body.page-template-page-search .content-area-adjust {
    max-width: 100%;
}
#wrapper .search-results-message {
    color: #666666;
    font-size: 14px;
    font-style: italic;
    letter-spacing: 0.02em;
    line-height: 20px;
    padding: 0 0 30px;
}

/* Blogs */
article.type-post:first-child { padding-top: 0; }
article.type-post {
    border-bottom: 1px dotted #ddd;
    margin: 0 auto;
    overflow: hidden;
    padding: 20px 0;
}
article .entry-header {
    background: #F7F7F7;
    margin: 0;
    padding: 2%;
}
h1.entry-title {
    color: #652E77;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: 0.06em;
    line-height: 28px;
    text-transform: uppercase;
}
.entry-meta, .entry-meta a {
    color: #999999;
    font-size: 13px;
    line-height: 18px;
    margin: 10px auto;
}
.single .byline, .group-blog .byline {
    display: none;
}
a.moretag { text-decoration: underline;}
.nav-links {
    border-top: 2px solid #111;
    overflow: hidden;
    padding-top: 15px;
    z-index: 9999;
}
.nav-links .nav-previous a, 
.nav-links .nav-next a {
    display: block;
    font-size: 16px;
    line-height: 20px;
    padding: 7px 0;
}
.nav-links .meta-nav {
    display: none;
}
/* blogs - featured images */
.excerpt-thumb img{
    border: 2px solid #DDD;
    float: left;
    margin-right: 20px;
    max-width: 250px;
    width: 100%;
}
.excerpt-thumb img:hover{
    border: 2px solid #111;
}



/* gallery post format */
aside.format-gallery {overflow:auto;}

p.gallery {font-size:1em;color: #666;}
div.gallery-thumb-wrap {
    width: 33.3%;
    float: left;
    padding: 1%;
    margin: 0px 0px 2%;
    display: block;
}
h4.gallery-title a{
    font-size: 20px;
    line-height: 22px;
    margin: 10px 0 5px;
    text-decoration: none;
}
a.gallery-thumb {
    background: #000 none repeat scroll 0 0;
    border: 2px solid #EDEDED;
    display: block;
    height: 200px;
    margin: 0 auto 10px;
    overflow: hidden;
}
a.gallery-thumb:hover { border-color: #111; }
p.gallery-text a{
    color: #999999;
    font-style: italic;
    font-size: 13px;
    margin: 5px 0 0;
    line-height: 15px;
    text-decoration: none;
}

.gallery-item {
    display: inline-block;
    padding: 0;
    text-align: center;
    vertical-align: top;
    width: 100%;
}
.gallery-icon img {
    border: 2px solid #EDEDED !important;
    display: block;
    margin: 10px auto;
}
.gallery-icon img:hover { border-color: #111; }
.gallery-caption { font-size: 11px; line-height: 16px;}

#fancybox-title-over { display: none !important; }


/* =About Us
-------------------------------------------------------------- */
body.page-template-page-about {
    background: #010103 url("images/about-bg.jpg") no-repeat scroll center top / 100% auto;
}
body.page-template-page-about #primary {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    padding: 80px 2%;
    text-align: center;
    width: 100%;
}
#primary.about .container {
    margin: 0 auto;
    max-width: 1300px;
    padding: 0 2%;
    width: 100%;
}
#primary.about h3 {
    color: #fff;
    font-size: 22px;
    line-height: 28px;
    margin: 20px 0;
    text-transform: uppercase;
}
.about-bio {
    margin: 0 auto;
    max-width: 900px;
}
.spotlight-section {
    margin: 350px 0 200px;
    overflow: hidden;
    text-align: left;
}
.spotlight-section h3 { text-align: center; }
.spotlight-section .half {
    display: inline-block;
    padding: 2%;
    vertical-align: top;
    width: 49%;
}
.spotlight-section .half p, .about-contact p  { color: #fff; }
.about-contact {
    margin: 0 auto;
    max-width: 800px;
    padding: 0 2% 2%;
}
div.wpcf7 {
    margin: 15px 0 0;
    padding: 0;
}


/* =Footer
-------------------------------------------------------------- */
#footer {
    background: #141414;
    border: 0 none;
    clear: both;
    color: #9AA6B2;
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
}
#footer .container {
    max-width: 100%;
    overflow: hidden;
    padding: 25px 2% 15px;
    width: 100%;
}
#footer p a { color: #9AA6B2; text-decoration: underline; }
#footer p a:hover { color: #FFFFFF; }
#footer p { width: auto; float: left; font-size: 13px; line-height: 16px; font-weight: 300; margin: 2px auto 0; }

/* Social Icons */
#footer .social-icons { float: left; margin-right: 2%;}
#footer .social-icons a {
    color: #FFFFFF;
    font-size: 20px;
    margin: 0 5px;
}
#footer .social-icons a:hover { color: #299C70;}

/* TicketFly Powered Logo */
#footer .tfly-powered, #footer .eb-powered { float: right; margin-left: 2%;}
#footer .eb-powered{margin-top: -50px;}
.icon-ticketfly_powered_logo:before,
#footer .powered-by, #footer .ico-eventbrite-wordmark { color: #FFFFFF !important; }
/* Cool Footer Gradient */
.footer.gradient {
    height: 8px;
    background: #9736c1; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #9736c1 0%, #4771d3 51%, #42b589 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  #9736c1 0%,#4771d3 51%,#42b589 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  #9736c1 0%,#4771d3 51%,#42b589 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9736c1', endColorstr='#42b589',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}



/* =Mobile (Media Queries)
-------------------------------------------------------------- */
@-ms-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
/* Small Screens ----------- */
@media only screen and (max-device-width: 1024px),  only screen and (max-device-width: 1024px), only screen and (max-width: 980px) {
  #primary, #primary.calendar { width: 100%; max-width: 100%; float: none; padding: 0;}
  #secondary { width: 100%; max-width: 100%; float: none; padding: 2%; vertical-align: top;}
  #secondary aside { float: left; display: inline-block; margin: 1% 1% 3%; max-width: 48%; vertical-align: top; width: 48%;}
  #secondary #text-2, #secondary #text-6, #secondary #text-0, #fb-root { display: none;}
  .content-area-adjust { display: block; }

  /* Venues Page */
  #wrapper .spotlight-venues .thumb { width: 40%; }
  #wrapper .all-venues .venue { width: 33.3%; min-height: 320px; }

  /* Events List */
  #primary.eventslist .events-header { padding: 20px 0; }
  #primary.eventslist .events-header .banner-ad img { max-height: 90px; width: auto;}
  #primary.eventslist .list-view-item img { width: 28%; }
  #wrapper .price-range { line-height: 24px; text-align: left;}

  /* About */
  body.page-template-page-about #primary { padding: 30% 2% 10%; }
  .about-bio { color: #acb9c0; }
  .spotlight-section { margin: 4% auto 6%;}
}

/* iPads (portrait) ----------- */
@media only screen and (max-device-width: 640px),  only screen and (max-device-width: 775px), only screen and (max-width: 768px) {

  header .social-icons { display: none; }
  header.site-header .container { padding: 0; }
  h1.site-title a { margin: 0 auto; }
  #secondary aside { max-width: 100%; margin-bottom: 20px;}


  /* Mobile Navigation */
  .main-navigation ul { display: none;}

  /* Mobile Menu */
  div.site-branding { position: absolute; margin: 10px;}
  header#masthead { height: auto; width: 100%; min-height: 80px; overflow: hidden; padding: 0;}
#topnav {
    float: none;
    left: 0;
    margin: 0 auto;
    position: relative;
    text-align: right;
    top: 0;
    width: 100%;
}
  .menu-toggle, .main-navigation.toggled .nav-menu {
      background: none;
      clear: left;
      color: #FFFFFF;
      display: block;
      width: auto;
  }
.menu-toggle {
    font-size: 0;
    margin: 26px 3% 22px;
}
  .menu-toggle::before { font-size: 22px; font-family: 'FontAwesome', Helvetica; content: "\f0c9"; color: #299c70;}

  .main-navigation.toggled .nav-menu { color: #FFF; width: 100%;}
  .menu-main-navigation-container li {
      background: #07020A none repeat scroll 0 0;
      border-bottom: 1px solid #241E27;
      display: block !important;
      float: none;
      padding: 5px 0;
      text-align: left;
      width: 100%;
  }
  .menu-main-navigation-container li:last-child { border-bottom: none; }
  #topnav ul li a { color: #FFFFFF; padding: 8px 20px;}


  /* Event Detail Page */
  body.page-template-default #primary.content-area { border: none; background: #FFF; }
  #wrapper .event-detail .event-info .dates { left: 10px; top: 10px;}
  #wrapper .event-detail .topline-info { margin-top: 0; }
  #wrapper .event-detail img { float: none; margin: 9px; max-width: 95%;}
  #wrapper .times  { margin: 5px 0 20px; }
  #wrapper .event-detail .event-info { display: block; margin: 0; padding: 0 3%; width: 100%;}
  #wrapper .artist-boxes { padding: 20px 3%; }
  #wrapper .artist-boxes img.bio-image-right { max-width: 125px; }
  #wrapper .bio { font-size: 12px; line-height: 20px;}
  .sponsor-info { display: none;}
  #wrapper .event-detail .venue-info { padding: 20px 3%; }
  #wrapper .event-detail .additional-event-info { padding: 15px 0; margin: 0 auto; width: auto; }
  #wrapper .age-restriction { display: block; width: 100%;}
  #wrapper .event-detail .event-info .ticket-price, #wrapper .event-detail .ticket-link a,#wrapper .event-detail button.ticket-link, #wrapper .event-detail .cancelled, #wrapper .event-detail .sold-out, #wrapper .event-detail .sales-ended, #wrapper .event-detail .unavailable, #wrapper .event-detail .postponed, #wrapper .event-detail .rescheduled, #wrapper .event-detail .free, #wrapper .event-detail .future-sale a, #wrapper .event-detail .on-sale-soon, #wrapper .event-detail .custom, #wrapper .event-detail .off-sale { max-width: 100%; }
  #wrapper .event-detail .age-restriction { padding: 0; }

  /* Events */
  #primary.eventslist .events-header { padding: 12px 0; }
  .banner-ad { max-width: 95%; }
  #wrapper .search-results-message { padding: 15px 1%; }
  #wrapper .age-restriction { margin: 10px 0; }
  #toolbox { margin: 10px 0 20px; }

  /* ---Views---- */
  #wrapper .eventslist .list-view.grid .list-view-item { margin: 0 1%; width: 48%;}
  #primary.eventslist .list-view-item img { margin: 0 auto 4%; max-width: 100%; width: 100%; border: none;}

  /* Venues */
  #wrapper .spotlight-venues .fullwidth { padding: 1.5%; }
   #wrapper .all-venues .venue { width: 33.3%; max-width: 33.3%; }
   .all-venues .thumb { height: 140px; }
   #wrapper .spotlight-venues .thumb { height: 240px; width: 46%; margin-right: 4%;}   
   #wrapper .spotlight-venues .description { font-size: 13px; line-height: 20px; width: 98%;}

  #tfly-featured-events ul li img,
  #eb-featured-events ul li img {
      border: medium none;
      max-width: 100%;
      min-width: auto;
      position: absolute;
      top: 0;
      transform: none;
      width: 100%;
  }
  #tfly-featured-events #overlay h1 a,
    #eb-featured-events #overlay h1 a { font-size: 26px; line-height: 26px; }
  .date-venue .venue { margin: 0 auto; font-weight: 600; }

  #footer [class^="icon-ticketfly"], [class*=" icon-ticketfly"] { font-size: 22px !important; line-height: 20px !important; }

}
/* iPhone 6 - 4S ----------- */
@media only screen and (max-device-width: 640px),  only screen and (max-device-width: 667px), only screen and (max-width: 480px) {

  .menu-toggle { margin: 26px 20px 22px;}
  .menu-toggle::before { font-size: 26px; }
  h1.site-title a { height: 58px; }

  #footer p.copyright { width: 100%; font-size: 12px; line-height: 16px; text-align: center;}
  #footer .social-icons { width: 100%; float: none; margin: 0 auto 2%; text-align: center;}
  #footer .tfly-powered { display: none;}


  /* Structure */
  #content.site-content { display: block; }
  #secondary { width: 100%;}
  #secondary aside { display: inline-block; margin: 20px auto; padding: 0 2%; vertical-align: top; width: 100%;}

  .youtube-video-player-sidebar { display: none; }
  #wrapper .list-view-item { padding: 10px !important; }
  #wrapper .list-view-item .dates { left: 10px !important; top: 10px !important;}
  #wrapper .list-view-item img { margin: 0 auto 10px !important; max-width: 100%;}
  #wrapper .list-view-item .list-view-details { float: none; max-width: 100%; padding: 0;}
  #wrapper .list-view .dates { width: 100%; }
  #wrapper .list-view .ticket-price { float: left; margin: 10px auto !important;}

  /* TF Slider */
  #wrapper .home-slider { padding: 12px; }
  #wrapper #tfly-featured-events,
  #wrapper #eb-featured-events { height: 280px;}
  #wrapper #tfly-featured-events #overlay,
   #wrapper #eb-featured-events #overlay { width: 100%; }
  #wrapper #tfly-featured-events #grey-back,
  #wrapper #eb-featured-events #grey-back { width: 70%; }
  #tfly-featured-events #overlay h1,
  #eb-featured-events #overlay h1 {font-size: 22px; line-height: 20px;}
  #wrapper #tfly-featured-events #overlay .venue,
  #wrapper #eb-featured-events #overlay .venue , .banner-ad { display: none; }
  #tfly-featured-events ul.nav,
  #eb-featured-events ul.nav { bottom: 0; left: 2%; }
  
  /* Calendar */
  #wrapper .tfly-calendar td,
  #wrapper .calendar-view td {
      display: block;
      float: left;
      overflow: hidden;
      padding: 0;
      text-align: center;
      width: 100%;
  }
  #wrapper .tfly-calendar td.data.vevent,
   #wrapper .calendar-view td.data.vevent {
      border: 1px solid #f5f5f5;
      height: auto;
      margin: 1% auto;
      width: 100% !important;
  }
  #wrapper .tfly-calendar .one-event,
  #wrapper .calendar-view .one-event {
      padding: 5%;
  }
  #wrapper .tfly-calendar .date,
  #wrapper .calendar-view .date {
      font-size: 14px;
      line-height: 16px;
      padding: 10px 0;
  }
  #wrapper .tfly-calendar .calendar-image,
  #wrapper .calendar-view .calendar-image { width: 100%; border: none;}
  .tfly-calendar h1.headliners a,
  .calendar-view h1.headliners a { font-size: 26px; line-height: 26px; }
  .tfly-calendar .supports a,
  .calendar-view .supports a { font-size: 20px; line-height: 20px; }
  #wrapper .tfly-calendar .venue,
  #wrapper .calendar-view .venue { font-size: 13px; }
  #wrapper .tfly-calendar .ticket-link a,
    #wrapper .tfly-calendar button.ticket-link,
    #wrapper .calendar-view .ticket-link a,
    #wrapper .calendar-view button.ticket-link { font-size: 15px; max-width: 200px; padding: 12px; width: 100%;}
  
  /* About */
  body.page-template-page-about #primary { text-align: left; }
  .spotlight-section .half { display: block; width: 100%; padding: 0;}
  .about-contact { padding: 0 0 20px 0; }
  body.page-template-page-about #primary h3 { text-align: center; }
  
  /* Venues */
  #wrapper .spotlight-venues .thumb { height: 240px; margin: 0 auto 2%; width: 100%;}
  #wrapper .spotlight-venues .fullwidth { padding: 10px 10px 25px;}
  #wrapper .all-venues .venue { max-width: 50%; padding: 0 1.5%; width: 50%; min-height: 300px;}
  .all-venues .address { display: block; font-size: 12px; line-height: 18px; margin: 10px 0 15px;}
  .all-venues .thumb { height: 110px; }
  
  /* Events */
  .events-header { display: none;}
  #wrapper .listing-dropdown, #wrapper .listing-toogle { display: none; }
  .listing-search { max-width: 100%; padding: 0 3%;}
  
  /* ---Full Width Ticket button--- */
  #wrapper .event-detail .event-info .ticket-price { margin: 10px 0 20px; }
  #wrapper .event-detail .event-info .ticket-price a { font-size: 14px; letter-spacing: 0.06em; max-width: 100%; padding: 10px 0;}
}