/*! Made with Bones: http://themble.com/bones :) */
/******************************************************************
Site Name:
Author:

Stylesheet: Main Stylesheet

Here's where the magic happens. Here, you'll see we are calling in
the separate media queries. The base mobile goes outside any query
and is called at the beginning, after that we call the rest
of the styles inside media queries.

Helpful articles on Sass file organization:
http://thesassway.com/advanced/modular-css-naming-conventions

******************************************************************/
/*********************
IMPORTING PARTIALS
These files are needed at the beginning so that we establish all
our mixins, functions, and variables that we'll be using across
the whole project.
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.

******************************************************************/
/*******************
BREAKPOINTS
*******************/
/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/*
Here's a great tutorial on how to
use color variables properly:
http://sachagreif.com/sass-color-variables/
*/
/******************************************************************
Site Name:
Author:

Stylesheet: Typography

Need to import a font or set of icons for your site? Drop them in
here or just use this to establish your typographical grid. Or not.
Do whatever you want to...GOSH!

Helpful Articles:
http://trentwalton.com/2012/06/19/fluid-type/
http://ia.net/blog/responsive-typography-the-basics/
http://alistapart.com/column/responsive-typography-is-a-physical-discipline

******************************************************************/
/*********************
FONT FACE (IN YOUR FACE)
*********************/
@import url("https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Spectral:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");
/***********************
// Typoagraphy Global Styles
**********************/
body {
  font-family: "Nunito Sans", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
  font-size: 18px;
  line-height: 1.4;
  font-weight: 400;
  color: #343434;
  letter-spacing: 1px;
  -webkit-hyphens: auto;
          hyphens: auto;
  word-break: break-word;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Spectral", "Georgia", "Times New Roman", "Times", "serif";
}

h1 {
  font-size: 38px;
}

h2 {
  font-size: 31px;
}

h3 {
  font-size: 27px;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 16px;
}

h1,
h2,
h3 {
  margin: 24px 0;
  font-weight: 700;
}

h4,
h5 {
  margin: 12px 0;
  font-weight: 400;
}

p {
  font-size: 18px;
  line-height: 1.4;
  -webkit-hyphens: none;
          hyphens: none;
  margin-bottom: 0.66667rem;
}

p.large {
  font-size: 16px;
  line-height: 1.25;
  font-weight: 500;
}

button, .button, input[type=submit], input[type=reset], input[type=button] {
  font-family: "Nunito Sans", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
  font-size: 18px;
  line-height: 1.4;
  font-weight: 400;
}

input, textarea, legend {
  font-family: "Nunito Sans", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
  font-size: 18px;
}

