@charset "UTF-8";
/*  ==========================================================================
  ==========================================================================

  Main
  1. Node Modules
  2. Helpers
  3. Base
  4. Components
  5. Layout
  6. Pages
  7. Vendor
  8. Shame

  ==========================================================================
  ========================================================================== */
/*  ==========================================================================
  1. Node Modules
  ========================================================================== */
/*  Normalize
  ========================================================================== */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
@import url("https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap");
html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */ }

/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  /* 1 */
  display: block; }

/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
template,
[hidden] {
  display: none; }

/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/* Forms
   ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font: inherit;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: bold; }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/*  Jeet
  ========================================================================== */
/*  Breakpoint SASS
  ========================================================================== */
/*  Bourbon
  ========================================================================== */
/*  Outdated Browser
  ========================================================================== */
/*!--------------------------------------------------------------------
STYLES "Outdated Browser"
Version:    1.1.0 - 2014
author:     Burocratik
website:    http://www.burocratik.com
* @preserve
-----------------------------------------------------------------------*/
#outdated {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 170px;
  text-align: center;
  text-transform: uppercase;
  z-index: 1500;
  background-color: #f25648;
  color: #ffffff; }
  #outdated h6 {
    font-size: 25px;
    line-height: 25px;
    margin: 30px 0 10px; }
  #outdated p {
    font-size: 12px;
    line-height: 12px;
    margin: 0; }
  #outdated #btnUpdateBrowser {
    display: block;
    position: relative;
    padding: 10px 20px;
    margin: 30px auto 0;
    width: 230px;
    /*need for IE*/
    color: #ffffff;
    text-decoration: none;
    border: 2px solid #ffffff;
    cursor: pointer; }
    #outdated #btnUpdateBrowser:hover {
      color: #f25648;
      background-color: #ffffff; }
  #outdated .last {
    position: absolute;
    top: 10px;
    right: 25px;
    width: 20px;
    height: 20px; }
    #outdated .last[dir='rtl'] {
      right: auto !important;
      left: 25px !important; }
  #outdated #btnCloseUpdateBrowser {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #ffffff;
    font-size: 36px;
    line-height: 36px; }
  * html #outdated {
    position: absolute; }

/*  Slick
  ========================================================================== */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Simplebar (scrollbar)
  ========================================================================== */
[data-simplebar] {
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit; }

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0; }

.simplebar-offset {
  direction: inherit !important;
  -webkit-box-sizing: inherit !important;
          box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch; }

.simplebar-content-wrapper {
  direction: inherit;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  visibility: visible;
  overflow: auto;
  /* Scroll on this element otherwise element can't have a padding applied properly */
  max-width: 100%;
  /* Not required for horizontal scroll to trigger */
  max-height: 100%;
  /* Needed for vertical scroll to trigger */ }

.simplebar-content:before,
.simplebar-content:after {
  content: ' ';
  display: table; }

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none; }

.simplebar-height-auto-observer-wrapper {
  -webkit-box-sizing: inherit !important;
          box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  -webkit-box-flex: inherit;
      -ms-flex-positive: inherit;
          flex-grow: inherit;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 0;
      flex-basis: 0; }

.simplebar-height-auto-observer {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1; }

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden; }

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none; }

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all; }

.simplebar-scrollbar {
  position: absolute;
  right: 2px;
  width: 7px;
  min-height: 10px; }

.simplebar-scrollbar:before {
  position: absolute;
  content: '';
  background: black;
  border-radius: 7px;
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear; }

.simplebar-track .simplebar-scrollbar.simplebar-visible:before {
  /* When hovered, remove all transitions from drag handle */
  opacity: 0.5;
  -webkit-transition: opacity 0s linear;
  -o-transition: opacity 0s linear;
  transition: opacity 0s linear; }

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px; }

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px; }

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px; }

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 100%;
  left: 2px;
  right: 2px; }

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto; }

/* Rtl support */
[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0; }

.hs-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll; }

/* jQuery Datepicker Base
  ========================================================================== */
/*!
 * jQuery UI Datepicker 1.13.0
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/datepicker/#theming
 */
.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none; }

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0; }

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em; }

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px; }

.ui-datepicker .ui-datepicker-prev {
  left: 2px; }

.ui-datepicker .ui-datepicker-next {
  right: 2px; }

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px; }

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px; }

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px; }

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center; }

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%; }

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em; }

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0; }

.ui-datepicker td {
  border: 0;
  padding: 1px; }

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none; }

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto; }

.ui-datepicker-multi .ui-datepicker-group {
  float: left; }

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em; }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left; }

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0; }

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl; }

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px; }

/* Icons */
.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: .5em;
  top: .3em; }

/*  ==========================================================================
  2. Helpers
  ========================================================================== */
/*  ==========================================================================
  ==========================================================================

  Variables
  1. Typography
  2. Colours
  3. Breakpoints
  4. Body offsets

  ==========================================================================
  ========================================================================== */
/*  ==========================================================================
  1. Typography
  ========================================================================== */
/*  Fallback Stack
  ========================================================================== */
/*  ==========================================================================
  2. Colours
  ========================================================================== */
/*  Colour Palette
  ========================================================================== */
/*  Brand Colours
  ========================================================================== */
/*  Dark Colours
  ========================================================================== */
/*  Light Colours
  ========================================================================== */
/*  Text Colours
  ========================================================================== */
/*  Anchor Colours
  ========================================================================== */
/*  Border Colours
  ========================================================================== */
/*  Form Colours
  ========================================================================== */
/*  Social Media Colours
  ========================================================================== */
/*  Misc Colours
  ========================================================================== */
/*  ==========================================================================
  3. Breakpoints
  ========================================================================== */
/*  ==========================================================================
  3. Body Offsets
  ========================================================================== */
/* ==========================================================================
  Helper classes
  ========================================================================== */
/**
 * Hide visually and from screen readers:
 * http://juicystudio.com/article/screen-readers-display-none.php
 */
.hidden {
  display: none !important;
  visibility: hidden; }

@media (min-width: 768px) {
  .hidden--on-desktop {
    display: none !important;
    visibility: hidden; } }

@media (max-width: 767px) {
  .hidden--on-mobile {
    display: none !important;
    visibility: hidden; } }

/**
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/**
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

/**
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
  visibility: hidden; }

/**
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.clearfix:after {
  clear: both; }

.svg--mask--hidden {
  font-size: 0px;
  line-height: 0;
  display: block; }

/*  ==========================================================================
  3. Base
  ========================================================================== */
/*  ==========================================================================
  ==========================================================================

  General
  1. Base Styles
  2. Images

  CSS FORMATTING
  1. Positioning
  2. Display & Box Model
  3. Text
  4. Other

  ==========================================================================
  ========================================================================== */
/*  ==========================================================================
  1. Base Styles opinionated defaults
  ========================================================================== */
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility; }

*, *:before, *:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit; }

body.admin-bar .nav-wrapper {
  top: 32px; }
  @media (max-width: 767px) {
    body.admin-bar .nav-wrapper {
      top: 46px; } }

body.admin-bar .nav-mobile--wrapper {
  top: 32px; }
  @media (max-width: 767px) {
    body.admin-bar .nav-mobile--wrapper {
      top: 46px; } }

@media (max-width: 767px) {
  #wpadminbar {
    position: fixed; } }

.header-nested-page, .text-only-header, .header-default {
  margin-top: 120px; }

.news-header {
  margin-top: 0px !important; }

@media (max-width: 767px) {
  .header-landing {
    margin-top: 100px !important; } }

/**
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #7cecd8;
  text-shadow: none; }

/**
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle; }

/*  ==========================================================================
  2. Images
  ========================================================================== */
img,
picture {
  margin: 0;
  max-width: 100%; }

img {
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
  image-rendering: optimizeQuality; }

/*  ==========================================================================
  ==========================================================================

  Typography
  1. Font Definitions
  2. General Fonts

  CSS FORMATTING
  1. Positioning
  2. Display & Box Model
  3. Text
  4. Other

  ==========================================================================
  ========================================================================== */
/*  ==========================================================================
  1. Font Definitions
  ========================================================================== */
@font-face {
  font-family: avenir_black;
  src: url("../fonts/Avenir-Black.woff2") format("woff2"), url("../fonts/Avenir-Black.woff") format("woff"), url("../fonts/Avenir-Black.ttf") format("truetype"); }

@font-face {
  font-family: avenir_heavy;
  src: url("../fonts/Avenir-Heavy.woff2") format("woff2"), url("../fonts/Avenir-Heavy.woff") format("woff"), url("../fonts/Avenir-Heavy.ttf") format("truetype"); }

@font-face {
  font-family: avenir_medium;
  src: url("../fonts/Avenir-Medium.woff2") format("woff2"), url("../fonts/Avenir-Medium.woff") format("woff"), url("../fonts/Avenir-Medium.ttf") format("truetype"); }

@font-face {
  font-family: avenir_roman;
  src: url("../fonts/Avenir-Roman.woff2") format("woff2"), url("../fonts/Avenir-Roman.woff") format("woff"), url("../fonts/Avenir-Roman.ttf") format("truetype"); }

/*  Avenir
  ========================================================================== */
.avenir-black, .st-head-row, thead th, .accordion-panel__opening-closing-times .accordion-panel__content__row__value, .gallery-panel-slider__counter, .gps-coords__title, .header-nested-page__list-item__title, .header-default__list-item__title, .events-day-title, .blog-header__categories a {
  font-family: "avenir_black", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }

.avenir-heavy, .p--large, .accordion-panel__animal-categories .animal-items a, .caption, .ginput_container_product_price:before, .breadcrumbs, .table--wild td:nth-child(even), .accordion-panel__text-links.accordion-panel__wild-intro .accordion-panel__content__2col .right--header p.before_time, .accordion-panel__form-text .right h3, .event--title, .event--snippet .event--snippet-date, .event--snippet .event--snippet-time, .event--snippet .event--snippet-cats, .header-single-event__details {
  font-family: "avenir_heavy", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }

.avenir-medium, .p--small, .blog-header__categories, a,
.link, .accordion-panel__show-hide, .validation_error, .breadcrumbs .breadcrumbs__wrapper a, .breadcrumbs .breadcrumbs__wrapper .breadcrumb_last, .event--time {
  font-family: "avenir_medium", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }

.avenir-roman, body, .footer .footer--cols-col2 ul.nav-footer li a {
  font-family: "avenir_roman", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }

/*  Poppins
  ========================================================================== */
.poppins-bold, h1,
.title__h1, h2,
.title__h2, h3,
.title__h3, h4, .form__subtitle, .gsection .gsection_title, .header--bookNow .cta--icon--inner .cta_copy h3,
.subtitle-01, .st-head-row-main, thead th:first-child, .popup-modal__overlay .popup-modal__title, .accordion-panel__text-100 .accordion-panel__content h2, .accordion-panel__opening-closing-times .accordion-panel__content__title, .accordion-panel__form-text .right h2, .standard-content__wrapper h2, .our-vist-opening-times__title, .accordion-panel__animal-content-panel .accordion-panel__content__2col .right__text-content h3, .subtitle-01-white, .header-nested-page__list__title, .accordion-panel__title {
  font-family: 'Poppins', sans-serif;
  font-weight: 700; }

.poppins-medium, .nav-secondary li a {
  font-family: 'Poppins', sans-serif;
  font-weight: 500; }

.poppins-semibold, h5, .accordion-panel__wild-intro .accordion-panel__content .wild-intro--content h3,
.subtitle-02, .accordion-panel__text-100 .accordion-panel__content h3, .accordion-panel__inner-accordion-panel .inner-accordion__title, .vacancies-list-item__text h3, .vacancies-list-item__text h3 a, .standard-content__wrapper h3, .text-only-header__subtitle, .our-vist-opening-times__open-from__times, .our-vist-opening-times__note__title, .accordion-panel__animal-content-panel .accordion-panel__content__2col .left h3, .accordion-panel__animal-content-panel .accordion-panel__content__2col .right__text-content h4, .accordion-panel__animal-content-panel .accordion-panel__content__2col .right__text-content .form__subtitle, .accordion-panel__animal-content-panel .accordion-panel__content__2col .right__text-content .gsection .gsection_title, .gsection .accordion-panel__animal-content-panel .accordion-panel__content__2col .right__text-content .gsection_title, .accordion-panel__animal-content-panel .accordion-panel__content__2col .right__text-content .header--bookNow .cta--icon--inner .cta_copy h3, .header--bookNow .cta--icon--inner .cta_copy .accordion-panel__animal-content-panel .accordion-panel__content__2col .right__text-content h3, .blog--snippet-title, .subtitle-02-white, .gform_confirmation_wrapper, .button, nav, nav ul li a, ul.page-numbers .current, ul.page-numbers a, .cookie-notice__button, .header--sub-nav--mobile .header--sub-nav--trigger .right-title, .text-only-header__arrow-link a, .news-listing__categories__title, .news-listing__categories li a, .news-listing__count,
.news-listing__no-results__text, .blog-bottom-links__wrapper a {
  font-family: 'Poppins', sans-serif;
  font-weight: 600; }

.poppins-regular, input,
label,
select, [type='color'], [type='date'], [type='datetime'], [type='datetime-local'], [type='email'], [type='month'], [type='number'], [type='password'], [type='search'], [type='tel'], [type='text'], [type='time'], [type='url'], [type='week'], input:not([type]), textarea,
select[multiple="multiple"], .nav-mobile--wrapper ul li .sub-menu li a, .nav-mobile--wrapper .mobile-nav-sec ul li a, .header-landing-title h4, .header-landing-title .form__subtitle, .header-landing-title .gsection .gsection_title, .gsection .header-landing-title .gsection_title, .header-landing-title .header--bookNow .cta--icon--inner .cta_copy h3, .header--bookNow .cta--icon--inner .cta_copy .header-landing-title h3 {
  font-family: 'Poppins', sans-serif;
  font-weight: 400; }

/*  ==========================================================================
  2. General Fonts
  ========================================================================== */
/*  HTML & BODY
  ========================================================================== */
body {
  font-size: 16px;
  line-height: 24px;
  color: #333F48;
  -webkit-font-smoothing: antialiased; }

/*  Titles
  ========================================================================== */
h1,
h2,
h3,
h4,
.form__subtitle,
.gsection .gsection_title,
.header--bookNow .cta--icon--inner .cta_copy h3,
h5,
.accordion-panel__wild-intro .accordion-panel__content .wild-intro--content h3,
h6 {
  margin: 0; }

