/*@import 'reset.less'; // HTML5 Reset */
@import url('../fonts/franklingothicfs_compressed_spanish/stylesheet.css');
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.hide-text {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 28px;
  /* Make inputs at least the height of their button counterpart */
  /* Makes inputs behave like true block-level elements */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
/*	==================================================
	=Typography
	
	Font Styling, incl style, weight, text-decoration,
	line-height, color should mostly be located here
	--------------------------------------------------	*/
.crispType {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.strongType {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}
.fineprint,
small,
.byline {
  -webkit-text-stroke: 0.01em;
}
/* Fira Sans Font Face */
@font-face {
  font-family: 'fira_sans';
  src: url('../fonts/firasans/FiraSans-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'fira_sans';
  src: url('../fonts/firasans/FiraSans-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
body {
  background: #363839;
  font-size: 1em;
  line-height: 1.375;
  font-family: 'fira_sans', Helvetica, Arial, sans-serif;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1,
h2,
h3,
h4,
.h1,
.h2,
.h3,
.h4,
.colophon .fb-connect,
.badge span {
  font-family: 'franklin_gothic_fscompressed', Helvetica, Arial, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #666;
}
h1 a,
h2 a,
h3 a,
h4 a,
.h1 a,
.h2 a,
.h3 a,
.h4 a {
  text-decoration: none;
}
h5,
h6,
h7,
.h5,
.h6,
.h7 {
  font-family: 'fira_sans', Helvetica, Arial, sans-serif;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1,
.h1 {
  font-size: 3rem;
  line-height: 1;
}
h2,
.h2 {
  font-size: 2rem;
  line-height: 1.125;
}
h3,
.h3,
.colophon .fb-connect {
  font-size: 1.3125rem;
  line-height: 1.25;
}
h4,
.h4,
.badge span {
  font-size: 1.25rem;
}
@media (max-width: 26.999em), (min-width: 42.5em) and (max-width: 55.999em) {
  h1,
  .h1 {
    font-size: 2rem;
  }
  h2,
  .h2 {
    font-size: 1.5rem;
  }
  h3,
  .h3,
  .colophon .fb-connect {
    font-size: 1.25rem;
  }
  h4,
  .h4,
  .badge span {
    font-size: 1.125rem;
  }
}
h5,
.h5 {
  text-transform: uppercase;
  font-size: 0.875rem;
}
h6,
.h6 {
  font-size: 0.875rem;
}
h1,
h2,
h3,
h4 {
  margin: 1em 0 0.5em;
}
p,
li,
dd,
dt {
  font-size: 0.875rem;
}
figcaption {
  font-size: 0.8125rem;
}
.lead p,
p.lead {
  font-size: 1.125rem;
  line-height: 26/16;
}
p,
ul,
ol {
  margin: 0 0 1em;
}
ul,
ol {
  padding-left: 1.5em;
}
ul[class],
ol[class] {
  padding-left: 0;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin: 0;
}
nav ul,
nav ol {
  list-style: none;
  padding-left: 0;
}
ul.vevents {
  padding-left: 0;
}
small,
.byline {
  font-size: 0.75em;
}
.byline {
  margin: 0 0 2rem;
}
.transition-quick,
a,
.badge {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.hanging-indent {
  text-indent: -1em;
}
hr {
  border: none;
  border-top: 2px solid #8a8988;
  margin: 1em 0;
}
img {
  max-width: 100%;
  height: auto;
}
figure,
.gallery {
  border: 0.75em solid #dddcda;
  background: #dddcda;
  margin: 2em -0.75em;
  width: auto !important;
}
figure img {
  display: block;
}
figure.imageleft,
figure.imageright {
  *zoom: 1;
}
figure.imageleft:before,
figure.imageright:before,
figure.imageleft:after,
figure.imageright:after {
  display: table;
  content: "";
}
figure.imageleft:after,
figure.imageright:after {
  clear: both;
}
figure.imageleft figcaption,
figure.imageright figcaption {
  margin-top: 1.5em;
}
figure.imageleft img {
  float: left;
  margin-right: 0.75em;
}
figure.imageright img {
  float: right;
  margin-left: 0.75em;
}
figure.no-bg {
  background: none;
  border-left: none;
  border-right: none;
  padding: 0.75em;
}
figure.featured {
  margin: -1em -2em 2em;
  border-width: 0 0 0.75em;
}
figure.featured img {
  width: 100%;
}
.feature-fill figure.featured {
  background: none;
  border: none;
  margin: -1em -2em;
}
.feature-fill figure.featured + .page-title {
  display: none;
}
figcaption {
  padding: 0.25em 0 0;
}
a[href$=pdf]:after {
  content: '( pdf )';
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  white-space: nowrap;
  text-decoration: none;
  display: inline-block;
  margin: 0 0.25em;
}
h1 a[href$=pdf]:after,
h2 a[href$=pdf]:after {
  font-size: 0.5em;
}
h3 a[href$=pdf]:after {
  font-size: 0.66em;
}
a[rel="external"]:after {
  display: inline-block;
  vertical-align: middle;
  margin: 0 -1.5em 0 0.5em;
  text-align: center;
  color: transparent;
  font-family: 'fira_sans', Helvetica, Arial, sans-serif;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '>';
  width: 1em;
  height: 1em;
  line-height: 1;
  position: relative;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
a[rel="external"].ext:after {
  color: white;
  background: #dd5949;
}
a[rel="external"]:hover:after,
a[rel="external"].ext:hover:after {
  color: white;
  background: #dd5949;
}
.lineup a[rel="external"]:after {
  font-size: 0.5em;
}
.sponsors a:after,
a.noext:after,
a.badge:after {
  display: none;
}
.post-edit-link {
  color: #fff;
  background: #2e87db;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: bold;
  padding: 0.25em 0.5em;
  border-radius: 0.125em;
}
.post-edit-link:hover,
.post-edit-link.focus {
  color: #fff;
  background: #2172bf;
}
.post-delete-link {
  background: #8a8988;
}
.post-delete-link:hover,
.post-delete-link.focus {
  background: #c00;
}
.drop-cap:first-letter,
.winterskate .lead:first-letter,
.carriage-rides .lead:first-letter {
  font-size: 5.75em;
  float: left;
  line-height: 1;
  margin: -0.025em 0.0625em -0.1875em -0.025em;
  font-family: 'franklin_gothic_fscompressed', Helvetica, Arial, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.strong,
.is .adr,
.is .tel {
  font-weight: bold;
  color: #252525;
}
.imagetext {
  text-indent: -5000px;
  text-align: left;
}
.no-js .lazy {
  display: none;
}
.alignleft {
  float: left;
  margin: 0 1em 1em 0;
}
.alignright {
  float: right;
  margin: 0 0 1em 1em;
}
figure.alignleft,
figure.alignright {
  max-width: 40%;
}
th {
  text-align: left;
}
.directorylist tr {
  border-top: 1px solid #f2efef;
  @extend .transition-quick;
}
.directorylist tr:hover {
  background: #f2efef;
}
.directorylist td {
  padding: 0.25em 0.125em 0.25em 0;
}
.directorylist td:before {
  color: #bcbdc1;
}
.directorylist .Published,
.directorylist .Active {
  color: #000;
}
.directorylist .Pending,
.directorylist .Draft,
.directorylist .Inactive {
  color: #76c2f7;
}
.directorylist .Pending a,
.directorylist .Draft a,
.directorylist .Inactive a {
  opacity: 0.3;
}
.directorylist .Pending:hover a,
.directorylist .Draft:hover a,
.directorylist .Inactive:hover a {
  opacity: 1;
}
.directorylist .post-edit-link {
  margin: 0 1em;
  background: #f2efef;
  float: right;
  line-height: 1.25;
}
.directorylist .has-image {
  margin: 0;
  padding: 2px;
}
.directorylist .has-image img {
  display: block;
}
.directorylist tr:hover .post-edit-link {
  background: #acaaa5;
}
.directorylist tr:hover .post-edit-link:hover {
  background: #2e87db;
}
.directorylist tr:hover .post-delete-link:hover {
  background: #c00;
}
@media (max-width: 42.499em) {
  h1 br {
    display: none;
  }
}
/*	==================================================
	=Icons
	
	--------------------------------------------------	*/
svg.facebook {
  height: 1em;
  width: 1em;
}
svg.facebook .bg {
  fill: #3c5a99;
}
svg.facebook .f {
  fill: transparent;
}
.colophon svg.facebook .bg {
  fill: #dd5949;
}
.colophon a:hover svg.facebook .bg {
  fill: #000;
}
svg.bus {
  width: 2.5em;
  height: 2.5em;
  float: left;
  margin: 0.4em 1em 1em 0;
}
[class^=icon-] {
  font-style: normal;
  float: left;
  width: 1.25em;
  height: 1.25em;
  margin: 0.2em 0.5em 0.5em 0;
  background: #2e87db;
  -webkit-border-radius: 0.25em;
  -moz-border-radius: 0.25em;
  border-radius: 0.25em;
  color: white;
  font-size: 2em;
  line-height: 1.25;
  text-align: center;
  font-family: 'franklin_gothic_fscompressed', Helvetica, Arial, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*	==================================================
	=Media
	Slideshows for starters.
	--------------------------------------------------	*/
html #homeslides {
  background: none;
  padding: 0;
  margin-top: -1em;
  margin-bottom: -1em;
}
html #homeslides .slides {
  width: 100%;
  display: block;
  position: relative;
}
html #homeslides .slides:before {
  content: "";
  display: block;
  padding-top: 60%;
  /* 100% creates 1/1 ratio */
}
html #homeslides .slide {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
html #homeslides .slide:after {
  content: '';
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  height: 1em;
  background-color: transparent;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0.2), transparent);
  background-image: -ms-linear-gradient(180deg, rgba(0, 0, 0, 0.2), transparent);
  background-image: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0.2), transparent);
  background-image: -o-linear-gradient(180deg, rgba(0, 0, 0, 0.2), transparent);
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.2), transparent);
}
html #homeslides .slide figure {
  text-align: center;
  border: none;
  background: none;
  margin: 0 auto;
}
html #homeslides .slide figure img {
  display: block;
  margin: 0 auto;
}
html #homeslides #reveal {
  display: none;
  position: absolute;
  bottom: -0.5em;
  right: 0.5em;
  color: #000;
  padding: 0.75em 0 0.75em 0.5em;
  z-index: 12;
  text-decoration: none;
  line-height: 0.75;
}
html #homeslides #reveal:before {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  left: -0.5em;
  right: 0;
  bottom: 1em;
  background: rgba(255, 255, 255, 0.7);
}
html #homeslides .caption {
  display: none;
}
html #homeslides:target {
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #363839;
}
html #homeslides:target .slides {
  z-index: 100;
}
html #homeslides:target .slides:after {
  display: none;
}
html #homeslides:target .caption {
  display: block;
  position: fixed;
  z-index: 101;
  bottom: 0;
  background: #dddcda;
}
.no-js .slide img {
  display: none !important;
}
.no-js .slide noscript img {
  display: block !important;
}
.js .slide {
  opacity: 0;
}
.caption h2 {
  margin: 0.5em 1em 1em;
}
.caption .close {
  position: absolute;
  top: -2em;
  height: 2em;
  line-height: 2;
  right: 0;
  padding: 0 2.5em 0 0.5em;
  color: #fff;
  background: rgba(0, 0, 0, 0.2);
  font-weight: bold;
  text-decoration: none;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.caption .close:after {
  content: ' \00d7';
  line-height: 1;
  text-align: center;
  position: absolute;
  display: block;
  bottom: 0;
  right: 0;
  top: 0;
  width: 1em;
  background: #dd5949;
  font-size: 2em;
  font-weight: normal;
  margin-left: 0.5em;
}
.caption .close:hover {
  background: rgba(0, 0, 0, 0.6);
}
.caption .close:hover:after {
  background: rgba(223, 91, 52, 0.9);
}
.rslides_tabs {
  display: none;
  position: absolute;
  z-index: 99;
  bottom: 1.5em;
  right: 2em;
}
.rslides_tabs li {
  display: block;
  float: left;
  list-style: none;
  margin: 0.25em;
}
.rslides_tabs a {
  display: block;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.5);
  width: 2em;
  height: 2em;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  border-radius: 1em;
}
.rslides_tabs a,
.rslides_tabs a:hover {
  color: transparent;
}
.rslides_tabs .rslides_here a {
  background: rgba(255, 255, 255, 0.8);
}
@media (max-width: 26.999em) {
  .slidecaptions {
    margin: -2em 0 -1em;
  }
  .slidecaptions h2 {
    font-size: 1.5em;
  }
  .slidecaptions h2 a {
    display: block;
  }
}
@media (min-width: 27em) {
  html #homeslides .slides {
    display: block;
    position: relative;
  }
  html #homeslides .slides:before {
    content: "";
    display: block;
    padding-top: 40%;
    /* 100% creates 1/1 ratio */
  }
  html #homeslides .slide figure {
    margin: -7% auto;
  }
}
@media (min-width: 42.5em) {
  html #homeslides {
    margin-bottom: 0;
  }
  html #homeslides #reveal {
    display: block;
    right: 1em;
    bottom: 0;
  }
  html #homeslides .slides:after {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1em solid rgba(255, 255, 255, 0.7);
  }
  html #homeslides .slide figure {
    position: fixed;
    width: 100%;
    max-width: 1600px;
    left: -0.004%;
    top: 224px;
    margin-top: -14%;
    -webkit-backface-visibility: hidden;
  }
  html #homeslides .slide figure:before,
  html #homeslides .slide figure:after,
  .home:before {
    height: 240px;
  }
  html #homeslides .slide figure:before,
  .home:before {
    content: '';
    left: 0;
    right: 0;
    position: fixed;
    top: 0;
    background-color: transparent;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(180deg, #000, transparent);
    background-image: -ms-linear-gradient(180deg, #000, transparent);
    background-image: -webkit-linear-gradient(180deg, #000, transparent);
    background-image: -o-linear-gradient(180deg, #000, transparent);
    background-image: linear-gradient(180deg, #000, transparent);
  }
  html #homeslides:target .slide figure:before {
    display: none;
  }
  html #homeslides:target .caption {
    left: 1em;
    right: 1em;
  }
  html #homeslides .rslides_tabs {
    display: block;
  }
  html #homeslides:target .rslides_tabs {
    display: none;
  }
}
@media (min-width: 74em) {
  html #homeslides:target,
  html #homeslides:target .caption {
    left: 50%;
    right: auto;
    margin-left: -36em;
    width: 72em;
  }
}
@media (min-width: 1600px) {
  html #homeslides .slide figure {
    top: 0;
    margin-top: 0;
    left: 50%;
    margin-left: -800px;
  }
}
.caption-link {
  opacity: 0 / 100;
  filter: alpha(opacity=0);
  position: relative;
  background: #dddcda;
  float: left;
  width: 100%;
  margin-right: -100%;
}
.caption-link:first-child {
  opacity: 100 / 100;
  filter: alpha(opacity=100);
  z-index: 1;
}
.caption-link a {
  text-decoration: none;
}
.slidecaptions {
  *zoom: 1;
}
.slidecaptions:before,
.slidecaptions:after {
  display: table;
  content: "";
}
.slidecaptions:after {
  clear: both;
}
.google {
  border: none;
  background: url('../images/nav/loading.gif') no-repeat 50% 50%;
}
.golden-ratio {
  display: block;
  position: relative;
}
.golden-ratio:before {
  content: "";
  display: block;
  padding-top: 61.80339887%;
  /* 100% creates 1/1 ratio */
}
.golden-ratio > iframe {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100% !important;
  height: 100% !important;
}
.gallery figure {
  border: none;
  background: none;
  margin: 0.75em;
}
@media (min-width: 56em) {
  .gallery {
    display: grid;
  }
  .gallery.gallery-columns-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .gallery.gallery-columns-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .gallery.gallery-columns-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .gallery.gallery-columns-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}