a:not(.button), .link, .link--cta {
  font-size: 18px;
  line-height: 1.4;
  font-weight: 400;
  color: var(--sj-accent-color, #288fc6);
  text-decoration: underline;
  transition: color 0.3s ease;
}
a:not(.button):hover, .link:hover, .link--cta:hover {
  color: var(--sj-accent-color, rgba(40, 83, 107, 0.6));
  text-decoration: none;
}

li, label {
  font-size: 18px;
}

/*
some nice typographical defaults
more here: http://www.newnet-soft.com/blog/csstypography
*/
p {
  -ms-word-wrap: break-word;
  word-break: break-word;
  word-wrap: break-word;
  -webkit-hyphens: none;
  hyphens: none;
  -ms-font-feature-settings: "liga", "dlig";
  -o-font-feature-settings: "liga", "dlig";
  font-feature-settings: "liga", "dlig";
}

@media (min-width: 876px) {
  h1 {
    font-size: 47px;
  }
  h2 {
    font-size: 36px;
  }
  h3 {
    font-size: 30px;
  }
}
@media screen and (min-width: 1200px) {
  h2 {
    font-size: 42px;
  }
  h3 {
    font-size: 33px;
  }
  h4 {
    font-size: 21px;
  }
}
@media screen and (min-width: 1440px) {
  h1 {
    font-size: 55px;
  }
}
/******************************************************************
Site Name:
Author:

Stylesheet: Mixins Stylesheet

This is where you can take advantage of Sass' great features: Mixins.
I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques gradients.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more.

Helpful:
http://sachagreif.com/useful-sass-mixins/
http://thesassway.com/intermediate/leveraging-sass-mixins-for-cleaner-code
http://web-design-weekly.com/blog/2013/05/12/handy-sass-mixins/

******************************************************************/
/*********************
TRANSITION
*********************/
/*
I totally rewrote this to be cleaner and easier to use.
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include transition(all 0.2s ease-in-out);
*/
/*********************
Backgrounds
*********************/
/*
I totally rewrote this to be cleaner and easier to use.
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include backgroundsize(all 0.2s ease-in-out);
*/
/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdo it.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SIZING
*********************/
/* @include box-sizing(border-box); */
/* NOTE: value of "padding-box" is only supported in Gecko. So
probably best not to use it. I mean, were you going to anyway? */
/*********************
CSS3 TRANSITIONS
Be careful with these since they can
really slow down your CSS. Don't overdo it.
*********************/
/* Accesibility */
.sr-only:not(:focus):not(:active) {
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

/* Global Styles */
html, body {
  overflow-x: hidden;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

#wrapper {
  flex: 1;
}

.sj-subtitle {
  font-size: 14px;
  color: #343402;
  margin-bottom: 15px;
}

.bg-light {
  background: #EEEECE;
}

.bg-dark {
  background: #343402;
}

.border-radius {
  border-radius: 4px;
}

.has-top-line:before {
  display: block;
  content: "";
  width: 100%;
  height: 10px;
  background: var(--sj-accent-color, #53561F);
  margin-bottom: 29px;
}

a {
  text-decoration: none;
}

img {
  max-width: 100%;
}
img.full-width-img {
  display: block;
  width: 100%;
  margin: 0 auto;
}

.sj-max-width {
  max-width: 1280px;
  margin: 0 auto;
}

.container section.section-padding:first-of-type {
  padding-top: 0;
}

.section-padding {
  padding: 30px;
}

.bg-center {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 50px;
}
.bg-center.bg-contain {
  background-size: contain;
}
.bg-center.bg-cover {
  background-size: cover;
}

strong, b {
  font-weight: 500;
}

em, i {
  font-style: italic;
}

.list-style-none {
  list-style: none;
}

.img-placeholder {
  background: #f8f9fa;
}
.img-placeholder img {
  transform: scale(0.5);
}

@media (min-width: 768px) {
  .section-padding {
    padding: 50px 30px;
  }
}
.link-arrow {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.p-relative {
  position: relative;
}

#members-list {
  display: none;
  /* Last Name */
  /* First Name */
  /* Email */
  /* Telephone */
  /* Category */
}
#members-list table {
  width: 100%;
  border-collapse: collapse; /* Prevent extra space between cells */
  font-size: 16px;
  border-spacing: 0 10px;
}
#members-list th, #members-list td {
  padding: 10px; /* Add space inside the cells */
  text-align: left; /* Align text to the left */
}
#members-list th {
  font-weight: bold;
  background-color: #f2f2f2;
  line-height: 1.5;
}
#members-list td {
  vertical-align: top;
  border-bottom: 1px solid #ddd;
}
#members-list th:nth-child(1), #members-list td:nth-child(1) {
  width: 17.5%;
}
#members-list th:nth-child(2), #members-list td:nth-child(2) {
  width: 17.5%;
}
#members-list th:nth-child(3), #members-list td:nth-child(3) {
  width: 30%;
}
#members-list th:nth-child(4), #members-list td:nth-child(4) {
  width: 20%;
}
#members-list th:nth-child(5), #members-list td:nth-child(5) {
  width: 15%;
}
#members-list tr:nth-child(even) {
  background-color: #f9f9f9;
}

@media print {
  @page {
    size: A4 landscape;
  }
  body, html {
    height: auto;
    overflow: visible;
  }
  #members-list, .container, .row, section {
    overflow: visible !important;
    page-break-inside: avoid;
    height: auto !important;
  }
  .members-links-wrapper, .sj-max-width {
    display: none;
  }
  #members-list {
    display: block;
  }
  #page-header, .members-links-wrapper, .executive-roles, .shareholders {
    display: none;
  }
  section, div {
    page-break-before: avoid;
    page-break-after: avoid;
    page-break-inside: avoid;
  }
}
/*********************
IMPORTING MODULES
Modules are reusable blocks or elements we use throughout the project.
We can break them up as much as we want or just keep them all in one.
I mean, you can do whatever you want. The world is your oyster. Unless
you hate oysters, then the world is your peanut butter & jelly sandwich.
*********************/
.sj-img-galleries {
  display: grid;
  gap: 15px;
}

