@charset "UTF-8";
/*!
Theme Name: Five Founders Theme
Author: Chris King
Version: 1.0.0
*/
/*
    Generated from Gulp task:  colors-processor 
    Do not edit this file directly

    v1.0.0
*/
:root {
  --color-page-background: #f3efe5;
  --color-page-background-light: #f3efe5;
  --color-page-background-dark: #51524a;
  --color-page-background-alternative: #f3efe5;
  --color-primary: #51524a;
  --color-hr: #f3efe5;
  --color-inverse: #f3efe5;
  --color-accent: #51524a;
  --color-accent-light: lighten(#51524a, 20);
  --color-accent-dark: darken(#51524a, 20);
  --color-accent-alternative: #51524a;
  --color-warning: red; }
  :root .color-accent {
    color: #51524a;
    color: var(--color-accent); }

:root {
  --css-width: 100%;
  --color-page-background: #f3efe5;
  --color-page-background-light: #f3efe5;
  --color-page-background-dark: #51524a;
  --color-page-background-alternative: #93a396;
  --color-primary: #51524a;
  --color-inverse: #f6f4f1;
  --color-accent: #51524a;
  --color-accent-light: lighten($dark-green, 20);
  --color-accent-dark: darken($dark-green, 20);
  --color-accent-alternative: #51524a;
  --color-warning: red;
  --spacing: 24px;
  --spacing-2: calc(var(--spacing) * 2);
  --spacing-3: calc(var(--spacing) * 3);
  --spacing-4: calc(var(--spacing) * 4);
  --page-padding-side: 15px;
  --font-body: 'IM Fell DW Pica', serif;
  --font-size: 18px;
  --line-height: 1.4rem;
  --heading-font: Georgia, serif;
  --heading-font-2: 'IM Fell DW Pica', serif;
  --heading-font-margin: 0 0 0.5rem 0;
  --heading-font-weight: 300;
  --heading-font-line-height: 1.3;
  --h1-size: 3rem;
  --h2-size: 2rem;
  --h3-size: 1.875rem;
  --h4-size: 24px;
  --h5-size: 1rem;
  --h6-size: 1rem;
  --display-font: 'IM Fell DW Pica', serif;
  --display-font-weight: 300;
  --display-line-height: 1.2;
  --display-margin: 0 0 0 0;
  --display-size-1: 4rem;
  --display-size-2: 3rem;
  --display-size-3: 2.5rem;
  --display-size-4: 2rem;
  --site-header-position: fixed;
  --site-header-background: var(--color-page-background-dark);
  --site-header-color: white;
  --site-header-branding-color: var(--color-inverse);
  --site-branding-logo-width: 40px;
  --site-branding-logo-height: auto;
  --site-header-height: 50px;
  --site-header-elevation: var(--elevation-1);
  --site-header-font-size: var(--font-size);
  --main-menu-mobile: block;
  --main-menu-desktop: none;
  --container-content-width: 100%;
  --container-content-max-width: 1440px;
  --content-margin-top: 0px;
  --content-margin-bottom: 32px;
  --center-horizontally-on-mobile: 0 auto;
  --home-section-min-height: 300px;
  --blog-grid-gap: var(--spacing);
  --blog-flex-display: block;
  --blog-grid-display: grid;
  --blog-grid-template-columns: 1fr;
  --blog-content-flex: none;
  --blog-sidebar-flex: none;
  --blog-index-flex-basis: 50%;
  --blog-sidebar-text-align: center;
  --blog-sidebar-background-color: var(--color-page-background-dark);
  --blog-image-max-width: 875px;
  --post-featured-image-top-full-max-width: 1800px;
  --blog-index-grid-template-columns: 1fr;
  --blog-index-image-height: 400px;
  --blog-index-figure-background-color: var(--color-page-background-dark);
  --blog-index-article-background-color: var(--color-primary);
  --blog-index-article-color: var(--color-inverse);
  --blog-article-depth: var(--elevation-1);
  --blog-article-depth-hover: var(--elevation-5);
  --blog-index-image-height: 200px;
  --blog-index-image-width: 100%;
  --blog-index-grid-template-columns-first-child: span 2 / auto;
  --blog-index-grid-template-columns-first-child-height: 600px;
  --blog-index-thumb-flex-direction: column;
  --blog-index-thumb-height: 200px;
  --blog-index-thumb-width: 100%;
  --blog-index-thumb-margin: 0;
  --blog-index-category-list-figure-top: initial;
  --blog-index-category-list-figure-left: 0px;
  --blog-index-category-list-figure-bottom: 0px;
  --blog-index-category-list-figure-right: initial;
  --blog-blockquote-margin: 12px 0;
  --subscribe-display: block;
  --subscribe-text-margin: 0 0 1rem 0;
  --site-footer-background: #14191d;
  --site-footer-color: var(--color-primary);
  --site-footer-branding-color: var(--color-primary);
  --site-footer-font-size: var(--font-size);
  --site-footer-min-height: 385px;
  --ui-btn: #000;
  --ui-btn-hover: #000;
  --ui-btn-outline: #000;
  --modal-form-background: #14191c;
  --modal-form-color: var(--color-primary);
  --transition: 200ms ease-in-out;
  --transition-medium: 550ms ease-in-out;
  --transition-slow: 1000ms ease-in-out;
  --elevation-0: 1px 1px 0px 1px rgba(0, 0, 0, 0.1);
  --elevation-1: 1px 2px 2px 1px rgba(0, 0, 0, 0.3);
  --elevation-2: 2px 4px 4px 2px rgba(0, 0, 0, 0.25);
  --elevation-3: 4px 8px 8px 4px rgba(0, 0, 0, 0.2);
  --elevation-4: 6px 12px 12px 6px rgba(0, 0, 0, 0.15);
  --elevation-5: 8px 16px 16px 8px rgba(0, 0, 0, 0.1);
  --translate-0: scale(1);
  --translate-1: scale(1.05);
  --translate-2: scale(1.1);
  --translate-3: scale(1.15);
  --translate-4: scale(1.2);
  --translate-5: scale(1.25);
  --scroll-btn-size: 80px;
  --scroll-btn-stroke-width: 4px;
  --scroll-btn-style: solid;
  --scroll-btn-color: var(--color-accent);
  --scroll-btn-hover-color: white; }
  :root .color-accent {
    color: #51524a;
    color: var(--color-accent); }

::selection {
  background: #51524a;
  background: var(--color-accent);
  color: #f6f4f1;
  color: var(--color-inverse); }

@media screen and (min-width: 576px) {
  :root {
    --css-width: 576px; } }

@media screen and (min-width: 768px) {
  :root {
    --css-width: 768px;
    --container-content-width: 720px;
    --main-menu-desktop: flex;
    --h1-size: 3.75rem;
    --h2-size: 2.5rem;
    --display-size-1: 6rem;
    --display-size-2: 5.5rem;
    --display-size-3: 4.5rem;
    --display-size-4: 3.5rem;
    --home-section-min-height: 50vh;
    --blog-index-image-height: 300px;
    --blog-blockquote-margin: var(--spacing);
    --blog-index-thumb-flex-direction: row;
    --blog-index-thumb-height: 260px;
    --blog-index-thumb-width: 260px;
    --subscribe-display: block;
    --scroll-btn-size: 80px; } }

@media screen and (min-width: 992px) {
  :root {
    --css-width: 992px;
    --container-content-width: 960px;
    --center-horizontally-on-mobile: 0;
    --page-padding-side: 0;
    --blog-flex-display: flex;
    --blog-grid-display: grid;
    --blog-grid-template-columns: 10fr 2fr;
    --blog-content-flex: 10;
    --blog-sidebar-flex: 2;
    --blog-sidebar-text-align: left;
    --blog-index-grid-template-columns: 1fr 1fr; } }

@media screen and (min-width: 1200px) {
  :root {
    --css-width: 900px;
    --container-content-width: var(--container-content-max-width);
    --blog-content-flex-basis: 885px; } }

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; }

.alignnone {
  margin: 5px 20px 20px 0; }

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto; }

.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

a img.alignnone {
  margin: 5px 20px 20px 0; }

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.wp-block-image {
  margin: 0; }

.logged-in #site-header {
  margin-top: 32px; }

:root {
  font-size: 18px; }

html {
  font-size: --font-size;
  line-height: 1.4rem;
  line-height: var(--line-height);
  min-height: 100%;
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%; }

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

body {
  padding: 0;
  margin: 0;
  min-height: 100%;
  color: #51524a;
  color: var(--color-primary);
  background-color: #f3efe5;
  background-color: var(--color-page-background);
  background-image: url(images/theme/images/bg-tile.png);
  font-family: 'IM Fell DW Pica', serif;
  font-family: var(--font-body);
  line-height: 1.4rem;
  line-height: var(--line-height);
  font-size: --font-size; }

body.page-id-28 {
  background-image: url(images/theme/images/bg-tile-light.jpg); }

hr {
  height: 0; }

abbr[title] {
  text-decoration: underline dotted; }

b,
strong {
  font-weight: bolder; }

code,
kbd,
samp,
pre {
  font-family: Courier, monospace;
  font-size: 1em; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0; }

button,
select {
  text-transform: none;
  border-radius: 0; }

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; }

button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  border-style: none;
  padding: 0; }

fieldset {
  border: 0;
  padding: 0; }

legend {
  padding: 0; }

progress {
  vertical-align: baseline; }

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto; }

[type='search'] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

[type='search']::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

summary {
  display: list-item; }

.justify-center {
  display: flex;
  justify-content: center; }

.wp-block-separator {
  border: 0px;
  height: 4px;
  background-image: url(images/theme/images/hr.png);
  background-color: contain;
  background-repeat: no-repeat;
  margin-bottom: 64px; }

h1,
.h1, h2,
.h2, h3,
.h3, h4,
.h4, h5,
.h5, h6,
.h6 {
  margin: 0 0 0.5rem 0;
  margin: var(--heading-font-margin);
  font-weight: 300;
  font-weight: var(--heading-font-weight);
  line-height: 1.3;
  line-height: var(--heading-font-line-height);
  color: #51524a;
  color: var(--color-primary); }

h1,
.h1 {
  font-family: var(--heading-font-1);
  font-size: 3rem;
  font-size: var(--h1-size);
  margin-top: 64px;
  margin-bottom: 0px; }

h2,
.h2 {
  font-family: var(--heading-font-1);
  font-size: 2rem;
  font-size: var(--h2-size); }

h3,
.h3 {
  font-family: 'IM Fell DW Pica', serif;
  font-family: var(--heading-font-2);
  font-size: 22px; }
  @media (min-width: 900px) {
    h3,
    .h3 {
      font-size: 1.875rem;
      font-size: var(--h3-size); } }

h4,
.h4 {
  font-family: 'IM Fell DW Pica', serif;
  font-family: var(--heading-font-2);
  font-size: 24px;
  font-size: var(--h4-size);
  color: #51524a;
  color: var(--color-accent); }

h5,
.h5 {
  font-family: 'IM Fell DW Pica', serif;
  font-family: var(--heading-font-2);
  font-size: 1rem;
  font-size: var(--h5-size); }

h6,
.h6 {
  font-family: 'IM Fell DW Pica', serif;
  font-family: var(--heading-font-2);
  font-size: 1rem;
  font-size: var(--h6-size); }

p {
  margin: 0 0 1rem 0;
  font-size: 1rem; }

a {
  color: inherit; }

.display-1, .display-2, .display-3, .display-4 {
  font-family: 'IM Fell DW Pica', serif;
  font-family: var(--display-font);
  font-weight: 300;
  font-weight: var(--display-font-weight);
  line-height: 1.2;
  line-height: var(--display-line-height);
  margin: 0 0 0 0;
  margin: var(--display-margin); }

.display-1 {
  font-size: 4rem;
  font-size: var(--display-size-1); }

.display-2 {
  font-size: 3rem;
  font-size: var(--display-size-2); }

.display-3 {
  font-size: 2.5rem;
  font-size: var(--display-size-3); }

.display-4 {
  font-size: 2rem;
  font-size: var(--display-size-4); }

ol {
  margin: 0 0 24px 0;
  margin: 0 0 var(--spacing) 0;
  padding: 0 0 0 1.4em; }

ul {
  margin: 0 0 24px 0;
  margin: 0 0 var(--spacing) 0;
  padding: 0 0 0 1.1em; }

blockquote {
  padding: 0;
  margin: 0; }

.mt-0 {
  margin-bottom: calc(24px * 0);
  margin-bottom: calc(var(--spacing) * 0); }

.mr-0 {
  margin-bottom: calc(24px * 0);
  margin-bottom: calc(var(--spacing) * 0); }

.mb-0 {
  margin-bottom: calc(24px * 0);
  margin-bottom: calc(var(--spacing) * 0); }

.ml-0 {
  margin-bottom: calc(24px * 0);
  margin-bottom: calc(var(--spacing) * 0); }

.pt-0 {
  margin-bottom: calc(24px * 0);
  margin-bottom: calc(var(--spacing) * 0); }

.pr-0 {
  margin-bottom: calc(24px * 0);
  margin-bottom: calc(var(--spacing) * 0); }

.pb-0 {
  margin-bottom: calc(24px * 0);
  margin-bottom: calc(var(--spacing) * 0); }

.pl-0 {
  margin-bottom: calc(24px * 0);
  margin-bottom: calc(var(--spacing) * 0); }

.margin-0 {
  margin: calc(24px * 0);
  margin: calc(var(--spacing) * 0); }

.padding-0 {
  padding: calc(24px * 0);
  padding: calc(var(--spacing) * 0); }

.mt-1 {
  margin-bottom: calc(24px * 0.25);
  margin-bottom: calc(var(--spacing) * 0.25); }

.mr-1 {
  margin-bottom: calc(24px * 0.25);
  margin-bottom: calc(var(--spacing) * 0.25); }

.mb-1 {
  margin-bottom: calc(24px * 0.25);
  margin-bottom: calc(var(--spacing) * 0.25); }

.ml-1 {
  margin-bottom: calc(24px * 0.25);
  margin-bottom: calc(var(--spacing) * 0.25); }

.pt-1 {
  margin-bottom: calc(24px * 0.25);
  margin-bottom: calc(var(--spacing) * 0.25); }

.pr-1 {
  margin-bottom: calc(24px * 0.25);
  margin-bottom: calc(var(--spacing) * 0.25); }

.pb-1 {
  margin-bottom: calc(24px * 0.25);
  margin-bottom: calc(var(--spacing) * 0.25); }

.pl-1 {
  margin-bottom: calc(24px * 0.25);
  margin-bottom: calc(var(--spacing) * 0.25); }

.margin-1 {
  margin: calc(24px * 0.25);
  margin: calc(var(--spacing) * 0.25); }

.padding-1 {
  padding: calc(24px * 0.25);
  padding: calc(var(--spacing) * 0.25); }

.mt-2 {
  margin-bottom: calc(24px * 0.5);
  margin-bottom: calc(var(--spacing) * 0.5); }

.mr-2 {
  margin-bottom: calc(24px * 0.5);
  margin-bottom: calc(var(--spacing) * 0.5); }

.mb-2 {
  margin-bottom: calc(24px * 0.5);
  margin-bottom: calc(var(--spacing) * 0.5); }

.ml-2 {
  margin-bottom: calc(24px * 0.5);
  margin-bottom: calc(var(--spacing) * 0.5); }

.pt-2 {
  margin-bottom: calc(24px * 0.5);
  margin-bottom: calc(var(--spacing) * 0.5); }

.pr-2 {
  margin-bottom: calc(24px * 0.5);
  margin-bottom: calc(var(--spacing) * 0.5); }