/*	==================================================
	Media Queries for DowntownLouisvilleCo.com
	body:after content is supplied as a hook for
	JavaScript.
	
	http://bricss.net/post/22198838298/easily-checking-in-javascript-if-a-css-media-query-has

	--------------------------------------------------	*/
body:after {
  display: none;
  content: 'noquery';
}
@media (max-width: 42.499em) {
  body:after {
    content: 'narrower';
  }
}
@media (max-width: 26.999em) {
  body:after {
    content: 'compact';
  }
}
@media (min-width: 42.5em) {
  body:after {
    content: 'narrow';
  }
}
@media (min-width: 56em) {
  body:after {
    content: 'medWidth';
  }
}
@media (min-width: 70em) {
  body:after {
    content: 'nearPageWidth';
  }
}
@media (min-width: 72em) {
  body:after {
    content: 'pageWidth';
  }
}
@media (min-width: 96em) {
  body:after {
    content: 'wideWidth';
  }
}
/*  --------------------------------------------------
    Colors
    . . . . . . . . . . . . . . . . . . . . . . . . . . */
body,
.board a,
.placeholder {
  color: #444;
}
.board .fn,
.board a:hover,
.dogs h2 {
  color: #000;
}
a,
.vevent .summary {
  color: #dd5949;
}
a:hover,
a.focus {
  color: #000;
}
.slideshow a:focus,
#site-title a:focus {
  outline: none;
}
footer {
  color: #777;
}
.street-faire strong,
.dir .org,
.street-faire h3,
form b,
.panel h4 {
  color: #222;
}
.faire-nav a {
  color: #0067a2;
}
.street-faire .lineup h3 {
  color: #666;
}
#faireinfolink {
  color: #363839;
}
/*  --------------------------------------------------
    Style, Weight, Decoration, Transform
    . . . . . . . . . . . . . . . . . . . . . . . . . . */
.street-faire strong,
form b,
.fancy h3 {
  font-weight: normal;
}
.board .fn,
.transit-link {
  font-weight: bold;
}
#back,
.lineup a {
  text-decoration: none;
}
.vevent abbr {
  border: none;
}
#branding {
  background: #dddcda;
}
#mainwrap {
  position: relative;
}
/*  --------------------------------------------------
    Main Navigation & Overall Page Layout
    . . . . . . . . . . . . . . . . . . . . . . . . . . */