@media (min-width: 576px) {
  .sj-img-galleries {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 992px) {
  .sj-img-galleries {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (min-width: 1440px) {
  .sj-img-galleries {
    grid-template-columns: repeat(4, 1fr);
  }
}
.light-box-container {
  display: none;
  position: fixed;
  min-width: 100vw;
  min-height: 100vh;
  background-color: rgba(0, 0, 0, 0.7);
  display: grid;
  place-items: center;
  padding: 1rem;
  z-index: 1000;
  opacity: 0;
  pointer-events: none;
  transition: all 0.25s ease-in;
}
.light-box-container.active {
  opacity: 1;
  pointer-events: all;
  top: 0;
  transition: all 0.25s ease-in;
}
.light-box-container .light-box-image-wrapper {
  display: grid;
  place-items: center;
  width: 90vw;
  max-width: 90vw;
  max-height: 90vh;
  position: relative;
  box-shadow: 3px 3px 10px rgba(100, 100, 100, 0.4);
}
.light-box-container .lightbox-btn {
  background-color: rgba(255, 255, 255, 0.5);
  display: grid;
  place-items: center;
  padding: 0.8rem;
  color: #4500ff;
  cursor: pointer;
  transition: all 0.25s ease-in-out;
  position: absolute;
  width: 50px;
  max-width: 50px;
}
.light-box-container .lightbox-btn.inactive {
  opacity: 0;
  pointer-events: none;
}
.light-box-container .lightbox-btn.left {
  left: -10px;
}
.light-box-container .lightbox-btn.right {
  right: -10px;
}
.light-box-container .lightbox-active-image {
  width: 90vw;
  -o-object-fit: cover;
  object-fit: cover;
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  border: 10px solid #fff;
}
.light-box-container .lightbox-active-image .close-lightbox {
  color: #fff;
  position: absolute;
  font-size: 55px;
  right: -15px;
  bottom: -70px;
}

.sj-carousel-wrapper {
  position: relative;
  max-width: calc(100vw - 4rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.sj-carousel-wrapper[data-fullbanner="1"] {
  max-width: none;
}
.sj-carousel-wrapper[data-fullbanner="1"] .sj-carousel-container {
  width: 100%;
}
.sj-carousel-wrapper[data-fullbanner="1"] .sj-carousel-container .sj-carousel-list {
  width: 100%;
  flex-wrap: wrap;
}
.sj-carousel-wrapper[data-fullbanner="1"] .sj-carousel-container .sj-carousel-list .sj-slide-item {
  width: 100%;
}
.sj-carousel-wrapper .sj-carousel-container {
  position: relative;
  width: 320px;
  max-width: 100%;
  height: 240px;
  border: 4px solid #fff;
  overflow: hidden;
  box-shadow: 0 0 15px 8px rgba(0, 0, 0, 0.25);
}
.sj-carousel-wrapper .sj-carousel-container .sj-carousel-list {
  display: flex;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  height: 100%;
  background-color: #ddd;
}
.sj-carousel-wrapper .sj-carousel-container .sj-carousel-list .sj-slide-item {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 320px;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.sj-carousel-wrapper .dot {
  display: flex;
  position: relative;
  margin-top: 1rem;
}
.sj-carousel-wrapper .dot span {
  width: 10px;
  height: 10px;
  border: 1.5px solid #53561F;
  border-radius: 50%;
  margin: 0 5px;
  cursor: pointer;
  transition: background 0.25s ease-in-out;
}
.sj-carousel-wrapper .dot span.clicked {
  background: #53561F;
}
.sj-carousel-wrapper button {
  position: absolute;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  border: none;
  outline: none;
  cursor: pointer;
  background-color: #f0f0f0;
  color: #000;
  box-shadow: 0 0 7px 7px rgba(129, 129, 129, 0.2745098039);
}
.sj-carousel-wrapper button:hover {
  filter: brightness(1.2);
}
.sj-carousel-wrapper button:active {
  filter: brightness(0.8);
}
.sj-carousel-wrapper button.navigator1 {
  left: 0;
  translate: -50%;
}
.sj-carousel-wrapper button.navigator2 {
  right: 0;
  translate: 50%;
}
.sj-carousel-wrapper button i {
  font-size: 2.3rem;
}

@media screen and (min-width: 576px) {
  .sj-carousel-wrapper .sj-carousel-container {
    width: 400px;
    height: 300px;
  }
  .sj-carousel-wrapper .sj-carousel-container .sj-carousel-list .sj-slide-item {
    width: 400px;
  }
}
@media screen and (min-width: 768px) {
  .sj-carousel-wrapper .sj-carousel-container {
    width: 800px;
    height: 600px;
  }
  .sj-carousel-wrapper .sj-carousel-container .sj-carousel-list .sj-slide-item {
    width: 800px;
  }
}
@media screen and (min-width: 768px) {
  .sj-carousel-wrapper button.navigator1, .sj-carousel-wrapper button.navigator2 {
    translate: 0;
  }
}
.button-wrapper {
  margin-top: 24px;
  -moz-column-gap: 25px;
       column-gap: 25px;
}
.button-wrapper .button {
  margin-bottom: 15px;
}
.button-wrapper .button:last-of-type {
  margin-bottom: 0;
}

.button, input[type=submit] {
  display: inline-block;
  padding: 8px 45px;
  border: 1px solid var(--sj-accent-color, #53561F);
  background: var(--sj-accent-color, #53561F);
  color: #fff;
  border-radius: 4px;
  transition: all 0.35s ease-in;
}
.button:hover, input[type=submit]:hover {
  color: var(--sj-accent-color, #53561F);
  background: #fff;
}
.button.ghost-btn, input[type=submit].ghost-btn {
  background: #fff;
  color: var(--sj-accent-color, #53561F);
}
.button.ghost-btn:hover, input[type=submit].ghost-btn:hover {
  background: var(--sj-accent-color, #53561F);
  color: #fff;
}

#wrapper .tribe-events .tribe-events-c-search__button,
#wrapper .tribe-events .button.tribe-events-c-search__button {
  background-color: #53561F;
}
#wrapper .single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover,
#wrapper .single-tribe_events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button:hover,
#wrapper .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover,
#wrapper .tribe-events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button:hover {
  background-color: #53561F;
}
#wrapper .single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover .tribe-events-c-subscribe-dropdown__button-text,
#wrapper .single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover button.tribe-events-c-subscribe-dropdown__button-text,
#wrapper .single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover .tribe-events-c-subscribe-dropdown__button-icon,
#wrapper .single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover .tribe-events-c-subscribe-dropdown__export-icon,
#wrapper .single-tribe_events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button:hover .tribe-events-c-subscribe-dropdown__button-text,
#wrapper .single-tribe_events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button:hover button.tribe-events-c-subscribe-dropdown__button-text,
#wrapper .single-tribe_events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button:hover .tribe-events-c-subscribe-dropdown__button-icon,
#wrapper .single-tribe_events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button:hover .tribe-events-c-subscribe-dropdown__export-icon,
#wrapper .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover .tribe-events-c-subscribe-dropdown__button-text,
#wrapper .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover button.tribe-events-c-subscribe-dropdown__button-text,
#wrapper .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover .tribe-events-c-subscribe-dropdown__button-icon,
#wrapper .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover .tribe-events-c-subscribe-dropdown__export-icon,
#wrapper .tribe-events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button:hover .tribe-events-c-subscribe-dropdown__button-text,
#wrapper .tribe-events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button:hover button.tribe-events-c-subscribe-dropdown__button-text,
#wrapper .tribe-events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button:hover .tribe-events-c-subscribe-dropdown__button-icon,
#wrapper .tribe-events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button:hover .tribe-events-c-subscribe-dropdown__export-icon {
  color: #fff;
}
#wrapper .single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text,
#wrapper .single-tribe_events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button-text,
#wrapper .single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-icon,
#wrapper .single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__export-icon,
#wrapper .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text,
#wrapper .tribe-events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button-text,
#wrapper .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-icon,
#wrapper .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__export-icon {
  color: #53561F;
}
#wrapper .tribe-common .tribe-common-c-btn-border,
#wrapper .tribe-common a.tribe-common-c-btn-border {
  border-color: #53561F;
}
#wrapper .tribe-events-calendar-month__body .tribe-events-calendar-month__week .tribe-events-calendar-month__day .tribe-events-calendar-month__day-date .tribe-events-calendar-month__day-date-daynum a {
  color: #fff;
  font-weight: 700;
  font-size: 24px;
  background: #53561F;
  border-radius: 100px;
  padding: 5px;
}
#wrapper .tribe-events-calendar-month__body .tribe-events-calendar-month__week .tribe-events-calendar-month__day .tribe-events-calendar-month__calendar-event-datetime,
#wrapper .tribe-events-calendar-month__body .tribe-events-calendar-month__week .tribe-events-calendar-month__day .tribe-events-calendar-month__calendar-event-title-link {
  color: #53561F;
  font-weight: 700;
}

@media (min-width: 576px) {
  .button-wrapper .button {
    margin-bottom: 0;
  }
}
.card-img {
  height: 250px;
  margin-top: 15px;
  align-self: end;
}

.media-col {
  height: 350px;
}

.half-width-wrapper iframe {
  height: 100%;
}

/* cards */
.sj-card {
  padding: 15px;
}
.sj-card .sj-card-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.sj-card img {
  width: 35px;
  height: auto;
}
.sj-card p {
  margin: 0;
}

.sj-card {
  position: relative;
  transition: box-shadow 0.25s ease-in;
}
.sj-card:hover {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.lists-wrapper.center .sj-card {
  text-align: center;
}
.lists-wrapper.link-arrow .sj-card:after {
  display: block;
  background: url(../images/icons/link-arrow.svg);
  content: "";
  width: 170px;
  height: 10px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
  margin-top: 15px;
  margin-bottom: 5px;
  transition: margin-left 0.2s ease-in-out;
}
.lists-wrapper.link-arrow .sj-card:hover:after {
  margin-left: 10px;
}
.lists-wrapper.icon-md .sj-card img {
  width: 70px;
}
.lists-wrapper.icon-absolute .sj-card h4 {
  margin-top: 20px;
}
.lists-wrapper.icon-absolute .sj-card img {
  position: absolute;
  top: -15%;
}
.lists-wrapper.icon-absolute.icon-md .sj-card {
  margin: 35px 0;
}
.lists-wrapper.icon-absolute.icon-md .sj-card h4 {
  margin-top: 35px;
}
.lists-wrapper.icon-absolute.icon-md .sj-card img {
  top: -30%;
}

.post-type-single i {
  transition: margin-left 0.25s ease-in-out;
}
.post-type-single:hover i {
  margin-left: 15px;
}

.sj_members-wrapper .post-type-single {
  font-family: "Nunito Sans", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
}
.sj_members-wrapper .post-type-single h4 {
  font-family: "Nunito Sans", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
  font-size: 27px;
  font-weight: 700;
}
.sj_members-wrapper .post-type-single a {
  color: #53561F;
  text-decoration: underline;
}

.section-image-carousel {
  position: relative;
  margin-bottom: 10rem;
}
.section-image-carousel.full .image-carousel {
  max-width: none;
}
.section-image-carousel.full .prev-button,
.section-image-carousel.full .next-button {
  width: 44px;
  color: #fff;
  background: rgba(38, 36, 50, 0.8);
}
.section-image-carousel.full .prev-button {
  left: 10px;
}
.section-image-carousel.full .next-button {
  right: 10px;
}
.section-image-carousel .image-carousel {
  max-width: 1250px;
  position: relative;
  height: auto;
  margin: auto;
  overflow: hidden;
}
.section-image-carousel .image-carousel .image-carousel-track {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 300ms ease-in-out;
}
.section-image-carousel .image-carousel .image-carousel-track .slide {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 100%;
  min-height: 100%;
}
.section-image-carousel .image-carousel .image-carousel-track .slide .carousel-image {
  width: 100%;
  height: 550px;
  background-repeat: no-repeat;
  background-size: cover;
}
.section-image-carousel .image-carousel .image-carousel-track .slide .attachment-caption {
  width: 100%;
  margin: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}
.section-image-carousel .prev-button,
.section-image-carousel .next-button {
  display: inline;
  position: absolute;
  top: calc(50% - 22px);
  z-index: 5;
  cursor: pointer;
  outline: none;
  border: none;
  background: transparent;
  font-size: 30px;
}
.section-image-carousel .prev-button img,
.section-image-carousel .next-button img {
  margin: 0;
}
.section-image-carousel .prev-button {
  left: 0;
}
.section-image-carousel .next-button {
  right: 0;
}
.section-image-carousel .image-carousel-bullets {
  display: flex;
  width: 100%;
  justify-content: center;
  position: absolute;
  left: 0;
  bottom: -2rem;
}
.section-image-carousel .image-carousel-bullets .bullet {
  display: inline-block;
  background-color: #262432;
  opacity: 0.5;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  margin: 0 15px;
  cursor: pointer;
  transition: background-color 0.6s ease;
}
.section-image-carousel .image-carousel-bullets .bullet.active {
  opacity: 1;
}

/* Reveal Animation */
.reveal {
  transition: all 0.35s ease-in;
}
.reveal.text-editor, .reveal.full-width-img, .reveal.text-col, .reveal.bnr-wrapper, .reveal.lists-wrapper, .reveal.title-arrow, .reveal.list-style-none {
  opacity: 0;
  transform: translateY(50px);
}
.reveal.text-editor.active, .reveal.full-width-img.active, .reveal.text-col.active, .reveal.bnr-wrapper.active, .reveal.lists-wrapper.active, .reveal.title-arrow.active, .reveal.list-style-none.active {
  opacity: 1;
  transform: translateY(0);
}
.reveal.button-wrapper, .reveal.left-col, .reveal.tile-card {
  opacity: 0;
  transform: translateX(-50px);
}
.reveal.button-wrapper.active, .reveal.left-col.active, .reveal.tile-card.active {
  opacity: 1;
  transform: translateX(0);
}
.reveal.right-col {
  opacity: 0;
  transform: translateX(50px);
}
.reveal.right-col.active {
  opacity: 1;
  transform: translateX(0);
}
.reveal.sj-card {
  opacity: 0;
  transform: translateY(-50px);
}
.reveal.sj-card.active {
  opacity: 1;
  transform: translateY(0);
}

#footer {
  padding: 10px 0;
}
#footer p {
  font-size: 1.25rem;
  margin-bottom: 0;
  color: #fff;
}
#footer a {
  color: #fff;
}
#footer a:hover {
  color: #fff;
  text-decoration: underline;
}

@media (min-width: 576px) {
  .lower-footer {
    text-align: center;
  }
}
#wrapper .gform_wrapper {
  max-width: 900px;
  margin: 0 auto;
}
#wrapper .gform_wrapper .gform_title {
  text-align: center;
}
#wrapper .gform_wrapper .gfield_label {
  font-family: "Nunito Sans", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
  font-size: 18px;
  color: #343402;
  font-weight: 500;
}
#wrapper .gform_wrapper .ginput_complex .gform-field-label {
  font-size: 16px;
  color: #343402;
}
#wrapper .gform_wrapper .gfield_description {
  font-size: 16px;
  color: #53561F;
}
#wrapper .gform_wrapper .gform_footer .gform_button {
  display: inline-block;
  padding: 8px 45px;
  border: 1px solid var(--sj-accent-color, #53561F);
  background: var(--sj-accent-color, #53561F);
  color: #fff;
  border-radius: 4px;
  transition: all 0.35s ease-in;
  font-size: 18px;
  line-height: 1.4;
}
#wrapper .gform_wrapper .gform_footer .gform_button:hover {
  color: var(--sj-accent-color, #53561F);
  background: #fff;
}

.password-protected .custom-password-message {
  color: #b51818;
  font-weight: 700;
}
.password-protected .post-password-form p {
  margin-bottom: 25px;
}
.password-protected .post-password-form input[type=submit] {
  padding: 2px 45px;
}

/* Flex, Grid */
.display-grid {
  display: grid;
  gap: 30px;
}

@media (min-width: 1200px) {
  .grid-half {
    grid-template-columns: 1fr 1fr;
  }
  .grid-half .right {
    order: 2;
  }
}

.grid-one-third {
  gap: 40px;
}
@media (min-width: 1200px) {
  .grid-one-third {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .grid-one-third li {
    display: grid;
  }
  .grid-one-third li a {
    display: grid;
    grid-template-rows: auto 1fr auto;
  }
  .grid-one-third li a .card-img {
    align-self: flex-end;
  }
}
@media (min-width: 1820px) {
  .grid-one-third {
    gap: 92px;
  }
}

.display-flex {
  display: flex;
  flex-wrap: wrap;
}

.lists-wrapper.square .list-thumb {
  width: 100%;
  position: relative;
  padding-top: 100%;
  overflow: hidden;
}
.lists-wrapper.square .list-thumb a {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

@media (min-width: 576px) {
  .lists-wrapper {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 992px) {
  .lists-wrapper {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .lists-wrapper.two {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1200px) {
  .lists-wrapper.four {
    grid-template-columns: repeat(4, 1fr);
  }
}
.display-flex.align-center,
.display-grid.align-center {
  align-items: center;
}
.display-flex.justify-center,
.display-grid.justify-center {
  justify-content: center;
}
.display-flex.justify-start,
.display-grid.justify-start {
  justify-content: flex-start;
}

html.active {
  overflow-y: hidden;
}

#header {
  position: fixed;
  background-color: #53561F;
  width: 100vw;
  z-index: 99;
  top: 0;
  left: 0;
  height: auto;
  display: block;
}
#header.active {
  box-shadow: 0 3px 4px rgba(126, 124, 124, 0.16), 0 2px 4px rgba(0, 0, 0, 0.23);
}
#header nav {
  position: relative;
  padding: 0 30px;
  overflow: visible;
}
#header nav #burgerTrigger {
  position: absolute;
  top: 35px;
  right: 30px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background: #53561F;
  border: none;
  display: block;
  z-index: 9999;
}
#header nav #burgerTrigger .burger-inner {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 3px;
  background-color: #fff;
  transition: all 200ms ease-in;
  -webkit-transition: all 200ms ease-in;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
#header nav #burgerTrigger .burger-inner:after, #header nav #burgerTrigger .burger-inner:before {
  display: block;
  content: "";
  background-color: #fff;
  position: absolute;
  width: 100%;
  height: 3px;
  border-radius: 4px;
  transition: all 200ms ease-in;
  -webkit-transition: all 200ms ease-in;
  left: 0;
}
#header nav #burgerTrigger .burger-inner:after {
  top: 7px;
}
#header nav #burgerTrigger .burger-inner:before {
  bottom: 7px;
}
#header nav #burgerTrigger.active .burger-inner {
  background: transparent;
}
#header nav #burgerTrigger.active .burger-inner:after {
  top: -3px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
