/*
Theme Name: Bimbo's 365 Club (2017)
Theme URI: http://ticketfly.com/
Description: Child of Ticketfly Gold Parent based on _s
 Author: MB/Ticketfly D&DS
 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;
}

body {
  background: #000 url(images/black-scale-bg.jpg);
  color: #FFF;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.3;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  }

/* - - FONTS - -
-------------------------------------------------------------- */
.connect-widgets h2.widget-title,
#searchform .textform,
.tfly-email-subscribe-text,
.tfly-email-subscribe-submit,
#collapsed ul li a.toggle .expand {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400; /* regular */
}
#details h3,
.fullwidth.nonevent h4,
.block-group li.block-name a {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600; /* semibold */
}
#wrapper .headliners,
.num,
#collapsed ul li a.toggle,
.fullwidth.nonevent h3,
#collapsed h4 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700; /* bold */
}
#wrapper .list-view h2.dates .date {
  font-family: 'Open Sans', sans-serif;
  font-weight: 800; /* extra bold */
}
#topnav ul li a,
#masthead .menu-icon a,
h2.list-view-title,
#wrapper .ticket-link a,
#wrapper .cancelled,
#wrapper .sold-out,
#wrapper .postponed,
#wrapper .rescheduled,
#wrapper .free,
#wrapper .tickets-at-the-door,
#wrapper .future-sale a, 
#wrapper .on-sale-soon, 
#wrapper .custom, 
#wrapper .off-sale,
h1.section-title,
h2.section-title,
.pe-form input[type="submit"],
#cycloneslider-featured-events-1 .cycloneslider-caption,
.fullwidth .entry-title,
h1.inner-entry-title {
  font-family: 'Oswald', sans-serif;
  font-weight: 400; /* regular */
}
li.gold-button a,
#view-all a{
  font-family: 'Oswald', sans-serif;
  font-weight: 300; /* light */
}
h2.tagline {
  font-family: 'Oswald', sans-serif;
  font-weight: 200; /* extra light */
}
h3.event-status-message:before,
h2.age-restriction:before,
#collapsed ul li a.toggle:before,
#topnav ul li.dropdown a:after,
.block-group li.block-phone a:before,
.block-group li.block-website a:before,
.block-group li.block-address a:before,
h2.section-title:before {
  font-family: FontAwesome;
  font-style: normal;
  text-decoration: inherit;
}
h2.list-view-title,
h1.section-title,
.fullwidth .entry-title {
  font-size: 2.250em;
  text-align: center;
}
.fullwidth .entry-title, h2.section-title {margin: 5% 0;}
h2.section-title {font-size: 1.75em; text-transform: uppercase; text-align: center; margin: 0 0 2% 0;}
.fullwidth.nonevent h3 {font-size: 1.45em;margin: 1% 0 2% 0;}
.fullwidth.nonevent h4 {font-size: 1.25em;margin: 1% 0;}
.fullwidth.nonevent ul {
  list-style: none;
  margin: -1.5% 0 2% 2%;
}
.fullwidth.nonevent ul li {
  margin: 0 0 1.5% 0;
}
.fullwidth.nonevent ul li:before {
  color: #6E0809;
  float: left;
  margin: 0 0 0 -1em;
  width: 1em;
  content: '\2022';
}

/* - - ANIMATIONS - -
-------------------------------------------------------------- */
/* fade in down */
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.site-title a.fadeInDown {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

/* bounce */
a.bounce {
  display: block;
  animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  -moz-animation: bounce 2s infinite;
  -o-animation: bounce 2s infinite;
}

@-webkit-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
 40% {-webkit-transform: translateY(-8px);}
 60% {-webkit-transform: translateY(-3px);}
}
@-moz-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
 40% {-moz-transform: translateY(-8px);}
 60% {-moz-transform: translateY(-3px);}
}
@-o-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
 40% {-o-transform: translateY(-8px);}
 60% {-o-transform: translateY(-3px);}
}
@keyframes bounce {
 0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
 40% {transform: translateY(-8px);}
 60% {transform: translateY(-3px);}
}

/* icon forward */
.hvr-icon-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.hvr-icon-forward:before {
  content: "\f0da";
  position: absolute;
  right: 1em;
  top: 0.35em;
  padding: 0;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.event-detail .hvr-icon-forward:before {right: 1.6em; top: 0.45em;}
.hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
}
.lyte-link .hvr-icon-forward:before {content:none;}

/* UItoTop */
#toTop {
	display: none; position: fixed; z-index: 500; right: 10px; bottom: 10px; width: 40px; height: 40px; 
	background-color: #000;
  border: 1px solid #666;
  text-decoration: none;
  overflow:hidden;
  text-indent: -999px;
	transition: all .45s ease-in-out;
  -moz-transition: all .45s ease-in-out; /* Firefox 4 */
  -webkit-transition: all .45s ease-in-out; /* Safari and Chrome */
  -o-transition: all .45s ease-in-out; /* Opera */
}
#toTop:hover span { border-bottom-color: #FFF; }
#toTop:hover {border-color: #AD9A5A;}
#toTop span { 
	position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto; opacity: 1!important;
  width: 0px; 
  height: 0px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #CCC;	
}
#toTopHover {
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, 
#toTop:focus { 
	outline:none; 
}

/* - - LINKS ETC - -
-------------------------------------------------------------- */
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:#AD9A5A;text-decoration: none;}
a:hover {color: #F9DE82;text-decoration: none;}

a img {border: 1px solid #000;}
a:hover img {border-color: #817343;}

a.widget_sp_image-image-link img {border:none;}

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

blockquote {
	border-bottom: 3px solid #eaeaea;
	border-right: 3px solid #eaeaea;
	font-family: georgia;
	font-weight: bold;
	margin: 25px;
	padding: 0 20px 5px;
}

/* - - STRUCTURE - -
-------------------------------------------------------------- */
#wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
  min-height: 800px;
}
#masthead {
  width: 100%;
  padding: 35px 0 0 0;
  position: absolute;
}
.sticky #masthead {
  padding: 10px 0;
  position: fixed;
  background: rgba(109, 7, 8, 0.8);
  height: auto !important;
  width: 100%;
  top: 0;
  border-bottom: solid 1px #6d0708;
}
#hero-image {
  padding-bottom: 53.57%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
	height: 0;
  position: relative;
}
.inner#hero-image {
  background-size: cover;
  height: 0;
  padding-bottom: 17.14%;
  border-bottom: solid 2px #491717;
}
.transparent {
  position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: #000;
   opacity: 0.3;
}
#masthead-wrapper, #pec-wrapper {
  width: 90%;
  max-width: 1300px;
  height: auto;
  margin: 0 auto;
  position: relative;
}
.inner-wrapper {
  width: 85%;
  max-width: 1035px;
  padding:0;
  margin: 0 auto 2em;
}
.home .inner-wrapper {text-align:center;}
/*
#content {
	width: 96%;
  padding:1%;
  margin: 0 auto 2em;
	min-height: 600px;
	border: 1px solid red;
  }
*/
#primary {
  width:69%;
  padding:0;
  float:left;
	border: 1px solid #000;
  }