body {
  margin: 0;
}
#branding a,
nav,
nav a,
#accesslink,
#closeaccess {
  font-family: 'franklin_gothic_fscompressed', Helvetica, Arial, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none;
}
#accesslink,
#closeaccess {
  font-size: 1.75em;
}
.access li {
  font-size: 1em;
}
.access a {
  font-size: 1.375em;
  padding: 0.25em 0.5em;
}
.access .top-nav a {
  color: #703803;
  text-transform: uppercase;
}
.access .current-menu-item a,
.access a:hover {
  color: #000;
}
.site {
  position: relative;
  margin: 0 auto;
  max-width: 72em;
}
#branding {
  position: relative;
  height: 4em;
  margin: 0 auto 1em;
  z-index: 99;
}
#branding div,
#branding ul,
#branding ol,
#branding h1 {
  margin: 0;
}
#site-title {
  position: absolute;
  text-indent: -5000px;
  height: 4em;
  top: 0;
  left: 0;
  font-size: 1em;
  width: 15em;
}
#site-title a {
  height: 4em;
  display: block;
  padding: 0 1em;
  background: url('../images/nav/louisville-dba-horiz-640.png') 50% 50% no-repeat;
  background-size: 100%;
}
#site-title i,
#site-title em {
  display: none;
}
.access {
  display: none;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  padding-top: 4em;
}
.access .top-nav,
.access .second-nav {
  position: relative;
  z-index: 2;
  background: #dddcda;
}
.access .top-nav {
  padding: 1em 1em 0;
  border-top: 0.5em solid #dd5949;
}
.access .second-nav {
  padding: 1em;
  border-bottom: 0.5em solid #dd5949;
}
.access .second-nav li:first-child {
  padding-top: 0.5em;
  border-top: 2px dotted #eee;
}
.access:target,
.access[class="target"] {
  display: block;
  padding: 4em 0 0;
}
.access .top-nav li,
.access .top-nav a {
  display: block;
}
.access #closeaccess {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  clip: auto;
  background: #363839;
  background: rgba(54, 56, 57, 0.8);
}
.access #closeaccess:before {
  font: 48px/48px Helvetica, Arial, sans-serif;
  font-weight: bold;
  content: '\00D7';
  color: #fff;
  display: block;
  position: absolute;
  top: 5px;
  right: 30px;
}
#accesslink {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 60%;
  padding: 0.75em 5% 0;
  clip: auto;
  height: 2em;
  text-align: right;
}
#content,
.content {
  position: relative;
  *zoom: 1;
}
#content:before,
.content:before,
#content:after,
.content:after {
  display: table;
  content: "";
}
#content:after,
.content:after {
  clear: both;
}
.content {
  background: #fff;
  padding: 1em 2em;
}
.content + .content {
  background: #dddcda;
  margin-top: 1em;
}
.central {
  position: relative;
  width: 100%;
}
.central .bleed {
  margin: -1em -2em;
}
.central .alignwide,
.central .alignfull {
  margin-left: -2em;
  margin-right: -2em;
  max-width: none;
}
.central,
.sidebar,
.badges {
  *zoom: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.central:before,
.sidebar:before,
.badges:before,
.central:after,
.sidebar:after,
.badges:after {
  display: table;
  content: "";
}
.central:after,
.sidebar:after,
.badges:after {
  clear: both;
}
.member-nav {
  max-width: 8em;
  margin: 0 auto;
  background: #f2efef;
  position: relative;
  border-top: 2px solid #acab98;
  border-bottom: 2px solid #acab98;
  text-align: center;
  padding: 1.5em 0.5em 0.5em !important;
}
.member-nav:before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -1em;
  top: -1em;
  width: 2em;
  height: 2em;
  background: url('../images/nav/member-icon.png') 50% top no-repeat;
}
.member-nav ul,
.member-nav .menu-item-has-children + li {
  border-top: 2px solid #fff;
  margin-top: 0.25em;
  padding-top: 0.25em;
}
.member-nav li {
  list-style: none;
}
.member-nav a {
  text-decoration: none;
  font-size: 1.5em;
  font-family: 'franklin_gothic_fscompressed', Helvetica, Arial, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.member-nav .current-menu-item > a {
  color: #000;
}
.page-numbers {
  font-size: 2.5rem;
  margin-left: -0.125em;
}
.page-numbers li {
  display: inline-block;
}
.page-numbers .current,
.page-numbers a {
  padding: 0.125em 0.25em;
}
.article-footer {
  margin: 1rem -0.5rem;
  padding: 0.5rem;
  border-top: 2px solid #dddcda;
}
.navigation {
  margin: 1rem 0;
}
.navigation span {
  display: block;
}
.navigation a {
  font-family: 'fira_sans', Helvetica, Arial, sans-serif;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 0.5em 0;
}
.nav-previous {
  text-align: left;
}
.nav-previous a {
  padding-right: 1.5em;
}
.nav-next {
  text-align: right;
}
.nav-next a {
  padding-left: 1.5em;
}
@media (min-width: 42.5em) {
  .navigation {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .nav-previous {
    float: left;
  }
  .nav-next {
    float: right;
  }
}
.colophon {
  position: relative;
  margin: 1.0625em auto 0;
  padding: 1em 3em 0;
  background: #f2efef;
  border-bottom: 2.25em solid #acab98;
  text-align: center;
}
.colophon:before {
  content: '';
  display: block !important;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 1px solid #81694d;
}
.colophon .logo {
  display: block;
  max-width: 14em;
  margin: 1em auto;
}
.colophon .logo .badge {
  opacity: 100 / 100;
  filter: alpha(opacity=100);
}
.colophon .fb-connect svg {
  vertical-align: middle;
  margin: 0.5em;
  padding-bottom: 0.25em;
}
.colophon .fb-connect a,
.colophon .copyright a {
  color: #666;
  text-decoration: none;
}
.colophon .fb-connect a:hover,
.colophon .copyright a:hover {
  color: #444;
}
.colophon #form_newslettersignup fieldset {
  margin-top: -5px;
}
.colophon #form_newslettersignup h3 {
  position: relative;
  padding-top: 60px;
  margin-top: 0;
}
.colophon #form_newslettersignup h3:after {
  content: '';
  display: block;
  position: absolute;
  top: 15px;
  left: 50%;
  margin-left: -20px;
  height: 40px;
  width: 40px;
  background: url('/newsletter/graphics/member-icon-transp2.png') no-repeat 50% 0;
  background-size: 40px;
}
.frm_form_widget {
  margin: 0.5em auto 1em;
}
.frm_form_widget p {
  margin: 0.125em 0;
}
.frm_form_widget input[type=email],
.frm_form_widget input[type=text] {
  background: none;
}
.frm_form_widget button,
.frm_form_widget input[type=submit],
.frm_form_widget .form-button {
  font-family: 'fira_sans', Helvetica, Arial, sans-serif;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.875em;
  padding: 0.3125em 0.625em;
}
/*  . . . . . . . . . . . . . . . . . . . . . . . . . .
    Media Queries:
    Main Navigation & Overall Page Layout
    . . . . . . . . . . . . . . . . . . . . . . . . . . */
@media all and (max-width: 42.499em) {
  .central + .central,
  .sidebar + .central,
  .central + .sidebar,
  .sidebar + .sidebar {
    margin-top: 2em;
  }
}
@media all and (min-width: 42.5em) {
  .site {
    padding: 0 1em;
  }
  #branding {
    height: 8.5em;
  }
  #site-title {
    height: 8.5em;
    width: auto;
    right: 0;
  }
  #site-title a {
    width: 14em;
    background-position: 50% bottom;
    background-size: 17em;
    height: 8.2em;
    position: absolute;
    top: 0;
    left: 0;
  }
  .access {
    display: block;
    position: relative;
    padding: 0;
  }
  .access .top-nav,
  .access .second-nav {
    position: absolute;
    z-index: 2;
    background: none;
    border: none;
    padding: 0;
  }
  .access a {
    padding: 0.1875em 0.625em;
  }
  .access .second-nav li:first-child {
    border: none;
    padding: 0;
  }
  .access:target,
  .access[class="target"] {
    padding: 0;
  }
  .access .top-nav {
    bottom: -123px;
    right: 0.5em;
    max-width: 27em;
    text-align: right;
  }
  .access .top-nav li {
    display: inline-block;
    list-style: none;
  }
  .access .second-nav {
    top: 0.25em;
    right: 0.5em;
  }
  .access .second-nav * {
    display: inline-block;
  }
  .access #closeaccess,
  #accesslink {
    display: none;
  }
  .central {
    float: right;
    padding: 0 1em 0 14em;
  }
  .home .central,
  .right-sidebar .central {
    float: left;
    padding: 0 25em 0 1em;
  }
  .central .bleed {
    margin-right: -3em;
    margin-left: 0;
  }
  .central .alignwide {
    margin-left: -14em;
    margin-right: -1em;
  }
  .central .alignfull {
    margin-left: -16em;
    margin-right: -3em;
  }
  .central .central {
    float: none;
    padding: 0;
  }
  .two-column {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr auto;
    align-items: end;
    grid-gap: 2rem;
    margin-top: -1rem;
    margin-bottom: 2rem;
    background: #dddcda;
  }
  .two-column .featured {
    margin: 0;
    border-width: 0 0.75em 0 0;
    border-color: #c5c3bf;
    grid-row: span 2;
  }
  .two-column h1,
  .two-column .byline {
    margin-right: 2rem;
  }
  .sidebar {
    float: left;
    clear: left;
    position: relative;
    width: 14em;
    margin: 0 -14em 0 -1em;
  }
  .home .sidebar,
  .right-sidebar .sidebar {
    float: right;
    clear: right;
    width: 22em;
    margin: 0 0 0 -25em !important;
  }
  .sidebar:first-child,
  .sidebar:nth-child(2) {
    margin-top: 5em;
  }
  .sidebar .badges {
    margin-top: 2em;
  }
}
@media all and (min-width: 56em) {
  #site-title a {
    width: 18em;
    background-size: 20em;
  }
  .access .top-nav {
    width: auto;
  }
  .access .top-nav,
  .access .second-nav {
    right: 2em;
  }
  .central {
    padding: 0 4em 0 17em;
  }
  .central .bleed,
  .central .alignfull {
    margin-right: -6em;
  }
  .central .alignwide {
    margin-left: -17em;
    margin-right: -4em;
  }
  .central .alignfull {
    margin-left: -19em;
  }
  .sidebar {
    margin: 0 -19em 0 1em;
  }
  .colophon {
    padding: 0.125em 3em;
    margin-bottom: 2em;
    display: grid;
    grid-template-columns: 14em auto;
    grid-column-gap: 2em;
    grid-row-gap: 1.5em;
    text-align: left;
  }
  .colophon #form_newslettersignup h3 {
    padding-top: 0;
  }
  .colophon #form_newslettersignup h3:after {
    position: relative;
    display: inline-block;
    height: 1.25em;
    width: 1.25em;
    background-size: 1.25em;
    background-position: 0 0;
    top: 0.25em;
    left: 1.5em;
  }
  .colophon #form_newslettersignup label {
    display: inline-block;
  }
  .colophon #form_newslettersignup .frm_button_submit {
    margin-top: 0;
    display: inline-block;
  }
  .footer-widgets:first-child {
    text-align: center;
  }
  .footer-widgets:last-child {
    padding-top: 1.5em;
  }
  .frm_form_widget {
    text-align: left;
  }
  .frm_form_widget fieldset {
    display: grid;
    grid-template-columns: 2fr 1fr;
  }
  .frm_form_widget fieldset .frm_fields_container div {
    grid-column: span 1 !important;
  }
  .frm_form_widget .frm_description {
    grid-column: 1 / -1;
  }
}
@media all and (min-width: 70em) {
  #site-title a {
    width: 19em;
    background-size: 22em;
  }
  .access .top-nav {
    max-width: none;
  }
  .central {
    padding-left: 19em;
  }
  .central .alignwide {
    margin-left: -19em;
  }
  .central .alignfull {
    margin-left: -21em;
  }
  .sidebar {
    margin: 0 -19em 0 2em;
  }
  .colophon {
    grid-template-columns: 16em 1fr;
  }
}
#more .central ul {
  list-style: none;
}
.desktop #more .central ul {
  float: left;
}
.vevent,
.lineup li {
  font-size: 1em;
  list-style: none;
  padding: 0 1.5em 1em 3.25em;
  margin: 0 0 1em;
  border-bottom: 2px dotted #eee;
  position: relative;
}
.vevent h3,
.lineup li h3,
.vevent h4,
.lineup li h4 {
  margin: 0;
}
.vevent h4,
.lineup li h4 {
  font-size: 1em;
  line-height: 1.5;
}
.vevent .time,
.lineup li .time,
.vevent .location,
.lineup li .location {
  font-family: 'fira_sans', Helvetica, Arial, sans-serif;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.8125em;
  color: #252525;
}
.vevent p,
.lineup li p {
  font-size: 0.8125em;
}
.vevent .description,
.lineup li .description {
  margin: 0.75em 0;
}
.vevent,
.vevents li {
  clear: left;
  margin: 0 0 1.5em;
}
.date {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 2.25em;
  font-size: 1em;
  line-height: 1.25;
  background: #dd5949;
  text-align: center;
  padding: 0.25em 0 0;
  text-transform: uppercase;
}
.date .m {
  color: #fff;
  margin: 0 0.25em;
}
.date .d {
  font-size: 1.75em;
  display: block;
  color: #444;
  background: #fff;
}
.date em {
  font-style: normal;
}
a.date:hover,
strong.date {
  background: #603828;
}
.ongoing .vevent {
  padding-left: 0;
}
.ongoing .date {
  display: none;
}
/*	==================================================
	=Directory Styles
	
	Microformats are being used for directory listing
	and board members.
	--------------------------------------------------	*/