#header nav #burgerTrigger.active .burger-inner:before {
  bottom: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.primary-menu {
  max-width: 450px;
  left: -100%;
  width: 100vw;
  color: #262432;
  height: calc(100% - 66px);
  background-color: var(--sj-accent-color, #53561F);
  padding: 5%;
  position: fixed;
  z-index: 9997;
  overflow-y: auto;
  transform: translate3d(0, 0, 205px);
  -webkit-transform: translate3d(0, 0, 205px);
  transition: all 500ms ease-in-out;
}
.primary-menu.active {
  left: 0;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transition: all 500ms ease-in-out;
}
.primary-menu li {
  font-weight: 600;
  transition: background 0.25s ease-in;
  position: relative;
}
.primary-menu li a {
  display: inline-block;
  width: 100%;
  color: #fff;
  padding: 20px;
  transition: color 0.25s ease-in;
  text-decoration: none;
}
.primary-menu li a:hover {
  color: #fff;
  text-decoration: underline;
}
.primary-menu li i {
  display: none;
}
.primary-menu li.menu-item-has-children i {
  display: inline-block;
  font-size: 18px;
  color: #fff;
  cursor: pointer;
  position: absolute;
  top: 24px;
  right: 20px;
  transition: transform 0.15s ease-in;
}
.primary-menu li.menu-item-has-children i.open {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
}
.primary-menu li .sub-menu {
  display: none;
}
.primary-menu li .sub-menu li {
  margin: 0;
}
.primary-menu li .sub-menu li a {
  margin-left: 15px;
}
.primary-menu li .sub-menu li i {
  display: none;
}
.primary-menu > li {
  border-bottom: 1px solid #fff;
}
.primary-menu > li:first-of-type {
  border-top: 1px solid #fff;
}

@media (min-width: 1200px) {
  #burgerTrigger {
    display: none !important;
  }
  #header nav {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
  }
  #header nav .logo-burger-wrapper {
    max-width: 266px;
    flex-basis: 266px;
  }
  #header nav .logo-burger-wrapper .home-link {
    display: flex;
  }
  #header nav .primary-menu {
    display: flex;
    flex-wrap: wrap;
    max-width: calc(100% - 266px);
    flex-basis: calc(100% - 266px);
    position: initial;
    justify-content: flex-end;
    background: none;
    overflow: unset;
    padding: 0;
  }
  #header nav .primary-menu > li:after {
    content: none;
  }
  #header nav .primary-menu li {
    font-weight: 300;
    margin: 0 7px;
    padding: 0 8px;
  }
  #header nav .primary-menu li a {
    color: #fff;
    font-size: 16px;
    padding: 10px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1300px) {
  #header nav .primary-menu li a {
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  #header nav .primary-menu li.menu-item-has-children {
    position: relative;
  }
  #header nav .primary-menu li.menu-item-has-children i {
    color: #53561F;
    font-size: 12px;
    top: calc(50% - 6px);
    right: 0;
  }
  #header nav .primary-menu li.menu-item-has-children .sub-menu {
    display: block;
    visibility: hidden;
    width: 200px;
    position: absolute;
    background: var(--sj-accent-color, #53561F);
    border: 1px solid var(--sj-accent-color, #53561F);
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    transition: all 0.15s ease-in;
  }
  #header nav .primary-menu li.menu-item-has-children .sub-menu li {
    background: transparent;
    padding: 0;
    margin: 0;
  }
  #header nav .primary-menu li.menu-item-has-children .sub-menu li a {
    display: block;
    width: auto;
    font-size: 15px;
    margin: 0;
    padding: 15px;
    color: #fff;
    transition: all 0.15s ease-in;
  }
  #header nav .primary-menu li.menu-item-has-children .sub-menu li a:before {
    content: none;
  }
  #header nav .primary-menu li.menu-item-has-children .sub-menu li a:hover {
    color: var(--sj-accent-color, #53561F);
    background: #fff;
  }
  #header nav .primary-menu li.menu-item-has-children:hover .sub-menu {
    visibility: visible;
    transform: translateY(0);
    -webkit-transform: translateY(0);
  }
  #header nav .primary-menu > li {
    border: none;
  }
  #header nav .primary-menu > li:first-of-type {
    border: none;
  }
}
#home-hero {
  background-color: #EEEECE;
}

