/* Text Elements */

h1.hero-header.hero-header-1 {
  color: #eff39b;
  text-align: center;
  text-shadow: #0f1141 2px 2px 5px;
  font-size: 50px;
  font-family: 'Original Surfer', Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

h2.Pagetitle {
  color: #eff39b;
  text-align: center;
  text-shadow: #0f1141 2px 2px 5px;
  font-size: 40px;
  font-family: 'Francois One', sans-serif;
}

h4.heading-1 {
  background-image: -webkit-linear-gradient(180deg, rgba(194, 154, 77, 1) 0%, rgba(189, 186, 108, 1) 100%);
  background-image:    -moz-linear-gradient(180deg, rgba(194, 154, 77, 1) 0%, rgba(189, 186, 108, 1) 100%);
  background-image:     -ms-linear-gradient(180deg, rgba(194, 154, 77, 1) 0%, rgba(189, 186, 108, 1) 100%);
  background-image:      -o-linear-gradient(180deg, rgba(194, 154, 77, 1) 0%, rgba(189, 186, 108, 1) 100%);
  background-image:         linear-gradient(180deg, rgba(194, 154, 77, 1) 0%, rgba(189, 186, 108, 1) 100%);
  color: #f2ead2;
  text-align: left;
  text-shadow: #3e4109 2px 2px 5px;
  font-family: 'Francois One', sans-serif;
}

h4.PageSubtitle {
  color: #f2ead2;
  text-align: center;
  text-shadow: #0f1141 2px 2px 5px;
  font-size: 23px;
}

p.paragraph.paragraph-2 {
  border-top-left-radius: 15px 15px;
  border-top-right-radius: 15px 15px;
  border-bottom-right-radius: 15px 15px;
  border-bottom-left-radius: 15px 15px;
  color: #000;
  font-size: 18px;
  line-height: 1.5;
}

p.paragraph.details {
  color: #a1f1f6;
  text-shadow: #3b1c77 2px 2px 5px;
}

p.paragraph a.paragraph-text-5 {
  color: #224ea9;
}

p.paragraph span.paragraph-text-8 {
  font-weight: 700;
}

/* Common Elements */

.placeholder-hero.hero-unit-1 {
  background-color: rgba(135, 100, 32, .49);
}

/* Layout Elements */

body.grid-1 {
  padding-right: 0;
  padding-left: 0;
  max-width: none;
  background-color: #ead59d;
  background-image: -webkit-linear-gradient(200deg, rgba(189, 186, 108, 1) 10%, rgba(245, 230, 161, 1) 63%, rgba(194, 154, 77, 1) 84%, rgba(189, 186, 108, 1) 100%);
  background-image:    -moz-linear-gradient(200deg, rgba(189, 186, 108, 1) 10%, rgba(245, 230, 161, 1) 63%, rgba(194, 154, 77, 1) 84%, rgba(189, 186, 108, 1) 100%);
  background-image:     -ms-linear-gradient(200deg, rgba(189, 186, 108, 1) 10%, rgba(245, 230, 161, 1) 63%, rgba(194, 154, 77, 1) 84%, rgba(189, 186, 108, 1) 100%);
  background-image:      -o-linear-gradient(200deg, rgba(189, 186, 108, 1) 10%, rgba(245, 230, 161, 1) 63%, rgba(194, 154, 77, 1) 84%, rgba(189, 186, 108, 1) 100%);
  background-image:         linear-gradient(200deg, rgba(189, 186, 108, 1) 10%, rgba(245, 230, 161, 1) 63%, rgba(194, 154, 77, 1) 84%, rgba(189, 186, 108, 1) 100%);
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
}

body > .row > [class*='coffee-span-'] {
  min-height: 20px;
}

body > .row {
  padding-top: 20px;
  padding-bottom: 20px;
}

body > .row.row-1 {
  max-width: 1400px;
}

.subgrid > .row.Content {
  max-width: none;
  background-clip: border-box;
}

.subgrid > .row > [class*='coffee-span-'].ContentBlock {
  float: left;
  margin: 1px 0;
  padding-top: 0;
  padding-right: 5px;
  padding-left: 5px;
  border: 2px solid #8b9c99;
  border-top-left-radius: 12px 15px;
  border-top-right-radius: 12px 15px;
  border-bottom-right-radius: 12px 15px;
  border-bottom-left-radius: 12px 15px;
  background-color: #877025;
  background-image: -webkit-linear-gradient(60deg, rgba(234, 213, 157, 1) 0%, rgba(189, 186, 108, 1) 100%);
  background-image:    -moz-linear-gradient(60deg, rgba(234, 213, 157, 1) 0%, rgba(189, 186, 108, 1) 100%);
  background-image:     -ms-linear-gradient(60deg, rgba(234, 213, 157, 1) 0%, rgba(189, 186, 108, 1) 100%);
  background-image:      -o-linear-gradient(60deg, rgba(234, 213, 157, 1) 0%, rgba(189, 186, 108, 1) 100%);
  background-image:         linear-gradient(60deg, rgba(234, 213, 157, 1) 0%, rgba(189, 186, 108, 1) 100%);
}

.subgrid > .row > [class*='coffee-span-'].FeatureBlock {
  border: 2px solid #989292;
  border-top-left-radius: 15px 15px;
  border-top-right-radius: 15px 15px;
  border-bottom-right-radius: 15px 15px;
  border-bottom-left-radius: 15px 15px;
  background-color: rgba(239, 243, 155, .51);
}

.row > [class*='coffee-span-'] > .container.MenuBox {
  border-top-left-radius: 15px 15px;
  border-top-right-radius: 15px 15px;
  border-bottom-right-radius: 15px 15px;
  border-bottom-left-radius: 15px 15px;
  background-color: rgba(239, 243, 155, .51);
  box-shadow: #2d3937 2px 2px 5px 0;
}

a.responsive-picture.picture-link-2 {
  float: right;
  max-width: 100px;
}

div.responsive-picture.picture-1 {
  max-width: 600px;
}

a.responsive-picture.picture-link-3 {
  max-width: none;
}

p.hero-tagline.hero-tagline-1 {
  border-width: 1px;
  color: #f2ead2;
  font-size: 16px;
}

.row > [class*='coffee-span-'] .html-element.Ticket-box {
  float: right;
}

a.responsive-picture.picture-link-12 {
  float: left;
  clear: none;
  max-width: 100px;
}

.row > [class*='coffee-span-'] > .container.container-1 {
  float: left;
  clear: left;
  width: 60%;
  border-top-left-radius: 15px 15px;
  border-top-right-radius: 15px 15px;
  border-bottom-right-radius: 15px 15px;
  border-bottom-left-radius: 15px 15px;
  background-color: rgba(135, 100, 32, .49);
}

a.responsive-picture.picture-link-13 {
  float: right;
  max-width: 100px;
}

a.responsive-picture.picture-link-14 {
  float: right;
  max-width: 100px;
}

div.responsive-picture.picture-8 {
  float: right;
}

a.responsive-picture.picture-link-4 {
  max-width: 100px;
}

.row > [class*='coffee-span-'] .html-element.Audition-box {
  float: left;
}

a.responsive-picture.ticketlink {
  float: right;
  max-width: 150px;
}

a.responsive-picture.picture-link-1 {
  max-width: 400px;
}

@media screen and (max-width: 460px) {
  .row > [class*='coffee-span-'] > .container.container-1 {
    width: 100%;
  }
}