.vcard .org,
.vcard .note,
.board .tel,
.board .photo {
  display: block;
}
.vcard i {
  display: none;
}
.directory .tel {
  white-space: nowrap;
}
/* Link to download */
html .vcf {
  display: block;
  position: absolute;
  width: 22px;
  height: 22px !important;
  background: url('../images/vcard.gif') no-repeat 0 0;
  top: 21px;
  left: -28px;
}
html .vcf:hover {
  background-position: -22px 0;
}
.vcard em {
  font-style: normal;
}
/*	==================================================
	=About DBA Page - Board
	--------------------------------------------------	*/
.board ul {
  padding-left: 0;
}
.board .image {
  width: 12em;
  display: block;
  margin: 0 0 1em;
}
@media all and (min-width: 27em) {
  .board .image {
    float: right;
    margin-left: 1em;
  }
}
.board .member strong,
.board .org {
  display: block;
}
.board .member {
  list-style: none;
  margin: 0 -1em 2em;
  border-top: 1px solid #f2efef;
  padding: 1em;
  *zoom: 1;
}
.board .member:before,
.board .member:after {
  display: table;
  content: "";
}
.board .member:after {
  clear: both;
}
.board .role {
  margin-top: 0;
  font-size: 1em;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
}
/*	==================================================
	=Eat/Shop/Services Styling
	
	.directory is the page class 
	    (along w/ .eat, .shop, .services)
	.dir is the actual list on the page
	--------------------------------------------------	*/
.subcats {
  z-index: 1;
  position: relative;
}
.subcats ul {
  margin: 0 -0.375em;
}
.subcats a {
  position: relative;
  display: block;
  font-size: 1.5em;
  padding: 0.5em 0.25em;
  border-bottom: 2px dotted #eee;
}
.subcats a:after {
  content: '';
  line-height: 0;
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -0.5em;
  border-top: 0.5em solid transparent;
  border-bottom: 0.5em solid transparent;
  border-left: 0.375em solid #dd5949;
  -moz-transform: scale(0.9999);
  /* fix: FF/Win jagged edge on border */
}
.subcats a:focus {
  outline: none;
}
#back {
  font-size: 2em;
  padding: 0.5em 1em;
  position: fixed;
  z-index: 929;
  top: 0;
  left: 0;
  right: 0;
  line-height: 1em;
  background: #dddcda;
  border-bottom: 0.5em solid #363839;
  display: block;
  font-family: 'franklin_gothic_fscompressed', Helvetica, Arial, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#back:after {
  content: '';
  line-height: 0;
  display: block;
  position: absolute;
  left: 0.25em;
  top: 50%;
  margin-top: -0.5em;
  border-top: 0.5em solid transparent;
  border-bottom: 0.5em solid transparent;
  border-right: 0.375em solid #dd5949;
  -moz-transform: scale(0.9999);
  /* fix: FF/Win jagged edge on border */
}
#friend {
  display: none;
}
/* hide the "Friend" link in list - these are "Friends of the DBA" ... */
.dir {
  padding: 0;
}
.dir li {
  list-style: none;
  font-size: 1em;
  margin: 0 2em 1.5em 0;
  position: relative;
}
.dir li,
.dir .info {
  width: 15.75em;
  float: left;
}
html .dir li.noimage {
  clear: both;
  margin: 0 0 1.5em;
  padding: 0;
  width: auto;
  float: none;
}
.dir strong {
  padding-top: 0.3333em;
  line-height: 1.25;
}
.dir .hasimage strong {
  min-height: 2.25em;
}
.dir strong,
.dir span {
  font-size: 0.875em;
}
.dir .adr {
  margin-right: 0.5em;
}
.dir .links {
  display: block;
}
.dir .tel,
.dir .links a {
  margin-right: 0.5em;
}
.dir figure {
  border: none;
  margin: 0 -0.375em;
  background: #bdbcbb;
  display: block;
  position: relative;
}
.dir figure:before {
  content: "";
  display: block;
  padding-top: 68.333%;
  /* 100% creates 1/1 ratio */
}
.dir figure img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
}
.dir figure svg {
  width: 6em;
  height: 6em;
  margin-left: -3em;
}
.dir figure figcaption {
  font-size: 2em;
  color: #dddcda;
}
.dir .icon {
  float: right;
  width: 1.5em;
  margin: 0.25em 0 0 0.5em;
}
.dir i,
.dir .Louisville .citystatezip {
  display: none;
}
.dir .noimage {
  float: none !important;
  padding: 0 !important;
  width: auto;
  *zoom: 1;
}
.dir .noimage:before,
.dir .noimage:after {
  display: table;
  content: "";
}
.dir .noimage:after {
  clear: both;
}
.dir .noimage strong {
  min-height: 0;
}
.dir .noimage .info {
  float: none;
}
.dir .noimage .note {
  padding: 1em 0 0;
  border-top: 2px dotted #eee;
  font-size: 0.75em;
}
.citystatezip i,
.eat .Louisville,
.shop .Louisville {
  display: inline;
}
.memberlink {
  padding: 0.375em;
  overflow: hidden;
  display: block;
  background: rgba(255, 255, 255, 0.8);
  text-decoration: none;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.memberlink:hover {
  background: #fff;
}
.legend {
  margin: 0 0 1em;
  line-height: 1.25;
  position: relative;
  text-align: right;
}
.legend img {
  display: inline-block;
  vertical-align: middle;
  padding-bottom: 0.25em;
  margin: 0 0.5em;
}
.legend a {
  text-decoration: none;
}
html .is h1 {
  margin: 0.5em -0.25em;
  border-bottom: 2px dotted #eee;
  padding: 0 0.25em 0.25em;
  float: none;
  width: auto;
}
.is .adr,
.is .tel,
.is .url,
.is .email {
  font-size: 0.875em;
}
.is .tel,
.is .url,
.is .email {
  display: block;
}
.is .tel {
  margin: 1.5em 0;
}
.is .url,
.is .email {
  width: 90%;
  padding-right: 20%;
  padding-left: 0.5em;
  margin-left: -0.5em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-decoration: none;
  position: relative;
}
.is .url:after {
  float: right;
  margin: 0.25em -20% 0 -1.5em;
}
.is .email,
.is .central + .sidebar em {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
}
.is .sidebar {
  position: relative;
  z-index: 1;
}
.is .button {
  margin: 0.5em 0;
}
.is figure {
  display: inline-block;
  margin-bottom: 1em;
  width: 100%;
}
.is figure img {
  width: 100%;
}
.is .central + .sidebar p,
.is .central + .sidebar .subcats {
  margin: 0;
}
.is .central + .sidebar a {
  padding-left: 0;
}
.gift-card-list ul {
  padding: 0;
  list-style: none;
}
@media all and (min-width: 27em) {
  .gift-card-list {
    display: flex;
    justify-content: space-between;
  }
  .gift-card-list div {
    margin-right: 2em;
  }
}
@media all and (max-width: 42.499em) {
  .directory .central {
    padding: 1em 0;
  }
  .directory .content {
    padding: 0 1em;
    overflow-x: hidden;
  }
  .directory .content + .content {
    margin-top: 0;
  }
  .directory h1 {
    margin: 0;
  }
  .directory .legend {
    width: 13em;
    text-align: left;
    float: right;
  }
  .directory .legend img {
    float: left;
    width: 1.5em/0.8125em;
  }
  .eat .content,
  .shop .content,
  .services .content {
    background: #fff;
  }
  #dir h2 {
    clear: right;
    margin-bottom: 1em;
  }
  .dir a {
    background: #f2efef;
  }
  .dir a:hover {
    background: #dddcda;
  }
  .eat h1,
  .shop h1,
  .services h1,
  .eat .lead,
  .shop .lead,
  .services .lead,
  .subcats {
    position: relative;
    float: left;
    clear: left;
    padding: 0 4%;
    width: 92%;
    margin-right: -125%;
  }
  .is h1 {
    padding: 0 0.25em 0.25em;
    margin: 0;
  }
  .is .central + .sidebar {
    background: #dddcda;
    margin: 0 -1em;
    padding: 2em 1em 3em 2em;
  }
  .directory .reasonwhy .lead {
    float: none;
    margin-right: 0;
  }
  .membership .central {
    padding: 2em;
  }
  .membership h1 {
    float: none;
    width: auto;
    margin: 2em 0 0 -1.5em;
  }
  #directory {
    position: fixed;
    top: 5em;
    bottom: 0;
    padding: 1em;
    background: #fff;
    z-index: 422;
    overflow-y: auto;
  }
  #directory,
  #back {
    left: 125%;
  }
  .subcategory #directory,
  .subcategory #back {
    left: 0;
  }
  .subcategory h1,
  .subcategory #main .lead,
  .subcategory #subcats {
    left: -125%;
  }
  .dir {
    position: relative;
    max-width: 31em;
    margin: 0 auto;
  }
  .dir li {
    width: 50%;
    margin: 0 0 1.5em;
    padding: 0 0.5em 0 0;
    clear: both;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .dir li.even {
    float: right;
    clear: right;
    padding: 0 0 0 0.5em;
  }
}
@media all and (max-width: 42.499em) and all and (max-width: 26.999em) {
  .membership h1 {
    font-size: 1.5em;
  }
  .membership h2 {
    font-size: 1.2em;
    padding-right: 120px;
  }
}
@media all and (min-width: 42.5em) {
  .directory h2,
  .directory #back {
    display: none;
  }
  nav.subcats {
    float: left;
    margin: 2em -10em 4em 0;
    width: 10em;
    padding: 0 2em 0 0;
    margin-right: -15em;
    max-height: 22em;
    overflow-y: auto;
    overflow-x: hidden;
    list-style: none;
  }
  nav.subcats a {
    padding: 3px 0.5em 1px;
  }
  nav.subcats a:after {
    display: none;
  }
  nav.subcats::-webkit-scrollbar {
    -webkit-appearance: none;
  }
  nav.subcats::-webkit-scrollbar:vertical {
    width: 11px;
  }
  nav.subcats::-webkit-scrollbar:horizontal {
    height: 11px;
  }
  nav.subcats::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid #e2e1df;
    /* should match background, can't be transparent */
    background-color: #bcbdc1;
  }
  nav.subcats::-webkit-scrollbar-track {
    background-color: #e2e1df;
    border-radius: 8px;
  }
  .dir figure {
    margin: 0 0 0.75em -2.5em;
  }
  .dir .icon {
    float: left;
    width: auto;
    margin: -0.125em 0 0 -2.375em;
  }
  .memberlink {
    padding-left: 2.875em;
    height: 16.25em;
  }
  .is .sidebar {
    padding: 0 1em 0 2em;
  }
  .is h1 {
    margin-bottom: 1.5em;
    border-bottom: 2px dotted #eee;
    padding: 0 0.25em 0.25em;
  }
  .is .central + .sidebar {
    margin-top: 3em;
  }
  .is .newmember img {
    max-width: 80%;
    margin: 0 auto;
  }
  .is .subcats a:after {
    display: none;
  }
  .services .dir {
    margin-left: 2.5em;
  }
}
@media all and (min-width: 52em) {
  .is .sidebar {
    padding: 0;
  }
  .eat .dir,
  .shop .dir {
    margin: 0 -6em 0 -1em;
  }
  html .dir li.noimage {
    margin-right: 3em;
  }
}
@media all and (min-width: 56em) {
  nav.subcats {
    margin-right: -17em;
    margin-left: 3em;
  }
  .eat .dir,
  .shop .dir {
    margin-right: -7em;
  }
}
@media all and (min-width: 70em) {
  .dir .noimage .info {
    float: left;
  }
  .dir .noimage .note {
    margin: 0.25em 0 0 22.5em;
    padding: 0 0 0 1em;
    border-left: 2px dotted #eee;
    border-top: none;
  }
}
@media all and (min-width: 72em) {
  .eat .dir,
  .shop .dir {
    margin-left: -3em;
  }
}
.directory .ad {
  width: 300px;
  height: 130px;
  position: absolute;
  top: 40px;
  right: -329px;
  z-index: 16;
}
.no-js .directory .ad {
  overflow: hidden;
}
.directory .ad2 {
  float: right;
  clear: right;
  margin: 0 -368px 0 0;
  width: 300px;
}
.directorylist th {
  display: none;
}
.directorylist td {
  display: block;
  padding-left: 8em;
  text-indent: -4em;
}
.directorylist td:before {
  content: attr(data-label);
  display: inline-block;
  width: 4em;
}
.directorylist td:first-child {
  border-top: 1px solid #777;
}
@media all and (min-width: 56em) {
  .directorylist {
    overflow-x: scroll;
  }
  .directorylist th,
  .directorylist td {
    display: table-cell;
    padding-left: 0;
    text-indent: 0;
    padding-right: 1em;
    border-top: 1px solid #777;
  }
  .directorylist th:before,
  .directorylist td:before {
    content: none;
  }
}
/*	==================================================
	=Button Link Elements
	--------------------------------------------------	*/