div#primary.fullwidth, div#primary.home {width: 100% !important;}
#secondary {
	width:29%;
  padding:1%;
  float: right;
	min-height: 50px;
	border: 1px solid #000;
  }
.home .entry-content {margin: 0;}
#footer {
	width: 100%;
	clear: both;
	min-height: 50px;
  margin: 0 auto 2em;
	border:0;
  }
.clear {clear:both;}

/* - - Z-INDEX - -
-------------------------------------------------------------- */
#masthead {z-index: 100;}
.sticky #masthead {z-index: 100;}
#topnav, #menu-main ul {z-index: 500;}
.page-template-page-private-events #hero-image,.page-template-page-private-events .sticky #hero-image {z-index: -1;}
.sticky #hero-image {z-index: 50;}
h1.site-title a {z-index: 1;}
#priv-events-callout {z-index: 10;}
.connect-widgets {z-index: 20;}
#contact-blurb {z-index: 0;}
#pe-blurb {z-index: 20;}
#wrapper .cycloneslider-slide {z-index:50;}

/* - - NAVIGATION - -
-------------------------------------------------------------- */
#masthead .menu-icon {
  display: none;
  background: none;
  width: auto;
  float: right;
  margin: 2%;
}
#masthead .menu-icon a {
  width: auto;
  display: block;
  color: #FFF;
  padding: 10% 20%;
  text-transform: uppercase;
  letter-spacing: 0.2px;
  position: relative;
}
#masthead .menu-icon a:hover {cursor: pointer;}
#masthead .menu-icon .fa-bars {font-size: 2em;text-shadow:1px 1px 1px #000;}
#topnav {
  width: auto;
  padding:0;
  float: right;
  text-align: right;
  }
#topnav ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
#topnav ul li {
  display: inline-block;
  margin: 0 0 0 35px;
	position:relative;
  text-transform:uppercase;
  }
#topnav ul li:last-child {margin-right:0;}
#topnav ul li a {
	display: block;
  padding: 8px 10px;
	color:#FFF;
	text-decoration:none;
  font-size: 1.25em;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
	overflow: hidden;
  }
#topnav ul li a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #AD9A5A;
  height: 3px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
#topnav ul li a:hover, #topnav ul li a:focus, #topnav ul li a:active {
	text-decoration:none;
  background: none;
  }
#topnav ul li a:hover:before, #topnav ul li a:focus:before, #topnav ul li a:active:before {
  right: 0;
}
.sticky #topnav {width: 100%;}
.sticky #topnav ul li a {text-shadow: 1px 1px 1px #6F5E23;}
#topnav ul li.dropdown a:after {
  content:"\f0d7";
  margin-left: 10%;
  font-size: 0.8em;
}
#topnav ul li.dropdown:hover > a:before {right: 0;}
#topnav ul li.dropdown:hover > a {text-decoration: none;background: none;}

/* - - DROPDOWN - -*/
#menu-main ul {
	background:#AD9A5A; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
  margin-left:0;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
  font-size:0.85em;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
#menu-main ul li {
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
  margin:0;
  display: block;
  text-align: left;
}
.sticky #menu-main ul li:first-child {
  padding-top: 5%;
}
#topnav ul li.dropdown ul li a:after {content:none;}
#menu-main ul a {
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#menu-main li:hover ul { /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
#menu-main li:hover a { /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background: rgba(109, 7, 8, 0.8);
	text-decoration:underline;
}
#menu-main li:hover ul a { /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
#menu-main li:hover ul li a:hover { /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:rgba(0, 0, 0, 0.8);
}
#menu-main li:hover ul li a:hover:before {right:100%;}

/* - - SOCIAL MEDIA - -
-------------------------------------------------------------- */
.sticky #socialnav {display: none;}
#socialnav {
  width: auto;
  padding:0;
  float: left;
}
.menu-social-media-container ul li {
  display: inline-block;
  margin: 0 15px 0 0;
}
.menu-social-media-container ul li a {
  color: #FFF;
  display: block;
  font-size: 1.3em;
  padding: 8px 5px;
}
.menu-social-media-container ul li a:hover {color: #AD9A5A;}

/* - - HERO LOGO - -
-------------------------------------------------------------- */
h1.site-title a {font-size: 0;}
h1.site-title img {
  position: absolute;
	max-width: 35%;
	top: 10%;
	left: 10%;
  border: none;
}
h1.site-title img:empty {
  top: 38%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.page-template-page-private-events h1.site-title img:empty {top: 50%;}
.inner.non-event h1.site-title img, .sticky .inner-entry-title {display: none;}
.inner h1.site-title img {max-width: 25%;}
.inner h1.site-title img:empty {top: 70%;}
h1.site-title a:hover {color: #aaa;text-decoration: none;}
.sticky div.div.site-branding {
  position: relative;
  width: 600px;
}
/*.sticky h1.site-title a {
  background: url(images/bimbos-logo-text.png) no-repeat scroll center top / auto 100%;
  height: 37px;
  width: 125px;
  position: fixed;
  top: 10px;
  left: 9%;
}*/
.sticky #topnav:before {
  background: url(images/bimbos-logo-text.png) no-repeat scroll center top / auto 100%;
  content: "";
  display: block;
  float: left;
  height: 37px;
  width: 125px;
}
.below-logo {
  position: absolute;
  width: 100%;
  bottom: 1%;
}
h2.tagline {
  font-size: 2em;
  letter-spacing: 0.01em;
	text-align: center;
  text-shadow: 1px 1px 2px #000;
}

ul.hero-buttons {
	margin: 5% 0 0 0;
  text-align: center;
}

.site-branding a.bounce {
  color: #FFF;
  font-size: 2.25em;
  text-align: center;
  margin-top: 5%;
}
h1.inner-entry-title {
  position: absolute;
  margin-top: 6%;
  left: 0;
  right: 0;
  z-index: 100;
  font-size: 3.250em;
  text-shadow: 1px 1px 2px #000;
  text-align: center;
}

/* - - GOLD BUTTONS - -
-------------------------------------------------------------- */
li.gold-button, #view-all {
  display: inline-block;
  white-space: nowrap;
  margin: 0 10px;
  border: solid 2px #AD9A5A;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 10px 30px;
}

#view-all {padding:8px 25px;}

li.gold-button a,
#view-all a {
  display: block;
  font-size: 1.25em;
  letter-spacing: 0.02em;
  color: #FFF;
  text-shadow: 1px 1px 2px #000;
}

li.gold-button:hover,
#view-all:hover {
  background: #AD9A5A;
  text-shadow: none;
  -webkit-transition: initial;
   transition: initial;
}

li.gold-button:hover a,
#view-all:hover a {
  text-shadow: none;
}

/* - - FORMS - -
-------------------------------------------------------------- */