.back-to-link {
  display: flex;
  align-items: center;
}
.back-to-link i {
  margin-right: 15px;
  transition: margin-right 0.25s ease-in;
}
.back-to-link:hover i {
  margin-right: 10px;
}

.page-title:after {
  display: block;
  content: "";
  background-color: #343402;
  width: 30px;
  height: 2px;
  margin: 20px 0;
}

/* Page Content Styles */
.tile-card .card-link h3 {
  color: #343434;
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.tile-card .card-link h3 i {
  font-size: 22px;
  margin-top: 10px;
  transition: all 250ms ease-in;
}
.tile-card:hover h3 i {
  margin-right: 10px;
}

@media (min-width: 576px) {
  .tile-card .tile-img-col {
    height: 350px;
  }
}
@media (min-width: 768px) {
  .tiles-wrapper {
    display: flex;
    flex-wrap: wrap;
  }
  .tiles-wrapper .tile-card {
    margin-bottom: 0;
  }
  .tiles-wrapper.tile-groups-2 {
    justify-content: space-between;
  }
  .tiles-wrapper.tile-groups-2 .tile-card {
    max-width: 48%;
    flex-basis: 48%;
  }
  .tiles-wrapper.tile-groups-3 {
    justify-content: center;
    gap: 25px;
  }
  .tiles-wrapper.tile-groups-3 .tile-card {
    max-width: 48%;
    flex-basis: 48%;
  }
}
@media (min-width: 1200px) {
  .tiles-wrapper.tile-groups-3 {
    gap: 0;
    justify-content: space-between;
  }
  .tiles-wrapper.tile-groups-3 .tile-card {
    max-width: 32%;
    flex-basis: 32%;
  }
}
.sj-slider-wrapper {
  position: relative;
}
.sj-slider-wrapper .quote-img {
  width: 40px;
}

.sj-slider {
  padding: 30px;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 0;
  right: 0;
  transition: all 0.15s ease-in;
}
.sj-slider img,
.sj-slider h3,
.sj-slider h4,
.sj-slider p {
  transform: translateX(-25px);
  transition: all 0.25s ease-in;
}
.sj-slider.active {
  opacity: 1;
  visibility: visible;
}
.sj-slider.active img,
.sj-slider.active h3,
.sj-slider.active h4,
.sj-slider.active p {
  transform: translateX(0);
}

.slide-bullets-wrapper {
  display: flex;
  gap: 10px;
  position: absolute;
  bottom: 0;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  left: 50%;
}
.slide-bullets-wrapper .slide-bullet {
  width: 16px;
  height: 16px;
  display: block;
  border-radius: 10px;
  background: #262432;
  opacity: 0.2;
  transition: opacity 0.3s;
  cursor: pointer;
}
.slide-bullets-wrapper .slide-bullet.active {
  opacity: 1;
}

.slider-arrow {
  position: absolute;
  bottom: 0;
  cursor: pointer;
  background: #757575;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-content: center;
  padding: 10px;
}
.slider-arrow i {
  font-size: 16px;
}
.slider-arrow.left {
  left: 0;
}
.slider-arrow.right {
  right: 0;
}

@media screen and (min-width: 992px) {
  .slide-bullets-wrapper {
    left: 50%;
  }
}
@media screen and (min-width: 1200px) {
  .sj-slider-wrapper {
    max-width: 85%;
    margin: 0 auto;
  }
  .sj-slider {
    padding: 30px 45px;
  }
  .slider-arrow {
    top: calc(50% - 36px);
    bottom: auto;
  }
  .slider-arrow.left {
    left: -75px;
  }
  .slider-arrow.right {
    right: -75px;
  }
}
.pagination {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}

#members-links .members-links-wrapper .members-links {
  display: flex;
  gap: 20px;
  align-items: center;
  flex-direction: column;
  flex-wrap: wrap;
}
#members-links .members-links-wrapper .members-links li {
  width: 100%;
}
#members-links .members-links-wrapper .members-links li a {
  width: 100%;
  padding: 8px 0px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #members-links .members-links-wrapper .members-links {
    flex-direction: row;
  }
  #members-links .members-links-wrapper .members-links li {
    width: auto;
  }
  #members-links .members-links-wrapper .members-links li a {
    width: auto;
    padding: 8px 30px;
  }
}