.button,
button,
input[type=submit],
.form-button {
  color: #fff;
  background: #dd5949;
  text-decoration: none;
  font-weight: bold;
  border-width: 0.1875em 0;
  border-style: solid;
  border-color: #df5b34 #df5b34 #603828;
  position: relative;
  padding: 0.25em 0.75em;
  opacity: 0.9;
  display: inline-block;
}
.button:hover {
  color: #fff;
  opacity: 1;
}
.button:focus {
  outline: 0.375em solid #bdefff;
}
.button:before,
.button:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 0.1875em;
  background-color: #ac4d2f;
  background-image: -moz-linear-gradient(top, #df5b34, #603828);
  background-image: -ms-linear-gradient(top, #df5b34, #603828);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#df5b34), to(#603828));
  background-image: -webkit-linear-gradient(top, #df5b34, #603828);
  background-image: -o-linear-gradient(top, #df5b34, #603828);
  background-image: linear-gradient(top, #df5b34, #603828);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#df5b34', endColorstr='#603828', GradientType=0);
}
.button:before {
  left: 0;
}
.button:after {
  right: 0;
}
.button:active {
  border-color: #603828 #df5b34 #dd5949;
  background: #953418;
}
.button:active:before,
.button:active:after {
  background-color: #93462d;
  background-image: -moz-linear-gradient(top, #603828, #df5b34);
  background-image: -ms-linear-gradient(top, #603828, #df5b34);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#603828), to(#df5b34));
  background-image: -webkit-linear-gradient(top, #603828, #df5b34);
  background-image: -o-linear-gradient(top, #603828, #df5b34);
  background-image: linear-gradient(top, #603828, #df5b34);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#603828', endColorstr='#df5b34', GradientType=0);
}
.badge {
  display: block;
  width: 13em;
  min-height: 8.25em;
  opacity: 90 / 100;
  filter: alpha(opacity=90);
  margin: 0 auto;
  color: #703803;
  background: #fff;
  position: relative;
  text-decoration: none;
  border: 0.0625em solid #fff;
}
.logo .badge {
  border: none;
  background-color: transparent;
}
.badge img {
  display: block;
}
.badge span {
  display: block;
  line-height: 1;
  padding: 0.5em;
  text-align: left;
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.badge:hover {
  opacity: 100 / 100;
  filter: alpha(opacity=100);
}
.badge + .badge {
  margin-top: 1em;
}
.badges {
  width: 14em;
  padding: 0;
  margin: 0 auto;
}
@media (min-width: 33em) {
  .badges {
    width: 28em;
  }
}
@media (min-width: 42.5em) {
  .badges {
    width: auto;
  }
}
.badges li {
  width: 13em;
  float: left;
  font-size: 1em;
  padding: 0.5em;
  list-style: none;
}
/*	==================================================
	=Street Faire

	Notes:

	sf1. Pseudo-elements use height based on viewport,
	rather than bottom: 0, as the latter gets changed
	when scrolling (tested on iPhone XS)

	sf2. background-attachment is default (scroll), as
	'fixed' causes issues in iOS. Since the element is
	already fixed, we don't need the background to be.
	@see https://caniuse.com/?search=background-attachment
	--------------------------------------------------	*/
.street-faire {
  background: #f8dea1;
}
.street-faire:before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 100vh;
  /* @see sf1 */
  background: url('../images/flower-mobile-gold-m.jpg') 50% 50% no-repeat;
  /* @see sf2 */
  background-size: cover;
}
.street-faire:after {
  background: url('../images/flower-mobile-gold-soft-m.jpg') 50% 50% no-repeat;
  /* @see sf2 */
  background-size: cover;
}
@media (min-width: 42.5em), (min-height: 42.5em) {
  .street-faire:before {
    background-image: url('../images/flower-mobile-gold-l.jpg');
  }
  .street-faire:after {
    background-image: url('../images/flower-mobile-gold-soft-l.jpg');
  }
}
@media (min-width: 56em) {
  .street-faire:before {
    background-image: url('../images/flower-gold-m.jpg');
  }
  .street-faire:after {
    background-image: url('../images/flower-gold-soft-m.jpg');
  }
}
@media (min-width: 56em) and (max-width: 95.999em) {
  .street-faire:before,
  .street-faire:after {
    background-size: 96em;
  }
}
@media (min-width: 56em) and (min-width: 72em), (min-width: 56em) and (min-height: 72em) {
  .street-faire:before {
    background-image: url('../images/flower-gold-l.jpg');
  }
  .street-faire:after {
    background-image: url('../images/flower-gold-soft-l.jpg');
  }
}
.street-faire #branding,
.street-faire .content,
.street-faire .footer {
  background: rgba(255, 255, 255, 0.92);
  box-shadow: none;
}
.street-faire #branding:before {
  content: '';
  position: fixed;
  top: -3rem;
  left: 0;
  right: 0;
  height: 13rem;
  background-image: linear-gradient(#f0a000, rgba(240, 160, 0, 0.05));
  opacity: max(0,calc((200 - var(--offset))*.005));
  margin-top: min(0px, 200px - var(--offset) * 1px );
}
@media (min-width: 42.5em) {
  .street-faire #branding:before {
    left: -1rem;
    right: -1rem;
  }
}
@media (min-width: 72em) {
  .street-faire #branding:before {
    left: calc(72em / 2 + 0.5rem - 50vw);
    right: calc(72em / 2 + 0.5rem - 50vw);
  }
}
.street-faire .central {
  padding: 0;
  float: none;
  width: auto;
}
.street-faire article[id] {
  scroll-snap-margin-top: 3rem;
  scroll-margin-top: 3rem;
}
.street-faire .sponsors {
  display: none;
}
.street-faire .featured-artist .sponsors {
  display: block;
}
.street-faire .banner {
  background: #033b63;
  padding: 1em 2em 0.1em;
  margin: -2em -2em 0;
}
.street-faire .banner p {
  color: #fff;
}
.street-faire .content:first-child {
  margin-top: calc(64vh - 5rem);
  padding: 1rem;
  display: block;
}
.street-faire .content:first-child h1 {
  font-size: 1em;
}
.street-faire .content:first-child h1 img {
  display: block;
  margin: 0 auto;
}
.street-faire .content:first-child h2 {
  font-size: 2.25em;
  max-width: 8em;
  line-height: 0.9375;
  text-align: center;
  color: #fff;
  margin: 0.5em auto;
  text-shadow: 0 0 6px rgba(50, 98, 114, 0.65);
}
@media (max-width: 42.499em) {
  @keyframes softBounce {
    0%,
    40%,
    50%,
    60%,
    100% {
      transform: translateY(0);
    }
    45% {
      transform: translateY(6px);
    }
    55% {
      transform: translateY(2px);
    }
  }
  .street-faire .content:first-child h2:after {
    content: '';
    display: block;
    margin: 0.5em auto 1em;
    width: 0;
    border: 0.33em solid transparent;
    border-top-color: rgba(50, 98, 114, 0.65);
    animation: softBounce 4s ease-in-out 1s;
    animation-iteration-count: infinite;
  }
}
.street-faire .content:first-child p {
  font-family: 'franklin_gothic_fscompressed', Helvetica, Arial, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.375em;
  line-height: 1.25;
}
.street-faire .preseason {
  background: #fff;
  margin: 0 -2rem;
  padding: 1rem 2rem;
}
.street-faire .preseason .callout:first-child {
  font-size: 1.25em;
  color: #662d91;
  border-bottom: 7px solid #f4f4f4;
}
.street-faire figure {
  display: inline-block;
  margin: 0 auto;
  border-width: 0.5em;
}
.street-faire .zerowaste {
  grid-column: 1 / -1;
}
.sponsors {
  background: #6a0513;
}
.sponsors h2 {
  padding: 0.125em;
  text-align: center;
  color: #E9E9E9;
  background: #dd5949;
  margin: 0;
  font-size: 1.25em;
  text-transform: uppercase;
}
@media all and (min-width: 42.5em) {
  .sponsors h2 {
    letter-spacing: 0.3em;
  }
}
@media all and (min-width: 56em) {
  .sponsors {
    border-right: 1.75em solid #dd5949;
  }
  .sponsors h2 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    position: absolute;
    background: none;
    z-index: 1;
    right: -6.75em;
    top: 6.125em;
    margin-top: -0.6875em;
    width: 12em;
    letter-spacing: 0.5em;
  }
}
.sponsors a {
  display: block;
  padding: 3px 0;
  text-align: center;
}
.sponsors li {
  display: block;
  list-style: none;
}
.sponsors li img {
  display: block;
  margin: 0 auto;
}
.sponsors a:hover {
  background: rgba(0, 0, 0, 0.2);
}
.sponsors .text {
  padding: 0 20px;
  color: #fff;
}
.sponsors .text a {
  color: #fff;
  padding: 2px 4px;
}
.sponsors .text a:hover {
  color: #000;
}
div.sponsorlist,
ul.sponsorlist {
  background: #6a0513;
  text-align: center;
}
div.sponsorlist {
  margin: 2rem -2rem;
  padding: 1px 0;
}
.preseason .sponsorlist {
  margin-bottom: -1rem;
}
ul.sponsorlist {
  margin: 0 !important;
  display: flex;
  list-style: none;
  flex-wrap: wrap;
}
.sponsorlist h3 {
  color: #dd5949 !important;
  font-size: 1rem !important;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.sponsorlist li {
  border: none;
  margin: 0;
  width: 50%;
}
#bigsponsors {
  max-width: 21.375em;
  /* = 342/16 */
  margin: 0 auto 1rem;
  display: block;
  position: relative;
  /* 342px w / 228px h */
}
#bigsponsors:before {
  content: "";
  display: block;
  padding-top: 66.66666%;
  /* 100% creates 1/1 ratio */
}
.js #bigsponsors .slide {
  display: none;
  position: absolute;
  width: 100%;
  top: 0;
}
#bigsponsors a {
  padding: 0;
}
#bigsponsors img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.faire-nav {
  position: relative;
  background: url('../images/info.svg') 50% top no-repeat;
  background-size: 2rem;
  margin: 1rem 0;
  padding: 2rem 0 0;
}
.faire-nav:before,
.faire-nav:after {
  content: '';
  display: block;
  position: absolute;
  top: 0.875rem;
  height: 0.25rem;
  width: 44%;
  background: #2e87db;
}
.faire-nav:before {
  left: -0.25em;
}
.faire-nav:after {
  right: -0.25em;
}
.faire-nav h3 {
  margin: 0;
  font-size: 1.5em;
  text-align: right;
}
.faire-nav ul {
  text-align: center;
}
.faire-nav li {
  display: block;
  font-size: 1.375em;
}
.faire-nav a {
  display: block;
  padding: 0.25em;
  color: #2e87db !important;
}
.faire-nav a:hover,
.faire-nav a:focus {
  background: #fff;
}
.faire-nav #faireinfolink {
  display: none;
}
.faire-nav li {
  display: block;
}
@media (min-width: 27em) {
  .faire-nav li {
    display: inline-block;
  }
}
.featured-artist {
  background: #fff !important;
  border-top: 0.25rem solid #dd5949;
  z-index: 1;
}
.featured-artist h3 {
  font-size: 3em;
  line-height: 1;
  padding: 0;
}
.featured-artist p {
  font-size: 1em;
  line-height: 1.5;
}
.featured-artist .sponsors {
  background: none;
  border-color: transparent;
}
.featured-artist .sponsors h2 {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  position: relative;
  top: 0;
  left: 0;
  margin: 0.5em 0;
  width: auto;
  color: #dddcda;
  background: none;
  text-align: center;
}
.featured-artist .desc {
  margin: 0 0 1em;
}
.featured-artist .d {
  background: #f2efef;
}
.featured-artist .headliner .desc {
  font-size: 1.125em;
}
.featured-artist .opener {
  margin-top: 2em;
  border-top: 0.5em dotted #dddcda;
}
.featured-artist .opener h3 {
  font-size: 2em;
  margin-bottom: 0.75em;
}
.lineup ul {
  margin: 2em 0;
  padding: 1em 0 0;
}
.lineup ul li {
  min-height: 5em;
}
.lineup h3 {
  font-size: 2em;
  padding: 0 0 0.5em;
}
.lineup h3 .date {
  font-size: 0.5em;
}
.genre {
  text-transform: uppercase;
  font-family: 'fira_sans', Helvetica, Arial, sans-serif;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.genre,
.lineup .genre {
  margin: 0 0 1em;
}
@media (min-width: 42.5em) {
  .genre,
  .lineup .genre {
    margin-top: -1.25em;
  }
}
.featured-artist .genre {
  font-size: 1.125em;
  color: #8a8988;
}
.band_links a {
  font-size: 0.875rem;
  padding-right: 3em;
}
.band_links a[rel="external"]:after {
  font-size: 1rem;
}
.revenue {
  display: block !important;
  padding: 2rem 1rem !important;
  background: #d1cfcd;
  clear: both;
  text-align: center;
}
.revenue ul,
.revenue li {
  padding-left: 0;
  display: inline-block;
}
.revenue li {
  padding: 0 1em;
}
@media (max-width: 55.999em) {
  .revenue p {
    max-width: 31em;
    margin: 0 auto 1em;
  }
}
.zerowaste {
  padding: 1em 1.625em;
}
.zerowaste ul,
.zerowaste .stat span {
  background: #f2efef;
}
.zerowaste h3 {
  color: #fff;
  background: #dd5949;
  margin: 0;
  padding: 0.5em;
}
.zerowaste h3 em {
  display: block;
  font-style: normal;
  font-size: 1.25em;
  line-height: 1;
  text-transform: uppercase;
}
.zerowaste .stat {
  font-size: 0.8125em;
  padding: 0.75em;
}
.zerowaste .stat li {
  font-size: 1em;
  line-height: 1.25;
  clear: right;
  list-style: none;
}
.zerowaste .stat ul {
  padding-left: 1em;
}
.zerowaste .stat li {
  margin-top: 0.25em;
}
.zerowaste .stat strong {
  position: relative;
  z-index: 1;
  font-family: 'franklin_gothic_fscompressed', Helvetica, Arial, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2em;
  display: block;
}
.zerowaste .stat span {
  padding-right: 0.25em;
  position: relative;
  z-index: 1;
}
.zerowaste .stat strong span {
  padding-right: 0.125em;
}
.zerowaste .stat em {
  font-size: 0.33em;
  background: #363839;
  display: inline-block;
  width: 2em !important;
  float: right;
  clear: right;
  margin-top: 0.5em;
}
.zerowaste .stat em:after {
  position: absolute;
  z-index: -1;
  content: '';
  border-bottom: 2px solid #666;
  top: 1em;
  left: 0;
  right: 3em;
}
.zerowaste .stat .compostables {
  color: #76b32a;
}
.zerowaste .stat .compostables em {
  background-color: #76b32a;
  top: -1em;
}
.zerowaste .stat .compostables em:after {
  border-color: #76b32a;
}
.zerowaste .stat .recyclables {
  color: #2e87db;
  clear: none;
}
.zerowaste .stat .recyclables em {
  background-color: #2e87db;
}
.zerowaste .stat .recyclables em:after {
  border-color: #2e87db;
  bottom: -0.5em;
}
.zerowaste .stat .landfill em {
  margin-top: 0.75em;
}
.zerowaste figure {
  border: none;
  font-size: 0.8125em;
  margin: 0;
}
@media all and (max-width: 26.999em) {
  .street-faire .lineup li {
    padding: 0;
  }
  .street-faire .lineup .date {
    float: right;
    margin: 0 0 0.5em 0.5em;
    position: relative;
    display: block;
  }
  .street-faire .featured-artist .lineup {
    margin: 1em;
  }
}
@media all and (max-width: 55.999em) {
  .street-faire .lineup h3 {
    font-size: 1.75em;
  }
  .street-faire .lineup .opener h3 {
    font-size: 1.25em;
  }
  .street-faire .featured-artist {
    display: block;
    text-align: center;
    padding: 5rem 0 0;
    position: relative;
  }
  .street-faire .featured-artist .central {
    position: static !important;
  }
  .street-faire .featured-artist .sponsors {
    float: none;
    width: auto;
    margin: -1em auto 0;
  }
  .street-faire .featured-artist .sponsors h2 {
    margin: 0;
  }
  .street-faire .featured-artist .date {
    font-size: 1.75rem;
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -4rem;
    width: 8rem;
  }
  .street-faire .featured-artist .date .m,
  .street-faire .featured-artist .date .d {
    font-size: 1em;
    color: #fff;
    background: none;
    display: inline;
    padding: 0;
    margin: 0;
  }
  .street-faire .featured-artist h3,
  .street-faire .featured-artist h4,
  .street-faire .featured-artist .desc {
    text-align: left;
  }
}
@media all and (min-width: 27em) {
  .street-faire .content {
    padding: 0;
    display: grid;
    grid-template-columns: auto 12rem;
    grid-auto-flow: dense;
  }
  .street-faire .content:before,
  .street-faire .content:after {
    content: none;
  }
  .street-faire .featured-artist {
    display: block;
  }
  .street-faire .featured-artist .sponsors {
    margin-top: 4em;
  }
  .street-faire .sf_main,
  .street-faire .featured-artist .central {
    padding: 1rem 1rem;
  }
  .street-faire .preseason {
    margin: -1rem -1rem 2rem;
  }
  .street-faire .sponsors {
    display: block;
    float: none;
    width: auto;
    grid-column-start: 2;
    margin: 0;
  }
  .street-faire .sponsorlist {
    display: block;
  }
  .street-faire .sponsorlist li {
    width: auto;
  }
  .street-faire .sf_main .sponsorlist {
    display: none;
  }
}
@media all and (min-width: 42.5em) {
  .street-faire figure {
    float: right;
    display: block;
    margin: 1em 0 1em 1em;
  }
  .street-faire .faire-nav {
    position: relative;
  }
  .street-faire .faire-nav h3 {
    display: none;
  }
  .street-faire .faire-nav ul {
    border-bottom: none;
    margin: 1em 0 -0.5em -0.31875em;
  }
}
@media all and (min-width: 56em) {
  .street-faire .content:first-child {
    background: none;
    margin: 2vw 0;
    padding-top: 2vw;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr auto;
    min-height: 60vh;
  }
  .street-faire .content:first-child h2 {
    font-size: min(5em, 4.75vw);
    text-align: left;
    margin-left: 0;
    grid-column: 2;
    align-self: flex-end;
  }
  .street-faire .content:first-child p {
    font-size: 1.625em;
    grid-column: 2;
  }
  .street-faire .content:first-child .faire-nav {
    grid-column: 1 / -1;
  }
  .street-faire .content + .content {
    grid-template-columns: auto 18rem;
  }
  .street-faire figure {
    float: left;
    margin: 0 2em 1em 0;
  }
  .street-faire .featured-artist {
    border-top: none;
    display: grid;
  }
  .street-faire .featured-artist .date {
    font-size: 1em;
    position: relative;
    float: right;
    margin: -3rem 0 2rem 1rem;
  }
  .street-faire .sf_main {
    grid-row: 1 / 3;
  }
  .street-faire .sf_main,
  .street-faire .preseason,
  .street-faire .featured-artist .central {
    padding: 1rem 2rem;
  }
  .street-faire .preseason {
    margin: -1rem -2rem 2rem;
  }
  .street-faire .zerowaste {
    grid-column: 2 / 3;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 0;
  }
}
@media all and (min-width: 70em) {
  .street-faire .faire-nav {
    margin-right: 0;
  }
  .street-faire .content + .content {
    grid-template-columns: auto 23rem;
  }
}
@media all and (min-width: 96em) {
  .street-faire .content:first-child {
    margin-top: calc(20vw - 17rem);
  }
}
@supports ( filter: blur(10px) ) {
  .street-faire #site-title a {
    background-image: url('../images/nav/louisville-dba-horiz-white-blue-640.png');
  }
  .street-faire a,
  .street-faire .access a {
    color: #326272;
  }
  .street-faire .second-nav a {
    color: #2e87db;
  }
  .street-faire #branding,
  .street-faire .content,
  .street-faire .footer {
    background: none;
  }
  .street-faire #branding {
    border-bottom: 1px solid #fff;
  }
  .street-faire #branding nav a:hover,
  .street-faire #branding nav a:focus {
    background: #fff;
  }
  .street-faire .footer {
    border-top: 1px solid #fff;
    border-bottom-color: rgba(255, 255, 255, 0.5);
  }
  .street-faire:before {
    filter: blur(min(8px,calc(var(--offset)*.05px)));
    opacity: max(0,calc((500 - var(--offset))*.002));
  }
  .street-faire:after {
    text-indent: -20vw;
    position: fixed;
    display: block !important;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
    /* @see sf1 */
  }
}
ul.docs {
  padding: 1em 0.5em 1em 1.5em;
  background: #f2efef;
  border-bottom: 1em solid #dddcda;
  list-style: square;
}
ul.docs li {
  line-height: 1.25;
}
ul.docs li + li {
  margin-top: 0.5em;
}
/*	==================================================
	=Winterskate
	--------------------------------------------------	*/