.tfly-email-subscribe {margin-top: 5%;}
#searchform,
.tfly-email-subscribe-text {
	color: #999;
  background: #111;
	border: 1px solid #252525;
	border-radius: 3px;
  font-size: 0.875em;
  font-style: italic;
}
.tfly-email-subscribe-text {
  padding: 1.3% 2.5%;
  width: 65%;
}
#searchform .textform {
  color: #999;
  background: none;
  border: none;
  font-size: 0.975em;
  font-style: italic;
  width: 85%;
  padding-left: 1%;
}
#searchform .textform:focus,
.tfly-email-subscribe-text:focus {
	color: #FFF;
  font-style: normal;
  border-color: #AD9A5A;
}
.tfly-email-subscribe-submit {
  display: inline-block;
  border-radius: 3px;
  text-align: center;
	border: 1px solid #111;
	background-color: #333;
	color: #FFF;
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	font-size: 0.875em;
	line-height: 1;
  margin-left: 2%;
	padding: 2.3% 4%;
  }
.tfly-email-subscribe-submit:hover {
  cursor: pointer;
	border-color: #AD9A5A;
	background:#AD9A5A;
  }
#searchform {
  float: left;
  padding: 0.5% 0.5%;
  width: 25%;
}
#searchform button[type="submit"] {
  border: none;
  background: none;
  color: #999;
  font-size: 1.125em;
}
#searchform button[type="submit"]:hover {
  color: #AD9A5A;
  cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
}

/* - - PRIVATE EVENTS CALL OUT - -
-------------------------------------------------------------- */
#priv-events-callout {
  width: 100%;
  background: url(images/maroon-scale-bg.jpg);
  padding: 5% 0;
}
#pec-wrapper {
  overflow: hidden;
  position: relative;
}
#pec-slider, #pec-blurb {
  width: 47.25%;
}
#pec-slider {
}
.cycloneslider-slides {}
.cycloneslider-slides, #pec-slider img {
  border: solid 1px #AD9A5A;
}
#pec-slider img {
  width: 97%;
  height: auto;
  margin: 1.5%;
}
#pec-blurb {
  overflow: hidden;
  background: rgba(0,0,0,0.4);
  padding: 1.9%;
  border: solid 1px #370000;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
}
#pec-blurb h3 {
  font-size: 1.5em;
  margin: 0 0 20px 0;
}
#pec-blurb p {
  font-size: 0.938em;
}
ul.pec-buttons {
	margin: 30px 0 0 0;
  text-align: center;
}
ul.pec-buttons li.gold-button { padding: 8px 20px;}

/* - - CONNECT WITH US - -
-------------------------------------------------------------- */
.connect-widgets {
  background: #000;
  width: 100%;
  padding: 1% 0;
  margin-bottom: 15%;
  margin-bottom: 150px;
}
.connect-widgets .inner-wrapper {
  margin: 0 auto;
  overflow: visible;
  position: relative;
}
.connect-widgets aside {
  width: 33.25%;
  text-align: center;
}
.connect-widgets aside:first-child {
  float: left;
}
.connect-widgets aside:nth-child(n+3) {
  float: right;
}
.connect-widgets h2.widget-title {
  font-size: 0.938em;
  margin-bottom: 1.5%;
}
.connect-widgets .menu-social-media-container ul li a {
  font-size: 1.875em;
}
aside.connect-dolphina {
  position: absolute;
  top: -80%;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.connect-dolphina img {
  width: 40%;
  max-width: 135px;
}

/* - - LISTVIEW - -
-------------------------------------------------------------- */
#wrapper .list-view-heading {
  text-align: center;
  display: block;
  float: left;
  margin: -1% 0 3% 14.5%;
}
#wrapper .list-view-title {
  float: none;
  font-size: 2.250em;
  display: block;
}
#wrapper .search-results-message {margin: 0 0 2% 0;}
#wrapper .search-results .list-view-heading {margin: 0;}
#wrapper .list-view-item {
  clear: both;
  border: solid 2px #827343;
  padding: 2.5%;
  margin-bottom: 3%;
  position: relative;
}
#wrapper .list-view-item img {
  max-width: 200px;
  margin: 0 3% 0 9.5%;
}
#wrapper .list-view-details {
  max-width: 100%;
  width: 51.5%;
  text-align: left;
}
#wrapper .list-view .ticket-price {
  width: 13%;
}
#wrapper .list-view h2.dates {
  position: absolute;
  left: 2.5%;
  top: 13%;
  text-transform: uppercase;
}
#wrapper .list-view h2.dates .day,
#wrapper .list-view h2.dates .month,
#wrapper .list-view h2.dates .date {
  display: block;
  text-align: center;
  line-height: 1;
}
#wrapper .list-view h2.dates .month {
  font-size: 0.875em;
}
#wrapper .list-view h2.dates .date {
  font-size: 3.125em;
  letter-spacing: 2px;
  color: #AD9A5A;
  line-height: 1.1;
}
#wrapper .list-view h2.dates .day {
  font-size: 1.125em;
}
#wrapper h3.event-status-message {
  font-style: italic;
  padding: 1.5% 2%;
  margin-bottom: 3%;
  background: #000;
  text-align: center;
  border-radius: 3px;
  border: solid 1px #892525;
}
#wrapper h3.event-status-message:before {
  content:"\f06a";
  margin-right: 1%;
  color: #892525;
}
#wrapper h2.topline-info,
#wrapper h3.topline-info {
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 1%;
  font-size:0.9em;
  color: #892525;
}
#wrapper .price-range {
  width: 100%;
  margin-bottom: 5px;
  word-wrap: break-word;
  -ms-word-wrap: break-word;
  margin-top: 10px;
  font-size: 0.938em;
  }
#wrapper .list-view .times {
  font-size: 1.125em;
  margin-top: 4%;
}
#wrapper .list-view .age-restriction {
  font-size: 1.125em;
}
#wrapper .age-restriction:before {
  content:"\f101";
  margin-right: 0.5%;
  font-size: 1.1em;
  color: #892525;
}
#view-all {text-align: center;}
#view-all a {
  display: inline-block;
  font-size: 1.5em;
  margin-top: 2%;
  padding: 0.5% 2%;
}

/* - - FEATURED EVENTS SLIDER - -
-------------------------------------------------------------- */
#cycloneslider-featured-events-1 .cycloneslider-slides,
#cycloneslider-featured-events-1 img {
  border: 2px solid #ad9a5a;
}
#cycloneslider-featured-events-1 .cycloneslider-slides {margin-bottom: 5%;}
#cycloneslider-featured-events-1 img {
  width: 98%;
  height: auto;
  margin: 1%;
}
#cycloneslider-featured-events-1 .cycloneslider-caption {
  background: none;
  width: 100%;
  bottom: 10%;
  left: -1%;
}
#cycloneslider-featured-events-1 .cycloneslider-caption-title {
  font-size: 2.5em;
  text-shadow: 1px 1px 1px #000;
  margin:0 0 2% 0;
}
#cycloneslider-featured-events-1 .title-wrap {
  background: rgba(0,0,0,0.65);
  padding: 0% 3% 0.5% 4.5%;
}
#cycloneslider-featured-events-1 .cycloneslider-caption-description {
  font-size: 1.625em;
  text-shadow: 1px 1px 0 #99864E;
  color: #2B2208;
}
#cycloneslider-featured-events-1 .desc-wrap {
  background: rgba(173,154,90,0.65);
  padding: 0.3% 2% 0.5% 2.5%;
}