.wrap .left-single-info {
  padding-bottom: 50px;
}
.wrap .left-single-info .back-link {
  text-decoration: underline;
}
.wrap .left-single-info .post-thumbnail {
  width: 100%;
  aspect-ratio: 1/1;
  height: auto;
  margin-top: 60px;
  margin-bottom: 40px;
  position: relative;
}
.wrap .left-single-info .post-thumbnail a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.wrap .left-single-info .button {
  width: 100%;
  margin: 0 0 30px;
  padding: 8px 0px;
  text-align: center;
}
.wrap article.main-content {
  padding-top: 50px;
}
.wrap article.main-content h5 {
  margin-bottom: 24px;
  margin-top: 0;
  text-transform: uppercase;
  color: #53561F;
  font-weight: 700;
}
.wrap article.main-content h5 span {
  text-transform: none;
  font-style: italic;
}
.wrap article.main-content h1 {
  margin: 0;
  color: #343402;
}
.wrap article.main-content .contact-info, .wrap article.main-content .text-editor {
  padding: 20px 0;
}
.wrap article.main-content .contact-info li, .wrap article.main-content .text-editor li {
  margin-bottom: 10px;
}
.wrap article.main-content .contact-info span, .wrap article.main-content .text-editor span {
  font-weight: 700;
  text-transform: uppercase;
  color: #53561F;
}
.wrap article.main-content .text-editor {
  padding: 0;
}
.wrap article.main-content .text-editor div {
  margin-top: 20px;
}
.wrap article.main-content .text-editor p {
  margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
  .wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    -moz-column-gap: 3.5%;
         column-gap: 3.5%;
  }
  .wrap .left-single-info {
    position: sticky;
    top: 0;
    left: 0;
    width: 22.4%;
    height: 100%;
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .wrap article.main-content {
    flex: 1;
    overflow-y: auto;
    padding-top: 100px;
  }
}
.text-editor {
  margin: 24px 0;
}
.text-editor blockquote {
  position: relative;
  padding-left: 100px;
}
.text-editor blockquote:before {
  display: block;
  content: "";
  width: 10px;
  height: 100%;
  background: #53561F;
  position: absolute;
  left: 50px;
}
.text-editor img.aligncenter {
  display: block;
  margin: 24px auto;
}
.text-editor img.alignleft {
  float: left;
}
.text-editor img.alignright {
  float: right;
}
.text-editor p:first-of-type {
  margin-top: 0;
}
.text-editor p:last-of-type {
  margin-bottom: 0;
}
.text-editor ul {
  list-style-type: disc;
}
.text-editor ol {
  list-style-type: decimal;
}
.text-editor ul, .text-editor ol {
  list-style: inside;
  padding-left: 25px;
}

