/* @group reset */
p, ol, ul, h1, h2, h3 {
  margin-top: 0;
  margin-bottom: 0;
}
dl, dt, dd {
  margin: 0;
}
/* @end */

/* @group bootstrap resets */
@media (max-width: 767px) {
  .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 768px) {
  .container {
    width: 696px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 960px;
  }
}
/* @end */

/* @group css break points */
body:before {
  content: "xs";
  display: none; /* Prevent from displaying. */
}
@media (min-width: 768px) {
  body:before {
    content: "sm";
  }
}
@media (min-width: 992px) {
  body:before {
    content: "md";
  }
}
@media (min-width: 1200px) {
  body:before {
    content: "lg";
  }
}
/* @end */

/* @group fonts */

/**
 * @license
 * MyFonts Webfont Build ID 3327539, 2017-01-05T10:20:07-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Texta-Black by Latinotype
 * URL: http://www.myfonts.com/fonts/latinotype/texta/black/
 * 
 * Webfont: Texta-Bold by Latinotype
 * URL: http://www.myfonts.com/fonts/latinotype/texta/bold/
 * 
 * Webfont: Texta-Heavy by Latinotype
 * URL: http://www.myfonts.com/fonts/latinotype/texta/heavy/
 * 
 * Webfont: Texta-Medium by Latinotype
 * URL: http://www.myfonts.com/fonts/latinotype/texta/medium/
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3327539
 * Licensed pageviews: 100,000
 * Webfonts copyright: Copyright (c) 2014 by Daniel Hernandez &amp; Miguel Hernandez. All rights reserved.
 * 
 * © 2017 MyFonts Inc
*/

/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/32c633");

  
@font-face {font-family: 'Texta-Black';src: url('../fonts/texta/32C633_0_0.eot');src: url('../fonts/texta/32C633_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/texta/32C633_0_0.woff2') format('woff2'),url('../fonts/texta/32C633_0_0.woff') format('woff'),url('../fonts/texta/32C633_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'Texta-Bold';src: url('../fonts/texta/32C633_1_0.eot');src: url('../fonts/texta/32C633_1_0.eot?#iefix') format('embedded-opentype'),url('../fonts/texta/32C633_1_0.woff2') format('woff2'),url('../fonts/texta/32C633_1_0.woff') format('woff'),url('../fonts/texta/32C633_1_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'Texta-Heavy';src: url('../fonts/texta/32C633_2_0.eot');src: url('../fonts/texta/32C633_2_0.eot?#iefix') format('embedded-opentype'),url('../fonts/texta/32C633_2_0.woff2') format('woff2'),url('../fonts/texta/32C633_2_0.woff') format('woff'),url('../fonts/texta/32C633_2_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'Texta-Medium';src: url('../fonts/texta/32C633_3_0.eot');src: url('../fonts/texta/32C633_3_0.eot?#iefix') format('embedded-opentype'),url('../fonts/texta/32C633_3_0.woff2') format('woff2'),url('../fonts/texta/32C633_3_0.woff') format('woff'),url('../fonts/texta/32C633_3_0.ttf') format('truetype');}

@font-face {
  font-family: 'theme-icons';
  src:  url('../fonts/theme-icons.eot?3vp3nj');
  src:  url('../fonts/theme-icons.eot?3vp3nj#iefix') format('embedded-opentype'),
    url('../fonts/theme-icons.ttf?3vp3nj') format('truetype'),
    url('../fonts/theme-icons.woff?3vp3nj') format('woff'),
    url('../fonts/theme-icons.svg?3vp3nj#theme-icons') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'theme-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 30px;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?-2x66wo');
	src:url('../fonts/icomoon.eot?#iefix-2x66wo') format('embedded-opentype'),
		url('../fonts/icomoon.woff?-2x66wo') format('woff'),
		url('../fonts/icomoon.ttf?-2x66wo') format('truetype'),
		url('../fonts/icomoon.svg?-2x66wo#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}


  /* @group icomoon custom icons */
  [class^="icon-"], [class*=" icon-"] {
  	font-family: 'icomoon';
  	speak: none;
  	font-style: normal;
  	font-weight: normal;
  	font-variant: normal;
  	text-transform: none;
  	line-height: 1;
  	vertical-align: text-bottom;
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
  }

.icon-close:before {
  content: "\e900";
}
.icon-menu-toggle:before {
  content: "\e901";
}
/* @end */

/* @group mobile and navbar nav */
body.noscroll {
  overflow: hidden;
}

.mobilenav {
  visibility: hidden;
  position: fixed;
  top: 50px;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: 1000;
  -webkit-transition: visibility 0.4s, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: visibility 0.4s, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: visibility 0.4s, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  overflow-y: scroll;
  background: #F9F9FB url('../img/bg-mobile-nav.png') repeat center;
  background-size: 73px 79px;
}
.mobilenav.active {
  opacity: 1;
  visibility: visible;
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  transition-delay: 0;
}

.mobilenav nav {
  background: none;
  position: relative;
  display: block;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  border: none;
  margin-top: 0;
}
.mobilenav nav ul {
  margin: 0 35px;
}

.mobilenav nav::-webkit-scrollbar-track {
  border-radius: 2px;
}
.mobilenav nav::-webkit-scrollbar {
  width: 5px;
  background-color: #F7F7F7;
}
.mobilenav nav::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #BFBFBF;
}

.navbar {
  height: 50px;
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  z-index: 1030;
  -webkit-box-shadow: 0px 1px 8px 0px rgba(0,0,0,.1);
  -moz-box-shadow: 0px 1px 8px 0px rgba(0,0,0,.1);
  box-shadow: 0px 1px 8px 0px rgba(0,0,0,.1);
}
.navbar-brand {
  display: block;
  background: #1E1E1C url('../img/logos/bonded-warehouse.svg') no-repeat center center;
  background-size: 62px 59px;
  height: 78px;
  padding: 8px 10px;
  width: 82px;
}
.navbar-toggle {
  background: none;
  border: none;
  margin-top: 10px;
  padding: 0;
}
.navbar-toggle.open i:before {
  content: "\e900";
}

.mobile-nav a,
.navbar-nav a {
  padding: 15px 10px;
  text-decoration: none;
  display: block;
}
.mobile-nav a {
  padding: 10px;
}

.navbar-nav a.home {
  /*display: none;*/
}

.mobile-nav a.active,
.navbar-nav a.active {
  position: relative;
}
.mobile-nav a.active:after,
.navbar-nav a.active:after {
  content: '';
  display: block;
  width: 28px;
  height: 5px;
  position: absolute;
  left: 50%;
  bottom: 5px;
  margin-left: -14px;
  background: transparent url('../img/svgs/zig-zag3.svg') no-repeat center;
}
.mobile-nav a.active:after {
  bottom: 0px;
}

@media screen and (max-width: 767px) AND (max-height: 736px) {
  .mobilenav nav {
    padding: 50px 0;
  }
  .mobilenav .vertical-align {
    position: static;
    transform: translateY(0);
  }
}
@media screen and (min-width: 768px) {
  .mobilenav {
    top: 74px;
  }
  .mobilenav {
    height: calc(100% - 74px);
  }
  .mobile-nav li+li {
    margin-top: 10px;
  }
  
  .navbar {
    height: 74px;
  }
  .navbar-brand {
    background-size: 96px 91px;
    height: 115px;
    padding: 12px 15px;
    width: 126px;
  }
  .navbar-toggle {
    margin-top: 22px;
  }
}
@media screen and (min-width: 992px) {
  .navbar-brand {
    background-size: 115px 110px;
    height: 140px;
    padding: 16px 20px;
    width: 154px;
  }
}
/* @end */

/* @group body, page-container */
#page-container {
  padding-top: 50px;
}
body.layout-minimal #page-container {
  padding-top: 0;
}

@media screen and (min-width: 768px) {
  #page-container {
    padding-top: 74px;
  }
}
/* @end */

/* @group typography */
* {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1, h2, h3 {
  font-size: inherit;
  line-height: inherit;
  font-weight: normal;
}

/* font family */
.font-texta-medium,
body {
  font-family: 'Texta-Medium', arial, sans-serif;
}
.font-texta-bold {
  font-family: 'Texta-Bold', arial, sans-serif;
}
.font-texta-black,
.paging {
  font-family: 'Texta-Black', arial, sans-serif;
}
.font-texta-heavy,
.mobile-nav,
.navbar-nav,
.btn,
label.error,
.flourish-sides1,
.from-wysiwyg h2,
.from-wysiwyg h3,
.from-wysiwyg b,
.from-wysiwyg strong {
  font-family: 'Texta-Heavy', arial, sans-serif;
}

/* alignment */
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}

/* transforms */
.text-uppercase,
.btn,
.btn-underline,
label.error,
ul.labels li {
  text-transform: uppercase;
}

/* font sizes */
.item.item-events .when {
  font-size: 10px;
  line-height: 1;
}
.item .date {
  font-size: 10px;
  line-height: 25px;
}
.carousel-cover .item .label,
.btn-filter,
ul.labels li {
  font-size: 11px;
  line-height: 26px;
}
.btn-filter.disabled {
  line-height: 24px;
}
.btn-primary,
.btn-secondary {
  font-size: 11px;
  line-height: 31px;
}
button.btn-primary,
button.btn-secondary {
  font-size: 11px;
  line-height: 35px;
}
.flourish-sides1,
footer .copyright,
.index-filters .showing,
label.error {
  font-size: 12px;
  line-height: 1;
}
.paging {
  font-size: 12px;
  line-height: 20px;
}
section.view.blog .addthis_toolbox span,
section.view.events .addthis_toolbox span,
.btn-underline {
  font-size: 12px;
  line-height: 1;
}
.navbar-nav {
  font-size: 16px;
  line-height: 1;
}
body {
  font-size: 16px;
  line-height: 20px;
}
.form-control {
  font-size: 16px;
  line-height: 35px;
}
textarea.form-control {
  line-height: 20px;
}
label {
  font-size: 17px;
  line-height: 21px;
}
.mobile-nav,
section.view.blog .addthis_toolbox a,
section.view.events .addthis_toolbox a {
  font-size: 18px;
  line-height: 1;
}
.carousel-cover .item .title,
.carousel-home .item .title,
section.introduction-home h1,
section.introduction-home .text,
section.introduction .text,
section.introduction-services .title,
section.introduction-brand .title,
section.view.header .title,
section.view.body .title-repeat,
section.text-1col .title,
section.text-2col .title,
section.featured-nodes h2,
.item.item-blog h3,
.item.item-events h3,
section.mailing-list h2,
section.enquiry-form h2,
section.cta h2,
.index-header .text,
section.contact .title,
section.page .title,
section.error404 .title,
section.event-tickets h1,
section.event-tickets h2,
section.form.booking h1,
section.event-tickets #total {
  font-size: 18px;
  line-height: 24px;
}
#toggle-filters {
  font-size: 18px;
  line-height: 46px;
}
.addthis_toolbox a {
  font-size: 26px;
}
section.contact .fa.icon {
  font-size: 40px;
  line-height: 80px;
}
section.contact .fa.icon.fa-mobile {
  font-size: 55px;
}

/* letter spacing */
.btn-underline {
  letter-spacing: 2px;
}
.item .date,
.item.item-events .when {
  letter-spacing: 2.15px;
}
.flourish-sides1,
.index-filters .showing,
label.error {
  letter-spacing: 2.5px;
}