/* - - EVENT DETAIL - -
-------------------------------------------------------------- */
#wrapper .event-detail img {max-width: 58%;}
#wrapper .event-info {max-width: 38%; padding: 0;}
#wrapper .event-detail h2.topline-info,
#wrapper .event-detail h3.topline-info,
#wrapper .event-detail h3.event-status-message {
  font-size: 0.95em;
  margin-bottom: 3%;
}
#wrapper .event-detail .dates {
  font-size: 1.3em;
  margin: 5% 0 1% 0;
  padding-top: 5%;
  border-top: solid 1px #491717;
}
#wrapper .event-detail .times {font-size: 1.125em;}
#wrapper .event-detail .price-range {
  font-size: 1em;
  margin-top: 5%;
}
#wrapper .event-detail .age-restriction {margin: 5% 0;}
#wrapper .event-detail .additional-event-info {
  font-size:0.95em;
  padding: 4% 4% 0% 4%;
  display:inline-block;
  line-height:1;
  margin-top: 5%;
  background: #000;
  border: 1px solid #827343;
  color: #FFF;
  }
#wrapper .event-detail .additional-event-info p {line-height: 1.3; margin-bottom: 1.4em;}
#fb-rsvp-box {margin: 10% 0 -25% 0;}
#toolbox {margin-top: 10%;}
div.calendar-sync a, #toolbox a {
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: all 0 none;
  transition: none;
  }
h4.share-text {padding-top:1%;font-weight:400;text-transform:uppercase;font-size:0.8em;}
#wrapper .event-detail .artist-boxes {
  margin-top: 5%;
  padding-top: 4%;
  border-top: 2px solid #491717;
}
#wrapper .event-detail .artist-box-headliner,
#wrapper .event-detail .artist-box-support {
  border-bottom: 1px solid #491717;
  padding-bottom: 3%;
  margin-bottom: 3%;
}
#wrapper .event-detail .artist-headline,
#wrapper .event-detail .artist-support,
#tfly-more-1 {
  float: left;
}
#tfly-more-1 {margin-left: 2%;}
#wrapper .event-detail .artist-boxes img.bio-image-right {float: left;margin:0 1% 1% 0;}
#wrapper .event-detail .artist-boxes .artist-name {font-size:1.3em;}
#wrapper ul.tfly-more.inline-links, #wrapper ul.tfly-more.inline-icons {margin: 0;}
#wrapper .event-detail .artist-boxes ul.tfly-more.inline-icons li {margin: 1% 0;}
#wrapper .event-detail .artist-boxes ul.tfly-more.inline-icons li a:before {font-size: 25px;color: #827343;}
#wrapper .event-detail .artist-boxes ul.tfly-more.inline-icons li.buy-music a:before {font-size: 24px;}
.image-bio {clear: left; padding-top: 2%;}
#wrapper .bio {font-size:0.95em;}
#wrapper .venue-info {float: left;}
#wrapper .sponsor-info {font-size: 0.95em;}
#wrapper .sponsor-info img {padding-top: 5%;}

/* - - HEADLINER / SUPPORT - -
-------------------------------------------------------------- */
#wrapper .headliners, 
#wrapper .headliners a,
#wrapper .event-detail .headliners {
  color: #FFF;
  word-wrap: break-word;
  -ms-word-wrap: break-word;
  }
#wrapper .supports, #wrapper .supports a,
#wrapper .event-detail .supports {
  color: #FFF;
  word-wrap: break-word;
  -ms-word-wrap: break-word;
  }
#wrapper .headliners a:hover, #wrapper .supports a:hover {color: #AD9A5A;}
#wrapper .list-view .headliners {
  font-size:1.5em;
  margin-bottom: 0.5%;
  }
#wrapper .event-detail .headliners {
  font-size: 1.75em;
  margin-bottom: 2%;
}
#wrapper .list-view .supports {
	font-size: 1.125em;
  }
#wrapper .event-detail .supports {
	font-size:1.3em;
  margin: 2% 0;
  }
  
/* - - TICKET / EVENT STATUS - -
-------------------------------------------------------------- */
#wrapper .ticket-link a {
	background: #6E0809;
	color: #FFF;
  border: solid 1px #4C0405;
	text-decoration: none;
  letter-spacing: 0.05em;
  display: inline-block;
  text-transform: uppercase;
  }
#wrapper .ticket-link a:before {font-size: 1.2em;}
#wrapper .ticket-link a:hover {background: #7B090A;}
#wrapper .cancelled, 
#wrapper .sold-out, 
#wrapper .postponed, 
#wrapper .rescheduled, 
#wrapper .off-sale {
  background: #0A283B;
  color: #FFF;
  border: solid 1px #153D57;
  text-transform:uppercase;
  display: inline-block;
  padding: 8% 7% 6% 7%;
  }
#wrapper .list-view .rescheduled,
#wrapper .list-view .off-sale {
  margin-bottom: 5px;
  border-radius: 3px;
  }
#wrapper .tickets-at-the-door, 
#wrapper .on-sale-soon, 
#wrapper .custom {
  background: #999;
  color: #333;
  border: solid 1px #666;
  margin: 0 auto;
  padding: 7%;
  }
#wrapper .custom a {color: #333;}
#wrapper .custom a:hover {color:#000;}
#wrapper .future-sale a {
  background: #863233;
  color: #370203;
  border: solid 1px #4C0405;
  padding: 8% 7% 7% 7%;
}
#wrapper .future-sale a:hover {background: #AA3D43;}
#wrapper .free {
  text-transform:uppercase;
  background: #252525;
  border: solid 1px #333;
  color: #AAA;
  letter-spacing: 0.03em;
  padding: 7% 7% 5% 7%;
} 
#wrapper .list-view .ticket-link a,
#wrapper .list-view .cancelled,
#wrapper .list-view .sold-out,
#wrapper .list-view .postponed,
#wrapper .list-view .rescheduled,
#wrapper .list-view .free,
#wrapper .list-view .tickets-at-the-door,
#wrapper .list-view .future-sale a, 
#wrapper .list-view .on-sale-soon, 
#wrapper .list-view .custom, 
#wrapper .list-view .off-sale {
  margin: 0;
  text-align: center;
  width: 100%;
  font-size:1.2em;
  }
#wrapper .list-view .ticket-link a {padding: 8% 7% 7% 0;}
#wrapper .list-view .ticket-link.lyte-link a {padding: 8% 7% 7% 7%;}
#wrapper .event-detail .ticket-link a,
#wrapper .event-detail .cancelled,
#wrapper .event-detail .sold-out,
#wrapper .event-detail .postponed,
#wrapper .event-detail .rescheduled,
#wrapper .event-detail .free,
#wrapper .event-detail .tickets-at-the-door,
#wrapper .event-detail .future-sale a, 
#wrapper .event-detail .on-sale-soon, 
#wrapper .event-detail .custom, 
#wrapper .event-detail .off-sale {
  margin-top: 3%;
  padding: 4% 4% 3.5% 4%;
  width: 50%;
  text-align: center;
  font-size:1.5em;
  }