.pb-2 {
  margin-bottom: calc(24px * 0.5);
  margin-bottom: calc(var(--spacing) * 0.5); }

.pl-2 {
  margin-bottom: calc(24px * 0.5);
  margin-bottom: calc(var(--spacing) * 0.5); }

.margin-2 {
  margin: calc(24px * 0.5);
  margin: calc(var(--spacing) * 0.5); }

.padding-2 {
  padding: calc(24px * 0.5);
  padding: calc(var(--spacing) * 0.5); }

.mt-3 {
  margin-bottom: calc(24px * 1);
  margin-bottom: calc(var(--spacing) * 1); }

.mr-3 {
  margin-bottom: calc(24px * 1);
  margin-bottom: calc(var(--spacing) * 1); }

.mb-3 {
  margin-bottom: calc(24px * 1);
  margin-bottom: calc(var(--spacing) * 1); }

.ml-3 {
  margin-bottom: calc(24px * 1);
  margin-bottom: calc(var(--spacing) * 1); }

.pt-3 {
  margin-bottom: calc(24px * 1);
  margin-bottom: calc(var(--spacing) * 1); }

.pr-3 {
  margin-bottom: calc(24px * 1);
  margin-bottom: calc(var(--spacing) * 1); }

.pb-3 {
  margin-bottom: calc(24px * 1);
  margin-bottom: calc(var(--spacing) * 1); }

.pl-3 {
  margin-bottom: calc(24px * 1);
  margin-bottom: calc(var(--spacing) * 1); }

.margin-3 {
  margin: calc(24px * 1);
  margin: calc(var(--spacing) * 1); }

.padding-3 {
  padding: calc(24px * 1);
  padding: calc(var(--spacing) * 1); }

.mt-4 {
  margin-bottom: calc(24px * 1.5);
  margin-bottom: calc(var(--spacing) * 1.5); }

.mr-4 {
  margin-bottom: calc(24px * 1.5);
  margin-bottom: calc(var(--spacing) * 1.5); }

.mb-4 {
  margin-bottom: calc(24px * 1.5);
  margin-bottom: calc(var(--spacing) * 1.5); }

.ml-4 {
  margin-bottom: calc(24px * 1.5);
  margin-bottom: calc(var(--spacing) * 1.5); }

.pt-4 {
  margin-bottom: calc(24px * 1.5);
  margin-bottom: calc(var(--spacing) * 1.5); }

.pr-4 {
  margin-bottom: calc(24px * 1.5);
  margin-bottom: calc(var(--spacing) * 1.5); }

.pb-4 {
  margin-bottom: calc(24px * 1.5);
  margin-bottom: calc(var(--spacing) * 1.5); }

.pl-4 {
  margin-bottom: calc(24px * 1.5);
  margin-bottom: calc(var(--spacing) * 1.5); }

.margin-4 {
  margin: calc(24px * 1.5);
  margin: calc(var(--spacing) * 1.5); }

.padding-4 {
  padding: calc(24px * 1.5);
  padding: calc(var(--spacing) * 1.5); }

.mt-5 {
  margin-bottom: calc(24px * 3);
  margin-bottom: calc(var(--spacing) * 3); }

.mr-5 {
  margin-bottom: calc(24px * 3);
  margin-bottom: calc(var(--spacing) * 3); }

.mb-5 {
  margin-bottom: calc(24px * 3);
  margin-bottom: calc(var(--spacing) * 3); }

.ml-5 {
  margin-bottom: calc(24px * 3);
  margin-bottom: calc(var(--spacing) * 3); }

.pt-5 {
  margin-bottom: calc(24px * 3);
  margin-bottom: calc(var(--spacing) * 3); }

.pr-5 {
  margin-bottom: calc(24px * 3);
  margin-bottom: calc(var(--spacing) * 3); }

.pb-5 {
  margin-bottom: calc(24px * 3);
  margin-bottom: calc(var(--spacing) * 3); }

.pl-5 {
  margin-bottom: calc(24px * 3);
  margin-bottom: calc(var(--spacing) * 3); }

.margin-5 {
  margin: calc(24px * 3);
  margin: calc(var(--spacing) * 3); }

.padding-5 {
  padding: calc(24px * 3);
  padding: calc(var(--spacing) * 3); }

.container {
  padding: 0 15px;
  padding: 0 var(--page-padding-side);
  width: 100%;
  margin: 0 auto;
  max-width: 1440px; }

.container-fluid {
  padding: 0 15px;
  padding: 0 var(--page-padding-side);
  width: 100%;
  margin: 0 auto; }

.content {
  margin-top: 0px;
  margin-top: var(--content-margin-top);
  margin-bottom: 32px;
  margin-bottom: var(--content-margin-bottom);
  /*   min-height: calc(
    100vh - var(--site-header-height) - var(--site-footer-min-height)
  ); */ }

.full-width, #slideshow_top,
.container-full-width {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw; }
  @media (min-width: 1100px) {
    .full-width, #slideshow_top,
    .container-full-width {
      padding: 0 15px;
      padding: 0 var(--page-padding-side); } }
  @media (max-width: 900px) {
    .full-width > p, #slideshow_top > p,
    .container-full-width > p {
      padding: 0 12px; } }

.container-narrow {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto; }

.container-one-half {
  max-width: calc(100% * 0.5);
  max-width: calc(var(--container-content-width) * 0.5);
  margin-left: auto;
  margin-right: auto; }

.container-two-thirds {
  max-width: calc(100% * 0.666);
  max-width: calc(var(--container-content-width) * 0.666);
  margin-left: auto;
  margin-right: auto; }

.container-one-third {
  max-width: calc(100% * 0.333);
  max-width: calc(var(--container-content-width) * 0.333);
  margin-left: auto;
  margin-right: auto; }

.container-three-quarters {
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 990px) {
    .container-three-quarters {
      max-width: calc(100% * 0.75);
      max-width: calc(var(--container-content-width) * 0.75); } }

.container-one-quarter {
  max-width: calc(100% * 0.25);
  max-width: calc(var(--container-content-width) * 0.25);
  margin-left: auto;
  margin-right: auto; }

#site-header {
  background-color: #51524a;
  background-color: var(--site-header-background); }

#site-header.menu-toggled {
  background-color: rgba(0, 0, 0, 0.3); }

#main-menu-mobile .toggled + #site-header {
  background-color: rgba(0, 0, 0, 0.3); }

.site-header {
  width: 100%;
  padding: 2px 15px;
  padding: 2px var(--page-padding-side);
  transition: 200ms ease-in-out;
  transition: var(--transition);
  min-height: 50px;
  min-height: var(--site-header-height);
  z-index: 1000 !important;
  font-size: 18px;
  font-size: var(--site-header-font-size); }
  .site-header .site-header-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    max-width: 1295px;
    color: white;
    color: var(--site-header-color);
    padding: 0px 12px;
    transition: 200ms ease-in-out;
    transition: var(--transition); }
    .site-header .site-header-container .site-branding {
      display: none; }

#header-search-form {
  order: 3;
  flex: 1 1 auto;
  display: flex;
  margin-left: 32px;
  justify-content: flex-end; }
  #header-search-form input {
    flex: 1 1 auto;
    border: 0;
    border-bottom: 1px solid #93a396;
    border-radius: 0;
    background-color: transparent;
    color: #f3efe5; }
  #header-search-form button {
    flex: 0 1 20px;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    cursor: pointer;
    padding: 0 0 0 12px; }
  #header-search-form img {
    width: 15px;
    margin: 5px 0 0 0; }

#header-logo {
  margin: 72px 14px 0 14px;
  text-align: center; }
  #header-logo img {
    display: inline-block;
    width: 100%;
    max-width: 340px;
    margin: 0 auto; }

.site-header__fixed {
  position: fixed;
  top: 0px;
  left: 0px; }

.site-footer {
  position: relative; }
  .site-footer .resBgImg {
    padding: 0px; }
    .site-footer .resBgImg .resBgImg__target {
      background-position: center top; }
  .site-footer .container {
    position: relative;
    padding-top: 64px; }
    @media (min-width: 960px) {
      .site-footer .container {
        height: 340px;
        background-size: cover;
        padding-top: 124px; } }
    .site-footer .container .inner-container {
      width: 100%; }
      .site-footer .container .inner-container #footer-content {
        display: flex;
        flex-direction: column;
        max-width: 1040px;
        margin: 0 auto; }
        @media (min-width: 960px) {
          .site-footer .container .inner-container #footer-content {
            flex-direction: row;
            justify-content: space-between; } }

#logo-footer img {
  display: block;
  width: 100%;
  max-width: 584px;
  margin: 0 auto; }

@media (max-width: 960px) {
  #logo-footer {
    order: 1;
    width: 100%;
    margin-bottom: 24px; } }

.footer-links {
  color: #f3efe5; }
  @media (max-width: 960px) {
    .footer-links {
      order: 2;
      width: 100%;
      max-width: 380px;
      margin: 0 auto;
      text-align: center; } }
  @media (min-width: 960px) {
    .footer-links {
      display: flex; } }
  .footer-links ul {
    font-size: 18px;
    line-height: 1.5;
    list-style: none; }
    @media (max-width: 960px) {
      .footer-links ul {
        margin: 0;
        padding: 0; } }
    @media (min-width: 960px) {
      .footer-links ul {
        font-size: 15px;
        background-image: url(images/theme/images/footer-divider.png);
        background-repeat: no-repeat;
        background-size: 3.5px;
        margin-right: 14px;
        padding-bottom: 12px; }
        .footer-links ul:first-child {
          margin-right: 24px; } }
    .footer-links ul li a {
      text-decoration: none; }
    .footer-links ul li a:hover {
      text-decoration: underline; }
    .footer-links ul .footer-contact {
      text-transform: uppercase;
      margin-bottom: 6px;
      font-size: 18px;
      margin-top: 16px;
      font-weight: bold; }
      @media (min-width: 960px) {
        .footer-links ul .footer-contact {
          font-size: 15px;
          margin-top: 0; } }

.footer-credits-social {
  text-align: center;
  width: 100%;
  color: #f3efe5;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  padding-bottom: 12px;
  margin: 0 auto;
  justify-content: space-between;
  align-items: center; }
  @media (min-width: 580px) {
    .footer-credits-social {
      display: flex;
      max-width: 580px; } }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .footer-credits-social {
      max-width: 640px !important; } }
  @media (max-width: 580px) {
    .footer-credits-social .footer-copyright {
      padding-bottom: 12px; } }
  .footer-credits-social .footer-copyright a {
    font-style: normal !important; }
  .footer-credits-social .footer-social-icons img {
    height: 18px;
    display: inline-block;
    cursor: pointer;
    margin: 0 6px; }

.site-meta {
  background-color: #f3efe5;
  padding: 24px 12px 16px 12px;
  width: 100%; }
  .site-meta .inner {
    max-width: 1174px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
    @media (max-width: 960px) {
      .site-meta .inner {
        flex-direction: column; } }
    .site-meta .inner #footer-generations {
      margin-top: 1px; }
      .site-meta .inner #footer-generations img {
        width: 100%;
        max-width: 300px;
        height: auto; }
      @media (max-width: 960px) {
        .site-meta .inner #footer-generations {
          order: 3;
          width: 100%; }
          .site-meta .inner #footer-generations img {
            display: block;
            width: 300px;
            height: auto;
            margin: 0 auto; } }
    .site-meta .inner #logo-footer-nap {
      flex-grow: 1; }
      @media (max-width: 960px) {
        .site-meta .inner #logo-footer-nap {
          order: 1;
          width: 100%; } }
      .site-meta .inner #logo-footer-nap img {
        width: 100%;
        max-width: 400px;
        height: auto;
        margin: 0 auto;
        display: block; }
    .site-meta .inner #footer-text {
      margin-top: 10px;
      font-size: 13px;
      text-transform: uppercase;
      color: #a2a1a6; }
      @media (max-width: 960px) {
        .site-meta .inner #footer-text {
          order: 2;
          margin: 24px 12px 18px 12px;
          width: 100%;
          text-align: center; } }

@media (max-width: 600px) {
  .footer-breakpoint {
    display: block; } }

@media (min-width: 600px) {
  .footer-breakpoint::before {
    content: "|";
    display: inline-block; } }

/* autoprefixer grid: on */
.ck-grid {
  position: relative; }
  @media (min-width: 640px) {
    .ck-grid {
      display: grid; } }
  .ck-grid a {
    text-decoration: none; }

.ck-grid > div > div {
  padding: 36px 0;
  min-height: 400px; }
  @supports (display: grid) {
    .ck-grid > div > div {
      padding: 0;
      min-height: 0; } }

.ck-item-border {
  border: 1px solid rgba(0, 0, 0, 0.1); }

.ck-item-shadow {
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); }

.ck-grid-col-count-1 {
  grid-template-columns: repeat(1, 1fr); }

.ck-grid-col-count-2 {
  grid-template-columns: repeat(2, 1fr); }

.ck-grid-col-count-3 {
  grid-template-columns: repeat(3, 1fr); }

.ck-grid-col-count-4 {
  grid-template-columns: repeat(4, 1fr); }

.ck-grid-col-count-5 {
  grid-template-columns: repeat(5, 1fr); }

.ck-grid-col-count-6 {
  grid-template-columns: repeat(6, 1fr); }

.ck-grid-col-count-7 {
  grid-template-columns: repeat(7, 1fr); }

.ck-grid-col-count-8 {
  grid-template-columns: repeat(8, 1fr); }

.ck-grid-col-count-9 {
  grid-template-columns: repeat(9, 1fr); }

@media (min-width: 640px) {
  .ck-grid-template__featured .gt-0 {
    grid-column: 1 / span 2;
    grid-row: 1; }
  .ck-grid-template__featured .gt-1 {
    grid-column: 3 / span 2;
    grid-row: 1; }
  .ck-grid-template__featured .gt-2 {
    grid-column: 1 / span 2;
    grid-row: 2; }
  .ck-grid-template__featured .gt-3 {
    grid-column: 3 / span 2;
    grid-row: 2; }
  .ck-grid-template__featured .gt-4 {
    grid-column: 1 / span 4;
    grid-row: 3; } }

@media (min-width: 900px) {
  .ck-grid-template__featured .gt-0 {
    grid-column: 1 / span 2;
    grid-row: 1; }
  .ck-grid-template__featured .gt-1 {
    grid-column: 3;
    grid-row: 1; }
  .ck-grid-template__featured .gt-2 {
    grid-column: 4;
    grid-row: 1 / span 2; }
  .ck-grid-template__featured .gt-3 {
    grid-column: 1 / span 2;
    grid-row: 2; }
  .ck-grid-template__featured .gt-4 {
    grid-column: 3;
    grid-row: 2; } }

.ck-grid-template__narrow {
  max-width: 885px;
  margin: 0 auto; }

@media (min-width: 640px) {
  .ck-grid-template__featured__reversed .gt-0 {
    grid-column: 1 / span 2;
    grid-row: 1; }
  .ck-grid-template__featured__reversed .gt-1 {
    grid-column: 3 / span 2;
    grid-row: 1; }
  .ck-grid-template__featured__reversed .gt-2 {
    grid-column: 1 / span 2;
    grid-row: 2; }
  .ck-grid-template__featured__reversed .gt-3 {
    grid-column: 3 / span 2;
    grid-row: 2; }
  .ck-grid-template__featured__reversed .gt-4 {
    grid-column: 1 / span 4;
    grid-row: 3; } }

@media (min-width: 900px) {
  .ck-grid-template__featured__reversed .gt-0 {
    grid-column: 1;
    grid-row: 1 / span 2; }
  .ck-grid-template__featured__reversed .gt-1 {
    grid-column: 2;
    grid-row: 1; }
  .ck-grid-template__featured__reversed .gt-2 {
    grid-column: 3 / span 2;
    grid-row: 1; }
  .ck-grid-template__featured__reversed .gt-3 {
    grid-column: 2;
    grid-row: 2; }
  .ck-grid-template__featured__reversed .gt-4 {
    grid-column: 3 / span 2;
    grid-row: 2; } }