@media screen and (min-width: 768px) {
  /* font sizes */
  .item.item-events .when {
    font-size: 12px;
  }
  .item .date {
    font-size: 12px;
    line-height: 27px;
  }
  .btn-underline {
    font-size: 13px;
  }
  body {
    font-size: 17px;
    line-height: 22px;
  }
  .mobile-nav {
    font-size: 22px;
  }
  section.introduction-home h1,
  section.introduction-home .text,
  section.introduction .text,
  section.introduction-services .title,
  section.view.header .title,
  .carousel-home .item .title,
  section.text-2col .title,
  section.featured-nodes h2,
  .item.item-blog h3,
  .item.item-events h3,
  section.mailing-list h2,
  section.enquiry-form h2,
  section.cta h2,
  .index-header .text,
  section.contact .title,
  section.error404 .title,
  section.form.booking h1,
  section.event-tickets h1,
  section.event-tickets h2,
  section.event-tickets #total {
    font-size: 20px;
    line-height: 26px;
  }
  section.introduction-brand .title,
  section.text-1col .title,
  .carousel-cover .item .title,
  section.page .title {
    font-size: 26px;
    line-height: 26px;
  }
  
  /* line heights */
  form .notice {
    line-height: 35px;
  }
  
  /* letter spacing */
  .btn-underline {
    letter-spacing: 2.5px;
  }
}
@media screen and (min-width: 992px) {
  /* font sizes */
  .btn-underline {
    font-size: 13px;
  }
  .btn-primary,
  .btn-secondary {
    font-size: 13px;
    line-height: 41px;
  }
  button.btn-primary,
  button.btn-secondary {
    font-size: 13px;
    line-height: 45px;
  }
  .flourish-sides1,
  .index-filters .showing,
  section.view.blog .addthis_toolbox span,
  section.view.events .addthis_toolbox span,
  label.error,
  .btn-underline,
  .item.item-events .when {
    font-size: 14px;
  }
  .carousel-cover .item .label,
  .btn-filter,
  ul.labels li {
    font-size: 14px;
    line-height: 30px;
  }
  .btn-filter.disabled {
    line-height: 28px;
  }
  footer .copyright {
    font-size: 15px;
  }
  body,
  label {
    font-size: 18px;
    line-height: 24px;
  }
  .form-control {
    font-size: 18px;
    line-height: 45px;
  }
  section.event-tickets #total {
    font-size: 21px;
    line-height: 28px;
  }
  textarea.form-control {
    line-height: 22px;
  }
  section.view.blog .addthis_toolbox a,
  section.view.events .addthis_toolbox a {
    font-size: 26px;
    line-height: 1;
  }
  section.introduction-home h1,
  section.introduction-home .text,
  section.introduction .text,
  section.introduction-services .title,
  section.view.header .title,
  section.view.body .title-repeat,
  .carousel-home .item .title,
  section.text-2col .title,
  section.featured-nodes h2,
  section.mailing-list h2,
  section.enquiry-form h2,
  section.form.booking h1,
  section.cta h2,
  .index-header .text,
  section.contact .title,
  section.error404 .title,
  section.event-tickets h1,
  section.event-tickets.summary h2 {
    font-size: 26px;
    line-height: 28px;
  }
  section.text-1col .title {
    font-size: 26px;
    line-height: 32px;
  }
  section.introduction-brand .title,
  .carousel-cover .item .title,
  section.page .title {
    font-size: 36px;
    line-height: 32px;
  }
  
  /* line heights */
  form .notice {
    line-height: 45px;
  }
  
  /* letter spacing */
  .flourish-sides1,
  .btn-underline,
  .index-filters .showing,
  label.error {
    letter-spacing: 3px;
  }
}
/* @end */

/* @group lists */
.list-unstyled,
.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline>li {
  display: inline-block;
}

.from-wysiwyg ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.from-wysiwyg li { 
  padding-left: 1em; 
  text-indent: -.5em;
}
.from-wysiwyg li:before {
  content: ">";
  font-family: 'Texta-Bold', arial, sans-serif;
  color: #842315;
  display: inline-block;
  width: .5em;
}

.from-wysiwyg ol {
  counter-reset: item;
}
.from-wysiwyg ol li {
  display: block;
  padding-left: 1em; 
  text-indent: -0.5em;
  color: #842315;
  font-weight: bold;
  color: #842315;
  font-weight: bold;
}
.from-wysiwyg ol li:before {
  content: counters(item, ".") ". ";
  counter-increment: item;
  width: 0.5em;
}
.from-wysiwyg ol ol {
  margin-top: 15px;
  margin-bottom: 15px;
}
.from-wysiwyg ol ol li {
  padding-left: 2.5em; 
  text-indent: -1.25em;
  margin-bottom: 5px;
  color: #929696;
  font-weight: normal;
}
.from-wysiwyg ol ol li:before {
  width: 1.25em;
}
/* @end */

/* @group links */
a,
a:focus, 
button {
  outline: none;
}
a:hover, 
a:focus {
  color: inherit;
  text-decoration: none;
}
a:hover,
#scrollToNextSection:hover {
  cursor: pointer;
}

a.hover-underline:hover,
a.color-inherit:hover {
  text-decoration: underline;
}

.btn-primary,
.btn-secondary
 {
  display: inline-block;
  position: relative;
  border: 2px solid #333;
}
.btn-primary::after,
.btn-secondary::after {
  content: '';
  position: absolute;
  display: block;
  width: 35px;
  height: 35px;
  border: 2px solid #333;
  top: -2px;
  right: -39px;
  background: url('../img/svgs/chevron-right.svg') no-repeat center;
}
.btn-secondary::after {
  background: url('../img/svgs/chevron-right-red.svg') no-repeat center;
}
.btn-secondary:hover::after {
  background: url('../img/svgs/chevron-right-orange.svg') no-repeat center;
}

.btn-filter {
  display: inline-block;
  position: relative;
}
.btn-filter:before,
.btn-filter:after {
  content: '';
  display: block;
  position: absolute;
  width: 10px;
  height: 26px;
  top: 0;
  left: 0px;
  background: transparent url('../img/svgs/filter-left.svg');
}
.btn-filter:after {
  left: auto;
  right: 0px;
  background: transparent url('../img/svgs/filter-right.svg');
}
.btn-filter.disabled:before {
  left: -1px;
  background: transparent url('../img/svgs/filter-left-bordered.svg');
}
.btn-filter.disabled:after {
  right: -1px;
  background: transparent url('../img/svgs/filter-right-bordered.svg');
}

button.btn {
  border: none;
}
button.btn-primary::after,
button.btn-secondary::after {
  top: 0;
}

.btn-underline {
  display: inline-block;
}

.btn-block {
  width: 100%;
}
.btn-block.btn-primary,
.btn-block.btn-secondary {
  width: calc(100% - 37px);
}

.tile-link:hover {
  cursor: pointer;
}

#toggle-filters,
.btn-filter {
  display: block;  
}
section.view.header .btn-filter {
  display: inline-block;
}

#toggle-filters {
  position: relative;
  background: transparent url('../img/svgs/plus.svg') no-repeat center right;
}
.index-filters.open #toggle-filters {
  background-image: url('../img/svgs/minus.svg');
}

.inline-block {
  display: inline-block;
}
section.form.booking .form-control,
section.form.booking .form-group,
section.form.booking .input-group,
section.form.booking .bootstrap-select.btn-group .btn,
section.form.booking .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn),
section.form.booking .bootstrap-select {
  display: inline-block;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .xs-btn-block {
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .btn-block.btn-primary,
  .btn-block.btn-secondary {
    width: calc(100% - 47px);
  }
  .btn-primary::after,
  .btn-secondary::after {
    width: 45px;
    height: 45px;
    right: -49px;
  }
  
  .btn-filter:before,
  .btn-filter:after {
    height: 30px;
    background-size: cover !important;
    left: 0;
    background-image: url('../img/svgs/filter-left-large.svg');
  }
  .btn-filter:after {
    left: auto;
    right: 0;
    background-image: url('../img/svgs/filter-right-large.svg');
  }
  .btn-filter.disabled:before {
    background-image: url('../img/svgs/filter-left-bordered-large.svg');
  }
  .btn-filter.disabled:after {
    background-image: url('../img/svgs/filter-right-bordered-large.svg');
  }
}
/* @end */

/* @group bootstrap-select */
.form-control.bootstrap-select {
  padding: 0;
}
.form-control.bootstrap-select button {
  background: none;
  border: none;
  padding: 0;
}
.bootstrap-select.btn-group {
  position: relative;
}
.bootstrap-select.btn-group .btn {
  font-size: inherit;
  position: relative;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
  font-family: 'Texta-Medium';
  font-size: 16px;
  line-height: 35px;
  text-transform: none;
  padding: 0 15px;
  width: calc(100% - 35px);
}
.bootstrap-select .bs-caret,
section.form.booking .bs-caret {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #1E1E1C;
  width: 35px;
  height: 35px;
}
section.form.booking .bs-caret  {
  top: 41px;
  right: 16px;
  z-index: 10;
}
section.form.booking  .col-md-4:nth-child(2) .bs-caret {
  top: 45px;
}
section.form.booking  .col-md-4:first-child .bs-caret {
  top: 45px;
}
section.form.booking .bs-caret img {
  margin-top: 7.5px;
  margin-left: 7px;
}
.bootstrap-select svg #arrow {
  transform-origin: 50% 50%;
  transform: rotate(90deg);
}
.bootstrap-select.open svg #arrow {
  fill: #111820;
}
.bootstrap-select.open .dropdown-menu {
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: #FFF;
  border-radius: 0;
  border: 1px solid #F6F6F6;
  border-top: none;
  box-shadow: none;
}
.bootstrap-select.open .dropdown-menu li>a {
  color: #949494;
  font-size: 16px;
  line-height: 35px;
  padding: 0 14px;
  font-size: 16px;
}
.bootstrap-select.open .dropdown-menu li {
  border-top: 1px solid #F6F6F6;
}
.bootstrap-select.open .dropdown-menu li>a.selected,
.bootstrap-select.open .dropdown-menu>li>a:hover, 
.bootstrap-select.open .dropdown-menu>li>a:focus {
  background-color: #F6F6F6;
  color: #1E1E1C;
}
@media (min-width: 768px) {
  section.form.booking .bs-caret {
    top: 42px;
    right: 16px;
  }
  section.form.booking .col-md-4:nth-child(2) .bs-caret {
    top: 45px;
  }
}
@media screen and (min-width: 992px) {
  .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    font-size: 18px;
    line-height: 45px;
    width: calc(100% - 45px);
  }
  .bootstrap-select .bs-caret,
  section.form.booking .bs-caret {
    width: 45px;
    height: 45px;
  }
  section.form.booking .bs-caret {
    top: 49px;
  }
  section.form.booking .col-md-4:nth-child(2) .bs-caret,
  section.form.booking .col-md-4:first-child .bs-caret {
    top: 48px;
  }
  section.form.booking .bs-caret img {
    margin-top: 12.5px;
    margin-left: 12px;
  }
  .bootstrap-select.open .dropdown-menu li>a {
    font-size: 18px;
    line-height: 45px;
  }
}
/* @end */

/* @group borders */
.form-control {
  border: none;
}
section.featured-event .info-wrap {
  border-top: 2px solid #333;
  border-bottom: 2px solid #333;
}
footer .divider,
.btn-underline,
section.contact a.email:hover {
  border-bottom: 1px solid #333;
}
section.view.body .divider {
  border-bottom: 2px solid #333;
}

.zigzag-border-top,
.zigzag-border-bottom {
  position: relative;
}
.zigzag-border-top:before {
  background-repeat: repeat-x;
  content: '';
  position: absolute;
  z-index: 10;
  height: 5px;
  left: 0;
  right: 0;
  top: -5px;
  background-image: url('../img/svgs/zig-up.svg');
  background-position: center;
}
.zigzag-border-bottom:after {
  background-repeat: repeat-x;
  content: '';
  position: absolute;
  z-index: 10;
  height: 5px;
  left: 0;
  right: 0;
  bottom: -5px;
  background-image: url('../img/svgs/zig-down.svg');
  background-position: center;
}
.bg-white.zigzag-border-top:before {
  background-image: url('../img/svgs/zig-up-white.svg');
}
.bg-white.zigzag-border-bottom:after {
  background-image: url('../img/svgs/zig-down-white.svg');
}

@media screen and (max-width: 767px) {
  .row.index-filters .divider {
    border-bottom: 2px solid #333;
  }
}
@media screen and (min-width: 768px) {
  .btn-underline {
    border-bottom: 2px solid #333;
  }
}
/* @end */

/* @group carousels */
.carousel-cover .item {
  height: 350px;
  background-size: cover;
  background-position: center;
}
.carousel-cover .item:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 230px;
  bottom: 0;
  z-index: 1;
}
.carousel-cover .panel {
  position: absolute;
  bottom: 20px;
  z-index: 2;
  width: calc(100% - 60px);
  max-width: 350px;
}
.carousel-cover .label {
  display: inline-block;
  position: relative;
  margin-left: 10px;
  padding: 0 6px;
}
.carousel-cover .label:before,
.carousel-cover .label:after {
  content: '';
  display: block;
  position: absolute;
  width: 10px;
  height: 26px;
  top: 0;
  left: -9px;
  background: transparent url('../img/svgs/label-dark-left.svg');
}
.carousel-cover .label:after {
  left: auto;
  right: -9px;
  background: transparent url('../img/svgs/label-dark-right.svg');
}
.carousel-cover .item.dark .label:before {
  background: transparent url('../img/svgs/label-white-left.svg');
}
.carousel-cover .item.dark .label:after {
  background: transparent url('../img/svgs/label-white-right.svg');
}