#wrapper .event-detail .ticket-link a {padding: 4% 4% 3.5% 0;}
#wrapper .event-detail .ticket-link.lyte-link a {padding: 4% 4% 3.5% 4%;}

/* - - PRIVATE EVENTS - -
-------------------------------------------------------------- */
#contact-blurb {
  width: 100%;
  background: url(images/maroon-scale-bg.jpg);
  padding: 5% 0 2% 0;
  border-bottom: solid 2px #450202;
}
#contact-blurb-wrapper {
  position: relative;
}
#pe-blurb {
  margin: -13% 0 0 0;
  overflow: hidden;
  background: #000;
  padding: 3.5%;
  border: solid 1px #AD9A5A;
}
#pe-blurb h3 {
  font-size: 1.5em;
  line-height: 1.4;
  margin: 0 0 25px 0;
}
#pe-blurb p {
  font-size: 1.2em;
  line-height: 1.5;
}
#pe-blurb p:last-child {margin-bottom: 0;}
.form-instructions {
  margin: 0 0 4% 0;
  text-align: center;
}
.page-template-page-private-events h1.section-title {
  margin: 6% 0 2% 0;
}
#left-form,
.pe-form input#mini-left {
  width: 47%;
  float: left;
}
#right-form,
.pe-form input#mini-right {
  width: 47%;
  float: right;
}
.pe-form input[type="text"],
.pe-form input[type="email"],
.pe-form input[type="tel"],
.pe-form textarea {
  width: 100%;
  background: #1B0808;
  border: solid 1px #370101;
  font-size: 0.875em;
  color: #fff;
  line-height: 1.1;
  padding: 2% 2.3%;
  margin-bottom: 2%;
}
.pe-form textarea {margin-top: 4%;}
::-webkit-input-placeholder {color: #999; font-style: italic;} /* webkit, blink, edge */
:-moz-placeholder {color: #999; opacity: 1; font-style: italic;} /* firefox 4 to 18 */
::-moz-placeholder {color: #999; opacity: 1; font-style: italic;} /* firefox 19+ */
:-ms-input-placeholder {color: #999;} /* ie 10-11 */
.pe-form .wpcf7-list-item-label {
  font-size: 0.875em;
  margin-left: 2%;
}
.pe-form input:focus,
.pe-form textarea:focus {
  font-style: normal;
  border: solid 1px #7B090A;
}
.pe-form input[type="submit"] {
  width: 100%;
  font-size: 1.25em;
  letter-spacing: 1px;
  background: #6E0809;
  border: solid 1px #4C0405;
  border-radius: 3px;
  color: #FFF;
  padding: 1%;
  text-transform: uppercase;
}
input[type='submit'] {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;  
}
.pe-form input[type="submit"]:hover {cursor: pointer; background: #7B090A;}
#pe-submit {position: relative;}
#pe-submit .fa-caret-right {
  position: absolute;
  top: 20%;
  left: 57.5%;
  font-size: 1.2em;
}
#details-wrapper {
  background: #000;
  border: solid 1px #AD9A5A;
  padding: 2.8%;
  position: relative;
}
#venue-photo img {
  width: 30%;
  max-width: 288px;
  float: left;
  border: solid 1px #111;
}
#details {
  width: 66%;
  float: right;
}
#venue-left, .cap-num.left {
  width: 55%;
  float: left;
  max-width: 350px;
}
#venue-right, .cap-num.right {
  width: 40%;
  float: right;
  max-width: 295px;
}
#details h3 {
  text-transform: uppercase;
  font-size: 0.938em;
  margin-bottom: 4%;
}
#capacity {
  margin-bottom: 14%;
}
.cap-num {
  text-transform: uppercase;
}
.num {
  color: #AD9A5A;
  font-size: 2.5em;
  line-height: 0.1;
  letter-spacing: 2px;
  float: left;
  margin-right: 5%;
}
.cap-num h4 {
  margin: -3.5% 0 0 10%;
  font-size: 1.125em;
}
.cap-num h4 .mini {
  font-size: 0.75em;
}
.cap-num h4 .mini:before,
 .cap-num h4 .mini:after {
  content:"-";
  margin: 0 1%;
}
.rental-costs p {
  margin-bottom: 1em;
  font-size: 0.875em;
}
.rental-costs p:before {
  content:"•";
  margin-right: 2%;
}
.rental-costs p:first-child,
.rental-costs p:nth-child(2) {
  float: left;
  width: 40%;
}
.rental-costs p:nth-child(3) {
  clear: both;
  margin-bottom: 0.4em;
}
.rental-costs ul {
  margin: 0 0 0 4%;
}
.rental-costs li {
  font-size: 0.875em;
  margin-bottom: 0.4em;
}
.rental-costs li:before {
  content:"-";
  margin-right: 2.5%;
}
.rental-costs ul ul:first-child {
  float: left;
  width: 50%;
  margin: 0;
}
.rental-costs ul ul:nth-child(2) {
  float: right;
  width: 50%;
  margin: 0;
}
.venue-contact {
  clear: both;
  margin: 40% 0 0 0;
  font-size: 0.875em;
  color: #999;
}
.venue-contact a {color: #999;}
.venue-contact a:hover {color: #AD9A5A;}
.venue-contact p {
  margin:0;
  line-height: 1.8;
}
.venue-buttons li.gold-button {margin: 0 8px 0 0;padding:5px 20px;}
.venue-buttons li.gold-button:last-child {margin-right: 0;}
.venue-buttons li.gold-button a {display: block;}
#venue-dolphina {
  text-indent: -9999px;
  max-width: 135px;
  width: auto;
  height: 200px;
  display: block;
  background: url(images/dolphina-200.png) no-repeat center top / auto 100%;
  margin: 10% auto 0 auto;
}
#collapsed ul {
  list-style: none;
  padding: 0;
}
#collapsed ul .inner {
  padding-top: 2%;
  overflow: hidden;
  display: none;
  width: 99%;
  max-width: 1035px;
}
#collapsed ul .inner.show {
  /*display: block;*/
}
#collapsed ul li#bar-list,
#collapsed ul li#preferred-caterers {
  margin: 5% 0;
}
#collapsed ul li a.toggle {
  width: 100%;
  display: block;
  background: rgba(0, 0, 0, 0.78);
  color: #fefefe;
  padding: 1% 1.5% 1.2% 1.5%;
  border: solid 1px #AD9A5A;
  transition: background .3s ease;
  font-size: 1.5em;
}
#collapsed ul li a.toggle:before {
  content: "\f105";
  color: #AD9A5A;
  font-size: 1.3em;
  line-height: 1;
  margin-right: 1%;
}
#collapsed ul li a.toggle.open-1:before,
#collapsed ul li a.toggle.open-2:before {
  content:"\f107";
}
#collapsed ul li a.toggle .expand {
  color: #666;
  font-style: italic;
  font-size: 0.625em;
  margin: 0 0 0 4%;
  display: inline-block;
  vertical-align: 25%;
}
#collapsed ul li a.toggle:hover {
  background: rgba(0, 0, 0, 0.9);
}
#collapsed h4 {
  text-transform: uppercase;
  font-size: 1.2em;
  margin-bottom: 2.5%;
  text-align: center;
}
#club-photos {
  background: #000;
  padding: 0 0 3% 0;
  border-top: solid 2px #252525;
}
#club-photos ul {text-align: center;margin-top: 3%;}
#testimonials.inner-wrapper {
	margin: 0 auto 10em;
}
#testimonial-wrapper {
  column-count: 3;
  column-gap: 3em;
  margin-top: 3%;
}
#testimonial-wrapper .testimonial {
  display: inline-block;
  margin: 0 0 1em;
  width: 100%;
  font-size: 0.813em;
}
#testimonial-wrapper .fa-quote-left {
  color: #837545;
  font-size: 1.3em;
  display: block;
  float: left;
}
#testimonial-wrapper .blurb-name {
  display: block;
  margin-left: 8%;
}
#testimonial-wrapper .statement {
  position: relative;
  padding-bottom: 6%;
  margin-bottom: 6%;
}
#testimonial-wrapper .statement:after {
  content:""; 
  background: #837545; 
  position: absolute; 
  bottom: 0; 
  left: 0; 
  width: 15%; 
  height: 2px;
}
#testimonial-wrapper .name-company {font-style: italic;}
#testimonial-wrapper .name-company:before {
  content:"–";
  margin-right: 2%;
}