.winterskate,
.carriage-rides {
  background: #acab98;
}
.winterskate #branding,
.carriage-rides #branding {
  background: #bee2fb;
}
.winterskate nav .top-nav a,
.carriage-rides nav .top-nav a,
html .winterskate nav ul a:hover,
html .carriage-rides nav ul a:hover {
  color: #033b63;
}
.winterskate nav ul a,
.carriage-rides nav ul a,
.winterskate nav .top-nav a:hover,
.carriage-rides nav .top-nav a:hover {
  color: #2e87db;
}
.winterskate .content,
.carriage-rides .content {
  background: #f4f5fc;
}
.winterskate .colophon,
.carriage-rides .colophon {
  background: #bee2fb;
  border-bottom-color: #2e87db;
}
.winterskate .content:first-child {
  padding: 0;
  background: #26247b;
}
.winterskate .content:first-child h1 {
  margin: 0;
}
.winterskate .content + .content {
  padding-top: 2em;
}
#hours {
  float: left;
  width: 40%;
  margin: 0 9% 0 0;
}
#hours .details:first-child h2 {
  margin-top: 0;
}
.mobile #hours {
  float: none;
  width: auto;
}
.details ul,
.details li {
  list-style: none;
  padding: 0;
}
.calendar {
  width: 100%;
}
.calendar th {
  padding: 8px 0 2px;
}
.calendar td {
  width: 4.8em;
  text-align: center;
  text-indent: 0;
  padding: 3px 2px 0;
  line-height: 1.2;
  border-top: 1px solid #bee2fb;
  border-bottom: 1px solid #bee2fb;
}
.calendar td,
.calendar .day,
.calendar td.ride:before {
  font-family: 'franklin_gothic_fscompressed', Helvetica, Arial, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.25em;
}
.calendar .ride {
  background: #fff;
  font-family: 'fira_sans', Helvetica, Arial, sans-serif;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.875em;
}
.ride .time {
  display: block;
  padding: 3px 0;
}
@media (max-width: 55.999em) {
  .calendar,
  .calendar tr,
  .calendar tbody,
  .calendar th,
  .calendar td.ride {
    width: auto;
    display: block;
  }
  .calendar thead,
  .calendar td {
    display: none;
  }
  .calendar tr {
    margin: 0 0 1em;
  }
  .calendar td.ride:before {
    padding-right: 0.5em;
  }
  .calendar td.ride:nth-child(1):before {
    content: 'Sun';
  }
  .calendar td.ride:nth-child(2):before {
    content: 'Mon';
  }
  .calendar td.ride:nth-child(3):before {
    content: 'Tue';
  }
  .calendar td.ride:nth-child(4):before {
    content: 'Wed';
  }
  .calendar td.ride:nth-child(5):before {
    content: 'Thu';
  }
  .calendar td.ride:nth-child(6):before {
    content: 'Fri';
  }
  .calendar td.ride:nth-child(7):before {
    content: 'Sat';
  }
}
/*	==================================================
	=Downtown Dogs Page
	--------------------------------------------------	*/