h1,
.title__h1 {
  font-size: 30px;
  line-height: 36px;
  color: #333F48; }
  @media (min-width: 768px) {
    h1,
    .title__h1 {
      font-size: 40px;
      line-height: 48px;
      color: #333F48; } }

h2,
.title__h2 {
  font-size: 27px;
  line-height: 32px;
  color: #333F48; }
  @media (min-width: 768px) {
    h2,
    .title__h2 {
      font-size: 36px;
      line-height: 44px;
      color: #333F48; } }

h3,
.title__h3 {
  font-size: 24px;
  line-height: 32px;
  color: #333F48; }
  @media (min-width: 768px) {
    h3,
    .title__h3 {
      font-size: 28px;
      line-height: 44px;
      color: #333F48; } }


h4,
.form__subtitle,
.gsection .gsection_title,
.header--bookNow .cta--icon--inner .cta_copy h3,
.subtitle-01,
.st-head-row-main,
thead th:first-child,
.popup-modal__overlay .popup-modal__title,
.accordion-panel__text-100 .accordion-panel__content h2,
.accordion-panel__opening-closing-times .accordion-panel__content__title,
.accordion-panel__form-text .right h2,
.standard-content__wrapper h2,
.our-vist-opening-times__title,
.accordion-panel__animal-content-panel .accordion-panel__content__2col .right__text-content h3 {
  font-size: 22px;
  line-height: 28px;
  color: #333F48; }
  @media (max-width: 767px) {
    
    h4,
    .form__subtitle,
    .gsection .gsection_title,
    .header--bookNow .cta--icon--inner .cta_copy h3,
    .subtitle-01,
    .st-head-row-main,
    thead th:first-child,
    .popup-modal__overlay .popup-modal__title,
    .accordion-panel__text-100 .accordion-panel__content h2,
    .accordion-panel__opening-closing-times .accordion-panel__content__title,
    .accordion-panel__form-text .right h2,
    .standard-content__wrapper h2,
    .our-vist-opening-times__title,
    .accordion-panel__animal-content-panel .accordion-panel__content__2col .right__text-content h3 {
      font-size: 16px;
      line-height: 20px;
      color: #333F48; } }

.subtitle-01-white, .header-nested-page__list__title {
  font-size: 22px;
  line-height: 28px;
  color: white; }
  @media (max-width: 767px) {
    .subtitle-01-white, .header-nested-page__list__title {
      font-size: 16px;
      line-height: 20px;
      color: white; } }


h5,
.accordion-panel__wild-intro .accordion-panel__content .wild-intro--content h3,
.subtitle-02,
.accordion-panel__text-100 .accordion-panel__content h3,
.accordion-panel__inner-accordion-panel .inner-accordion__title,
.vacancies-list-item__text h3,
.vacancies-list-item__text h3 a,
.standard-content__wrapper h3,
.text-only-header__subtitle,
.our-vist-opening-times__open-from__times,
.our-vist-opening-times__note__title,
.accordion-panel__animal-content-panel .accordion-panel__content__2col .left h3,
.accordion-panel__animal-content-panel .accordion-panel__content__2col .right__text-content h4,
.accordion-panel__animal-content-panel .accordion-panel__content__2col .right__text-content .form__subtitle,
.accordion-panel__animal-content-panel .accordion-panel__content__2col .right__text-content .gsection .gsection_title,
.gsection .accordion-panel__animal-content-panel .accordion-panel__content__2col .right__text-content .gsection_title,
.accordion-panel__animal-content-panel .accordion-panel__content__2col .right__text-content .header--bookNow .cta--icon--inner .cta_copy h3,
.header--bookNow .cta--icon--inner .cta_copy .accordion-panel__animal-content-panel .accordion-panel__content__2col .right__text-content h3,
.blog--snippet-title {
  font-size: 18px;
  line-height: 26px;
  color: #333F48; }

.subtitle-02-white {
  font-size: 18px;
  line-height: 26px;
  color: white; }

.heading--center {
  text-align: center; }

.heading--green {
  color: #179F86; }

.heading--red {
  color: #F0574B; }

/*  Body Copy, Anchors etc
  ========================================================================== */
p {
  margin: 0px 0px 28px; }

.p--large, .accordion-panel__animal-categories .animal-items a {
  font-size: 18px;
  line-height: 26px;
  color: #333F48;
  margin-bottom: 10px; }

.p--small, .blog-header__categories {
  font-size: 14px;
  line-height: 20px;
  color: #333F48; }

.caption {
  font-size: 12px;
  line-height: 16px;
  color: #333F48; }

a,
.link,
.accordion-panel__show-hide {
  color: #F0574B;
  text-decoration: underline; }
  a:hover, a:active, a:focus,
  .link:hover,
  .accordion-panel__show-hide:hover,
  .link:active,
  .accordion-panel__show-hide:active,
  .link:focus,
  .accordion-panel__show-hide:focus {
    outline: none;
    color: #f4837a; }

a.link--dark {
  color: #333F48; }

a.link--white {
  color: white; }

/*  ==========================================================================
  4. Components
  ========================================================================== */
/*  ==========================================================================
==========================================================================

Forms
1. Standard Fields

CSS FORMATTING
1. Positioning
2. Display & Box Model
3. Text
4. Other

==========================================================================
========================================================================== */
/*  ==========================================================================
1. Standard Fields
========================================================================== */
.ginput_recaptcha,
.label--hidden {
  visibility: hidden; }

/*  Common
========================================================================== */
input,
label,
select {
  display: block;
  border-radius: 0;
  font-size: 16px; }

button {
  border: 0; }

/* Label
========================================================================== */
label.required:after {
  content: "*"; }

label abbr {
  display: none; }

/*  Textarea / Select
========================================================================== */
[type='color'], [type='date'], [type='datetime'], [type='datetime-local'], [type='email'], [type='month'], [type='number'], [type='password'], [type='search'], [type='tel'], [type='text'], [type='time'], [type='url'], [type='week'], input:not([type]), textarea,
select,
select[multiple="multiple"],
textarea {
  width: 100%;
  height: 55px;
  padding: 10px 15px;
  border: 1px solid #E3E3DF;
  border-radius: 0;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  background-color: white;
  -webkit-transition: border-color;
  -o-transition: border-color;
  transition: border-color; }
  [type='color']:hover, [type='date']:hover, [type='datetime']:hover, [type='datetime-local']:hover, [type='email']:hover, [type='month']:hover, [type='number']:hover, [type='password']:hover, [type='search']:hover, [type='tel']:hover, [type='text']:hover, [type='time']:hover, [type='url']:hover, [type='week']:hover, input:not([type]):hover, textarea:hover,
  select:hover,
  select[multiple="multiple"]:hover,
  textarea:hover {
    border-color: #EFEFEA; }
  [type='color']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='email']:focus, [type='month']:focus, [type='number']:focus, [type='password']:focus, [type='search']:focus, [type='tel']:focus, [type='text']:focus, [type='time']:focus, [type='url']:focus, [type='week']:focus, input:not([type]):focus, textarea:focus,
  select:focus,
  select[multiple="multiple"]:focus,
  textarea:focus {
    border-color: #C0BFAE;
    outline: none; }

textarea {
  resize: vertical;
  height: 120px;
  min-height: 55px; }

/*  Search
========================================================================== */
input[type="search"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

/*  Checkbox / Radio
========================================================================== */
input[type="checkbox"],
input[type="radio"] {
  display: inline; }

/*  File Select
========================================================================== */
input[type="file"] {
  width: 100%; }

/**
 * Gravity Forms general styles.
 */
.ginput_container {
  position: relative; }

.gform_fields {
  margin: 0;
  padding: 0; }
  .gform_fields li {
    list-style: none; }

.gf-half-left {
  position: relative;
  width: calc(50% - 5px);
  float: left; }

.gf-half-right {
  position: relative;
  width: calc(50% - 5px);
  float: right; }

.gfield {
  margin-bottom: 20px !important; }

.gfield_label {
  margin-bottom: 8px; }

.gform_ajax_spinner {
  display: none !important; }

.gfield_description {
  font-size: 11px;
  padding-left: 16px;
  padding-right: 16px;
  display: inline-block; }

.gform_wrapper .gf_hidden,
.gform_wrapper .gform_hidden,
.gform_wrapper input.gform_hidden,
.gform_wrapper input[type="hidden"] {
  display: none !important;
  max-height: 1px !important;
  overflow: hidden; }

.gfield.hidden_label > label {
  display: none; }

.gform_validation_container,
.gform_wrapper .gform_validation_container,
body .gform_wrapper .gform_body ul.gform_fields li.gfield.gform_validation_container,
body .gform_wrapper li.gform_validation_container,
body .gform_wrapper ul.gform_fields li.gfield.gform_validation_container {
  display: none !important;
  position: absolute !important;
  left: -9000px; }

/**
 * Gravity Forms checkboxes
 */
.custom_checkbox,
.gfield_checkbox {
  padding: 0; }
  .custom_checkbox .gchoice,
  .gfield_checkbox .gchoice {
    position: relative;
    padding-left: 12px;
    text-align: left; }
    .custom_checkbox .gchoice label,
    .gfield_checkbox .gchoice label {
      margin-left: 20px; }
      .custom_checkbox .gchoice label:after,
      .gfield_checkbox .gchoice label:after {
        display: block;
        z-index: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        margin-top: 1px;
        border: 1px solid #979797;
        border-radius: 3px;
        background-color: #ffffff;
        content: ""; }
      .custom_checkbox .gchoice label:before,
      .gfield_checkbox .gchoice label:before {
        display: block;
        z-index: 1;
        position: absolute;
        top: 6px;
        left: 6px;
        width: 8px;
        height: 15px;
        margin-top: 1px;
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg);
        border: solid #F0574B;
        border-width: 0 3px 3px 0;
        content: "";
        opacity: 0;
        -webkit-transition: all 100ms;
        -o-transition: all 100ms;
        transition: all 100ms; }

.ginput_container_consent {
  position: relative;
  padding-left: 12px;
  text-align: left; }
  .ginput_container_consent label:after {
    display: block;
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    margin-top: 1px;
    border: 1px solid #979797;
    border-radius: 3px;
    background-color: #ffffff;
    content: ""; }
  .ginput_container_consent label:before {
    display: block;
    z-index: 1;
    position: absolute;
    top: 6px;
    left: 6px;
    width: 8px;
    height: 15px;
    margin-top: 1px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    border: solid #F0574B;
    border-width: 0 3px 3px 0;
    content: "";
    opacity: 0;
    -webkit-transition: all 100ms;
    -o-transition: all 100ms;
    transition: all 100ms; }

input[type="checkbox"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  outline: none;
  cursor: pointer;
  opacity: 0; }
  input[type="checkbox"] + label {
    cursor: pointer; }
  input[type="checkbox"]:checked + label:before {
    top: 1px;
    opacity: 1; }

/**
 * Gravity Forms radio
 */
.gfield_radio {
  padding: 0; }
  .gfield_radio .gchoice {
    position: relative;
    padding-left: 12px;
    text-align: left; }
    .gfield_radio .gchoice label {
      margin-left: 20px; }
      .gfield_radio .gchoice label:after {
        display: block;
        z-index: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        margin-top: 1px;
        border: 1px solid #979797;
        border-radius: 50%;
        background-color: #ffffff;
        content: ""; }
      .gfield_radio .gchoice label:before {
        display: block;
        z-index: 1;
        position: absolute;
        margin-top: 3px;
        left: 3px;
        width: 14px;
        height: 14px;
        background-color: #F0574B;
        content: "";
        border-radius: 50%;
        opacity: 0;
        -webkit-transition: all 100ms;
        -o-transition: all 100ms;
        transition: all 100ms; }

input[type="radio"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  outline: none;
  cursor: pointer;
  opacity: 0; }
  input[type="radio"] + label {
    cursor: pointer; }
  input[type="radio"]:checked + label:before {
    top: 1px;
    opacity: 1; }

/**
 * Gravity Forms select
 */
.gfield select {
  height: 56px;
  padding: 10px 15px;
  background-image: url("../images/icons/arrow--dark--no-stem.svg");
  background-repeat: no-repeat;
  background-position: right 15px top 24px; }

/**
 * Gravity Forms date
 */
.ginput_container_date::before {
  content: "";
  position: absolute;
  background-image: url("../images/icons/icon--calendar-black.svg");
  background-repeat: no-repeat;
  right: 10px;
  top: 18px;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-left: 8px; }

.ginput_container_date img {
  display: none; }

/**
 * Gravity Forms file upload
 */
.ginput_container_fileupload {
  background-color: #EFEFEA;
  padding: 15px; }
  .ginput_container_fileupload input {
    background-color: #EFEFEA !important;
    height: auto !important; }
    .ginput_container_fileupload input:focus {
      outline: none; }
  .ginput_container_fileupload .ginput_preview {
    position: relative;
    padding-left: 30px; }
    .ginput_container_fileupload .ginput_preview img {
      opacity: 0;
      width: 20px;
      height: 20px;
      position: absolute;
      z-index: 1;
      left: 0;
      top: 4px; }
    .ginput_container_fileupload .ginput_preview:before {
      content: "";
      position: absolute;
      background-image: url("../images/icons/icon--delete-red.svg");
      background-repeat: no-repeat;
      background-size: contain;
      left: 0;
      top: 4px;
      width: 20px;
      height: 20px;
      display: block; }
  .ginput_container_fileupload + .gfield_description:before {
    display: none; }
  .ginput_container_fileupload .validation_message {
    display: none; }
    .ginput_container_fileupload .validation_message:before {
      display: none; }

/**
 * Errors
 */
.validation_error {
  color: #F0574B;
  background-color: #F0574B;
  color: #ffffff;
  text-align: center;
  padding: 10px;
  margin-bottom: 16px; }

.validation_message {
  color: #F0574B;
  margin-top: 4px;
  position: relative;
  padding-left: 20px;
  text-align: right;
  display: inline-block; }
  .validation_message:before {
    content: "";
    width: 14px;
    height: 14px;
    background-image: url("../images/icons/icon--error-red.svg");
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 4px;
    left: 0; }

.gfield_error input,
.gfield_error textarea {
  border: 1px solid #F0574B !important; }

.gfield_error .ginput_container_fileupload {
  border: 1px solid #F0574B !important; }
  .gfield_error .ginput_container_fileupload input {
    border: 0 !important; }
  .gfield_error .ginput_container_fileupload + .validation_message:before {
    content: "";
    display: block; }

/**
 * Success message
 */
.gform_confirmation_wrapper {
  padding: 16px;
  background-color: #179F86;
  color: #ffffff; }
  .gform_confirmation_wrapper a {
    color: #ffffff; }

.gform_wrapper input {
  height: 55px;
  margin-bottom: 0 !important; }

.gform_wrapper textarea {
  padding-top: 15px; }

.gform_wrapper .gfield {
  position: relative; }

.gform_wrapper .button {
  height: 55px; }

/*  Animated Labels
========================================================================== */
.label---inactive label {
  position: absolute;
  top: 16px;
  left: 16px;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  z-index: 1;
  color: #333F48; }

.label---active input {
  padding-top: 22px; }

.label---active select {
  padding-top: 22px; }

.label---active textarea {
  padding-top: 24px; }

.label---active label {
  position: absolute;
  left: 16px;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  z-index: 1;
  color: #333F48;
  top: 3px !important;
  font-size: 10px !important;
  transition: 0.2s; }

/*  Animated Labels - complex field override
========================================================================== */
label.gfield_label_before_complex {
  position: relative;
  left: 0 !important;
  top: 0 !important;
  font-size: 16px !important;
  margin-left: 0 !important; }

.ginput_complex span {
  display: block;
  position: relative;
  margin-bottom: 20px; }

/*  Animated Labels - name field override
========================================================================== */
.ginput_container_name {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 15px; }
  .ginput_container_name.has_prefix {
    display: grid;
    grid-template-columns: 100px 1fr 1fr;
    grid-gap: 16px; }
  @media (max-width: 767px) {
    .ginput_container_name {
      display: block; }
      .ginput_container_name.has_prefix {
        display: block; } }

/*  Animated Labels - address field override
========================================================================== */
.ginput_container_address {
  margin-bottom: 50px; }
  .ginput_container_address .address_state {
    width: calc(50% - 8px);
    float: left; }
  .ginput_container_address .address_zip {
    width: calc(50% - 8px);
    float: right; }
  .ginput_container_address .address_country {
    clear: both; }

/*  Animated Labels - checkbox override
========================================================================== */
.ginput_container_checkbox .gfield_checkbox li {
  padding-left: 0; }

.ginput_container_checkbox .gfield_checkbox label {
  position: relative;
  font-size: 14px !important;
  margin-left: 0 !important;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  z-index: 1;
  color: #333F48;
  left: 0;
  padding-left: 30px; }

.label---checkbox > label,
.label---radio > label {
  position: relative;
  left: 0;
  margin-bottom: 24px; }
  .label---checkbox > label .gfield_required,
  .label---radio > label .gfield_required {
    display: none; }

/*  Animated Labels - consent override
========================================================================== */
.ginput_container_consent {
  padding-left: 0; }
  .ginput_container_consent label {
    position: relative;
    font-size: 14px !important;
    margin-left: 0 !important;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    z-index: 1;
    color: #333F48;
    left: 0;
    padding-left: 30px; }
  .ginput_container_consent .gfield_consent_label {
    position: relative;
    left: 0;
    margin-bottom: 24px; }
    .ginput_container_consent .gfield_consent_label .gfield_required {
      display: none; }

/*  Animated Labels - radio override
========================================================================== */
.ginput_container_radio {
  margin-bottom: 40px; }
  .ginput_container_radio .gfield_radio li {
    padding-left: 0; }
  .ginput_container_radio .gfield_radio label {
    position: relative;
    font-size: 14px !important;
    margin-left: 0 !important;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    z-index: 1;
    color: #333F48;
    left: 0;
    padding-left: 30px; }

/*  Animated Labels - multiselect override
========================================================================== */
.ginput_container_multiselect select {
  height: auto; }

/*  Animated Labels - price field override
========================================================================== */
.gfield_price > label {
  position: relative;
  left: 0 !important;
  top: 0 !important;
  font-size: 16px !important;
  margin-left: 0 !important; }

.ginput_container_product_price {
  position: relative; }
  .ginput_container_product_price:before {
    content: "€";
    position: absolute;
    font-size: 16px;
    top: 16px;
    left: 15px; }
  .ginput_container_product_price input.ginput_amount {
    padding: 10px 15px 10px 34px; }

/*  Animated Labels - multiselect override
========================================================================== */
.ginput_container_multiselect select {
  padding-top: 30px;
  background-image: none; }
  .ginput_container_multiselect select option {
    padding: 5px; }
    .ginput_container_multiselect select option:checked {
      background: #1aab8e -webkit-linear-gradient(bottom, #179F86 0%, #179F86 100%); }

/*  Animated Labels - time field override
========================================================================== */
.gfield.wrapper---time .clear-multi {
  display: grid;
  grid-gap: 15px;
  grid-template-rows: 1fr;
  grid-template-columns: auto;
  grid-auto-flow: column dense; }
  @media (max-width: 767px) {
    .gfield.wrapper---time .clear-multi {
      grid-gap: 10px; } }
  .gfield.wrapper---time .clear-multi i {
    display: none; }

/*  Animated Labels - credit card override
========================================================================== */
.cc_field > label {
  display: none; }

.ginput_container_creditcard {
  display: grid; }
  .ginput_container_creditcard > span {
    display: block;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-bottom: 24px; }
    .ginput_container_creditcard > span:last-of-type {
      -webkit-box-ordinal-group: 1;
          -ms-flex-order: 0;
              order: 0; }
  .ginput_container_creditcard label {
    position: relative;
    left: 0 !important;
    top: 0 !important;
    font-size: 16px !important;
    margin-left: 0 !important;
    margin-bottom: 5px; }
  .ginput_container_creditcard input {
    padding: 10px 15px; }
  .ginput_container_creditcard .gform_card_icon_container {
    display: none !important; }
  .ginput_container_creditcard .ginput_full,
  .ginput_container_creditcard input {
    position: relative; }
  .ginput_container_creditcard .ginput_cardextras {
    display: grid;
    grid-template-columns: 2fr 1fr; }
  .ginput_container_creditcard .ginput_cardinfo_left .ginput_card_expiration {
    max-width: 30%;
    min-width: 100px;
    display: inline-block; }
  .ginput_container_creditcard .ginput_cardinfo_left select {
    padding: 10px 15px !important; }
  @media (max-width: 767px) {
    .ginput_container_creditcard > span {
      margin-bottom: 20px; }
    .ginput_container_creditcard .ginput_cardextras {
      display: block; }
    .ginput_container_creditcard .ginput_cardinfo_left {
      display: block;
      margin-bottom: 24px; }
      .ginput_container_creditcard .ginput_cardinfo_left .ginput_card_expiration {
        max-width: 49%; }
    .ginput_container_creditcard .ginput_cardinfo_right {
      display: block;
      max-width: 50%; } }

/*  Form Description
========================================================================== */
.gform_heading .gform_description {
  display: block;
  margin-bottom: 28px !important; }

/*  Form subtitle class (used on donate form)
========================================================================== */
.form__subtitle {
  padding-top: 40px;
  margin-top: 40px;
  padding-bottom: 20px;
  border-top: 1px solid #C0BFAE; }

.gsection .gsection_title {
  padding-top: 40px;
  margin-top: 40px;
  padding-bottom: 20px;
  border-top: 1px solid #C0BFAE; }

/*  Limit Form Width class (used on donate form)
========================================================================== */
.form__half_width {
  max-width: 440px;
  padding-bottom: 40px; }

/* Screen Reader
========================================================================== */
.gform_wrapper .screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important; }

/*  Newlsetter Signup layout
========================================================================== */
.form--newsletter {
  margin-bottom: 20px; }
  .form--newsletter .ginput_container_checkbox label {
    color: #ffffff;
    font-size: 12px !important;
    line-height: 14px; }

.stacktable.large-only {
  display: table; }

.stacktable.small-only {
  display: none; }

@media (max-width: 768px) {
  .stacktable.large-only {
    display: none; }
  .stacktable.small-only {
    display: table; } }

/**
 * General styles
 */
table {
  border-spacing: 0px 3px; }

.responsive-table {
  width: 100%;
  padding-bottom: 24px; }
  .responsive-table:last-child {
    padding-bottom: 0px; }
  .responsive-table th {
    padding: 10px 10px 5px 10px; }
  .responsive-table td {
    padding: 5px 10px; }

.st-head-row {
  text-align: left; }

.st-head-row-main {
  border-bottom: 1px solid #D8D8D8;
  text-align: center; }

thead th:first-child {
  text-align: left; }

.st-key {
  background-color: #D8D8D8; }

.st-val {
  background-color: #CCCCCA;
  text-align: center; }

@media (min-width: 768px) {
  tbody tr th {
    width: 45%;
    background-color: #D8D8D8;
    text-align: left; }
  tbody tr td {
    text-align: center; }
    tbody tr td:nth-child(even) {
      background-color: #CCCCCA; }
    tbody tr td:nth-child(odd) {
      background-color: #D8D8D8; } }

.table--green .st-head-row-main {
  color: #179F86; }

.table--green thead th:first-child {
  color: #179F86; }

.table--red .st-head-row-main {
  border: 0px;
  color: #F0574B; }

.table--red thead th:first-child {
  color: #F0574B; }

.table--red tbody tr:nth-child(4n + 5) td:last-child {
  background-color: #F0574B;
  color: #ffffff; }

@media (min-width: 768px) {
  .table--red tbody tr td:last-child {
    background-color: #F0574B;
    color: #ffffff; } }

.table--transparent tr td:nth-child(odd),
.table--transparent tr td:nth-child(even) {
  background-color: transparent;
  text-align: left; }

.table--xsmall tr td {
  padding: 5px 0; }

.table--xsmall tr td:nth-child(odd) {
  padding-right: 20px; }

.table--xsmall tr td:nth-child(even) {
  font-weight: bold;
  text-align: right; }

/*  ==========================================================================
  ==========================================================================

  Print
  1. Standard

  CSS FORMATTING
  1. Positioning
  2. Display & Box Model
  3. Text
  4. Other

  Print styles.
  Inlined to avoid the additional HTTP request:
  http://www.phpied.com/delay-loading-your-print-css/

  ==========================================================================
  ========================================================================== */
/*  ==========================================================================
  1. Standard
  ========================================================================== */
@media print {
  *, *:before, *:after {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster:
    http://www.sanbeiji.com/archives/953 */
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    text-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  /**
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol.
   */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  /**
   * Printing Tables:
   * http://css-discuss.incutio.com/wiki/Printing_Tables
   */
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; } }

/*  ==========================================================================
  1. default button, red, rounded corners, right arrow
  ========================================================================== */
.button {
  cursor: pointer;
  background-color: #F0574B;
  border-radius: 5px;
  width: auto;
  color: white;
  text-decoration: none;
  padding: 12px 50px 12px 25px;
  position: relative;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  .button:after {
    content: "";
    background-image: url("../images/icons/icon--arrow-right.svg");
    background-repeat: no-repeat;
    width: 15px;
    height: 12px;
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -6px;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease; }
  .button:hover, .button:focus {
    color: white;
    background-color: #179F86;
    padding: 12px 55px 12px 30px; }
    .button:hover:after, .button:focus:after {
      right: 15px; }
  @media (max-width: 767px) {
    .button {
      font-size: 13px; } }

.button--no-arrow:after {
  display: none; }

.button--outline-black {
  border: 2px solid #333F48;
  background: transparent;
  color: #333F48; }
  .button--outline-black:after {
    display: none; }

.button--tickets {
  padding: 12px 25px; }
  .button--tickets:after {
    display: none; }
  .button--tickets:before {
    content: "";
    background-image: url("../images/icons/icon--ticket.svg");
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 8px;
    position: relative;
    left: 0;
    top: 5px;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease; }
    @media (max-width: 767px) {
      .button--tickets:before {
        margin-right: 4px; } }
  .button--tickets:hover, .button--tickets:focus {
    padding: 12px 25px; }
    .button--tickets:hover:before, .button--tickets:focus:before {
      -ms-transform: scale(1.3) rotate(45deg) translateY(3px) translateX(-3px);
      -webkit-transform: scale(1.3) rotate(45deg) translateY(3px) translateX(-3px);
      transform: scale(1.3) rotate(45deg) translateY(3px) translateX(-3px); }

/**
 * Accordion open/close.
 */
.open-close--red-circle {
  position: relative;
  width: 20px;
  height: 20px;
  border: 2px solid #F0574B;
  border-radius: 50%;
  background-color: #F0574B; }
  @media (min-width: 768px) {
    .open-close--red-circle {
      width: 15px;
      height: 15px; } }
  .open-close--red-circle .line-01 {
    position: absolute;
    top: 7px;
    left: 3px;
    width: 10px;
    height: 2px;
    background-color: #ffffff; }
    @media (min-width: 768px) {
      .open-close--red-circle .line-01 {
        width: 9px;
        height: 1px;
        top: 5px;
        left: 1px; } }
  .open-close--red-circle .line-02 {
    position: absolute;
    top: 7px;
    left: 3px;
    width: 10px;
    height: 2px;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    background-color: #ffffff;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }
    @media (min-width: 768px) {
      .open-close--red-circle .line-02 {
        width: 9px;
        height: 1px;
        top: 5px;
        left: 1px; } }

/* end Accordion open/close. */
/**
 * Inner Accordion open/close.
 */
.open-close--red-circle--no-fill {
  position: relative;
  width: 16px;
  height: 16px;
  border: 2px solid #F0574B;
  border-radius: 50%; }
  .open-close--red-circle--no-fill .line-01 {
    position: absolute;
    top: 5px;
    left: 2px;
    width: 8px;
    height: 2px;
    background-color: #F0574B; }
  .open-close--red-circle--no-fill .line-02 {
    position: absolute;
    top: 5px;
    left: 2px;
    width: 8px;
    height: 2px;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    background-color: #F0574B;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }

/* end Inner Accordion open/close. */
i.icon--clock {
  width: 20px;
  height: 20px;
  background-image: url("../images/icons/icon--clock.svg");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
  position: relative;
  top: -2px; }
  i.icon--clock.icon--clock--green {
    background-image: url("../images/icons/icon--clock-green.svg"); }
  i.icon--clock.icon--clock--brightgreen {
    background-image: url("../images/icons/icon--clock-brightgreen.svg"); }

i.icon--calendar {
  width: 20px;
  height: 20px;
  background-image: url("../images/icons/icon--calendar-black.svg");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
  position: relative;
  top: -2px; }
  i.icon--calendar.icon--calendar--white {
    background-image: url("../images/icons/icon--calendar-white.svg"); }
  i.icon--calendar.icon--calendar--green {
    background-image: url("../images/icons/icon--calendar-brightgreen.svg"); }

i.icon--person {
  width: 20px;
  height: 20px;
  background-image: url("../images/icons/icon--person.svg");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
  position: relative;
  top: -2px; }
  i.icon--person.icon--person--green {
    background-image: url("../images/icons/icon--person-green.svg"); }

i.icon--euro {
  width: 20px;
  height: 20px;
  background-image: url("../images/icons/icon--euro.svg");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
  position: relative;
  top: -2px; }
  i.icon--euro.icon--euro--green {
    background-image: url("../images/icons/icon--euro-green.svg"); }

i.icon--bus {
  width: 20px;
  height: 20px;
  background-image: url("../images/icons/icon--bus.svg");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
  position: relative;
  top: -2px; }

i.icon--ticket {
  width: 20px;
  height: 20px;
  background-image: url("../images/icons/icon--ticket.svg");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
  position: relative;
  top: -2px; }

i.arrow--right-dark {
  width: 15px;
  height: 12px;
  background-image: url("../images/icons/icon--arrow-right-dark.svg");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  margin-left: 8px;
  vertical-align: middle;
  position: relative;
  top: 0px; }

i.arrow--down-dark {
  width: 15px;
  height: 10px;
  background-image: url("../images/icons/icon--arrow-down-dark.svg");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  margin-left: 8px;
  vertical-align: middle;
  position: relative;
  top: 0px; }

i.arrow--right-white {
  width: 15px;
  height: 12px;
  background-image: url("../images/icons/icon--arrow-right-white.svg");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  margin-left: 8px;
  vertical-align: middle;
  position: relative;
  top: 0px; }

i.icon--blob-webcam {
  width: 64px;
  height: 64px;
  background-image: url("../images/icons/icon--blob-webcam.svg");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 15px;
  vertical-align: middle;
  position: relative;
  top: 0px; }

i.icon--blob-review {
  width: 64px;
  height: 64px;
  background-image: url("../images/icons/icon--blob-review.svg");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 15px;
  vertical-align: middle;
  position: relative;
  top: 0px; }

i.icon--blob-tripadvisor {
  width: 64px;
  height: 64px;
  background-image: url("../images/icons/icon--blob-tripadviser.svg");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 15px;
  vertical-align: middle;
  position: relative;
  top: 0px; }

i.icon--blob-facebook {
  width: 52px;
  height: 48px;
  background-image: url("../images/icons/icon--blob-facebook.svg");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 15px;
  vertical-align: middle;
  position: relative;
  top: 0px; }

i.icon--blob-google {
  width: 52px;
  height: 48px;
  background-image: url("../images/icons/icon--blob-google.svg");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 15px;
  vertical-align: middle;
  position: relative;
  top: 0px; }

.slick-dots {
  margin: 0;
  padding: 0; }

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 15px;
  height: 20px;
  margin: 0 4px;
  padding: 0;
  cursor: pointer; }

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent; }

.slick-dots li button:before {
  content: '•';
  font-size: 22px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  text-align: center;
  color: black; }

.slick-dots li.slick-active button:before {
  color: #F0574B; }

.gallery--mobile {
  text-align: center; }
  .gallery--mobile .slick-dots {
    display: inline-block;
    margin: 20px 0; }
  .gallery--mobile .blog--snippet {
    padding: 5px; }

/*  ==========================================================================
  ==========================================================================

  Dropdowns
  1.

  CSS FORMATTING
  1. Positioning
  2. Display & Box Model
  3. Text
  4. Other

  ==========================================================================
  ========================================================================== */
/*  ==========================================================================
  1.
  ========================================================================== */
/*  ==========================================================================
  ==========================================================================

  Navigation
  1. Main Nav

  CSS FORMATTING
  1. general - reset
  2. main desktop nav
  3. secondary desktop nav
  4. sticky desktop nav
  5. Mobile menu overlay

  ==========================================================================
  ========================================================================== */
/*  ==========================================================================
  1. general - reset
  ========================================================================== */
nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  nav ul li {
    display: inline-block; }
    nav ul li a {
      color: #ffffff;
      text-decoration: none;
      -webkit-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      transition: all 0.2s ease; }

.nav-primary--outer-padding {
  padding: 0px 5%;
  background-color: #28493D; }
  @media (max-width: 767px) {
    .nav-primary--outer-padding {
      padding: 0px; } }

.nav-wrapper {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 999;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.nav-wrapper-transparent {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 999; }
  .nav-wrapper-transparent .nav-primary--outer-padding {
    background-color: transparent;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    @media (max-width: 767px) {
      .nav-wrapper-transparent .nav-primary--outer-padding {
        background-color: rgba(0, 0, 0, 0.25); } }

@media (max-width: 767px) {
  .nav-wrapper-transparent--mobile-green {
    background-color: #28493D; } }

@media (max-width: 767px) {
  .page-template-home .nav-primary--wrapper {
    border-bottom: 2px solid #F0574B; } }

/*  ==========================================================================
  2. main desktop nav
  ========================================================================== */
.nav-primary--wrapper {
  position: relative;
  font-size: 16px;
  line-height: 24px;
  color: #333F48;
  line-height: 16px;
  -webkit-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
  max-width: 1300px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: auto 1fr auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 10px !important;
  padding-bottom: 10px !important; }
  @media (max-width: 767px) {
    .nav-primary--wrapper {
      padding-bottom: 8px !important;
      font-size: 13px;
      line-height: 24px;
      color: #333F48;
      grid-template-columns: 1fr auto;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding-left: 4%;
      padding-right: 4%;
      padding-top: 2px !important; }
      .nav-primary--wrapper .nav-primary--logo {
        -webkit-box-ordinal-group: 1;
            -ms-flex-order: 0;
                order: 0; }
      .nav-primary--wrapper .main-nav {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        grid-column: 1/-1; }
      .nav-primary--wrapper .button--tickets {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1; } }
  .nav-primary--wrapper .main-nav {
    text-align: right; }
    @media (max-width: 767px) {
      .nav-primary--wrapper .main-nav {
        text-align: center; } }

.nav-primary--logo {
  background-image: url("../images/logos/zoo--white.svg");
  display: inline-block;
  width: 134px;
  height: 64px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s; }
  @media (max-width: 767px) {
    .nav-primary--logo {
      width: 87px; } }

.nav-primary {
  text-align: right;
  display: inline-block; }
  .nav-primary li {
    padding: 0 30px;
    border-right: 1px solid white;
    color: #F0574B; }
    .nav-primary li a {
      padding-bottom: 8px; }
      @media (max-width: 767px) {
        .nav-primary li a {
          padding-bottom: 7px; } }
      .nav-primary li a:hover, .nav-primary li a:focus {
        color: white;
        border-bottom: 4px solid #F0574B; }
    .nav-primary li:last-child {
      border-right: 0px; }
    @media (max-width: 967px) {
      .nav-primary li {
        padding: 0 15px; } }
    @media (max-width: 767px) {
      .nav-primary li {
        border-right: 1px solid #F0574B;
        line-height: 14px;
        padding: 0 10px; }
        .nav-primary li:first-child {
          padding-left: 0; }
        .nav-primary li:last-child {
          padding-right: 0; } }
    .nav-primary li.current-menu-item:not(.menu--webcams) a {
      border-bottom: 4px solid #F0574B; }
    .nav-primary li.current-page-ancestor:not(.menu--webcams) a {
      border-bottom: 4px solid #F0574B; }
  .nav-primary__campaign-logo {
    position: absolute;
    display: block;
    width: 134px;
    height: 65px;
    top: 100px;
    left: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    background-color: transparent;
    background-image: url(../images/logos/save-dublin-zoo-logo.png);
    content: ""; }
    @media (max-width: 767px) {
      .nav-primary__campaign-logo {
        width: 100px;
        left: 4%; } }

/*  ==========================================================================
  3. secondary desktop nav
  ========================================================================== */
.nav-secondary--wrapper {
  max-width: 1300px;
  margin: 0 auto;
  height: 28px;
  line-height: 28px;
  text-align: right; }
  @media (max-width: 767px) {
    .nav-secondary--wrapper {
      display: none; } }

.nav-secondary {
  font-size: 13px;
  line-height: 24px;
  color: #333F48;
  text-align: right;
  display: inline-block; }
  .nav-secondary li {
    margin-left: 40px; }
    .nav-secondary li.current-menu-item a {
      color: #56C788; }
    .nav-secondary li:hover a, .nav-secondary li:focus a {
      color: #56C788; }

.nav-secondary--outer-padding {
  background-color: #385C4F; }

.nav-wrapper-transparent .nav-secondary--outer-padding {
  background-color: rgba(0, 0, 0, 0.25); }

.nav-secondary--outer-padding {
  padding: 0px 5%; }
  @media (max-width: 767px) {
    .nav-secondary--outer-padding {
      padding: 0px; } }

/*  ==========================================================================
  4. sticky desktop nav
  ========================================================================== */
.nav-wrapper--sticky .nav-secondary--outer-padding {
  background-color: #385C4F; }

.nav-wrapper--sticky .nav-primary--outer-padding {
  background-color: #28493D; }

@media (min-width: 768px) {
  .nav-wrapper--sticky .nav-primary--logo {
    width: 100px;
    height: 47px; } }

@media (min-width: 768px) {
  .nav-wrapper--sticky .button--tickets {
    padding: 8px 20px; } }

.nav-wrapper--sticky .breadcrumbs {
  -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
  height: 0; }

/*  ==========================================================================
  5. Mobile menu overlay
  ========================================================================== */
.nav-mobile--wrapper {
  background-color: #28493D;
  position: fixed;
  overflow: scroll;
  z-index: 998;
  width: 100%;
  height: 100%;
  top: 0;
  padding: 20px 0;
  padding-top: 70px; }
  .nav-mobile--wrapper ul {
    padding: 0; }
    .nav-mobile--wrapper ul li {
      width: 100%;
      display: block;
      background-color: #385C4F;
      border-bottom: 1px solid #28493D; }
      .nav-mobile--wrapper ul li a {
        display: block;
        padding: 5px 15px; }
        .nav-mobile--wrapper ul li a:hover, .nav-mobile--wrapper ul li a:focus {
          color: white; }
      .nav-mobile--wrapper ul li.menu-item-has-children {
        position: relative; }
        .nav-mobile--wrapper ul li.menu-item-has-children:after {
          content: "";
          background-image: url("../images/icons/icon--arrow-right-white-nostem.svg");
          background-size: contain;
          background-position: center;
          background-repeat: no-repeat;
          height: 10px;
          width: 10px;
          display: block;
          position: absolute;
          top: 12px;
          right: 12px;
          -ms-transform: rotate(0deg);
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
          -webkit-transition: all, 0.3s;
          -o-transition: all, 0.3s;
          transition: all, 0.3s; }
        .nav-mobile--wrapper ul li.menu-item-has-children.open:after {
          -ms-transform: rotate(90deg);
          -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }
      .nav-mobile--wrapper ul li .sub-menu {
        display: none;
        margin: 0;
        padding: 0; }
        .nav-mobile--wrapper ul li .sub-menu li {
          background-color: #28493D; }
          .nav-mobile--wrapper ul li .sub-menu li a {
            font-size: 13px;
            padding-left: 25px;
            border-bottom: 1px solid #385C4F; }
          .nav-mobile--wrapper ul li .sub-menu li:first-child {
            border-top: 1px solid #28493D; }
          .nav-mobile--wrapper ul li .sub-menu li:last-child a {
            border-bottom: none; }
  .nav-mobile--wrapper .mobile-nav-sec {
    margin-top: 20px; }
    .nav-mobile--wrapper .mobile-nav-sec ul li {
      background: transparent;
      width: 45%;
      display: inline-block;
      font-size: 14px; }

.nav-mobile--wrapper-bg-layer {
  background-color: rgba(40, 73, 61, 0.5);
  position: fixed;
  z-index: 997;
  width: 100%;
  height: 100%;
  top: 0; }

.nav-primary--wrapper {
  -webkit-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  height: 100px; }
  .nav-primary--wrapper.mobile-active {
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    height: 70px;
    background-color: #28493D;
    overflow: hidden; }
    @media (min-width: 768px) {
      .nav-primary--wrapper.mobile-active {
        background-color: transparent;
        height: 100px; } }
    .nav-primary--wrapper.mobile-active .nav-primary__campaign-logo {
      display: none; }

.nav-mobile--wrapper,
.nav-mobile--wrapper-bg-layer {
  -webkit-transition: 0.4s ease-in-out;
  -o-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%); }
  .nav-mobile--wrapper.mobile-active,
  .nav-mobile--wrapper-bg-layer.mobile-active {
    -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
            transform: translateY(0%); }
    @media (min-width: 768px) {
      .nav-mobile--wrapper.mobile-active,
      .nav-mobile--wrapper-bg-layer.mobile-active {
        display: none; } }

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  display: none;
  padding: 0px 0px;
  cursor: pointer;
  -webkit-transition-property: opacity, -webkit-filter;
  transition-property: opacity, -webkit-filter;
  -o-transition-property: opacity, filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  -webkit-transition-duration: 0.15s;
       -o-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: linear;
       -o-transition-timing-function: linear;
          transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
  margin: 0 0 0 12px;
  position: relative;
  top: 4px; }
  @media (max-width: 767px) {
    .hamburger {
      display: inline-block; } }
  .hamburger:hover {
    opacity: 1; }
  .hamburger:focus {
    outline: none; }
  .hamburger.is-active:hover {
    opacity: 1; }
  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after {
    background-color: white; }

.hamburger-box {
  width: 22px;
  height: 17px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1.5px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 22px;
    height: 3px;
    background-color: white;
    border-radius: 0px;
    position: absolute;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.15s;
         -o-transition-duration: 0.15s;
            transition-duration: 0.15s;
    -webkit-transition-timing-function: ease;
         -o-transition-timing-function: ease;
            transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -7px; }
  .hamburger-inner::after {
    bottom: -7px; }

/*
   * Slider Reverse
   */
.hamburger--slider-r .hamburger-inner {
  top: 1.5px; }
  .hamburger--slider-r .hamburger-inner::before {
    top: 7px;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: transform, opacity;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-timing-function: ease;
         -o-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-duration: 0.15s;
         -o-transition-duration: 0.15s;
            transition-duration: 0.15s; }
  .hamburger--slider-r .hamburger-inner::after {
    top: 14px; }

.hamburger--slider-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 7px, 0) rotate(-45deg);
          transform: translate3d(0, 7px, 0) rotate(-45deg); }
  .hamburger--slider-r.is-active .hamburger-inner::before {
    -webkit-transform: rotate(45deg) translate3d(3.14286px, -4px, 0);
            transform: rotate(45deg) translate3d(3.14286px, -4px, 0);
    opacity: 0; }
  .hamburger--slider-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -14px, 0) rotate(90deg);
            transform: translate3d(0, -14px, 0) rotate(90deg); }

.simplebar-track {
  background: white; }

.simplebar-track.simplebar-vertical {
  width: 6px; }

.simplebar-scrollbar {
  width: 6px;
  left: 0;
  border-radius: 0px; }

.simplebar-scrollbar:before {
  background: #28493D;
  opacity: 1;
  border-radius: 0px;
  top: 0 !important;
  bottom: 0 !important; }

.simplebar-track .simplebar-scrollbar.simplebar-visible:before {
  opacity: 1;
  border-radius: 0px;
  top: 0 !important;
  bottom: 0 !important; }

.ui-datepicker {
  background: white;
  width: 30em;
  max-width: 97%;
  z-index: 101 !important;
  -webkit-box-shadow: -10px 10px 0px 0px #c4c4b8;
  box-shadow: -10px 10px 0px 0px #c4c4b8;
  border: 1px solid #E3E3DF; }
  @media (max-width: 767px) {
    .ui-datepicker {
      -webkit-box-shadow: -5px 5px 0px 0px #c4c4b8;
      box-shadow: -5px 5px 0px 0px #c4c4b8; } }
  .ui-datepicker .ui-datepicker-header {
    background-color: #F0574B;
    color: #ffffff; }
    .ui-datepicker .ui-datepicker-header select {
      display: inline-block;
      background-image: url("../images/icons/arrow--dark--no-stem.svg");
      background-repeat: no-repeat;
      background-position: right 15px center;
      width: 25%;
      min-width: 95px;
      padding: 0px 10px;
      height: 37px;
      line-height: 37px; }
    .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
      height: 40px;
      line-height: 40px; }
    .ui-datepicker .ui-datepicker-header .ui-datepicker-month {
      margin-right: 3px; }
    .ui-datepicker .ui-datepicker-header .ui-datepicker-year {
      margin-left: 3px; }
    .ui-datepicker .ui-datepicker-header .ui-datepicker-next, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
      top: 9px; }
  .ui-datepicker .ui-datepicker-prev,
  .ui-datepicker .ui-datepicker-next {
    background-image: url("../images/icons/icon--arrow-right-white.svg");
    background-repeat: no-repeat;
    background-position: center; }
  .ui-datepicker .ui-datepicker-prev {
    background-image: url("../images/icons/icon--arrow-left-white.svg"); }
  .ui-datepicker table.ui-datepicker-calendar th {
    font-size: 14px; }
  .ui-datepicker table.ui-datepicker-calendar td {
    background: white;
    text-align: center;
    border-right: 1px solid #E3E3DF;
    padding: 8px 5px; }
    .ui-datepicker table.ui-datepicker-calendar td:last-child {
      border-right: 0; }
    .ui-datepicker table.ui-datepicker-calendar td a {
      text-align: center;
      background: #179F86;
      color: white;
      border-radius: 50%;
      height: 28px;
      width: 28px;
      display: block;
      margin: 0 auto;
      line-height: 26px; }
    .ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-today {
      background: #EFEFEA; }
    .ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-current-day a {
      color: white;
      background: #F0574B; }
    .ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-unselectable span {
      text-align: center;
      opacity: 0.4; }
  @media (max-width: 767px) {
    .ui-datepicker table.ui-datepicker-calendar {
      max-width: 100%; }
      .ui-datepicker table.ui-datepicker-calendar td {
        padding: 4px 4px; } }

ul.page-numbers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 84px 0px 0px;
  padding: 0px;
  list-style: none; }
  ul.page-numbers li {
    margin: 0px 8px; }
    @media (max-width: 767px) {
      ul.page-numbers li {
        margin: 0px; } }
  ul.page-numbers .current {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 40px;
    height: 40px;
    background-color: #179F86;
    color: #ffffff; }
  ul.page-numbers .next,
  ul.page-numbers .prev {
    position: relative;
    background-color: #F0574B; }
    ul.page-numbers .next::before,
    ul.page-numbers .prev::before {
      display: block;
      position: absolute;
      top: 50%;
      right: 50%;
      width: 8px;
      height: 13px;
      -webkit-transform: translate(50%, -50%);
          -ms-transform: translate(50%, -50%);
              transform: translate(50%, -50%);
      background: url("../images/icons/icon--arrow-right-white-nostem.svg") no-repeat;
      background-size: 8px 13px;
      content: "";
      pointer-events: none; }
  ul.page-numbers .prev::before {
    -webkit-transform: translate(50%, -50%) rotate(180deg);
        -ms-transform: translate(50%, -50%) rotate(180deg);
            transform: translate(50%, -50%) rotate(180deg); }
  ul.page-numbers a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 40px;
    height: 40px;
    color: #333F48;
    text-decoration: none;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }
    ul.page-numbers a:hover, ul.page-numbers a:focus, ul.page-numbers a:active {
      background-color: #179F86;
      color: #ffffff; }

#outdated {
  height: 100vh;
  background: #179F86;
  text-transform: none; }
  #outdated .outdated--content {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    #outdated .outdated--content .nav-primary--logo {
      margin-bottom: 20px; }

.breadcrumbs {
  -webkit-transition: all, 0.2s;
  -o-transition: all, 0.2s;
  transition: all, 0.2s;
  height: auto;
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
  -webkit-transform-origin: top;
      -ms-transform-origin: top;
          transform-origin: top;
  font-size: 8px;
  line-height: 12px;
  color: white; }
  .breadcrumbs .nav-primary--outer-padding {
    background-color: rgba(0, 0, 0, 0.35); }
  .breadcrumbs .breadcrumbs__wrapper {
    max-width: 1300px;
    margin: 0 auto;
    height: 32px;
    line-height: 30px; }
    .breadcrumbs .breadcrumbs__wrapper p {
      margin-bottom: 0; }
    .breadcrumbs .breadcrumbs__wrapper a, .breadcrumbs .breadcrumbs__wrapper .breadcrumb_last {
      color: white;
      padding: 0 5px;
      font-size: 12px;
      line-height: 12px;
      color: white; }
  @media (max-width: 767px) {
    .breadcrumbs {
      display: none; } }

@media (max-width: 1024px) {
  body.page-visit-nested .breadcrumbs,
  body.page-template-default .breadcrumbs,
  body.single-animal .breadcrumbs {
    display: none; } }

.nav-wrapper-transparent .breadcrumbs .nav-primary--outer-padding {
  background-color: transparent; }

.blur {
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px); }

.popup-modal__overlay {
  z-index: 10;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }
  .popup-modal__overlay .popup-modal__trigger {
    padding: 12px 25px; }
  .popup-modal__overlay .popup-modal__content {
    width: auto;
    max-width: 440px;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
    padding: 48px 5% 60px;
    text-align: center; }
    .popup-modal__overlay .popup-modal__content::after {
      clear: both;
      content: "";
      display: block; }
  .popup-modal__overlay .popup-modal__title {
    color: #179F86;
    margin-bottom: 20px; }
    @media (max-width: 767px) {
      .popup-modal__overlay .popup-modal__title {
        font-size: 22px;
        line-height: 28px; } }
  .popup-modal__overlay .popup-modal__body {
    padding-bottom: 32px;
    margin: 0px; }

.popup-modal__overlay.open {
  opacity: 1;
  visibility: visible; }

.popup-modal {
  max-width: 553px;
  width: 553px;
  display: block;
  position: relative;
  top: 400px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  background-color: #EFEFEA;
  background-image: url("../images/patterns/giraffe-spots.png");
  background-repeat: repeat;
  background-size: 350px;
  border-style: solid;
  border-width: 1px;
  border-image-outset: 0px 0px 0px 0px;
  border-image-repeat: stretch stretch;
  border-image-slice: 30 4 30 4;
  border-image-source: url("../images/frames/popup_transparent_border.svg");
  border-image-width: 10% 10px 10% 10px; }
  @media (max-width: 767px) {
    .popup-modal {
      width: 90vw;
      top: 300px; } }

.popup-modal__overlay.open .popup-modal {
  margin-top: -200px;
  opacity: 1; }

/*********************************************
*  Emergency Banner
*********************************************/
.emergency--banner {
  background-color: #F0574B;
  text-align: left;
  color: #ffffff;
  padding: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 999; }
  .emergency--banner p {
    color: #ffffff;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 0; }
    .emergency--banner p a {
      color: #ffffff; }
    @media (max-width: 480px) {
      .emergency--banner p {
        font-size: 11px;
        line-height: 13px; } }

.cookie-notice {
  display: none;
  z-index: 999;
  position: fixed;
  bottom: 0px;
  width: 100vw;
  margin-left: 0;
  margin-bottom: 0;
  padding: 12px 5%;
  background-color: #333F48;
  color: #ffffff; }

.cookie-notice__wrapper {
  display: grid !important;
  grid-template-columns: repeat(12, 1fr) !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.cookie-notice__text-wrapper {
  grid-column: 1 / span 10;
  font-size: 13px;
  line-height: 14px;
  color: white;
  padding-right: 5px; }
  @media (min-width: 768px) {
    .cookie-notice__text-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      grid-column: 1/ 11;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; } }
  .cookie-notice__text-wrapper a {
    margin-left: 2px;
    color: #56C788;
    text-decoration: underline; }

.cookie-notice__button {
  grid-column: 11 / span 2;
  border: 2px solid #ffffff;
  text-align: center;
  cursor: pointer;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  margin-top: 0;
  text-align: center;
  padding: 0; }
  @media (min-width: 768px) {
    .cookie-notice__button {
      grid-column: 12 / 14;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -ms-flex-item-align: center;
          align-self: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      justify-self: end;
      max-width: 100px;
      max-height: 40px;
      padding: 0px 24px;
      margin-top: 0px; } }
  .cookie-notice__button:hover, .cookie-notice__button:focus, .cookie-notice__button:active {
    background-color: #56C788;
    border: 2px solid #56C788; }

/*  ==========================================================================
  5. Layout
  ========================================================================== */
/*  ==========================================================================
  ==========================================================================

  Header
  1.

  CSS FORMATTING
  1. Positioning
  2. Display & Box Model
  3. Text
  4. Other

  ==========================================================================
  ========================================================================== */
/*  ==========================================================================
  1.
  ========================================================================== */
/*  ==========================================================================
  ==========================================================================

  Sidebar
  1.

  CSS FORMATTING
  1. Positioning
  2. Display & Box Model
  3. Text
  4. Other

  ==========================================================================
  ========================================================================== */
/*  ==========================================================================
  1 .
  ========================================================================== */
.footer-border {
  margin-top: 0px; }
  .footer-border:before {
    display: block;
    position: relative;
    top: 8px;
    width: 100%;
    height: 8px;
    background-image: url("../images/dividers/divider--darkgrey-top.svg");
    content: ""; }

.footer {
  margin-top: 8px;
  padding: 0px 5%;
  background-color: #333F48; }
  .footer .subtitle-02-white {
    margin-bottom: 24px; }
  .footer .footer--cols {
    grid-gap: 15px;
    display: grid;
    grid-template-columns: minmax(-webkit-min-content, 220px) 1fr minmax(-webkit-min-content, 400px);
    grid-template-columns: minmax(min-content, 220px) 1fr minmax(min-content, 400px);
    padding: 40px 0; }
    .footer .footer--cols-col1 p {
      font-size: 13px;
      line-height: 15px;
      color: white;
      margin-top: 20px;
      margin-bottom: 0px; }
    .footer .footer--cols-col2 ul.nav-footer li {
      width: 40%;
      margin: 5px 0;
      float: left; }
    .footer .footer--cols-col3 .charity-details {
      display: none; }
    .footer .footer--cols-col3 ul.footer--social {
      position: relative;
      top: -8px;
      margin: 0;
      padding: 0;
      list-style-type: none; }
      .footer .footer--cols-col3 ul.footer--social li {
        display: inline-block;
        margin-right: 20px; }
        .footer .footer--cols-col3 ul.footer--social li:last-child {
          margin-right: 0; }
        .footer .footer--cols-col3 ul.footer--social li a img {
          -webkit-transition: all, 0.3s;
          -o-transition: all, 0.3s;
          transition: all, 0.3s; }
        .footer .footer--cols-col3 ul.footer--social li a:hover img, .footer .footer--cols-col3 ul.footer--social li a:focus img {
          -webkit-transform: scale(1.1);
              -ms-transform: scale(1.1);
                  transform: scale(1.1); }
    .footer .footer--cols .form--newsletter {
      margin-bottom: 20px;
      padding-bottom: 20px;
      border-bottom: 1px solid white; }
    .footer .footer--cols .charity-details p.charity-details__text {
      font-size: 13px;
      line-height: 18px;
      color: white;
      margin-top: 20px;
      margin-bottom: 15px; }
    @media (max-width: 1024px) {
      .footer .footer--cols-col2 ul.nav-footer li {
        width: 100%;
        float: none; } }
    @media (max-width: 967px) {
      .footer .footer--cols {
        display: block;
        padding-top: 20px; }
        .footer .footer--cols-col1 p {
          display: none; }
        .footer .footer--cols-col2 {
          margin-top: 30px; }
          .footer .footer--cols-col2 ul.nav-footer li {
            float: left; }
            .footer .footer--cols-col2 ul.nav-footer li:nth-child(odd) {
              width: 40%; }
            .footer .footer--cols-col2 ul.nav-footer li:nth-child(even) {
              width: 60%; }
        .footer .footer--cols-col3 {
          margin-top: 20px;
          padding-top: 20px;
          border-top: 1px solid white; }
          .footer .footer--cols-col3 .charity-details {
            display: block;
            margin-bottom: 15px; }
          .footer .footer--cols-col3 p {
            text-align: center; }
          .footer .footer--cols-col3 ul.footer--social {
            text-align: center; }
        .footer .footer--cols .form--newsletter #gform_submit_button_1 {
          margin: 0 auto;
          display: block; } }
  .footer .footer--full-width-content {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: auto auto;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    padding: 15px 60px 0 0;
    background-image: url("../images/animal-icons/giraffe--white.svg");
    background-position: 100% -80%;
    background-repeat: no-repeat; }
    .footer .footer--full-width-content.charity-details .charity-details__list {
      margin: 0;
      padding: 16px 0;
      list-style: none; }
    .footer .footer--full-width-content.charity-details .charity-details__list-item {
      position: relative;
      display: block;
      font-size: 13px;
      line-height: 18px;
      color: white;
      margin: 0 -5px 5px 0;
      padding: 0 10px; }
    .footer .footer--full-width-content.charity-details .charity-details__list--charities {
      text-align: right; }
      .footer .footer--full-width-content.charity-details .charity-details__list--charities .charity-details__list-item {
        display: inline-block;
        word-break: keep-all; }
      .footer .footer--full-width-content.charity-details .charity-details__list--charities .charity-details__list-item:after {
        position: absolute;
        width: 1px;
        height: 70%;
        right: 0;
        top: 15%;
        background-color: #A0A0A0;
        content: ""; }
      .footer .footer--full-width-content.charity-details .charity-details__list--charities .charity-details__list-item:last-child {
        margin-right: 0;
        margin-bottom: 0;
        padding-right: 0; }
        .footer .footer--full-width-content.charity-details .charity-details__list--charities .charity-details__list-item:last-child:after {
          display: none; }
    @media (max-width: 1150px) {
      .footer .footer--full-width-content {
        background: none;
        padding-right: 0; } }
    @media (max-width: 967px) {
      .footer .footer--full-width-content {
        display: none; } }

.footer--secondary {
  padding: 40px 5%;
  background-color: white; }
  .footer--secondary .footer--secondary-cols {
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .footer--secondary .footer--secondary-cols img {
      width: auto;
      max-height: 56px; }
    .footer--secondary .footer--secondary-cols p {
      margin-bottom: 0px; }
    .footer--secondary .footer--secondary-cols a {
      color: black; }
    .footer--secondary .footer--secondary-cols .footer--secondary-cols-col2 {
      text-align: center; }
      .footer--secondary .footer--secondary-cols .footer--secondary-cols-col2 img {
        margin: 0 30px; }
    .footer--secondary .footer--secondary-cols .footer--secondary-cols-col3 p.copyright {
      display: none; }
    .footer--secondary .footer--secondary-cols .footer--secondary-cols-col4 {
      min-width: 100px;
      text-align: right; }
    .footer--secondary .footer--secondary-cols .footer--secondary-cols-mobile-logos {
      display: none; }
    @media (max-width: 967px) {
      .footer--secondary .footer--secondary-cols {
        display: block; }
        .footer--secondary .footer--secondary-cols .footer--secondary-cols-col1,
        .footer--secondary .footer--secondary-cols .footer--secondary-cols-col2 {
          display: none; }
        .footer--secondary .footer--secondary-cols .footer--secondary-cols-mobile-logos {
          grid-gap: 15px;
          display: grid;
          grid-template-columns: repeat(4, 1fr);
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          text-align: center; }
          .footer--secondary .footer--secondary-cols .footer--secondary-cols-mobile-logos img {
            max-height: 35px; }
        .footer--secondary .footer--secondary-cols .footer--secondary-cols-col3 {
          margin-top: 30px;
          clear: both; }
          .footer--secondary .footer--secondary-cols .footer--secondary-cols-col3 p.copyright {
            display: block; }
          .footer--secondary .footer--secondary-cols .footer--secondary-cols-col3 p {
            margin-right: 15px;
            float: left;
            font-size: 13px;
            line-height: 24px;
            color: #333F48; } }

#back_to_top {
  width: 44px;
  height: 44px;
  float: right;
  border: 2px solid #e5e5e0;
  background-image: url("../images/icons/icon--arrow-up-grey.svg");
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  -webkit-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s; }
  #back_to_top:hover, #back_to_top:focus {
    background-color: #e5e5e0; }

.wrapper {
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 5%; }

.wrapper--full-size, .cookie-notice__wrapper, .footer__wrapper, .accordion-panel__wrapper, .header-landing__wrapper, .header-landing-events--absolute .header-landing-events--absolute__wrapper, .header-nested-page__inner-grid--2, .header-default__inner-grid--2, .visit-opening-times .visit-opening-times__wrapper, .whatson-events-left .whatson-events-left__wrapper, .news-header__wrapper, .news-listing__wrapper, .blog-bottom-links__wrapper, .more-news__wrapper {
  width: auto;
  max-width: 1300px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0; }
  .wrapper--full-size::after, .cookie-notice__wrapper::after, .footer__wrapper::after, .accordion-panel__wrapper::after, .header-landing__wrapper::after, .header-landing-events--absolute .header-landing-events--absolute__wrapper::after, .header-nested-page__inner-grid--2::after, .header-default__inner-grid--2::after, .visit-opening-times .visit-opening-times__wrapper::after, .whatson-events-left .whatson-events-left__wrapper::after, .news-header__wrapper::after, .news-listing__wrapper::after, .blog-bottom-links__wrapper::after, .more-news__wrapper::after {
    clear: both;
    content: "";
    display: block; }

/*  ==========================================================================
  6. Pages
  ========================================================================== */
/*  ==========================================================================
  ==========================================================================

  Home
  1.

  CSS FORMATTING
  1. Positioning
  2. Display & Box Model
  3. Text
  4. Other

  ==========================================================================
  ========================================================================== */
/*  ==========================================================================
  1.
  ========================================================================== */
/*  Wild Colour Palette
  ========================================================================== */
.page-template-wild-lights .button.button--tickets {
  display: none;
  background-color: #E5C801;
  color: #002338; }
  .page-template-wild-lights .button.button--tickets:before {
    background-image: url("../images/icons/icon--ticket-wild.svg"); }

.page-template-wild-lights .nav-wrapper--sticky {
  background-color: #001626; }
  .page-template-wild-lights .nav-wrapper--sticky .nav-secondary--wrapper {
    background-color: #002338; }
  .page-template-wild-lights .nav-wrapper--sticky .nav-primary--outer-padding {
    background-color: #01415D; }

.page-template-wild-lights .nav-wrapper-transparent.nav-wrapper--sticky .nav-secondary--outer-padding {
  background-color: #002338; }

.page-template-wild-lights .nav-primary li.current-menu-item a, .page-template-wild-lights .nav-primary li.current-page-ancestor a {
  border-bottom: 4px solid #E5C801; }

.page-template-wild-lights .nav-primary li a:focus, .page-template-wild-lights .nav-primary li a:hover {
  color: #fff;
  border-bottom: 4px solid #E5C801; }

@media (max-width: 767px) {
  .page-template-wild-lights .header-transparent--hero {
    height: 460px; } }

.page-template-wild-lights .header-transparent--hero .header-transparent--hero--2col .cta {
  border-image-source: url("../images/frames/cta_wild_border.png");
  color: #002338;
  min-width: 340px; }
  .page-template-wild-lights .header-transparent--hero .header-transparent--hero--2col .cta .subtitle-01-white, .page-template-wild-lights .header-transparent--hero .header-transparent--hero--2col .cta .header-nested-page__list__title {
    color: #002338; }
  @media (max-width: 767px) {
    .page-template-wild-lights .header-transparent--hero .header-transparent--hero--2col .cta {
      min-width: 100%; } }
  .page-template-wild-lights .header-transparent--hero .header-transparent--hero--2col .cta:after {
    background-image: url(../images/icons/icon--arrow-right-dark.svg); }

.page-template-wild-lights .header-transparent--hero .header-transparent--hero--2col .cta--nobg p {
  color: #002338;
  margin-bottom: 5px; }
  .page-template-wild-lights .header-transparent--hero .header-transparent--hero--2col .cta--nobg p:last-of-type {
    margin-bottom: 0; }

@media (max-width: 767px) {
  .page-template-wild-lights .header-transparent--hero .header-transparent--hero--2col .header-transparent--hero--cta {
    margin-bottom: 20px; } }

.page-template-wild-lights .header-transparent--hero:after {
  z-index: 99;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 8px;
  background-image: url("../images/frames/accordion--footer.svg");
  background-position: center bottom;
  background-repeat: repeat-x;
  background-size: 1300px 8px;
  content: ""; }

.page-template-wild-lights .accordion-panel {
  background-color: #01415D;
  position: relative; }
  .page-template-wild-lights .accordion-panel .accordion-panel__title {
    color: white; }

.page-template-wild-lights .accordion-panel__wrapper {
  position: relative;
  z-index: 1; }

.page-template-wild-lights .accordion-panel__content-wrapper {
  background-color: #001626;
  color: white; }
  .page-template-wild-lights .accordion-panel__content-wrapper h1, .page-template-wild-lights .accordion-panel__content-wrapper h2, .page-template-wild-lights .accordion-panel__content-wrapper h3, .page-template-wild-lights .accordion-panel__content-wrapper h4, .page-template-wild-lights .accordion-panel__content-wrapper .form__subtitle, .page-template-wild-lights .accordion-panel__content-wrapper .gsection .gsection_title, .gsection .page-template-wild-lights .accordion-panel__content-wrapper .gsection_title, .page-template-wild-lights .accordion-panel__content-wrapper .header--bookNow .cta--icon--inner .cta_copy h3, .header--bookNow .cta--icon--inner .cta_copy .page-template-wild-lights .accordion-panel__content-wrapper h3, .page-template-wild-lights .accordion-panel__content-wrapper h5, .page-template-wild-lights .accordion-panel__content-wrapper .accordion-panel__wild-intro .accordion-panel__content .wild-intro--content h3, .accordion-panel__wild-intro .accordion-panel__content .wild-intro--content .page-template-wild-lights .accordion-panel__content-wrapper h3 {
    color: #E5C801; }
  .page-template-wild-lights .accordion-panel__content-wrapper a {
    color: #E5C801; }

.page-template-wild-lights .accordion-panel__content__2col .right {
  background: #002338; }

.page-template-wild-lights .open-close--red-circle {
  border: 2px solid #E5C801;
  background-color: #E5C801; }
  .page-template-wild-lights .open-close--red-circle .line-01 {
    background-color: #01415D; }
  .page-template-wild-lights .open-close--red-circle .line-02 {
    background-color: #01415D; }

.page-template-wild-lights .accordion-panel__show-hide {
  color: #E5C801; }

.wildlights-animated-bg, .page-template-wild-lights .accordion-panel:nth-of-type(even) {
  background: #01415D;
  background: -o-linear-gradient(135deg, #01415D, #236987, #01415D, #236987);
  background: linear-gradient(-45deg, #01415D, #236987, #01415D, #236987);
  background-size: 400% 400%; }

.wildlights-animated-bg-alt, .page-template-wild-lights .accordion-panel:nth-of-type(odd) {
  background: #01415D;
  background: -o-linear-gradient(45deg, #01415D, #236987, #01415D, #236987);
  background: linear-gradient(45deg, #01415D, #236987, #01415D, #236987);
  background-size: 400% 400%;
  background-position: 0% 50%; }

.wildlights-star-bg {
  position: absolute;
  z-index: 0;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-position: 0% 50%;
  background-image: url("../images/patterns/wildlights-stars.svg");
  background-size: 248px 248px;
  background-repeat: repeat; }

@-webkit-keyframes gradientBG {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }

@keyframes gradientBG {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }

.page-template-wild-lights .accordion-panel__text-image .accordion-panel__content .wobble_image_frame:before {
  background-image: url("../images/frames/panel-text-image-image-bottom--wild.svg"); }

.page-template-wild-lights .accordion-panel__reviews .slick-dots li button:before {
  color: #236987; }

.page-template-wild-lights .accordion-panel__reviews .slick-dots li.slick-active button:before {
  color: #E5C801; }

.page-template-wild-lights .accordion-panel__reviews .review {
  color: white; }

.page-template-wild-lights i.icon--blob-facebook {
  background-image: url("../images/icons/icon--blob-facebook-wild.svg"); }

.page-template-wild-lights i.icon--blob-review {
  background-image: url("../images/icons/icon--blob-review-wild.svg"); }

.page-template-wild-lights i.icon--blob-tripadvisor {
  background-image: url("../images/icons/icon--blob-tripadviser-wild.svg"); }

.page-template-wild-lights i.icon--blob-google {
  background-image: url("../images/icons/icon--blob-google-wild.svg"); }

.page-template-wild-lights .accordion-panel__inner-accordion-panel .open-close--red-circle--no-fill {
  border-color: #E5C801; }
  .page-template-wild-lights .accordion-panel__inner-accordion-panel .open-close--red-circle--no-fill .line-01 {
    background-color: #E5C801; }
  .page-template-wild-lights .accordion-panel__inner-accordion-panel .open-close--red-circle--no-fill .line-02 {
    background-color: #E5C801; }

.page-template-wild-lights .accordion-panel__content__2col .right h4.subtitle-01, .page-template-wild-lights .accordion-panel__content__2col .right .subtitle-01.form__subtitle, .page-template-wild-lights .accordion-panel__content__2col .right .form__subtitle.st-head-row-main, .page-template-wild-lights .accordion-panel__content__2col .right thead th.form__subtitle:first-child, thead .page-template-wild-lights .accordion-panel__content__2col .right th.form__subtitle:first-child, .page-template-wild-lights .accordion-panel__content__2col .right .popup-modal__overlay .form__subtitle.popup-modal__title, .popup-modal__overlay .page-template-wild-lights .accordion-panel__content__2col .right .form__subtitle.popup-modal__title, .page-template-wild-lights .accordion-panel__content__2col .right .accordion-panel__text-100 .accordion-panel__content h2.form__subtitle, .accordion-panel__text-100 .accordion-panel__content .page-template-wild-lights .accordion-panel__content__2col .right h2.form__subtitle, .page-template-wild-lights .accordion-panel__content__2col .right .accordion-panel__opening-closing-times .form__subtitle.accordion-panel__content__title, .accordion-panel__opening-closing-times .page-template-wild-lights .accordion-panel__content__2col .right .form__subtitle.accordion-panel__content__title, .page-template-wild-lights .accordion-panel__content__2col .accordion-panel__form-text .right h2.form__subtitle, .accordion-panel__form-text .page-template-wild-lights .accordion-panel__content__2col .right h2.form__subtitle, .page-template-wild-lights .accordion-panel__content__2col .right .standard-content__wrapper h2.form__subtitle, .standard-content__wrapper .page-template-wild-lights .accordion-panel__content__2col .right h2.form__subtitle, .page-template-wild-lights .accordion-panel__content__2col .right .form__subtitle.our-vist-opening-times__title, .page-template-wild-lights .accordion-panel__animal-content-panel .accordion-panel__content__2col .right .right__text-content h3.form__subtitle, .accordion-panel__animal-content-panel .page-template-wild-lights .accordion-panel__content__2col .right .right__text-content h3.form__subtitle, .page-template-wild-lights .accordion-panel__animal-content-panel .accordion-panel__content__2col .right__text-content .right h3.form__subtitle, .accordion-panel__animal-content-panel .page-template-wild-lights .accordion-panel__content__2col .right__text-content .right h3.form__subtitle, .page-template-wild-lights .accordion-panel__content__2col .right .gsection .subtitle-01.gsection_title, .gsection .page-template-wild-lights .accordion-panel__content__2col .right .subtitle-01.gsection_title, .page-template-wild-lights .accordion-panel__content__2col .right .gsection .gsection_title.st-head-row-main, .gsection .page-template-wild-lights .accordion-panel__content__2col .right .gsection_title.st-head-row-main, .page-template-wild-lights .accordion-panel__content__2col .right .gsection thead th.gsection_title:first-child, .gsection thead .page-template-wild-lights .accordion-panel__content__2col .right th.gsection_title:first-child, .page-template-wild-lights .accordion-panel__content__2col .right thead .gsection th.gsection_title:first-child, thead .gsection .page-template-wild-lights .accordion-panel__content__2col .right th.gsection_title:first-child, .page-template-wild-lights .accordion-panel__content__2col .right .gsection .popup-modal__overlay .gsection_title.popup-modal__title, .gsection .popup-modal__overlay .page-template-wild-lights .accordion-panel__content__2col .right .gsection_title.popup-modal__title, .page-template-wild-lights .accordion-panel__content__2col .right .popup-modal__overlay .gsection .gsection_title.popup-modal__title, .popup-modal__overlay .gsection .page-template-wild-lights .accordion-panel__content__2col .right .gsection_title.popup-modal__title, .page-template-wild-lights .accordion-panel__content__2col .right .gsection .accordion-panel__text-100 .accordion-panel__content h2.gsection_title, .gsection .accordion-panel__text-100 .accordion-panel__content .page-template-wild-lights .accordion-panel__content__2col .right h2.gsection_title, .page-template-wild-lights .accordion-panel__content__2col .right .accordion-panel__text-100 .accordion-panel__content .gsection h2.gsection_title, .accordion-panel__text-100 .accordion-panel__content .gsection .page-template-wild-lights .accordion-panel__content__2col .right h2.gsection_title, .page-template-wild-lights .accordion-panel__content__2col .right .gsection .accordion-panel__opening-closing-times .gsection_title.accordion-panel__content__title, .gsection .accordion-panel__opening-closing-times .page-template-wild-lights .accordion-panel__content__2col .right .gsection_title.accordion-panel__content__title, .page-template-wild-lights .accordion-panel__content__2col .right .accordion-panel__opening-closing-times .gsection .gsection_title.accordion-panel__content__title, .accordion-panel__opening-closing-times .gsection .page-template-wild-lights .accordion-panel__content__2col .right .gsection_title.accordion-panel__content__title, .page-template-wild-lights .accordion-panel__content__2col .gsection .accordion-panel__form-text .right h2.gsection_title, .gsection .accordion-panel__form-text .page-template-wild-lights .accordion-panel__content__2col .right h2.gsection_title, .page-template-wild-lights .accordion-panel__content__2col .accordion-panel__form-text .right .gsection h2.gsection_title, .accordion-panel__form-text .page-template-wild-lights .accordion-panel__content__2col .right .gsection h2.gsection_title, .page-template-wild-lights .accordion-panel__content__2col .right .gsection .standard-content__wrapper h2.gsection_title, .gsection .standard-content__wrapper .page-template-wild-lights .accordion-panel__content__2col .right h2.gsection_title, .page-template-wild-lights .accordion-panel__content__2col .right .standard-content__wrapper .gsection h2.gsection_title, .standard-content__wrapper .gsection .page-template-wild-lights .accordion-panel__content__2col .right h2.gsection_title, .page-template-wild-lights .accordion-panel__content__2col .right .gsection .gsection_title.our-vist-opening-times__title, .gsection .page-template-wild-lights .accordion-panel__content__2col .right .gsection_title.our-vist-opening-times__title, .page-template-wild-lights .gsection .accordion-panel__animal-content-panel .accordion-panel__content__2col .right .right__text-content h3.gsection_title, .gsection .accordion-panel__animal-content-panel .page-template-wild-lights .accordion-panel__content__2col .right .right__text-content h3.gsection_title, .page-template-wild-lights .gsection .accordion-panel__animal-content-panel .accordion-panel__content__2col .right__text-content .right h3.gsection_title, .gsection .accordion-panel__animal-content-panel .page-template-wild-lights .accordion-panel__content__2col .right__text-content .right h3.gsection_title, .page-template-wild-lights .accordion-panel__animal-content-panel .accordion-panel__content__2col .right .right__text-content .gsection h3.gsection_title, .accordion-panel__animal-content-panel .page-template-wild-lights .accordion-panel__content__2col .right .right__text-content .gsection h3.gsection_title, .page-template-wild-lights .accordion-panel__animal-content-panel .accordion-panel__content__2col .right__text-content .gsection .right h3.gsection_title, .accordion-panel__animal-content-panel .page-template-wild-lights .accordion-panel__content__2col .right__text-content .gsection .right h3.gsection_title, .page-template-wild-lights .accordion-panel__content__2col .right h4.st-head-row-main, .page-template-wild-lights .accordion-panel__content__2col .right .header--bookNow .cta--icon--inner .cta_copy h3.st-head-row-main, .header--bookNow .cta--icon--inner .cta_copy .page-template-wild-lights .accordion-panel__content__2col .right h3.st-head-row-main, .page-template-wild-lights .accordion-panel__content__2col .right .popup-modal__overlay h4.popup-modal__title, .popup-modal__overlay .page-template-wild-lights .accordion-panel__content__2col .right h4.popup-modal__title, .page-template-wild-lights .accordion-panel__content__2col .right .popup-modal__overlay .header--bookNow .cta--icon--inner .cta_copy h3.popup-modal__title, .popup-modal__overlay .header--bookNow .cta--icon--inner .cta_copy .page-template-wild-lights .accordion-panel__content__2col .right h3.popup-modal__title, .page-template-wild-lights .accordion-panel__content__2col .right .header--bookNow .cta--icon--inner .cta_copy .popup-modal__overlay h3.popup-modal__title, .header--bookNow .cta--icon--inner .cta_copy .popup-modal__overlay .page-template-wild-lights .accordion-panel__content__2col .right h3.popup-modal__title, .page-template-wild-lights .accordion-panel__content__2col .right .header--bookNow .cta--icon--inner .cta_copy h3.subtitle-01, .header--bookNow .cta--icon--inner .cta_copy .page-template-wild-lights .accordion-panel__content__2col .right h3.subtitle-01, .page-template-wild-lights .accordion-panel__content__2col .right .header--bookNow .cta--icon--inner .cta_copy .accordion-panel__opening-closing-times h3.accordion-panel__content__title, .header--bookNow .cta--icon--inner .cta_copy .accordion-panel__opening-closing-times .page-template-wild-lights .accordion-panel__content__2col .right h3.accordion-panel__content__title, .page-template-wild-lights .accordion-panel__content__2col .right .accordion-panel__opening-closing-times .header--bookNow .cta--icon--inner .cta_copy h3.accordion-panel__content__title, .accordion-panel__opening-closing-times .header--bookNow .cta--icon--inner .cta_copy .page-template-wild-lights .accordion-panel__content__2col .right h3.accordion-panel__content__title, .page-template-wild-lights .accordion-panel__content__2col .right .header--bookNow .cta--icon--inner .cta_copy h3.our-vist-opening-times__title, .header--bookNow .cta--icon--inner .cta_copy .page-template-wild-lights .accordion-panel__content__2col .right h3.our-vist-opening-times__title, .page-template-wild-lights .header--bookNow .cta--icon--inner .cta_copy .accordion-panel__animal-content-panel .accordion-panel__content__2col .right .right__text-content h3, .header--bookNow .cta--icon--inner .cta_copy .accordion-panel__animal-content-panel .page-template-wild-lights .accordion-panel__content__2col .right .right__text-content h3, .page-template-wild-lights .header--bookNow .cta--icon--inner .cta_copy .accordion-panel__animal-content-panel .accordion-panel__content__2col .right__text-content .right h3, .header--bookNow .cta--icon--inner .cta_copy .accordion-panel__animal-content-panel .page-template-wild-lights .accordion-panel__content__2col .right__text-content .right h3, .page-template-wild-lights .accordion-panel__animal-content-panel .accordion-panel__content__2col .right .right__text-content .header--bookNow .cta--icon--inner .cta_copy h3, .accordion-panel__animal-content-panel .page-template-wild-lights .accordion-panel__content__2col .right .right__text-content .header--bookNow .cta--icon--inner .cta_copy h3, .page-template-wild-lights .accordion-panel__animal-content-panel .accordion-panel__content__2col .right__text-content .header--bookNow .cta--icon--inner .cta_copy .right h3, .accordion-panel__animal-content-panel .page-template-wild-lights .accordion-panel__content__2col .right__text-content .header--bookNow .cta--icon--inner .cta_copy .right h3, .page-template-wild-lights .accordion-panel__content__2col .right .accordion-panel__opening-closing-times h4.accordion-panel__content__title, .accordion-panel__opening-closing-times .page-template-wild-lights .accordion-panel__content__2col .right h4.accordion-panel__content__title, .page-template-wild-lights .accordion-panel__content__2col .right h4.our-vist-opening-times__title {
  color: white; }

.page-template-wild-lights .accordion-panel__content__2col .right p, .page-template-wild-lights .accordion-panel__content__2col .right .p--large, .page-template-wild-lights .accordion-panel__content__2col .right .accordion-panel__animal-categories .animal-items a, .accordion-panel__animal-categories .animal-items .page-template-wild-lights .accordion-panel__content__2col .right a {
  color: white; }

.page-template-wild-lights .accordion-panel__content__2col .right a {
  color: #E5C801; }

.accordion-panel__wild-intro .accordion-panel__content .wild-intro--content {
  margin-bottom: 30px; }
  .accordion-panel__wild-intro .accordion-panel__content .wild-intro--content h3 {
    color: white;
    margin-top: 10px;
    margin-bottom: 20px; }

.accordion-panel__wild-intro img {
  height: auto; }

.table--wild {
  width: 100%;
  margin-bottom: 20px; }
  .table--wild td {
    padding: 5px 10px; }
  .table--wild td:nth-child(odd) {
    width: 80%;
    background-color: white;
    text-align: left;
    color: #01415D; }
  .table--wild td:nth-child(even) {
    background-color: #01415D;
    text-align: center; }

.accordion-panel__text-links.accordion-panel__wild-intro .accordion-panel__content__2col .right {
  padding: 0; }

.accordion-panel__text-links.accordion-panel__wild-intro .accordion-panel__content__2col .right--header {
  text-align: center;
  background-color: #01415D;
  padding: 50px 30px 40px; }
  @media (max-width: 767px) {
    .accordion-panel__text-links.accordion-panel__wild-intro .accordion-panel__content__2col .right--header {
      padding: 30px 5% 30px 5%; } }
  .accordion-panel__text-links.accordion-panel__wild-intro .accordion-panel__content__2col .right--header i.icon--clock {
    background-image: url("../images/icons/icon--clock-wild.svg"); }
  .accordion-panel__text-links.accordion-panel__wild-intro .accordion-panel__content__2col .right--header p {
    margin-bottom: 0; }
    .accordion-panel__text-links.accordion-panel__wild-intro .accordion-panel__content__2col .right--header p.before_time {
      margin: 20px 0 5px; }

.accordion-panel__text-links.accordion-panel__wild-intro .accordion-panel__content__2col .right--content {
  padding: 10px 40px 30px 40px; }
  @media (max-width: 767px) {
    .accordion-panel__text-links.accordion-panel__wild-intro .accordion-panel__content__2col .right--content {
      padding: 10px 5% 30px 5%; } }
  .accordion-panel__text-links.accordion-panel__wild-intro .accordion-panel__content__2col .right--content .section {
    padding: 25px 0;
    border-bottom: 1px solid white; }
    .accordion-panel__text-links.accordion-panel__wild-intro .accordion-panel__content__2col .right--content .section:last-of-type {
      border-bottom: none; }
    .accordion-panel__text-links.accordion-panel__wild-intro .accordion-panel__content__2col .right--content .section p {
      margin-bottom: 0; }
  .accordion-panel__text-links.accordion-panel__wild-intro .accordion-panel__content__2col .right--content .base__link {
    display: block;
    margin-top: 20px; }
    .accordion-panel__text-links.accordion-panel__wild-intro .accordion-panel__content__2col .right--content .base__link i.arrow--right-white {
      background-image: url("../images/icons/icon--arrow-right-wild.svg"); }

body.error404 .error404--wrapper {
  background-color: #EFEFEA;
  background-image: url("../images/patterns/giraffe-spots.svg");
  background-size: 400px; }

body.error404 .error404 {
  min-height: 50vh;
  padding-top: 320px;
  text-align: center;
  background-image: url("../images/animal-icons/monkey--white.svg");
  background-repeat: no-repeat;
  background-position: 95% 100%;
  background-size: 300px; }
  body.error404 .error404 h1 {
    color: #385C4F;
    margin-bottom: 40px; }
  @media (max-width: 767px) {
    body.error404 .error404 {
      padding-top: 300px;
      background-size: 100px; } }

/*********************************************
*  Book now Landing page buttons
*********************************************/
.header--bookNow .header-transparent--hero--2col {
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  max-width: 960px;
  margin: 0 auto; }
  @media (max-width: 767px) {
    .header--bookNow .header-transparent--hero--2col {
      grid-template-columns: 1fr;
      grid-gap: 0px; } }

.header--bookNow a {
  text-decoration: none; }

.header--bookNow .cta--icon--inner {
  padding: 20px;
  height: auto; }
  .header--bookNow .cta--icon--inner img {
    margin-right: 10px;
    width: 40px; }
  .header--bookNow .cta--icon--inner .cta_copy {
    padding-right: 20px;
    font-size: 14px;
    line-height: 16px; }
    .header--bookNow .cta--icon--inner .cta_copy h3 {
      color: #ffffff; }
    .header--bookNow .cta--icon--inner .cta_copy p.smallprint {
      margin-bottom: 0;
      font-size: 12px;
      line-height: 16px; }
  @media (max-width: 767px) {
    .header--bookNow .cta--icon--inner {
      padding: 0; } }

.header--bookNow .cta.bg--red {
  background-color: #F0574B; }

.header--bookNow .cta.bg--green {
  background-color: #179F86; }

@media (max-width: 767px) {
  .header--bookNow .cta {
    margin-bottom: 20px !important;
    padding: 20px; } }

/*********************************************
*	intro Panel 
*********************************************/
.accordion-panel__text-links.accordion-panel__booknow-intro .accordion-panel__content__2col .right {
  padding: 0; }

.accordion-panel__text-links.accordion-panel__booknow-intro .accordion-panel__content__2col h4, .accordion-panel__text-links.accordion-panel__booknow-intro .accordion-panel__content__2col .form__subtitle, .accordion-panel__text-links.accordion-panel__booknow-intro .accordion-panel__content__2col .gsection .gsection_title, .gsection .accordion-panel__text-links.accordion-panel__booknow-intro .accordion-panel__content__2col .gsection_title, .accordion-panel__text-links.accordion-panel__booknow-intro .accordion-panel__content__2col .header--bookNow .cta--icon--inner .cta_copy h3, .header--bookNow .cta--icon--inner .cta_copy .accordion-panel__text-links.accordion-panel__booknow-intro .accordion-panel__content__2col h3 {
  color: #ffffff; }

.accordion-panel__text-links.accordion-panel__booknow-intro .accordion-panel__content__2col .right--header {
  background-color: #179F86;
  color: #ffffff; }
  .accordion-panel__text-links.accordion-panel__booknow-intro .accordion-panel__content__2col .right--header i.icon--clock {
    background-image: url("../images/icons/icon--clock.svg"); }

.accordion-panel__text-links.accordion-panel__booknow-intro .accordion-panel__content .wild-intro--content h1, .accordion-panel__text-links.accordion-panel__booknow-intro .accordion-panel__content .wild-intro--content h2, .accordion-panel__text-links.accordion-panel__booknow-intro .accordion-panel__content .wild-intro--content h3, .accordion-panel__text-links.accordion-panel__booknow-intro .accordion-panel__content .wild-intro--content h4, .accordion-panel__text-links.accordion-panel__booknow-intro .accordion-panel__content .wild-intro--content .form__subtitle, .accordion-panel__text-links.accordion-panel__booknow-intro .accordion-panel__content .wild-intro--content .gsection .gsection_title, .gsection .accordion-panel__text-links.accordion-panel__booknow-intro .accordion-panel__content .wild-intro--content .gsection_title, .accordion-panel__text-links.accordion-panel__booknow-intro .accordion-panel__content .wild-intro--content .header--bookNow .cta--icon--inner .cta_copy h3, .header--bookNow .cta--icon--inner .cta_copy .accordion-panel__text-links.accordion-panel__booknow-intro .accordion-panel__content .wild-intro--content h3, .accordion-panel__text-links.accordion-panel__booknow-intro .accordion-panel__content .wild-intro--content h5, .accordion-panel__text-links.accordion-panel__booknow-intro .accordion-panel__wild-intro .accordion-panel__content .wild-intro--content h3, .accordion-panel__wild-intro .accordion-panel__text-links.accordion-panel__booknow-intro .accordion-panel__content .wild-intro--content h3, .accordion-panel__text-links.accordion-panel__booknow-intro .accordion-panel__content .wild-intro--content h6 {
  color: #333F48; }

/*  ==========================================================================
  6a. Page Panels
  ========================================================================== */
.accordion-panel {
  position: relative;
  margin: 0;
  padding: 28px 0px 0px;
  background-color: #EFEFEA;
  background-image: url("../images/patterns/giraffe-spots.png");
  background-repeat: repeat;
  background-size: 350px; }
  @media (min-width: 768px) {
    .accordion-panel {
      padding: 0px; } }
  .accordion-panel:before {
    z-index: 99;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 8px;
    background-image: url("../images/frames/accordion--topper.svg");
    background-position: center top;
    background-repeat: repeat-x;
    background-size: 1300px 8px;
    content: ""; }
  .accordion-panel:after {
    z-index: 99;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 8px;
    background-image: url("../images/frames/accordion--footer.svg");
    background-position: center bottom;
    background-repeat: repeat-x;
    background-size: 1300px 8px;
    content: ""; }

.accordion-panel__wrapper {
  cursor: pointer; }
  .accordion-panel__wrapper.accordion-panel--open {
    cursor: default; }
  @media (min-width: 768px) {
    .accordion-panel__wrapper {
      display: grid;
      grid-template-columns: 170px 1fr 80px; } }
  @media (min-width: 1025px) {
    .accordion-panel__wrapper {
      display: grid;
      grid-template-columns: 248px 1fr 100px; } }

@media (min-width: 768px) {
  .accordion-panel__no-right-toggle {
    display: grid;
    grid-template-columns: 170px 1fr; } }

@media (min-width: 1025px) {
  .accordion-panel__no-right-toggle {
    display: grid;
    grid-template-columns: 248px 1fr 100px; } }

.accordion-panel__no-right-toggle .accordion-panel__show-hide {
  display: none; }

/* Title */
.accordion-panel__title-wrapper {
  padding: 0px 5%; }
  @media (min-width: 768px) {
    .accordion-panel__title-wrapper {
      border-right: 1px solid #ffffff; } }

.accordion-panel__title {
  font-size: 21px;
  line-height: 28px;
  color: #333F48;
  position: relative;
  padding: 0px 40px 28px 0px;
  cursor: pointer; }
  @media (min-width: 768px) {
    .accordion-panel__title {
      grid-column: 1 / 1;
      padding: 40px 20px 40px 38px;
      word-break: break-word;
      -webkit-hyphens: auto;
          -ms-hyphens: auto;
              hyphens: auto; } }
  .accordion-panel__title .open-close--red-circle {
    position: absolute;
    top: 4px;
    right: 0px;
    cursor: pointer; }
    @media (min-width: 768px) {
      .accordion-panel__title .open-close--red-circle {
        top: 46px;
        left: 5%; } }

/**
 * Content
 */
.accordion-panel__content-wrapper {
  overflow: hidden;
  background-color: #EFEFEA; }
  @media (min-width: 768px) {
    .accordion-panel__content-wrapper {
      grid-column: 2 / 2; } }
  .accordion-panel__content-wrapper p:last-child {
    margin-bottom: 0px; }
  .accordion-panel__content-wrapper ul {
    list-style: none; }
    .accordion-panel__content-wrapper ul li {
      margin-bottom: 15px;
      text-indent: -.7em; }
      .accordion-panel__content-wrapper ul li::before {
        content: "–  "; }
  .accordion-panel__content-wrapper ul.slick-dots li {
    margin-bottom: 8px;
    text-indent: 0px; }
    .accordion-panel__content-wrapper ul.slick-dots li::before {
      content: ""; }

.accordion-panel__content {
  padding: 28px 5%; }
  @media (min-width: 768px) {
    .accordion-panel__content {
      padding: 40px 50px; } }

.accordion-panel__content-wrapper--no-padding {
  padding: 0px; }
  .accordion-panel__content-wrapper--no-padding .accordion-panel__content {
    padding: 0; }
  @media (min-width: 768px) {
    .accordion-panel__content-wrapper--no-padding {
      padding: 0px; } }

.accordion-panel__content__2col {
  display: grid;
  grid-template-columns: 7fr 5fr; }
  .accordion-panel__content__2col.accordion-panel__content {
    padding: 0; }
  .accordion-panel__content__2col .left {
    padding: 50px; }
    @media (max-width: 767px) {
      .accordion-panel__content__2col .left {
        padding: 40px 5%; } }
    .accordion-panel__content__2col .left ul {
      margin: 0;
      margin-left: 20px;
      padding: 0; }
  .accordion-panel__content__2col .right {
    background: #E3E3DF; }
    .accordion-panel__content__2col .right .right__copy {
      padding: 25px; }
      .accordion-panel__content__2col .right .right__copy h4, .accordion-panel__content__2col .right .right__copy .form__subtitle, .accordion-panel__content__2col .right .right__copy .gsection .gsection_title, .gsection .accordion-panel__content__2col .right .right__copy .gsection_title, .accordion-panel__content__2col .right .right__copy .header--bookNow .cta--icon--inner .cta_copy h3, .header--bookNow .cta--icon--inner .cta_copy .accordion-panel__content__2col .right .right__copy h3 {
        margin-bottom: 5px !important; }
      @media (max-width: 767px) {
        .accordion-panel__content__2col .right .right__copy {
          padding: 20px 5%; } }
  @media (max-width: 767px) {
    .accordion-panel__content__2col {
      display: block; } }
  .accordion-panel__content__2col__narrow {
    grid-template-columns: 9fr 4fr; }

/* Show / hide */
.accordion-panel__show-hide {
  display: none;
  cursor: pointer; }
  @media (min-width: 768px) {
    .accordion-panel__show-hide {
      display: block;
      grid-column: 3 / 3;
      padding: 40px 15px 0px 0px;
      border-left: 1px solid #ffffff;
      text-align: right; } }

/* Open state */
.accordion-panel--open .open-close--red-circle .line-02 {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg); }

@media (min-width: 768px) {
  .accordion-panel--open .accordion-panel__title-wrapper {
    border-right: 0px; } }

@media (min-width: 768px) {
  .accordion-panel--open .accordion-panel__show-hide {
    border-left: 0px; } }

.panel__full-width-image {
  display: block;
  width: 100%;
  background-color: #E3E3DF; }
  .panel__full-width-image__image {
    width: 100%;
    height: 100%; }
  .panel__full-width-image .wrapper {
    padding: 0; }

.accordion-panel__image-100 .accordion-panel__content img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain; }

.accordion-panel__text-100 .accordion-panel__content h2,
.accordion-panel__text-100 .accordion-panel__content h3,
.accordion-panel__text-100 .accordion-panel__content p {
  margin: 0px 0px 24px; }

.accordion-panel__video-100 .accordion-panel__content-wrapper {
  position: relative;
  padding-top: 56.25%;
  overflow: hidden; }
  .accordion-panel__video-100 .accordion-panel__content-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; }
  .accordion-panel__video-100 .accordion-panel__content-wrapper.embed__fb {
    padding-top: 0; }

.reviews-slider {
  overflow: hidden; }
  .reviews-slider h2 {
    margin-bottom: 20px; }
  .reviews-slider .review {
    font-size: 24px;
    line-height: 40px;
    color: #333F48; }
    @media (max-width: 767px) {
      .reviews-slider .review {
        font-size: 22px;
        line-height: 32px;
        color: #333F48; } }

.accordion-panel__text-image .accordion-panel__content img {
  display: block;
  width: 100%;
  height: auto; }

.accordion-panel__text-image .accordion-panel__content .wobble_image_frame {
  position: relative; }
  .accordion-panel__text-image .accordion-panel__content .wobble_image_frame:before {
    content: "";
    background-image: url("../images/frames/panel-text-image-image-bottom.svg");
    width: 100%;
    height: 8px;
    position: absolute;
    top: -8px;
    left: 0; }

.accordion-panel__text-image .accordion-panel__content .right__copy h4, .accordion-panel__text-image .accordion-panel__content .right__copy .form__subtitle, .accordion-panel__text-image .accordion-panel__content .right__copy .gsection .gsection_title, .gsection .accordion-panel__text-image .accordion-panel__content .right__copy .gsection_title, .accordion-panel__text-image .accordion-panel__content .right__copy .header--bookNow .cta--icon--inner .cta_copy h3, .header--bookNow .cta--icon--inner .cta_copy .accordion-panel__text-image .accordion-panel__content .right__copy h3 {
  margin-bottom: 20px; }

.accordion-panel__text-image .accordion-panel__content .right__copy h5, .accordion-panel__text-image .accordion-panel__wild-intro .accordion-panel__content .right__copy .wild-intro--content h3, .accordion-panel__wild-intro .accordion-panel__text-image .accordion-panel__content .right__copy .wild-intro--content h3, .accordion-panel__text-image .accordion-panel__wild-intro .accordion-panel__content .wild-intro--content .right__copy h3, .accordion-panel__wild-intro .accordion-panel__text-image .accordion-panel__content .wild-intro--content .right__copy h3 {
  margin-bottom: 10px; }

.accordion-panel__text-table .accordion-panel__content__2col .right {
  padding: 50px; }
  @media (max-width: 767px) {
    .accordion-panel__text-table .accordion-panel__content__2col .right {
      padding: 40px 7.5%; } }
  .accordion-panel__text-table .accordion-panel__content__2col .right table {
    margin-top: 10px; }

.accordion-panel__text-links .accordion-panel__content__2col .right {
  padding: 50px; }
  @media (max-width: 767px) {
    .accordion-panel__text-links .accordion-panel__content__2col .right {
      padding: 40px 7.5%; } }
  .accordion-panel__text-links .accordion-panel__content__2col .right h4, .accordion-panel__text-links .accordion-panel__content__2col .right .form__subtitle, .accordion-panel__text-links .accordion-panel__content__2col .right .gsection .gsection_title, .gsection .accordion-panel__text-links .accordion-panel__content__2col .right .gsection_title, .accordion-panel__text-links .accordion-panel__content__2col .right .header--bookNow .cta--icon--inner .cta_copy h3, .header--bookNow .cta--icon--inner .cta_copy .accordion-panel__text-links .accordion-panel__content__2col .right h3 {
    margin-bottom: 4px; }
  .accordion-panel__text-links .accordion-panel__content__2col .right p.p--large {
    margin-top: 15px;
    margin-bottom: 0px; }
    .accordion-panel__text-links .accordion-panel__content__2col .right p.p--large:first-child {
      margin-top: 0px; }

.accordion-panel__opening-closing-times .accordion-panel__content__title {
  margin-bottom: 12px; }

.accordion-panel__opening-closing-times .accordion-panel__content__50-column {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 5%; }
  @media (max-width: 967px) {
    .accordion-panel__opening-closing-times .accordion-panel__content__50-column {
      grid-template-columns: 1fr;
      grid-gap: 40px; } }

.accordion-panel__opening-closing-times .accordion-panel__content__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 4px; }

.accordion-panel__opening-closing-times .emergency__notice {
  margin-top: 30px; }
  .accordion-panel__opening-closing-times .emergency__notice h3 {
    margin-bottom: 10px; }
  .accordion-panel__opening-closing-times .emergency__notice p {
    line-height: 22px; }

.accordion-panel_events .accordion-panel__content-wrapper {
  padding: 0; }

.accordion-panel_events--header {
  background-color: #E3E3DF;
  padding: 20px 3% 15px 3%; }

.accordion-panel_events .events_datepicker_container {
  display: inline-block;
  margin-left: 20px;
  position: relative;
  width: 200px; }
  @media (max-width: 767px) {
    .accordion-panel_events .events_datepicker_container {
      margin-left: 10px;
      max-width: 180px; } }
  .accordion-panel_events .events_datepicker_container:before {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    background-image: url("../images/icons/icon--calendar-white.svg");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    z-index: 1;
    top: 14px;
    left: 16px;
    pointer-events: none; }
  .accordion-panel_events .events_datepicker_container:after {
    content: "";
    width: 12px;
    height: 8px;
    display: block;
    background-image: url("../images/icons/icon--arrow-down-white-nostem.svg");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    z-index: 2;
    top: 20px;
    right: 16px;
    pointer-events: none; }
  .accordion-panel_events .events_datepicker_container .eventDatepicker {
    background-color: #F0574B;
    border-radius: 5px;
    color: white;
    padding-left: 45px;
    height: 45px;
    border: 0;
    cursor: pointer;
    color: transparent;
    text-shadow: 0 0 0 white; }
    .accordion-panel_events .events_datepicker_container .eventDatepicker:focus {
      outline: none; }

.accordion-panel_events .events__listing {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 15px;
  min-height: 400px; }
  @media (max-width: 1024px) {
    .accordion-panel_events .events__listing {
      grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 767px) {
    .accordion-panel_events .events__listing {
      grid-template-columns: 1fr; } }
  .accordion-panel_events .events__listing .event--snippet {
    display: none;
    opacity: 0;
    margin-bottom: 15px; }

.accordion-panel_events .load_more_events {
  text-align: center;
  padding-top: 10px; }
  .accordion-panel_events .load_more_events .button {
    display: inline-block;
    padding: 12px 25px; }

.accordion-panel__gallery-panel {
  /**
   * Force slick slides to be equal height.
   */
  /**
   * Slick arrows.
   */ }
  .accordion-panel__gallery-panel .slick-track {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .accordion-panel__gallery-panel .slick-slide {
    height: inherit !important; }
  .accordion-panel__gallery-panel .slick-prev,
  .accordion-panel__gallery-panel .slick-next {
    z-index: 1;
    width: 56px;
    height: 100%;
    padding: 0;
    -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
            transform: translateY(50%);
    border: none;
    outline: none;
    background: rgba(0, 0, 0, 0.5);
    color: transparent;
    font-size: 0;
    line-height: 0;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }
    .accordion-panel__gallery-panel .slick-prev:hover,
    .accordion-panel__gallery-panel .slick-next:hover {
      background: rgba(0, 0, 0, 0.8); }
    @media (max-width: 767px) {
      .accordion-panel__gallery-panel .slick-prev,
      .accordion-panel__gallery-panel .slick-next {
        width: 36px; } }
  .accordion-panel__gallery-panel .slick-prev {
    position: absolute;
    bottom: 50%;
    left: 0px; }
    .accordion-panel__gallery-panel .slick-prev:before {
      display: block;
      width: 16px;
      height: 24px;
      margin-left: 20px;
      -webkit-transform: rotate(-180deg);
          -ms-transform: rotate(-180deg);
              transform: rotate(-180deg);
      background: url("../images/icons/icon--arrow-right-white-nostem.svg") no-repeat;
      background-size: 16px 24px;
      content: "";
      cursor: pointer; }
      @media (max-width: 767px) {
        .accordion-panel__gallery-panel .slick-prev:before {
          margin-left: 10px; } }
  .accordion-panel__gallery-panel .slick-next {
    position: absolute;
    right: 0px;
    bottom: 50%; }
    .accordion-panel__gallery-panel .slick-next:before {
      display: block;
      width: 16px;
      height: 24px;
      margin-left: 20px;
      background: url("../images/icons/icon--arrow-right-white-nostem.svg") no-repeat;
      background-size: 16px 24px;
      content: "";
      cursor: pointer; }
      @media (max-width: 767px) {
        .accordion-panel__gallery-panel .slick-next:before {
          margin-left: 10px; } }
  .accordion-panel__gallery-panel .gallery-panel__slide {
    width: 100%;
    padding-bottom: 55%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; }
  .accordion-panel__gallery-panel .accordion-panel__content-wrapper {
    position: relative; }

.slick-dots {
  margin-top: 20px; }

/**
 * Slide counter
 */
.gallery-panel-slider__counter {
  z-index: 3;
  position: absolute;
  top: 20px;
  right: 10px;
  color: #ffffff; }

.accordion-panel__inner-accordion-panel .inner-accordions {
  padding: 28px 5%;
  margin: 0px;
  list-style: none; }
  @media (min-width: 768px) {
    .accordion-panel__inner-accordion-panel .inner-accordions {
      padding: 40px 50px; } }

.accordion-panel__inner-accordion-panel ul.inner-accordions li {
  margin-bottom: 0px;
  text-indent: 0px; }
  .accordion-panel__inner-accordion-panel ul.inner-accordions li::before {
    content: ""; }

.accordion-panel__inner-accordion-panel .inner-accordion {
  position: relative;
  padding: 20px 0px;
  border-bottom: 1px solid #C0BFAE; }

.accordion-panel__inner-accordion-panel .inner-accordion__title {
  padding-left: 35px;
  cursor: pointer; }

.accordion-panel__inner-accordion-panel .inner-accordion__content {
  padding: 20px 0px 0px 35px; }
  .accordion-panel__inner-accordion-panel .inner-accordion__content *:last-child {
    margin-bottom: 0px; }

.accordion-panel__inner-accordion-panel .open-close--red-circle--no-fill {
  position: absolute;
  top: 22px;
  left: 0px; }

.accordion-panel__inner-accordion-panel .inner-accordion--open .open-close--red-circle--no-fill .line-02 {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg); }

.accordion-panel__animal-categories .accordion-panel__content-wrapper {
  padding: 32px; }
  @media (max-width: 767px) {
    .accordion-panel__animal-categories .accordion-panel__content-wrapper {
      padding: 32px 15px; } }

.accordion-panel__animal-categories .animal-items {
  grid-gap: 32px;
  display: grid;
  grid-template-columns: repeat(3, 1fr); }
  @media (max-width: 1024px) {
    .accordion-panel__animal-categories .animal-items {
      grid-template-columns: repeat(2, 1fr); } }
  .accordion-panel__animal-categories .animal-items .animal-item {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }
    .accordion-panel__animal-categories .animal-items .animal-item:hover, .accordion-panel__animal-categories .animal-items .animal-item:focus, .accordion-panel__animal-categories .animal-items .animal-item:active {
      opacity: .8 !important; }
  .accordion-panel__animal-categories .animal-items a {
    text-align: center;
    text-decoration: none;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }

.accordion-panel__animal-categories .animal-item__image {
  -webkit-box-shadow: -10px 10px 0px 0px #c4c4b8;
  box-shadow: -10px 10px 0px 0px #c4c4b8;
  max-height: 220px;
  padding-bottom: 70%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }
  @media (max-width: 767px) {
    .accordion-panel__animal-categories .animal-item__image {
      -webkit-box-shadow: -5px 5px 0px 0px #c4c4b8;
      box-shadow: -5px 5px 0px 0px #c4c4b8; } }

.accordion-panel__animal-categories .animal-item__title {
  border-style: solid;
  border-width: 1px;
  border-image-slice: 20 20 20 fill;
  border-image-width: 20px 20px 20px 20px;
  border-image-outset: 0px 0px 0px 0px;
  border-image-repeat: stretch;
  border-image-source: url("../images/frames/cta_white_border.svg");
  width: 90%;
  margin: -20px auto 0;
  padding: 6px;
  background-color: #ffffff; }

.accordion-panel__form-panel ul li {
  margin-bottom: 8px;
  text-indent: 0px; }
  .accordion-panel__form-panel ul li::before {
    content: ""; }

.panel__ctas {
  position: relative;
  background: #E3E3DF; }
  .panel__ctas:before {
    z-index: 99;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 8px;
    background-image: url("../images/frames/accordion--topper.svg");
    background-position: center top;
    background-repeat: repeat-x;
    background-size: 1300px 8px;
    content: ""; }
  .panel__ctas:after {
    z-index: 99;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 8px;
    background-image: url("../images/frames/accordion--footer.svg");
    background-position: center bottom;
    background-repeat: repeat-x;
    background-size: 1300px 8px;
    content: ""; }
  .panel__ctas .wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 40px;
    padding: 50px 15px; }
    .panel__ctas .wrapper .icon_ctas {
      display: grid;
      grid-gap: 10px;
      grid-template-rows: 1fr 1fr; }
      .panel__ctas .wrapper .icon_ctas .cta--icon {
        height: 100%;
        display: grid; }
    @media (max-width: 767px) {
      .panel__ctas .wrapper {
        grid-template-columns: 1fr;
        grid-gap: 30px; }
        .panel__ctas .wrapper .icon_ctas {
          -webkit-box-ordinal-group: 1;
              -ms-flex-order: 0;
                  order: 0; }
        .panel__ctas .wrapper .cta--image {
          -webkit-box-ordinal-group: 2;
              -ms-flex-order: 1;
                  order: 1; } }

.cta--full-width-panel {
  position: relative; }
  .cta--full-width-panel:before {
    z-index: 99;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 8px;
    background-image: url("../images/frames/accordion--topper.svg");
    background-position: center top;
    background-repeat: repeat-x;
    background-size: 1300px 8px;
    content: ""; }
  .cta--full-width-panel:after {
    z-index: 99;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 8px;
    background-image: url("../images/frames/accordion--footer.svg");
    background-position: center bottom;
    background-repeat: repeat-x;
    background-size: 1300px 8px;
    content: ""; }

@media (max-width: 1024px) {
  .accordion-panel__cta-animal-landing .cta--full-width-panel {
    padding: 60px 0; } }

@media (max-width: 767px) {
  .accordion-panel__cta-animal-landing .cta--full-width-panel {
    padding: 120px 0; } }

.accordion-panel__form-text .right {
  padding: 50px 10%; }
  @media (max-width: 767px) {
    .accordion-panel__form-text .right {
      padding: 32px 5% 48px; } }
  .accordion-panel__form-text .right h2 {
    margin-bottom: 32px; }
    @media (max-width: 767px) {
      .accordion-panel__form-text .right h2 {
        font-size: 22px;
        line-height: 28px;
        color: #333F48; } }
  .accordion-panel__form-text .right h3 {
    font-size: 16px;
    line-height: 24px;
    color: #333F48;
    margin-bottom: 4px; }
  .accordion-panel__form-text .right a {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }
  .accordion-panel__form-text .right address {
    font-style: normal; }
  .accordion-panel__form-text .right .phone_link a {
    color: #333F48;
    text-decoration: none;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }
    .accordion-panel__form-text .right .phone_link a:hover, .accordion-panel__form-text .right .phone_link a:focus, .accordion-panel__form-text .right .phone_link a:active {
      color: #F0574B; }

.accordion-panel__vacancies ul {
  margin: 0;
  padding: 0px; }
  .accordion-panel__vacancies ul li {
    margin-bottom: 0px;
    text-indent: 0px; }
    .accordion-panel__vacancies ul li::before {
      display: none;
      content: ""; }

.accordion-panel__vacancies .button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-height: 44px;
  padding: 12px 32px;
  font-size: 14px; }

.vacancies-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 24px 0px;
  border-bottom: 2px solid #333F48; }
  .vacancies-list-item:first-child {
    padding-top: 10px; }
  @media (max-width: 767px) {
    .vacancies-list-item {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; } }

@media (max-width: 767px) {
  .vacancies-list-item__text {
    margin-bottom: 16px; } }

.vacancies-list-item__text h3 {
  margin-bottom: 4px;
  color: #179F86; }
  .vacancies-list-item__text h3 a {
    margin-bottom: 4px;
    color: #179F86;
    text-decoration: none; }
    .vacancies-list-item__text h3 a:hover {
      opacity: 0.8; }

@media (max-width: 767px) {
  .accordion-panel__interactive-map {
    padding: 0px; } }

.accordion-panel__interactive-map .interactive-map {
  height: 650px;
  padding-bottom: 40%; }
  @media (max-width: 767px) {
    .accordion-panel__interactive-map .interactive-map {
      padding-bottom: 0px;
      height: 550px; } }

.accordion-panel__donate-panel .accordion-panel__content {
  max-width: 440px; }

.accordion-panel__image_ctas3 .accordion-panel__content {
  padding: 40px 2%; }
  @media (max-width: 1024px) {
    .accordion-panel__image_ctas3 .accordion-panel__content {
      padding: 40px 20px; } }
  @media (max-width: 967px) {
    .accordion-panel__image_ctas3 .accordion-panel__content {
      padding: 40px 20px; } }

.wrapper-image_ctas3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px; }
  @media (max-width: 1024px) {
    .wrapper-image_ctas3 {
      grid-template-columns: repeat(2, 1fr); }
      .wrapper-image_ctas3 .cta--image:first-of-type {
        grid-column: 1/-1; } }
  @media (max-width: 967px) {
    .wrapper-image_ctas3 {
      grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 767px) {
    .wrapper-image_ctas3 {
      grid-template-columns: repeat(1, 1fr); } }

.accordion-radius-5k .accordion-panel__content {
  padding: 0px; }

.accordion-radius-5k #radius_map {
  min-height: 500px; }

/*  ==========================================================================
  6b. Template Parts
  ========================================================================== */
.cta--nobg {
  -webkit-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
  display: inline-block;
  position: relative;
  padding: 20px;
  border-style: solid;
  border-width: 1px;
  border-image-source: url("../images/frames/cta_red_border.png");
  border-image-outset: 0px 0px 0px 0px;
  border-image-repeat: stretch stretch;
  border-image-slice: 50% 10 50% 10;
  border-image-width: 52% 10px 50% 10px; }
  .cta--nobg p {
    margin-bottom: 0;
    line-height: 18px;
    color: #631D17; }
  .cta--nobg h3 {
    position: relative;
    z-index: 2; }
  @media (max-width: 767px) {
    .cta--nobg {
      padding: 15px; }
      .cta--nobg .subtitle-01-white, .cta--nobg .header-nested-page__list__title {
        font-size: 20px;
        margin-bottom: 5px; } }

.cta--nobg--green {
  display: inline-block;
  position: relative;
  padding: 20px;
  border-style: solid;
  border-width: 1px;
  border-image-source: url("../images/frames/cta_green_border.png");
  border-image-outset: 0px 0px 0px 0px;
  border-image-repeat: stretch stretch;
  border-image-slice: 50% 10 50% 10;
  border-image-width: 50% 10px 50% 10px;
  -webkit-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s; }
  .cta--nobg--green p {
    margin-bottom: 0;
    color: #385C4F; }

.cta--arrow-right {
  padding: 20px 50px 20px 20px; }
  .cta--arrow-right:after {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 15px;
    width: 15px;
    height: 12px;
    margin-top: -6px;
    background-image: url("../images/icons/icon--arrow-right-white.svg");
    background-repeat: repeat-x;
    background-size: contain;
    content: "";
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s; }
  .cta--arrow-right:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../images/patterns/cta-giraffe1.svg");
    background-position: 0% 50%;
    background-repeat: no-repeat;
    background-size: 40%;
    opacity: 0;
    z-index: 0;
    -webkit-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s; }
  .cta--arrow-right:hover, .cta--arrow-right:focus {
    padding: 20px 65px 20px 25px; }
    .cta--arrow-right:hover:before, .cta--arrow-right:focus:before {
      opacity: 1;
      background-position: 0% 50%;
      background-size: 40%; }
    .cta--arrow-right:hover:after, .cta--arrow-right:focus:after {
      margin-left: 15px;
      -ms-transform: scale(1.3);
      -webkit-transform: scale(1.3);
      transform: scale(1.3); }

a.cta--link-wrapper {
  text-decoration: none; }

.cta--icon {
  position: relative;
  color: white;
  -webkit-mask-image: url("../images/frames/cta-icon-mask.svg");
          mask-image: url("../images/frames/cta-icon-mask.svg");
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease; }
  .cta--icon--inner {
    display: grid;
    grid-template-columns: auto 1fr;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 40px 50px 40px 30px;
    -ms-grid-columns: 1fr 1fr; }
    .cta--icon--inner img {
      max-width: 50px;
      height: auto;
      margin-right: 30px; }
      @media (max-width: 767px) {
        .cta--icon--inner img {
          max-width: 40px;
          margin-right: 20px;
          padding-right: 0px; } }
    @media (max-width: 767px) {
      .cta--icon--inner {
        padding: 20px 20px; } }
  .cta--icon h3 {
    color: white;
    line-height: 36px; }
  .cta--icon.red {
    background-color: #F0574B; }
  .cta--icon.green {
    background-color: #179F86; }
  .cta--icon:after {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 15px;
    width: 18px;
    height: 12px;
    margin-top: -6px;
    background-image: url("../images/icons/icon--arrow-right-white-nostem.svg");
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; }
    @media (max-width: 767px) {
      .cta--icon:after {
        display: none; } }
  .cta--icon.pattern {
    background-image: url("../images/patterns/cta-giraffe1.svg");
    background-position: 0% 50%;
    background-repeat: no-repeat;
    background-size: 40%; }
    .cta--icon.pattern-giraffe1 {
      background-image: url("../images/patterns/cta-giraffe1.svg"); }
    .cta--icon.pattern-giraffe2 {
      background-image: url("../images/patterns/cta-giraffe2.svg"); }
  .cta--icon:hover, .cta--icon:focus, .cta--icon:active {
    background-size: 45%;
    background-position: -10% 50%; }
    .cta--icon:hover:after, .cta--icon:focus:after, .cta--icon:active:after {
      -ms-transform: scale(1.5);
      -webkit-transform: scale(1.5);
      transform: scale(1.5); }

.panel__ctas .icon_ctas .cta--link-wrapper:first-child .cta--icon {
  background-image: url("../images/patterns/cta-giraffe1.svg");
  background-color: #179F86; }

.panel__ctas .icon_ctas .cta--link-wrapper:last-child .cta--icon {
  background-image: url("../images/patterns/cta-giraffe2.svg");
  background-color: #F0574B; }

.home--reviews-ctas .cta--link-wrapper:first-child .cta--icon {
  background-color: #179F86; }

.home--reviews-ctas .cta--link-wrapper:last-child .cta--icon {
  background-color: #F0574B; }

.cta--full-width-panel {
  position: relative;
  padding: 120px 0;
  background-color: #E3E3DF; }
  .cta--full-width-panel .cta--full-width-panel-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    -webkit-clip-path: url(#cta-full-clipping-mask);
            clip-path: url(#cta-full-clipping-mask); }
    @media (max-width: 767px) {
      .cta--full-width-panel .cta--full-width-panel-bg {
        height: 300px;
        min-height: auto; } }
  .cta--full-width-panel .cta--full-contentbox {
    max-width: 305px;
    min-height: 288px;
    background-color: white;
    text-align: center;
    -webkit-mask-image: url("../images/frames/cta-icon-mask.svg");
            mask-image: url("../images/frames/cta-icon-mask.svg");
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat; }
    .cta--full-width-panel .cta--full-contentbox--inner {
      padding: 40px 30px; }
    @media (max-width: 767px) {
      .cta--full-width-panel .cta--full-contentbox {
        min-height: auto; } }
    .cta--full-width-panel .cta--full-contentbox.icon--giraffe {
      background-image: url("../images/animal-icons/giraffe--quill-grey.svg");
      background-repeat: no-repeat;
      background-position: 97% 100%; }
    .cta--full-width-panel .cta--full-contentbox.icon--pelican {
      background-image: url("../images/animal-icons/pelican--quill-grey.svg");
      background-repeat: no-repeat;
      background-position: 97% 100%; }
    .cta--full-width-panel .cta--full-contentbox.icon--seal {
      background-image: url("../images/animal-icons/seal--quill-grey.svg");
      background-repeat: no-repeat;
      background-position: 97% 100%; }
    .cta--full-width-panel .cta--full-contentbox.icon--elephant {
      background-image: url("../images/animal-icons/elephant--quill-grey.svg");
      background-repeat: no-repeat;
      background-position: 97% 100%; }
    .cta--full-width-panel .cta--full-contentbox.icon--flamingo {
      background-image: url("../images/animal-icons/flamingo--quill-grey.svg");
      background-repeat: no-repeat;
      background-position: 97% 100%; }
    .cta--full-width-panel .cta--full-contentbox.icon--lion {
      background-image: url("../images/animal-icons/lion--quill-grey.svg");
      background-repeat: no-repeat;
      background-position: 97% 100%; }
    .cta--full-width-panel .cta--full-contentbox.icon--meerkat {
      background-image: url("../images/animal-icons/meerkat--quill-grey.svg");
      background-repeat: no-repeat;
      background-position: 97% 100%; }
    .cta--full-width-panel .cta--full-contentbox.icon--monkey {
      background-image: url("../images/animal-icons/monkey--quill-grey.svg");
      background-repeat: no-repeat;
      background-position: 97% 100%; }
    .cta--full-width-panel .cta--full-contentbox.icon--panda {
      background-image: url("../images/animal-icons/panda--quill-grey.svg");
      background-repeat: no-repeat;
      background-position: 97% 100%; }
    .cta--full-width-panel .cta--full-contentbox.icon--penguin {
      background-image: url("../images/animal-icons/penguin--quill-grey.svg");
      background-repeat: no-repeat;
      background-position: 97% 100%; }
    .cta--full-width-panel .cta--full-contentbox.icon--rhino {
      background-image: url("../images/animal-icons/rhino--quill-grey.svg");
      background-repeat: no-repeat;
      background-position: 97% 100%; }
    .cta--full-width-panel .cta--full-contentbox.icon--snake {
      background-image: url("../images/animal-icons/snake--quill-grey.svg");
      background-repeat: no-repeat;
      background-position: 97% 100%; }
    .cta--full-width-panel .cta--full-contentbox.icon--turtle {
      background-image: url("../images/animal-icons/turtle--quill-grey.svg");
      background-repeat: no-repeat;
      background-position: 97% 100%; }
    .cta--full-width-panel .cta--full-contentbox h2 {
      margin-bottom: 10px;
      color: #179F86; }
      @media (max-width: 767px) {
        .cta--full-width-panel .cta--full-contentbox h2 {
          margin-bottom: 30px; } }
    .cta--full-width-panel .cta--full-contentbox .button {
      display: inline-block;
      margin-top: 40px; }
  @media (max-width: 767px) {
    .cta--full-width-panel .cta--full-contentbox {
      position: relative;
      top: 100px;
      max-width: 100%; } }

.cta--image {
  display: grid; }
  .cta--image a {
    text-decoration: none;
    color: #333F48;
    height: 100%; }
  .cta--image-thumb {
    min-height: 250px;
    background-position: center;
    background-size: cover;
    -webkit-box-shadow: -10px 10px 0px 0px #c4c4b8;
    box-shadow: -10px 10px 0px 0px #c4c4b8;
    -webkit-transition: all, 0.2s;
    -o-transition: all, 0.2s;
    transition: all, 0.2s; }
    @media (max-width: 767px) {
      .cta--image-thumb {
        -webkit-box-shadow: -5px 5px 0px 0px #c4c4b8;
        box-shadow: -5px 5px 0px 0px #c4c4b8; } }
  .cta--image-content {
    height: calc(100% - 180px);
    max-width: 90%;
    width: 90%;
    margin: 0 auto;
    margin-top: -70px;
    padding: 20px 30px;
    -webkit-transition: all, 0.2s;
    -o-transition: all, 0.2s;
    transition: all, 0.2s;
    position: relative;
    top: 0;
    z-index: 1;
    border-width: 1px;
    border-style: solid;
    border-width: 1px;
    border-image-slice: 20 20 20 fill;
    border-image-width: 20px 20px 20px 20px;
    border-image-outset: 0px 0px 0px 0px;
    border-image-repeat: stretch;
    border-image-source: url("../images/frames/cta_white_border.svg"); }
    .cta--image-content.icon--giraffe {
      border-style: solid;
      border-image-outset: 0px 0px 0px 0px;
      border-image-repeat: round round;
      border-image-slice: 27 63 62 fill;
      border-image-source: url("../images/frames/cta-image-bg-giraffe.svg");
      border-image-width: 20px 58px 60px 20px; }
    .cta--image-content.icon--pelican {
      border-image-repeat: stretch stretch;
      border-image-slice: 27 48 65 fill;
      border-image-source: url("../images/frames/cta-image-bg-pelican.svg");
      border-image-width: 20px 45px 65px 20px; }
    .cta--image-content.icon--elephant {
      border-style: solid;
      border-image-outset: 0px 0px 0px 0px;
      border-image-repeat: round round;
      border-image-slice: 27 91 53 fill;
      border-image-source: url("../images/frames/cta-image-bg-elephant.svg");
      border-image-width: 27px 91px 53px 20px; }
    .cta--image-content.icon--flamingo {
      border-style: solid;
      border-image-outset: 0px 0px 0px 0px;
      border-image-repeat: round round;
      border-image-slice: 27 72 82 fill;
      border-image-source: url("../images/frames/cta-image-bg-flamingo.svg");
      border-image-width: 27px 72px 82px 27px; }
    .cta--image-content.icon--lion {
      border-style: solid;
      border-image-outset: 0px 0px 0px 0px;
      border-image-repeat: round round;
      border-image-slice: 27 84 51 fill;
      border-image-source: url("../images/frames/cta-image-bg-lion.svg");
      border-image-width: 27px 84px 51px 27px; }
    .cta--image-content.icon--meerkat {
      border-style: solid;
      border-image-outset: 0px 0px 0px 0px;
      border-image-repeat: round round;
      border-image-slice: 27 60 82 fill;
      border-image-source: url("../images/frames/cta-image-bg-meerkat.svg");
      border-image-width: 27px 50px 60px 27px; }
    .cta--image-content.icon--monkey {
      border-style: solid;
      border-image-outset: 0px 0px 0px 0px;
      border-image-repeat: round round;
      border-image-slice: 20 90 70 fill;
      border-image-source: url("../images/frames/cta-image-bg-monkey.svg");
      border-image-width: 20px 90px 70px 20px; }
    .cta--image-content.icon--panda {
      border-style: solid;
      border-image-outset: 0px 0px 0px 0px;
      border-image-repeat: round round;
      border-image-slice: 27 83 57 fill;
      border-image-source: url("../images/frames/cta-image-bg-panda.svg");
      border-image-width: 27px 83px 57px 27px; }
    .cta--image-content.icon--penguin {
      border-style: solid;
      border-image-outset: 0px 0px 0px 0px;
      border-image-repeat: round round;
      border-image-slice: 27 56 44 fill;
      border-image-source: url("../images/frames/cta-image-bg-penguin.svg");
      border-image-width: 27px 56px 44px 27px; }
    .cta--image-content.icon--seal {
      border-style: solid;
      border-image-outset: 0px 0px 0px 0px;
      border-image-repeat: round round;
      border-image-slice: 27 63 44 fill;
      border-image-source: url("../images/frames/cta-image-bg-seal.svg");
      border-image-width: 20px 63px 44px 20px; }
    .cta--image-content.icon--rhino {
      border-style: solid;
      border-image-outset: 0px 0px 0px 0px;
      border-image-repeat: round round;
      border-image-slice: 27 91 39 fill;
      border-image-source: url("../images/frames/cta-image-bg-rhino.svg");
      border-image-width: 27px 91px 39px 27px; }
    .cta--image-content.icon--snake {
      border-style: solid;
      border-image-outset: 0px 0px 0px 0px;
      border-image-repeat: round round;
      border-image-slice: 27 65 62 fill;
      border-image-source: url("../images/frames/cta-image-bg-snake.svg");
      border-image-width: 27px 65px 62px 27px; }
    .cta--image-content.icon--turtle {
      border-style: solid;
      border-image-outset: 0px 0px 0px 0px;
      border-image-repeat: round round;
      border-image-slice: 27 89 39 fill;
      border-image-source: url("../images/frames/cta-image-bg-turtle.svg");
      border-image-width: 27px 89px 39px 27px; }
    .cta--image-content .cta--image-content__link {
      display: block;
      margin-top: auto;
      margin-bottom: 10px;
      text-decoration: underline;
      color: #F0574B; }
  .cta--image:hover .cta--image-thumb, .cta--image:focus .cta--image-thumb {
    opacity: 0.8; }
  .cta--image:hover .cta--image-content, .cta--image:focus .cta--image-content {
    margin-top: -80px;
    margin-bottom: 10px; }
    .cta--image:hover .cta--image-content .cta--image-content__link, .cta--image:focus .cta--image-content .cta--image-content__link {
      color: #f69992; }

.cta--image-content__title {
  margin-bottom: 8px; }

.cta--image-content__subheading {
  margin-bottom: 20px; }

.standard-content {
  padding: 64px 5%;
  overflow: hidden; }
  @media (max-width: 767px) {
    .standard-content {
      padding: 32px 5%; } }

.standard-content__wrapper {
  width: auto;
  max-width: 736px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0; }
  .standard-content__wrapper::after {
    clear: both;
    content: "";
    display: block; }
  .standard-content__wrapper h2 {
    margin: 8px 0px; }
    @media (max-width: 767px) {
      .standard-content__wrapper h2 {
        font-size: 22px;
        line-height: 28px;
        color: #333F48; } }
  .standard-content__wrapper h3 {
    margin-bottom: 16px; }
  .standard-content__wrapper iframe {
    display: block;
    max-width: 100%;
    margin: 0px auto;
    padding-bottom: 24px; }
  .standard-content__wrapper img {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 8px 0 32px;
    margin-left: 0; }
  .standard-content__wrapper img.alignleft {
    width: auto;
    margin-right: 20px;
    margin-left: 0px; }
  .standard-content__wrapper img.alignright {
    width: auto;
    margin-left: 20px; }
  .standard-content__wrapper img.aligncenter {
    display: block;
    width: auto;
    margin: 0px auto; }
  .standard-content__wrapper ul,
  .standard-content__wrapper ol {
    margin: 0px;
    padding-bottom: 25px; }
    .standard-content__wrapper ul li,
    .standard-content__wrapper ol li {
      padding-bottom: 10px; }
      .standard-content__wrapper ul li:last-child,
      .standard-content__wrapper ol li:last-child {
        padding-bottom: 0px; }
  .standard-content__wrapper blockquote {
    padding: 0px 5%;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    position: relative;
    right: 52.5%;
    left: 50%;
    width: 105vw;
    max-width: 105vw;
    margin-right: -52.5vw;
    margin-left: -52vw;
    background-color: #E3E3DF;
    -webkit-mask-image: url("../images/frames/cta-icon-mask.svg");
            mask-image: url("../images/frames/cta-icon-mask.svg");
    margin-bottom: 48px;
    padding: 96px 30px; }
    @media (min-width: 768px) {
      .standard-content__wrapper blockquote {
        background-image: url("../images/animal-icons/giraffe--white.svg");
        background-repeat: no-repeat;
        background-position: 80% 105%; } }
    .standard-content__wrapper blockquote p {
      width: auto;
      max-width: 736px;
      float: none;
      display: block;
      margin-right: auto;
      margin-left: auto;
      padding-left: 0;
      padding-right: 0;
      font-size: 26px;
      line-height: 40px;
      color: #333F48;
      margin-top: 48px; }
      .standard-content__wrapper blockquote p::after {
        clear: both;
        content: "";
        display: block; }
      @media (max-width: 767px) {
        .standard-content__wrapper blockquote p {
          font-size: 22px;
          line-height: 32px;
          color: #333F48;
          margin-top: 32px;
          margin-bottom: 32px;
          text-align: center; } }
      .standard-content__wrapper blockquote p:first-child {
        padding: 48px 0 0 0; }
      .standard-content__wrapper blockquote p:last-child {
        padding: 0 0 48px 0; }
    @media (max-width: 767px) {
      .standard-content__wrapper blockquote {
        padding: 0px 30px; } }
  .standard-content__wrapper .fb_iframe_widget {
    display: block !important; }
    .standard-content__wrapper .fb_iframe_widget span {
      width: 100% !important; }
    .standard-content__wrapper .fb_iframe_widget iframe {
      width: 100% !important; }

.standard-content__form {
  border-top: 2px solid #333F48;
  padding-top: 48px;
  margin-top: 48px; }
  .standard-content__form input,
  .standard-content__form textarea {
    background-color: #F0F0F0; }

h2.standard-content__form__title {
  color: #179F86;
  margin-bottom: 16px; }

/**
 * Page specific styles
 */
.page-template-standard-content .standard-content {
  padding: 32px 5%; }

.header-transparent--hero {
  background-color: #EFEFEA;
  background-image: url("../images/patterns/giraffe-spots.svg");
  background-size: 400px;
  position: relative;
  height: 650px;
  overflow: hidden; }
  @media (max-width: 767px) {
    .header-transparent--hero {
      height: 565px; } }
  .header-transparent--hero .wrapper {
    height: 100%; }
  @media (max-width: 767px) {
    .header-transparent--hero video {
      display: none; } }

.header-transparent--hero-bg {
  -webkit-box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.25);
          box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.25);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }
  @media (max-width: 767px) {
    .header-transparent--hero-bg {
      height: 565px; } }
  .header-transparent--hero-bg.hero-bg--nooverlay {
    -webkit-box-shadow: none;
            box-shadow: none; }
  .header-transparent--hero-bg.header-transparent--video {
    display: block; }
    @media (max-width: 767px) {
      .header-transparent--hero-bg.header-transparent--video {
        display: none; } }
  .header-transparent--hero-bg.header-transparent--novideo {
    display: none; }
    @media (max-width: 767px) {
      .header-transparent--hero-bg.header-transparent--novideo {
        display: block; } }

.header-transparent--hero--2col {
  grid-gap: 50px;
  display: grid;
  grid-template-columns: 8fr 4.5fr;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  height: 100%; }
  .header-transparent--hero--2col .cta {
    grid-template-columns: 1fr;
    margin-bottom: 90px; }
  @media (max-width: 967px) {
    .header-transparent--hero--2col {
      grid-template-columns: 7fr 5fr; } }
  @media (max-width: 767px) {
    .header-transparent--hero--2col {
      grid-gap: 25px;
      grid-template-columns: 1fr;
      grid-template-rows: 1fr;
      -webkit-box-align: bottom;
          -ms-flex-align: bottom;
              align-items: bottom; }
      .header-transparent--hero--2col .header-transparent--hero--cta {
        margin-bottom: 90px;
        text-align: center; }
        .header-transparent--hero--2col .header-transparent--hero--cta .cta {
          display: inline-block;
          width: 100%;
          margin-bottom: 0;
          text-align: left; } }

.header-transparent--hero--opening {
  background-color: #28493D;
  display: inline-block;
  position: relative;
  padding: 25px 10px;
  border-width: 1px;
  border-style: solid;
  border-image-outset: 5px;
  border-image-slice: 10%;
  border-image-source: url("../images/frames/whatson-top.svg");
  border-image-width: 10px;
  color: white;
  text-align: center; }
  @media (max-width: 767px) {
    .header-transparent--hero--opening {
      width: 100%;
      margin-top: -150px;
      margin-bottom: 80px;
      padding: 30px 5px; }
      .header-transparent--hero--opening h3 {
        font-size: 22px;
        line-height: 28px; }
      .header-transparent--hero--opening .p--large, .header-transparent--hero--opening .accordion-panel__animal-categories .animal-items a, .accordion-panel__animal-categories .animal-items .header-transparent--hero--opening a {
        margin-bottom: 5px;
        padding: 0 35px; } }
  .header-transparent--hero--opening .subtitle-01-white, .header-transparent--hero--opening .header-nested-page__list__title {
    margin-bottom: 10px;
    color: #56C788; }
  .header-transparent--hero--opening .p--large, .header-transparent--hero--opening .accordion-panel__animal-categories .animal-items a, .accordion-panel__animal-categories .animal-items .header-transparent--hero--opening a {
    font-size: 17px;
    line-height: 22px; }
  .header-transparent--hero--opening .p--large, .header-transparent--hero--opening .accordion-panel__animal-categories .animal-items a, .accordion-panel__animal-categories .animal-items .header-transparent--hero--opening a,
  .header-transparent--hero--opening a {
    color: white; }

#header_vid {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  min-width: 100%;
  height: auto;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.header-landing {
  -webkit-box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.25);
          box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.25);
  padding: 224px 5% 40px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  min-height: 500px;
  position: relative; }
  @media (max-width: 767px) {
    .header-landing {
      margin-top: 0; } }
  @media (max-width: 767px) {
    .header-landing {
      padding: 98px 5% 140px;
      min-height: 0; } }
  .header-landing .header-landing-page__content-wrapper {
    grid-gap: 60px;
    display: grid;
    z-index: 1;
    position: relative;
    grid-template-columns: 225px 1fr;
    grid-template-rows: 1fr; }
    @media (max-width: 767px) {
      .header-landing .header-landing-page__content-wrapper {
        grid-template-columns: 1fr;
        text-align: center; }
        .header-landing .header-landing-page__content-wrapper .header-landing-page__list {
          display: none; } }
  .header-landing h1 {
    max-width: 400px;
    color: white; }
    @media (max-width: 767px) {
      .header-landing h1 {
        max-width: 100%; } }
  .header-landing:after {
    z-index: 99;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 8px;
    background-image: url("../images/frames/accordion--footer.svg");
    background-position: center bottom;
    background-repeat: repeat-x;
    background-size: 1300px 8px;
    content: ""; }
  .header-landing .cta {
    margin-top: 40px;
    min-width: 250px;
    max-width: 400px; }

.page-template-visit-landing .header-landing:after {
  display: none; }

.header-landing-title {
  -ms-flex-item-align: center;
      align-self: center; }
  .header-landing-title h4, .header-landing-title .form__subtitle, .header-landing-title .gsection .gsection_title, .gsection .header-landing-title .gsection_title, .header-landing-title .header--bookNow .cta--icon--inner .cta_copy h3, .header--bookNow .cta--icon--inner .cta_copy .header-landing-title h3 {
    max-width: 60%;
    margin-top: 20px; }
    @media (max-width: 1024px) {
      .header-landing-title h4, .header-landing-title .form__subtitle, .header-landing-title .gsection .gsection_title, .gsection .header-landing-title .gsection_title, .header-landing-title .header--bookNow .cta--icon--inner .cta_copy h3, .header--bookNow .cta--icon--inner .cta_copy .header-landing-title h3 {
        max-width: 100%; } }

.header-landing-events {
  display: none; }

.header-landing-events--absolute {
  z-index: 2;
  padding: 0px 5%; }
  .header-landing-events--absolute .header-landing-events--absolute__wrapper {
    position: relative; }
  .header-landing-events--absolute .home--whatson {
    z-index: 2;
    position: absolute;
    top: -160px;
    right: 0px;
    width: 400px; }
    @media (max-width: 767px) {
      .header-landing-events--absolute .home--whatson {
        top: -80px;
        right: 50%;
        width: auto;
        min-width: 320px;
        max-width: 400px;
        -webkit-transform: translateX(50%);
            -ms-transform: translateX(50%);
                transform: translateX(50%); } }

ul.header--sub-nav {
  margin: 50px 0px 0px;
  padding: 20px 0 10px 0;
  background-image: url("../images/frames/sub-nav--bg.svg");
  background-repeat: no-repeat;
  background-size: cover;
  list-style-type: none; }
  @media (max-width: 767px) {
    ul.header--sub-nav {
      display: none; } }
  ul.header--sub-nav h4, ul.header--sub-nav .form__subtitle, ul.header--sub-nav .gsection .gsection_title, .gsection ul.header--sub-nav .gsection_title, ul.header--sub-nav .header--bookNow .cta--icon--inner .cta_copy h3, .header--bookNow .cta--icon--inner .cta_copy ul.header--sub-nav h3 {
    margin-bottom: 20px;
    padding: 0 20px; }
  ul.header--sub-nav li {
    width: 100%; }
    ul.header--sub-nav li span.no-link,
    ul.header--sub-nav li a {
      display: block;
      padding: 8px 20px;
      color: white;
      text-decoration: none;
      -webkit-transition: .3s;
      -o-transition: .3s;
      transition: .3s; }
    ul.header--sub-nav li a:hover {
      background-color: #F0574B; }
    ul.header--sub-nav li ul.children {
      list-style-type: none;
      margin: 0;
      padding: 0;
      display: block;
      margin-top: 0;
      padding-top: 0;
      padding-bottom: 10px;
      background-image: url("../images/frames/sub-nav--bg-02.svg");
      background-repeat: no-repeat;
      background-size: cover; }
      ul.header--sub-nav li ul.children li a {
        font-size: 14px;
        padding: 5px 10px 5px 30px;
        background: transparent; }
        ul.header--sub-nav li ul.children li a:hover, ul.header--sub-nav li ul.children li a:focus {
          color: #56C788; }
      ul.header--sub-nav li ul.children li.current_page_item a {
        color: #56C788; }
    ul.header--sub-nav li.current_page_ancestor > a {
      background-image: url("../images/frames/sub-nav--active.svg");
      background-repeat: no-repeat;
      background-size: cover;
      color: white; }
    ul.header--sub-nav li.current_page_item > a {
      background-image: url("../images/frames/sub-nav--active.svg");
      background-repeat: no-repeat;
      background-size: cover;
      color: white; }
    ul.header--sub-nav li.current_page_item .children li a {
      background: transparent; }
  ul.header--sub-nav .children {
    display: none; }

.header--sub-nav--mobile {
  display: none;
  z-index: 1;
  position: relative;
  background-color: #E3E3DF;
  color: #333F48; }
  @media (max-width: 1024px) {
    .header--sub-nav--mobile {
      display: block;
      top: 125px; } }
  @media (max-width: 767px) {
    .header--sub-nav--mobile {
      top: 100px; } }
  .header--sub-nav--mobile .header--sub-nav--trigger {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 15px 5%;
    cursor: pointer; }
    .header--sub-nav--mobile .header--sub-nav--trigger .right-title {
      font-size: 13px;
      text-align: right; }
      .header--sub-nav--mobile .header--sub-nav--trigger .right-title i {
        -webkit-transition: all, 0.3s;
        -o-transition: all, 0.3s;
        transition: all, 0.3s;
        width: 6px;
        height: 4px; }
      .header--sub-nav--mobile .header--sub-nav--trigger .right-title.open i {
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg); }
  .header--sub-nav--mobile ul {
    display: none;
    margin: 0;
    padding: 0;
    background-color: #C0BFAE;
    list-style-type: none;
    text-align: center; }
    .header--sub-nav--mobile ul li {
      width: 100%;
      padding: 5px 0;
      border-bottom: 1px solid #ffffff;
      padding: 0px; }
      .header--sub-nav--mobile ul li a {
        display: block;
        padding: 8px 5% 8px 5%;
        color: #179F86;
        color: white;
        text-decoration: none;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s; }
        .header--sub-nav--mobile ul li a:hover {
          background-color: #F0574B; }
      .header--sub-nav--mobile ul li.current_page_ancestor, .header--sub-nav--mobile ul li.current_page_item {
        background-image: url("../images/frames/sub-nav--active.svg");
        background-repeat: no-repeat;
        background-size: cover; }
        @media (max-width: 767px) {
          .header--sub-nav--mobile ul li.current_page_ancestor, .header--sub-nav--mobile ul li.current_page_item {
            background-color: #F0574B;
            background-image: none; } }
      .header--sub-nav--mobile ul li.page_item_has_children {
        position: relative; }
        .header--sub-nav--mobile ul li.page_item_has_children:after {
          content: "";
          background-image: url("../images/icons/icon--arrow-right-white-nostem.svg");
          background-size: contain;
          background-position: center;
          background-repeat: no-repeat;
          height: 10px;
          width: 10px;
          display: block;
          position: absolute;
          top: 15px;
          right: 12px;
          -ms-transform: rotate(0deg);
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
          -webkit-transition: all, 0.3s;
          -o-transition: all, 0.3s;
          transition: all, 0.3s; }
        .header--sub-nav--mobile ul li.page_item_has_children.open:after {
          -ms-transform: rotate(90deg);
          -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }
      .header--sub-nav--mobile ul li ul.children {
        background-color: #A7A594; }
        .header--sub-nav--mobile ul li ul.children li {
          font-size: 14px;
          border-color: #C0BFAE; }
          .header--sub-nav--mobile ul li ul.children li a {
            padding: 6px 5% 6px 5%; }
          .header--sub-nav--mobile ul li ul.children li.current_page_item {
            background-color: #908d78; }
          .header--sub-nav--mobile ul li ul.children li:first-child {
            border-top: 1px solid #EFEFEA; }
          .header--sub-nav--mobile ul li ul.children li:last-child {
            border-bottom: none; }

@media (max-width: 1024px) {
  .page-template-visit-landing .header--sub-nav--mobile,
  .page-template-animals-landing .header--sub-nav--mobile,
  .page-template-education-landing .header--sub-nav--mobile,
  .page-template-conservation-landing .header--sub-nav--mobile {
    display: none; } }

@media (max-width: 767px) {
  .page-template-visit-landing .header--sub-nav--mobile,
  .page-template-animals-landing .header--sub-nav--mobile,
  .page-template-education-landing .header--sub-nav--mobile,
  .page-template-conservation-landing .header--sub-nav--mobile {
    display: block; } }

@media (max-width: 1024px) {
  body.page-visit-nested .header--sub-nav--mobile {
    display: block; } }

.page-template-animals-landing .header-landing {
  padding: 234px 5% 50px; }
  @media (max-width: 767px) {
    .page-template-animals-landing .header-landing {
      padding: 110px 5%; } }

.page-template-animals-landing .header-landing-page__list ul {
  margin: 0px; }

/**
 * Save the Zoo specific styles
 */
.page-save-the-zoo .header-landing-page__list,
.page-save-the-zoo .header--sub-nav--mobile {
  visibility: hidden; }

.header-nested-page {
  display: grid;
  grid-template-columns: 5% repeat(12, 1fr) 5%;
  background-color: #EFEFEA;
  position: relative; }
  @media (max-width: 1024px) {
    .header-nested-page {
      display: block; } }
  .header-nested-page .header--sub-nav {
    margin-top: 25px;
    height: 95%; }
  .header-nested-page:after {
    z-index: 99;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 8px;
    background-image: url("../images/frames/accordion--footer.svg");
    background-position: center bottom;
    background-repeat: repeat-x;
    background-size: 1300px 8px;
    content: ""; }

.header-nested-page__inner-grid {
  grid-column: 2 / 14;
  grid-row: 1 / 1; }

.header-nested-page__inner-grid--2 {
  height: 100%; }

.header-nested-page__content-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 42px 0 20px 0px; }

.page-template-visit-whatson .header-nested-page:after {
  display: none; }

/**
 * List
 */
.header-nested-page__list {
  width: 232px;
  max-width: 232px; }
  .header-nested-page__list ul {
    margin: 0px;
    padding: 20px 0px 18px;
    list-style: none; }
    .header-nested-page__list ul a {
      display: block;
      padding: 6px 24px;
      color: #ffffff;
      text-decoration: none;
      -webkit-transition: .3s;
      -o-transition: .3s;
      transition: .3s; }
      .header-nested-page__list ul a:hover, .header-nested-page__list ul a:focus, .header-nested-page__list ul a:active {
        background-color: #F0574B;
        color: #ffffff; }

.header-nested-page__content .header-nested-page__list {
  width: 100%;
  max-width: 100%; }

.header-nested-page__list__title {
  padding: 24px 0px 16px 24px; }

/**
 * Content
 */
.header-nested-page__content {
  padding: 24px 7% 24px 5%;
  max-width: 550px; }
  @media (max-width: 1330px) {
    .header-nested-page__content {
      max-width: 480px; } }
  @media (max-width: 1230px) {
    .header-nested-page__content {
      max-width: 400px; } }
  @media (max-width: 1150px) {
    .header-nested-page__content {
      max-width: 340px; } }
  @media (max-width: 1024px) {
    .header-nested-page__content {
      padding: 0px 15px;
      max-width: 768px; } }
  .header-nested-page__content h1 {
    margin: 32px 0px; }

.header-nested-page__subtitle {
  margin: -24px 0px 32px;
  font-style: italic; }
  @media (max-width: 1024px) {
    .header-nested-page__subtitle {
      margin: -16px 0px 16px;
      text-align: center; } }

.header-nested-page__image {
  grid-column: 9 / 15;
  grid-row: 1 / 1;
  height: 100%;
  min-height: 560px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative; }
  @media (max-width: 1024px) {
    .header-nested-page__image {
      min-height: 250px;
      padding-bottom: 50%; } }
  .header-nested-page__image:before {
    content: "";
    background-image: url("../images/frames/header-nested-frame-left.svg");
    width: 16px;
    height: 100%;
    position: absolute; }
    @media (max-width: 1024px) {
      .header-nested-page__image:before {
        display: none; } }

.header-nested-page__image__mobile {
  margin-bottom: 32px; }
  @media (min-width: 1025px) {
    .header-nested-page__image__mobile {
      display: none; } }

@media (max-width: 1024px) {
  .header-nested-page__image__desktop {
    display: none; } }

@media (max-width: 1024px) {
  .header-nested-page__desktop {
    display: none; } }

.header-nested-page__mobile {
  padding: 25px 0px; }
  .header-nested-page__mobile h1 {
    margin-bottom: 24px;
    padding: 0px 15px;
    text-align: center; }
  .header-nested-page__mobile .header-nested-page__cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    margin-top: 32px; }
    @media (max-width: 1024px) {
      .header-nested-page__mobile .header-nested-page__cta {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start; } }
  @media (min-width: 1025px) {
    .header-nested-page__mobile {
      display: none; } }

.gps-coords__title {
  margin: 0px; }

.gps-coords__lat-lng span:first-child {
  margin-right: 32px; }

.header-nested-page__list {
  margin-bottom: 20px; }

.text-only-header {
  padding: 140px 5% 0px; }
  @media (max-width: 767px) {
    .text-only-header {
      padding: 60px 5% 0px; } }

.text-only-header__wrapper {
  width: auto;
  max-width: 736px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 32px;
  border-bottom: 2px solid #333F48; }
  .text-only-header__wrapper::after {
    clear: both;
    content: "";
    display: block; }

.text-only-header__arrow-link {
  margin: 0px 0px 32px; }
  .text-only-header__arrow-link a {
    font-size: 14px;
    text-decoration: none;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }
  .text-only-header__arrow-link img {
    margin-right: 6px; }

.text-only-header__title {
  color: #179F86; }

.text-only-header__subtitle {
  margin: 24px 0px 0px; }

.header-default {
  display: grid;
  grid-template-columns: 5% repeat(12, 1fr) 5%;
  background-color: #EFEFEA;
  position: relative; }
  @media (max-width: 1024px) {
    .header-default {
      display: block; } }
  .header-default .header--sub-nav {
    margin-top: 25px;
    height: 95%; }
  .header-default:after {
    z-index: 99;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 8px;
    background-image: url("../images/frames/accordion--footer.svg");
    background-position: center bottom;
    background-repeat: repeat-x;
    background-size: 1300px 8px;
    content: ""; }

.header-default__inner-grid {
  grid-column: 2 / 14;
  grid-row: 1 / 1; }

.header-default__inner-grid--2 {
  height: 100%; }

.header-default__content-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 42px 0 20px 0px; }

/**
 * Content
 */
.header-default__content {
  padding: 24px 7% 24px 5%;
  max-width: 550px; }
  @media (max-width: 1330px) {
    .header-default__content {
      max-width: 550px; } }
  @media (max-width: 1024px) {
    .header-default__content {
      padding: 0px 5%;
      max-width: 768px; } }
  .header-default__content h1 {
    margin: 32px 0px; }

.header-default__image {
  grid-column: 9 / 15;
  grid-row: 1 / 1;
  height: 100%;
  min-height: 560px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative; }
  @media (max-width: 1024px) {
    .header-default__image {
      min-height: 250px;
      padding-bottom: 50%; } }
  .header-default__image:before {
    content: "";
    background-image: url("../images/frames/header-nested-frame-left.svg");
    width: 16px;
    height: 100%;
    position: absolute; }
    @media (max-width: 1024px) {
      .header-default__image:before {
        display: none; } }

.header-default__image__mobile {
  margin-bottom: 32px; }
  @media (min-width: 1025px) {
    .header-default__image__mobile {
      display: none; } }

@media (max-width: 1024px) {
  .header-default__image__desktop {
    display: none; } }

@media (max-width: 1024px) {
  .header-default__desktop {
    display: none; } }

.header-default__mobile {
  padding: 25px 0px; }
  .header-default__mobile h1 {
    margin-bottom: 24px;
    padding: 0px 15px;
    text-align: center; }
  .header-default__mobile .header-default__cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    margin-top: 32px; }
    @media (max-width: 1024px) {
      .header-default__mobile .header-default__cta {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start; } }
  @media (min-width: 1025px) {
    .header-default__mobile {
      display: none; } }

.gps-coords__title {
  margin: 0px; }

.gps-coords__lat-lng span:first-child {
  margin-right: 32px; }

.header-default__list {
  margin-bottom: 20px; }

/**
 * Page specific styles
 */
.page-contact-us .header-default__content {
  padding: 24px 7% 24px 10%;
  max-width: 600px; }
  @media (max-width: 1330px) {
    .page-contact-us .header-default__content {
      max-width: 550px; } }
  @media (max-width: 1150px) {
    .page-contact-us .header-default__content {
      max-width: 500px; } }
  @media (max-width: 1024px) {
    .page-contact-us .header-default__content {
      padding: 0px 15px;
      max-width: 768px; } }

.accordion-panel__form-text .gform_body ul {
  padding: 0px;
  margin-left: 0px; }
  .accordion-panel__form-text .gform_body ul li {
    margin-bottom: 8px;
    text-indent: 0px; }
    .accordion-panel__form-text .gform_body ul li::before {
      content: ""; }

.home--webcams-whatson-wrapper {
  z-index: 1;
  position: relative;
  margin-top: -30px;
  -webkit-mask-image: url("../images/frames/home-content-mask.svg");
          mask-image: url("../images/frames/home-content-mask.svg");
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  background-color: #EFEFEA;
  background-image: url("../images/patterns/giraffe-spots.svg");
  background-size: 400px; }
  @media (max-width: 767px) {
    .home--webcams-whatson-wrapper {
      -webkit-mask-image: none;
              mask-image: none;
      background: transparent !important; } }
  .home--webcams-whatson-wrapper .wrapper {
    grid-gap: 50px;
    display: grid;
    grid-template-columns: 8fr 4fr; }
    @media (max-width: 967px) {
      .home--webcams-whatson-wrapper .wrapper {
        grid-template-columns: 7fr 5fr; } }
    @media (max-width: 767px) {
      .home--webcams-whatson-wrapper .wrapper {
        grid-gap: 20px;
        grid-template-columns: 1fr;
        grid-template-rows: auto; }
        .home--webcams-whatson-wrapper .wrapper .home--webcams {
          -webkit-box-ordinal-group: 3;
              -ms-flex-order: 2;
                  order: 2; }
        .home--webcams-whatson-wrapper .wrapper .home--whatson {
          -webkit-box-ordinal-group: 2;
              -ms-flex-order: 1;
                  order: 1; } }
  @media (max-width: 767px) {
    .home--webcams-whatson-wrapper {
      background: transparent;
      background-color: #EFEFEA;
      background-image: url("../images/patterns/giraffe-spots-homenews.png");
      background-position: bottom center;
      background-repeat: no-repeat; } }

.home--webcams {
  padding: 60px 0;
  text-align: center; }
  @media (max-width: 767px) {
    .home--webcams {
      padding-top: 0;
      padding-bottom: 40px; } }
  .home--webcams--titles {
    text-align: center;
    position: relative;
    z-index: 1; }
    @media (max-width: 767px) {
      .home--webcams--titles {
        margin-top: 15px; } }
    .home--webcams--titles .home--webcams--titles--icon {
      float: left;
      display: inline-block; }
    .home--webcams--titles .home--webcams--titles--content {
      float: left;
      display: inline-block;
      text-align: left; }
    @media (max-width: 967px) {
      .home--webcams--titles .home--webcams--titles--icon {
        width: 20%; }
      .home--webcams--titles .home--webcams--titles--content {
        width: 80%; } }
    @media (max-width: 767px) {
      .home--webcams--titles {
        margin-top: 0; }
        .home--webcams--titles .home--webcams--titles--icon {
          float: none;
          width: 100%;
          text-align: center;
          margin-bottom: 20px; }
        .home--webcams--titles .home--webcams--titles--content {
          float: none;
          width: 100%;
          text-align: center; }
        .home--webcams--titles .subtitle-02, .home--webcams--titles .accordion-panel__text-100 .accordion-panel__content h3, .accordion-panel__text-100 .accordion-panel__content .home--webcams--titles h3, .home--webcams--titles .accordion-panel__inner-accordion-panel .inner-accordion__title, .accordion-panel__inner-accordion-panel .home--webcams--titles .inner-accordion__title, .home--webcams--titles .vacancies-list-item__text h3, .vacancies-list-item__text .home--webcams--titles h3, .home--webcams--titles .vacancies-list-item__text h3 a, .vacancies-list-item__text h3 .home--webcams--titles a, .home--webcams--titles .standard-content__wrapper h3, .standard-content__wrapper .home--webcams--titles h3, .home--webcams--titles .text-only-header__subtitle, .home--webcams--titles .our-vist-opening-times__open-from__times, .home--webcams--titles .our-vist-opening-times__note__title, .home--webcams--titles .accordion-panel__animal-content-panel .accordion-panel__content__2col .left h3, .accordion-panel__animal-content-panel .accordion-panel__content__2col .left .home--webcams--titles h3, .home--webcams--titles .accordion-panel__animal-content-panel .accordion-panel__content__2col .right__text-content h4, .accordion-panel__animal-content-panel .accordion-panel__content__2col .right__text-content .home--webcams--titles h4, .home--webcams--titles .accordion-panel__animal-content-panel .accordion-panel__content__2col .right__text-content .form__subtitle, .accordion-panel__animal-content-panel .accordion-panel__content__2col .right__text-content .home--webcams--titles .form__subtitle, .home--webcams--titles .accordion-panel__animal-content-panel .accordion-panel__content__2col .right__text-content .gsection .gsection_title, .accordion-panel__animal-content-panel .accordion-panel__content__2col .right__text-content .gsection .home--webcams--titles .gsection_title, .home--webcams--titles .gsection .accordion-panel__animal-content-panel .accordion-panel__content__2col .right__text-content .gsection_title, .gsection .accordion-panel__animal-content-panel .accordion-panel__content__2col .right__text-content .home--webcams--titles .gsection_title, .home--webcams--titles .accordion-panel__animal-content-panel .accordion-panel__content__2col .right__text-content .header--bookNow .cta--icon--inner .cta_copy h3, .accordion-panel__animal-content-panel .accordion-panel__content__2col .right__text-content .header--bookNow .cta--icon--inner .cta_copy .home--webcams--titles h3, .home--webcams--titles .header--bookNow .cta--icon--inner .cta_copy .accordion-panel__animal-content-panel .accordion-panel__content__2col .right__text-content h3, .header--bookNow .cta--icon--inner .cta_copy .accordion-panel__animal-content-panel .accordion-panel__content__2col .right__text-content .home--webcams--titles h3, .home--webcams--titles .blog--snippet-title {
          font-size: 16px;
          line-height: 18px;
          font-family: "avenir_roman", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
          font-weight: normal;
          margin-top: 10px; } }
  .home--webcams--img {
    height: 350px;
    padding-top: 330px;
    margin-top: 40px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    text-align: right;
    position: relative;
    z-index: 1;
    box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: -10px 10px 0px 0px #c4c4b8;
    box-shadow: -10px 10px 0px 0px #c4c4b8; }
    @media (max-width: 767px) {
      .home--webcams--img {
        -webkit-box-shadow: -5px 5px 0px 0px #c4c4b8;
        box-shadow: -5px 5px 0px 0px #c4c4b8; } }
    @media (max-width: 767px) {
      .home--webcams--img {
        margin-left: 0;
        text-align: center;
        padding-top: 0%;
        height: 190px; } }
    .home--webcams--img .button {
      position: relative;
      z-index: 9;
      margin-right: 30px;
      bottom: 115px; }
  .home--webcams .button {
    display: inline-block;
    margin-top: 40px; }

.home--whatson--events {
  margin-bottom: 30px;
  padding: 25px;
  background-image: url("../images/frames/whatson-bottom.svg");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 100%;
  text-align: center;
  position: relative;
  z-index: 1; }
  @media (max-width: 767px) {
    .home--whatson--events {
      margin-top: -30px; } }
  .home--whatson--events h3 {
    position: relative;
    z-index: 1;
    width: auto;
    max-width: 275px;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0; }
    .home--whatson--events h3::after {
      clear: both;
      content: "";
      display: block; }
    @media (max-width: 767px) {
      .home--whatson--events h3 {
        max-width: 100%;
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 5px; } }

.home--webcams-whatson-wrapper--mobile {
  background-color: #EFEFEA;
  background-image: url("../images/patterns/giraffe-spots.svg");
  background-size: 400px;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0;
  -webkit-mask-image: url("../images/frames/home-content-mask.svg");
          mask-image: url("../images/frames/home-content-mask.svg");
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat; }

.home--reviews {
  padding: 50px 0;
  margin-top: -10px;
  background-color: #EFEFEA;
  background-image: url("../images/patterns/giraffe-xlarge.svg");
  background-size: cover; }
  @media (max-width: 767px) {
    .home--reviews {
      background-color: #EFEFEA;
      background-image: url("../images/patterns/giraffe-spots.svg");
      background-size: 4000px;
      background-position: bottom center; } }
  .home--reviews .wrapper {
    display: grid;
    grid-template-columns: 8fr 4fr;
    grid-gap: 50px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .home--reviews .wrapper .home--reviews-ctas {
      display: grid;
      grid-gap: 10px;
      grid-template-rows: 1fr 1fr;
      height: 100%; }
      .home--reviews .wrapper .home--reviews-ctas .cta--icon {
        height: 100%;
        display: grid; }
    @media (max-width: 967px) {
      .home--reviews .wrapper {
        grid-template-columns: 7fr 5fr; } }
    @media (max-width: 767px) {
      .home--reviews .wrapper {
        grid-template-columns: 1fr; }
        .home--reviews .wrapper .home--reviews-slider {
          -webkit-box-ordinal-group: 3;
              -ms-flex-order: 2;
                  order: 2;
          text-align: center; }
        .home--reviews .wrapper .home--reviews-ctas {
          -webkit-box-ordinal-group: 2;
              -ms-flex-order: 1;
                  order: 1; } }
  .home--reviews .home--review-mobiletitle i {
    margin-bottom: 20px; }

.cta--full-width-home {
  position: relative;
  top: -20px;
  margin-bottom: -30px;
  height: 530px; }
  .cta--full-width-home .wrapper {
    height: 100%; }
  .cta--full-width-home .cta--full-width-home-bg {
    -webkit-mask-image: url("../images/frames/home-content-mask.svg");
            mask-image: url("../images/frames/home-content-mask.svg");
    -webkit-mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center; }
    @media (max-width: 767px) {
      .cta--full-width-home .cta--full-width-home-bg {
        height: 300px; } }
  .cta--full-width-home .cta--full-contentbox {
    -webkit-mask-image: url("../images/frames/cta-icon-mask.svg");
            mask-image: url("../images/frames/cta-icon-mask.svg");
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    background-color: white;
    max-width: 305px;
    text-align: center;
    background-image: url("../images/animal-icons/giraffe--quill-grey.svg");
    background-repeat: no-repeat;
    background-position: 97% 100%;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    .cta--full-width-home .cta--full-contentbox--inner {
      padding: 70px 50px 35px; }
    .cta--full-width-home .cta--full-contentbox h2 {
      color: #179F86;
      margin-bottom: 60px; }
      @media (max-width: 767px) {
        .cta--full-width-home .cta--full-contentbox h2 {
          margin-bottom: 30px; } }
    .cta--full-width-home .cta--full-contentbox .button {
      display: inline-block; }
  @media (max-width: 767px) {
    .cta--full-width-home {
      max-height: 300px; }
      .cta--full-width-home .wrapper {
        padding-top: 190px; }
      .cta--full-width-home .cta--full-contentbox {
        max-width: 100%;
        text-align: center;
        position: relative;
        top: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none; }
        .cta--full-width-home .cta--full-contentbox--inner {
          position: relative;
          padding: 30px 40px 35px; } }

.home--ctas {
  background-color: #E3E3DF;
  padding-top: 60px;
  padding-bottom: 60px;
  background-image: url("../images/patterns/giraffe-spots-home-ctas.svg");
  background-repeat: repeat-x;
  background-position: bottom center; }
  .home--ctas .wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px; }
  @media (max-width: 767px) {
    .home--ctas {
      padding-top: 120px;
      padding-bottom: 20px; }
      .home--ctas .wrapper {
        display: block; }
        .home--ctas .wrapper .cta--image {
          position: relative;
          margin-top: -50px; }
          .home--ctas .wrapper .cta--image:first-of-type {
            margin-top: 0px; } }
      @media (max-width: 767px) and (max-width: 767px) {
        .home--ctas .wrapper .cta--image {
          margin-top: 0px;
          margin-bottom: 30px; } }

.home--news {
  margin-bottom: -20px;
  background: url("../images/patterns/giraffe-spots-homenews.png");
  background-color: #E3E3DF;
  padding-top: 60px;
  padding-bottom: 110px; }
  @media (max-width: 767px) {
    .home--news {
      padding-bottom: 0px; } }
  .home--news h2 {
    margin-bottom: 40px; }
  .home--news .home--news-header {
    position: relative; }
    .home--news .home--news-header .button {
      position: absolute;
      top: -5px;
      right: 0; }
    @media (max-width: 767px) {
      .home--news .home--news-header .button {
        display: none; } }
  .home--news .home--news-posts {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px; }
    @media (max-width: 767px) {
      .home--news .home--news-posts {
        display: block;
        margin-top: -80px; } }
  @media (max-width: 767px) {
    .home--news .home--news-featured.wrapper {
      max-width: 100%;
      padding: 0; } }
  .home--news .blog--snippet-featured {
    grid-column: 1 / span 3;
    margin-bottom: 50px; }
    @media (max-width: 767px) {
      .home--news .blog--snippet-featured {
        margin-bottom: 20px; }
        .home--news .blog--snippet-featured .blog--snippet-featured-thumb {
          max-width: 100%;
          min-height: 280px; } }
  .home--news .home--news-footer {
    display: block;
    text-align: center;
    padding: 40px 0;
    position: relative;
    top: -60px; }
    .home--news .home--news-footer .button {
      display: inline-block; }
    @media (max-width: 767px) {
      .home--news .home--news-footer {
        padding: 0;
        margin-top: 70px; } }

.visit-opening-times {
  z-index: 1;
  position: relative;
  margin-top: -30px;
  padding: 30px 5%;
  -webkit-mask-image: url("../images/frames/home-content-mask.svg");
          mask-image: url("../images/frames/home-content-mask.svg");
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  background-color: #EFEFEA;
  background-image: url("../images/patterns/giraffe-spots.svg");
  background-size: 400px; }
  .visit-opening-times .visit-opening-times__wrapper {
    grid-gap: 50px;
    display: grid; }
    @media (max-width: 767px) {
      .visit-opening-times .visit-opening-times__wrapper {
        grid-gap: 20px;
        grid-template-columns: 1fr;
        grid-template-rows: auto; } }
  .visit-opening-times:after {
    z-index: 99;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 8px;
    background-image: url("../images/frames/accordion--footer.svg");
    background-position: center bottom;
    background-repeat: repeat-x;
    background-size: 1300px 8px;
    content: ""; }

.visit-opening-times__content {
  grid-column: 2 / 2;
  padding: 30px 0px;
  text-align: left; }
  @media (max-width: 1024px) {
    .visit-opening-times__content {
      grid-column: 1 / 1; } }

.our-vist-opening-times__title {
  margin-bottom: 30px; }

.our-vist-opening-times__open-from__text {
  margin-bottom: 8px; }

.our-vist-opening-times__open-from__times {
  position: relative;
  margin: 0px 0px 0px 30px; }
  .our-vist-opening-times__open-from__times:after {
    position: absolute;
    left: -30px;
    width: 20px;
    height: 20px;
    background: url("../images/icons/icon--clock--black.svg") no-repeat;
    background-size: 20px 20px;
    content: ""; }

.our-vist-opening-times__closed_from {
  margin-top: 24px;
  padding: 23px 0px;
  border-top: 1px solid #A7A594;
  border-bottom: 1px solid #A7A594; }

.our-vist-opening-times__closed_from {
  margin-top: 24px;
  padding: 23px 0px;
  border-top: 1px solid #A7A594;
  border-bottom: 1px solid #A7A594; }

.our-vist-opening-times__note {
  margin-top: 24px; }

.our-vist-opening-times__note__title {
  margin-bottom: 8px; }

.our-vist-opening-times__note__link {
  position: relative; }
  .our-vist-opening-times__note__link:after {
    position: absolute;
    top: 5px;
    right: -24px;
    width: 15px;
    height: 12px;
    background: url("../images/icons/icon--arrow--red.svg") no-repeat;
    background-size: 15px 12px;
    content: ""; }

.whatson-events-left {
  z-index: 1;
  position: relative;
  margin-top: -30px;
  padding: 30px 5%;
  min-height: 450px;
  -webkit-mask-image: url("../images/frames/home-content-mask.svg");
          mask-image: url("../images/frames/home-content-mask.svg");
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  background-color: #EFEFEA;
  background-image: url("../images/patterns/giraffe-spots.svg");
  background-size: 400px; }
  @media (max-width: 1024px) {
    .whatson-events-left {
      height: 600px; } }
  .whatson-events-left .whatson-events-left__wrapper {
    grid-gap: 50px;
    display: grid;
    grid-template-columns: 225px 1fr 400px; }
    @media (max-width: 1024px) {
      .whatson-events-left .whatson-events-left__wrapper {
        grid-template-columns: 1fr 400px; } }
    @media (max-width: 767px) {
      .whatson-events-left .whatson-events-left__wrapper {
        grid-gap: 20px;
        grid-template-columns: 1fr;
        grid-template-rows: auto; } }
  .whatson-events-left:after {
    z-index: 99;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 8px;
    background-image: url("../images/frames/accordion--footer.svg");
    background-position: center bottom;
    background-repeat: repeat-x;
    background-size: 1300px 8px;
    content: ""; }

.whatson-events-left__content {
  grid-column: 2 / 2;
  padding: 30px 0px;
  text-align: left; }
  @media (max-width: 1024px) {
    .whatson-events-left__content {
      grid-column: 1 / 1; } }
  @media (max-width: 767px) {
    .whatson-events-left__content {
      display: none; } }

@media (max-width: 1024px) {
  .page-template-visit-whatson .events--whatson--landing {
    top: 0; } }

@media (max-width: 767px) {
  .page-template-visit-whatson .events--whatson--landing {
    top: 0; } }

.accordion-panel__webcams .accordion-panel__content {
  padding: 40px 5%; }
  .accordion-panel__webcams .accordion-panel__content .wrapper-webcams {
    grid-gap: 40px;
    display: grid;
    grid-template-columns: repeat(4, 1fr); }
    @media (max-width: 1024px) {
      .accordion-panel__webcams .accordion-panel__content .wrapper-webcams {
        grid-template-columns: repeat(2, 1fr); } }
    .accordion-panel__webcams .accordion-panel__content .wrapper-webcams .webcam {
      -webkit-transition: all, 0.3s;
      -o-transition: all, 0.3s;
      transition: all, 0.3s;
      text-align: center; }
      .accordion-panel__webcams .accordion-panel__content .wrapper-webcams .webcam a {
        text-decoration: none; }
      .accordion-panel__webcams .accordion-panel__content .wrapper-webcams .webcam:hover, .accordion-panel__webcams .accordion-panel__content .wrapper-webcams .webcam:focus {
        opacity: 0.8; }
      .accordion-panel__webcams .accordion-panel__content .wrapper-webcams .webcam .webcam--image {
        -webkit-box-shadow: -10px 10px 0px 0px #c4c4b8;
        box-shadow: -10px 10px 0px 0px #c4c4b8;
        -webkit-box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.25);
                box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.25);
        position: relative;
        margin-bottom: 20px; }
        @media (max-width: 767px) {
          .accordion-panel__webcams .accordion-panel__content .wrapper-webcams .webcam .webcam--image {
            -webkit-box-shadow: -5px 5px 0px 0px #c4c4b8;
            box-shadow: -5px 5px 0px 0px #c4c4b8; } }
        .accordion-panel__webcams .accordion-panel__content .wrapper-webcams .webcam .webcam--image .icon--play {
          position: absolute;
          top: 50%;
          left: 50%;
          width: 44px;
          height: 40px;
          margin-top: -20px;
          margin-left: -22px; }
      @media (max-width: 767px) {
        .accordion-panel__webcams .accordion-panel__content .wrapper-webcams .webcam h5, .accordion-panel__webcams .accordion-panel__wild-intro .accordion-panel__content .wrapper-webcams .webcam .wild-intro--content h3, .accordion-panel__wild-intro .accordion-panel__webcams .accordion-panel__content .wrapper-webcams .webcam .wild-intro--content h3, .accordion-panel__webcams .accordion-panel__wild-intro .accordion-panel__content .wild-intro--content .wrapper-webcams .webcam h3, .accordion-panel__wild-intro .accordion-panel__webcams .accordion-panel__content .wild-intro--content .wrapper-webcams .webcam h3 {
          border-style: solid;
          border-width: 1px;
          border-image-slice: 20 20 20 fill;
          border-image-width: 20px 20px 20px 20px;
          border-image-outset: 0px 0px 0px 0px;
          border-image-repeat: stretch;
          border-image-source: url("../images/frames/cta_white_border.svg");
          position: relative;
          max-width: 90%;
          margin: 0 auto;
          margin-top: -30px;
          padding: 15px 10px; } }

.webcam-video--wrapper {
  background-color: #EFEFEA;
  background-image: url("../images/patterns/giraffe-spots.svg");
  background-size: 400px;
  padding: 50px 0; }

.accordion-panel__animal-content-panel .accordion-panel__content__2col {
  /**
     * Left content
     */
  /**
     * Right content
     */ }
  .accordion-panel__animal-content-panel .accordion-panel__content__2col .left h3 {
    margin-bottom: 8px; }
  .accordion-panel__animal-content-panel .accordion-panel__content__2col .left .left__paragraph-text {
    margin-bottom: 28px; }
  .accordion-panel__animal-content-panel .accordion-panel__content__2col .left__2col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 32px;
    margin-top: 32px; }
    @media (max-width: 967px) {
      .accordion-panel__animal-content-panel .accordion-panel__content__2col .left__2col {
        grid-template-columns: 1fr; } }
    @media (max-width: 767px) {
      .accordion-panel__animal-content-panel .accordion-panel__content__2col .left__2col {
        grid-template-columns: 1fr 1fr; } }
    @media (max-width: 480px) {
      .accordion-panel__animal-content-panel .accordion-panel__content__2col .left__2col {
        grid-template-columns: 1fr; } }
  .accordion-panel__animal-content-panel .accordion-panel__content__2col .right__text-content {
    padding: 50px 32px; }
    .accordion-panel__animal-content-panel .accordion-panel__content__2col .right__text-content h3 {
      margin-bottom: 24px; }
      @media (max-width: 767px) {
        .accordion-panel__animal-content-panel .accordion-panel__content__2col .right__text-content h3 {
          font-size: 22px; } }
    .accordion-panel__animal-content-panel .accordion-panel__content__2col .right__text-content h4, .accordion-panel__animal-content-panel .accordion-panel__content__2col .right__text-content .form__subtitle, .accordion-panel__animal-content-panel .accordion-panel__content__2col .right__text-content .gsection .gsection_title, .gsection .accordion-panel__animal-content-panel .accordion-panel__content__2col .right__text-content .gsection_title, .accordion-panel__animal-content-panel .accordion-panel__content__2col .right__text-content .header--bookNow .cta--icon--inner .cta_copy h3, .header--bookNow .cta--icon--inner .cta_copy .accordion-panel__animal-content-panel .accordion-panel__content__2col .right__text-content h3 {
      margin-bottom: 8px; }
  .accordion-panel__animal-content-panel .accordion-panel__content__2col .right__image {
    width: 100%; }
    .accordion-panel__animal-content-panel .accordion-panel__content__2col .right__image img {
      min-width: 100%;
      height: auto; }
  .accordion-panel__animal-content-panel .accordion-panel__content__2col .right-flex-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }

.events_scroll_container {
  height: 370px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 0 20px 0 0;
  overflow-y: auto;
  overflow-x: hidden;
  text-align: left; }

.events_scroll_card {
  position: relative;
  margin-bottom: 8px;
  background: #28493D;
  color: white; }
  .events_scroll_card a {
    text-decoration: none;
    display: block;
    padding: 12px 12px 12px 44px;
    -webkit-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s; }
    .events_scroll_card a:hover, .events_scroll_card a:focus {
      background: #385C4F;
      padding-left: 50px; }

.event--icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 44px;
  height: 100%;
  text-align: center;
  vertical-align: middle; }
  .event--icon img {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
    height: auto; }
  .event--icon svg {
    width: 20px;
    height: auto;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    .event--icon svg path {
      fill: white; }

.event--time {
  font-size: 14px;
  line-height: 20px;
  color: #56C788;
  margin-bottom: 5px; }

.event--title {
  font-size: 16px;
  line-height: 18px;
  color: white; }

.events-day-title {
  padding: 8px;
  background-color: #C0BFAE;
  text-align: center;
  text-transform: uppercase; }
  .events-day-title p {
    margin: 0px; }

.event--snippet {
  text-align: left; }
  .event--snippet-thumb {
    min-height: 192px;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 1;
    -webkit-transition: all, 0.2s;
    -o-transition: all, 0.2s;
    transition: all, 0.2s; }
    .event--snippet-thumb:before {
      content: "";
      position: absolute;
      width: 100%;
      height: 130%;
      -webkit-box-shadow: -10px 10px 0px 0px #c4c4b8;
      box-shadow: -10px 10px 0px 0px #c4c4b8;
      z-index: 0; }
      @media (max-width: 767px) {
        .event--snippet-thumb:before {
          -webkit-box-shadow: -5px 5px 0px 0px #c4c4b8;
          box-shadow: -5px 5px 0px 0px #c4c4b8; } }
  .event--snippet-content {
    background: white;
    position: relative;
    z-index: 1;
    margin-top: -70px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 15px 20px 15px;
    width: 100%;
    -webkit-transition: all, 0.2s;
    -o-transition: all, 0.2s;
    transition: all, 0.2s;
    position: relative;
    top: 0;
    z-index: 1; }
    .event--snippet-content h4, .event--snippet-content .form__subtitle, .event--snippet-content .gsection .gsection_title, .gsection .event--snippet-content .gsection_title, .event--snippet-content .header--bookNow .cta--icon--inner .cta_copy h3, .header--bookNow .cta--icon--inner .cta_copy .event--snippet-content h3 {
      margin-top: 20px;
      margin-bottom: 10px; }
    .event--snippet-content p {
      margin-bottom: 5px; }
  .event--snippet a.event--snippet-content-link {
    text-decoration: none;
    color: #333F48;
    display: block; }
  .event--snippet .event--snippet-date {
    padding-top: 20px;
    font-size: 12px;
    line-height: 16px;
    color: #A0A0A0; }
  .event--snippet .event--snippet-time {
    padding-top: 10px;
    font-size: 12px;
    line-height: 16px;
    color: #A0A0A0;
    display: inline-block; }
  .event--snippet .event--snippet-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 3px;
    top: -1px;
    position: relative; }
    .event--snippet .event--snippet-icon img {
      width: 16px;
      height: 16px;
      vertical-align: middle; }
  .event--snippet .event--snippet-cats {
    margin-top: 8px;
    font-size: 12px;
    line-height: 16px;
    color: #A0A0A0;
    display: inline-block;
    margin-left: 10px; }
    .event--snippet .event--snippet-cats .event--snippet-icon svg {
      width: 100%;
      height: 100%; }
    .event--snippet .event--snippet-cats .event--snippet-icon path {
      fill: #333F48; }
    .event--snippet .event--snippet-cats .event--cat {
      display: inline-block;
      margin-right: 4px;
      margin-bottom: 8px; }
  .event--snippet .event--snippet-title-excerpt {
    margin-top: 15px;
    padding-bottom: 60px; }
    @media (max-width: 1024px) {
      .event--snippet .event--snippet-title-excerpt {
        padding-bottom: 80px; } }
    @media (max-width: 767px) {
      .event--snippet .event--snippet-title-excerpt {
        min-height: 100px; } }
  .event--snippet .event--snippet-cta {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 40px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    width: calc(100% - 30px);
    bottom: 10px; }
    @media (max-width: 1150px) {
      .event--snippet .event--snippet-cta {
        text-align: center;
        grid-template-columns: 1fr; } }
    .event--snippet .event--snippet-cta .button {
      padding: 8px 20px;
      font-size: 14px;
      float: right;
      text-align: center; }
      @media (max-width: 1150px) {
        .event--snippet .event--snippet-cta .button {
          margin-top: 10px; } }
  .event--snippet:hover .event--snippet-content, .event--snippet:focus .event--snippet-content {
    margin-top: -10px;
    margin-bottom: 10px; }
  .event--snippet:hover .event--snippet-thumb, .event--snippet:focus .event--snippet-thumb {
    opacity: 0.8; }

.default-thumb {
  background-color: #EFEFEA;
  background-image: url("../images/patterns/giraffe-spots.svg");
  background-size: 400px;
  background-color: #179F86; }

.header-single-event {
  position: relative; }
  .header-single-event:after {
    z-index: 99;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 8px;
    background-image: url("../images/frames/accordion--footer.svg");
    background-position: center bottom;
    background-repeat: repeat-x;
    background-size: 1300px 8px;
    content: ""; }

.header-single-event__details {
  text-transform: uppercase;
  font-size: 12px;
  margin-bottom: 30px; }
  .header-single-event__details p {
    margin-bottom: 3px; }
  .header-single-event__details i {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 8px; }
    .header-single-event__details i img {
      width: 20px;
      height: auto; }
  .header-single-event__details .inlined-svg {
    max-width: 20px;
    max-height: 20px;
    position: relative;
    top: -2px; }

.header-single-event__tickets {
  margin-top: 40px; }
  .header-single-event__tickets .cta {
    padding: 10px 70px 10px 20px; }
  @media (max-width: 767px) {
    .header-single-event__tickets {
      text-align: center; } }

.single-event .header--sub-nav--mobile ul li.page-slug-whats-on {
  background-image: url("../images/frames/sub-nav--active.svg");
  background-repeat: no-repeat;
  background-size: cover; }
  @media (max-width: 767px) {
    .single-event .header--sub-nav--mobile ul li.page-slug-whats-on {
      background-color: #F0574B;
      background-image: none; } }

.accordion-panel_events-related .accordion-panel__content-wrapper {
  padding: 40px 20px; }

.accordion-panel_events-related .accordion-panel__content {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 20px; }
  @media (max-width: 1024px) {
    .accordion-panel_events-related .accordion-panel__content {
      grid-template-columns: 1fr; } }
  @media (max-width: 1024px) {
    .accordion-panel_events-related .accordion-panel__content .event--snippet {
      display: grid;
      grid-template-columns: 1fr 1fr; }
      .accordion-panel_events-related .accordion-panel__content .event--snippet .event--snippet-thumb {
        max-height: 75%; }
        .accordion-panel_events-related .accordion-panel__content .event--snippet .event--snippet-thumb:before {
          height: 100%; } }
  @media (max-width: 967px) {
    .accordion-panel_events-related .accordion-panel__content .event--snippet {
      grid-template-columns: 2fr 3fr; }
      .accordion-panel_events-related .accordion-panel__content .event--snippet .event--snippet-thumb {
        max-height: 50%; } }
  @media (max-width: 767px) {
    .accordion-panel_events-related .accordion-panel__content .event--snippet {
      display: block; } }

.blog--snippet {
  text-align: left; }
  .blog--snippet a {
    text-decoration: none;
    color: #333F48; }
  .blog--snippet-thumb {
    min-height: 278px;
    background-size: cover;
    background-position: center;
    -webkit-box-shadow: -10px 10px 0px 0px #c4c4b8;
    box-shadow: -10px 10px 0px 0px #c4c4b8;
    -webkit-transition: all, 0.2s;
    -o-transition: all, 0.2s;
    transition: all, 0.2s; }
    @media (max-width: 767px) {
      .blog--snippet-thumb {
        -webkit-box-shadow: -5px 5px 0px 0px #c4c4b8;
        box-shadow: -5px 5px 0px 0px #c4c4b8; } }
  .blog--snippet-content {
    border-style: solid;
    border-width: 1px;
    border-image-slice: 20 20 20 fill;
    border-image-width: 20px 20px 20px 20px;
    border-image-outset: 0px 0px 0px 0px;
    border-image-repeat: stretch;
    border-image-source: url("../images/frames/cta_white_border.svg");
    position: relative;
    max-width: 90%;
    margin: -70px auto 0;
    padding: 20px 30px;
    -webkit-transition: all, 0.2s;
    -o-transition: all, 0.2s;
    transition: all, 0.2s;
    position: relative;
    top: 0;
    z-index: 1; }
  .blog--snippet:hover .blog--snippet-thumb {
    opacity: 0.8; }
  .blog--snippet:hover .blog--snippet-content {
    margin-top: -80px;
    margin-bottom: 10px; }
    .blog--snippet:hover .blog--snippet-content .blog--image-content__link {
      color: #f69992; }

.blog--snippet-title {
  color: #179F86;
  margin-bottom: 8px; }

.blog--snippet-excerpt {
  margin-bottom: 8px; }
  .blog--snippet-excerpt p {
    margin: 0px; }

.blog--image-content__link {
  display: block;
  margin-top: auto;
  margin-bottom: 10px;
  text-decoration: underline;
  color: #F0574B; }

.blog--snippet-featured a {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  color: #333F48; }

.blog--snippet-featured-thumb {
  grid-column: 1 / 9;
  grid-row: 1;
  min-height: 430px;
  background-size: cover;
  background-position: center;
  -webkit-box-shadow: -10px 10px 0px 0px #c4c4b8;
  box-shadow: -10px 10px 0px 0px #c4c4b8;
  -webkit-transition: all, 0.2s;
  -o-transition: all, 0.2s;
  transition: all, 0.2s; }
  @media (max-width: 767px) {
    .blog--snippet-featured-thumb {
      -webkit-box-shadow: -5px 5px 0px 0px #c4c4b8;
      box-shadow: -5px 5px 0px 0px #c4c4b8; } }

.blog--snippet-featured-content {
  border-style: solid;
  border-width: 1px;
  border-image-slice: 20 20 20 fill;
  border-image-width: 20px 20px 20px 20px;
  border-image-outset: 0px 0px 0px 0px;
  border-image-repeat: stretch;
  border-image-source: url("../images/frames/cta_white_border.svg");
  grid-column: 8 / -1;
  grid-row: 1;
  min-height: 70%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  padding: 10px 10%;
  -webkit-transition: all, 0.2s;
  -o-transition: all, 0.2s;
  transition: all, 0.2s;
  position: relative;
  left: 0;
  z-index: 1; }
  .blog--snippet-featured-content h3 {
    margin-bottom: 20px; }

@media (max-width: 767px) {
  .blog--snippet-featured a {
    display: block; }
  .blog--snippet-featured-thumb {
    -webkit-box-shadow: none;
            box-shadow: none; }
  .blog--snippet-featured-content {
    position: relative;
    top: -100px;
    z-index: 2;
    padding-top: 20px;
    padding-bottom: 20px; } }
  @media (max-width: 767px) and (max-width: 767px) {
    .blog--snippet-featured-content {
      margin: 0 4%; } }

.blog--snippet-featured:hover .blog--snippet-featured-thumb, .blog--snippet-featured:focus .blog--snippet-featured-thumb {
  opacity: 0.8; }

.blog--snippet-featured:hover .blog--snippet-featured-content, .blog--snippet-featured:focus .blog--snippet-featured-content {
  left: -20px; }
  .blog--snippet-featured:hover .blog--snippet-featured-content .blog--image-content__link, .blog--snippet-featured:focus .blog--snippet-featured-content .blog--image-content__link {
    color: #f69992; }

@media (max-width: 767px) {
  .blog--snippet-featured:hover .blog--snippet-featured-content, .blog--snippet-featured:focus .blog--snippet-featured-content {
    left: 0;
    top: -110px; } }

.news-header {
  margin-top: -180px;
  padding: 240px 5% 96px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.25);
          box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.25); }
  @media (max-width: 767px) {
    .news-header {
      margin-top: -200px; } }
  @media (max-width: 767px) {
    .news-header {
      padding: 180px 5% 48px; } }

.news-header__wrapper {
  text-align: center; }

.news-header__title {
  margin-bottom: 40px;
  color: #ffffff; }

/**
 * Search
 */
.search__form {
  width: auto;
  max-width: 384px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  position: relative; }
  .search__form::after {
    clear: both;
    content: "";
    display: block; }

.search__form__search-field {
  height: 56px;
  padding-right: 64px; }

#search__form__submit {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 56px;
  height: 56px;
  border: 0px;
  background-color: #F0574B;
  cursor: pointer;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s; }
  #search__form__submit:hover, #search__form__submit:focus, #search__form__submit:active {
    background-color: #f4837a; }

.search__form__icon {
  position: absolute;
  top: 50%;
  right: 18px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  pointer-events: none; }

.news-listing {
  padding: 48px 5%;
  background-color: #EFEFEA; }
  @media (max-width: 767px) {
    .news-listing {
      padding: 32px 5%; } }

.news-listing__categories__title {
  font-size: 14px;
  line-height: 20px;
  color: #ffffff;
  display: none;
  position: relative;
  cursor: pointer;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s; }
  @media (max-width: 767px) {
    .news-listing__categories__title {
      display: block;
      margin-bottom: 0px;
      padding: 16px;
      background-color: #F0574B;
      text-align: center;
      text-transform: uppercase; } }
  .news-listing__categories__title::before {
    display: block;
    position: absolute;
    top: 50%;
    right: 18px;
    width: 8px;
    height: 13px;
    -webkit-transform: translateY(-50%) rotate(90deg);
        -ms-transform: translateY(-50%) rotate(90deg);
            transform: translateY(-50%) rotate(90deg);
    background: url("../images/icons/icon--arrow-right-white-nostem.svg") no-repeat;
    background-size: 8px 13px;
    content: "";
    pointer-events: none; }
  .news-listing__categories__title:hover {
    background-color: #179F86; }
    @media (max-width: 767px) {
      .news-listing__categories__title:hover {
        background-color: #F0574B; } }

.news-listing__categories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0px 0px 48px;
  padding: 0px;
  list-style: none; }
  @media (max-width: 767px) {
    .news-listing__categories {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      text-align: center; } }
  .news-listing__categories li {
    margin: 0px 25px 8px 0px; }
    @media (max-width: 767px) {
      .news-listing__categories li {
        margin: 0px; } }
    .news-listing__categories li:last-child {
      margin-right: 0px; }
    .news-listing__categories li a {
      font-size: 14px;
      line-height: 20px;
      color: #333F48;
      text-decoration: none;
      text-transform: uppercase;
      -webkit-transition: .3s;
      -o-transition: .3s;
      transition: .3s; }
      @media (max-width: 767px) {
        .news-listing__categories li a {
          display: block;
          width: 100%;
          padding: 8px;
          border: 1px solid #F0574B;
          border-top: 0px; } }
      .news-listing__categories li a:hover, .news-listing__categories li a:focus, .news-listing__categories li a:active {
        color: #F0574B; }
        @media (max-width: 767px) {
          .news-listing__categories li a:hover, .news-listing__categories li a:focus, .news-listing__categories li a:active {
            background-color: #F0574B;
            color: #ffffff; } }
    @media (max-width: 767px) {
      .news-listing__categories li.news-listing__category--active {
        display: none; } }
    .news-listing__categories li.news-listing__category--active a {
      color: #F0574B; }

.news-listing__cards {
  grid-gap: 38px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); }
  @media (max-width: 767px) {
    .news-listing__cards {
      margin-top: 32px; } }

@media (max-width: 767px) {
  .news-listing__count,
  .news-listing__no-results__text {
    margin-top: 32px; } }

.blog-header {
  margin-top: -180px;
  padding: 240px 5% 98px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.25);
          box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.25); }

.blog-header__wrapper {
  width: auto;
  max-width: 618px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0; }
  .blog-header__wrapper::after {
    clear: both;
    content: "";
    display: block; }

.blog-header__categories {
  text-transform: uppercase;
  margin: 0px 0px 8px;
  color: #ffffff;
  text-align: center; }
  .blog-header__categories a {
    text-decoration: none;
    color: #ffffff;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }
    .blog-header__categories a:hover, .blog-header__categories a:focus, .blog-header__categories a:active {
      color: #F0574B; }

.blog-header__title {
  color: #ffffff;
  text-align: center; }

.single-post .nav-wrapper-transparent {
  position: relative; }

.blog-bottom-links {
  padding: 28px 5%;
  background-color: #28493D; }

.blog-bottom-links__wrapper ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0px;
  padding: 0px;
  list-style: none; }

.blog-bottom-links__wrapper a {
  color: #ffffff;
  text-decoration: none;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s; }
  .blog-bottom-links__wrapper a:hover, .blog-bottom-links__wrapper a:focus, .blog-bottom-links__wrapper a:active {
    opacity: .6; }

@media (max-width: 767px) {
  .blog-bottom-links__wrapper span {
    display: none; } }

.blog-bottom-links__prev img {
  width: 8px;
  margin-right: 12px;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }

.blog-bottom-links__next img {
  width: 8px;
  margin-left: 12px; }

.more-news {
  padding: 50px 5% 80px;
  background-color: #EFEFEA; }

.more-news__title {
  text-align: center;
  margin-bottom: 40px; }

.more-news__listing {
  grid-gap: 38px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); }

.donate-form--wrapper {
  max-width: 440px; }

.donate-form--header {
  border-bottom: 1px solid black;
  padding-bottom: 40px;
  margin-bottom: 40px; }

.page-template-conservation-landing .header-landing h1 {
  max-width: 600px; }

.header--sub-nav--mobile li.page-slug-what-were-doing .injected-keyinfo {
  display: none; }

/*  ==========================================================================
  7. Vendor
  ========================================================================== */
/*  ==========================================================================
  8. Shame
  ========================================================================== */
/*  ==========================================================================
  ==========================================================================

  Shame
  1. Custom Styles

  CSS FORMATTING
  1. Positioning
  2. Display & Box Model
  3. Text
  4. Other

  Because hacks happen.

  See - http://csswizardry.com/2013/04/shame-css/

  Be very specific about what each piece of code is doing, and
  how to better fix it later.

  Rules:
  ---------------
  1. If it’s a hack, it goes in _shame.scss.
  2. Document all hacks fully:
  3. What part of the codebase does it relate to?
  4. Why was this needed?
  5. How does this fix it?
  6. How might you fix it properly, given more time?
  7. Do not blame the developer; if they explained why they had to do it then their reasons are probably (hopefully) valid.
  8. Try and clean _shame.scss up when you have some down time.
  Even better, get tech-debt story in which you can dedicate actual sprint time to it.

  Example:
  ---------------
  Nav specificity fix.

  Someone used an ID in the header code (`#header a{}`) which trumps the
  nav selectors (`.site-nav a{}`). Use !important to override it until I
  have time to refactor the header stuff.

  .site-nav a{
    color:#BADA55!important;
  }

  ==========================================================================
  ========================================================================== */
/* ==========================================================================
  Shame custom styles
  ========================================================================== */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #outdated {
    display: block; } }

.accordion-panel__content__2col .right {
    background: #e3e3df;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 767px) {
.page-id-38509 img,
.page-id-38509 picture {
    width: 100% !important;
    height: 100% !important;
}
}