.carousel .indicators {
  position: absolute;
  bottom: 20px;
  text-align: right;
  margin-left: 0;
  left: auto;
  right: 15px;
  z-index: 15;
  padding: 0;
  margin: 0;
}
.carousel-images .indicators {
  bottom: 0;
  left: 0;
  right: auto;
}
.carousel-indicators li,
.carousel .indicators a {
  display: inline-block;
  width: 20px !important;
  height: 20px !important;
  position: relative;
  border: none;
  border-radius: 0;
  margin: 0;
}
.carousel .control img,
.carousel-indicators li img,
.carousel .indicators a img {
  vertical-align: top;
}
.carousel-indicators li:after,
.carousel .indicators a.slide-to:after {
  content: '';
  display: block;
  position: absolute;
  top: 7px;
  left: 7px;
  width: 7px;
  height: 7px;
  border: 1px solid #FFF;
  border-radius: 50%;
}
.carousel-indicators li.active:after,
.carousel .indicators a.slide-to.active:after {
  width: 9px;
  height: 9px;
  top: 6px;
  left: 6px;
}

.carousel-home .control {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 15;
}
.carousel-home .control.next {
  left: auto;
  right: 0;
}
.carousel .carousel-indicators {
  bottom: auto;
  top: 0;
}

@media screen and (min-width: 768px) {
  .carousel-cover .item {
    height: 550px;
  }
  .carousel-cover .item:after {
    height: 300px;
  }
  .carousel-cover .panel {
    bottom: 30px;
    width: 500px;
    max-width: none;
  }
  .carousel-cover .indicators {
    bottom: 30px;
    right: 50%;
    margin-right: -333px;
  }
  .carousel-images .indicators {
    bottom: -2px;
  }
  
  .carousel-home .control {
    top: 175px;
    left: -58px;
  }
  .carousel-home .control.next {
    left: auto;
    right: -58px;
  }
  .carousel-home .carousel-indicators {
    top: 289px;
  }
}
@media screen and (min-width: 992px) {
  html,
  body,
  #page-container,
  #page-container > .wrapper,
  .carousel-cover,
  .carousel-cover .carousel,
  .carousel-cover .carousel-inner,
  .carousel-cover .item {
    height: 100%;
  }
  .carousel-cover .item:after {
    height: 330px;
  }
  .carousel-cover .panel {
    bottom: 40px;
    width: 700px;
  }
  .carousel-cover .label {
    padding: 0 10px;
  }
  .carousel-cover .label:before,
  .carousel-cover .label:after {
    height: 30px;
    background-size: cover !important;
    left: -10px;
  }
  .carousel-cover .label:after {
    left: auto;
    right: -9px;
  }
  .carousel-cover .indicators {
    bottom: 40px;
    margin-right: -480px;
  }
  .carousel-images .indicators {
    bottom: -4px;
  }
  
  .carousel-home .control {
    top: 224px;
    left: -79px;
  }
  .carousel-home .control.next {
    left: auto;
    right: -79px;
  }
  .carousel-home .carousel-indicators {
    top: 413px;
  }
}
/* @end */

/* @group colors */

/* backgrounds */
.bg-white,
.carousel-indicators li.active:after,
.carousel .indicators a.slide-to.active:after,
.carousel-cover .item.dark .label,
section.bg-color2 + .mailing-list,
section.bg-color3 + .mailing-list,
body.brand.sunday-club section.bg-brand + .mailing-list,
.form-control {
  background-color: #FFF;
}
.form-control {
  background-color: #FFF;
}
.bg-color1,
.btn-primary,
.btn-primary::after,
.btn-filter.active,
.btn-filter:hover:not(.disabled),
.btn-filter:focus:not(.disabled),
.carousel .control,
.carousel-indicators li,
.carousel-indicators li.active,
.carousel .indicators a,
#scrollToNextSection,
.paging span {
  /*background-color: #E84E0F;*/
  background-color: #842315;
}
.bg-color2,
.carousel-cover .item .label,
.input-group-addon {
  background-color: #1E1E1C;
}
.bg-color3,
section.bg-white + .mailing-list,
section.bg-color2 + .mailing-list .form-control,
section.bg-color3 + .mailing-list .form-control,
section.event-tickets .form-control,
section.form.booking .form-control,
section.form.booking .bootstrap-select.btn-group .btn,
body.brand.sunday-club section.bg-brand + .mailing-list .form-control,
section.bg-tile-w-white .form-control,
section.bg-brand + .mailing-list,
section.bg-tile-w-white + .mailing-list {
  background-color: #F6F6F6;
}
.bg-color4,
.item .img-wrap .date {
  background-color: #6E6962;
}
.bg-color5,
.btn-filter,
ul.labels li {
  background-color: #d4d4d4;
}
.bg-color6,
.paging .current,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:hover::after,
.btn-primary:focus::after,
.carousel .control:hover,
.carousel-indicators li:hover,
.carousel .indicators a:hover,
#scrollToNextSection:hover {
  /*background-color: #842315;*/
  background-color: #E84E0F;
}

.form-control:focus,
.form-control.open {
  background-color: #FFF !important;
}

body {
  background: #1E1E1C url('../img/bg-footer.png') repeat center;
  background-size: 73px 79px;
}
body.layout-minimal {
  background: #F6F6F6;
}
.carousel-cover .item:after {
  background: rgba(255,255,255,0);
  background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,1)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}
.carousel-cover .item.dark:after {
  background: rgba(0,0,0,0);
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(0,0,0,1)));
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
  background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
  background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}

.bg-tile-w-grey {
  background: #F9F9FB url('../img/bg-mobile-nav.png') repeat center;
  background-size: 73px 79px;
}
.bg-tile-w-white {
  background: #FFFFFF url('../img/bg-w-white.png') repeat center;
  background-size: 73px 79px;
}
  
/* color */
a.color-inherit {
  color: inherit;
}
.color-white,
a.color-white,
footer .addthis_toolbox a,
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.carousel-cover .item.dark .title,
.btn-filter.active,
.btn-filter:hover:not(.disabled),
.btn-filter:focus:not(.disabled),
.paging,
.paging a  {
  color: #FFFFFF;
}
.color-black,
a.color-black {
  color: #000;
}

.color1,
a.color1,
.btn-underline,
.btn-secondary,
label.error,
.from-wysiwyg a,
section.mailing-list form p a,
form#contactForm p.notice a,
form#eventsForm p.notice a {
  color: #842315;
}
.color2,
a.color1:hover,
a.color1:focus,
a.color3:hover,
button.color1:hover,
button.color1:focus,
.btn-secondary:hover,
.btn-secondary:focus,
.btn-underline:hover,
.btn-underline:focus,
.tile-link.hover .btn-underline,
footer .addthis_toolbox a:hover,
footer .addthis_toolbox a:focus,
.from-wysiwyg a:hover,
.from-wysiwyg a:focus,
section.mailing-list form p a:hover,
form#contactForm p.notice a:hover {
  color: #E84E0F;
}
.color3,
a.color3,
.navbar a,
.mobilenav a,
.carousel-cover .item.dark .label,
.from-wysiwyg h2,
.from-wysiwyg h3,
.from-wysiwyg b {
  color: #1E1E1C;
}
.color4 {
  color: #9B9B9B;
}
.color5,
body {
  color: #929696;
}
.color6,
.btn-filter,
ul.labels li {
  color: #6E6962;
}