.ck-grid-template__featured__reversed {
  max-width: 500px;
  margin: 0 auto; }

.body {
  text-align: center;
  max-width: 810px;
  margin: 0 auto; }

p.body {
  margin-bottom: 16px; }

.edit-post-visual-editor.body {
  margin: 0 auto; }

.body.editor-rich-text__tinymce,
.wp-block-paragraph.body.editor-rich-text__tinymce {
  margin: 0 auto; }

.Content {
  position: relative;
  text-align: initial;
  transition: 200ms opacity ease-in-out; }
  @media (min-width: 1444px) {
    .Content {
      padding: 0 15px;
      padding: 0 var(--page-padding-side); } }
  .Content__inner {
    width: 100%;
    max-width: 1440px;
    max-width: var(--container-content-max-width); }

.Staff__image img {
  width: 100%; }

.Staff h3 {
  margin-top: 0px; }

@media screen and (min-width: 768px) {
  .Staff {
    display: flex;
    justify-content: space-between; }
  .Staff__image {
    width: calc((8.333% * 6) - (24px / 2));
    width: calc((8.333% * 6) - (var(--spacing) / 2)); }
  .Staff__text {
    width: calc((8.333% * 6) - (24px / 2));
    width: calc((8.333% * 6) - (var(--spacing) / 2)); } }

@media screen and (min-width: 992px) {
  .Staff__image {
    width: calc((8.333% * 4) - (24px / 2));
    width: calc((8.333% * 4) - (var(--spacing) / 2)); }
  .Staff__text {
    width: calc((8.333% * 8) - (24px / 2));
    width: calc((8.333% * 8) - (var(--spacing) / 2)); } }

.Product {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  height: inherit;
  position: relative;
  cursor: pointer;
  transition: 200ms opacity ease-in-out; }
  @media (min-width: 1444px) {
    .Product {
      padding: 0 15px;
      padding: 0 var(--page-padding-side); } }
  .Product__inner {
    padding: 0;
    flex: 1 0 100%;
    display: flex;
    align-items: flex-end;
    width: 100%;
    max-width: 1440px;
    max-width: var(--container-content-max-width); }
  .Product__content {
    font-size: 18px;
    line-height: 1;
    text-align: center;
    width: 100%;
    max-width: 1100px;
    font-family: Georgia, serif;
    font-family: var(--heading-font);
    margin: 0;
    font-weight: 300;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); }
    .Product__content a {
      background-color: rgba(13, 41, 64, 0.7);
      display: block;
      padding: 32px 0;
      font-weight: 400; }

.Header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: inherit;
  position: relative;
  transition: 200ms opacity ease-in-out; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .Header {
      display: block; } }
  @media (min-width: 1444px) {
    .Header {
      padding: 0 15px;
      padding: 0 var(--page-padding-side); } }
  .Header__inner {
    padding: 0px 0 24px 0;
    flex: 1 0 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -36px;
    width: 100%;
    max-width: 1440px;
    max-width: var(--container-content-max-width); }
    @media (min-width: 500px) {
      .Header__inner {
        margin-top: 0; } }
    .Header__inner p {
      margin-top: 0px; }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .Header__inner {
        display: block;
        margin: 0 auto; } }
  .Header__content {
    font-size: 32px;
    margin: 0 12px;
    font-family: Georgia, serif;
    font-family: var(--heading-font);
    line-height: 1.2;
    text-align: left;
    width: 100%;
    max-width: 1100px;
    font-weight: 300;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    text-align: center;
    text-transform: uppercase; }
    @media (min-width: 500px) {
      .Header__content {
        font-size: 54px;
        margin: 0px auto 24px auto; } }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .Header__content {
        margin-top: 64px; } }
    .Header__content strong {
      text-transform: none; }
  .Header h1.Header__content {
    font-weight: bold; }

.HeaderLarge {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: inherit;
  position: relative;
  transition: 200ms opacity ease-in-out; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .HeaderLarge {
      display: block; } }
  @media (min-width: 1444px) {
    .HeaderLarge {
      padding: 0 15px;
      padding: 0 var(--page-padding-side); } }
  .HeaderLarge__inner {
    margin: 0 auto;
    padding: 0 24px 24px 24px;
    flex: 1 0 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 1440px;
    max-width: var(--container-content-max-width); }
    @media (min-width: 1444px) {
      .HeaderLarge__inner {
        padding: 0 0 24px 0; } }
  .HeaderLarge__content {
    font-size: 32px;
    margin: 0 12px;
    line-height: 1.2;
    text-align: left;
    width: 100%;
    max-width: 1100px;
    font-family: Georgia, serif;
    font-family: var(--heading-font);
    font-weight: 300;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    text-align: center;
    text-transform: uppercase; }
    @media (min-width: 500px) {
      .HeaderLarge__content {
        font-size: 54px;
        margin: 0px auto 12px auto; } }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .HeaderLarge__content {
        margin-top: 256px; } }
  .HeaderLarge h1.HeaderLarge__content {
    font-weight: bold; }
  .HeaderLarge__callToActionText {
    background-color: transparent;
    font-size: 26px;
    text-align: center;
    font-weight: 400;
    line-height: 1.2;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    width: 100%;
    max-width: 620px; }
  .HeaderLarge .small-cream-hr {
    display: block;
    width: 140px;
    margin: 16px auto 18px auto; }

.EnquirePanel {
  position: absolute;
  z-index: 1;
  height: 100%; }
  @media (max-width: 840px) {
    .EnquirePanel {
      margin-bottom: 180px; } }
  @media (min-width: 840px) {
    .EnquirePanel {
      display: flex; }
      .EnquirePanel .left {
        width: 40%; }
      .EnquirePanel .right {
        width: 60%; } }
  .EnquirePanel .left img {
    width: 100%;
    height: auto;
    max-width: 354px;
    margin: 0 auto;
    display: block; }
  .EnquirePanel__inner {
    padding: 24px 35px 24px 35px; }
    @media (min-width: 840px) {
      .EnquirePanel__inner {
        padding: 20px 35px 24px 35px; } }
    .EnquirePanel__inner p {
      margin-top: 0px; }
  .EnquirePanel__content {
    font-size: 22px;
    font-family: Georgia, serif;
    font-family: var(--heading-font);
    line-height: 1.5;
    min-height: 50px;
    font-weight: 600;
    margin-bottom: 18px;
    text-transform: uppercase; }
    @media (max-width: 840px) {
      .EnquirePanel__content {
        text-align: center;
        font-size: 18px;
        padding-bottom: 32px; } }
  .EnquirePanel__linkText a {
    margin-top: 12px;
    padding: 6px 32px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    display: block;
    width: 165px;
    height: 35px;
    font-size: 15px;
    font-weight: 400;
    cursor: pointer; }
    @media (max-width: 840px) {
      .EnquirePanel__linkText a {
        margin: 24px auto; } }

.slide-show {
  height: 620px;
  position: relative;
  margin-top: 32px; }

.slide-item {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  opacity: 0;
  transition: all 800ms ease-in-out; }
  .slide-item .resBgImg {
    height: 620px;
    position: relative; }

.Slide {
  height: 620px;
  width: 100%;
  position: absolute;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  .Slide .small-cream-hr {
    display: block;
    width: 140px;
    margin: 24px auto; }
  .Slide .Slide__inner {
    flex: 1 0 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    max-width: 720px;
    margin: 0 auto;
    font-family: Georgia, serif;
    font-family: var(--heading-font); }
    .Slide .Slide__inner p {
      margin-top: 0px; }
  .Slide .Slide__text {
    margin-top: -48px; }
  .Slide .Slide__title {
    font-size: 20px;
    max-width: 1100px;
    font-family: Georgia, serif;
    font-family: var(--heading-font);
    font-weight: bold;
    margin: 0px auto;
    text-transform: uppercase;
    line-height: 1.1;
    background-color: transparent;
    text-align: center;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); }
    @media (min-width: 740px) {
      .Slide .Slide__title {
        font-size: 40px; } }
  .Slide .Slide__content {
    font-size: 24x;
    line-height: 1.3;
    font-weight: 500;
    font-family: 'IM Fell DW Pica', serif;
    font-family: var(--display-font);
    background-color: transparent;
    text-align: center;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); }
  .Slide .Slide__linkText {
    background-image: url(images/theme/images/slideshow-button-top.svg);
    color: #51524a;
    background-repeat: no-repeat;
    width: 280px;
    height: 36px;
    margin: 24px auto 0 auto;
    padding-top: 10px;
    font-size: 20px;
    line-height: 20px;
    text-align: center; }
    .Slide .Slide__linkText:hover {
      color: #f3efe5;
      background-image: url(images/theme/images/slideshow-button-top-hover.svg); }
    .Slide .Slide__linkText a {
      width: 100%;
      display: block;
      text-decoration: none; }

.slide-visible {
  opacity: 1; }

.slide-active {
  z-index: 5; }

.hide-letter {
  opacity: 0; }

.show-letter {
  transition: opacity 150ms ease-in-out;
  opacity: 1; }

.BottomSlide {
  width: 100%;
  position: absolute;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 470px; }
  .BottomSlide .BottomSlide__text {
    width: 100%;
    text-align: center;
    font-family: 'IM Fell DW Pica', serif;
    font-family: var(--display-font); }
  .BottomSlide .BottomSlide__inner {
    flex: 1 0 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    max-width: 720px;
    margin: 0 auto;
    font-family: Georgia, serif;
    font-family: var(--heading-font); }
    .BottomSlide .BottomSlide__inner p {
      margin-top: 0px; }
  .BottomSlide .BottomSlide__content {
    font-size: 32px;
    line-height: 1.3;
    font-weight: 500;
    background-color: transparent;
    text-align: center;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); }
  .BottomSlide .BottomSlide__linkText {
    background-image: url(images/theme/images/slideshow-button-bottom.svg);
    color: #f3efe5;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    display: inline-block;
    width: auto;
    margin: 24px auto 0 auto;
    padding: 10px 0;
    font-size: 20px;
    line-height: 20px;
    text-align: center; }
    .BottomSlide .BottomSlide__linkText:hover {
      color: #51524a;
      background-image: url(images/theme/images/slideshow-button-bottom-hover.svg); }
    .BottomSlide .BottomSlide__linkText a {
      width: 100%;
      display: block;
      text-decoration: none;
      padding: 10px 20px;
      min-width: 240px; }

.slide-visible {
  opacity: 1; }

.slide-active {
  z-index: 5; }

.hide-letter {
  opacity: 0; }

.show-letter {
  transition: opacity 150ms ease-in-out;
  opacity: 1; }

.hr-small, .hr-small__light-green, .hr-small__dark-green, .hr-small__darker-green, .hr-small__cream, .hr-small__white, .hr-small__black, .hr-small__none, .hr-small__transparent {
  padding: 0;
  margin: 12px 0 24px 0;
  width: 30px;
  display: block;
  border: 0px;
  border-top: 2px solid #51524a;
  border-top: 2px solid var(--color-accent); }