.dogs div {
  *zoom: 1;
}
.dogs div:before,
.dogs div:after {
  display: table;
  content: "";
}
.dogs div:after {
  clear: both;
}
.dogs figure {
  display: block;
  float: left;
  margin: 0 36px 36px 0;
}
/*	==================================================
	=Newsletter Archives - format for use elsewhere?
	--------------------------------------------------	*/
.newsletter .content:first-child {
  background: #d55f4f;
  text-align: center;
}
.newsletter .content:first-child .central {
  padding: 1em 0 0.5em;
}
.newsletter .content:first-child img {
  display: block;
  margin: 0 auto;
}
.newsletter h1,
.newsletter h2 {
  margin: 0;
}
#recent a {
  display: inline-block;
  padding: 0.25em 2em;
  color: #fff;
  text-decoration: none;
  font-size: 1.5em;
  font-weight: normal;
  transition: 0.2s;
  outline: 1px solid transparent;
}
#recent a:hover {
  outline-color: #fff;
}
#recent a em {
  font-style: normal;
}
.archives li {
  list-style: none;
  display: block;
  margin: 2em 2em 2em 0;
  *zoom: 1;
}
.archives li:before,
.archives li:after {
  display: table;
  content: "";
}
.archives li:after {
  clear: both;
}
.archives h3 {
  font-size: 5em;
  line-height: 1.5;
  width: 2.6em;
  margin: 0;
  clear: left;
  font-weight: normal;
}
.archives li li {
  margin: 0 0 1em;
  float: left;
  margin: 0 1.2em 1em 0;
  clear: none;
}
.archives a {
  width: 5em;
  height: 4.5em;
  display: block;
  color: #fff;
  background: #8a8988;
  text-decoration: none;
  padding: 0.5em;
  text-align: center;
}
.archives a:hover {
  background: #dd5949;
}
.archives em {
  display: block;
  font-family: 'franklin_gothic_fscompressed', Helvetica, Arial, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  font-style: normal;
  font-size: 2em;
  font-weight: normal;
}
@media all and (min-width: 26.999em) and (max-width: 42.499em) {
  .archives {
    margin-right: -2em;
  }
  .archives h3 {
    font-size: 3em;
    float: left;
  }
  .archives li ul {
    margin-left: 8em;
  }
}
@media all and (min-width: 42.5em) {
  .archives {
    margin-right: -4em;
    margin-left: -10.5em;
  }
  .archives h3 {
    float: left;
  }
  .archives li ul {
    margin-left: 13em;
    max-width: 48em;
  }
}
.archive-prefix {
  display: block;
  text-transform: uppercase;
  font-size: 1.25rem;
  color: #dddcda;
  letter-spacing: 0.2em;
  margin: 0 0 1rem;
}
.archive-prefix:after {
  content: ' Archive';
}
.archive-sep {
  display: none;
}
/*	==================================================
	Form styles
	
	Original styles heavily borrowed from wufoo forms
	--------------------------------------------------	*/