footer .form-control::-webkit-input-placeholder { color: #fff; }
footer .form-control:-moz-placeholder { color: #fff; }
footer .form-control::-moz-placeholder { color: #fff; }
footer .form-control:-ms-input-placeholder { color: #fff; }

.brand-colors .twitter,
.brand-colors .addthis_button_twitter_follow,
.brand-colors .addthis_button_twitter {
  color: #2dabdf !important;
}
.brand-colors .facebook,
.brand-colors .addthis_button_facebook_follow,
.brand-colors .addthis_button_facebook {
  color: #3b5998 !important;
}
.brand-colors .instagram,
.brand-colors .addthis_button_instagram_follow,
.brand-colors .addthis_button_instagram {
  color: #3f729b !important;
}
.brand-colors .linkedin,
.brand-colors .addthis_button_linkedin {
  color: #007bb6 !important;
}
.brand-colors .google_plusone,
.brand-colors .addthis_button_google_plusone_share {
  color: #df4b37 !important;
}
.brand-colors .vimeo,
.brand-colors .addthis_button_vimeo,
.brand-colors .addthis_button_vimeo_follow {
  color: #1ab7ea !important;
}
.brand-colors .pinterest,
.brand-colors .addthis_button_pinterest_share {
  color: #cb2027 !important;
}
.brand-colors .linkedin,
.brand-colors .addthis_button_linkedin_share,
.brand-colors .addthis_button_linkedin_follow {
  color: #007bb6 !important;
}

/* borders */
.border-color-white,
.carousel-cover .indicators a.slide-to:after {
  border-color: #FFF;
}
.border-color1,
.navbar {
  border-color: #EAEAEA;
}
.border-color2,
footer .divider {
  border-color: #636363;
}
.border-color3,
.btn-underline,
.btn-primary,
.btn-primary::after,
.btn-secondary,
.btn-secondary::after {
  /*border-color: #E84E0F;*/
  border-color: #842315;
}
.border-color4,
.btn-underline:hover,
.btn-underline:focus,
.tile-link.hover .btn-underline,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:focus::after,
.btn-primary:hover::after,
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:focus::after,
.btn-secondary:hover::after {
  /*border-color: #842315;*/
  border-color: #E84E0F
}

@media screen and (max-width: 767px) {
  .xs-bg-white {
    background-color: #fff;
  }
}
@media screen and (min-width: 768px) {
  .sm-bg-white {
    background-color: #fff;
  }
}
/* @end */

/* @group positioning */
.vertical-align {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

section.view.blog .addthis_toolbox span,
section.view.events .addthis_toolbox span {
  vertical-align: 2px;
}


@media (min-width: 768px) {
  .sm-vertical-align {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@media (min-width: 992px) {
  section.view.blog .addthis_toolbox span,
  section.view.events .addthis_toolbox span {
    vertical-align: 5px;
  }
}
/* @end */

/* @group responsive */
@media screen and (max-width: 767px) {
  .xs-no-background {
    background-image: none !important;
  }
  .xs-block {
    display: block;
  }
  
  .xs-text-left {
    text-align: left;
  }
  .xs-text-center {
    text-align: center;
  }
  .xs-text-right {
    text-align: right;
  }
  
  .xs-pull-left {
    float: left;
  }
  .xs-pull-right {
    float: right;
  }
}
@media screen and (min-width: 768px) {
  .sm-no-padding-right {
    padding-right: 0;
  }
  .sm-no-padding-left {
    padding-left: 0;
  }
  
  .sm-text-left {
    text-align: left;
  }
  .sm-text-center {
    text-align: center;
  }
  .sm-text-right {
    text-align: right;
  }
  
  .sm-pull-left {
    float: left;
  }
  .sm-pull-right {
    float: right;
  }
}
@media screen and (min-width: 992px) {
  .md-no-padding-right {
    padding-right: 0;
  }
  .md-no-padding-left {
    padding-left: 0;
  }
  
  .md-text-left {
    text-align: left;
  }
  .md-text-center {
    text-align: center;
  }
  .md-text-right {
    text-align: right;
  }
  
  .md-pull-left {
    float: left;
  }
  .md-pull-right {
    float: right;
  }
}
/* @end */

/* @group padding */
.form-control {
  padding: 0 15px;
}
textarea.form-control {
  padding: 10px 15px;
}
.btn-primary,
.btn-secondary {
  padding: 0 12px;
}
.btn-filter,
ul.labels li {
  padding: 0 15px;
}
section.mailing-list .btn-primary {
  padding: 0 30px;
}
section.event-tickets .panel {
  padding: 30px 30px 40px;
}

/* padding-top */
footer,
section.view.body,
section.featured-event .info-wrap {
  padding-top: 20px;
}
section.introduction-home,
section.introduction,
section.introduction-services,
section.introduction-brand,
section.text-1col,
section.text-2col,
section.featured-nodes,
section.mailing-list,
section.enquiry-form,
section.cta,
section.index,
section.view.header,
section.contact,
section.error404,
section.event-tickets {
  padding-top: 50px;
}

section.page {
  padding-top: 65px;
}
section.form.booking {
  padding-top: 80px;
}
/* padding-bottom */
.btn-underline {
  padding-bottom: 6px;
}
section.featured-event .info-wrap,
footer,
#ticketForm {
  padding-bottom: 20px;
}
section.view.header {
  padding-bottom: 30px;
}
section.form.booking{ 
  padding-bottom: 50px;
}
section.introduction-services,
section.introduction-brand,
section.view.body,
section.contact,
section.introduction-home,
section.carousel-home,
section.text-1col,
section.text-2col,
section.featured-nodes,
section.mailing-list,
section.enquiry-form,
section.cta,
section.index,
section.page,
section.error404 {
  padding-bottom: 60px;
}
section.form.event-tickets,
section.event-tickets {
  padding-bottom: 80px;
}
@media screen and (min-width: 768px) {
  section.event-tickets .panel {
    padding: 30px 80px 40px;
  }

  /* padding-top */
  section.featured-event .info-wrap {
    padding-top: 25px;
  }
  section.view.body {
    padding-top: 40px;
  }
  section.introduction-home,
  section.introduction,
  section.text-1col,
  section.text-2col,
  section.enquiry-form,
  section.cta,
  footer,
  section.error404,
  section.featured-nodes,
  section.contact,
  section.view.header,
  section.index,
  section.event-tickets {
    padding-top: 60px;
  }
  
  section.page {
    padding-top: 80px;
  }
  
  /* padding-bottom */
  .btn-underline {
    padding-bottom: 8px;
  }
  section.featured-event .info-wrap {
    padding-bottom: 25px;
  }
  section.introduction-services,
  section.introduction-brand,
  section.view.body,
  section.introduction-home,
  section.text-1col,
  section.text-2col,
  section.carousel-home,
  section.enquiry-form,
  section.cta,
  section.contact,
  section.page,
  section.error404,section.featured-nodes,
  section.index,
  section.event-tickets {
    padding-bottom: 70px;
  }
}
@media screen and (min-width: 992px) {
  /* padding-top */
  section.view.body {
    padding-top: 45px;
  }
  section.mailing-list,
  section.introduction-services,
  section.introduction-brand,
  section.text-1col,
  section.text-2col,
  section.enquiry-form,
  section.cta,
  section.error404,
  section.introduction-home,
  section.introduction,
  section.featured-nodes,
  section.contact,
  section.view.header,
  section.index,
  section.event-tickets {
    padding-top: 80px;
  }
  section.page {
    padding-top: 90px;
  }
  
  section.introduction-services,
  section.introduction-brand,
  section.text-1col,
  section.text-2col,
  section.mailing-list,
  section.enquiry-form,
  section.cta,
  section.view.body,
  section.contact,
  section.page,
  section.error404,
  section.introduction-home,
  section.carousel-home,
  section.featured-nodes,
  section.index,
  section.event-tickets {
    padding-bottom: 90px;
  }
}
/* @end */

/* @group margin */

/* margin-top */
button.dropdown-toggle {
  margin-top: 0 !important;
}
label + input,
label + select + .bootstrap-select,
section.view.body .btn-filter + .btn-filter,
section.view.body ul.labels li + li {
  margin-top: 3px;
}
.mobilenav li+li,
label.error {
  margin-top: 5px;
}
.carousel-cover .item .title,
.carousel-cover .item .btn,
.carousel-home .item .text,
section.featured-nodes .item .summary,
section.index .item .summary,
section.introduction-services .btn + .btn,
section.introduction-brand .btn + .btn,
section.images .img-wrap + .img-wrap,
section.view.header .btn-filter,
section.view.header ul.labels,
section.view.body.events ul.labels,
section.contact p+p,
section.event-tickets #total + button,
section.error404 span+.btn,
section.view.body.events .btn + .btn {
  margin-top: 10px;
}
.navbar-nav {
  margin-top: 14px;
}
section.introduction-home h1,
section.introduction .text,
.index-header .text,
section.view.header .title,
section.contact .title,
section.introduction-services .row + .row + .row,
section.introduction-brand .from-wysiwyg,
section.introduction-brand .email,
section.text-2col .row + .row,
section.featured-nodes .item .title,
section.featured-nodes .item .btn,
section.index .item .title,
section.index .item .btn,
section.enquiry-form .intro,
section.mailing-list .intro,
section.cta .text,
footer .copyright,
section.error404 .title,
section.view.body.events .title-repeat,
#form-processing .fa,
#form-failed .fa,
section.event-tickets #total,
section.event-tickets h1 + ul,
section.event-tickets.summary h1 + p,
section.event-tickets h1,
section.booking.form h1,
.form-group .bootstrap-select.btn-group
.tickets.events section.view.header ul.labels {
  margin-top: 15px;
} 
.carousel-home .item .title,
.carousel-home .item .btn,
section.text-2col .btn,
section.cta .btn,
.form-group,
.from-wysiwyg p+p,
.from-wysiwyg p+ul,
.from-wysiwyg ul+p,
.from-wysiwyg p+ol,
.from-wysiwyg ol+p,
.from-wysiwyg p+h2,
.from-wysiwyg h2+p,
.from-wysiwyg p+h3,
.from-wysiwyg h3+p,
section.page .from-wysiwyg,
.view-tickets,
section.view.body.events ul.labels + .btn,
section.view.header.events .btn,
section.error404 .title + p,
section.event-tickets h2 + p,
#form-processing p,
#form-failed p,
#summary-wrap .title.font-texta-heavy.color1,
.tickets.events #ticketForm > p:nth-child(5),
section.event-tickets .refund-policy-wrap h2,
#form-confirm h2,
.tickets.events #form-confirm,
section.form.booking .btn-primary,
section.form.booking .panel   {
  margin-top: 20px;
} 
section.introduction-home h1+p,
footer .addthis_toolbox,
.carousel-home .carousel,
section.mailing-list .btn,
section.enquiry-form .submit-wrap,
section.view.body .divider+.btn,
section.view.body .btn+.divider,
section.view.body .btn-secondary,
section.contact .fa.icon,
section.error404 .btn {
  margin-top: 25px;
}
section.introduction-services .btn,
.index-filters,
.index-filters .showing,
.index-inner,
section.event-tickets .panel {
  margin-top: 30px;
}
section.introduction-services .row + .row,
section.view.body .addthis_toolbox {
  margin-top: 35px;
}
footer .divider,
.paging,
section.error404 .title,
section.event-tickets #guest-wrap  {
  margin-top: 40px;
}
section.contact .embed-responsive {
  margin-top: 50px;
}

/* margin-left */
.text-center .btn-primary,
.text-center .btn-secondary,
.carousel-home .item .btn {
  margin-left: -37px;
}
.carousel-indicators li+li,
.carousel .indicators a+a,
.paging span+span {
  margin-left: 2px !important;
}
.addthis_toolbox a+a {
  margin-left: 10px;
}

/* margin-right */
.navbar-nav {
  margin-right: -10px;
}
section.view.blog .addthis_toolbox span,
section.view.events .addthis_toolbox span {
  margin-right: 10px;
}
section.view.header .btn-filter,
section.view.header ul.labels li,
section.introduction-brand .email i {
  margin-right: 10px;
}

@media screen and (max-width: 767px) {
  /* margin-top */
  .filters .col-sm-3 + .col-sm-3 {
    margin-top: 10px;
  }
  section.text-1col .from-wysiwyg {
    margin-top: 15px;
  }
  section.introduction-services .right,
  section.text-2col .right,
  section.enquiry-form .btn-primary,
  section.featured-event .info-wrap {
    margin-top: 20px;
  }
  section.introduction-brand .title  {
    margin-top: 25px;
  }
  section.introduction-brand .btn,
  section.introduction-brand img,
  section.featured-nodes .item,
  .index-inner .item + .item,
  .index-inner .item + .clearfix,
  .index-inner .clearfix + .item {
    margin-top: 30px;
  }
  section.view.body .col-sm-4 {
    margin-top: 40px;
  }
  
  /* margin-bottom */
  .filters .col-sm-3:last-child {
    margin-bottom: 20px;
  }
  
  /* margin-left */
  .xs-text-center .btn,
  .mailing-list .btn {
    margin-left: -37px;
  }
}
@media screen and (min-width: 768px) {
  /* margin-top */
  section.index .item .title+.when {
    margin-top: 3px;
  }
  .mobilenav li+li {
    margin-top: 10px;
  }
  .carousel-cover .item .btn,
  .carousel-home .item .text,
  section.view.header .btn-filter,
  section.view.header ul.labels,
  section.view.header.events .btn,
  #form-processing .fa,
  #form-failed .fa {
    margin-top: 15px;
  }
  footer img.logotype,
  footer .addthis_toolbox {
    margin-top: 18px;
  }
  section.introduction .text,
  .index-header .text,
  section.view.header .title,
  section.contact .title,
  section.introduction-services .row + .row + .row,
  section.text-2col .row + .row,
  section.cta .text,
  section.featured-nodes.featured-event .item .btn {
    margin-top: 20px;
  }
  .from-wysiwyg p+p,
  .from-wysiwyg p+ul,
  .from-wysiwyg ul+p,
  .from-wysiwyg p+ol,
  .from-wysiwyg ol+p,
  .from-wysiwyg p+h2,
  .from-wysiwyg h2+p,
  .from-wysiwyg p+h3,
  .from-wysiwyg h3+p {
    margin-top: 22px;
  }
  section.introduction-home h1,
  .carousel-home .item .btn,
  section.text-2col .btn,
  section.cta .btn,
  section.page .from-wysiwyg,
  section.error404 .title + p,
  #form-processing p,
  #form-failed p,
  section.event-tickets h2 + p {
    margin-top: 25px;
  }
  section.mailing-list .btn {
    margin-top: 22px;
  }
  .carousel-home .carousel,
  .carousel-home .item .title,
  section.images .img-wrap + .img-wrap,
  section.enquiry-form .submit-wrap,
  section.view.body.events .title-repeat {
    margin-top: 30px;
  }
  section.event-tickets .panel {
    margin-top: 40px;
  }
  section.introduction-services .row + .row,
  section.introduction-brand .row + .row,
  section.featured-nodes .row + .row,
  .index-filters,
  .index-filters .showing  {
    margin-top: 45px;
  }
  .paging {
    margin-top: 50px;
  }
  footer .divider,
  section.contact .embed-responsive,
  section.error404 .title  {
    margin-top: 60px;
  }
  
  /* margin-bottom */
  .index-inner .clearfix  {
    margin-bottom: 40px;
  }
  
  /* margin-left */
  .mailing-list .btn {
    margin-left: 0px !important;
  }
  section.error404 span + .btn {
    margin-left: 57px !important;
  }
  
  /* margin-right */
  .sm-text-right .btn,
  section.view.header.events:not(.event-tickets) .btn {
    margin-right: 37px;
  }
}
@media screen and (min-width: 992px) {
  section.index .item .title+.when {
    margin-top: 5px;
  }
  section.featured-nodes.featured-event .when  {
    margin-top: 10px;
  }
  .carousel-cover .item .title,
  section.featured-nodes .item .summary,
  section.index .item .summary  {
    margin-top: 15px;
  }
  section.featured-nodes .item .title,
  section.featured-nodes .item .btn,
  section.index .item .title,
  section.index .item .btn,
  section.view.header .btn-filter,
  section.view.header ul.labels,
  #form-processing .fa,
  #form-failed .fa {
    margin-top: 20px;
  }
  .from-wysiwyg p+p,
  .from-wysiwyg p+ul,
  .from-wysiwyg ul+p,
  .from-wysiwyg p+ol,
  .from-wysiwyg ol+p,
  .from-wysiwyg p+h2,
  .from-wysiwyg h2+p,
  .from-wysiwyg p+h3,
  .from-wysiwyg h3+p {
    margin-top: 24px;
  }
  .carousel-cover .item .btn,
  section.introduction .text,
  .index-header .text,
  section.view.header .title,
  section.contact .title,
  section.text-2col .row + .row,
  section.introduction-services .row + .row + .row,
  section.enquiry-form .intro,
  section.mailing-list .intro {
    margin-top: 25px;
  }
  section.introduction-home h1,
  section.introduction-home h1+p,
  .carousel-home .item .btn,
  section.text-2col .btn,
  section.cta .btn,
  section.view.body .divider+.btn,
  section.view.body .btn+.divider,
  section.view.body .btn-secondary,
  section.page .from-wysiwyg,
  section.error404 .title + p,
  section.featured-nodes.featured-event .item .btn,
  #form-processing p,
  #form-failed p,
  section.event-tickets #total {
    margin-top: 30px;
  }
  section.enquiry-form .submit-wrap {
    margin-top: 40px;
  }
  section.introduction-services .row + .row,
  .index-filters  {
    margin-top: 40px;
  }
  .index-filters .showing  {
    margin-top: 45px;
  }
  section.event-tickets #guest-wrap {
    margin-top: 50px;
  }
  .carousel-home .carousel,
  .paging {
    margin-top: 60px;
  }
  section.error404 .title {
    margin-top: 80px;
  }
  
  /* margin-bottom */
  .index-inner .clearfix  {
    margin-bottom: 60px;
  }
  
  /* margin-left */
  .text-center .btn-primary,
  .text-center .btn-secondary,
  .carousel-home .item .btn {
    margin-left: -47px;
  }
  section.error404 span + .btn {
    margin-left: 67px !important;
  }
  
  /* margin-right */
  .sm-text-right .btn,
  section.view.header.events:not(.event-tickets) .btn {
    margin-right: 47px;
  }
}
/* @end */

/* @group flourishes */
.flourish-sides1 {
  display: inline-block;
  position: relative;
}
.flourish-sides1::before,
.flourish-sides1::after {
  background: url(../img/svgs/zig-zag.svg) no-repeat center;
  content: " ";
  width: 42px;
  height: 5px;
  position: absolute;
  background-size: 42px 5px;
  left: -52px;
  top: 2px;
}
.flourish-sides1::after {
  left: auto;
  right: -52px;
}
.flourish-sides1.flourish-orange::before,
.flourish-sides1.flourish-orange::after {
  background: url(../img/svgs/zig-zag-orange.svg) no-repeat center;
}

.flourish-bottom1 {
  display: inline-block;
  position: relative;
  padding-bottom: 20px;
}
.flourish-bottom1::after {
  background: url(../img/svgs/zig-zag.svg) no-repeat center;
  content: " ";
  width: 42px;
  height: 5px;
  position: absolute;
  background-size: 42px 5px;
  left: 0;
  bottom: 0;
}
.flourish-bottom1.flourish-orange::after {
  background: url(../img/svgs/zig-zag-orange.svg) no-repeat center;
}
.text-center .flourish-bottom1::after {
  left: 50%;
  margin-left: -21px;
}

@media screen and (max-width: 767px) {
  .flourish-sides1 {
    max-width: 190px;
  }
  .flourish-sides1::before,
  .flourish-sides1::after {
    top: 40%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@media screen and (min-width: 768px) {
  .flourish-sides1::before,
  .flourish-sides1::after {
    background: url(../img/svgs/zig-zag2.svg) no-repeat center;
    width: 95px;
    height: 6px;
    position: absolute;
    background-size: 95px 6px;
    left: -115px;
    top: 2px;
  }
  .flourish-sides1::after {
    left: auto;
    right: -115px;
  }
  .flourish-sides1.flourish-orange::before,
  .flourish-sides1.flourish-orange::after {
    background: url(../img/svgs/zig-zag2-orange.svg) no-repeat center;
  }
  
  .flourish-bottom1 {
    padding-bottom: 25px;
  }
  .flourish-bottom1::after {
    background: url(../img/svgs/zig-zag2.svg) no-repeat center;
    width: 95px;
    height: 6px;
    background-size: 95px 6px;
  }
  .flourish-bottom1.flourish-orange::after {
    background: url(../img/svgs/zig-zag2-orange.svg) no-repeat center;
  }
  .text-center .flourish-bottom1::after {
    margin-left: -48px;
  }
  .text-center .sm-text-left .flourish-bottom1::after {
    left: 0;
    margin-left: 0;
  }
}
@media screen and (min-width: 992px) {
  .flourish-sides1::before,
  .flourish-sides1::after {
    top: 3px;
  }
  
  .flourish-bottom1 {
    padding-bottom: 30px;
  }
}
/* @end */

/* @group index and items */
.item .img-wrap {
  position: relative;
}
.item .date {
  position: relative;
}
.item .img-wrap .date {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 8px 0 10px;
}
.item .date::before,
.item .date::after {
  content: "•";
  display: inline-block;
  width: 12px;
  text-align: center;
}

.paging span,
.paging span a {
  display: inline-block;
  width: 20px;
}

.btn-filter.disabled {
  background-color: #eeeeee;
  color: #B9BABA;
}
.btn-filter.disabled {
  background: none;
  border: 1px solid #DADADA;
  color: #B9BABA;
}

@media screen and (max-width: 767px) {
  .index-filters .filters {
    display: none;
  }
  .index-filters .filters.open {
    display: block;
  }
  
  body.index.events .row.filters {
    margin-left: -5px;
    margin-right: -5px;
  }
  body.index.events .filters .filter {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
  }
  body.index.events .index-filters.open .filters + .divider {
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px) {
  #toggle-filters {
    display: none;
  }
  .row.filters {
    display: block !important;
    margin-left: -5px;
    margin-right: -5px;
  }
  .filters .filter {
    padding-left: 5px;
    padding-right: 5px;
  }
  body.index.events .filters .clearfix {
    margin-bottom: 10px;
  }
  
  section.featured-event .info-wrap {
    min-height: 211px;
  }
}
@media screen and (min-width: 992px) {
  section.featured-event .info-wrap {
    min-height: 298px;
  }
}
/* @end */

/* @group introduction-home */
section.introduction-home {
  position: relative;
}
#scrollToNextSection {
  display: block;
  width: 36px;
  height: 36px;
  position: absolute;
  bottom: -18px;
  left: 50%;
  margin-left: -18px;
  background-image: url(../img/svgs/chevron-down.svg);
  background-repeat: no-repeat;
  background-position: center;
  z-index: 15;
}

@media screen and (min-width: 992px) {
  #scrollToNextSection {
    width: 40px;
    height: 40px;
    bottom: -20px;
    margin-left: -20px;
  }
}
/* @end */

/* @group parallax */
section.parallax {
  min-height: 100px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
body.ios-device section.parallax,
body.ios-device section.parallax {
  background-attachment: scroll;
  min-height: 200px;
}
section.parallax.cta {
  min-height: 0 !important;
}

@media screen and (max-width: 767px) {
  section.parallax {
    min-height: 200px;
  }
}
@media screen and (min-width: 768px) {
  section.parallax {
    min-height: 260px;
  }
  body.ios-device section.parallax {
    background-attachment: scroll;
    min-height: 400px;
  }
}
@media screen and (min-width: 992px) {
  section.parallax {
    min-height: 400px;
  }
}
/* @end */

/* @group images */
.tile-link .img-wrap {
  overflow: hidden;
}
.tile-link .img-wrap .date {
  z-index: 100;
}
.tile-link img {
	-webkit-transition: -webkit-transform 2s ease-in-out;
	transition: transform 2s ease-in-out;
}
.tile-link:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.from-wysiwyg img {  
  display: block;
  max-width: 100%;
  height: auto;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  section.images .img-wrap {
    overflow: hidden;
    height: 174px;
    position: relative;
  }
  section.images .img-wrap.tall {
    height: 378px;
  }
  section.images .img-wrap img {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
/* @end */

/* @group forms */
input:focus,
.form-control:focus {
  outline: 0;
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group .form-control, 
.input-group-addon, 
.input-group-btn {
  display: table-cell;
}
.input-group-addon {
  padding-right: 35px;
  line-height: 35px;
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
  background-image: url('../img/svgs/chevron-right.svg');
  background-position: center;
  background-repeat: no-repeat;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
}

.form-group {
  display: block;
  width: 245px;
  margin-left: auto;
  margin-right: auto;
}
section.event-tickets .form-group {
  width: 100%;
}
.form-control {
  -webkit-appearance: none;
  -webkit-border-radius:0; 
  border-radius:0;
  -webkit-transition: box-shadow 0.4s;
  -moz-transition: box-shadow 0.4s;
  transition: box-shadow 0.4s;
}
.form-control:focus,
.form-control.open {
  background-color: #FFF !important;
  -webkit-box-shadow: 0px 2px 14px 0px rgba(0,0,0,.16);
  -moz-box-shadow: 0px 2px 14px 0px rgba(0,0,0,.16);
  box-shadow: 0px 2px 14px 0px rgba(0,0,0,.16);
}

label {
  display: block;
  text-align: left;
}
.form-group input,
.form-group textarea {
  width: 100%;
}

section.enquiry-form .intro,
section.mailing-list .intro {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 767px) {

}

@media screen and (min-width: 768px) {
  .mailing-list .form-group {
    display: inline-block;
    margin-right: 30px;
  }
  .enquiry-form .form-group {
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .mailing-list .form-group {
    width: 290px;
  }
  .input-group-addon {
    padding-right: 45px;
  }
}
/* @end */

/* @group section.introduction-brand */
section.introduction-brand img {
  -webkit-box-shadow: 0px -2px 24px 0px rgba(15,15,15,1);
  -moz-box-shadow: 0px -2px 24px 0px rgba(15,15,15,1);
  box-shadow: 0px -2px 24px 0px rgba(15,15,15,1);
}

@media screen and (max-width: 767px) {
  section.introduction-brand .logo-wrap {
    max-width: 144px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 768px) {
  .row.sm-is-flex [class^=col-] {
    height: 198px;
  }
}
@media screen and (min-width: 992px) {
  section.introduction-brand .logo-wrap {
    max-width: 160px;
  }
  .row.sm-is-flex [class^=col-] {
    height: 220px;
  }
}
/* @end */

/* @group events */
ul.labels li {
  display: block;
  position: relative;
  text-align: center;
}
ul.list-inline.labels li {
  display: inline-block;
}
ul.labels li:before,
ul.labels li:after {
  content: '';
  display: block;
  position: absolute;
  width: 10px;
  height: 26px;
  top: 0;
  left: 0px;
  background: transparent url('../img/svgs/filter-left.svg');
}
ul.labels li:after {
  left: auto;
  right: 0px;
  background: transparent url('../img/svgs/filter-right.svg');
}

@media screen and (max-width: 767px) {
  section.view.header ul.list-inline.labels,
  section.event-tickets.form ul.list-inline.labels {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }
  section.view.header ul.list-inline.labels li,
  section.event-tickets.form ul.list-inline.labels li {
    display: block;
    margin-bottom: 10px;
    margin-right: 0;
  }
}
@media screen and (min-width: 992px) {
  ul.labels li:before,
  ul.labels li:after {
    height: 30px;
    background-size: cover !important;
    left: 0;
    background-image: url('../img/svgs/filter-left-large.svg');
  }
  ul.labels li:after {
    left: auto;
    right: 0;
    background-image: url('../img/svgs/filter-right-large.svg');
  }
}
/* @end */

/* @group contact */
section.contact .embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  -webkit-box-shadow: 0px 2px 10px 0px rgba(166,175,175,.6);
  -moz-box-shadow: 0px 2px 10px 0px rgba(166,175,175,.6);
  box-shadow: 0px 2px 10px 0px rgba(166,175,175,.6);
}
section.contact .embed-responsive-item {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}
/* @end */

/* @group tickets */
section.event-tickets .panel,
section.booking.form .panel,
.panel.drop-shadow {
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,.1);
  -moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,.1);
  box-shadow: 0px 1px 4px 0px rgba(0,0,0,.1);
  /* max-width: 350px;
  margin-left: auto;
  margin-right: auto; */
}

section.event-tickets #form-confirm {
  position: relative;
}

section.event-tickets.summary p.intro {
  max-width: 260px;
  margin-left: auto;
  margin-right: auto;
}

section.event-tickets.summary {
  position: relative;
  z-index: 0;
}
section.event-tickets.summary .panel-stack {
  position: relative;
}
section.event-tickets.summary .panel-stack .behind {
  position: absolute;
  width: 100%;
  height: 100%;
  transform-origin: 50% 50%;
  transform: rotate(2deg);
  z-index: -1;
  background-color: #FFF;
  top: 0;
  left: 0;
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,.1);
  -moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,.1);
  box-shadow: 0px 1px 4px 0px rgba(0,0,0,.1);
}

section.event-tickets #summary-wrap [class^=col-].title {
  position: relative;
}
section.event-tickets .label {
  display: inline-block;
  margin-left: 10px;
  padding: 0 6px;
  font-size: 12px;
  line-height: 26px;
  position: absolute;
  width: 110px;
  top: -13px;
  left: 50%;
  margin-left: -55px;
}
section.event-tickets #form-confirm .label {
  top: -2px;
}
section.event-tickets .label:before,
section.event-tickets .label:after {
  content: '';
  display: block;
  position: absolute;
  width: 10px;
  height: 26px;
  top: 0;
  left: -9px;
  background: transparent url('../img/svgs/label-dark-left.svg');
}
section.event-tickets .label:after {
  left: auto;
  right: -9px;
  background: transparent url('../img/svgs/label-dark-right.svg');
}

