/*********************
BREAKPOINTS
*********************/
.cryptedmail:after {
  content: attr(data-name) "@" attr(data-domain);
}

.transition-fade {
  transition: 0.4s;
  opacity: 1;
}

html.is-animating .transition-fade {
  opacity: 0;
}

.objectFit {
  object-fit: cover !important;
  object-position: top center;
  font-family: "object-fit: cover;" !important;
}

img {
  width: 100%;
  height: auto;
  display: block;
}

.beer-slider {
  color: #252523;
}

.ie_Warning {
  display: none;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .gdpr-cookie-notice, #dm-toggle {
    display: none;
  }

  .ie_Warning {
    position: fixed;
    z-index: 99999999999999999;
    width: 100%;
    height: 100%;
    background-color: #a12b44;
    text-align: center;
    display: block;
    color: white;
  }
  .ie_Warning .ie_Warning_content {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    max-width: 800px;
    padding: 40px;
    margin: 0 auto 0 auto;
  }
  .ie_Warning .ie_Warning_content .UB {
    padding: 14px 18px 12px 18px;
    border: 2px solid white;
    color: white;
    display: inline-block;
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 1.25rem;
  }
}
.row {
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}
.row .col, .row .col-1, .row .col-10, .row .col-11, .row .col-12, .row .col-2, .row .col-3, .row .col-4, .row .col-5, .row .col-6, .row .col-7, .row .col-8, .row .col-9, .row .col-auto, .row .col-lg, .row .col-lg-1, .row .col-lg-10, .row .col-lg-11, .row .col-lg-12, .row .col-lg-2, .row .col-lg-3, .row .col-lg-4, .row .col-lg-5, .row .col-lg-6, .row .col-lg-7, .row .col-lg-8, .row .col-lg-9, .row .col-lg-auto, .row .col-md, .row .col-md-1, .row .col-md-10, .row .col-md-11, .row .col-md-12, .row .col-md-2, .row .col-md-3, .row .col-md-4, .row .col-md-5, .row .col-md-6, .row .col-md-7, .row .col-md-8, .row .col-md-9, .row .col-md-auto, .row .col-sm, .row .col-sm-1, .row .col-sm-10, .row .col-sm-11, .row .col-sm-12, .row .col-sm-2, .row .col-sm-3, .row .col-sm-4, .row .col-sm-5, .row .col-sm-6, .row .col-sm-7, .row .col-sm-8, .row .col-sm-9, .row .col-sm-auto, .row .col-xl, .row .col-xl-1, .row .col-xl-10, .row .col-xl-11, .row .col-xl-12, .row .col-xl-2, .row .col-xl-3, .row .col-xl-4, .row .col-xl-5, .row .col-xl-6, .row .col-xl-7, .row .col-xl-8, .row .col-xl-9, .row .col-xl-auto {
  padding: 0px 1.25rem 0px 1.25rem;
}

.zone_single figure {
  margin: 0px;
  height: 100%;
}
.zone_single figure img {
  object-fit: cover;
}
@media (min-width: 1300px) {
  .zone_single figure {
    margin: 0px;
  }
}
.zone_single figure figcaption.small {
  position: absolute;
  bottom: 0.8333333333rem;
  left: 0.8333333333rem;
}
.zone_single figure figcaption.small.white_caption {
  color: #f0f1f1;
}

.cryptedmail:after {
  content: attr(data-name) "@" attr(data-domain);
}

.content_social {
  margin-top: 2.5rem;
  font-size: 1em;
}
.content_social a {
  margin-right: 0.8333333333rem;
}

.StickyWrap {
  position: -webkit-sticky;
  position: sticky;
  z-index: 3;
  top: 16.25rem;
}

.StickyWrap_Media {
  position: -webkit-sticky;
  position: sticky;
  z-index: 3;
  top: 0px;
}
.StickyWrap_Media img {
  height: 100vh;
}

@media only screen and (max-width: 667px) and (min-width: 320px) {
  .StickyWrap_Media {
    top: 0px;
  }
}
.grayscale, .grayscale img {
  -webkit-filter: grayscale(100%) !important;
  -moz-filter: grayscale(100%) !important;
  -o-filter: grayscale(100%) !important;
  -ms-filter: grayscale(100%) !important;
  filter: saturate(0%) !important;
  filter: grayscale(100%) !important;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale") !important;
  /* Firefox 10+, Firefox on Android */
  filter: gray;
  -webkit-filter: grayscale(100%) !important;
}

picture img {
  width: 100% !important;
  height: auto !important;
}

.fullwidth, .full-width {
  width: 100%;
  height: auto;
}

.centre, .CentreTitle {
  text-align: center !important;
}
.centre span, .CentreTitle span {
  margin: 0 auto 0 auto;
}

span.CentreTitle, span.CentreAll {
  display: block;
  margin: 0 auto 0 auto;
}

.CentreAll {
  text-align: center;
}
.CentreAll span {
  margin: 0 auto 0 auto;
}

body.SilverStripe\\ErrorPage\\ErrorPage.darken img {
  -webkit-filter: brightness(1) invert(1) !important;
  filter: brightness(1) invert(1) !important;
}