form ul {
  padding-left: 0;
}
form li {
  font-size: 1em;
  list-style: none;
}
div.alert,
div.error,
div.success,
p.error {
  padding: 0.25em 0.5em;
  margin: 1em -0.5em;
}
div.error,
p.error {
  background: #ffc;
  border: 0.125em solid #ff9;
}
div.success {
  background: #dfc;
  border: 0.125em solid #cf9;
}
pre.preview {
  color: #336;
  background: #ffc;
  padding: 1em;
  margin: 0 -1em 1em;
  width: 500px;
  word-wrap: break-word;
}
.directory form .subcats {
  margin: 0 0 1em 2em;
}
.directory form .subcats li {
  margin: 0;
  padding: 0;
  color: #000;
}
.directory form .subcats li:before {
  content: '\2192  ';
}
.join h1 {
  margin-bottom: 0;
}
.join h1 a {
  padding: 0.33em;
  background: #8a8988;
  color: #fff;
  text-decoration: none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.join .question h3 {
  margin-top: 3em;
  padding-top: 0.5em;
  border-top: 2px dotted #eee;
}
.join .question + .question h3 {
  margin-top: 0;
}
.join .quick-question {
  display: block;
  text-align: right;
  clear: right;
}
.join .quick-question [class^=icon-] {
  float: right;
  clear: right;
  margin-left: 0.25em;
}
.renew .lead + h1 {
  margin-top: 0;
}
.renew h3 strong {
  font-weight: normal;
  display: block;
  color: #dd5949;
}
.renew .content:first-child form {
  margin: 1em -1em;
  padding: 0.5em 1em;
  background: #f2efef;
}
#listed {
  display: block;
  float: left;
  margin: 0 0.25em;
}
label[for='listed'] {
  display: block;
}
#listinginfo {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: 0.5s ease-in;
  -moz-transition: 0.5s ease-in;
  -ms-transition: 0.5s ease-in;
  -o-transition: 0.5s ease-in;
  transition: 0.5s ease-in;
}
#listed:checked ~ #listinginfo {
  max-height: 2000px;
  overflow: visible;
}
.listing,
.membership .signup {
  background: #f2efef;
  padding: 0.5em 1em;
  margin: 0.5em -1em;
}
#category-list {
  *zoom: 1;
  background: #8a8988;
  position: relative;
}
#category-list:before,
#category-list:after {
  display: table;
  content: "";
}
#category-list:after {
  clear: both;
}
.categories {
  margin: 0 0 0.5em;
  float: left;
  width: 100%;
  margin-right: -100%;
  background: #8a8988;
}
.categories .frm_primary_label {
  display: none !important;
}
.categories ul {
  margin: 0;
}
.categories .frm_opt_container label {
  padding: 0.25em 0 0.25em 0.875em;
  display: block !important;
  line-height: 1;
  text-indent: -0.875em;
  font-family: 'franklin_gothic_fscompressed', Helvetica, Arial, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #dd5949;
  font-size: 1.25em;
}
.categories .frm_opt_container label:hover {
  color: #c1441f;
  background: #fff;
}
.categories input[type=checkbox] {
  margin-right: 0.125em !important;
}
.categories .other {
  display: block;
  clear: left;
  padding-top: 0.5em;
}
.categories .frm_opt_container {
  background: #f2efef;
  margin: 0;
  padding: 2em 1em 1em;
  position: relative;
}
.categories label.h4,
.categories label.h4:before {
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.categories .frm_opt_container {
  -webkit-transition: 0.4s ease-out;
}
.categories .frm_opt_container div {
  -webkit-transition: 0.6s ease-in;
}
@media (min-width: 27em) {
  .categories .frm_opt_container {
    column-count: 2;
  }
}
@media (min-width: 46.5em) {
  .categories .frm_opt_container {
    column-count: 3;
  }
  .categories .frm_opt_container label {
    padding: 0.125em 0.5em 0.125em 1em;
    text-indent: -1.125em;
  }
  .categories input[type=checkbox] {
    margin-right: 0.5em !important;
  }
}
@media (min-width: 56em) and (max-width: 69.999em) {
  .join h1,
  .members h1 {
    max-width: 8.5em;
  }
  .join h2,
  .members h2 {
    max-width: 10em;
  }
}
.helplink,
.join .quick-question {
  font-family: 'franklin_gothic_fscompressed', Helvetica, Arial, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.5em;
  line-height: 2;
  clear: both;
}
.helplink [class^=icon-],
.join .quick-question [class^=icon-] {
  background: #8a8988;
  font-size: 1.25em;
}
.helplink strong {
  font-weight: normal;
}
#allrightythen a {
  padding: 0.125em 0.25em;
  background: #dd5949;
  color: #fff;
  font-family: 'fira_sans', Helvetica, Arial, sans-serif;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-left: 0.2 5em;
}
#begin {
  margin-top: -2em;
  padding-top: 2em;
}
fieldset {
  margin: 1em 0;
  padding: 0;
  position: relative;
  border: none;
}
fieldset legend {
  border-top: 2px dotted #eee;
  padding: 0.5em 0;
  width: 100%;
}
fieldset.admin {
  background: #bee2fb;
  padding: 1em;
  margin: 1em -1em;
}
fieldset.admin legend {
  border-top: none;
  color: #fff;
  background: #033b63;
  margin: 0 -1em;
  padding: 0.5em 1em;
}
.field {
  font-size: 1em;
  position: relative;
}
.req,
.phone .field,
.address .field {
  display: inline-block;
  position: static;
}
.address .addr1 {
  display: block;
  margin-bottom: 0.5em;
}
.address .addr1 input {
  width: 100%;
  max-width: 26em;
}
.state {
  width: 4em;
}
.zip {
  width: 5em;
}
.state label,
.zip label {
  margin-right: -2em;
}
.req {
  font-family: 'franklin_gothic_fscompressed', Helvetica, Arial, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #dd5949;
  font-size: 1.75em;
  line-height: 0;
}
.form-button {
  width: auto;
  text-decoration: none;
  padding: 0 0.5em;
}
.form-button:hover {
  color: #fff;
}
label {
  display: block;
  padding-left: 0.5em;
}
input,
textarea {
  font-size: 0.875em;
  font-family: 'fira_sans', Helvetica, Arial, sans-serif;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 0.375em 0.5em;
  border: 0.125em solid #8a8988;
  margin: 0;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
input:focus,
textarea:focus {
  outline: 0.375em solid #dd5949;
  color: #252525;
  border-color: #dd5949;
}
input[readonly]:focus,
textarea[readonly]:focus {
  outline: none;
}
input[type='radio'],
input[type='checkbox'] {
  font-size: 1.25em;
  border: none;
  outline: none;
}
input[type='tel'] {
  width: 10em;
}
input.error {
  background: #ffc;
  border-color: #dd5949;
  border-width: 0.1875em;
  margin-top: -0.125em;
}
input[type='radio'] {
  margin: 0 0.25em 0 0;
}
.instruct,
.count {
  display: block;
}
.count * {
  width: 6.5em;
  display: inline-block;
  padding: 0.25em 1em 0.25em 0.25em;
  text-align: right;
}
.count span {
  color: #666;
  background: #9f4;
}
.count em {
  font-style: normal;
  color: #444;
  background: #f0a000;
}
.count strong {
  font-weight: normal;
  color: #fff;
  background: #c00;
}
@media (min-width: 42.5em) {
  .instruct {
    display: none;
    position: absolute;
    right: -1.5em;
    top: 1.5em;
    width: 33%;
    background: #dddcda;
    padding: 0 0 0 0.5em;
    border-left: 0.5em solid #fff;
  }
  .phone .instruct {
    top: 0;
  }
  :focus ~ .instruct {
    display: block;
  }
}
@media (min-width: 56em) {
  .instruct {
    width: 40%;
    right: 0;
  }
  .join .desc,
  .join .publish-email,
  .join .url {
    padding-right: 40%;
  }
  .join .desc .instruct,
  .join .publish-email .instruct,
  .join .url .instruct {
    width: 33%;
  }
  .join .desc textarea {
    width: 100%;
  }
}
@media (min-width: 42.5em) and (max-width: 55.999em) {
  .desc .instruct {
    position: relative;
    display: block;
    width: auto;
    background: none;
    padding-left: 0;
    border-left: none;
  }
}
#altemail {
  display: block;
  margin: 0.25em 0 0.25em 2em;
}
.ctct-form-field-email {
  font-size: 1em;
  display: inline-block;
  margin-right: 0.5em !important;
}
.ctct-form-field-email label {
  display: none;
}
#form_newslettersignup .frm_fields_container {
  grid-template-columns: auto 6em;
  margin: 0.5em 0;
}
@media (min-width: 56em) {
  #form_newslettersignup .frm_fields_container {
    display: flex;
  }
}
#form_newslettersignup label {
  padding: 0;
}
#form_newslettersignup .frm_button_submit {
  margin-top: 0.5em;
  font-size: 1em;
  display: inline-block;
  padding: 0.1625em 1em;
  background-color: #ac4d2f;
  background-image: -moz-linear-gradient(top, #df5b34, #603828);
  background-image: -ms-linear-gradient(top, #df5b34, #603828);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#df5b34), to(#603828));
  background-image: -webkit-linear-gradient(top, #df5b34, #603828);
  background-image: -o-linear-gradient(top, #df5b34, #603828);
  background-image: linear-gradient(top, #df5b34, #603828);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#df5b34', endColorstr='#603828', GradientType=0);
}
input[type=submit] {
  border-width: 0.1875em 0;
  border-style: solid;
  border-color: #df5b34 #df5b34 #603828;
  position: relative;
  padding: 0.25em 0.75em;
}
input[type=submit]:focus {
  outline: 0.375em solid #bdefff;
}
input[type=submit]:active {
  border-color: #603828 #df5b34 #dd5949;
  background: #953418;
}
.ctct-disclosure {
  display: none;
}
.field-container {
  margin: 0.5em 0;
}
form .hide {
  position: absolute;
  left: -5000px;
}
@media all and (max-width: 42.499em) {
  #membership li {
    width: auto;
  }
}
.oldie {
  padding: 0.5em 5%;
  font-size: 11px;
}
.oldie,
.oldie h3,
.oldie a {
  color: #bdefff;
}
.oldie a {
  text-decoration: underline;
}
.oldie h3 {
  padding: 0;
  margin: 0;
  font-size: 1em;
}
.js .oldie p {
  display: none;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/*# sourceMappingURL=dba.css.map */