.bg-color__light-green {
  background-color: #93a396; }

.hr-small__light-green {
  border-top-color: #93a396; }

.text-color__light-green {
  color: #93a396; }
  .text-color__light-green h1,
  .text-color__light-green h2,
  .text-color__light-green h3,
  .text-color__light-green h4,
  .text-color__light-green h5,
  .text-color__light-green h6,
  .text-color__light-green textarea,
  .text-color__light-green p {
    color: #93a396; }

.bg-color__dark-green {
  background-color: #51524a; }

.hr-small__dark-green {
  border-top-color: #51524a; }

.text-color__dark-green {
  color: #51524a; }
  .text-color__dark-green h1,
  .text-color__dark-green h2,
  .text-color__dark-green h3,
  .text-color__dark-green h4,
  .text-color__dark-green h5,
  .text-color__dark-green h6,
  .text-color__dark-green textarea,
  .text-color__dark-green p {
    color: #51524a; }

.bg-color__darker-green {
  background-color: #8b9583; }

.hr-small__darker-green {
  border-top-color: #8b9583; }

.text-color__darker-green {
  color: #8b9583; }
  .text-color__darker-green h1,
  .text-color__darker-green h2,
  .text-color__darker-green h3,
  .text-color__darker-green h4,
  .text-color__darker-green h5,
  .text-color__darker-green h6,
  .text-color__darker-green textarea,
  .text-color__darker-green p {
    color: #8b9583; }

.bg-color__cream {
  background-color: #f3efe5; }

.hr-small__cream {
  border-top-color: #f3efe5; }

.text-color__cream {
  color: #f3efe5; }
  .text-color__cream h1,
  .text-color__cream h2,
  .text-color__cream h3,
  .text-color__cream h4,
  .text-color__cream h5,
  .text-color__cream h6,
  .text-color__cream textarea,
  .text-color__cream p {
    color: #f3efe5; }

.bg-color__white {
  background-color: #f6f4f1; }

.hr-small__white {
  border-top-color: #f6f4f1; }

.text-color__white {
  color: #f6f4f1; }
  .text-color__white h1,
  .text-color__white h2,
  .text-color__white h3,
  .text-color__white h4,
  .text-color__white h5,
  .text-color__white h6,
  .text-color__white textarea,
  .text-color__white p {
    color: #f6f4f1; }

.bg-color__black {
  background-color: #000; }

.hr-small__black {
  border-top-color: #000; }

.text-color__black {
  color: #000; }
  .text-color__black h1,
  .text-color__black h2,
  .text-color__black h3,
  .text-color__black h4,
  .text-color__black h5,
  .text-color__black h6,
  .text-color__black textarea,
  .text-color__black p {
    color: #000; }

.bg-color__none {
  background-color: none; }

.hr-small__none {
  border-top-color: none; }

.text-color__none {
  color: none; }
  .text-color__none h1,
  .text-color__none h2,
  .text-color__none h3,
  .text-color__none h4,
  .text-color__none h5,
  .text-color__none h6,
  .text-color__none textarea,
  .text-color__none p {
    color: none; }

.bg-color__transparent {
  background-color: transparent; }

.hr-small__transparent {
  border-top-color: transparent; }

.text-color__transparent {
  color: transparent; }
  .text-color__transparent h1,
  .text-color__transparent h2,
  .text-color__transparent h3,
  .text-color__transparent h4,
  .text-color__transparent h5,
  .text-color__transparent h6,
  .text-color__transparent textarea,
  .text-color__transparent p {
    color: transparent; }

/* Blockquotes with Quotation Marks 

blockquote {
  padding: 0;
  margin: var(--blog-blockquote-margin);
  padding: var(--spacing) calc(var(--spacing) * 1.8) 0
    calc(var(--spacing) * 1.8);
  position: relative;
  border-top: 1px solid var(--color-accent);
  border-bottom: 1px solid var(--color-accent);
  background-color: var(--color-accent-light);
}

blockquote:before {
  content: open-quote;
  color: var(--color-accent);
  font-size: 4em;
  position: absolute;
  top: 32px;
  left: 4px;
}

blockquote:after {
  content: close-quote;
  color: var(--color-accent);
  font-size: 4em;
  position: absolute;
  bottom: 0px;
  right: 4px;
}

*/
/* Blockquotes with side bar */
blockquote {
  padding: 0;
  margin: 24px 0;
  margin: var(--spacing) 0;
  padding: calc(24px / 2) 24px;
  padding: calc(var(--spacing) / 2) var(--spacing);
  border-left: 2px solid #51524a;
  border-left: 2px solid var(--color-accent);
  color: #51524a;
  color: var(--color-accent);
  font-weight: 500;
  font-style: italic;
  font-size: 1.1em;
  line-height: 1.4; }
  blockquote p {
    padding: 0;
    margin: 0;
    line-height: inherit;
    font-size: inherit; }
  blockquote cite {
    margin-top: 24px;
    margin-top: var(--spacing);
    color: #51524a;
    color: var(--color-primary);
    font-size: 0.7em;
    font-style: normal;
    font-weight: 400; }

.btn_booking {
  margin: 36px auto 0 auto;
  display: block; }

.btn, .btn_booking, .wp-block-file__button, input[type='submit'], .modal-overlay .modal-form__submit, .load-more {
  color: inherit;
  padding: 18px 52px;
  border-radius: 0;
  background-color: transparent;
  border: 0;
  font-size: 20px;
  text-decoration: none;
  transition: 200ms ease-in-out;
  transition: var(--transition); }
  .btn:hover, .btn_booking:hover, .wp-block-file__button:hover, input:hover[type='submit'], .modal-overlay .modal-form__submit:hover, .load-more:hover {
    cursor: pointer; }
  .btn-explore {
    font-size: 1.2rem; }

.tools {
  margin: 24px 0;
  margin: var(--spacing) 0; }
  .tools .tools__logo {
    width: auto;
    height: 80px;
    display: inline-block;
    padding: 0;
    margin-right: 24px;
    margin-right: var(--spacing);
    cursor: pointer;
    filter: grayscale(100%);
    transition: 200ms ease-in-out;
    transition: var(--transition); }
    .tools .tools__logo:hover {
      filter: none; }

.wp-block-file__button {
  background-color: #000 !important;
  background-color: var(--ui-btn) !important;
  color: #000 !important; }

.wpcf7-text,
.wpcf7-email,
.wpcf7-textarea {
  border: 0px;
  padding: 12px 12px;
  background-color: white;
  width: 100%; }

span.wpcf7-not-valid-tip {
  color: #d61e3a; }

div.wpcf7-validation-errors {
  border-color: #d61e3a; }

div.wpcf7-mail-sent-ok {
  border: 0;
  padding: 0;
  text-align: center; }

.wpcf7-form.sent {
  transition: all 1s ease-in-out; }
  .wpcf7-form.sent p {
    display: none; }
  .wpcf7-form.sent .button-container {
    display: none; }

.contact-col-left .wpcf7-submit {
  background-image: url(images/theme/images/btn-send-message.svg);
  background-repeat: no-repeat;
  padding: 0;
  padding: 6px 48px;
  color: #f3efe5;
  margin-right: 0px;
  outline: 0; }
  .contact-col-left .wpcf7-submit:focus {
    margin-top: 2px; }

.contact-form-submit-container {
  position: relative;
  padding-bottom: 64px; }
  .contact-form-submit-container .ajax-loader {
    position: absolute;
    display: block;
    top: 0px;
    right: -12px; }

#contact-us-form {
  max-width: 640px;
  margin: 64px auto 128px auto; }
  #contact-us-form textarea {
    height: 80px; }

.button-container-centered {
  text-align: center; }

#contact-us-map {
  max-width: 640px;
  margin: 64px auto 32px auto;
  height: 400px; }

.grecaptcha-badge {
  display: none;
  z-index: 5000; }

.page-id-37 .grecaptcha-badge {
  display: block; }

.comments-area {
  margin-top: 24px;
  margin-top: var(--spacing);
  padding-top: 24px;
  padding-top: var(--spacing);
  border-top: 1px solid #51524a;
  border-top: 1px solid var(--color-accent); }
  .comments-area h2 {
    font-size: 1.2rem;
    margin-bottom: 24px;
    margin-bottom: var(--spacing); }
  .comments-area h3 {
    font-size: 1.1rem; }
  .comments-area .vcard {
    display: flex;
    align-items: center; }
    .comments-area .vcard img {
      width: 32px;
      height: 32px;
      border-radius: 50%;
      margin-right: 5px; }
    .comments-area .vcard .fn {
      margin-right: 5px; }
  .comments-area .comment-meta {
    margin-bottom: 12px;
    font-size: 0.6rem; }
    .comments-area .comment-meta a {
      text-decoration: none; }
  .comments-area .comment-list {
    list-style: none;
    padding: 0;
    margin: 0; }

#logo-animation {
  display: inline-flex;
  justify-content: space-between; }

#main-menu-desktop {
  display: none;
  flex-grow: 1;
  order: 1;
  justify-content: flex-end;
  max-width: 1200px; }
  @media (min-width: 1100px) {
    #main-menu-desktop {
      display: flex; } }
  #main-menu-desktop ul.menu-list {
    display: flex;
    justify-content: space-between;
    flex: 1 0 auto;
    margin: 0px;
    list-style: none; }
    #main-menu-desktop ul.menu-list > li {
      display: block;
      padding: 13px 4px; }
      #main-menu-desktop ul.menu-list > li a {
        text-transform: uppercase;
        text-decoration: none;
        color: gray;
        cursor: pointer; }
      #main-menu-desktop ul.menu-list > li > a:hover {
        color: white; }
      #main-menu-desktop ul.menu-list > li.has-sub > a span::after {
        display: inline-block;
        margin-left: 8px;
        content: ' ';
        width: 0px;
        height: 0px;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 2px solid transparent;
        border-top: 7px solid currentColor; }
      #main-menu-desktop ul.menu-list > li.has-sub > a span[data-link='anchor'] {
        cursor: default; }
      #main-menu-desktop ul.menu-list > li.current_page_ancestor > a,
      #main-menu-desktop ul.menu-list > li.current-menu-item > a {
        color: white; }
      #main-menu-desktop ul.menu-list > li ul {
        transform: translate(0, -500px);
        height: 0px;
        position: absolute;
        padding: 0px;
        margin: 0px;
        list-style: none;
        margin-left: -12px;
        margin-top: 10px;
        box-sizing: border-box; }
        #main-menu-desktop ul.menu-list > li ul > li {
          background-color: #798478;
          position: relative;
          min-width: 200px; }
          #main-menu-desktop ul.menu-list > li ul > li:hover > ul {
            position: absolute;
            opacity: 1;
            transform: translate(0, 0);
            height: auto;
            left: calc(100% + 11px);
            top: -16px; }
            #main-menu-desktop ul.menu-list > li ul > li:hover > ul li > a {
              background-color: #798478; }
              #main-menu-desktop ul.menu-list > li ul > li:hover > ul li > a:hover {
                background-color: #5e6359; }
          #main-menu-desktop ul.menu-list > li ul > li a {
            display: block;
            text-transform: uppercase;
            text-decoration: none;
            color: white;
            padding: 12px;
            text-transform: none;
            cursor: pointer; }
          #main-menu-desktop ul.menu-list > li ul > li > a:hover {
            color: white;
            background-color: #5e6359; }
          #main-menu-desktop ul.menu-list > li ul > li.current_page_ancestor > a,
          #main-menu-desktop ul.menu-list > li ul > li.current-menu-item > a {
            color: white; }
          #main-menu-desktop ul.menu-list > li ul > li:first-of-type {
            margin-top: 5px; }
      #main-menu-desktop ul.menu-list > li:hover > ul {
        opacity: 1;
        transform: translate(0, 0);
        height: auto; }

#main-menu-mobile {
  background: url(images/theme/images/mobile-menu-bg.jpg);
  background-size: auto;
  background-position: top center;
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 0vh;
  top: 0;
  overflow: hidden;
  background-color: #5e6359;
  transition: 550ms ease-in-out;
  transition: var(--transition-medium);
  max-height: 800px; }
  #main-menu-mobile .mm-inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%; }
  #main-menu-mobile.mobile-menu-fixed {
    position: fixed; }
  #main-menu-mobile.toggled {
    opacity: 1;
    display: block;
    height: 100vh; }
  #main-menu-mobile .site-branding__logo {
    display: block;
    width: 120px;
    margin: 24px auto;
    margin: var(--spacing) auto; }
  #main-menu-mobile ul.menu-list {
    margin: 0px;
    padding: 0px;
    list-style: none; }
    @media (max-height: 667px) {
      #main-menu-mobile ul.menu-list {
        max-height: 400px;
        overflow: scroll; } }
    #main-menu-mobile ul.menu-list .sub-opened .toggle {
      transform: rotate(-180deg) translateY(3px); }
    #main-menu-mobile ul.menu-list > li {
      display: block;
      padding: 12px 0px;
      text-align: center;
      color: white; }
      #main-menu-mobile ul.menu-list > li .toggle {
        display: inline-block;
        margin-left: 20px;
        width: 0px;
        height: 0px;
        cursor: pointer;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 2px solid transparent;
        border-top: 7px solid currentColor;
        transition: 200ms ease-in-out;
        transition: var(--transition); }
      #main-menu-mobile ul.menu-list > li a {
        text-transform: uppercase;
        text-decoration: none;
        color: white; }
      #main-menu-mobile ul.menu-list > li > a:hover {
        color: white; }
      #main-menu-mobile ul.menu-list > li.current_page_ancestor > a,
      #main-menu-mobile ul.menu-list > li.current-menu-item > a {
        color: white; }
      #main-menu-mobile ul.menu-list > li ul {
        opacity: 0;
        height: 0px;
        overflow: hidden;
        width: 100%;
        max-width: 220px;
        padding: 0px;
        margin: 0px auto;
        list-style: none;
        background-color: rgba(0, 0, 0, 0.35); }
        #main-menu-mobile ul.menu-list > li ul.show-sub {
          visibility: visible;
          opacity: 1;
          transition: 200ms ease-in-out;
          transition: var(--transition);
          height: auto;
          overflow: visible;
          margin-top: 12px; }
        #main-menu-mobile ul.menu-list > li ul.hide-sub {
          visibility: hidden;
          opacity: 0;
          transition: 200ms ease-in-out;
          transition: var(--transition);
          height: auto;
          overflow: visible; }
        #main-menu-mobile ul.menu-list > li ul > li a {
          display: block;
          text-transform: uppercase;
          text-decoration: none;
          color: white;
          padding: 12px;
          text-transform: none; }
        #main-menu-mobile ul.menu-list > li ul > li > a:hover {
          color: white;
          background-color: rgba(0, 0, 0, 0.2); }
        #main-menu-mobile ul.menu-list > li ul > li.current_page_ancestor > a,
        #main-menu-mobile ul.menu-list > li ul > li.current-menu-item > a {
          color: white;
          background-color: rgba(0, 0, 0, 0.2); }

#logo-menu {
  margin-top: 60px;
  margin-bottom: 0px; }
  #logo-menu img {
    display: block;
    max-width: 180px;
    height: auto;
    margin: 0 auto;
    width: 100%; }
    @media (min-width: 330px) {
      #logo-menu img {
        max-width: 240px; } }

#logo-menu-nap {
  margin: 12px; }
  #logo-menu-nap img {
    display: block;
    max-width: 240px;
    height: auto;
    margin: 0 auto;
    width: 100%; }

#social-icons-menu {
  margin-top: 24px;
  margin-bottom: 24px; }
  #social-icons-menu img {
    display: block;
    max-width: 120px;
    height: auto;
    margin: 0 auto;
    width: 100%; }

.mm-inner-bottom {
  padding-bottom: 24px; }

@media (min-width: 1100px) {
  #main-menu-mobile-container {
    display: none; } }

#mobile-menu-toggle {
  display: block;
  width: 30px;
  height: 38px;
  cursor: pointer;
  padding: 12px 0; }
  @media (min-width: 1100px) {
    #mobile-menu-toggle {
      display: none; } }
  #mobile-menu-toggle span {
    display: block;
    height: 3px;
    background-color: #f3efe5;
    border-radius: 3px;
    margin: 4px 0; }

.material fieldset {
  display: block;
  position: relative;
  height: 64px; }
  .material fieldset input[type='text'],
  .material fieldset input[type='email'] {
    position: absolute;
    background-color: white;
    border: 0px;
    padding: 10px 0 5px 0;
    outline: 0;
    font-size: 16px;
    font-weight: 300;
    border-radius: 0;
    width: 100%;
    top: 0px;
    left: 0px; }
    .material fieldset input[type='text']-error,
    .material fieldset input[type='email']-error {
      color: #51524a;
      color: var(--modal-form-color);
      position: absolute;
      bottom: 12px;
      left: 0px;
      font-size: 13px;
      display: none; }
  .material fieldset .material__error {
    display: none;
    color: red;
    position: absolute;
    bottom: 8px;
    left: 0px; }
  .material fieldset label {
    color: #51524a;
    color: var(--modal-form-color);
    position: absolute;
    top: 10px;
    left: 0px;
    transition: 100ms ease-in-out; }
  .material fieldset .material-filled + label,
  .material fieldset input[type='text']:focus + label,
  .material fieldset input[type='email']:focus + label {
    top: -15px;
    left: 0px;
    font-size: 12px; }

.modal-html-body {
  -webkit-overflow-scrolling: touch;
  overflow: auto; }

.modal-overlay {
  display: none;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  margin: 0 auto;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 99999991;
  height: 100%;
  overflow: scroll; }
  .modal-overlay form {
    margin: 0 auto; }
  .modal-overlay.toggled {
    display: block; }
  .modal-overlay.flex-centered {
    display: flex;
    justify-content: center;
    align-items: center; }
  .modal-overlay .modal-form {
    background-color: #14191c;
    background-color: var(--modal-form-background);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);
    border: 1px solid #444444;
    z-index: 9999;
    padding: 20px;
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%; }
    .modal-overlay .modal-form.overflow-scroll {
      overflow: scroll; }
    .modal-overlay .modal-form__close {
      width: 24px;
      position: absolute;
      right: 20px;
      cursor: pointer; }
      .modal-overlay .modal-form__close img {
        width: 100%;
        height: auto; }
    .modal-overlay .modal-form .text {
      color: #51524a;
      color: var(--modal-form-color);
      font-weight: 200;
      font-style: italic;
      margin-bottom: 12px; }
    .modal-overlay .modal-form .button-container {
      text-align: right; }

.resBgImg {
  position: relative; }
  .resBgImg__src {
    display: none; }
  .resBgImg__preloader {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 1;
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    filter: blur(4px);
    transition: 600ms opacity ease-in-out; }
  .resBgImg__target {
    position: absolute;
    opacity: 0;
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%; }
  .resBgImg__content {
    width: 100%;
    height: 100%; }

.scroll-down {
  position: relative;
  cursor: pointer;
  width: 80px;
  width: var(--scroll-btn-size);
  height: 80px;
  height: var(--scroll-btn-size); }
  .scroll-down svg {
    width: 100%;
    height: auto;
    stroke: #51524a;
    stroke: var(--scroll-btn-color);
    stroke-width: 4px;
    stroke-width: var(--scroll-btn-stroke-width); }
  .scroll-down .scroll-label {
    color: #51524a;
    color: var(--scroll-btn-color);
    text-align: center;
    width: 100%; }

.scroll-top-container {
  position: fixed;
  bottom: 24px;
  bottom: var(--spacing);
  right: 24px;
  right: var(--spacing);
  height: 46px;
  width: 46px;
  z-index: 1; }
  .scroll-top-container .scroll-top {
    height: 46px;
    width: 46px;
    overflow: hidden;
    opacity: 0;
    transition: 200ms ease-in-out;
    transition: var(--transition);
    transform: translateY(60px);
    pointer-events: none;
    border-radius: 46px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
    background-color: #51524a;
    background-color: var(--scroll-btn-color); }
    .scroll-top-container .scroll-top svg {
      width: 46px;
      height: 46px;
      stroke-width: 4px;
      stroke-width: var(--scroll-btn-stroke-width); }
      .scroll-top-container .scroll-top svg path {
        stroke-width: 3px;
        stroke: white;
        fill: none; }
    .scroll-top-container .scroll-top__show {
      cursor: pointer;
      opacity: 0.6;
      transform: translateY(0px);
      pointer-events: initial; }
      .scroll-top-container .scroll-top__show:hover {
        opacity: 1;
        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); }