section.event-tickets #summary-wrap {
  background-image: linear-gradient(to right, #DADADA 30%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 10px 2px;
  background-repeat: repeat-x;
}
section.event-tickets #summary-wrap .row,
section.event-tickets #form-confirm {
  background-image: linear-gradient(to right, #DADADA 30%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 10px 2px;
  background-repeat: repeat-x;
  background-position: 10px 1px;
}
section.event-tickets #form-confirm {
  background-position: 0% 2%;
  padding-bottom: 20px;
}
section.event-tickets #summary-wrap [class^=col-],
section.event-tickets #summary-wrap [class^=col-].title {
  padding-top: 20px;
  padding-bottom: 20px;
}
section.event-tickets #form-confirm .guest0 [class^=col-] {
  padding-top: 28px;
}
section.event-tickets #form-confirm .btn-primary {
  margin-top: 0;
}
section.event-tickets #form-confirm .btn-secondary {
  margin-top: 10px;
}
section.event-tickets form div.gdpr-message p {
  font-size: 13px;
  line-height: 15px;
}
form .checkbox input[type="checkbox"] {
  display: block;
}
form div.gdpr-message,
form div.gdpr-message > * + * ,
div#form-confirm p.gdpr-message {
  margin-top: 20px;
}

@media screen and (max-width: 767px) {
  /* section.event-tickets #summary-wrap .ends {
    background-image: linear-gradient(to right, #BBB 10%, rgba(255, 255, 255, 0) 0%);
    background-position: top;
    background-size: 10px 2px;
    background-repeat: repeat-x;
  } */
}
@media screen and (min-width: 768px) {
  section.event-tickets .panel {
    /* max-width: 435px; */
  }
  
  section.event-tickets.summary p.intro {
    max-width: 300px;
  }
  
  section.event-tickets #summary-wrap {
    padding: 20px 15px 0;
  }
  section.event-tickets #summary-wrap [class^=col-] {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  section.event-tickets #summary-wrap [class^=col-].title {
    padding-top: 32px;
  }
  section.event-tickets #form-confirm .btn-primary {
    margin-top: 25px;
  }
  section.event-tickets #form-confirm .label {
    top: 7px;
  }
  form div.gdpr-message,
  form div.gdpr-message > * + *,
  div#form-confirm p.gdpr-message {
    margin-top: 25px;
  }
  section.event-tickets #form-confirm {
    background-position: 0% 3.8%;
  }
}
@media screen and (min-width: 992px) {
  section.event-tickets .panel {
    /* max-width: 475px; */
  }
  
  section.event-tickets #summary-wrap {
    padding: 30px 15px 0;
  }
  section.event-tickets #summary-wrap [class^=col-] {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  section.event-tickets #summary-wrap [class^=col-].title {
    padding-top: 32px;
  }
  section.event-tickets #form-confirm .btn-primary {
    margin-top: 30px;
  }
  section.event-tickets .label {
    font-size: 14px;
    width: 140px;
    top: -12px;
    margin-left: -70px;
  }
  section.event-tickets #form-confirm .label {
    top: 20px;
  }
  section.event-tickets #form-confirm {
    background-position: 0% 5%;
  }
}
/* @end */