/* - - NEIGHBORHOOD - -
-------------------------------------------------------------- */
.page-template-page-neighborhood .blocks {margin-bottom: 5%;}
h2.section-title {
  background:#2B0D0D;
  padding: 0.5%;
}
#accommodations h2.section-title:before,
#eat h2.section-title:before,
#drink h2.section-title:before {
  margin-right: 1%;
  margin-top: -1093px;
  color:#6e0809;
  font-size: 0.85em;
  display: inline-block;
  vertical-align: 10%;
}
#accommodations h2.section-title:before {content:"\f236";}
#eat h2.section-title:before {content:"\f0f5";}
#drink h2.section-title:before {content:"\f000";}

/* - - COLUMNS - -
-------------------------------------------------------------- */
.blocks.fours {
  column-count: 4;
  column-gap: 1em;
}
.blocks.threes {
  column-count: 3;
  column-gap: 1em;
}
.block-group {
  background: #000;
  border: solid 1px #333;
  padding: 4%;
  display: inline-block;
  margin: 0 0 1em;
  width: 100%;
}
.block-group .caterer img {max-width: 225px;}
.block-group .rest img {max-width: 220px;}
.block-group .hotel img {max-width: 300px;}
.block-group li.block-logo {
  width: 100%;
  margin-bottom: 3%;
}
.block-group img {
  height: auto;
  margin: 0 auto;
  display: block;
}
#wrapper .fullwidth .block-group ul li:before {content:none;}
.block-group li {
  width: 90%;
  margin: 0 auto 2% auto;
  text-align: center;
}
#bar-list .block-group li {margin-bottom: 1.5%;text-align:left;}
.block-group li.block-website {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#wrapper .block-group li a {color: #FFF;}
#wrapper .block-group li a:hover {color: #AD9A5A;}
#wrapper .block-group li.block-name a {font-size: 1.125em;}
#wrapper .block-group li.block-website a {font-size: 0.875em;}
#wrapper .block-group li.block-address a:before,
#wrapper .block-group li.block-website a:before,
#wrapper .block-group li.block-phone a:before {
  margin-right: 2%;
  font-size: 0.938em;
  color: #AD9A5A;
}
.block-group li.block-address a:before {margin-right: 3%}
.block-group li.block-website a:before {content: "\f08e";}
.block-group li.block-address a:before {content: "\f041";}
.block-group li.block-phone a:before {content: "\f095";}