#subscribe-component {
  padding: 24px;
  padding: var(--spacing);
  max-width: 650px;
  margin: 84px auto; }
  #subscribe-component .container {
    display: block;
    display: var(--subscribe-display);
    align-items: center;
    justify-content: space-around; }
    #subscribe-component .container .subscribe__text {
      font-size: 30px;
      line-height: 2rem;
      text-align: center;
      margin: 0 0 1rem 0;
      margin: var(--subscribe-text-margin);
      font-family: Georgia, serif;
      font-family: var(--heading-font); }
      #subscribe-component .container .subscribe__text span {
        display: block;
        margin-top: 48px;
        margin-bottom: 42px;
        font-style: italic; }
    #subscribe-component .container .subscribe__cta {
      font-size: 1.5rem;
      text-align: center; }
      @media (min-width: 600px) {
        #subscribe-component .container .subscribe__cta .subscribe__cta_flex {
          max-width: 540px;
          margin: 0 auto;
          display: flex; } }
      #subscribe-component .container .subscribe__cta .subscribe__cta_flex #placeholder-email {
        background: transparent;
        border: 0;
        border-bottom: 1px solid #fff;
        font-size: 17px;
        flex-grow: 1;
        padding: 4px 6px;
        outline: 0;
        color: #fff; }
      #subscribe-component .container .subscribe__cta .subscribe__cta_flex #btn_subscribe {
        flex-basis: 1 0 100px;
        background: transparent;
        color: #51524a;
        color: var(--color-accent);
        border: 0;
        cursor: pointer;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 16px;
        margin-left: 24px;
        outline: 0; }
      @media (max-width: 600px) {
        #subscribe-component .container .subscribe__cta .subscribe__cta_flex #placeholder-email {
          display: block;
          width: 100%;
          margin-bottom: 24px; } }
      #subscribe-component .container .subscribe__cta #subscribe_success {
        display: none;
        text-align: center;
        margin-top: 7px;
        font-size: 18px; }

#subscribe-form,
#booking-form {
  max-width: 420px; }
  #subscribe-form #subscriber_logo,
  #booking-form #subscriber_logo {
    margin: 24px auto 48px auto;
    width: 100%;
    max-width: 220px; }
    #subscribe-form #subscriber_logo img,
    #booking-form #subscriber_logo img {
      display: block;
      width: 100%;
      height: auto; }
  #subscribe-form.overflow-scroll #subscriber_logo,
  #booking-form.overflow-scroll #subscriber_logo {
    margin: -12px auto 24px auto;
    width: 100%;
    max-width: 120px; }

@media (min-width: 820px) {
  #booking-form {
    max-width: 760px; }
    #booking-form textarea {
      height: 172px; }
  .form-columns {
    display: flex; }
    .form-columns .left {
      width: calc(50% - 40px);
      margin-right: 40px; }
    .form-columns .right {
      width: calc(50% - 40px);
      margin-left: 40px; } }

.blog__index a {
  text-decoration: none; }

.blog__index figure {
  margin: 0 0 24px 0;
  margin: 0 0 var(--spacing) 0;
  height: 200px;
  height: var(--blog-index-image-height);
  width: 100%;
  width: var(--blog-index-image-width);
  background-color: #51524a;
  background-color: var(--blog-index-figure-background-color);
  position: relative; }
  .blog__index figure .figure__link {
    display: block;
    height: inherit;
    width: 100%; }
    .blog__index figure .figure__link img {
      height: inherit;
      min-width: 100%;
      object-fit: cover;
      object-position: center center; }
  .blog__index figure .category-list {
    position: absolute;
    top: initial;
    top: var(--blog-index-category-list-figure-top);
    left: 0px;
    left: var(--blog-index-category-list-figure-left);
    bottom: 0px;
    bottom: var(--blog-index-category-list-figure-bottom);
    right: initial;
    right: var(--blog-index-category-list-figure-right);
    margin: 24px;
    margin: var(--spacing);
    list-style: none;
    padding: 0; }
    .blog__index figure .category-list li {
      display: inline-block;
      padding: 0 4px;
      margin-right: 4px;
      background-color: #51524a;
      background-color: var(--color-accent); }
      .blog__index figure .category-list li a {
        color: #f6f4f1;
        color: var(--color-inverse);
        text-transform: lowercase; }

.blog__index article {
  margin-bottom: calc(24px * 2);
  margin-bottom: calc(var(--spacing) * 2); }

.blog__grid {
  display: block;
  display: var(--blog-flex-display);
  flex-wrap: wrap;
  display: grid;
  display: var(--blog-grid-display);
  grid-template-columns: 1fr;
  grid-template-columns: var(--blog-index-grid-template-columns);
  grid-gap: 24px;
  grid-gap: var(--blog-grid-gap); }
  .blog__grid.index-has-featured-post > article:first-child {
    grid-column: span 2 / auto;
    grid-column: var(--blog-index-grid-template-columns-first-child); }
    .blog__grid.index-has-featured-post > article:first-child figure {
      height: 600px;
      height: var(--blog-index-grid-template-columns-first-child-height); }

.blog__cards {
  display: block;
  display: var(--blog-flex-display);
  flex-wrap: wrap;
  display: grid;
  display: var(--blog-grid-display);
  grid-template-columns: 1fr;
  grid-template-columns: var(--blog-index-grid-template-columns);
  grid-gap: 24px;
  grid-gap: var(--blog-grid-gap); }
  .blog__cards.index-has-featured-post > article:first-child {
    grid-column: span 2 / auto;
    grid-column: var(--blog-index-grid-template-columns-first-child); }
    .blog__cards.index-has-featured-post > article:first-child figure {
      height: 600px;
      height: var(--blog-index-grid-template-columns-first-child-height); }
  .blog__cards article {
    background-color: #51524a;
    background-color: var(--blog-index-article-background-color);
    color: #f6f4f1;
    color: var(--blog-index-article-color);
    margin: 0;
    flex-basis: 50%;
    flex-basis: var(--blog-index-flex-basis);
    flex-grow: 1;
    flex-shrink: 0;
    transition: 200ms ease-in-out;
    transition: var(--transition);
    box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.3);
    box-shadow: var(--blog-article-depth); }
    .blog__cards article:hover {
      transform: scale(1.05);
      transform: var(--translate-1);
      box-shadow: 8px 16px 16px 8px rgba(0, 0, 0, 0.1);
      box-shadow: var(--blog-article-depth-hover); }
    .blog__cards article summary {
      padding: 24px;
      padding: var(--spacing); }

.blog__grid.blog__cards figure {
  margin: 0; }

.blog__thumbs article {
  background-color: #51524a;
  background-color: var(--blog-index-article-background-color);
  display: flex;
  flex-direction: column;
  flex-direction: var(--blog-index-thumb-flex-direction);
  color: #f6f4f1;
  color: var(--blog-index-article-color);
  margin: 0 0 24px 0;
  margin: 0 0 var(--spacing) 0;
  transition: 200ms ease-in-out;
  transition: var(--transition);
  box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.3);
  box-shadow: var(--blog-article-depth); }
  .blog__thumbs article:hover {
    transform: scale(1.05);
    transform: var(--translate-1);
    box-shadow: 8px 16px 16px 8px rgba(0, 0, 0, 0.1);
    box-shadow: var(--blog-article-depth-hover); }
  .blog__thumbs article figure {
    margin: 0;
    margin: var(--blog-index-thumb-margin);
    height: 200px;
    height: var(--blog-index-thumb-height);
    width: 100%;
    width: var(--blog-index-thumb-width);
    background-color: #51524a;
    background-color: var(--blog-index-figure-background-color); }
    .blog__thumbs article figure .figure__link {
      display: block;
      height: inherit;
      width: inherit; }
      .blog__thumbs article figure .figure__link img {
        height: inherit;
        width: inherit;
        object-fit: cover;
        max-width: 100%; }
  .blog__thumbs article summary {
    padding: 24px;
    padding: var(--spacing); }

.blog__readmore:hover {
  text-decoration: underline; }

.blog__summary_categories {
  margin-top: 24px;
  margin-top: var(--spacing); }

.blog__post_date {
  font-style: italic;
  font-size: 0.8rem;
  margin-bottom: calc(24px / 2);
  margin-bottom: calc(var(--spacing) / 2); }

.post-featured-image-top-full-width {
  display: block;
  width: 100%;
  max-width: 1800px;
  max-width: var(--post-featured-image-top-full-max-width);
  height: auto;
  margin-left: auto;
  margin-right: auto; }

.post-featured-image {
  width: 100%;
  max-width: 100%;
  height: auto;
  margin-top: 24px; }

.blog__content img {
  width: 100%;
  max-width: 100%;
  height: auto; }

.single-post .blog__content,
.single-fivefounders-recipe .blog__content {
  margin-top: 30px;
  background-image: url(images/theme/images/bg-blog-item-large.svg);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 0 24px 32px 24px;
  padding: 0 var(--spacing) 32px var(--spacing); }
  .single-post .blog__content h1,
  .single-fivefounders-recipe .blog__content h1 {
    font-size: 36px;
    margin-top: 18px;
    margin-bottom: 24px; }

.single-post .nav-below,
.single-fivefounders-recipe .nav-below {
  margin-top: 32px;
  margin-bottom: 32px; }

.blog_with_sidebar {
  display: block;
  display: var(--blog-flex-display);
  display: grid;
  display: var(--blog-grid-display);
  grid-template-columns: 1fr;
  grid-template-columns: var(--blog-grid-template-columns);
  grid-gap: 24px;
  grid-gap: var(--spacing); }
  .blog_with_sidebar .blog__content {
    flex: none;
    flex: var(--blog-content-flex); }
  .blog_with_sidebar .sidebar {
    flex: none;
    flex: var(--blog-sidebar-flex);
    text-align: center;
    text-align: var(--blog-sidebar-text-align); }
    .blog_with_sidebar .sidebar ul {
      list-style: none;
      padding: 0;
      margin: 0; }
      .blog_with_sidebar .sidebar ul h3 {
        margin-bottom: 0.4em;
        font-size: 0.8rem;
        font-weight: 600; }
      .blog_with_sidebar .sidebar ul .widget-container:not(.widget_tag_cloud) {
        margin-top: 24px;
        margin-top: var(--spacing); }
        .blog_with_sidebar .sidebar ul .widget-container:not(.widget_tag_cloud) a {
          text-decoration: none; }
        .blog_with_sidebar .sidebar ul .widget-container:not(.widget_tag_cloud) a:hover {
          text-decoration: none; }
        .blog_with_sidebar .sidebar ul .widget-container:not(.widget_tag_cloud) ul li:first-child {
          border-top: 1px solid #ddd; }
        .blog_with_sidebar .sidebar ul .widget-container:not(.widget_tag_cloud) ul li {
          padding: 0.5em 0;
          font-size: 0.8rem;
          line-height: 1.1;
          border-bottom: 1px solid #ddd; }
        .blog_with_sidebar .sidebar ul .widget-container:not(.widget_tag_cloud) ul.children {
          border-top: 0px; }
          .blog_with_sidebar .sidebar ul .widget-container:not(.widget_tag_cloud) ul.children li {
            border: 0;
            margin-left: 0.4em; }
          .blog_with_sidebar .sidebar ul .widget-container:not(.widget_tag_cloud) ul.children li:before {
            content: '';
            width: 8px;
            height: 8px;
            display: inline-block;
            margin-right: 0.1em;
            margin-bottom: 3px;
            border-left: 1px solid #ddd;
            border-bottom: 1px solid #ddd; }
      .blog_with_sidebar .sidebar ul .widget_tag_cloud {
        margin-top: 24px;
        margin-top: var(--spacing); }
        .blog_with_sidebar .sidebar ul .widget_tag_cloud .tagcloud {
          margin-top: 1em; }
          .blog_with_sidebar .sidebar ul .widget_tag_cloud .tagcloud a {
            font-size: 0.8rem;
            text-decoration: none;
            border: 1px solid #51524a;
            border: 1px solid var(--color-primary);
            border-radius: 0.5em;
            padding: 0.3em 0.6em; }
    .blog_with_sidebar .sidebar #searchform > div {
      display: flex;
      max-width: 320px;
      margin: 0 auto; }
      .blog_with_sidebar .sidebar #searchform > div #s {
        flex-grow: 1;
        padding: 6px;
        outline: 0;
        border-radius: 0px;
        border: 1px solid #51524a;
        border: 1px solid var(--color-accent);
        border-right: 0px;
        background-color: transparent;
        height: 36px;
        margin: 0;
        color: #51524a;
        color: var(--color-primary); }
      .blog_with_sidebar .sidebar #searchform > div label {
        width: 36px;
        height: 36px;
        border: 1px solid #51524a;
        border: 1px solid var(--color-accent);
        border-left: 0px;
        border-radius: 0px;
        margin: 0;
        background-color: transparent;
        cursor: pointer;
        color: red; }
        .blog_with_sidebar .sidebar #searchform > div label #searchsubmit {
          display: none; }
        .blog_with_sidebar .sidebar #searchform > div label svg {
          margin-top: 4px;
          height: 24px;
          width: 24px;
          stroke: #51524a;
          stroke: var(--color-accent); }
    .blog_with_sidebar .sidebar #calendar_wrap {
      width: 100%; }
      .blog_with_sidebar .sidebar #calendar_wrap caption {
        text-align: center;
        text-align: var(--blog-sidebar-text-align);
        font-size: 0.8rem;
        font-weight: 600;
        margin-bottom: 4px; }
      .blog_with_sidebar .sidebar #calendar_wrap table {
        width: 100%;
        -webkit-border-horizontal-spacing: 0;
        -webkit-border-vertical-spacing: 0;
        margin: 0 auto;
        margin: var(--center-horizontally-on-mobile); }
        .blog_with_sidebar .sidebar #calendar_wrap table th,
        .blog_with_sidebar .sidebar #calendar_wrap table td {
          padding: 4px;
          text-align: center;
          font-size: 0.8rem; }
        .blog_with_sidebar .sidebar #calendar_wrap table #prev {
          text-align: left; }
        .blog_with_sidebar .sidebar #calendar_wrap table #next {
          text-align: right; }
        .blog_with_sidebar .sidebar #calendar_wrap table thead {
          background-color: none; }
        .blog_with_sidebar .sidebar #calendar_wrap table tbody {
          background-color: none; }
          .blog_with_sidebar .sidebar #calendar_wrap table tbody a {
            font-weight: bold; }