/* @group brand.tap-house */
body.brand.tap-house .bg-brand {
  background-color: #272727;
}

body.brand.tap-house .bg-brand:not(.introduction-brand) .from-wysiwyg {
  color: #A3A7A7;
}
body.brand.tap-house .bg-brand.introduction-brand,
body.brand.tap-house .bg-brand.introduction-brand a.email,
body.brand.tap-house .bg-brand h2,
body.brand.tap-house .bg-brand h3,
body.brand.tap-house .bg-brand .from-wysiwyg b,
body.brand.tap-house .bg-brand .from-wysiwyg strong,
body.brand.tap-house .bg-brand .date,
body.brand.tap-house .btn-secondary,
body.brand.tap-house .btn-underline {
  color: #E84E0F;
}
body.brand.tap-house .bg-brand:not(.introduction-brand) .from-wysiwyg h2,
body.brand.tap-house .bg-brand:not(.introduction-brand) .from-wysiwyg h3,
body.brand.tap-house .bg-brand:not(.introduction-brand) .from-wysiwyg b,
body.brand.tap-house .bg-brand:not(.introduction-brand) .from-wysiwyg strong,
body.brand.tap-house .bg-brand.introduction-brand a.email:hover {
  color: #FFF;
}

body.brand.tap-house .bg-brand .btn-underline,
body.brand.tap-house .bg-brand .btn-secondary,
body.brand.tap-house .bg-brand .btn-secondary::after {
  border-color: #E84E0F;
}
body.brand.tap-house .bg-brand .btn-secondary:hover,
body.brand.tap-house .bg-brand .btn-secondary:hover::after {
  color: #FFF;
  border-color: #FFF;
}

body.brand.tap-house section.carousel-images .carousel-inner,
body.brand.tap-house section.images img {
  -webkit-box-shadow: 0px 1px 20px 0px rgba(0,0,0,.5);
  -moz-box-shadow: 0px 1px 20px 0px rgba(0,0,0,.5);
  box-shadow: 0px 1px 20px 0px rgba(0,0,0,.5);
}

body.brand.tap-house .bg-brand .flourish-sides1::before,
body.brand.tap-house .bg-brand .flourish-sides1::after,
body.brand.tap-house .bg-brand .flourish-bottom1::after {
  background-image: url('../img/svgs/zig-zag-orange.svg');
}
body.brand.tap-house .bg-brand .btn-secondary::after {
  background-image: url('../img/svgs/chevron-right-orange.svg');
}
body.brand.tap-house .bg-brand .btn-secondary:hover::after {
  background-image: url('../img/svgs/chevron-right.svg');
}

@media screen and (min-width: 768px) {
  body.brand.tap-house .bg-brand .flourish-sides1::before,
  body.brand.tap-house .bg-brand .flourish-sides1::after,
  body.brand.tap-house .bg-brand .flourish-bottom1::after {
    background-image: url('../img/svgs/zig-zag2-orange.svg');
  }
}
/* @end */

/* @group brand.the-sessions */
body.brand.the-sessions .bg-brand {
  background-color: #1E1E1C;
}
body.brand.the-sessions .bg-brand .info-wrap {
  border-color: #FFF;
}

body.brand.the-sessions .bg-brand.text-1col .from-wysiwyg {
  color: #929696; 
}
body.brand.the-sessions .bg-brand.introduction-brand,
body.brand.the-sessions .bg-brand.introduction-brand a.email,
body.brand.the-sessions .btn-secondary,
body.brand.the-sessions .btn-underline,
body.brand.the-sessions .bg-brand h2,
body.brand.the-sessions .bg-brand h3,
body.brand.the-sessions .bg-brand .from-wysiwyg b,
body.brand.the-sessions .bg-brand .from-wysiwyg strong {
  color: #FFF;
}
body.brand.the-sessions .bg-brand.introduction-brand a.email:hover {
  color: #E84E0F;
}
body.brand.the-sessions .bg-brand .color3.when {
  color: #929696;
}

body.brand.the-sessions .bg-brand .btn-underline,
body.brand.the-sessions .bg-brand .btn-secondary,
body.brand.the-sessions .bg-brand .btn-secondary::after {
  border-color: #FFF;
}
body.brand.the-sessions .bg-brand .btn-secondary::after {
  background-image: url('../img/svgs/chevron-right.svg');
}
body.brand.the-sessions .bg-brand .btn-secondary:hover,
body.brand.the-sessions .bg-brand .btn-secondary:hover::after {
  color: #E84E0F;
  border-color: #E84E0F;
}
body.brand.the-sessions .bg-brand .btn-secondary:hover::after {
  background-image: url('../img/svgs/chevron-right-orange.svg');
}

body.brand.the-sessions .bg-brand .flourish-sides1::before,
body.brand.the-sessions .bg-brand .flourish-sides1::after,
body.brand.the-sessions .bg-brand .flourish-bottom1::after {
  background-image: url('../img/svgs/zig-zag-white.svg');
}

body.brand.the-sessions section.carousel-images .carousel-inner,
body.brand.the-sessions section.images img {
  -webkit-box-shadow: 0px 1px 20px 0px rgba(0,0,0,.5);
  -moz-box-shadow: 0px 1px 20px 0px rgba(0,0,0,.5);
  box-shadow: 0px 1px 20px 0px rgba(0,0,0,.5);
}

@media screen and (min-width: 768px) {
  body.brand.the-sessions .bg-brand .flourish-sides1::before,
  body.brand.the-sessions .bg-brand .flourish-sides1::after,
  body.brand.the-sessions .bg-brand .flourish-bottom1::after {
    background-image: url('../img/svgs/zig-zag2-white.svg');
  }
}
/* @end */

/* @group brand.sunday-club */
body.brand.sunday-club .bg-brand {
  background-color: #F6F6F6;
}
body.brand.sunday-club .bg-brand .info-wrap {
  border-color: #842315;
}

body.brand.sunday-club .bg-brand.text-1col .from-wysiwyg {
  color: #6E6962; 
}
body.brand.sunday-club .bg-brand.introduction-brand,
body.brand.sunday-club .bg-brand.introduction-brand a.email,
body.brand.sunday-club .bg-brand h2,
body.brand.sunday-club .bg-brand h3,
body.brand.sunday-club .bg-brand .from-wysiwyg b,
body.brand.sunday-club .bg-brand .from-wysiwyg strong,
body.brand.sunday-club .bg-brand .date {
  color: #842315;
}
body.brand.sunday-club .bg-brand.introduction-brand a.email:hover {
  color: #E84E0F;
}
body.brand.sunday-club .bg-brand .color3.when {
  color: #929696;
}

body.brand.sunday-club section.introduction-brand img,
body.brand.sunday-club section.carousel-images .carousel-inner,
body.brand.sunday-club section.images img {
  -webkit-box-shadow: 0px 1px 20px 0px #D7D7D7;
  -moz-box-shadow: 0px 1px 20px 0px #D7D7D7;
  box-shadow: 0px 1px 20px 0px #D7D7D7;
}

@media screen and (min-width: 768px) {
  
}
/* @end */

/* @group brand.the-brewery */
body.brand.the-brewery .bg-brand {
  background-color: #2C2C2D;
}
body.brand.the-brewery .bg-brand .info-wrap {
  border-color: #842315;
}

body.brand.sunday-club .bg-brand.text-1col .from-wysiwyg {
  color: #6E6962; 
}
body.brand.the-brewery .bg-brand.introduction-brand,
body.brand.the-brewery .bg-brand.introduction-brand a.email,
body.brand.the-brewery .bg-brand h2,
body.brand.the-brewery .bg-brand h3,
body.brand.the-brewery .bg-brand .from-wysiwyg b,
body.brand.the-brewery .bg-brand .from-wysiwyg strong,
body.brand.the-brewery .bg-brand .date,
body.brand.the-brewery .btn-secondary,
body.brand.the-brewery .btn-underline {
  color: #EE740F;
}
body.brand.the-brewery .bg-brand.introduction-brand a.email:hover {
  color: #FFF;
}
body.brand.the-brewery .bg-brand .color3.when {
  color: #929696;
}

body.brand.the-brewery section.introduction-brand img,
body.brand.the-brewery section.carousel-images .carousel-inner,
body.brand.the-brewery section.images img {
  -webkit-box-shadow: 0px 1px 20px 0px #131313;
  -moz-box-shadow: 0px 1px 20px 0px #131313;
  box-shadow: 0px 1px 20px 0px #131313;
}