/* - - GALLERY - -
-------------------------------------------------------------- */
aside.format-gallery {overflow:auto;}
p.gallery {font-size:1em;color: #666;}
div.gallery-thumb-wrap {
	max-width: 200px;
	float: left;
	margin: 0 1% 3% 1%;
	display: block;
}
div.gallery-thumb-wrap:nth-child(5){clear: both;}
#wrapper h4.gallery-title {font-size: 1.3em;margin-bottom: 3%;}
	a.gallery-thumb img {
  border: 3px solid #450303 !important;
  display: block;
  position: relative;
  margin-bottom: 3%;
}
a:hover.gallery-thumb img {border: solid 3px #AD9A5A !important;}
p.gallery-text {font-size:0.9em;}
p.gallery-text a {color: #999;}
p.gallery-text a:hover {color: #AD9A5A;}
.gallery-item {padding: 0;}
.gallery-icon img {
	border: 1px solid #450303 !important;
  display: block;
  margin: 10px auto;
}
.gallery-icon img:hover {border: 1px solid #AD9A5A !important;}
.gallery-caption {font-size:0.9em;line-height: 1.1;}
dd.wp-caption-text {margin-left: 15px !important;margin-right: 15px !important;}

/* - - CONTACT - -
-------------------------------------------------------------- */
#gmap {border: 1px solid #AD9A5A;}
#gmap iframe {margin: 1%;max-width: 98%;}

/* - - FOOTER - -
-------------------------------------------------------------- */
#footer-widgets {
  text-align: center;
}
#footer-widgets .widget-title {
  display: none;
}
#footer-addy {margin-top:3%;}
.footer-instagram, div.jr-insta-thumb {
  border-top: solid 1px #AD9A5A;
  border-bottom: solid 1px #AD9A5A;
}
.footer-instagram {
  margin-bottom: 3%;
}
div.jr-insta-thumb {
  margin: 0.5% 0;
}
.footer-instagram .jr-insta-thumb ul.thumbnails li {
  height: 130px;
  overflow: hidden;
}
.footer-instagram .jr-insta-thumb ul.thumbnails li img {height: 100% !important;}
.logo-fine, .mr-bimbo {
  width: 46%;
  margin: 1%;
  display: inline-block;
}
.mr-bimbo {width: 15%;}
.logo-fine img {
  width: 60%;
}
#footer-fine {
  color: #666;
  font-size: 0.8em;
  margin: 5% 0 0 0;
}
.mr-bimbo {text-align: left;}
.mr-bimbo img {
  width: 50%;
}
.tfly-powered {
  clear: both;
  width:100%;
  float: none;
  padding: 1em 0;
  margin: 0.5em auto;
  text-align:center;
  border: 0;
  }
.tfly-powered a img, .logo-fine a img {border: 0;}
  
div.spacer {clear:both;height:20px;}

/* BLOGS */
.page-template-page-wpgallery h1.entry-title, .blog h1.entry-title, .single-post h1.entry-title, .error-404 h1.entry-title {
  margin: 5% 0 3% 0;
}
.excerpt h1.entry-title {
  font-size: 1.5em;
  text-align: left;
  margin: 0 0 1% 0;
}
.blog article {
  margin-bottom: 3%;
  padding-bottom: 3%;
  border-bottom: solid 1px #252525;
}
.blog article p {margin-bottom:0;}
.blog article p::after {
    clear: both;
    content: "";
    display: block;
}
section.post-excerpt {}
h2.entry-title {
  font-size: 1.4em;
  margin-bottom: 0;
  overflow-wrap: break-word;
  font-weight: 700;
  letter-spacing: 0.03em;
  }
div.entry-meta {margin-bottom:0.5%;}
div.entry-meta-single {
  padding: 0px 0 6px;
  font-style:italic;
  }
span.posted-on {font-weight: 700;}
span.posted-on a {color:#999;}
span.posted-on a:hover {}
div.entry-meta .byline {display: none;}
p.upper-meta {font-size:0.8em;}
p.lower-meta {font-size:0.7em;margin-bottom: 0;}
div.nav-previous, div.nav-next {
  text-transform: uppercase;
  font-weight: 300;
  font-size:0.9em;
  margin-top: 20px;
  }
span.meta-nav {
  text-transform: capitalize;
  font-weight: 400;
  font-size: 14px;
}
#wrapper div.excerpt-thumb {float:left;margin: 17px 16px 10px 0;}
#wrapper div.excerpt-thumb img {border: 5px #111 solid;}
#wrapper #nav-above {display:none;}

/* - - MEDIA QUERIES - -
-------------------------------------------------------------- */
@-ms-viewport {
 width: device-width;
}
@viewport {
 width: device-width;
}
@media only screen and (max-width: 1185px) {
 /*#wrapper {border-top: solid 3px pink;}*/
	#masthead #socialnav {display: none;}
  .sticky #topnav ul li {margin: 0 0 0 25px;}
}
/* 1050px (red) ----------- */
@media only screen and (max-width: 1050px) {
	/*#wrapper {border-top: solid 3px red;}*/
	#masthead #socialnav, .tagline {display: none;}
	#masthead #topnav {float:none;}
  .sticky #topnav ul li {margin: 0 0 0 20px;}
  #hero-image {padding-bottom: 35.71%;}
  .inner#hero-image {padding-bottom: 35.71%;}
  h1.site-title img:empty {max-width: 35%;top: 45%;}
  .inner h1.site-title img {max-width:25%;}
  /*.sticky h1.site-title {display: none;}*/
  .site-branding a.bounce {margin-top:2%;}
  li.gold-button a, #view-all a {font-size:1.1em;}
  #priv-events-callout {padding-bottom: 8%;}
  #pec-slider, #pec-blurb {width: 100%;position:relative;}
  #pec-blurb {margin-top: 5%;}
  #wrapper .list-view-details {width: 47%;}
  .hvr-icon-forward::before {content: none;}
  .footer-instagram .jr-insta-thumb ul.thumbnails li {height: 100px;}
}

/* Small Screens (orange) ----------- */
@media only screen and (max-device-width: 1024px),  only screen and (max-device-width: 1024px), only screen and (max-width: 980px) {
  /*#wrapper {border-top: solid 3px orange;}*/
  #topnav ul li {margin-left:20px;}
  .sticky #topnav ul li {margin: 0;}
  h1.inner-entry-title {margin:0;}
  #wrapper .list-view-details {width: 43%;}
  #wrapper .list-view-item img {margin: 0 3% 0 12%;}
  #wrapper .list-view .ticket-link a {padding: 8% 7%;}
  #searchform {width:30%;}
  #pe-blurb {margin:0;}
  .private-events h1.site-title img:empty {max-width: 50%;top: 60%;}
  .blocks.fours {column-count: 3;column-gap: 1em;}
	.blocks.threes {column-count: 2;column-gap: 1em;}
}

/* 835px (yellow) ----------- */
@media only screen and (max-width: 835px) {
	/*#wrapper {border-top: solid 3px yellow;}*/
  .sticky #masthead {margin: 0; padding: 0;z-index: 500;}
  #masthead-wrapper {width: 100%;position: relative;top: 0;}
  #masthead #topnav {
    max-height: 0;
    overflow: hidden;
    float: none;
    text-align: left;
    width: 100%;
    -webkit-transition: max-height 0.5s;
    -moz-transition: max-height 0.5s;
    transition: max-height 0.5s;
    position: relative;
  }
  #masthead #topnav.menu-open {
    max-height: 1000px;
    -webkit-transition: max-height 0.5s;
    -moz-transition: max-height 0.5s;
    transition: max-height 0.5s;
		display: block;
  }
  #masthead #topnav.menu-open ul {width: 100%;display:block;}
  #masthead #topnav.menu-open ul li.dropdown ul.sub-menu {display:none;}
  #masthead #topnav.menu-open ul li.dropdown:hover ul.sub-menu {display:block;}
  #masthead #topnav ul li {
    display: block;
    margin: 0;
    background: #000;
    border-top: 1px solid #4d4d4d;
    text-align: center;
    float: none;
  }
  #masthead #topnav ul li:hover {
  }
  #masthead #topnav ul li a {
    color: #fff;
    text-shadow: #848484 0px 1px 2px;
    padding: 3%;
    width: 100%;
  }
  #masthead #topnav ul li a:hover {color: #AD9A5A; text-shadow: none;}
  #topnav ul li a:hover:before, #topnav ul li a:focus:before, #topnav ul li a:active:before, #topnav ul li.dropdown:hover > a:before  {right: 100%;}
  #masthead .menu-icon {display: inline-block;}
  #topnav ul li.dropdown a:after {margin-left: 2%;font-size: 0.8em;}
  #topnav ul.sub-menu {position: relative; width: 100%;height: auto;}
  #topnav ul.sub-menu li {width: 100%; display: block; text-align: center;}
  #topnav ul.sub-menu li a {color: #FFFFFF; padding: 14px 20px; font-size: 15px; line-height: 20px;}
  #menu-main li:hover a {background:none;}
  .inner h1.site-title img:empty {top:50%;}
  h1.site-title img:empty {max-width: 30%;top: 30%;}
  .menu-open ~ h1.inner-entry-title {display: none;}
  #priv-events-callout {padding-bottom: 10%;}
  aside.connect-dolphina {top:-40%;}
  #searchform {width:35%;}
  #wrapper .list-view-heading {margin-left:8%;}
  #wrapper .list-view-details {width:53%;}
  #wrapper .list-view .ticket-price {margin-top: 2%;width: 17%;}
  #cycloneslider-featured-events-1 .cycloneslider-caption {left:-1.5%;}
  #cycloneslider-featured-events-1 .cycloneslider-caption-title {font-size:2.2em;}
  #cycloneslider-featured-events-1 .cycloneslider-caption-description {font-size: 1.5em;}
  .footer-instagram .jr-insta-thumb ul.thumbnails li {height: 80px;}
  .blocks.fours {column-count: 2;column-gap: 1em;}
}