.half-width-wrapper .text-editor img {
  display: block;
  width: 100%;
  margin: 0 auto;
}

.section-cards .sj-card {
  padding: 0;
  overflow: hidden;
}
.section-cards .sj-card h4 {
  font-family: "Nunito Sans", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
  color: #343402;
}
.section-cards .sj-card a {
  color: #343402;
}
.section-cards .sj-card:not(.square):hover img {
  filter: none;
}
.section-cards .sj-card:hover {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
.section-cards .sj-card:hover img {
  transform: scale(1.1);
}
.section-cards .sj-card:hover h4 {
  color: #53561F;
}
.section-cards .sj-card .sj-card-link {
  z-index: 2;
}
.section-cards .sj-card.square .img-placeholder img {
  transform: scale(1);
}
.section-cards .sj-card.square figure {
  aspect-ratio: 1/1;
}
.section-cards .sj-card:not(.square) figure img {
  filter: sepia(0.8);
  transition: filter 0.5s ease-in-out, transform 0.5s ease-in-out;
}
.section-cards .sj-card figure {
  overflow: hidden;
  aspect-ratio: 16/9;
}
.section-cards .sj-card figure img {
  min-width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.5s ease-in-out;
}
.section-cards .sj-card .sj-card-content {
  padding: 24px;
}
.section-cards .sj-card .sj-card-content .btn-group {
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
}
.section-cards .sj-card .sj-card-content .btn-group .profile-link {
  grid-column: 2/3;
  justify-self: end;
}
.section-cards .sj-card .sj-card-content .btn-group a {
  font-weight: 700;
  text-decoration: underline;
  color: #53561F;
}
.section-cards .sj-card .sj-card-content .btn-group a:hover {
  text-decoration: none;
  opacity: 0.8;
}