.nav-below {
  text-align: center; }
  .nav-below__align__centered {
    display: grid;
    grid-template-columns: 1fr auto 1fr; }
    .nav-below__align__centered .nav-previous {
      text-align: right; }
    .nav-below__align__centered .nav-separator {
      text-align: center;
      padding: 0 12px; }
  .nav-below__align__space-between {
    display: flex;
    justify-content: space-between; }
  .nav-below.nav-margin-top {
    margin-top: calc(24px * 2);
    margin-top: calc(var(--spacing) * 2); }
  .nav-below .page-numbers {
    padding: 6px 10px;
    border: 1px solid #ddd; }
  .nav-below .current {
    font-weight: bold; }
  .nav-below .dots {
    border: 0; }
  .nav-below .prev,
  .nav-below .next {
    display: none; }
  .nav-below .nav-next {
    text-align: left; }

.load-more {
  display: inline-block;
  opacity: 0;
  cursor: pointer;
  transition: 500ms ease-in-out; }

.show-load-more-btn {
  display: inline-block;
  opacity: 1; }

.hidden-for-load-more {
  opacity: 0;
  transform: translateY(100px); }

.show-for-load-more {
  opacity: 1;
  transform: translateY(0); }

.blog-index-post-filters {
  display: flex;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 24px;
  grid-gap: var(--spacing);
  margin-top: 24px;
  margin-top: var(--spacing);
  margin-bottom: 24px;
  margin-bottom: var(--spacing); }
  .blog-index-post-filters label {
    cursor: pointer; }

@media (min-width: 870px) {
  .br {
    display: block; } }

.homepage-generations {
  margin-top: 32px; }

.wp-block-columns.has-3-columns.homepage-icons {
  width: 100%;
  max-width: 890px;
  margin: 64px auto;
  text-align: center; }
  .wp-block-columns.has-3-columns.homepage-icons .wp-block-column:last-child {
    margin-right: 0; }
  @media (max-width: 782px) {
    .wp-block-columns.has-3-columns.homepage-icons {
      display: block; }
      .wp-block-columns.has-3-columns.homepage-icons .wp-block-column {
        width: 100%;
        margin: 0 0 64px 0; } }

.icon-whole-of-life,
.icon-animal-care,
.icon-environment {
  height: 80px;
  margin-bottom: 18px; }

.page-id-46 .icon-whole-of-life,
.page-id-46 .icon-animal-care,
.page-id-46 .icon-environment {
  height: 94px;
  margin: 0 auto 18px auto;
  display: block; }

.icon-animal-care-column {
  position: relative; }

@media (min-width: 782px) {
  .icon-animal-care-column:before,
  .icon-animal-care-column:after {
    display: block;
    position: absolute;
    left: -30px;
    top: 30px;
    width: 10px;
    height: 190px;
    content: "";
    background-image: url(images/theme/images/vertical-divider.png);
    background-repeat: no-repeat;
    background-size: cover; } }

.icon-animal-care-column:after {
  right: -40px;
  left: auto; }

h4.icon-heading {
  text-transform: uppercase;
  color: #93a396; }

h4.our-difference-icon-subheading {
  text-transform: uppercase;
  font-weight: bold;
  font-family: Georgia, serif;
  font-family: var(--heading-font);
  color: #93a396; }

h5.our-difference-icon-subheading {
  color: #93a396;
  font-size: 26px;
  margin-bottom: 32px; }

.homepage-cards {
  position: relative;
  max-width: 1228px;
  margin: 0 auto;
  background-color: #f3efe5;
  justify-content: space-between;
  margin-left: -12px;
  margin-right: -12px;
  padding: 30px 14px 20px 14px; }
  @media (min-width: 600px) {
    .homepage-cards {
      margin: 0 auto; } }
  .homepage-cards .wp-block-column {
    margin: 0px;
    text-align: center; }
    .homepage-cards .wp-block-column figcaption {
      text-transform: uppercase;
      font-weight: bold;
      font-family: Georgia, serif;
      font-family: var(--heading-font);
      font-size: 17px; }
    .homepage-cards .wp-block-column h4 {
      color: #94a396; }

.homepage-cards:before {
  content: " ";
  position: absolute;
  top: -3px;
  left: 0px;
  display: block;
  width: 100%;
  max-width: 1228px;
  height: 3px;
  background-position: center; }

.homepage-cards:after {
  content: " ";
  position: absolute;
  bottom: -14px;
  left: 0px;
  display: block;
  width: 100%;
  max-width: 1228px;
  height: 14px;
  background-position: center; }

.homepage-cards figure {
  position: relative; }

.homepage-cards figure:after {
  content: " ";
  position: absolute;
  bottom: -14px;
  left: 0px;
  display: inline-block;
  width: 100%;
  height: 4px;
  background-position: center;
  background-repeat: no-repeat; }

.homepage-cards p {
  max-width: 330px;
  margin: 0 auto 24px auto; }

.homepage-cards-readmore {
  display: inline-block;
  margin-top: 24px;
  width: 167px;
  text-align: center;
  color: #f3efe5;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 6px; }
  .homepage-cards-readmore a {
    text-decoration: none;
    width: 100%;
    display: inline-block; }

@media (max-width: 900px) {
  .wp-block-columns.has-3-columns.homepage-cards {
    display: block;
    margin: 0 auto;
    max-width: 440px; }
    .wp-block-columns.has-3-columns.homepage-cards .homepage-cards-readmore {
      margin-bottom: 42px; }
    .wp-block-columns.has-3-columns.homepage-cards .homepage-cards-readmore-last {
      margin-bottom: 6px; } }

@media (min-width: 900px) and (max-width: 1230px) {
  .wp-block-columns.has-3-columns.homepage-cards .wp-block-column {
    margin: 0 6px; } }

.homepage-taste {
  max-width: 650px;
  margin: 64px auto;
  font-size: 28px; }

p.homepage-cards-readmore.homepage-cards-readmore-last {
  margin-top: 9px; }

.quote {
  max-width: 797px;
  margin: 0 auto;
  font-size: 27px;
  text-align: center; }

.quote-author {
  font-size: 27px;
  text-align: center;
  color: #94a396;
  font-size: 17px;
  margin-top: 32px;
  text-transform: uppercase; }

#id_cattle-herd {
  background-size: cover; }

.page-id-37 .site-footer {
  position: relative;
  margin-top: -80px; }

h3.body {
  font-size: 22px;
  margin-bottom: 16px;
  line-height: 1.2; }
  @media (min-width: 900px) {
    h3.body {
      font-size: 28px; } }

h5.body {
  margin-bottom: 12px;
  line-height: 1.2; }

.photo {
  background-image: url(images/theme/images/photo-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center;
  padding: 16px 24px 8px 16px; }
  .photo img {
    width: 100%;
    display: block;
    margin-bottom: 4px; }
  .photo figcaption {
    text-transform: uppercase;
    margin: 0; }

.photo-left figcaption {
  text-align: left; }

.photo-right figcaption {
  text-align: right; }

.photo-text-cols {
  max-width: 1040px;
  margin: 0 auto 64px auto; }
  .photo-text-cols .wp-block-column:first-child {
    margin-right: 24px; }
  .photo-text-cols .wp-block-column:last-child {
    margin-left: 24px; }

.right-col-social-icons,
.right-col-section-social-icons {
  display: flex;
  justify-content: space-between; }
  .right-col-social-icons .right-col-section-heading,
  .right-col-section-social-icons .right-col-section-heading {
    margin-top: 0; }

.right-col-social-icons img {
  height: 19px;
  margin-left: 8px;
  cursor: pointer; }

.right-col-section-heading {
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 64px; }

.right-col-section-icons {
  flex: 1 0 auto;
  text-align: right; }

.right-col-social-icons + .hr-right-col-heading {
  margin-bottom: 76px; }

.hr-right-col-heading {
  background-image: url(images/theme/images/hr-right-col-heading.svg);
  width: 100%;
  height: 5px;
  background-size: cover;
  margin-top: 6px; }

.vertical-middle {
  display: flex;
  flex-direction: column;
  justify-content: center; }

.contact-col-left {
  flex: 1 1 auto; }
  @media (min-width: 790px) {
    .contact-col-left {
      margin-right: 40px !important; } }

.contact-col-right {
  flex: 0 330px;
  position: relative;
  padding-bottom: 80px; }
  .contact-col-right strong {
    color: #93a396;
    text-transform: uppercase;
    font-family: Georgia, serif;
    font-family: var(--heading-font);
    display: inline-block;
    margin-right: 16px; }

.contact-form-submit-container {
  text-align: right; }

.contact-form-intro-text {
  max-width: 66 0px; }

@media (min-width: 1200px) {
  .inner-width {
    width: 100%;
    max-width: 1168px;
    margin-left: auto;
    margin-right: auto; } }

#five-founders-reserve-beef .Header__content {
  text-transform: none;
  font-size: 32px;
  font-weight: normal;
  font-family: 'IM Fell DW Pica', serif;
  font-family: var(--heading-font-2);
  line-height: 1.4;
  max-width: 980px; }

.bg-strip-light,
.bg-strip-light-2 {
  position: relative;
  display: block;
  background-image: url(images/theme/images/bg-strip-light.png);
  background-size: cover;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding-top: 32px;
  padding-bottom: 18px;
  margin-bottom: 0; }

.bg-strip-light-2 {
  padding-top: 0;
  background-position: bottom;
  background-image: url(images/theme/images/bg-strip-light-2.png);
  margin-bottom: 64px; }

.founders-bg {
  position: relative;
  display: block;
  background-image: url(images/theme/images/founders-bg.png);
  background-size: cover;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding-top: 102px;
  padding-bottom: 102px;
  margin-top: 64px;
  margin-bottom: 64px; }
  @media (max-width: 800px) {
    .founders-bg .ck-grid-col-count-5 {
      display: block;
      width: 200px;
      margin: 0 auto; }
      .founders-bg .ck-grid-col-count-5 > div {
        width: 200px;
        height: 280px;
        background-color: transparent; } }

.reserve-section {
  position: relative;
  display: block;
  background-color: #51524a;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  color: #f3efe5;
  padding-top: 32px;
  padding-bottom: 18px;
  margin-top: -10px;
  margin-bottom: 52px; }
  .reserve-section h4 {
    color: #f3efe5; }

.shanks {
  background-image: url(images/theme/images/shanks.jpg);
  height: 380px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  color: #f3efe5;
  display: flex;
  justify-content: center;
  align-items: center; }
  .shanks .inner {
    margin-top: -40px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); }
  .shanks__text {
    font-size: 26px;
    text-align: center; }
    @media screen and (min-width: 600px) {
      .shanks__text {
        font-size: 39px; } }
  .shanks__link {
    text-align: center;
    margin-top: 24px; }
    .shanks__link a {
      display: inline-block;
      text-align: center;
      font-size: 19px;
      text-decoration: none;
      background-image: url(images/theme/images/btn-dark-bg.svg);
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      width: 174px;
      height: 36px;
      line-height: 2; }

#animal-care .Header__content {
  font-size: 23px;
  line-height: 1.1; }
  #animal-care .Header__content em {
    display: inline-block;
    text-transform: none;
    font-weight: normal;
    font-style: normal;
    font-family: 'IM Fell DW Pica', serif;
    font-family: var(--heading-font-2);
    margin: 12px auto;
    font-size: 19px;
    max-width: 900px; }
    @media (min-width: 600px) {
      #animal-care .Header__content em {
        margin: 18px auto 12px auto;
        font-size: 29px; } }
  #animal-care .Header__content strong {
    font-size: 19px; }

#environment .Header__content {
  font-size: 29px;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-family: 'IM Fell DW Pica', serif;
  font-family: var(--heading-font-2);
  line-height: 1.1;
  max-width: 900px; }

#subscribe-form-bg .HeaderLarge__content {
  margin-top: -12px;
  margin-bottom: 24px;
  font-size: 24px;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-family: 'IM Fell DW Pica', serif;
  font-family: var(--heading-font-2);
  line-height: 1.1;
  max-width: 900px; }

#subscribe-form-bg .HeaderLarge__callToActionText {
  font-size: 16px;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  max-width: 520px;
  width: 100%;
  margin: 0 auto;
  text-align: center; }

#subscribe-form-bg .small-cream-hr {
  display: none; }

#subscribe-form-bg div.wpcf7 {
  display: block;
  margin: 0 auto; }
  #subscribe-form-bg div.wpcf7 p {
    display: flex;
    justify-content: center;
    position: relative; }
    #subscribe-form-bg div.wpcf7 p input[type="email"] {
      background-color: rgba(148, 163, 150, 0.7);
      color: #f3efe5;
      font-size: 24px;
      max-height: 51px;
      overflow: hidden; }
    #subscribe-form-bg div.wpcf7 p input[type="submit"] {
      text-transform: uppercase;
      background-color: rgba(81, 82, 74, 0.7);
      padding: 14px 4px;
      max-height: 51px;
      overflow: hidden;
      text-align: center;
      flex: 1 0 130px; }
    #subscribe-form-bg div.wpcf7 p .ajax-loader {
      position: absolute;
      top: 0px;
      right: 0px; }

.footer-quote {
  width: 715px;
  margin: 42px auto 64px auto;
  text-align: center;
  font-size: 28px; }

.napco-homepage-logo figure a {
  display: block; }
  .napco-homepage-logo figure a img {
    width: 620px !important; }

.reserve-logo img {
  width: 620px !important; }

.natural-beef-heading {
  padding-bottom: 32px; }
  @media (min-width: 900px) {
    .natural-beef-heading {
      padding-top: 84px; } }

#id_natural_beef_table table {
  border: 0px; }

#id_natural_beef_table tr {
  border-bottom: 1px solid #93a396; }
  #id_natural_beef_table tr td {
    border: 0px;
    padding: 4px 0; }

#id_natural_beef_table tr:nth-child(even) {
  background: rgba(0, 0, 0, 0.06); }

#id_reserve_beef_table table {
  border: 0px; }
  #id_reserve_beef_table table tr {
    border-bottom: 1px solid #93a396; }
    #id_reserve_beef_table table tr td {
      border: 0px;
      padding: 4px 0; }
  #id_reserve_beef_table table tr:nth-child(even) {
    background: rgba(0, 0, 0, 0.08); }

.hr-full-width {
  max-width: 1168px;
  margin: 0 auto;
  display: block; }

.hr-small-light-green,
.hr-small-light-green-centered {
  margin-top: -6px;
  margin-bottom: 13px;
  width: 48px;
  display: block; }

.hr-small-light-green-centered {
  margin-left: auto;
  margin-right: auto;
  margin-top: -2px; }

.hr-medium-light-green {
  width: 115px;
  height: 20px;
  margin-top: -10px;
  background-image: url(images/theme/images/hr-medium-light-green.svg);
  background-repeat: no-repeat;
  background-size: contain; }

.hr-small-dark {
  margin-left: auto;
  margin-right: auto;
  margin-top: -8px;
  width: 60px;
  display: block; }

h3.body.difference-heading-text {
  letter-spacing: 1px;
  max-width: 940px;
  margin-bottom: 32px; }

h5.body.difference-intro-text {
  font-size: 19px;
  margin-top: 24px;
  line-height: 1.6;
  font-weight: 300;
  letter-spacing: 0.8px;
  max-width: 920px; }

h3.body.beef-heading-text {
  letter-spacing: 2px;
  max-width: 900px; }

h5.body.beef-intro-text {
  font-size: 18px;
  margin-top: 24px;
  line-height: 1.6;
  font-weight: 300;
  letter-spacing: 0.8px;
  max-width: 900px; }
  @media (min-width: 900px) {
    h5.body.beef-intro-text {
      font-size: 22px; } }

.facts-title-underline {
  width: 100%;
  height: 10px;
  margin-top: -4px;
  background-image: url(images/theme/images/facts-title-underline.svg);
  background-repeat: no-repeat;
  background-size: contain; }

.hr-fullwidth-light-green {
  width: 100%;
  height: 4px; }

.where-to-find-title {
  letter-spacing: 2px; }

#id_natural_beef h4,
#id_reserve_beef h4 {
  color: #93a396;
  text-transform: uppercase;
  font-family: Georgia, serif;
  font-family: var(--heading-font); }

#id_reserve_beef_table h4,
#id_natural_beef_table h4 {
  color: #93a396; }

.h4-light-green {
  color: #93a396;
  font-family: Georgia, serif;
  font-family: var(--heading-font);
  font-weight: bold; }

.h5-light-green {
  color: #93a396;
  font-weight: 400;
  font-size: 24px; }