/* 772px (green) ----------- */
@media only screen and (max-width: 772px) {
  /*#wrapper {border-top: solid 3px green;}*/
  #searchform {width: 35%;}
  #wrapper .list-view-heading {margin-left:5%;}
  #wrapper .list-view-item img {float: none; max-width:500px;margin: 0 0 3% 15%;}
  #wrapper .list-view-details {width: 75%;}
  #wrapper .list-view .ticket-price {margin-top: 0;width: 20%;}
  #cycloneslider-featured-events-1 .cycloneslider-caption {left:-2%;}
  #cycloneslider-featured-events-1 .cycloneslider-caption-title {font-size:2em;}
  #cycloneslider-featured-events-1 .cycloneslider-caption-description {font-size: 1.3em;}
}

/* iPads (blue) ----------- */
@media only screen and (max-device-width: 640px),  only screen and (max-device-width: 750px), only screen and (max-width: 743px) {
	/*#wrapper {border-top: solid 3px blue;}*/
  .sticky #masthead {
  padding: 0;
  background: none;
  height: auto !important;
  border-bottom: none;
  }
  h1.site-title img:empty {top: 25%;}
  h1.inner-entry-title {font-size:2.75em;}
  #masthead {padding-top:15px;}
  #masthead .menu-icon {}
  .below-logo {bottom:5%;}
  .connect-widgets aside {width: 100%;margin:3% 0;}
  .connect-widgets h2.widget-title {margin-bottom:0;}
  aside.connect-dolphina {display:none;}
  #view-all a {padding: 1.5% 3%;}
  #wrapper .gallery-columns-5 .gallery-item {width: 25%;max-width: 25%;}
  #testimonial-wrapper {column-count: 2;column-gap: 1em;margin-top: 5%;}
  #testimonials.inner-wrapper, #testimonial-wrapper .testimonial {margin-bottom: 10%;}
  .block-group .hotel img {max-width: 265px;}
  #wrapper .event-detail img, #wrapper .event-detail .event-info {max-width: 100%;margin-bottom:5%;}
  #wrapper .list-view .ticket-link a,#wrapper .list-view .ticket-link.lyte-link a, #wrapper .event-detail .ticket-link a, #wrapper .event-detail .ticket-link.lyte-link a, #wrapper .cancelled, #wrapper .sold-out, #wrapper .postponed, #wrapper .rescheduled, #wrapper .free, #wrapper .tickets-at-the-door, #wrapper .future-sale a,  #wrapper .on-sale-soon,  #wrapper .custom,  #wrapper .off-sale {padding: 4%;}
}

/* iPhone 6 - 4S (purple) ----------- */
@media only screen and (max-device-width: 640px),  only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
  body{font-size:15px;}
 /* #wrapper {border-top: solid 3px purple;}*/
  #masthead {padding-top:0;}
  .inner-wrapper {width:95%;}
  h1.site-title img:empty {max-width: 45%;top: 30%;}
  .inner#hero-image {padding-bottom: 45%;}
  .private-events h1.site-title img:empty {max-width: 50%;top: 50%;}
  li.gold-button a {font-size:0.8em;}
  li.gold-button {padding:5px 20px;border-width: 1px;}
  ul.pec-buttons li.gold-button {margin:0 5px;padding:5px 10px 2px 10px;}
  .below-logo {bottom:10%;}
  a.bounce {display: none;}
  #pec-blurb {padding: 4% 4% 0 4%;}
  #priv-events-callout li.gold-button a {margin-bottom: 10%;}
  #searchform {width: 100%;padding: 3%;margin-bottom: 8%;}
  #cycloneslider-featured-events-1 .cycloneslider-caption {display: none;}
  #wrapper .list-view-item {padding:5%;}
  #wrapper .list-view-heading {clear: both;float: none;margin-bottom: 5%;}
  #wrapper .list-view-item img {max-width: 100%; float: right;}
  #wrapper .list-view-details, #wrapper .list-view .ticket-price {margin-top:5%;width: 100%}
  #wrapper .list-view .ticket-link a,#wrapper .list-view .ticket-link.lyte-link a, #wrapper .event-detail .ticket-link a, #wrapper .event-detail .ticket-link.lyte-link a, #wrapper .cancelled, #wrapper .sold-out, #wrapper .postponed, #wrapper .rescheduled, #wrapper .free, #wrapper .tickets-at-the-door, #wrapper .future-sale a,  #wrapper .on-sale-soon,  #wrapper .custom,  #wrapper .off-sale {padding: 4%;width:100% !important;}
  #wrapper .list-view h2.dates {position: relative;left:0;top:0;margin-top:4%;}
  #wrapper .list-view h2.dates .month, #wrapper .list-view h2.dates .date {display: inline-block;font-size: 1.125em;color: #FFF;text-align: left;text-transform: none;left:0;top:0;margin: 0;font-weight:400;}
  #wrapper .list-view h2.dates .day {display:none;}
  #wrapper .list-view .times {margin-top: 1%;}
  #wrapper .event-detail .artist-boxes img.bio-image-right {max-width:30%;margin: 0 2% 0 0;}
  #wrapper .bio {font-size:0.85em;}
  .footer-instagram .jr-insta-thumb ul.thumbnails li:nth-child(n+5) {display:none;}
  .footer-instagram .jr-insta-thumb ul.thumbnails li {height:105px;}
  .logo-fine {width: 90%;margin-top: 5%;}
	.mr-bimbo {display:none;}
	.logo-fine img {width: 80%;}
	#footer-fine {font-size: 0.75em;}
  #pe-blurb {padding:4.5%;}
  #pe-blurb h3 {font-size: 1.15em;}
	#pe-blurb p {font-size: 1em;}
  #left-form, .pe-form input#mini-left, #right-form, .pe-form input#mini-right {width: 100%}
  #pe-submit .fa.fa-caret-right, #venue-dolphina, #collapsed ul li a.toggle .expand {display: none;}
  .pe-form input[type="text"], .pe-form input[type="email"], .pe-form input[type="tel"], .pe-form textarea {padding: 5%;}
  #details-wrapper {padding: 4%;}
  #venue-photo img {width: 100%;max-width:100%;float:none;margin-bottom: 5%;}
  #details, #venue-left, .cap-num.left, #venue-right, .cap-num.right, .num {float: none; width: 100%;}
  .cap-num h4 {margin: 7% 0 0 0;}
  #capacity, #details h3, .cap-num.left {margin-bottom: 10%;}
  #venue-left h3 {margin-bottom: 5%;}
  .venue-buttons {margin: 5% 0 1% 0;}
  #wrapper .gallery-columns-5 .gallery-item {width: 50%;max-width: 50%;}
  #testimonial-wrapper {column-count: 1;column-gap: 0;margin-top: 5%;}
  #testimonials.inner-wrapper, #testimonial-wrapper .testimonial {margin-bottom: 10%;}
  #collapsed ul li a.toggle::before {margin-right: 3%;}
  #collapsed ul li a.toggle {padding: 2% 5% 2.5%;}
  .blocks.fours {column-count: 1;column-gap: 0;}
	.blocks.threes {column-count: 1;column-gap: 0;}
}