body.brand.the-brewery .bg-brand .btn-underline,
body.brand.the-brewery .bg-brand .btn-secondary,
body.brand.the-brewery .bg-brand .btn-secondary::after {
  border-color: #EE740F;
}
body.brand.the-brewery .bg-brand .btn-secondary:hover,
body.brand.the-brewery .bg-brand .btn-secondary:hover::after {
  color: #FFF;
  border-color: #FFF;
}

body.brand.the-brewery .bg-brand .flourish-sides1::before,
body.brand.the-brewery .bg-brand .flourish-sides1::after,
body.brand.the-brewery .bg-brand .flourish-bottom1::after {
  background-image: url('../img/svgs/zig-zag-brewery.svg');
}
body.brand.the-brewery .bg-brand .btn-secondary::after {
  background-image: url('../img/svgs/chevron-right-brewery.svg');
}
body.brand.the-brewery .bg-brand .btn-secondary:hover::after {
  background-image: url('../img/svgs/chevron-right.svg');
}

@media screen and (min-width: 768px) {
  body.brand.the-brewery .bg-brand .flourish-sides1::before,
  body.brand.the-brewery .bg-brand .flourish-sides1::after,
  body.brand.the-brewery .bg-brand .flourish-bottom1::after {
    background-image: url('../img/svgs/zig-zag2-brewery.svg');
  }
}
/* @end */


/* @group gdpr changes */
section.mailing-list form p {
  margin-top: 25px;
}
section.mailing-list form p a {
  margin-top: 25px;
}

.checkbox input[type="checkbox"]:focus + label::before {
  outline: 0 !important;
  outline-offset: 0 !important;
}
.checkbox {
  margin-top: 0;
  padding-left: 55px; 
}
.checkbox label {
  line-height: 50px;
  vertical-align: middle;
  display: inline-block;
  position: relative;
  padding-left: 5px; 
  font-family: 'Texta-Bold', arial, sans-serif;
  color: #1E1E1C;
}
form#contactForm p.notice,
form#eventsForm p.notice {
  line-height: 18px;
}
.checkbox label::before {
  /* background-color: #fff; */
  content: "";
  display: inline-block;
  position: absolute;
  width: 50px;
  height: 50px;
  left: 0;
  margin-left: -55px; 
  border: 1px solid #842315;
  border-radius: 0;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out; 
}
.checkbox label::after {
  color: #842315;
  font-size: 30px;
  text-align: center; 
  display: inline-block;
  position: absolute;
  width: 49px;
  height: 49px;
  left: 0;
  top: 0;
  margin-left: -55px;
  padding-left: 0;
  padding-top: 0;
}
.checkbox input[type="checkbox"] {
  z-index: 1; 
  opacity: 0; 
}
.checkbox input[type="checkbox"]:checked + label::after {
  font-family: 'FontAwesome';
  content: "\f00c"; 
}
.checkbox input[type="checkbox"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; 
}
.checkbox.checkbox-circle label::before {
  border-radius: 50%; 
}
.checkbox.checkbox-inline {
  margin-top: 0; 
}
.checkbox input[type="checkbox"]:disabled + label {
  opacity: 0.65; 
}
.checkbox input[type="checkbox"]:disabled + label::before {
  background-color: #eeeeee;
  cursor: not-allowed; 
}

@media screen and (max-width: 767px) {
  form#contactForm p.notice,
  form#eventsForm p.notice {
    max-width: 245px;
    margin: 15px auto 0;
  }
}
@media screen and (min-width: 768px) {
  section.mailing-list form p {
    margin-bottom: 35px;
  }
  form#contactForm p.notice,
  form#eventsForm p.notice {
    margin-top: 20px;
  }
}
@media screen and (min-width: 992px) {
  section.mailing-list form p {
    padding: 0 75px;
  }
}
/* @end */

/* @group Ticket Purchase Page */
video {
  background-color: #F6F6F6;
}
.btn.underline {
  border-bottom: 1px solid #842315; 
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 3px;
  color: #842315;
  cursor: pointer;
  display: inline-block;
  line-height: 24px;
}
.btn.underline:hover {
  color: #E84E0F;
  border-color: #E84E0F;
}
.event-tickets.login .btn-primary {
  margin-left: -38px;
}
.qr-scanner section.view.header ul.list-inline.labels li + li {
  margin-left: 5px;
}
 .gdpr-message .form-group input,
.order-summary #summary-wrap .title.font-texta-heavy.color1,
.event-tickets.login .row .col-md-6:first-child .form-group {
  margin-top: 0px;
}
.qrcode .bg-color3 {
  padding-bottom: 5px;
}
section.event-tickets .refund-policy-wrap h2 + p,
section.view-order .refund-policy-wrap h2 + p,
.tickets.events section.view.header  ul + p,
.event-tickets.summary #summary-wrap  h2,
.view-order .date-time  {
  margin-top: 10px;
}
.tickets.events .form-group input,
.tickets.events .form-group select,
.tickets.events .form-group .bootstrap-select.btn-group,
.event-tickets.login label + input {
  margin-top: 12px;
}
.tickets.events .btn.underline,
.view-order .btn-secondary,
section.view.header .title,
.login .btn-underline  {
  margin-top: 15px;
}
.order-summary #summary-wrap .col-xs-12.tickets p.color3 + p.color1,
.event-tickets.login .btn-primary {
  margin-top: 20px;
}
.tickets.events .view-order .panel + .panel{
  margin-top: 30px;
}
section.event-tickets  #summary-wrap > p.title.font-texta-heavy.color1:nth-child(2) {
  margin-top: 35px;
}
section.event-tickets #form-confirm  .refund-policy-wrap,
section.view-order  .refund-policy-wrap  {
  margin-top: 40px;
}
.view-order .refund-policy-wrap {
  margin-bottom: 50px;
}
section.event-tickets .order-summary #summary-wrap .col-xs-12 {
  padding-bottom: 0px;
}
section.event-tickets #summary-wrap,
section.event-tickets .order-summary #summary-wrap .starts,
section.event-tickets .order-summary #summary-wrap .ends  {
  padding-bottom: 30px;
}
section.event-tickets .order-summary #summary-wrap .col-sm-4 + .col-sm-4 {
  padding-top: 0px;
}
#form-confirm #summary-wrap {
  padding-top: 10px;
}
.view-order .info  {
  padding-top: 15px;
  padding-bottom: 20px;
}
section.event-tickets  .order-summary #summary-wrap,
section.event-tickets .order-summary #summary-wrap .col-xs-12.tickets,
section.booking.form .panel {
  padding-top: 30px;
}
section.event-tickets .order-summary #summary-wrap .col-xs-12.tickets,
.view-order .info,
.view-order .refund-policy-wrap,
section.booking.form .panel {
  padding-left: 30px;
  padding-right: 30px;
}
section.booking.form .panel {
  padding-bottom: 40px;
}
.tickets.events #ticketForm > p:nth-child(5),
.refund-policy-wrap p {
  font-size: 13px;
  line-height: 15px;
}
.tickets.events #ticketForm > p:nth-child(5) {
  text-align: left;
}
.view-order .info,
section.event-tickets.login {
  text-align: center;
}
#summary-wrap .title.font-texta-heavy.color1  {
  text-transform: uppercase;
}
.view-order .date-time {
  font-size: 14px;
  line-height: 16px;
  color: #6E6962;
  text-transform: uppercase;
}
.refund-policy-wrap h2 {
  font-size: 17px;
  line-height: 24px;
}
.view-order .panel h2 {
  font-size: 20px;
  line-height: 28px;
}
.refund-policy-wrap h2,
.view-order .panel h2,
#form-confirm h2 {
  color: #1E1E1C;
}
.refund-policy-wrap a,
#form-confirm .total,
.qrcode p {
  color: #842315;
}
.qrcode p {
  letter-spacing: 0.5px;
}
.qrcode p,
.date-time li {
  font-weight: bold;
}
.order-summary #summary-wrap .title.font-texta-heavy.color1 { 
  font-size: 14px;
}
.tickets.events  section.event-tickets.form ul.list-inline.labels li:first-child + li {
  margin-left: 10px;
}
.tickets.events  section.event-tickets.form ul.list-inline.labels li,
.tickets.events section.view.header ul.list-inline.labels li,
.qr-scanner section.view.header ul.list-inline.labels li {
  display: inline-block;
  padding: 0 20px;
}
.tickets.events .bg-white.zigzag-border-top:before {
  background-image: none;
}
.tickets.events section.event-tickets .panel {
  padding-top: 10px;
  padding-bottom: 25px;
  position: relative;
}
.gdpr-message {
  padding:  20px;
  padding-top: 7px;
  border: 4px solid #F6F6F6;
}
.view-order .refund-policy-wrap {
  border: 4px solid #dadada;
  padding-top: 20px;
  padding-bottom: 30px;
}
.checkbox label::after {
  font-size: 16px;
  left: 29px;
}
.checkbox label::before {
  border: 2px solid #842315;
  margin-left: -26px;
}
.checkbox label::before,
.checkbox label::after {
  width: 24px;
  height: 24px;
}
.qr-scanner video {
  width: 100%;
}
 .checkbox label {
  line-height: 24px;
  padding-left: 22px;
}
 .checkbox {
  padding-left: 26px;
}
section.event-tickets .order-summary #summary-wrap .row:nth-child(2) {
  background-image: none;
}
.tickets.events .order-summary.bg-white.zigzag-border-top:before {
  background-image: url(../img/svgs/zig-up-white.svg);
}
.view-order .refund-policy-wrap:before,
.bg-white.zigzag-border-top:before,
.event-tickets.login .bg-white.zigzag-border-top:before {
  content: none;
}
.view-order .breaker {
  height: 1px;
  background-color: #DADADA;
  width: 100%;
  margin-bottom: 15px;
}
.qrcode p {
  font-size: 11px;
  line-height: 24px;
}
.tickets.events section.event-tickets.form ul.list-inline.labels li {
  font-weight: bold;
}
.view-order .panel {
  box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.15);
}
.btn-primary.review-order::after {
  right: -37px;
}
.qrcode .bg-color3 {
  border-left: 1px solid #dadada;
}

section.view-order .row.tickets .clearfix {
  margin-bottom: 30px;
}
section.view-order .row.tickets .inner {
  background: #FFFFFF;
  box-shadow: 0 2px 8px 0 rgba(0,0,0,0.15);
  padding: 30px 0;
}
section.view-order .row.tickets .inner p+img,
section.view-order .row.tickets .inner img+p {
  margin-top: 10px;
}

section.event-tickets-scanner {
  padding-top: 15px;
  padding-top: 30px;
}
section.event-tickets-scanner h1 {
  margin-top: 10px;
  margin-bottom: 10px;
}
section.event-tickets-scanner video {
  min-height: 397px;
}
section.event-tickets-scanner .row {
  margin-top: 20px;
}
section.event-tickets-scanner #quick-search {
  padding: 10px 20px;
}
section.event-tickets-scanner #quick-search .form-group {
  margin-top: 0;
  width: 100%;
}
section.event-tickets-scanner #quick-search .form-control {
  background-color: #F6F6F6;
}
section.event-tickets-scanner #quick-search .results {
  height: 350px;
  overflow-y: auto;
  margin-top: 20px;
}
section.event-tickets-scanner #quick-search .result+.result {
  margin-top: 15px;
  border-top: 1px solid #dadada;
  padding-top: 15px;
}
section.event-tickets-scanner #quick-search .result .btn {
  display: inline-block;
  padding: 10px;
  background: #F6F6F6;
  color: #842315;
  border-radius: 4px;
}
section.event-tickets-scanner #quick-search .result .btn.disabled {
  color: #DADADA;
}
section.event-tickets-scanner #quick-search .result .btn + .btn {
  margin-left: 10px;
  margin-top: 5px;
}

#stripe-element-wrap {
  margin-top: 30px;
  background-image: linear-gradient(to right, #DADADA 30%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 10px 2px;
  background-repeat: repeat-x;
  padding-bottom: 30px;
}
#stripe-element {
  background: #F6F6F6;
  padding: 10px;
  margin-left: -25px;
  margin-right: -25px;
  border: 1px solid #ddd;
}
#stripe-errors {
  margin-top: 5px;
  color: #842315;
  letter-spacing: 2.5px;
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
  font-family: 'Texta-Heavy', arial, sans-serif;
}

@media (max-width: 767px) {
  .tickets.events .bootstrap-select.open .dropdown-menu li>a{
    text-align: center;
  }
  section.event-tickets .refund-policy-wrap h2 + p {
    min-height: 45px;
  }
}