.list-title {
  font-size: 18px; }

.our-suppliers-heading {
  display: none;
  /*   font-size: 28px;
  background-image: url(./images/bg-tile-grey.jpg);
  background-position: top center;
  background-size: cover;
  padding: 48px;
  margin-bottom: 0px; */ }

#supplier-map {
  height: 500px;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  margin-top: 0;
  margin-bottom: -60px;
  background-color: #fff; }

#id_timeline ul {
  padding: 0;
  margin: 0 auto 0 auto;
  width: 100%; }
  @media (min-width: 680px) {
    #id_timeline ul {
      max-width: 538px; } }
  #id_timeline ul li {
    display: block;
    background-image: url(images/theme/images/timeline-arrow.svg);
    background-repeat: no-repeat;
    background-size: 40px 800px;
    background-position-x: 44px;
    margin: 0;
    padding-bottom: 12px; }
    #id_timeline ul li strong {
      color: #f6f4f1;
      background-image: url(images/theme/images/timeline-green-bg.svg);
      background-size: cover;
      background-repeat: no-repeat;
      padding: 6px 16px;
      text-align: center;
      width: 145px;
      display: block; }
    #id_timeline ul li ul {
      background-image: url(images/theme/images/timeline-white-bg.svg);
      background-size: cover;
      background-repeat: no-repeat;
      width: 100%;
      max-width: 480px;
      display: block;
      padding: 24px 24px 24px 48px;
      margin: 24px 0; }
      @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        #id_timeline ul li ul {
          background-color: #faf9f8; } }
      @media (min-width: 680px) {
        #id_timeline ul li ul {
          margin: 24px 0 24px 98px; } }
      #id_timeline ul li ul li {
        padding-bottom: 0;
        background-image: none;
        list-style-type: disc;
        display: list-item;
        color: #51524a; }
    #id_timeline ul li:last-child {
      background-position-y: bottom; }

.map-instructions {
  display: none; }
  @media (min-width: 900px) {
    .map-instructions {
      display: block; } }

.locations-list {
  display: block;
  text-align: center;
  padding: 0 24px; }
  @media (min-width: 900px) {
    .locations-list {
      display: none; } }
  .locations-list img {
    width: 100%;
    height: auto;
    margin-top: 24px; }
  .locations-list .ll-title {
    margin-top: 24px;
    font-weight: bold;
    font-size: 20px; }

.mini-interactive-map {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 24px; }
  @media (min-width: 900px) {
    .mini-interactive-map {
      display: none; } }

.interactive-map {
  display: none;
  --map-ratio: 0.9;
  width: calc(1000px * var(--map-ratio));
  height: calc(649px * var(--map-ratio));
  margin: 0 auto;
  position: relative; }
  @media (min-width: 900px) {
    .interactive-map {
      display: block; } }
  @media (min-width: 1150px) {
    .interactive-map {
      --map-ratio: 1.2; } }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .interactive-map {
      width: 1200px;
      height: 778px; } }
  .interactive-map .map-with-points {
    position: absolute;
    top: 0px;
    left: 0px;
    width: calc(800px * var(--map-ratio));
    height: calc(649px * var(--map-ratio)); }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .interactive-map .map-with-points {
        width: 960px;
        height: 778px;
        top: 0px;
        left: 30px; } }
    .interactive-map .map-with-points img {
      display: block;
      width: 100%;
      height: auto; }
  .interactive-map #map-panel {
    position: absolute;
    display: none;
    top: 140px;
    left: 0px;
    font-family: "EB Garamond", serif;
    font-weight: normal;
    width: 300px;
    height: 400px;
    background-image: url(images/theme/images/map-panel-bg.png);
    background-size: cover;
    text-align: center;
    font-size: 17px; }
    @media screen and (min-width: 1600px) {
      .interactive-map #map-panel {
        top: 0px;
        left: auto;
        right: -350px; } }
    .interactive-map #map-panel .map-panel-inner {
      padding: 18px; }
      .interactive-map #map-panel .map-panel-inner .map-panel-title-bg {
        position: relative;
        background-image: url(images/theme/images/map-panel-title-bg.png);
        background-size: contain;
        padding: 12px;
        background-repeat: no-repeat; }
        .interactive-map #map-panel .map-panel-inner .map-panel-title-bg #map-panel-close {
          position: absolute;
          top: 10px;
          left: 10px;
          cursor: pointer; }
          .interactive-map #map-panel .map-panel-inner .map-panel-title-bg #map-panel-close img {
            width: 26px; }
      .interactive-map #map-panel .map-panel-inner .map-panel-divider {
        background-image: url(images/theme/images/map-panel-divider.png);
        background-size: contain;
        background-repeat: no-repeat;
        width: 100%;
        height: 10px; }
      .interactive-map #map-panel .map-panel-inner[data-loc="bne"] .map-panel-divider {
        display: none; }
      .interactive-map #map-panel .map-panel-inner #map-panel-size {
        padding: 4px 0; }
      .interactive-map #map-panel .map-panel-inner #map-panel-qty {
        padding: 4px 0; }
      .interactive-map #map-panel .map-panel-inner #map-panel-desc {
        padding: 4px 8px; }
  .interactive-map .loc, .interactive-map .loc-ale, .interactive-map .loc-boom, .interactive-map .loc-coo, .interactive-map .loc-cool, .interactive-map .loc-cun, .interactive-map .loc-gle, .interactive-map .loc-gol, .interactive-map .loc-kyn, .interactive-map .loc-man, .interactive-map .loc-mar, .interactive-map .loc-mit, .interactive-map .loc-mon, .interactive-map .loc-por, .interactive-map .loc-wai, .interactive-map .loc-bne {
    position: absolute; }
  .interactive-map .point, .interactive-map .point-ale, .interactive-map .point-boom, .interactive-map .point-coo, .interactive-map .point-cool, .interactive-map .point-cun, .interactive-map .point-gle, .interactive-map .point-gol, .interactive-map .point-kyn, .interactive-map .point-man, .interactive-map .point-mar, .interactive-map .point-mit, .interactive-map .point-mon, .interactive-map .point-por, .interactive-map .point-wai, .interactive-map .point-bne {
    position: absolute; }
  .interactive-map .map-label {
    font-size: 8px;
    width: 120px;
    height: 20px;
    cursor: pointer; }
  .interactive-map .map-point {
    position: absolute;
    font-size: 8px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer; }
  .interactive-map .loc-ale {
    left: calc(262px * var(--map-ratio));
    top: calc(140px * var(--map-ratio)); }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .interactive-map .loc-ale {
        left: 334px;
        top: 168px; } }
  .interactive-map .loc-boom {
    left: calc(427px * var(--map-ratio));
    top: calc(58px * var(--map-ratio)); }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .interactive-map .loc-boom {
        left: 532px;
        top: 69px; } }
  .interactive-map .loc-coo {
    left: calc(280px * var(--map-ratio));
    top: calc(240px * var(--map-ratio)); }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .interactive-map .loc-coo {
        left: 356px;
        top: 288px; } }
  .interactive-map .loc-cool {
    left: calc(487px * var(--map-ratio));
    top: calc(105px * var(--map-ratio)); }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .interactive-map .loc-cool {
        left: 604px;
        top: 126px; } }
  .interactive-map .loc-cun {
    left: calc(617px * var(--map-ratio));
    top: calc(240px * var(--map-ratio)); }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .interactive-map .loc-cun {
        left: 760px;
        top: 288px; } }
  .interactive-map .loc-gle {
    left: calc(253px * var(--map-ratio));
    top: calc(196px * var(--map-ratio)); }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .interactive-map .loc-gle {
        left: 323px;
        top: 235px; } }
  .interactive-map .loc-gol {
    left: calc(668px * var(--map-ratio));
    top: calc(262px * var(--map-ratio)); }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .interactive-map .loc-gol {
        left: 821px;
        top: 314px; } }
  .interactive-map .loc-kyn {
    left: calc(565px * var(--map-ratio));
    top: calc(156px * var(--map-ratio)); }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .interactive-map .loc-kyn {
        left: 698px;
        top: 187px; } }
  .interactive-map .loc-man {
    left: calc(604px * var(--map-ratio));
    top: calc(211px * var(--map-ratio)); }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .interactive-map .loc-man {
        left: 744px;
        top: 253px; } }
  .interactive-map .loc-mar {
    left: calc(264px * var(--map-ratio));
    top: calc(221px * var(--map-ratio)); }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .interactive-map .loc-mar {
        left: 336px;
        top: 265px; } }
  .interactive-map .loc-mit {
    left: calc(258px * var(--map-ratio));
    top: calc(120px * var(--map-ratio)); }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .interactive-map .loc-mit {
        left: 329px;
        top: 144px; } }
  .interactive-map .loc-mon {
    left: calc(336px * var(--map-ratio));
    top: calc(310px * var(--map-ratio)); }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .interactive-map .loc-mon {
        left: 423px;
        top: 372px; } }
  .interactive-map .loc-por {
    left: calc(487px * var(--map-ratio));
    top: calc(298px * var(--map-ratio)); }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .interactive-map .loc-por {
        left: 604px;
        top: 357px; } }
  .interactive-map .loc-wai {
    width: 140px;
    left: calc(684px * var(--map-ratio));
    top: calc(288px * var(--map-ratio)); }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .interactive-map .loc-wai {
        left: 840px;
        top: 345px; } }
  .interactive-map .loc-bne {
    width: 120px;
    left: calc(630px * var(--map-ratio));
    top: calc(358px * var(--map-ratio)); }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .interactive-map .loc-bne {
        left: 796px;
        top: 415px; } }
  .interactive-map .point-ale {
    left: calc(394px * var(--map-ratio));
    top: calc(137px * var(--map-ratio)); }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .interactive-map .point-ale {
        left: 502px;
        top: 164px; } }
  .interactive-map .point-boom {
    left: calc(473px * var(--map-ratio));
    top: calc(126px * var(--map-ratio)); }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .interactive-map .point-boom {
        left: 597px;
        top: 151px; } }
  .interactive-map .point-coo {
    left: calc(440px * var(--map-ratio));
    top: calc(230px * var(--map-ratio)); }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .interactive-map .point-coo {
        left: 558px;
        top: 276px; } }
  .interactive-map .point-cool {
    left: calc(465px * var(--map-ratio));
    top: calc(143px * var(--map-ratio)); }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .interactive-map .point-cool {
        left: 588px;
        top: 171px; } }
  .interactive-map .point-cun {
    left: calc(561px * var(--map-ratio));
    top: calc(243px * var(--map-ratio)); }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .interactive-map .point-cun {
        left: 704px;
        top: 291px; } }
  .interactive-map .point-gle {
    left: calc(419px * var(--map-ratio));
    top: calc(200px * var(--map-ratio)); }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .interactive-map .point-gle {
        left: 532px;
        top: 240px; } }
  .interactive-map .point-gol {
    left: calc(610px * var(--map-ratio));
    top: calc(272px * var(--map-ratio)); }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .interactive-map .point-gol {
        left: 762px;
        top: 326px; } }
  .interactive-map .point-kyn {
    left: calc(501px * var(--map-ratio));
    top: calc(175px * var(--map-ratio)); }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .interactive-map .point-kyn {
        left: 631px;
        top: 210px; } }
  .interactive-map .point-man {
    left: calc(553px * var(--map-ratio));
    top: calc(234px * var(--map-ratio)); }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .interactive-map .point-man {
        left: 693px;
        top: 280px; } }
  .interactive-map .point-mar {
    left: calc(431px * var(--map-ratio));
    top: calc(212px * var(--map-ratio)); }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .interactive-map .point-mar {
        left: 547px;
        top: 254px; } }
  .interactive-map .point-mit {
    left: calc(402px * var(--map-ratio));
    top: calc(123px * var(--map-ratio)); }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .interactive-map .point-mit {
        left: 512px;
        top: 147px; } }
  .interactive-map .point-mon {
    left: calc(453px * var(--map-ratio));
    top: calc(240px * var(--map-ratio)); }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .interactive-map .point-mon {
        left: 572px;
        top: 288px; } }
  .interactive-map .point-por {
    left: calc(524px * var(--map-ratio));
    top: calc(232px * var(--map-ratio)); }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .interactive-map .point-por {
        left: 658px;
        top: 279px; } }
  .interactive-map .point-wai {
    left: calc(638px * var(--map-ratio));
    top: calc(288px * var(--map-ratio)); }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .interactive-map .point-wai {
        left: 795px;
        top: 345px; } }
  .interactive-map .point-bne {
    left: calc(666px * var(--map-ratio));
    top: calc(292px * var(--map-ratio)); }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .interactive-map .point-bne {
        left: 823px;
        top: 259px; } }

@media (min-width: 500px) {
  .find-our-beef {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; } }

.find-our-beef .find-our-beef-item {
  padding: 24px;
  text-align: center; }
  @media (min-width: 500px) {
    .find-our-beef .find-our-beef-item {
      flex: 0 0 48%; } }
  @media (min-width: 800px) {
    .find-our-beef .find-our-beef-item {
      flex: 0 0 33%; } }
  @media (min-width: 1100px) {
    .find-our-beef .find-our-beef-item {
      flex: 0 0 24%; } }

.find-our-beef .find-our-beef-heading {
  font-weight: bold;
  margin-bottom: 6px; }
  @media (min-width: 500px) {
    .find-our-beef .find-our-beef-heading {
      font-size: 18px; } }

.find-our-beef-state {
  font-weight: bold;
  text-align: center;
  padding: 64px 0 32px 0;
  font-size: 24px; }

.find-our-beef-anchors {
  font-size: 18px;
  text-align: center;
  padding: 32px 0;
  font-weight: bold; }

.find-our-beef-website {
  margin-top: 6px;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
  font-size: 15px; }

.where-to-heading {
  text-transform: uppercase;
  font-family: Georgia, serif;
  font-family: var(--heading-font);
  font-size: 28px;
  font-weight: 600; }

.browse-header {
  position: relative;
  text-align: center; }
  @media only screen and (min-width: 1040px) {
    .browse-header {
      text-align: left;
      display: flex;
      justify-content: space-between; } }
  .browse-header h2 {
    font-size: 32px; }
  .browse-header > div {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px; }
    @media only screen and (min-width: 1040px) {
      .browse-header > div {
        justify-content: initial;
        margin-bottom: 0px; } }
    .browse-header > div button {
      background-color: #93a396;
      color: #f3efe5;
      padding: 4px 12px;
      border: 0px;
      border-radius: 0px;
      text-transform: uppercase;
      margin-left: 12px;
      height: 32px;
      cursor: pointer;
      outline: 0; }
      .browse-header > div button:active {
        transform: translate(1px, 1px); }
    .browse-header > div .styled-select {
      margin-left: 12px;
      width: 160px;
      height: 32px;
      overflow: hidden;
      overflow: -moz-hidden-unscrollable;
      background: url(images/theme/images/select-down-arrow.svg) no-repeat;
      background-size: 24px;
      background-position: right 12px center;
      background-color: #f8f6f1;
      border: 0px;
      display: inline-block;
      position: relative; }
      .browse-header > div .styled-select select {
        text-align: center;
        text-transform: uppercase;
        background: transparent;
        position: absolute;
        left: 0;
        top: 5px;
        width: 175px;
        border: 0px;
        outline: 0; }

.blog-index {
  flex: 1 1 auto;
  margin-right: 0 !important; }

.blog-col-right {
  max-width: 240px;
  display: none;
  position: relative; }
  @media only screen and (min-width: 1190px) {
    .blog-col-right {
      display: block; } }

.blog-index {
  display: grid;
  grid-template-columns: minmax(min-content, 500px) minmax(min-content, 500px);
  grid-auto-rows: minmax(min-content, max-content);
  grid-gap: 20px; }
  @media only screen and (min-width: 1190px) {
    .blog-index {
      grid-template-columns: minmax(min-content, 282px) minmax(min-content, 282px) minmax(min-content, 282px); } }
  .blog-index .blog-item {
    flex: 1 0 260px;
    background-image: url(images/theme/images/bg-blog-item.svg);
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    box-sizing: border-box; }
    .blog-index .blog-item-title {
      font-size: 24px;
      text-decoration: none;
      line-height: 1.2; }
    .blog-index .blog-item .blog-item-category-list {
      padding: 0;
      color: #93a396;
      font-size: 18px;
      margin: 12px 0;
      font-family: 'IM Fell DW Pica', serif;
      font-family: var(--heading-font-2);
      text-transform: uppercase; }
      .blog-index .blog-item .blog-item-category-list a {
        cursor: pointer; }
        .blog-index .blog-item .blog-item-category-list a:not(:first-child)::before {
          content: " \2022   "; }
    .blog-index .blog-item-image-container {
      margin: 14px; }
    .blog-index .blog-item-image {
      display: block;
      object-fit: cover;
      width: 100%;
      height: auto;
      box-sizing: border-box; }
    .blog-index .blog-item-detail {
      padding: 16px; }
      .blog-index .blog-item-detail p {
        font-size: 18px; }
    .blog-index .blog-item-prep-details {
      display: none;
      font-size: 18px; }

.posts-per-page-4 .blog-item-3 {
  grid-column: span 3;
  text-align: left;
  display: flex;
  align-items: center;
  background-image: url(images/theme/images/bg-blog-item-large.svg); }
  .posts-per-page-4 .blog-item-3 .blog-item-title {
    font-size: 28px;
    text-decoration: none;
    line-height: 1.2; }
  .posts-per-page-4 .blog-item-3 .blog-item-detail {
    padding: 24px 32px; }
  .posts-per-page-4 .blog-item-3 .blog-item-excerpt {
    color: #93a396; }
  .posts-per-page-4 .blog-item-3 .blog-item-prep-details {
    display: block;
    text-align: left;
    margin-top: 12px; }
    .posts-per-page-4 .blog-item-3 .blog-item-prep-details span {
      font-style: italic; }
  .posts-per-page-4 .blog-item-3 .blog-item-image {
    object-fit: cover;
    width: 512px;
    height: 512px; }

.posts-per-page-5 .blog-item-excerpt {
  display: none; }

.posts-per-page-5 .blog-item-detail {
  padding: 12px 32px 24px 32px; }

.posts-per-page-5 .blog-item-4 {
  grid-column: span 2;
  text-align: left;
  background-image: url(images/theme/images/bg-blog-item-large.svg); }
  .posts-per-page-5 .blog-item-4 .blog-item-title {
    font-size: 28px;
    text-decoration: none;
    line-height: 1.2; }
  .posts-per-page-5 .blog-item-4 .blog-item-detail {
    padding: 12px 32px 24px 32px; }
  .posts-per-page-5 .blog-item-4 .blog-item-excerpt {
    display: block;
    color: #93a396; }
  .posts-per-page-5 .blog-item-4 .blog-item-prep-details {
    display: block;
    text-align: left;
    margin-top: 12px; }
    .posts-per-page-5 .blog-item-4 .blog-item-prep-details span {
      font-style: italic; }
  .posts-per-page-5 .blog-item-4 .blog-item-image {
    object-fit: cover;
    max-width: 100%;
    height: auto; }

.right-col-section-links {
  font-size: 20px; }
  .right-col-section-links > div {
    margin-top: 24px; }
    .right-col-section-links > div > h5 {
      text-transform: uppercase;
      color: #93a396;
      font-size: 16px;
      cursor: pointer; }
    .right-col-section-links > div a {
      text-decoration: none; }

.blog-index-navigation {
  list-style: none;
  text-align: center;
  margin: 0; }
  .blog-index-navigation li {
    display: inline-block;
    margin: 0 12px;
    cursor: pointer;
    background-image: url(images/theme/images/page-nav-underline.svg);
    background-repeat: no-repeat;
    background-position: center bottom;
    padding: 6px; }
  .blog-index-navigation .inactive {
    opacity: 0.5; }

.blog_with_sidebar {
  position: relative; }
  .blog_with_sidebar .decoration-garlic {
    position: absolute;
    right: -200px;
    bottom: -300px;
    z-index: -1;
    width: 400px; }

.page,
.single {
  position: relative; }
  .page .decoration,
  .single .decoration {
    position: absolute;
    opacity: 0;
    transition: opacity 0.2s ease-in-out; }
  .page .decoration-garlic-single,
  .single .decoration-garlic-single {
    top: 800px;
    right: 0px; }
    .page .decoration-garlic-single img,
    .single .decoration-garlic-single img {
      width: 360px; }

.decoration {
  display: none; }

section.content.container {
  position: relative;
  z-index: 1; }

.decoration-our-beef-thick-leaf,
.decoration-our-difference-thick-leaf {
  left: 0px;
  top: 0px; }
  .decoration-our-beef-thick-leaf img,
  .decoration-our-difference-thick-leaf img {
    width: 360px; }

.decoration-our-beef-thin-leaf,
.decoration-our-story-thin-leaf,
.decoration-our-difference-thin-leaf {
  right: 0px;
  bottom: 0px; }
  .decoration-our-beef-thin-leaf img,
  .decoration-our-story-thin-leaf img,
  .decoration-our-difference-thin-leaf img {
    width: 360px; }

.decoration-wwf {
  right: 24px;
  bottom: -200px; }
  .decoration-wwf img {
    width: 121px; }

.decoration-our-beef-thick-leaf {
  left: 0px;
  top: -160px; }
  .decoration-our-beef-thick-leaf img {
    width: 360px; }

.decoration-our-beef-thin-leaf {
  right: 0px;
  bottom: 200px; }
  .decoration-our-beef-thin-leaf img {
    width: 360px; }

.decoration-home-thick-leaf {
  left: 0px;
  top: -200px;
  z-index: 1; }
  .decoration-home-thick-leaf img {
    width: 360px; }

.decoration-home-thin-leaf {
  right: 0px;
  top: -400px;
  z-index: 1; }
  .decoration-home-thin-leaf img {
    width: 360px; }

.decoration-blog-index-garlic {
  position: absolute;
  right: 0;
  bottom: -1400px;
  width: 360px; }
  .decoration-blog-index-garlic img {
    width: 360px; }

.decoration-our-story-hat {
  left: 30px;
  top: -200px;
  z-index: 1; }
  .decoration-our-story-hat img {
    width: 280px; }

.decoration-our-story-red-dirt {
  right: 0px;
  top: -300px;
  z-index: 1; }
  .decoration-our-story-red-dirt img {
    width: 360px; }

.decoration.decoration-fade-in {
  opacity: 1; }

.decoration-contact-thick-leaf-right {
  right: 0px;
  top: -600px; }
  .decoration-contact-thick-leaf-right img {
    width: 360px; }

#slideshow_bottom {
  max-width: 1190px;
  margin: 0 -16px;
  height: 480px; }
  @media (min-width: 992px) {
    #slideshow_bottom {
      margin: 0 auto; } }
  #slideshow_bottom .slide-item,
  #slideshow_bottom .resBgImg,
  #slideshow_bottom .Slide {
    height: 480px; }
  #slideshow_bottom .BottomSlide__text {
    margin-top: 32px; }

.gallery_thumb {
  display: inline-block;
  margin: 2px;
  cursor: pointer; }

.gallery_thumb img {
  border: 0;
  padding: 0;
  margin: 0;
  background-color: none;
  background-image: none;
  display: block; }

.ff_gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }

.lb-loader,
.lightbox {
  text-align: center;
  line-height: 0; }

.lb-dataContainer:after,
.lb-outerContainer:after {
  content: "";
  clear: both; }

body.lb-disable-scrolling {
  overflow: hidden; }

.lightboxOverlay {
  position: absolute;
  top: -80px;
  left: 0;
  z-index: 9999;
  background-color: #000;
  filter: alpha(Opacity=80);
  opacity: 0.8;
  display: none; }

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  font-weight: 400; }

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;
  border: 4px solid #fff; }

.lightbox a img {
  border: none; }

.lb-outerContainer {
  position: relative;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
  background-color: #fff; }

.lb-loader,
.lb-nav {
  position: absolute;
  left: 0; }

.lb-outerContainer:after {
  display: table; }

.lb-loader {
  top: 43%;
  height: 25%;
  width: 100%; }

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(images/theme/images/loading.gif) no-repeat; }

.lb-nav {
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 10; }

.lb-container > .nav {
  left: 0; }

.lb-nav a {
  outline: 0;
  background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==); }

.lb-next,
.lb-prev {
  height: 100%;
  cursor: pointer;
  display: block; }

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(images/theme/images/prev.png) left 48% no-repeat;
  filter: alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s; }

.lb-nav a.lb-prev:hover {
  filter: alpha(Opacity=100);
  opacity: 1; }

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(images/theme/images/next.png) right 48% no-repeat;
  filter: alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s; }

.lb-nav a.lb-next:hover {
  filter: alpha(Opacity=100);
  opacity: 1; }

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }

.lb-dataContainer:after {
  display: table; }

.lb-data {
  padding: 0 4px;
  color: #ccc; }

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em; }

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: 700;
  line-height: 1em; }

.lb-data .lb-caption a {
  color: #4ae; }

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999; }

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(images/theme/images/close.png) top right no-repeat;
  text-align: right;
  outline: 0;
  filter: alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s; }

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: alpha(Opacity=100);
  opacity: 1; }

#anicare h1,
#our-timeline h1 {
  font-size: 18px;
  padding: 0 24px; }
  @media (min-width: 900px) {
    #anicare h1,
    #our-timeline h1 {
      font-size: 32px; } }

#anicare strong,
#our-timeline strong {
  margin-top: 12px;
  display: inline-block;
  font-size: 18px; }
  @media (min-width: 900px) {
    #anicare strong,
    #our-timeline strong {
      font-size: 28px; } }

.five-founders-montage {
  margin-top: -30px;
  margin-bottom: 24px; }
  .five-founders-montage img {
    width: 100%; }

.sustain-panels {
  max-width: 1000px;
  margin: 48px auto 0 auto; }
  .sustain-panels .wp-block-column {
    flex: 1 0 calc(33.3% - 2px);
    margin: 0 1px; }
    .sustain-panels .wp-block-column img {
      width: 100%;
      height: auto; }

.bg-dark-tile {
  background-image: url(images/theme/images/bg-dark-tile.png);
  padding-bottom: 140px;
  padding-top: 48px;
  color: #f3efe5; }
  .bg-dark-tile h4 {
    color: #f3efe5; }

.bg-dirt {
  background-image: url(images/theme/images/bg-dirt.png);
  padding: 32px 0 274px 0;
  background-position: center bottom;
  background-repeat: no-repeat; }

#sustainability .HeaderLarge__inner {
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 64px;
  margin-left: auto;
  margin-right: auto;
  max-width: 812px; }
  @media (min-width: 800px) {
    #sustainability .HeaderLarge__inner {
      margin-top: 64px; } }

#sustainability h1 {
  text-shadow: none;
  font-size: 32px;
  margin-bottom: 30px; }
  @media (min-width: 900px) {
    #sustainability h1 {
      font-size: 40px; } }

#sustainability h1:after {
  display: block;
  content: "";
  width: 73px;
  height: 4px;
  margin: 24px auto;
  background-image: url(images/theme/images/hr-dark-green.png); }

#sustainability .small-cream-hr {
  display: none; }

#sustainability .HeaderLarge__callToActionText {
  text-align: left;
  color: #52534b;
  text-shadow: none;
  margin: 0 auto;
  max-width: 812px;
  margin-top: 30px;
  font-size: 18px; }
  @media (max-width: 600px) {
    #sustainability .HeaderLarge__callToActionText {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center; }
      #sustainability .HeaderLarge__callToActionText .footprint-logo {
        order: 1;
        margin-top: 24px; } }
  @media (min-width: 600px) {
    #sustainability .HeaderLarge__callToActionText .footprint-logo {
      float: right;
      margin-top: -20px;
      padding-left: 24px; } }
  @media (min-width: 800px) {
    #sustainability .HeaderLarge__callToActionText .footprint-logo {
      margin-top: -40px;
      padding-left: 62px;
      padding-right: 62px; } }

.wp-block-image img {
  height: auto; }

@media (max-width: 790px) {
  .wp-block-columns.has-2-columns {
    display: block; }
    .wp-block-columns.has-2-columns .wp-block-column {
      margin: 0; }
    .wp-block-columns.has-2-columns .wp-block-column:nth-child(2) {
      margin: 24px 0 0 0; } }

#video-overlay {
  display: none;
  width: 100%;
  height: 100vh;
  position: fixed;
  z-index: 1999999;
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.8); }
  #video-overlay video {
    display: block;
    max-width: 100%;
    margin: 0 auto;
    outline: 0; }
  #video-overlay .video-margin {
    flex: 1 1 100%;
    text-align: right;
    padding: 64px 64px 86px 64px; }
    @media (min-width: 600px) {
      #video-overlay .video-margin {
        max-width: 90%; } }
    #video-overlay .video-margin a {
      color: white;
      text-decoration: none;
      display: inline-block;
      margin-bottom: 12px;
      margin-top: 12px; }

#launch-video {
  width: 120px;
  height: 60px;
  margin: 0 auto;
  position: relative;
  z-index: 9000; }
  #launch-video > div {
    position: absolute;
    text-align: center;
    top: -130px;
    font-size: 13px; }
    #launch-video > div img {
      display: block;
      width: 120px;
      height: auto;
      margin: 0 auto 0 auto;
      cursor: pointer;
      transition: transform 200ms ease-in-out; }
    #launch-video > div img:hover {
      transform: scale(1.07); }
    #launch-video > div a {
      text-decoration: none;
      font-weight: bold; }

.search-results h1 {
  font-size: 24px; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #founders-grid {
    display: flex;
    width: 100%;
    margin: 0 auto;
    padding: 0; }
    #founders-grid > div {
      width: 20%;
      margin: 0;
      height: 280px;
      padding: 0;
      background-color: transparent; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #environment h1 {
    padding-top: 128px !important; }
  #who-we-are {
    padding-top: 0px !important; }
    #who-we-are h1 {
      padding-top: 128px !important; }
  #our-timeline h1 {
    padding-top: 128px !important; }
  #grid_id_our-story {
    margin-top: -32px !important; }
  #our-whole-of-life {
    margin-top: -36px !important; }
  #our-beef-header {
    margin-top: -68px !important;
    padding-top: 0px !important; }
    #our-beef-header h1 {
      padding-top: 128px !important; }
  #people-and-properties h1 {
    padding-top: 128px !important; }
  #anicare h1 {
    padding-top: 64px !important; }
  #contact-header {
    margin-top: -68px !important; }
    #contact-header h1 {
      padding-top: 64px !important; }
  #header-our-experience {
    margin-top: -68px !important; }
    #header-our-experience h1 {
      padding-top: 128px !important; }
  #sustainability .HeaderLarge__content {
    margin-top: 64px; }
  #five-founders-reserve-beef {
    padding: 0; }
    #five-founders-reserve-beef > * {
      padding: 0; }
    #five-founders-reserve-beef h1 {
      padding-top: 142px; }
  #premium-data,
  #reserve-data {
    display: flex; }
    #premium-data .gt-0,
    #reserve-data .gt-0 {
      flex-basis: 50%; }
    #premium-data .gt-1,
    #reserve-data .gt-1 {
      flex-basis: 50%; } }