@media (min-width: 768px) {
  section.event-tickets #form-confirm .btn-primary {
    margin-top: 0px;
  }
  .tickets.events .form-group input,
  .tickets.events .form-group select,
  .tickets.events .form-group .bootstrap-select.btn-group {
    margin-top: 7px;
  }
  .tickets.events section.event-tickets h1,
  form div.gdpr-message p,
  .view-order .btn-secondary  {
    margin-top: 10px;
  }
  section.event-tickets #total + button,
  section.event-tickets .refund-policy-wrap h2 + p,
  .tickets.events #form-confirm,
  section.event-tickets #summary-wrap .col-sm-4,
  .tickets.events .view-order .panel + .panel   {
    margin-top: 20px;
  }
  section.event-tickets #total,
  .view-tickets,
  .tickets.events section.view.header ul + p,
  section.view-order .refund-policy-wrap,
  .event-tickets.login .btn-primary   {
    margin-top: 30px;
  }
  section.event-tickets.login .panel  {
    margin-top: 30px;
  }
  #form-confirm #summary-wrap > p:nth-child(2) {
    margin-top: 55px;
  }
  .view.header.events .col-sm-8 + .col-sm-4 {
    margin-top: 60px;
  }
  .view-order .refund-policy-wrap {
    margin-bottom: 70px;
  }
  .view-order .info {
    padding: 0px;
    padding-top: 10px;
    text-align: left;
  }
  section.event-tickets #summary-wrap .col-sm-4  {
    padding-top: 0px;
  }
  .qrcode .bg-color3 {
    padding-bottom: 0px;
  }
  .tickets.events  section.event-tickets.form ul.list-inline.labels li + li {
    margin-left: 15px;
  }
  .checkbox label {
    padding-left: 12px;
  }
  .refund-policy-wrap {
    padding-left: 15px;
    padding-right: 15px;
  }
  .refund-policy-wrap:before {
    width: calc(100% + 180px);
    left: -90px;
  }
  #ticketForm {
    padding-bottom: 26px;
  }
  .tickets.events section.event-tickets .panel.order-summary {
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }
  section.event-tickets .order-summary #summary-wrap
  section.event-tickets .refund-policy-wrap h2 {
    margin-top: 25px;
  }
  .view-order .panel h2 {
    line-height: 24px;
    min-height: 48px;
  }
  .gdpr-message {
    padding: 30px;
    padding-top: 12px;
  }
  .tickets.events section.event-tickets .panel {
    padding-top: 20px;
    padding-left: 90px;
    padding-right: 90px;
  }
  .tickets.events section.event-tickets  .panel.ticket-payment {
    padding-left: 30px;
    padding-right: 30px;
  }
  section.event-tickets .order-summary #summary-wrap {
    padding-top: 50px;
  }
  .tickets.events #ticketForm > p:nth-child(5), 
  .refund-policy-wrap p,
  form div.gdpr-message p {
    font-size: 15px;
    line-height: 18px;
  }
  .qrcode img {
    width: 105px;
  }
  .qrcode .breaker {
    background: transparent;
  }
  .refund-policy-wrap:before {
    bottom: 145px;
  }
  #form-confirm .refund-policy-wrap:before {
    bottom: 104px;
  }
  .view.header.events ul + p {
    max-width: 433px;
  }
}

@media (min-width: 992px) {
  .btn-primary.review-order::after {
    right: -47px;
  }
  #confirm-pay {
    margin-top: -5px;
  }
   .checkbox {
    margin-top: 0px;
  }
  .bootstrap-select.input-group-btn {
    margin-top: 3px;
  }
  section.event-tickets .refund-policy-wrap h2 + p {
    margin-top: 10px;
  }
  .view-order .btn-secondary {
    margin-top: 12px;
  }
  section.event-tickets h1 + ul,
  .tickets.events section.view.header ul + p,
  section.event-tickets.login .form-group,
  .event-tickets.login .row .col-md-6:first-child .form-group {
    margin-top: 20px;
  }
  section.event-tickets #summary-wrap .col-sm-4 {
    margin-top: 25px;
  }
  .tickets.events  section.event-tickets.form ul.list-inline.labels li + li {
    margin-left: 20px;
  }
  section.event-tickets.login .panel .btn-primary {
    margin-right: 48px;
  }
  section.event-tickets .form-group,
  section.event-tickets #total + button,
  .tickets.events .btn.underline {
    margin-top: 25px;
  }
  section.event-tickets .gdpr-message .form-group {
    margin-top: 0;
  }
  .tickets.events section.event-tickets h1,
  .tickets.events section.event-tickets .panel,
  .tickets.events .view-order .panel + .panel {
    margin-top: 30px;
  }
  .login .btn-underline {
    margin-top: 40px;
  }
  .event-tickets.login .btn-primary {
    margin-bottom: 20px;
  }
  section.form.booking .btn-primary {
    margin-top: 30px;
  }
  .view.header.events .col-sm-8 + .col-sm-4 {
    margin-top: 45px;
  }
  .tickets.events section.event-tickets .panel.order-summary {
    margin-top: 55px;
  }
  section.view-order .refund-policy-wrap  {
    margin-top: 60px;
    margin-bottom: 80px;
  }
  #ticketForm {
    padding-bottom: 35px;
  }
  section.view-order {
    padding-top: 20px;
  }
  .view-order .refund-policy-wrap {
    padding-top: 25px;
    padding-bottom: 35px;
  }
  .refund-policy-wrap {
    padding-left: 70px;
    padding-right: 70px;
    margin-top: 0;
    padding-top: 10px;
  }
  .tickets.events section.event-tickets .panel.order-summary {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 80px;
  }
  .tickets.events #ticketForm > p:nth-child(5) {
    width: 435px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 30px;
  }
  .panel.ticket-payment {
    width: 450px;
    margin-left: auto;
    margin-right: auto;
  }
  .view-order .info {
    padding-top: 12px;
    padding-left: 15px;
  }
  .view-order .panel h2 {
    line-height: 28px;
    font-size: 26px;
    min-height: 50px;
  }
  .qrcode p {
    font-size: 13px;
    line-height: 24px;
  }
  .qrcode .bg-color3 {
    padding-top: 9px;
    padding-bottom: 9px;
  } 
  .refund-policy-wrap:before  {
    bottom: 130px;
  }
  #form-confirm .refund-policy-wrap:before {
    bottom: 112px;
  }
  section.event-tickets.login .panel {
    text-align: right;
  }
  .tickets.events section.view.header ul + p {
    max-width: 590px;
  }
  section.event-tickets.login .forgot-password {
    display: inline-block;
    float: left;
  }

  #stripe-element {
    margin-left: 25px;
    margin-right: 25px;
  }
}
/* @end */

/* @group QR Scanner Modals */
.check-in.modal {
  width: 280px;
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #FFFFFF;
  border: 1px solid #979797;
  box-shadow: 0px -1px 6px 0px rgba(0,0,0,0.25);
  position: fixed;
  z-index: 100;
  margin-left: auto;
  margin-right: auto;
  left: 0px;
  top: 100px;
  right: 0px;
  display: none;
}
.page-overlay {
  height: 100%;
  width: 100%;
  background: rgba(0,0,0,0.20);
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  display: none;
}
.check-in.modal h2 {
  font-size: 26px;
  line-height: 28px;
  font-weight: bold;
  color: #1E1E1C;
}
.check-in.modal i {
  font-size: 80px;
  margin-top: 30px;
}
.check-in.modal i.red {
  color: #822610;
}
.check-in.modal i.green {
  color: #04BD46;
}
@media (min-width: 768px) {
  .check-in.modal {
    margin-top: 180px;
  }
}
@media (min-width: 992px) {
  .check-in.modal {
    width: 350px;
    margin-top: 200px;
  }
}
/* @end */


/* Sunday Club Booking */
.choose-time .btn.underline,
#bookingStep3 input,
#bookingStep3 textarea,
#bookingStep3 {
  margin-top: 10px;
}
.summary-booking .text-center {
  margin-top: 20px;
}
.summary-booking .btn.underline {
  margin-top: 25px;
}
.available-times h3.text-edosz,
section.form.booking .available-times .btn-primary.booking-select,
#bookingStep3  div.gdpr-message,
section.form.booking #bookingStep3 .btn-primary,
.available-times img {
  margin-top: 30px;
}
section.form.booking {
  min-height: 80%;
}
.summary-booking {
  padding-bottom: 30px;
}
#timesTables ul {
  width: 208px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 25px; 
}
section.form.booking .bs-caret {
  pointer-events: none;
}
#timesTables li a {
  margin-left: 10px;
  margin-bottom: 15px;
} 

.booking-details .summary-booking {
  background-image: linear-gradient(to right, #DADADA 30%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 10px 2px;
    background-repeat: repeat-x;
}
#timesTables p,
.booking-summary {
  font-size: 17px;
  line-height: 22px;
  color: #2C2C2D;
  font-weight: 600;
  text-align: center;
}
#timesTables p {
  margin-top: 30px;
}
.available-times img {
  width: 40px;
}
.display-block {
  display: block;
}
#timesTables li a  {
  display: inline-block;
  width: 57px;
  height: 28px;
  border: 2px solid #842315;
  font-size: 13px;
  line-height: 10px;
  color: #842315;
  padding: 7px 10px 10px 10px;
  text-align: center;
  cursor: pointer;
}
.time-box {
  padding-left: 4px;
  color: #842315;
}
#timesTables li a:hover,
#timesTables li a:focus,
#timesTables li a:active,
#timesTables li a.active {
  background-color: #842315;
  color: white;
}
.hideContent {
  overflow: hidden;
  height: 85px;
  display: inline-block;
}
.showContent {
  height: auto;
  overflow: visible;
  display: table;
}
.booking.sunday-club #bookingStep2,
.booking.sunday-club #bookingStep3 {
  overflow-anchor: none;
}
section.event-tickets.booking-confirmation .date .col-xs-4.text-center {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

#timesTables li a.confirm {
  position: relative;
}
#timesTables li a.confirm:after {
  content: '\f12a';
  display: block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #842315;
  border: 1px solid #FFF;
  color: #fff;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 4px;
  position: absolute;
  top: -10px;
  right: -10px;
}

.modal.bootbox .modal-header {
  border-bottom: none;
}
.modal.bootbox .bootbox-close-button {
  background: none;
  border: none;
  position: absolute;
  top: 10px;
  right: 10px;
}
.modal.bootbox .modal-body p+p {
  margin-top: 20px;
}
.modal.bootbox .modal-footer {
  border-top: none;
}
.modal.bootbox .modal-footer .btn {
  margin-right: 45px;
}
.modal.bootbox .modal-footer .btn+.btn {
  margin-left: 15px;
}

@media (min-width: 768px) {
  #timesTables ul  {
    margin-top: 20px;
    width: 272px;
    margin-lefT: -10px;
  }
  section.booking.form.sunday-club .panel {
    padding-left: 80px;
    padding-right: 80px;
    padding-top: 26px;
    padding-bottom: 50px;
  }
  section.booking.form.sunday-club .panel.step-3-panel {
    padding-left: 80px;
    padding-right: 80px;
    padding-top: 10px;
  }
  #timesTables p {
    text-align: left;
  }
}
@media (min-width: 992px) {
  h3.text-edosz,
  .booking-summary {
    font-size: 18px;
    line-height: 24px;
  }
  #bookingStep3 {
    margin-top: 20px;
  }
  .text-center.confirm {
    text-align: right;
  }
  .available-times img {
    margin-top: 50px;
  }
}

.text-center.confirm .btn.btn-primary {
  margin-right: 65px;
}
.summary-booking .text-center,
.summary-booking .btn.underline {
  margin-top: 40px;
}
.available-times .btn.underline.btn-show-more {
  margin-left: 15px;
  padding-top: 5px;
}
section.form.booking .available-times .btn-primary.booking-select {
  margin-top: 0px;
  float: right;
  margin-right: 62px;
}
.available-times h3.text-edosz {
  font-size: 18px;
  line-height: 24px;
}
.summary-booking {
  padding-bottom: 40px;
}
.summary-booking .wrap {
  max-width: 280px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 1200px) {
  #timesTables ul {
    width: 100%;
    margin-left: -7px;
  }
  #timesTables li a {
    width: 65px;
    height: 32px;
    margin-left: 7px;
    padding-top: 8.5px;
  }
}
/* @end */