/* CSS Document */
/* Change media query settings in framework/_settings.scss */
/* Neutrals */
/* System */
/* Branding */
/* Variables */
/* Fonts */
html {
  box-sizing: border-box; }

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

/* Mixins */
:root {
  --color-light-text: $black;
  --color-dark-text: $white; }

/* Universal */
/* Headings */
/* Buttons */
/* Hover Effects */
/* Social */
/* Font Awesome ul li icons */
/* Accordion */
/* Posts */
/* maybe remove this stuff */
/* and this */
/* Widths/Heights of posts depending on columns */
/* 4 columns */
/* 3 columns */
/* Hole Cards */
/* Animations */
/* Gravity Forms - Elements */
/* Overrides */
/* Course Slider */
#wpadminbar {
  display: none; }

body {
  background: white;
  color: #1e3432;
  margin: 0 auto;
  padding: 0;
  font-family: "effra-cc", sans-serif;
  font-size: 19.2px;
  line-height: 150%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth; }
  @media screen and (max-width: 820px) {
    body {
      font-size: 18px;
      line-height: 130%; } }

* ::selection {
  background: #f0fdd0;
  color: #1e3432; }

/* Headings */
h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  letter-spacing: 0px;
  margin-top: 0;
  font-family: quincy-cf, serif; }
  h1.underline::after, h2.underline::after, h3.underline::after, h4.underline::after, h5.underline::after, h6.underline::after {
    content: "";
    border: 3px solid #cbef6c;
    width: 120px;
    display: block;
    margin: 12px auto 0;
    text-align: inherit;
    margin: 30px 0 60px;
    border: 3px solid #2e5854; }
  h1.underline.white-text::after, h2.underline.white-text::after, h3.underline.white-text::after, h4.underline.white-text::after, h5.underline.white-text::after, h6.underline.white-text::after {
    border: 3px solid #cbef6c; }

h1 {
  line-height: 1em;
  letter-spacing: 1px;
  font-weight: 400;
  font-size: clamp(48px, calc((90 - 48) * (max(100vw, 600px) - 600px) / (1440 - 600) + 48px), 90px);
  margin-bottom: 1.25em; }
  @media screen and (max-width: 820px) {
    h1 {
      line-height: 1em; } }
  @media screen and (max-width: 640px) {
    h1 {
      margin-bottom: 1em; } }

h4 {
  font-size: 32px;
  line-height: 40px;
  font-family: "sonar-sans", sans-serif;
  font-weight: 600;
  font-size: 26px;
  letter-spacing: 0.5px; }

h5 {
  font-size: 18px !important;
  font-family: "din-2014", sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 400; }

h6 {
  font-size: 22px;
  letter-spacing: 1px;
  margin-bottom: 24px;
  font-family: "sonar-sans", sans-serif;
  font-weight: 600; }

p {
  margin: 0 0 30px;
  letter-spacing: 0.25px;
  /*
	
	&+ h2,
	&+ h3,
	&+ h4,
	&+ p.larger {
		padding-top: 40px;
		
		@include media($small) {
		    padding-top: 20px;
		}
	}
	*/ }
  @media screen and (max-width: 1024px) {
    p {
      margin: 0 0 20px; } }
  p:last-of-type {
    margin-bottom: 0 !important; }
    p:last-of-type + ul {
      padding-top: 30px; }
      @media screen and (max-width: 1024px) {
        p:last-of-type + ul {
          padding-top: 20px; } }
  p.larger {
    font-size: 24px;
    /* Icons */ }
    @media screen and (max-width: 1024px) {
      p.larger {
        font-size: 20px; } }
    p.larger i {
      display: block !important;
      font-size: 40px;
      margin-bottom: 40px; }
      p.larger i:before {
        padding: 30px;
        border-radius: 60px;
        width: 100px;
        height: 100px;
        display: block;
        background: #e7d2bc;
        box-shadow: inset 0 0 2px white;
        border: 1px solid #1e3432;
        margin: 0 auto; }
  p a {
    text-decoration: underline;
    color: #1e3432; }
    p a:hover {
      text-decoration: none; }

strong {
  font-weight: 600; }

ul.icons {
  display: flex;
  flex-direction: row;
  padding: 30px 0 0;
  margin: 0; }
  ul.icons li {
    list-style: none;
    padding: 0 20px 0 0;
    font-size: 18px;
    font-weight: 500; }
    ul.icons li i {
      padding-right: 5px; }
  @media screen and (max-width: 1024px) {
    ul.icons {
      flex-direction: column; }
      ul.icons li {
        padding: 0 0 10px; }
        ul.icons li i {
          padding-right: 15px; } }

/* Animation */
.hover {
  animation-name: levitate;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-delay: 1s;
  position: relative; }

@keyframes levitate {
  50% {
    transform: translateY(20px); } }

.fade {
  animation: fade-in ease 3s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards; }

@keyframes fade-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fade-in-bottom {
  -webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both; }

@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

/* Divs and Layouts */
.container {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto; }
  @media screen and (max-width: 1600px) {
    .container {
      max-width: 100%;
      padding-left: 120px;
      padding-right: 120px; } }
  @media screen and (max-width: 1440px) {
    .container {
      padding-left: 60px;
      padding-right: 60px; } }
  @media screen and (max-width: 820px) {
    .container {
      padding-left: 30px;
      padding-right: 30px; } }

.full {
  max-width: 100%; }
  @media screen and (max-width: 1600px) {
    .full {
      padding: 0; } }

.padded {
  max-width: 100%;
  padding: 120px; }
  @media screen and (max-width: 1440px) {
    .padded {
      padding: 60px; } }
  @media screen and (max-width: 640px) {
    .padded {
      padding: 40px; } }
  @media screen and (max-width: 1600px) {
    .padded {
      padding: 100px; } }
  @media screen and (max-width: 1200px) {
    .padded {
      padding: 80px; } }
  @media screen and (max-width: 1024px) {
    .padded {
      padding: 60px; } }

.framed {
  padding-top: 120px;
  padding-bottom: 120px; }
  @media screen and (max-width: 1440px) {
    .framed {
      padding-top: 60px;
      padding-bottom: 60px; } }
  @media screen and (max-width: 640px) {
    .framed {
      padding-top: 40px;
      padding-bottom: 40px; } }

.centred {
  max-width: 960px;
  margin: 0 auto; }

.columns {
  display: flex;
  flex-direction: column; }
  .columns .container .heading p:last-of-type {
    margin-bottom: 30px !important; }

.rows {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (max-width: 820px) {
    .rows {
      flex-direction: column; } }

.center {
  text-align: center; }

.align-left {
  padding-left: 0; }

.align-right {
  padding-right: 0; }

.rows + .copy {
  padding-top: 60px; }

/* One Col */
.col-1-1 {
  width: 100%; }

/* Two Columns */
.col-1-2,
.col-2-2 {
  width: calc(50% - 30px); }
  @media screen and (max-width: 1024px) {
    .col-1-2,
    .col-2-2 {
      width: 100%;
      padding-left: 0;
      padding-right: 0; } }

/* Three Columns */
.col-1-3,
.col-2-3,
.col-3-3 {
  width: calc(33.33% - 30px); }
  @media screen and (max-width: 1200px) {
    .col-1-3,
    .col-2-3,
    .col-3-3 {
      width: calc(33.33% - 10px); } }
  @media screen and (max-width: 820px) {
    .col-1-3,
    .col-2-3,
    .col-3-3 {
      width: 100%;
      margin-bottom: 30px; } }

/* Four Columns */
.col-1-4,
.col-2-4,
.col-3-4,
.col-4-4 {
  width: calc(25% - 30px); }
  @media screen and (max-width: 1200px) {
    .col-1-4,
    .col-2-4,
    .col-3-4,
    .col-4-4 {
      width: calc(50% - 30px); } }
  @media screen and (max-width: 640px) {
    .col-1-4,
    .col-2-4,
    .col-3-4,
    .col-4-4 {
      width: 100%; } }

/* 2/3 split columns */
.full-width .container {
  padding-top: 120px;
  padding-bottom: 120px; }
  @media screen and (max-width: 1440px) {
    .full-width .container {
      padding-top: 60px;
      padding-bottom: 60px; } }
  @media screen and (max-width: 640px) {
    .full-width .container {
      padding-top: 40px;
      padding-bottom: 40px; } }
  .full-width .container.shift-left .col-1-2 {
    width: 60%; }
  .full-width .container.shift-left .col-2-2 {
    width: calc(40% - 60px); }
  .full-width .container.shift-right .col-1-2 {
    width: calc(40% - 60px); }
  .full-width .container.shift-right .col-2-2 {
    width: 60%; }
  @media screen and (max-width: 1024px) {
    .full-width .container.shift-left .col-1-2,
    .full-width .container.shift-left .col-2-2, .full-width .container.shift-right .col-1-2,
    .full-width .container.shift-right .col-2-2 {
      width: 100%;
      padding-left: 0;
      padding-right: 0; } }

/* Column Split Styling */
.columns .container.first-third .heading {
  width: calc(50% - 30px); }
  @media screen and (max-width: 1024px) {
    .columns .container.first-third .heading {
      width: 100%; } }

.columns .container.first-third .rows {
  justify-content: space-between;
  flex-wrap: wrap;
  /* Three Columns */
  /* Four Columns */ }
  @media screen and (max-width: 1024px) {
    .columns .container.first-third .rows {
      flex-direction: row; } }
  @media screen and (max-width: 820px) {
    .columns .container.first-third .rows {
      flex-direction: column; } }
  .columns .container.first-third .rows .col-1-3 {
    width: calc(50% - 30px); }
    @media screen and (max-width: 1024px) {
      .columns .container.first-third .rows .col-1-3 {
        width: 100%;
        margin-bottom: 30px; } }
    @media screen and (max-width: 820px) {
      .columns .container.first-third .rows .col-1-3 {
        margin-bottom: 0; } }
  .columns .container.first-third .rows .col-2-3,
  .columns .container.first-third .rows .col-3-3 {
    width: calc(25% - 30px); }
    @media screen and (max-width: 1024px) {
      .columns .container.first-third .rows .col-2-3,
      .columns .container.first-third .rows .col-3-3 {
        width: calc(50% - 30px); } }
    @media screen and (max-width: 820px) {
      .columns .container.first-third .rows .col-2-3,
      .columns .container.first-third .rows .col-3-3 {
        width: 100%;
        margin-top: 30px; } }
  .columns .container.first-third .rows .col-1-4 {
    width: calc(40% - 30px); }
    @media screen and (max-width: 1200px) {
      .columns .container.first-third .rows .col-1-4 {
        width: 100%;
        margin-bottom: 30px; } }
    @media screen and (max-width: 820px) {
      .columns .container.first-third .rows .col-1-4 {
        margin-bottom: 0; } }
  .columns .container.first-third .rows .col-2-4,
  .columns .container.first-third .rows .col-3-4,
  .columns .container.first-third .rows .col-4-4 {
    width: calc(20% - 30px); }
    @media screen and (max-width: 1200px) {
      .columns .container.first-third .rows .col-2-4,
      .columns .container.first-third .rows .col-3-4,
      .columns .container.first-third .rows .col-4-4 {
        width: calc(33.33% - 30px);
        margin-bottom: 30px; } }
    @media screen and (max-width: 820px) {
      .columns .container.first-third .rows .col-2-4,
      .columns .container.first-third .rows .col-3-4,
      .columns .container.first-third .rows .col-4-4 {
        width: 100%;
        margin-bottom: 0;
        margin-top: 30px; } }

/* Background Colours */
.brand {
  background-color: #1e3432;
  color: white; }

.cobrand {
  background-color: #2e5854;
  color: white; }

.accent {
  background-color: #cbef6c; }

.muted {
  background-color: #cad8ce;
  color: #2e5854; }

.contrast {
  background-color: #e7d2bc; }

.white-text {
  color: white; }

/* Buttons */
.btn {
  border: 1px solid #1e3432;
  background: #1e3432;
  color: white;
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin: 0;
  border-radius: 5px;
  padding: 15px 25px;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 1px;
  font-weight: 400;
  text-decoration: none !important;
  z-index: 1;
  transition: 0.5s ease-in-out; }
  .btn:after, .btn:before {
    transition: 0.5s ease-in-out; }
  .btn:hover {
    color: #1e3432; }
  .btn:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: -1px;
    background-color: #cbef6c;
    transform: translateX(-100%);
    z-index: -1; }
  .btn:hover:before {
    transform: translateX(0); }
  .btn .fa-brands, .btn .fab {
    margin-right: 9px; }
  .btn.outline, .btn.white-text {
    border: 1px solid #1e3432;
    background: #1e3432;
    color: white;
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin: 0;
    border-radius: 5px;
    padding: 15px 25px;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 1px;
    font-weight: 400;
    text-decoration: none !important;
    z-index: 1;
    transition: 0.5s ease-in-out;
    color: #cbef6c;
    border: 1px solid white;
    background: transparent; }
    .btn.outline:after, .btn.outline:before, .btn.white-text:after, .btn.white-text:before {
      transition: 0.5s ease-in-out; }
    .btn.outline:hover, .btn.white-text:hover {
      color: #1e3432; }
    .btn.outline:before, .btn.white-text:before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: -1px;
      background-color: #cbef6c;
      transform: translateX(-100%);
      z-index: -1; }
    .btn.outline:hover:before, .btn.white-text:hover:before {
      transform: translateX(0); }
    .btn.outline .fa-brands, .btn.outline .fab, .btn.white-text .fa-brands, .btn.white-text .fab {
      margin-right: 9px; }
    .btn.outline:hover, .btn.white-text:hover {
      border: 1px solid #cbef6c; }
  .btn.white-text {
    color: white; }
  .btn.arrow {
    color: white; }
    .btn.arrow i {
      margin-right: 10px; }
    .btn.arrow:hover {
      color: #1e3432; }
  .btn.arrow-right {
    color: white; }
    .btn.arrow-right i {
      margin-left: 10px; }
    .btn.arrow-right:hover {
      color: #1e3432; }
  .btn.tee-time {
    background-color: #cad8ce;
    color: #1e3432; }
    .btn.tee-time i {
      margin-right: 10px; }
    .btn.tee-time:hover {
      background-color: #cbef6c; }
  .btn:hover {
    cursor: pointer; }

/* Animations */
.shrink {
  transition: all 0.3s ease; }

/* Forms */
.gform_wrapper .gform_heading {
  font-size: 26px;
  letter-spacing: 1.5px;
  margin-bottom: 30px; }
  .gform_wrapper .gform_heading .gform_description {
    font-size: 18px; }

.gform_wrapper form .gform_body .gform_fields .gfield .ginput_container input, .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container select, .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container textarea {
  font-family: "effra-cc", sans-serif;
  border: 1px solid #B3BFB6;
  color: #1e3432;
  letter-spacing: 1px;
  padding: 15px 20px;
  font-size: 18px;
  line-height: 24px; }

.gform_wrapper form .gform_body .gform_fields .gfield input, .gform_wrapper form .gform_body .gform_fields .gfield select, .gform_wrapper form .gform_body .gform_fields .gfield textarea {
  font-family: "effra-cc", sans-serif;
  border: 1px solid #B3BFB6;
  color: #1e3432;
  letter-spacing: 1px;
  padding: 15px 20px;
  font-size: 18px;
  line-height: 24px; }

.gform_wrapper form .gform_body .gform_fields .gfield input[type=checkbox] {
  padding: 0px !important;
  width: 16px;
  height: 16px; }

.gform_wrapper form .gform_body .gform_fields .gfield select {
  /* Custom Overrides */ }
  .gform_wrapper form .gform_body .gform_fields .gfield select select {
    font-family: "effra-cc", sans-serif;
    border: 1px solid #B3BFB6;
    color: #1e3432;
    letter-spacing: 1px;
    padding: 15px 20px;
    font-size: 18px;
    line-height: 24px;
    display: inline-block;
    width: 100%;
    cursor: pointer;
    height: 56px;
    padding-right: 40px;
    outline: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none; }
    .gform_wrapper form .gform_body .gform_fields .gfield select select::-ms-expand {
      display: none; }
    .gform_wrapper form .gform_body .gform_fields .gfield select select:disabled {
      opacity: 0.5;
      pointer-events: none; }
    @media screen and (max-width: 640px) {
      .gform_wrapper form .gform_body .gform_fields .gfield select select {
        height: 68px !important; } }
  .gform_wrapper form .gform_body .gform_fields .gfield select::after {
    content: "\f13a";
    font-family: 'Font Awesome 6 Pro';
    font-weight: 500;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 20px;
    color: #1e3432; }

.gform_wrapper form .gform_body .gform_fields .gfield textarea {
  height: 150px; }

.gform_wrapper form .gform_body .gform_fields .gfield .gfield_label {
  color: #1e3432;
  display: block; }

.gform_wrapper form .gform_body .ginput_container_select,
.gform_wrapper form .gform_body .gfield_time_ampm {
  position: relative;
  display: inline-block;
  width: 100%;
  /* Custom Overrides */
  color: white; }
  .gform_wrapper form .gform_body .ginput_container_select select,
  .gform_wrapper form .gform_body .gfield_time_ampm select {
    font-family: "effra-cc", sans-serif;
    border: 1px solid #B3BFB6;
    color: #1e3432;
    letter-spacing: 1px;
    padding: 15px 20px;
    font-size: 18px;
    line-height: 24px;
    display: inline-block;
    width: 100%;
    cursor: pointer;
    height: 56px;
    padding-right: 40px;
    outline: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none; }
    .gform_wrapper form .gform_body .ginput_container_select select::-ms-expand,
    .gform_wrapper form .gform_body .gfield_time_ampm select::-ms-expand {
      display: none; }
    .gform_wrapper form .gform_body .ginput_container_select select:disabled,
    .gform_wrapper form .gform_body .gfield_time_ampm select:disabled {
      opacity: 0.5;
      pointer-events: none; }
    @media screen and (max-width: 640px) {
      .gform_wrapper form .gform_body .ginput_container_select select,
      .gform_wrapper form .gform_body .gfield_time_ampm select {
        height: 68px !important; } }
  .gform_wrapper form .gform_body .ginput_container_select::after,
  .gform_wrapper form .gform_body .gfield_time_ampm::after {
    content: "\f13a";
    font-family: 'Font Awesome 6 Pro';
    font-weight: 500;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 20px;
    color: #1e3432; }

.gform_wrapper form .gform_body .gfield--type-date .ginput_container_date,
.gform_wrapper form .gform_body .gfield--datepicker-default-icon .ginput_container_date {
  position: relative; }
  .gform_wrapper form .gform_body .gfield--type-date .ginput_container_date img.ui-datepicker-trigger,
  .gform_wrapper form .gform_body .gfield--datepicker-default-icon .ginput_container_date img.ui-datepicker-trigger {
    position: absolute;
    right: 20px;
    display: none; }
  .gform_wrapper form .gform_body .gfield--type-date .ginput_container_date::after,
  .gform_wrapper form .gform_body .gfield--datepicker-default-icon .ginput_container_date::after {
    content: "\f073";
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 20px;
    color: #1e3432; }

.gform_wrapper form .gform_body .gfield--type-date .datepicker_with_icon,
.gform_wrapper form .gform_body .gfield--datepicker-default-icon .datepicker_with_icon {
  width: 100% !important; }

.gform_wrapper form .gform_body .gfield--input-type-time.gfield--width-half legend {
  display: none; }

.gform_wrapper form .gform_body .gfield--input-type-time.gfield--width-half .ginput_complex {
  justify-content: space-between;
  align-items: center; }
  .gform_wrapper form .gform_body .gfield--input-type-time.gfield--width-half .ginput_complex .gfield_time_hour,
  .gform_wrapper form .gform_body .gfield--input-type-time.gfield--width-half .ginput_complex .gfield_time_minute {
    max-width: calc(50% - 11px);
    min-width: calc(50% - 11px); }

.gform_wrapper form .gform_body .gfield--input-type-section h3.gsection_title {
  margin: 20px 0 0; }

.gform_wrapper form .gform_footer {
  margin-top: 10px !important;
  padding: 0 !important; }
  .gform_wrapper form .gform_footer input.gform_button,
  .gform_wrapper form .gform_footer button.gform_button {
    -webkit-appearance: none;
    border: 1px solid #1e3432;
    background: #1e3432;
    color: white;
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin: 0;
    border-radius: 5px;
    padding: 15px 25px;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 1px;
    font-weight: 400;
    text-decoration: none !important;
    z-index: 1;
    transition: 0.5s ease-in-out;
    height: auto;
    font-family: "effra-cc", sans-serif; }
    .gform_wrapper form .gform_footer input.gform_button:after, .gform_wrapper form .gform_footer input.gform_button:before,
    .gform_wrapper form .gform_footer button.gform_button:after,
    .gform_wrapper form .gform_footer button.gform_button:before {
      transition: 0.5s ease-in-out; }
    .gform_wrapper form .gform_footer input.gform_button:hover,
    .gform_wrapper form .gform_footer button.gform_button:hover {
      color: #1e3432; }
    .gform_wrapper form .gform_footer input.gform_button:before,
    .gform_wrapper form .gform_footer button.gform_button:before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: -1px;
      background-color: #cbef6c;
      transform: translateX(-100%);
      z-index: -1; }
    .gform_wrapper form .gform_footer input.gform_button:hover:before,
    .gform_wrapper form .gform_footer button.gform_button:hover:before {
      transform: translateX(0); }
    .gform_wrapper form .gform_footer input.gform_button .fa-brands, .gform_wrapper form .gform_footer input.gform_button .fab,
    .gform_wrapper form .gform_footer button.gform_button .fa-brands,
    .gform_wrapper form .gform_footer button.gform_button .fab {
      margin-right: 9px; }
    .gform_wrapper form .gform_footer input.gform_button:hover,
    .gform_wrapper form .gform_footer button.gform_button:hover {
      transition: all 0.3s ease;
      cursor: pointer; }
    .gform_wrapper form .gform_footer input.gform_button i,
    .gform_wrapper form .gform_footer button.gform_button i {
      padding-left: 10px; }
  .gform_wrapper form .gform_footer .custom-submit-button-wrapper {
    display: inline-flex;
    align-items: center; }
  .gform_wrapper form .gform_footer .custom-submit-button-wrapper i {
    margin-left: 0.5em;
    /* Space between the text and the icon */ }

.gform_wrapper form.form-light {
  color: var(--color-light-text); }
  .gform_wrapper form.form-light ::-webkit-input-placeholder {
    color: #000000;
    opacity: 1; }
  .gform_wrapper form.form-light :-moz-placeholder {
    color: #000000;
    opacity: 1; }
  .gform_wrapper form.form-light ::-moz-placeholder {
    color: #000000;
    opacity: 1; }
  .gform_wrapper form.form-light :-ms-input-placeholder {
    color: #000000;
    opacity: 1; }

.gform_wrapper form.form-dark {
  color: var(--color-dark-text);
  color: select-color-white; }
  .gform_wrapper form.form-dark ::-webkit-input-placeholder {
    color: white;
    opacity: 1; }
  .gform_wrapper form.form-dark :-moz-placeholder {
    color: white;
    opacity: 1; }
  .gform_wrapper form.form-dark ::-moz-placeholder {
    color: white;
    opacity: 1; }
  .gform_wrapper form.form-dark :-ms-input-placeholder {
    color: white;
    opacity: 1; }
  .gform_wrapper form.form-dark input, .gform_wrapper form.form-dark select, .gform_wrapper form.form-dark textarea {
    background-color: rgba(46, 88, 84, 0.25);
    border: 1px solid #2e5854 !important;
    color: white !important; }
  .gform_wrapper form.form-dark input:-webkit-autofill,
  .gform_wrapper form.form-dark input:-webkit-autofill:hover,
  .gform_wrapper form.form-dark input:-webkit-autofill:focus,
  .gform_wrapper form.form-dark textarea:-webkit-autofill,
  .gform_wrapper form.form-dark textarea:-webkit-autofill:hover,
  .gform_wrapper form.form-dark textarea:-webkit-autofill:focus,
  .gform_wrapper form.form-dark select:-webkit-autofill,
  .gform_wrapper form.form-dark select:-webkit-autofill:hover,
  .gform_wrapper form.form-dark select:-webkit-autofill:focus {
    -webkit-text-fill-color: white;
    -webkit-box-shadow: 0 0 0px 1000px #223D3B inset !important; }
  .gform_wrapper form.form-dark select {
    color: white; }
  .gform_wrapper form.form-dark .gfield--type-date .ginput_container_date::after,
  .gform_wrapper form.form-dark .gfield--datepicker-default-icon .ginput_container_date::after {
    color: white; }
  .gform_wrapper form.form-dark .ginput_container_select::after,
  .gform_wrapper form.form-dark .gfield_time_ampm::after {
    color: white; }
  .gform_wrapper form.form-dark .gform_footer input.gform_button,
  .gform_wrapper form.form-dark .gform_footer button.gform_button {
    border: 1px solid #1e3432;
    background: #1e3432;
    color: white;
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin: 0;
    border-radius: 5px;
    padding: 15px 25px;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 1px;
    font-weight: 400;
    text-decoration: none !important;
    z-index: 1;
    transition: 0.5s ease-in-out;
    color: #cbef6c;
    border: 1px solid white;
    background: transparent;
    border: 1px solid white !important; }
    .gform_wrapper form.form-dark .gform_footer input.gform_button:after, .gform_wrapper form.form-dark .gform_footer input.gform_button:before,
    .gform_wrapper form.form-dark .gform_footer button.gform_button:after,
    .gform_wrapper form.form-dark .gform_footer button.gform_button:before {
      transition: 0.5s ease-in-out; }
    .gform_wrapper form.form-dark .gform_footer input.gform_button:hover,
    .gform_wrapper form.form-dark .gform_footer button.gform_button:hover {
      color: #1e3432; }
    .gform_wrapper form.form-dark .gform_footer input.gform_button:before,
    .gform_wrapper form.form-dark .gform_footer button.gform_button:before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: -1px;
      background-color: #cbef6c;
      transform: translateX(-100%);
      z-index: -1; }
    .gform_wrapper form.form-dark .gform_footer input.gform_button:hover:before,
    .gform_wrapper form.form-dark .gform_footer button.gform_button:hover:before {
      transform: translateX(0); }
    .gform_wrapper form.form-dark .gform_footer input.gform_button .fa-brands, .gform_wrapper form.form-dark .gform_footer input.gform_button .fab,
    .gform_wrapper form.form-dark .gform_footer button.gform_button .fa-brands,
    .gform_wrapper form.form-dark .gform_footer button.gform_button .fab {
      margin-right: 9px; }
    .gform_wrapper form.form-dark .gform_footer input.gform_button:hover,
    .gform_wrapper form.form-dark .gform_footer button.gform_button:hover {
      border: 1px solid #cbef6c; }

.no-labels_wrapper label {
  display: none !important; }

/* Header */
#header {
  position: fixed;
  z-index: 99;
  width: 100%;
  transition: all 0.3s ease;
  background: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  opacity: 0;
  transform: translateY(-20px);
  /* Slight move up */
  height: 120px; }
  @media screen and (max-width: 820px) {
    #header {
      height: 80px; } }
  #header .container {
    max-width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 1600px) {
      #header .container {
        padding-left: 0;
        padding-right: 0; } }
    #header .container #logo {
      width: 120px;
      height: 100%;
      transition: all 0.3s ease; }
      #header .container #logo a {
        display: block;
        padding: 35px 35px;
        transition: all 0.3s ease; }
        @media screen and (max-width: 820px) {
          #header .container #logo a {
            padding: 15px 35px; } }
        #header .container #logo a img {
          display: block;
          opacity: 1;
          transition: all 0.3s ease; }
          #header .container #logo a img:hover {
            opacity: 0.75;
            transition: all 0.3s ease; }
      @media screen and (max-width: 820px) {
        #header .container #logo {
          height: 80px; } }
  @media screen and (max-width: 820px) and (max-width: 820px) {
    #header .container #logo {
      height: 80px; } }
    #header .container #search {
      width: 120px;
      transition: all 0.3s ease;
      position: relative;
      background: transparent;
      height: 120px; }
      @media screen and (max-width: 820px) {
        #header .container #search {
          height: 80px; } }
      @media screen and (max-width: 820px) {
        #header .container #search {
          height: 80px;
          width: 80px; } }
  @media screen and (max-width: 820px) and (max-width: 820px) {
    #header .container #search {
      height: 80px; } }
      #header .container #search.right {
        position: absolute;
        right: 0; }
      #header .container #search #search-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        transition: all 0.3s ease;
        background: transparent;
        border: 0; }
        #header .container #search #search-btn:focus-visible {
          background: rgba(30, 52, 50, 0.5); }
        #header .container #search #search-btn:hover {
          cursor: pointer; }
        #header .container #search #search-btn i {
          font-size: 24px;
          color: white; }
      #header .container #search .search-field {
        display: none;
        position: absolute;
        right: 0;
        background: rgba(30, 52, 50, 0.75);
        padding: 30px 50px; }
        #header .container #search .search-field #searchform div {
          display: flex;
          flex-direction: row; }
          #header .container #search .search-field #searchform div input#s {
            font-family: "effra-cc", sans-serif;
            border: 1px solid #B3BFB6;
            color: #1e3432;
            letter-spacing: 1px;
            padding: 15px 20px;
            font-size: 18px;
            line-height: 24px;
            padding: 10px;
            border: 0px solid white;
            padding: 10px 20px;
            font-size: 16px;
            line-height: 24px;
            border-radius: 30px 0 0px 30px; }
          #header .container #search .search-field #searchform div input#searchsubmit {
            -webkit-appearance: none;
            border: 1px solid #1e3432;
            background: #1e3432;
            color: white;
            position: relative;
            display: inline-block;
            overflow: hidden;
            margin: 0;
            border-radius: 5px;
            padding: 15px 25px;
            font-size: 16px;
            line-height: 16px;
            letter-spacing: 1px;
            font-weight: 400;
            text-decoration: none !important;
            z-index: 1;
            transition: 0.5s ease-in-out;
            height: auto;
            font-family: "effra-cc", sans-serif;
            border: 0px solid white;
            border-radius: 0 30px 30px 0px;
            background: #cbef6c;
            color: #1e3432;
            transition: all 0.3s ease; }
            #header .container #search .search-field #searchform div input#searchsubmit:after, #header .container #search .search-field #searchform div input#searchsubmit:before {
              transition: 0.5s ease-in-out; }
            #header .container #search .search-field #searchform div input#searchsubmit:hover {
              color: #1e3432; }
            #header .container #search .search-field #searchform div input#searchsubmit:before {
              content: '';
              position: absolute;
              top: 0;
              right: 0;
              bottom: 0;
              left: -1px;
              background-color: #cbef6c;
              transform: translateX(-100%);
              z-index: -1; }
            #header .container #search .search-field #searchform div input#searchsubmit:hover:before {
              transform: translateX(0); }
            #header .container #search .search-field #searchform div input#searchsubmit .fa-brands, #header .container #search .search-field #searchform div input#searchsubmit .fab {
              margin-right: 9px; }
            #header .container #search .search-field #searchform div input#searchsubmit:hover {
              transition: all 0.3s ease;
              cursor: pointer; }
            #header .container #search .search-field #searchform div input#searchsubmit:hover {
              border: 0 !important;
              transition: all 0.3s ease; }
  #header.shrink {
    height: 80px;
    transition: all 0.3s ease;
    background: rgba(15, 31, 26, 0.9);
    border-bottom: 1px solid #1e3432; }
    @media screen and (max-width: 820px) {
      #header.shrink {
        height: 80px; } }
    #header.shrink .container #logo, #header.shrink .container #search {
      transition: all 0.3s ease;
      height: 80px; }
      @media screen and (max-width: 820px) {
        #header.shrink .container #logo, #header.shrink .container #search {
          height: 80px; } }
      #header.shrink .container #logo a, #header.shrink .container #search a {
        padding: 15px 35px;
        transition: all 0.3s ease; }
    @media screen and (max-width: 1024px) {
      #header.shrink .container .nav.open {
        top: 80px;
        transition: all 0.3s ease-in-out; } }
  #header.solid {
    background: rgba(15, 31, 26, 0.9); }
  @media screen and (max-width: 820px) {
    #header {
      height: 80px; } }
  @media screen and (max-width: 820px) and (max-width: 820px) {
    #header {
      height: 80px; } }

/* Banner - Default layout */
#banner {
  width: 100%;
  height: 70vh;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  /* parallax */
  position: relative;
  z-index: 1;
  opacity: 0;
  transform: translateY(-20px); }
  @media screen and (max-width: 820px) {
    #banner {
      height: 50vh; } }
  #banner .overlay {
    width: 100%;
    height: 100%;
    background: rgba(15, 31, 26, 0.7);
    display: flex;
    justify-content: flex-end;
    flex-direction: column; }
    #banner .overlay .container {
      width: 100%;
      height: 100%;
      align-content: flex-end; }
  #banner h1 {
    line-height: 1em;
    letter-spacing: 1px;
    font-weight: 400;
    font-size: clamp(48px, calc((90 - 48) * (max(100vw, 600px) - 600px) / (1440 - 600) + 48px), 90px);
    margin-bottom: 1.25em;
    color: white;
    opacity: 0;
    transform: translateY(-20px);
    /* Slight move up */ }
    @media screen and (max-width: 820px) {
      #banner h1 {
        line-height: 1em; } }
    @media screen and (max-width: 640px) {
      #banner h1 {
        margin-bottom: 1em; } }
    #banner h1 strong {
      font-size: 60px;
      display: block;
      color: #cbef6c;
      letter-spacing: 2px;
      font-weight: 600; }
      @media screen and (max-width: 820px) {
        #banner h1 strong {
          font-size: 40px; } }
  #banner blockquote {
    display: flex;
    padding: 0;
    margin: 0; }
    @media screen and (max-width: 820px) {
      #banner blockquote {
        flex-direction: row; } }
    #banner blockquote hr {
      width: 6px;
      height: 100%;
      border: 0;
      background: white;
      padding: 0;
      margin: 0px 60px 0 0; }
      @media screen and (max-width: 820px) {
        #banner blockquote hr {
          height: auto;
          margin: 10px 30px 0 0;
          display: block; } }
    #banner blockquote p {
      width: 40%;
      padding: 0;
      display: flex; }
      @media screen and (max-width: 820px) {
        #banner blockquote p {
          width: 100%; } }
  #banner.full {
    height: 100vh; }
    #banner.full .overlay .container {
      display: flex;
      flex-direction: column;
      justify-content: center; }
      #banner.full .overlay .container h1 {
        margin-top: 0;
        margin-bottom: 0px; }
      #banner.full .overlay .container h1 + h2 {
        line-height: 1em;
        letter-spacing: 1px;
        font-weight: 400;
        font-size: clamp(48px, calc((90 - 48) * (max(100vw, 600px) - 600px) / (1440 - 600) + 48px), 90px);
        margin-bottom: 1.25em;
        font-size: 60px;
        line-height: 60px;
        margin-top: 20px !important;
        position: relative;
        color: #cbef6c;
        letter-spacing: 3px; }
        @media screen and (max-width: 820px) {
          #banner.full .overlay .container h1 + h2 {
            line-height: 1em; } }
        @media screen and (max-width: 640px) {
          #banner.full .overlay .container h1 + h2 {
            margin-bottom: 1em; } }
        @media screen and (max-width: 1600px) {
          #banner.full .overlay .container h1 + h2 {
            font-size: 46px;
            line-height: 50px;
            letter-spacing: 2px; } }
        @media screen and (max-width: 820px) {
          #banner.full .overlay .container h1 + h2 {
            font-size: 36px;
            line-height: 40px;
            margin-top: -20px; } }
  #banner.center .overlay .container {
    justify-content: center;
    text-align: center; }
    #banner.center .overlay .container p {
      width: 50%;
      margin: 0 auto; }
      @media screen and (max-width: 1200px) {
        #banner.center .overlay .container p {
          width: 75%; } }
      @media screen and (max-width: 640px) {
        #banner.center .overlay .container p {
          width: 100%; } }
    #banner.center .overlay .container .btn {
      margin-top: 30px; }
    #banner.center .overlay .container .blockquote {
      justify-content: center;
      text-align: center; }
  #banner.no-image {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    background-color: #cad8ce;
    padding-top: 120px; }
    @media screen and (max-width: 820px) {
      #banner.no-image {
        padding-top: 80px; } }
    #banner.no-image .overlay {
      background: transparent; }
    #banner.no-image .container {
      padding-top: 120px;
      padding-bottom: 120px;
      text-align: center; }
      @media screen and (max-width: 1440px) {
        #banner.no-image .container {
          padding-top: 60px;
          padding-bottom: 60px; } }
      @media screen and (max-width: 640px) {
        #banner.no-image .container {
          padding-top: 40px;
          padding-bottom: 40px; } }
      #banner.no-image .container.align-right {
        text-align: left;
        max-width: 100%;
        padding-left: 240px;
        display: flex;
        flex-direction: row; }
        #banner.no-image .container.align-right .col-1-2 {
          width: calc(50% - 120px);
          width: 50%;
          padding-right: 0; }
        #banner.no-image .container.align-right .col-2-2 {
          width: 50%; }
          #banner.no-image .container.align-right .col-2-2 .img-holder {
            overflow: hidden; }
            #banner.no-image .container.align-right .col-2-2 .img-holder img {
              width: 100%;
              height: auto; }
      #banner.no-image .container h1 {
        color: #1e3432;
        margin-bottom: 40px; }
        @media screen and (max-width: 1024px) {
          #banner.no-image .container h1 {
            margin-bottom: 20px; } }
      #banner.no-image .container p {
        font-size: 22px;
        line-height: 40px;
        text-align: center;
        width: 50%;
        margin-left: auto;
        margin-right: auto; }
        @media screen and (max-width: 1440px) {
          #banner.no-image .container p {
            width: 75%;
            font-size: 20px;
            line-height: 32px; } }
        @media screen and (max-width: 820px) {
          #banner.no-image .container p {
            width: 100%;
            font-size: 18px;
            line-height: 24px; } }
        #banner.no-image .container p.tagline {
          font-family: quincy-cf, serif;
          letter-spacing: 0.5px;
          font-size: clamp(20px, calc((30 - 20) * ((100vw - 600px) / (1440 - 600)) + 20px), 30px);
          line-height: 1.5em;
          width: 80%; }
          @media screen and (max-width: 820px) {
            #banner.no-image .container p.tagline br {
              display: none; } }
          #banner.no-image .container p.tagline em {
            font-weight: 600;
            letter-spacing: 1px;
            border-bottom: 2px solid #cbef6c;
            text-shadow: 2px 2px #fff;
            color: #2e5854; }
          @media screen and (max-width: 1600px) {
            #banner.no-image .container p.tagline {
              width: 100%; } }
  #banner.half {
    height: 50vh; }

#home {
  /* parallax */
  position: relative;
  z-index: 1;
  background-color: #1e3432; }

#main {
  /* parallax */
  position: relative;
  z-index: 2;
  margin-bottom: 500px;
  background: white; }
  @media screen and (max-width: 1200px) {
    #main {
      margin-bottom: 660px; } }
  @media screen and (max-width: 820px) {
    #main {
      margin-bottom: 0; } }
  #main .content ul, #main .content ol {
    padding: 30px 0 0 20px;
    margin: 0 0 30px; }
    #main .content ul li, #main .content ol li {
      margin: 0 0 14px;
      letter-spacing: 0.25px;
      line-height: 26px; }
      #main .content ul li a, #main .content ol li a {
        color: #1e3432; }

#book {
  background: #1e3432 !important;
  /*.gform_wrapper {
		form {
			@include gravity-form-branded-theme;
			//@include dark-placeholder;
			@include form-theme(dark);
		}
	}*/ }

#footer-container {
  background: #1e3432;
  /* parallax */
  height: 500px;
  position: fixed;
  bottom: 0;
  width: 100%; }
  @media screen and (max-width: 1200px) {
    #footer-container {
      height: 660px; } }
  @media screen and (max-width: 820px) {
    #footer-container {
      height: auto;
      position: relative; } }
  #footer-container #footer .container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 100px;
    padding-bottom: 100px;
    /* Contact Details */ }
    @media screen and (max-width: 1200px) {
      #footer-container #footer .container {
        padding-top: 60px;
        padding-bottom: 60px; } }
    @media screen and (max-width: 640px) {
      #footer-container #footer .container {
        flex-direction: column;
        text-align: center; } }
    #footer-container #footer .container h6 {
      color: #cad8ce; }
    #footer-container #footer .container p, #footer-container #footer .container li {
      font-size: 16px;
      line-height: 26px;
      color: white;
      letter-spacing: 0.5px; }
      #footer-container #footer .container p a, #footer-container #footer .container li a {
        color: white;
        text-decoration: underline; }
        #footer-container #footer .container p a:hover, #footer-container #footer .container li a:hover {
          text-decoration: none; }
    #footer-container #footer .container ul {
      padding: 0;
      margin: 0; }
      #footer-container #footer .container ul li {
        list-style: none; }
    #footer-container #footer .container ul.links {
      padding-left: 18px; }
      @media screen and (max-width: 1200px) {
        #footer-container #footer .container ul.links {
          padding-bottom: 30px; } }
      #footer-container #footer .container ul.links li {
        margin-bottom: 10px;
        color: #cbef6c;
        list-style: square; }
        #footer-container #footer .container ul.links li:hover a {
          text-decoration: underline; }
        #footer-container #footer .container ul.links li a {
          color: white;
          padding-left: 10px;
          text-decoration: none; }
    #footer-container #footer .container .statement {
      padding-right: 60px; }
      #footer-container #footer .container .statement p, #footer-container #footer .container .statement li {
        letter-spacing: 0.5px; }
      @media screen and (max-width: 1200px) {
        #footer-container #footer .container .statement {
          padding-bottom: 30px; } }
      @media screen and (max-width: 640px) {
        #footer-container #footer .container .statement {
          padding-right: 0px; } }
    #footer-container #footer .container .address,
    #footer-container #footer .container p.phone,
    #footer-container #footer .container p.email {
      display: flex;
      margin-bottom: 20px; }
      @media screen and (max-width: 640px) {
        #footer-container #footer .container .address,
        #footer-container #footer .container p.phone,
        #footer-container #footer .container p.email {
          display: block; } }
      #footer-container #footer .container .address i,
      #footer-container #footer .container p.phone i,
      #footer-container #footer .container p.email i {
        color: #cbef6c;
        margin-right: 20px;
        padding-top: 4px;
        font-size: 24px; }
        @media screen and (max-width: 640px) {
          #footer-container #footer .container .address i,
          #footer-container #footer .container p.phone i,
          #footer-container #footer .container p.email i {
            display: none; } }
    #footer-container #footer .container .address p {
      margin-bottom: 0; }
    #footer-container #footer .container .address i {
      padding-top: 8px; }
    #footer-container #footer .container .address a {
      text-decoration: none; }
    @media screen and (max-width: 640px) {
      #footer-container #footer .container p.email {
        padding-bottom: 40px; } }
    #footer-container #footer .container .social {
      display: flex;
      flex-direction: row;
      padding-top: 10px; }
      @media screen and (max-width: 640px) {
        #footer-container #footer .container .social {
          justify-content: center; } }
      #footer-container #footer .container .social .social-icon {
        border-radius: 40px;
        width: 40px;
        height: 40px;
        transition: all 0.3s ease;
        background: #cbef6c;
        color: #1e3432;
        text-align: center;
        display: flex;
        align-items: center;
        text-decoration: none;
        margin-right: 50px; }
        #footer-container #footer .container .social .social-icon:hover {
          opacity: 0.7;
          transition: all 0.3s ease; }
        @media screen and (max-width: 640px) {
          #footer-container #footer .container .social .social-icon {
            margin: 0 20px; } }
        #footer-container #footer .container .social .social-icon i {
          margin: 0 auto;
          font-size: 20px; }
    @media screen and (max-width: 640px) {
      #footer-container #footer .container .links-col {
        display: none; } }
  #footer-container #copyright {
    text-align: center;
    background: rgba(0, 0, 0, 0.1); }
    #footer-container #copyright .container {
      padding: 40px; }
      @media screen and (max-width: 480px) {
        #footer-container #copyright .container {
          padding: 40px 0; } }
    #footer-container #copyright * {
      font-family: "effra-cc", sans-serif;
      color: white;
      font-size: 14px;
      text-decoration: none;
      font-weight: 400; }
    #footer-container #copyright strong, #footer-container #copyright a {
      padding: 0 15px; }

/* Sponsors */
.sponsors #gallery-1 img {
  border: 0; }

.sponsors .gallery-icon {
  overflow: hidden; }
  .sponsors .gallery-icon img {
    opacity: 0.9;
    color: #1e3432;
    filter: drop-shadow(0px 120px 0px #1e3432);
    transform: translateY(-120px);
    width: 100%;
    height: auto; }

/* Page Templates */
.page-template-page-contact-form {
  /* Sponsors */ }
  @media screen and (max-width: 820px) {
    .page-template-page-contact-form .rows .col-1-2 {
      text-align: center; } }
  .page-template-page-contact-form .rows .col-1-2 h4 {
    margin: 40px 0 20px !important; }
  .page-template-page-contact-form .rows .col-1-2 ul {
    margin: 30px 0 50px;
    padding: 0; }
    .page-template-page-contact-form .rows .col-1-2 ul li {
      list-style: none;
      display: flex;
      margin-bottom: 30px;
      position: relative;
      align-items: center;
      line-height: 24px; }
      @media screen and (max-width: 820px) {
        .page-template-page-contact-form .rows .col-1-2 ul li {
          flex-direction: column;
          text-align: center; } }
      .page-template-page-contact-form .rows .col-1-2 ul li a {
        color: #1e3432; }
        .page-template-page-contact-form .rows .col-1-2 ul li a:hover {
          text-decoration: none; }
      .page-template-page-contact-form .rows .col-1-2 ul li i {
        border-radius: 50px;
        background: #2e5854;
        border: 1px solid #1e3432;
        color: #cbef6c;
        width: 50px;
        height: 50px;
        display: flex;
        justify-content: center;
        text-decoration: none;
        align-items: center;
        margin-right: 40px;
        box-shadow: 0 0 1px inset white;
        transition: all 0.3s ease; }
        @media screen and (max-width: 820px) {
          .page-template-page-contact-form .rows .col-1-2 ul li i {
            margin: 0 auto 10px; } }
  .page-template-page-contact-form .rows .col-1-2 .social-col {
    margin-top: 40px; }
    @media screen and (max-width: 1024px) {
      .page-template-page-contact-form .rows .col-1-2 .social-col {
        margin-bottom: 50px; } }
    .page-template-page-contact-form .rows .col-1-2 .social-col .social {
      display: flex;
      flex-direction: row; }
      @media screen and (max-width: 820px) {
        .page-template-page-contact-form .rows .col-1-2 .social-col .social {
          text-align: center;
          justify-content: center; } }
      .page-template-page-contact-form .rows .col-1-2 .social-col .social .social-icon {
        border-radius: 50px;
        background: #cbef6c;
        border: 1px solid #1e3432;
        color: #1e3432;
        width: 50px;
        height: 50px;
        display: flex;
        justify-content: center;
        text-decoration: none;
        align-items: center;
        margin-right: 40px;
        box-shadow: 0 0 1px inset white;
        transition: all 0.3s ease; }
        @media screen and (max-width: 820px) {
          .page-template-page-contact-form .rows .col-1-2 .social-col .social .social-icon {
            margin: 0 30px; } }
        .page-template-page-contact-form .rows .col-1-2 .social-col .social .social-icon:hover {
          background: #cad8ce;
          transition: all 0.3s ease; }
        .page-template-page-contact-form .rows .col-1-2 .social-col .social .social-icon i {
          font-size: 20px;
          margin-right: 0; }
  .page-template-page-contact-form .rows .col-2-2 {
    background: #cad8ce;
    padding: 40px 60px; }
    .page-template-page-contact-form .rows .col-2-2 h3 {
      font-size: 40px;
      line-height: 54px;
      margin: 0 0 30px;
      font-weight: 400;
      letter-spacing: 1px;
      font-family: quincy-cf, serif; }
      @media screen and (max-width: 1024px) {
        .page-template-page-contact-form .rows .col-2-2 h3 {
          font-size: 32px;
          line-height: 40px; } }
      @media screen and (max-width: 640px) {
        .page-template-page-contact-form .rows .col-2-2 h3 {
          font-size: 26px;
          line-height: 30px;
          margin-bottom: 20px; } }
    @media screen and (max-width: 640px) {
      .page-template-page-contact-form .rows .col-2-2 {
        padding: 30px 40px; } }
  .page-template-page-contact-form .map {
    width: 100%;
    min-height: 480px; }
    .page-template-page-contact-form .map iframe {
      width: 100%;
      height: 100%;
      min-height: 480px;
      display: block; }
  .page-template-page-contact-form .sponsors {
    background: #f0f0f0; }
    .page-template-page-contact-form .sponsors .container {
      padding-top: 60px;
      padding-bottom: 60px; }
    .page-template-page-contact-form .sponsors .gallery-icon img {
      opacity: 0.65;
      color: #030a09;
      filter: drop-shadow(0px 120px 0px #030a09); }

.page-template-page-contact-map {
  background: #1e3432; }
  .page-template-page-contact-map #header {
    background: rgba(30, 52, 50, 0.9); }
  .page-template-page-contact-map #banner.map {
    width: 100%;
    height: 100%;
    max-height: 70vh;
    position: relative; }
    @media screen and (max-width: 1200px) {
      .page-template-page-contact-map #banner.map {
        max-height: max-content;
        height: auto; } }
    .page-template-page-contact-map #banner.map .map-embed-container {
      position: relative;
      padding-bottom: 56.25%;
      height: 0;
      overflow: hidden;
      max-width: 100%;
      background: #1e3432; }
      .page-template-page-contact-map #banner.map .map-embed-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0.5;
        z-index: 1; }
    .page-template-page-contact-map #banner.map #contact-us {
      position: absolute;
      background: #cad8ce;
      width: 640px;
      height: auto;
      right: 120px;
      bottom: 0;
      z-index: 2;
      color: #1e3432;
      padding: 60px 80px !important; }
      @media screen and (max-width: 1600px) {
        .page-template-page-contact-map #banner.map #contact-us {
          right: 60px; } }
      @media screen and (max-width: 1600px) {
        .page-template-page-contact-map #banner.map #contact-us {
          width: 520px;
          padding: 60px; } }
      @media screen and (max-width: 1200px) {
        .page-template-page-contact-map #banner.map #contact-us {
          position: relative;
          width: 100%;
          right: auto;
          bottom: auto;
          padding: 60px !important; } }
      @media screen and (max-width: 820px) {
        .page-template-page-contact-map #banner.map #contact-us {
          padding: 60px 30px 40px !important; } }
      @media screen and (max-width: 480px) {
        .page-template-page-contact-map #banner.map #contact-us {
          padding-top: 40px; } }
      .page-template-page-contact-map #banner.map #contact-us h1 {
        font-size: 40px;
        line-height: 54px;
        margin: 0 0 30px;
        font-weight: 400;
        letter-spacing: 1px;
        font-family: quincy-cf, serif;
        color: #1e3432; }
        @media screen and (max-width: 1024px) {
          .page-template-page-contact-map #banner.map #contact-us h1 {
            font-size: 32px;
            line-height: 40px; } }
        @media screen and (max-width: 820px) {
          .page-template-page-contact-map #banner.map #contact-us h1 {
            margin-bottom: 10px; } }
      .page-template-page-contact-map #banner.map #contact-us .address,
      .page-template-page-contact-map #banner.map #contact-us .phone,
      .page-template-page-contact-map #banner.map #contact-us .email {
        color: #1e3432;
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-bottom: 20px; }
        .page-template-page-contact-map #banner.map #contact-us .address a,
        .page-template-page-contact-map #banner.map #contact-us .phone a,
        .page-template-page-contact-map #banner.map #contact-us .email a {
          color: #1e3432; }
        .page-template-page-contact-map #banner.map #contact-us .address i,
        .page-template-page-contact-map #banner.map #contact-us .phone i,
        .page-template-page-contact-map #banner.map #contact-us .email i {
          font-size: 20px;
          padding: 10px;
          width: 40px;
          height: 40px;
          border-radius: 40px;
          border: 1px solid #2e5854;
          display: flex;
          justify-content: center;
          margin-right: 30px;
          background: #2e5854;
          color: white;
          font-weight: 300; }
  .page-template-page-contact-map.logged-in #banner.map {
    max-height: calc(70vh - 38px); }
    @media screen and (max-width: 1200px) {
      .page-template-page-contact-map.logged-in #banner.map {
        max-height: max-content;
        height: auto; } }
  .page-template-page-contact-map #main {
    /* Sponsors */ }
    @media screen and (max-width: 820px) {
      .page-template-page-contact-map #main .shift-right .rows {
        flex-direction: column-reverse; } }
    .page-template-page-contact-map #main .shift-right .rows .col-1-2 .social-col {
      margin-top: 60px; }
      @media screen and (max-width: 820px) {
        .page-template-page-contact-map #main .shift-right .rows .col-1-2 .social-col {
          margin-top: 30px; } }
      @media screen and (max-width: 820px) {
        .page-template-page-contact-map #main .shift-right .rows .col-1-2 .social-col h4 {
          margin-bottom: 10px; } }
      .page-template-page-contact-map #main .shift-right .rows .col-1-2 .social-col .social {
        display: flex;
        flex-direction: row;
        padding-top: 10px; }
      @media screen and (max-width: 640px) {
        .page-template-page-contact-map #main .shift-right .rows .col-1-2 .social-col {
          justify-content: center; } }
      .page-template-page-contact-map #main .shift-right .rows .col-1-2 .social-col .social-icon {
        border-radius: 40px;
        width: 40px;
        height: 40px;
        transition: all 0.3s ease;
        background: #e7d2bc;
        color: #2e5854;
        text-align: center;
        display: flex;
        align-items: center;
        text-decoration: none;
        margin-right: 40px; }
        .page-template-page-contact-map #main .shift-right .rows .col-1-2 .social-col .social-icon:hover {
          opacity: 0.7;
          transition: all 0.3s ease; }
        .page-template-page-contact-map #main .shift-right .rows .col-1-2 .social-col .social-icon i {
          margin: 0 auto;
          font-size: 20px; }
    @media screen and (max-width: 820px) {
      .page-template-page-contact-map #main .shift-right .rows .col-2-2 {
        margin-bottom: 30px; } }
    .page-template-page-contact-map #main .sponsors {
      background: #cad8ce; }
      .page-template-page-contact-map #main .sponsors .gallery-icon img {
        opacity: 0.9;
        color: #1e3432;
        filter: drop-shadow(0px 120px 0px #1e3432); }

.page-template-page-contact-full #main .container.rows.framed {
  max-width: 100%;
  padding-left: 230px; }
  @media screen and (max-width: 1600px) {
    .page-template-page-contact-full #main .container.rows.framed {
      padding-left: 140px;
      padding-right: 0; } }
  @media screen and (max-width: 1440px) {
    .page-template-page-contact-full #main .container.rows.framed {
      padding-left: 120px; } }
  @media screen and (max-width: 1024px) {
    .page-template-page-contact-full #main .container.rows.framed {
      width: 100%;
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 0; } }
  .page-template-page-contact-full #main .container.rows.framed .socials {
    width: 120px;
    position: absolute;
    left: 0;
    z-index: 99;
    top: 0;
    padding-top: 240px; }
    @media screen and (max-width: 1440px) {
      .page-template-page-contact-full #main .container.rows.framed .socials {
        width: 100px; } }
    @media screen and (max-width: 820px) {
      .page-template-page-contact-full #main .container.rows.framed .socials {
        display: none; } }
    .page-template-page-contact-full #main .container.rows.framed .socials p {
      color: #1e3432;
      text-align: center;
      font-size: 12px;
      letter-spacing: 2px;
      text-transform: uppercase;
      -webkit-transform: rotate(-90deg);
      -moz-transform: rotate(-90deg);
      -o-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
      font-family: "din-2014", sans-serif;
      font-weight: 400; }
      @media screen and (max-width: 820px) {
        .page-template-page-contact-full #main .container.rows.framed .socials p {
          display: none; } }
    .page-template-page-contact-full #main .container.rows.framed .socials .hr {
      width: 1px;
      height: 60px;
      background: #1e3432;
      display: block;
      text-align: center;
      margin: 60px auto 30px; }
      @media screen and (max-width: 820px) {
        .page-template-page-contact-full #main .container.rows.framed .socials .hr {
          display: none; } }
    .page-template-page-contact-full #main .container.rows.framed .socials ul {
      margin: 0;
      padding: 0;
      width: 100%;
      display: block; }
      .page-template-page-contact-full #main .container.rows.framed .socials ul li {
        list-style: none;
        display: block;
        text-align: center;
        border-radius: 100px;
        border: 1px solid #B3BFB6;
        width: 44px;
        height: 44px;
        margin: 20px auto; }
        .page-template-page-contact-full #main .container.rows.framed .socials ul li a {
          color: #1e3432;
          display: block;
          padding: 10px;
          transition: all 0.3s ease; }
          .page-template-page-contact-full #main .container.rows.framed .socials ul li a:hover {
            color: #cbef6c;
            transition: all 0.3s ease; }
  .page-template-page-contact-full #main .container.rows.framed .copy {
    width: 50%;
    padding-right: 120px; }
    @media screen and (max-width: 1600px) {
      .page-template-page-contact-full #main .container.rows.framed .copy {
        padding-right: 60px; } }
    @media screen and (max-width: 1440px) {
      .page-template-page-contact-full #main .container.rows.framed .copy {
        padding-right: 60px; } }
    @media screen and (max-width: 1024px) {
      .page-template-page-contact-full #main .container.rows.framed .copy {
        width: 100%;
        padding-left: 40px;
        padding-right: 40px; } }
    .page-template-page-contact-full #main .container.rows.framed .copy h1 {
      line-height: 1em;
      letter-spacing: 1px;
      font-weight: 400;
      font-size: clamp(48px, calc((90 - 48) * (max(100vw, 600px) - 600px) / (1440 - 600) + 48px), 90px);
      margin-bottom: 1.25em;
      margin-bottom: 0.5em; }
      @media screen and (max-width: 820px) {
        .page-template-page-contact-full #main .container.rows.framed .copy h1 {
          line-height: 1em; } }
      @media screen and (max-width: 640px) {
        .page-template-page-contact-full #main .container.rows.framed .copy h1 {
          margin-bottom: 1em; } }
    .page-template-page-contact-full #main .container.rows.framed .copy p {
      margin-bottom: 20px; }
    .page-template-page-contact-full #main .container.rows.framed .copy .columns {
      display: flex;
      flex-direction: row; }
      @media screen and (max-width: 480px) {
        .page-template-page-contact-full #main .container.rows.framed .copy .columns {
          flex-direction: column; } }
      .page-template-page-contact-full #main .container.rows.framed .copy .columns .col-1-2 h3,
      .page-template-page-contact-full #main .container.rows.framed .copy .columns .col-2-2 h3 {
        font-size: 32px;
        line-height: 40px;
        font-family: "sonar-sans", sans-serif;
        font-weight: 600;
        font-size: 26px;
        letter-spacing: 0.5px;
        margin-bottom: 0;
        font-size: 20px; }
      .page-template-page-contact-full #main .container.rows.framed .copy .columns .col-1-2 p,
      .page-template-page-contact-full #main .container.rows.framed .copy .columns .col-2-2 p {
        font-size: 18px;
        line-height: 28px; }
      @media screen and (max-width: 480px) {
        .page-template-page-contact-full #main .container.rows.framed .copy .columns .col-2-2 {
          margin-top: 20px; } }
    .page-template-page-contact-full #main .container.rows.framed .copy .social-col {
      display: none; }
      @media screen and (max-width: 820px) {
        .page-template-page-contact-full #main .container.rows.framed .copy .social-col {
          display: block;
          padding: 40px 0; } }
      .page-template-page-contact-full #main .container.rows.framed .copy .social-col h4 {
        margin-bottom: 10px;
        font-size: 40px;
        line-height: 54px;
        margin: 0 0 30px;
        font-weight: 400;
        letter-spacing: 1px;
        font-family: quincy-cf, serif; }
        @media screen and (max-width: 1024px) {
          .page-template-page-contact-full #main .container.rows.framed .copy .social-col h4 {
            font-size: 32px;
            line-height: 40px; } }
      .page-template-page-contact-full #main .container.rows.framed .copy .social-col .social {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 240px; }
        .page-template-page-contact-full #main .container.rows.framed .copy .social-col .social .social-icon {
          display: block;
          text-align: center;
          border-radius: 100px;
          border: 1px solid #B3BFB6;
          width: 44px;
          height: 44px;
          margin: 0px 30px 0 0;
          color: #1e3432;
          padding: 10px;
          transition: all 0.3s ease; }
          .page-template-page-contact-full #main .container.rows.framed .copy .social-col .social .social-icon:hover {
            color: #cbef6c;
            transition: all 0.3s ease; }
    .page-template-page-contact-full #main .container.rows.framed .copy .form {
      padding-top: 50px; }
      .page-template-page-contact-full #main .container.rows.framed .copy .form h3 {
        font-size: 40px;
        line-height: 54px;
        margin: 0 0 30px;
        font-weight: 400;
        letter-spacing: 1px;
        font-family: quincy-cf, serif; }
        @media screen and (max-width: 1024px) {
          .page-template-page-contact-full #main .container.rows.framed .copy .form h3 {
            font-size: 32px;
            line-height: 40px; } }
  .page-template-page-contact-full #main .container.rows.framed .map-embed-container {
    width: 50%;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%; }
    @media screen and (max-width: 1024px) {
      .page-template-page-contact-full #main .container.rows.framed .map-embed-container {
        width: 100%; } }
    .page-template-page-contact-full #main .container.rows.framed .map-embed-container iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

/* Public Bookings */
.page-template-page-public-bookings #main .container.rows.framed {
  max-width: 100%;
  padding-left: 230px; }
  @media screen and (max-width: 1600px) {
    .page-template-page-public-bookings #main .container.rows.framed {
      padding-left: 140px;
      padding-right: 0; } }
  @media screen and (max-width: 1440px) {
    .page-template-page-public-bookings #main .container.rows.framed {
      padding-left: 120px; } }
  @media screen and (max-width: 1024px) {
    .page-template-page-public-bookings #main .container.rows.framed {
      width: 100%;
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 0; } }
  .page-template-page-public-bookings #main .container.rows.framed .socials {
    width: 120px;
    position: absolute;
    left: 0;
    z-index: 99;
    top: 0;
    padding-top: 240px; }
    @media screen and (max-width: 1440px) {
      .page-template-page-public-bookings #main .container.rows.framed .socials {
        width: 100px; } }
    @media screen and (max-width: 1024px) {
      .page-template-page-public-bookings #main .container.rows.framed .socials {
        padding: 20px;
        width: 200px;
        right: 0;
        left: auto; } }
    @media screen and (max-width: 1024px) {
      .page-template-page-public-bookings #main .container.rows.framed .socials {
        display: none; } }
    .page-template-page-public-bookings #main .container.rows.framed .socials p {
      color: #1e3432;
      text-align: center;
      font-size: 12px;
      letter-spacing: 2px;
      text-transform: uppercase;
      -webkit-transform: rotate(-90deg);
      -moz-transform: rotate(-90deg);
      -o-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
      font-family: "din-2014", sans-serif;
      font-weight: 400; }
      @media screen and (max-width: 1024px) {
        .page-template-page-public-bookings #main .container.rows.framed .socials p {
          -webkit-transform: rotate(0);
          -moz-transform: rotate(0);
          -o-transform: rotate(0);
          -ms-transform: rotate(0);
          transform: rotate(0); } }
    .page-template-page-public-bookings #main .container.rows.framed .socials .hr {
      width: 1px;
      height: 60px;
      background: #1e3432;
      display: block;
      text-align: center;
      margin: 60px auto 30px; }
      @media screen and (max-width: 1024px) {
        .page-template-page-public-bookings #main .container.rows.framed .socials .hr {
          display: none; } }
    .page-template-page-public-bookings #main .container.rows.framed .socials ul {
      margin: 0;
      padding: 0;
      width: 100%;
      display: block; }
      @media screen and (max-width: 1024px) {
        .page-template-page-public-bookings #main .container.rows.framed .socials ul {
          display: flex;
          flex-direction: row; } }
      .page-template-page-public-bookings #main .container.rows.framed .socials ul li {
        list-style: none;
        display: block;
        text-align: center;
        border-radius: 100px;
        border: 1px solid #B3BFB6;
        width: 44px;
        height: 44px;
        margin: 20px auto; }
        .page-template-page-public-bookings #main .container.rows.framed .socials ul li a {
          color: #1e3432;
          display: block;
          padding: 10px;
          transition: all 0.3s ease; }
          .page-template-page-public-bookings #main .container.rows.framed .socials ul li a:hover {
            color: #cbef6c;
            transition: all 0.3s ease; }
  .page-template-page-public-bookings #main .container.rows.framed .copy {
    width: 50%;
    padding-right: 120px; }
    @media screen and (max-width: 1600px) {
      .page-template-page-public-bookings #main .container.rows.framed .copy {
        padding-right: 60px; } }
    @media screen and (max-width: 1440px) {
      .page-template-page-public-bookings #main .container.rows.framed .copy {
        padding-right: 60px; } }
    @media screen and (max-width: 1024px) {
      .page-template-page-public-bookings #main .container.rows.framed .copy {
        width: 100%;
        padding-left: 40px;
        padding-right: 40px; } }
    .page-template-page-public-bookings #main .container.rows.framed .copy h1 {
      line-height: 1em;
      letter-spacing: 1px;
      font-weight: 400;
      font-size: clamp(48px, calc((90 - 48) * (max(100vw, 600px) - 600px) / (1440 - 600) + 48px), 90px);
      margin-bottom: 1.25em;
      margin-bottom: 0.5em; }
      @media screen and (max-width: 820px) {
        .page-template-page-public-bookings #main .container.rows.framed .copy h1 {
          line-height: 1em; } }
      @media screen and (max-width: 640px) {
        .page-template-page-public-bookings #main .container.rows.framed .copy h1 {
          margin-bottom: 1em; } }
    .page-template-page-public-bookings #main .container.rows.framed .copy p {
      margin-bottom: 20px; }
    .page-template-page-public-bookings #main .container.rows.framed .copy ol {
      padding: 40px 60px 10px 60px;
      margin: 0 0 30px; }
      @media screen and (max-width: 1440px) {
        .page-template-page-public-bookings #main .container.rows.framed .copy ol {
          padding: 40px 30px 0; } }
      @media screen and (max-width: 1024px) {
        .page-template-page-public-bookings #main .container.rows.framed .copy ol {
          padding: 30px 0 0 20px; } }
      @media screen and (max-width: 820px) {
        .page-template-page-public-bookings #main .container.rows.framed .copy ol {
          margin-bottom: 0; } }
      .page-template-page-public-bookings #main .container.rows.framed .copy ol li {
        margin: 0 0 20px;
        line-height: 150%;
        padding-left: 20px; }
        @media screen and (max-width: 820px) {
          .page-template-page-public-bookings #main .container.rows.framed .copy ol li {
            padding-left: 0px; } }
    .page-template-page-public-bookings #main .container.rows.framed .copy ul {
      margin: 0px 0 30px 0px;
      padding: 10px 0 0 20px; }
      .page-template-page-public-bookings #main .container.rows.framed .copy ul li {
        margin: 0 0 20px; }
    .page-template-page-public-bookings #main .container.rows.framed .copy .columns {
      display: flex;
      flex-direction: row; }
      @media screen and (max-width: 480px) {
        .page-template-page-public-bookings #main .container.rows.framed .copy .columns {
          flex-direction: column; } }
      .page-template-page-public-bookings #main .container.rows.framed .copy .columns .col-1-2 h3,
      .page-template-page-public-bookings #main .container.rows.framed .copy .columns .col-2-2 h3 {
        font-size: 32px;
        line-height: 40px;
        font-family: "sonar-sans", sans-serif;
        font-weight: 600;
        font-size: 26px;
        letter-spacing: 0.5px;
        margin-bottom: 0;
        font-size: 20px; }
      .page-template-page-public-bookings #main .container.rows.framed .copy .columns .col-1-2 p,
      .page-template-page-public-bookings #main .container.rows.framed .copy .columns .col-2-2 p {
        font-size: 18px;
        line-height: 28px; }
      @media screen and (max-width: 480px) {
        .page-template-page-public-bookings #main .container.rows.framed .copy .columns .col-2-2 {
          margin-top: 20px; } }
    .page-template-page-public-bookings #main .container.rows.framed .copy .social-col {
      display: none; }
      @media screen and (max-width: 820px) {
        .page-template-page-public-bookings #main .container.rows.framed .copy .social-col {
          display: block;
          padding: 40px 0; } }
      .page-template-page-public-bookings #main .container.rows.framed .copy .social-col h4 {
        margin-bottom: 10px;
        font-size: 40px;
        line-height: 54px;
        margin: 0 0 30px;
        font-weight: 400;
        letter-spacing: 1px;
        font-family: quincy-cf, serif; }
        @media screen and (max-width: 1024px) {
          .page-template-page-public-bookings #main .container.rows.framed .copy .social-col h4 {
            font-size: 32px;
            line-height: 40px; } }
      .page-template-page-public-bookings #main .container.rows.framed .copy .social-col .social {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 240px; }
        .page-template-page-public-bookings #main .container.rows.framed .copy .social-col .social .social-icon {
          display: block;
          text-align: center;
          border-radius: 100px;
          border: 1px solid #B3BFB6;
          width: 44px;
          height: 44px;
          margin: 0px 30px 0 0;
          color: #1e3432;
          padding: 10px;
          transition: all 0.3s ease; }
          .page-template-page-public-bookings #main .container.rows.framed .copy .social-col .social .social-icon:hover {
            color: #cbef6c;
            transition: all 0.3s ease; }
    .page-template-page-public-bookings #main .container.rows.framed .copy .form {
      padding-top: 50px; }
      .page-template-page-public-bookings #main .container.rows.framed .copy .form h3 {
        font-size: 40px;
        line-height: 54px;
        margin: 0 0 30px;
        font-weight: 400;
        letter-spacing: 1px;
        font-family: quincy-cf, serif; }
        @media screen and (max-width: 1024px) {
          .page-template-page-public-bookings #main .container.rows.framed .copy .form h3 {
            font-size: 32px;
            line-height: 40px; } }
  .page-template-page-public-bookings #main .container.rows.framed .img-holder {
    width: 50%;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%; }
    @media screen and (max-width: 1024px) {
      .page-template-page-public-bookings #main .container.rows.framed .img-holder {
        width: 100%; } }
    .page-template-page-public-bookings #main .container.rows.framed .img-holder img {
      width: 100%;
      height: auto; }
  .page-template-page-public-bookings #main .container.rows.framed .booking-resources h3 {
    font-size: 32px;
    line-height: 40px;
    font-family: "sonar-sans", sans-serif;
    font-weight: 600;
    font-size: 26px;
    letter-spacing: 0.5px;
    margin-bottom: 10px; }
  .page-template-page-public-bookings #main .container.rows.framed .booking-resources .booking-buttons {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 60px;
    padding: 0 60px 60px;
    border-bottom: 1px solid #B3BFB6; }
    @media screen and (max-width: 1440px) {
      .page-template-page-public-bookings #main .container.rows.framed .booking-resources .booking-buttons {
        padding: 10px 30px 60px; } }
    @media screen and (max-width: 1200px) {
      .page-template-page-public-bookings #main .container.rows.framed .booking-resources .booking-buttons {
        padding: 0px 0 40px;
        margin-bottom: 40px; } }
    @media screen and (max-width: 820px) {
      .page-template-page-public-bookings #main .container.rows.framed .booking-resources .booking-buttons {
        display: block; } }
    @media screen and (max-width: 820px) {
      .page-template-page-public-bookings #main .container.rows.framed .booking-resources .booking-buttons .btn {
        margin: 20px 0 0; } }

/* Business Directory */
.page-template-page-business-directory .directory-listing {
  display: flex;
  flex-direction: column-reverse;
  width: 100%; }
  .page-template-page-business-directory .directory-listing #sidebar {
    margin: 0 auto;
    text-align: center; }
    @media screen and (max-width: 820px) {
      .page-template-page-business-directory .directory-listing #sidebar ul.categories {
        padding-top: 0; } }
    .page-template-page-business-directory .directory-listing #sidebar ul.categories button.filter-btn {
      border: 1px solid #1e3432;
      background: #1e3432;
      color: white;
      position: relative;
      display: inline-block;
      overflow: hidden;
      margin: 0;
      border-radius: 5px;
      padding: 15px 25px;
      font-size: 16px;
      line-height: 16px;
      letter-spacing: 1px;
      font-weight: 400;
      text-decoration: none !important;
      z-index: 1;
      transition: 0.5s ease-in-out;
      background-color: #f0f0f0;
      color: #333;
      font-family: "effra-cc", sans-serif;
      border-radius: 15px;
      margin: 0 5px;
      letter-spacing: 0.25px; }
      .page-template-page-business-directory .directory-listing #sidebar ul.categories button.filter-btn:after, .page-template-page-business-directory .directory-listing #sidebar ul.categories button.filter-btn:before {
        transition: 0.5s ease-in-out; }
      .page-template-page-business-directory .directory-listing #sidebar ul.categories button.filter-btn:hover {
        color: #1e3432; }
      .page-template-page-business-directory .directory-listing #sidebar ul.categories button.filter-btn:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: -1px;
        background-color: #cbef6c;
        transform: translateX(-100%);
        z-index: -1; }
      .page-template-page-business-directory .directory-listing #sidebar ul.categories button.filter-btn:hover:before {
        transform: translateX(0); }
      .page-template-page-business-directory .directory-listing #sidebar ul.categories button.filter-btn .fa-brands, .page-template-page-business-directory .directory-listing #sidebar ul.categories button.filter-btn .fab {
        margin-right: 9px; }
      @media screen and (max-width: 820px) {
        .page-template-page-business-directory .directory-listing #sidebar ul.categories button.filter-btn {
          padding: 10px 15px;
          font-size: 14px;
          margin: 0 3px 10px; } }
      .page-template-page-business-directory .directory-listing #sidebar ul.categories button.filter-btn:hover {
        cursor: pointer; }
      .page-template-page-business-directory .directory-listing #sidebar ul.categories button.filter-btn.mixitup-control-active {
        background: #1e3432;
        color: white; }
  .page-template-page-business-directory .directory-listing #mix-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px; }
    @media screen and (max-width: 1024px) {
      .page-template-page-business-directory .directory-listing #mix-wrapper {
        grid-template-columns: repeat(2, 1fr); } }
    @media screen and (max-width: 820px) {
      .page-template-page-business-directory .directory-listing #mix-wrapper {
        grid-template-columns: repeat(1, 1fr); } }
    .page-template-page-business-directory .directory-listing #mix-wrapper .mix-target .card {
      background: #f0f0f0;
      border-radius: 10px;
      display: block;
      position: relative;
      padding: 0px;
      margin: 0;
      height: 380px; }
      .page-template-page-business-directory .directory-listing #mix-wrapper .mix-target .card .logo {
        width: auto;
        height: 100%;
        margin: 0px auto;
        overflow: hidden;
        text-align: center;
        padding-top: 0px; }
        .page-template-page-business-directory .directory-listing #mix-wrapper .mix-target .card .logo img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          text-align: center;
          border-radius: 10px; }
      .page-template-page-business-directory .directory-listing #mix-wrapper .mix-target .card .info {
        padding: 15px 25px;
        margin: 20px;
        background: white;
        position: absolute;
        bottom: 0;
        border-radius: 10px;
        width: calc(100% - 40px); }
        .page-template-page-business-directory .directory-listing #mix-wrapper .mix-target .card .info .title h3 {
          font-family: "sonar-sans", sans-serif;
          font-weight: 600;
          font-size: 22px;
          font-weight: 600;
          line-height: 30px;
          color: #1e3432;
          margin: 0 0 10px; }
        .page-template-page-business-directory .directory-listing #mix-wrapper .mix-target .card .info .details {
          padding: 0;
          margin: 0; }
          .page-template-page-business-directory .directory-listing #mix-wrapper .mix-target .card .info .details p {
            /*font-size: 18px;
								line-height: 24px;
								*/
            margin-bottom: 10px;
            display: inline-block;
            padding-right: 14px;
            font-size: 16px;
            line-height: 22px;
            padding-right: 10px;
            letter-spacing: 0.25px;
            /* Button styling */ }
            .page-template-page-business-directory .directory-listing #mix-wrapper .mix-target .card .info .details p.add {
              width: 100%;
              padding-right: 0; }
            .page-template-page-business-directory .directory-listing #mix-wrapper .mix-target .card .info .details p.ph i {
              display: inline-block;
              padding-right: 5px; }
            .page-template-page-business-directory .directory-listing #mix-wrapper .mix-target .card .info .details p.link {
              display: inline-block;
              margin: 0 0 10px 0; }
              .page-template-page-business-directory .directory-listing #mix-wrapper .mix-target .card .info .details p.link a {
                background: #efefef;
                border: 1px solid #ccc;
                padding: 5px 10px;
                display: block;
                text-decoration: none;
                font-size: 15px;
                border-radius: 30px;
                transition: all 0.3s ease; }
              .page-template-page-business-directory .directory-listing #mix-wrapper .mix-target .card .info .details p.link:hover a {
                background: #1e3432;
                color: white;
                transition: all 0.3s ease; }
          .page-template-page-business-directory .directory-listing #mix-wrapper .mix-target .card .info .details i {
            padding-right: 10px;
            display: none; }

.slick-dots {
  display: block;
  /* Ensure dots are displayed */
  text-align: center;
  /* Center the dots */
  margin: 20px 0;
  /* Adjust margin as needed */ }

.slick-dots li {
  display: inline-block;
  /* Display dots inline */
  margin: 0 5px;
  /* Space between dots */ }

.slick-dots li button {
  width: 10px;
  /* Adjust size */
  height: 10px;
  /* Adjust size */
  border: none;
  /* Remove border */
  background: #000;
  /* Dot color */
  border-radius: 50%;
  /* Make dots circular */ }

.container-img {
  position: relative;
  width: 100%;
  margin-bottom: 100vh; }
  .container-img .image-section {
    height: 100vh;
    /* Set to viewport height */
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden; }
    .container-img .image-section .growing-image {
      width: 50vw;
      /* Initial image size */
      height: auto;
      position: fixed;
      /* Stick in place during scroll */
      top: 50%;
      /* Center the image vertically */
      left: 50%;
      /* Center the image horizontally */
      transform: translate(-50%, -50%);
      /* Keep the image centered */ }

/* Event Organiser Formatting */
.key {
  position: absolute; }
  @media screen and (max-width: 640px) {
    .key {
      top: 160px;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 10px; } }
  .key p {
    margin-bottom: 0; }
    @media screen and (max-width: 1200px) {
      .key p {
        font-size: 16px; } }
    .key p.category-social strong:before {
      background: #e7d2bc !important;
      border: 1px solid #e7d2bc !important; }
    .key p.category-competition strong:before {
      background: #cbef6c !important;
      border: 1px solid #cbef6c !important; }
    .key p.category-juniors strong:before {
      background: #2e5854 !important;
      border: 1px solid #2e5854 !important; }
    .key p.category-womens strong:before {
      background: #cad8ce !important;
      border: 1px solid #cad8ce !important; }
    .key p strong {
      padding-left: 20px; }
      .key p strong:before {
        height: 12px;
        width: 12px;
        border: 1px solid #B3BFB6;
        content: "";
        position: relative;
        left: -20px;
        display: inline-block;
        top: 0px; }

.eo-fullcalendar {
  margin-top: 0px; }
  .eo-fullcalendar.fc-unthemed .fc-today {
    background-color: #f0f0f0; }
  .eo-fullcalendar .fc-toolbar {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 62.5%;
    margin: 0 0 60px !important;
    justify-self: flex-end;
    justify-content: space-between; }
    @media screen and (max-width: 1200px) {
      .eo-fullcalendar .fc-toolbar {
        flex-direction: column;
        margin-bottom: 30px !important; } }
    @media screen and (max-width: 640px) {
      .eo-fullcalendar .fc-toolbar {
        width: 100%;
        margin-bottom: 70px !important; } }
    .eo-fullcalendar .fc-toolbar .fc-button-group .fc-icon {
      top: 0; }
    .eo-fullcalendar .fc-toolbar .fc-button-group .filter-category {
      position: relative;
      /* Custom Overrides */ }
      .eo-fullcalendar .fc-toolbar .fc-button-group .filter-category select {
        font-family: "effra-cc", sans-serif;
        border: 1px solid #B3BFB6;
        color: #1e3432;
        letter-spacing: 1px;
        padding: 15px 20px;
        font-size: 18px;
        line-height: 24px;
        display: inline-block;
        width: 100%;
        cursor: pointer;
        height: 56px;
        padding-right: 40px;
        outline: 0;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none; }
        .eo-fullcalendar .fc-toolbar .fc-button-group .filter-category select::-ms-expand {
          display: none; }
        .eo-fullcalendar .fc-toolbar .fc-button-group .filter-category select:disabled {
          opacity: 0.5;
          pointer-events: none; }
        @media screen and (max-width: 640px) {
          .eo-fullcalendar .fc-toolbar .fc-button-group .filter-category select {
            height: 68px !important; } }
      .eo-fullcalendar .fc-toolbar .fc-button-group .filter-category::after {
        content: "\f13a";
        font-family: 'Font Awesome 6 Pro';
        font-weight: 500;
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translateY(-50%);
        pointer-events: none;
        font-size: 20px;
        color: #1e3432; }
      .eo-fullcalendar .fc-toolbar .fc-button-group .filter-category select {
        letter-spacing: 0.5px;
        padding: 10px 15px;
        font-size: 16px;
        line-height: 20px;
        height: 40px;
        padding-right: 40px; }
        @media screen and (max-width: 640px) {
          .eo-fullcalendar .fc-toolbar .fc-button-group .filter-category select {
            height: 40px !important; } }
      .eo-fullcalendar .fc-toolbar .fc-button-group .filter-category::after {
        right: 15px;
        font-size: 18px; }
    @media screen and (max-width: 640px) {
      .eo-fullcalendar .fc-toolbar .fc-left {
        float: none; } }
    .eo-fullcalendar .fc-toolbar .fc-left h2 {
      margin: 0; }
      @media screen and (max-width: 1200px) {
        .eo-fullcalendar .fc-toolbar .fc-left h2 {
          margin-bottom: 30px !important; } }
      @media screen and (max-width: 640px) {
        .eo-fullcalendar .fc-toolbar .fc-left h2 {
          margin: 0 auto 20px !important;
          width: 100%; } }
    .eo-fullcalendar .fc-toolbar .fc-right {
      float: none;
      display: flex;
      align-items: center;
      justify-content: end; }
      @media screen and (max-width: 820px) {
        .eo-fullcalendar .fc-toolbar .fc-right {
          justify-content: space-between; } }
      @media screen and (max-width: 640px) {
        .eo-fullcalendar .fc-toolbar .fc-right {
          flex-direction: row-reverse; } }
    .eo-fullcalendar .fc-toolbar .fc-center,
    .eo-fullcalendar .fc-toolbar .fc-clear {
      display: none; }

.fc-view-container {
  padding-top: 30px !important; }
  .fc-view-container .fc-view table {
    width: 100% !important;
    border: 0 !important;
    margin: 0; }
    .fc-view-container .fc-view table thead {
      border: 0 !important; }
      .fc-view-container .fc-view table thead tr td.fc-widget-header {
        padding: 10px 20px; }
        .fc-view-container .fc-view table thead tr td.fc-widget-header .fc-widget-header table thead tr th {
          padding: 10px 20px !important;
          border: 0;
          background: #1e3432;
          color: white; }
    .fc-view-container .fc-view table tbody tr td.fc-widget-content .fc-day-grid-container .fc-day-grid .fc-widget-content .fc-content-skeleton table thead tr td.fc-day-number {
      padding: 10px !important; }
      @media screen and (max-width: 640px) {
        .fc-view-container .fc-view table tbody tr td.fc-widget-content .fc-day-grid-container .fc-day-grid .fc-widget-content .fc-content-skeleton table thead tr td.fc-day-number {
          border: 0 !important; } }
      .fc-view-container .fc-view table tbody tr td.fc-widget-content .fc-day-grid-container .fc-day-grid .fc-widget-content .fc-content-skeleton table thead tr td.fc-day-number.fc-today.fc-state-highlight {
        background: #f0f0f0; }
    .fc-view-container .fc-view table tbody tr td.fc-widget-content .fc-day-grid-container .fc-day-grid .fc-widget-content .fc-content-skeleton table tbody tr td {
      padding: 0 10px 10px !important; }
      @media screen and (max-width: 640px) {
        .fc-view-container .fc-view table tbody tr td.fc-widget-content .fc-day-grid-container .fc-day-grid .fc-widget-content .fc-content-skeleton table tbody tr td {
          padding-bottom: 0 !important; } }
      .fc-view-container .fc-view table tbody tr td.fc-widget-content .fc-day-grid-container .fc-day-grid .fc-widget-content .fc-content-skeleton table tbody tr td.fc-event-container {
        margin: 10px !important; }
      .fc-view-container .fc-view table tbody tr td.fc-widget-content .fc-day-grid-container .fc-day-grid .fc-widget-content .fc-content-skeleton table tbody tr td.fc-today.fc-state-highlight {
        background: #f0f0f0; }
      .fc-view-container .fc-view table tbody tr td.fc-widget-content .fc-day-grid-container .fc-day-grid .fc-widget-content .fc-content-skeleton table tbody tr td .fc-event {
        padding: 10px !important;
        /* Event Organiser Categories */ }
        .fc-view-container .fc-view table tbody tr td.fc-widget-content .fc-day-grid-container .fc-day-grid .fc-widget-content .fc-content-skeleton table tbody tr td .fc-event.category-social {
          background: #e7d2bc !important;
          border: 1px solid #e7d2bc !important; }
        .fc-view-container .fc-view table tbody tr td.fc-widget-content .fc-day-grid-container .fc-day-grid .fc-widget-content .fc-content-skeleton table tbody tr td .fc-event.category-competition {
          background: #cbef6c !important;
          border: 1px solid #cbef6c !important; }
        .fc-view-container .fc-view table tbody tr td.fc-widget-content .fc-day-grid-container .fc-day-grid .fc-widget-content .fc-content-skeleton table tbody tr td .fc-event.category-juniors {
          background: #2e5854 !important;
          border: 1px solid #2e5854 !important; }
        .fc-view-container .fc-view table tbody tr td.fc-widget-content .fc-day-grid-container .fc-day-grid .fc-widget-content .fc-content-skeleton table tbody tr td .fc-event.category-womens {
          background: #cad8ce !important;
          border: 1px solid #cad8ce !important; }
    .fc-view-container .fc-view table tbody tr td.fc-widget-content .fc-day-grid-container .fc-day-grid .fc-widget-content .fc-content-skeleton table tbody tr:nth-child(even) td {
      background: transparent !important; }
    @media screen and (max-width: 640px) {
      .fc-view-container .fc-view table tbody tr td.fc-widget-content .fc-day-grid-container .fc-day-grid .fc-widget-content.fc-row.fc-week:nth-of-type(odd) {
        background: #f0f0f0; } }
    @media screen and (max-width: 640px) {
      .fc-view-container .fc-view table tbody tr td.fc-widget-content .fc-day-grid-container .fc-day-grid .fc-widget-content.fc-row.fc-week:nth-of-type(even) {
        background: white; } }

/* Search Results */
.search-results .archive-item {
  padding: 30px 40px;
  border-bottom: 1px solid #B3BFB6; }
  .search-results .archive-item:nth-of-type(even) {
    background: rgba(240, 240, 240, 0.5); }
  .search-results .archive-item .archive-content .post-data {
    padding-bottom: 20px;
    display: block; }
  .search-results .archive-item .archive-content h2.entry-title a {
    color: #1e3432; }
  .search-results .archive-item .archive-content h2.entry-title:hover a {
    text-decoration: none; }

.search-results .nav-arrows {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between; }
  .search-results .nav-arrows .nav.alignleft,
  .search-results .nav-arrows .nav.alignright {
    margin-top: 30px; }
    .search-results .nav-arrows .nav.alignleft a,
    .search-results .nav-arrows .nav.alignright a {
      border: 1px solid #1e3432;
      background: #1e3432;
      color: white;
      position: relative;
      display: inline-block;
      overflow: hidden;
      margin: 0;
      border-radius: 5px;
      padding: 15px 25px;
      font-size: 16px;
      line-height: 16px;
      letter-spacing: 1px;
      font-weight: 400;
      text-decoration: none !important;
      z-index: 1;
      transition: 0.5s ease-in-out; }
      .search-results .nav-arrows .nav.alignleft a:after, .search-results .nav-arrows .nav.alignleft a:before,
      .search-results .nav-arrows .nav.alignright a:after,
      .search-results .nav-arrows .nav.alignright a:before {
        transition: 0.5s ease-in-out; }
      .search-results .nav-arrows .nav.alignleft a:hover,
      .search-results .nav-arrows .nav.alignright a:hover {
        color: #1e3432; }
      .search-results .nav-arrows .nav.alignleft a:before,
      .search-results .nav-arrows .nav.alignright a:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: -1px;
        background-color: #cbef6c;
        transform: translateX(-100%);
        z-index: -1; }
      .search-results .nav-arrows .nav.alignleft a:hover:before,
      .search-results .nav-arrows .nav.alignright a:hover:before {
        transform: translateX(0); }
      .search-results .nav-arrows .nav.alignleft a .fa-brands, .search-results .nav-arrows .nav.alignleft a .fab,
      .search-results .nav-arrows .nav.alignright a .fa-brands,
      .search-results .nav-arrows .nav.alignright a .fab {
        margin-right: 9px; }

.nav * {
  font-family: "din-2014", sans-serif !important; }

.nav ul:not(.sub-menu) {
  display: flex;
  padding: 0;
  margin: 0 auto;
  align-items: center;
  height: 100%; }
  .nav ul:not(.sub-menu) > li {
    text-transform: uppercase;
    font-family: "din-2014", sans-serif !important;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 600; }
    @media screen and (max-width: 1024px) {
      .nav ul:not(.sub-menu) > li {
        font-size: 16px; } }
    .nav ul:not(.sub-menu) > li a {
      display: block;
      padding: 30px;
      color: white;
      text-decoration: none;
      position: relative;
      transition: all 0.3s ease; }
      @media screen and (max-width: 1200px) {
        .nav ul:not(.sub-menu) > li a {
          padding-left: 20px;
          padding-right: 20px; } }
    .nav ul:not(.sub-menu) > li.current-menu-item > a:after, .nav ul:not(.sub-menu) > li.current-page-parent > a:after {
      content: "";
      background: #cbef6c;
      height: 2px;
      width: 40px;
      position: absolute;
      bottom: 23px;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto;
      display: inline;
      transition: all 0.3s ease; }
    .nav ul:not(.sub-menu) > li.menu-item-has-children i {
      padding: 0 !important;
      position: absolute;
      right: 10px;
      color: white; }
      @media screen and (max-width: 1200px) {
        .nav ul:not(.sub-menu) > li.menu-item-has-children i {
          right: 5px; } }

@media screen and (min-width: 1025px) {
  #header .container .nav {
    /* Remove if not used */ }
    #header .container .nav ul:not(.sub-menu) > li {
      list-style: none;
      display: flex;
      flex-wrap: wrap;
      flex-direction: row-reverse;
      position: relative;
      align-items: center; }
      #header .container .nav ul:not(.sub-menu) > li:hover > a:after {
        content: "";
        background: #cbef6c;
        height: 2px;
        width: 40px;
        position: absolute;
        bottom: 23px;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        display: inline;
        transition: all 0.3s ease; }
      #header .container .nav ul:not(.sub-menu) > li ul.sub-menu {
        display: block;
        position: absolute;
        top: 99px;
        left: 0;
        visibility: hidden;
        -webkit-transition: opacity 0.5s, visibility 0.5s;
        -moz-transition: opacity 0.5s, visibility 0.5s;
        -ms-transition: opacity 0.5s, visibility 0.5s;
        -o-transition: opacity 0.5s, visibility 0.5s;
        transition: opacity 0.5s, visibility 0.5s;
        opacity: 0;
        background: #1e3432;
        height: auto;
        min-width: 200px;
        padding: 10px; }
        #header .container .nav ul:not(.sub-menu) > li ul.sub-menu > li {
          display: block;
          font-size: 13px;
          line-height: 18px;
          background-color: #1e3432;
          transition: all 0.3s ease; }
          #header .container .nav ul:not(.sub-menu) > li ul.sub-menu > li.current-menu-item {
            background: #2e5854; }
            #header .container .nav ul:not(.sub-menu) > li ul.sub-menu > li.current-menu-item a {
              color: #cbef6c; }
          #header .container .nav ul:not(.sub-menu) > li ul.sub-menu > li.menu-item-has-children {
            position: relative; }
            #header .container .nav ul:not(.sub-menu) > li ul.sub-menu > li.menu-item-has-children i.fa-angle-down {
              transform: rotate(270deg);
              padding: 10px !important;
              top: 5%; }
          #header .container .nav ul:not(.sub-menu) > li ul.sub-menu > li a {
            padding: 10px; }
          #header .container .nav ul:not(.sub-menu) > li ul.sub-menu > li ul.sub-menu {
            position: absolute;
            left: 190px;
            top: 0; }
          #header .container .nav ul:not(.sub-menu) > li ul.sub-menu > li:hover {
            background-color: #2e5854;
            transition: all 0.3s ease; }
            #header .container .nav ul:not(.sub-menu) > li ul.sub-menu > li:hover ul.sub-menu {
              visibility: visible;
              opacity: 1; }
      #header .container .nav ul:not(.sub-menu) > li:hover ul.sub-menu {
        visibility: visible;
        opacity: 1; }
        #header .container .nav ul:not(.sub-menu) > li:hover ul.sub-menu ul.sub-menu {
          visibility: hidden;
          opacity: 0; }
    #header .container .nav.centred {
      width: 100%;
      display: flex;
      justify-content: space-around;
      position: relative;
      height: 100%; }
      #header .container .nav.centred .nav-left,
      #header .container .nav.centred .nav-right {
        width: calc(50% - 120px); }
      #header .container .nav.centred .nav-left ul:not(.sub-menu) {
        justify-content: flex-end; }
  #header .container #logo.centred {
    width: 120px;
    height: 100%;
    position: absolute;
    right: calc(50% - 60px);
    left: auto;
    display: block; }
  #header .container #hamburger {
    display: none; } }

@media screen and (max-width: 1024px) {
  #header .container .nav {
    flex-direction: row;
    position: fixed;
    background: #1e3432;
    left: 0;
    width: 100%;
    z-index: 999;
    max-height: 0;
    overflow: hidden;
    transform: translateY(-20px);
    opacity: 0;
    transition: all 0.3s ease-in-out; } }
  @media screen and (max-width: 1024px) and (max-width: 1024px) {
    #header .container .nav {
      top: 120px; } }
  @media screen and (max-width: 1024px) and (max-width: 820px) {
    #header .container .nav {
      top: 80px; } }

@media screen and (max-width: 1024px) {
    #header .container .nav ul:not(.sub-menu) {
      visibility: visible;
      height: 100%;
      width: 100%;
      flex-direction: column;
      text-align: left;
      align-items: flex-start; }
      #header .container .nav ul:not(.sub-menu) > li {
        width: 100%;
        position: relative; }
        #header .container .nav ul:not(.sub-menu) > li:hover {
          cursor: pointer; }
          #header .container .nav ul:not(.sub-menu) > li:hover a {
            color: #cbef6c; }
          #header .container .nav ul:not(.sub-menu) > li:hover ul.sub-menu li a {
            color: white; }
        #header .container .nav ul:not(.sub-menu) > li.current-menu-item > a:after, #header .container .nav ul:not(.sub-menu) > li.current-page-parent > a:after {
          margin-left: 20px;
          margin-right: auto;
          bottom: 16px; } }
        @media screen and (max-width: 1024px) and (max-width: 1024px) {
          #header .container .nav ul:not(.sub-menu) > li.current-menu-item > a:after, #header .container .nav ul:not(.sub-menu) > li.current-page-parent > a:after {
            margin-left: 40px; } }

@media screen and (max-width: 1024px) {
        #header .container .nav ul:not(.sub-menu) > li i {
          right: 20px;
          top: 22px;
          transition: transform 0.3s ease-in-out;
          transform: rotate(0deg); }
          #header .container .nav ul:not(.sub-menu) > li i.rotate-icon {
            transform: rotate(180deg);
            transition: transform 0.5s ease; }
        #header .container .nav ul:not(.sub-menu) > li a {
          display: block;
          padding: 20px 40px; }
        #header .container .nav ul:not(.sub-menu) > li.menu-item-has-children .sub-menu {
          max-height: 0;
          overflow: hidden;
          transition: max-height 0.25s ease-out; }
          #header .container .nav ul:not(.sub-menu) > li.menu-item-has-children .sub-menu li {
            list-style: none;
            position: relative; }
            #header .container .nav ul:not(.sub-menu) > li.menu-item-has-children .sub-menu li:hover a, #header .container .nav ul:not(.sub-menu) > li.menu-item-has-children .sub-menu li.current_page_item a {
              color: #cbef6c; }
            #header .container .nav ul:not(.sub-menu) > li.menu-item-has-children .sub-menu li:first-child {
              padding-top: 10px; }
            #header .container .nav ul:not(.sub-menu) > li.menu-item-has-children .sub-menu li:last-child {
              padding-bottom: 10px; }
            #header .container .nav ul:not(.sub-menu) > li.menu-item-has-children .sub-menu li a {
              padding: 10px 20px; }
          #header .container .nav ul:not(.sub-menu) > li.menu-item-has-children .sub-menu.open {
            background: #2e5854; }
    #header .container .nav.open {
      max-height: 100vh;
      /* Adjust based on your menu's content height */
      transform: translateY(0);
      opacity: 1;
      transition: all 0.3s ease-in-out; }
    #header .container .nav.centred + #hamburger {
      display: flex;
      width: calc(100% - 120px);
      justify-content: flex-start; } }
    @media screen and (max-width: 1024px) and (max-width: 820px) {
      #header .container .nav.centred + #hamburger {
        width: calc(100% - 80px); } }

@media screen and (max-width: 1024px) {
      #header .container .nav.centred + #hamburger button {
        width: 120px;
        justify-content: center; } }
      @media screen and (max-width: 1024px) and (max-width: 820px) {
        #header .container .nav.centred + #hamburger button {
          width: 80px; } }

@media screen and (max-width: 1024px) {
  #header .container #logo.centred {
    width: 120px;
    height: 100%;
    position: absolute;
    right: calc(50% - 40px);
    left: auto;
    display: block; } }
  @media screen and (max-width: 1024px) and (max-width: 820px) {
    #header .container #logo.centred {
      width: 80px; } }

@media screen and (max-width: 1024px) {
    #header .container #logo.centred a {
      padding: 35px; } }
    @media screen and (max-width: 1024px) and (max-width: 820px) {
      #header .container #logo.centred a {
        padding: 15px; } }

@media screen and (max-width: 1024px) {
  #header .container #hamburger {
    display: flex;
    height: 120px;
    transition: all 0.3s ease; } }
  @media screen and (max-width: 1024px) and (max-width: 820px) {
    #header .container #hamburger {
      height: 79px; } }

@media screen and (max-width: 1024px) {
    #header .container #hamburger .hamburger {
      display: flex;
      align-items: center; }
      #header .container #hamburger .hamburger.is-active {
        background: #1e3432; } }

@media screen and (max-width: 1024px) {
  #header .container #hamburger {
    width: calc(100% - 240px);
    justify-content: flex-end; } }
  @media screen and (max-width: 1024px) and (max-width: 820px) {
    #header .container #hamburger {
      width: calc(100% - 200px); } }

@media screen and (min-width: 1025px) {
  #header.shrink .nav ul:not(.sub-menu) > li a {
    padding-top: 10px;
    padding-bottom: 10px;
    transition: all 0.3s ease; } }
  @media screen and (min-width: 1025px) and (max-width: 1200px) {
    #header.shrink .nav ul:not(.sub-menu) > li a {
      padding-left: 20px;
      padding-right: 20px; } }

@media screen and (min-width: 1025px) {
  #header.shrink .nav ul:not(.sub-menu) > li:hover > a:after {
    bottom: 3px !important; }
  #header.shrink .nav ul:not(.sub-menu) > li ul.sub-menu {
    top: 59px !important; }
    #header.shrink .nav ul:not(.sub-menu) > li ul.sub-menu ul.sub-menu {
      top: 0px !important; }
  #header.shrink .nav ul:not(.sub-menu) > li.current-menu-item > a:after, #header.shrink .nav ul:not(.sub-menu) > li.current-page-parent > a:after {
    bottom: 3px !important; }
  #header.shrink .nav ul:not(.sub-menu) > li.menu-item-has-children ul.sub-menu {
    -webkit-transition: opacity 0.5s, visibility 0.5s;
    -moz-transition: opacity 0.5s, visibility 0.5s;
    -ms-transition: opacity 0.5s, visibility 0.5s;
    -o-transition: opacity 0.5s, visibility 0.5s;
    transition: opacity 0.5s, visibility 0.5s; } }

@media screen and (max-width: 1024px) {
  #header.shrink #logo.centred a {
    padding-top: 15px;
    padding-bottom: 15px; } }

#header.shrink #hamburger {
  height: 80px;
  transition: all 0.3s ease; }
  #header.shrink #hamburger .hamburger {
    transition: all 0.3s ease; }

.logged-in-editor #header .container .nav.open {
  top: 159px; }
  @media screen and (max-width: 820px) {
    .logged-in-editor #header .container .nav.open {
      top: 119px; } }

.logged-in-editor #header.shrink .container .nav.open {
  top: 119px; }

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
@use "sass:math";
.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 0.7; }
  .hamburger.is-active:hover {
    opacity: 0.7; }
  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after {
    background-color: white; }

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

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

/*
   * 3DX
   */
.hamburger--3dx .hamburger-box {
  perspective: 72px; }

.hamburger--3dx .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(180deg); }
  .hamburger--3dx.is-active .hamburger-inner::before {
    transform: translate3d(0, 9px, 0) rotate(45deg); }
  .hamburger--3dx.is-active .hamburger-inner::after {
    transform: translate3d(0, -9px, 0) rotate(-45deg); }

/*
   * 3DX Reverse
   */
.hamburger--3dx-r .hamburger-box {
  perspective: 72px; }

.hamburger--3dx-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(-180deg); }
  .hamburger--3dx-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 9px, 0) rotate(45deg); }
  .hamburger--3dx-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -9px, 0) rotate(-45deg); }

/*
   * 3DY
   */
.hamburger--3dy .hamburger-box {
  perspective: 72px; }

.hamburger--3dy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(-180deg); }
  .hamburger--3dy.is-active .hamburger-inner::before {
    transform: translate3d(0, 9px, 0) rotate(45deg); }
  .hamburger--3dy.is-active .hamburger-inner::after {
    transform: translate3d(0, -9px, 0) rotate(-45deg); }

/*
   * 3DY Reverse
   */
.hamburger--3dy-r .hamburger-box {
  perspective: 72px; }

.hamburger--3dy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg); }
  .hamburger--3dy-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 9px, 0) rotate(45deg); }
  .hamburger--3dy-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -9px, 0) rotate(-45deg); }

/*
   * 3DXY
   */
.hamburger--3dxy .hamburger-box {
  perspective: 72px; }

.hamburger--3dxy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dxy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg); }
  .hamburger--3dxy.is-active .hamburger-inner::before {
    transform: translate3d(0, 9px, 0) rotate(45deg); }
  .hamburger--3dxy.is-active .hamburger-inner::after {
    transform: translate3d(0, -9px, 0) rotate(-45deg); }

/*
   * 3DXY Reverse
   */
.hamburger--3dxy-r .hamburger-box {
  perspective: 72px; }

.hamburger--3dxy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dxy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); }
  .hamburger--3dxy-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 9px, 0) rotate(45deg); }
  .hamburger--3dxy-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -9px, 0) rotate(-45deg); }

/*
   * Arrow
   */
.hamburger--arrow.is-active .hamburger-inner::before {
  transform: translate3d(-7.2px, 0, 0) rotate(-45deg) scale(0.7, 1); }

.hamburger--arrow.is-active .hamburger-inner::after {
  transform: translate3d(-7.2px, 0, 0) rotate(45deg) scale(0.7, 1); }

/*
   * Arrow Right
   */
.hamburger--arrow-r.is-active .hamburger-inner::before {
  transform: translate3d(7.2px, 0, 0) rotate(45deg) scale(0.7, 1); }

.hamburger--arrow-r.is-active .hamburger-inner::after {
  transform: translate3d(7.2px, 0, 0) rotate(-45deg) scale(0.7, 1); }

/*
   * Arrow Alt
   */
.hamburger--arrowalt .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(-7.2px, -9px, 0) rotate(-45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(-7.2px, 9px, 0) rotate(45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

/*
   * Arrow Alt Right
   */
.hamburger--arrowalt-r .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt-r .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(7.2px, -9px, 0) rotate(45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(7.2px, 9px, 0) rotate(-45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

/*
   * Arrow Turn
   */
.hamburger--arrowturn.is-active .hamburger-inner {
  transform: rotate(-180deg); }
  .hamburger--arrowturn.is-active .hamburger-inner::before {
    transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }
  .hamburger--arrowturn.is-active .hamburger-inner::after {
    transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

/*
   * Arrow Turn Right
   */
.hamburger--arrowturn-r.is-active .hamburger-inner {
  transform: rotate(-180deg); }
  .hamburger--arrowturn-r.is-active .hamburger-inner::before {
    transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }
  .hamburger--arrowturn-r.is-active .hamburger-inner::after {
    transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }

/*
   * Boring
   */
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
  transition-property: none; }

.hamburger--boring.is-active .hamburger-inner {
  transform: rotate(45deg); }
  .hamburger--boring.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--boring.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg); }

/*
   * Collapse
   */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--collapse .hamburger-inner::after {
    top: -18px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  .hamburger--collapse .hamburger-inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -9px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
  .hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Collapse Reverse
   */
.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--collapse-r .hamburger-inner::after {
    top: -18px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  .hamburger--collapse-r .hamburger-inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse-r.is-active .hamburger-inner {
  transform: translate3d(0, -9px, 0) rotate(45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--collapse-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
  .hamburger--collapse-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Elastic
   */
.hamburger--elastic .hamburger-inner {
  top: 1.5px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .hamburger--elastic .hamburger-inner::before {
    top: 9px;
    transition: opacity 0.125s 0.275s ease; }
  .hamburger--elastic .hamburger-inner::after {
    top: 18px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, 9px, 0) rotate(135deg);
  transition-delay: 0.075s; }
  .hamburger--elastic.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0; }
  .hamburger--elastic.is-active .hamburger-inner::after {
    transform: translate3d(0, -18px, 0) rotate(-270deg);
    transition-delay: 0.075s; }

/*
   * Elastic Reverse
   */
.hamburger--elastic-r .hamburger-inner {
  top: 1.5px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .hamburger--elastic-r .hamburger-inner::before {
    top: 9px;
    transition: opacity 0.125s 0.275s ease; }
  .hamburger--elastic-r .hamburger-inner::after {
    top: 18px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic-r.is-active .hamburger-inner {
  transform: translate3d(0, 9px, 0) rotate(-135deg);
  transition-delay: 0.075s; }
  .hamburger--elastic-r.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0; }
  .hamburger--elastic-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -18px, 0) rotate(270deg);
    transition-delay: 0.075s; }

/*
   * Emphatic
   */
.hamburger--emphatic {
  overflow: hidden; }
  .hamburger--emphatic .hamburger-inner {
    transition: background-color 0.125s 0.175s ease-in; }
    .hamburger--emphatic .hamburger-inner::before {
      left: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; }
    .hamburger--emphatic .hamburger-inner::after {
      top: 9px;
      right: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; }
  .hamburger--emphatic.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent !important; }
    .hamburger--emphatic.is-active .hamburger-inner::before {
      left: -72px;
      top: -72px;
      transform: translate3d(72px, 72px, 0) rotate(45deg);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .hamburger--emphatic.is-active .hamburger-inner::after {
      right: -72px;
      top: -72px;
      transform: translate3d(-72px, 72px, 0) rotate(-45deg);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }

/*
   * Emphatic Reverse
   */
.hamburger--emphatic-r {
  overflow: hidden; }
  .hamburger--emphatic-r .hamburger-inner {
    transition: background-color 0.125s 0.175s ease-in; }
    .hamburger--emphatic-r .hamburger-inner::before {
      left: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; }
    .hamburger--emphatic-r .hamburger-inner::after {
      top: 9px;
      right: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; }
  .hamburger--emphatic-r.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent !important; }
    .hamburger--emphatic-r.is-active .hamburger-inner::before {
      left: -72px;
      top: 72px;
      transform: translate3d(72px, -72px, 0) rotate(-45deg);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .hamburger--emphatic-r.is-active .hamburger-inner::after {
      right: -72px;
      top: 72px;
      transform: translate3d(-72px, -72px, 0) rotate(45deg);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }

/*
   * Minus
   */
.hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
  transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; }

.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
  opacity: 0;
  transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; }

.hamburger--minus.is-active .hamburger-inner::before {
  top: 0; }

.hamburger--minus.is-active .hamburger-inner::after {
  bottom: 0; }

/*
   * Slider
   */
.hamburger--slider .hamburger-inner {
  top: 1.5px; }
  .hamburger--slider .hamburger-inner::before {
    top: 9px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s; }
  .hamburger--slider .hamburger-inner::after {
    top: 18px; }

.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 9px, 0) rotate(45deg); }
  .hamburger--slider.is-active .hamburger-inner::before {
    transform: rotate(-45deg) translate3d(-5.1428571429px, -6px, 0);
    opacity: 0; }
  .hamburger--slider.is-active .hamburger-inner::after {
    transform: translate3d(0, -18px, 0) rotate(-90deg); }

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

.hamburger--slider-r.is-active .hamburger-inner {
  transform: translate3d(0, 9px, 0) rotate(-45deg); }
  .hamburger--slider-r.is-active .hamburger-inner::before {
    transform: rotate(45deg) translate3d(5.1428571429px, -6px, 0);
    opacity: 0; }
  .hamburger--slider-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -18px, 0) rotate(90deg); }

/*
   * Spin
   */
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Spin Reverse
   */
.hamburger--spin-r .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin-r .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin-r .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin-r.is-active .hamburger-inner {
  transform: rotate(-225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .hamburger--spin-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Spring
   */
.hamburger--spring .hamburger-inner {
  top: 1.5px;
  transition: background-color 0s 0.13s linear; }
  .hamburger--spring .hamburger-inner::before {
    top: 9px;
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spring .hamburger-inner::after {
    top: 18px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring.is-active .hamburger-inner {
  transition-delay: 0.22s;
  background-color: transparent !important; }
  .hamburger--spring.is-active .hamburger-inner::before {
    top: 0;
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 9px, 0) rotate(45deg); }
  .hamburger--spring.is-active .hamburger-inner::after {
    top: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 9px, 0) rotate(-45deg); }

/*
   * Spring Reverse
   */
.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spring-r .hamburger-inner::after {
    top: -18px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; }
  .hamburger--spring-r .hamburger-inner::before {
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring-r.is-active .hamburger-inner {
  transform: translate3d(0, -9px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spring-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; }
  .hamburger--spring-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(90deg);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Stand
   */
.hamburger--stand .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }
  .hamburger--stand .hamburger-inner::before {
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--stand .hamburger-inner::after {
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand.is-active .hamburger-inner {
  transform: rotate(90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }
  .hamburger--stand.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--stand.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(45deg);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Stand Reverse
   */
.hamburger--stand-r .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }
  .hamburger--stand-r .hamburger-inner::before {
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--stand-r .hamburger-inner::after {
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand-r.is-active .hamburger-inner {
  transform: rotate(-90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }
  .hamburger--stand-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--stand-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(45deg);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Squeeze
   */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--squeeze .hamburger-inner::before {
    transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
  .hamburger--squeeze .hamburger-inner::after {
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
  .hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Vortex
   */
.hamburger--vortex .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
    transition-duration: 0s;
    transition-delay: 0.1s;
    transition-timing-function: linear; }
  .hamburger--vortex .hamburger-inner::before {
    transition-property: top, opacity; }
  .hamburger--vortex .hamburger-inner::after {
    transition-property: bottom, transform; }

.hamburger--vortex.is-active .hamburger-inner {
  transform: rotate(765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
    transition-delay: 0s; }
  .hamburger--vortex.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--vortex.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(90deg); }

/*
   * Vortex Reverse
   */
.hamburger--vortex-r .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
    transition-duration: 0s;
    transition-delay: 0.1s;
    transition-timing-function: linear; }
  .hamburger--vortex-r .hamburger-inner::before {
    transition-property: top, opacity; }
  .hamburger--vortex-r .hamburger-inner::after {
    transition-property: bottom, transform; }

.hamburger--vortex-r.is-active .hamburger-inner {
  transform: rotate(-765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
    transition-delay: 0s; }
  .hamburger--vortex-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--vortex-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg); }

section .gallery {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  width: 100%; }
  section .gallery br {
    display: none; }
  section .gallery .gallery-item,
  section .gallery .gallery-icon,
  section .gallery .gallery-icon > a,
  section .gallery .gallery-icon > a > img {
    display: block;
    height: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important; }
  section .gallery .gallery-item {
    float: none !important;
    width: auto !important; }
    section .gallery .gallery-item img {
      width: 100%;
      object-fit: cover;
      border: 0 !important;
      opacity: 1;
      transition: all 0.3s ease; }
    section .gallery .gallery-item:hover img {
      opacity: 0.8;
      transition: all 0.3s ease; }
  section .gallery.gallery-columns-3 {
    grid-template-columns: repeat(3, 1fr);
    grid-auto-flow: dense;
    grid-auto-rows: 1fr; }
  section .gallery.gallery-columns-5 {
    grid-template-columns: repeat(3, 1fr);
    grid-auto-flow: dense; }
    section .gallery.gallery-columns-5 .gallery-item {
      display: grid;
      justify-items: center;
      align-items: center; }
      section .gallery.gallery-columns-5 .gallery-item:nth-of-type(7n+1) {
        grid-row: span 2; }
  section .gallery.gallery-columns-6 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    width: 100%;
    grid-auto-flow: dense; }
    section .gallery.gallery-columns-6 .gallery-item {
      display: grid;
      justify-items: center;
      align-items: center; }
      section .gallery.gallery-columns-6 .gallery-item:nth-of-type(7n+1), section .gallery.gallery-columns-6 .gallery-item:nth-of-type(8n+5) {
        grid-row: span 2; }
    @media screen and (max-width: 640px) {
      section .gallery.gallery-columns-6 {
        grid-template-columns: repeat(2, 1fr); } }
  section .gallery.gallery-columns-7 {
    grid-template-columns: repeat(4, 1fr);
    grid-auto-flow: dense;
    grid-auto-rows: 1fr; }
    section .gallery.gallery-columns-7 .gallery-item {
      display: grid;
      justify-items: center;
      align-items: center; }
      section .gallery.gallery-columns-7 .gallery-item:nth-child(7), section .gallery.gallery-columns-7 .gallery-item:nth-child(1) {
        grid-row: span 2; }
  section .gallery.gallery-size-large {
    grid-auto-rows: 1fr; }
  @media screen and (max-width: 1200px) {
    section .gallery {
      gap: 20px !important; } }
  @media screen and (max-width: 640px) {
    section .gallery {
      grid-template-columns: repeat(2, 1fr) !important; } }

section table {
  border: 0;
  border-collapse: collapse;
  width: 100%; }
  section table tr th {
    font-family: "effra-cc", sans-serif;
    border-bottom: 1px solid #1e3432;
    padding: 12px 20px;
    background: #cad8ce; }
  section table tr td {
    font-family: "effra-cc", sans-serif;
    border-bottom: 1px solid #B3BFB6;
    padding: 12px 20px;
    background: #e8e8e8; }
  section table tr:nth-child(even) td {
    background: #f0f0f0; }

section h1:first-child, section h2:first-child, section h3:first-child, section h4:first-child {
  font-size: 40px;
  line-height: 54px;
  margin: 0 0 30px;
  font-weight: 400;
  letter-spacing: 1px;
  font-family: quincy-cf, serif; }
  @media screen and (max-width: 1024px) {
    section h1:first-child, section h2:first-child, section h3:first-child, section h4:first-child {
      font-size: 32px;
      line-height: 40px; } }

.content-img .container.rows {
  flex-wrap: nowrap;
  justify-content: flex-start; }
  @media screen and (max-width: 1024px) {
    .content-img .container.rows {
      flex-direction: row; } }
  @media screen and (max-width: 820px) {
    .content-img .container.rows {
      flex-direction: column; } }
  @media screen and (max-width: 1024px) {
    .content-img .container.rows .copy .rows {
      flex-direction: column; } }

.content-img .container .copy .rows {
  flex-wrap: nowrap;
  justify-content: flex-start; }
  @media screen and (max-width: 1024px) {
    .content-img .container .copy .rows {
      flex-direction: column; } }

.content-img .container .copy .col-1-2,
.content-img .container .copy .col-2-2 {
  padding-right: 60px; }
  @media screen and (max-width: 1024px) {
    .content-img .container .copy .col-1-2,
    .content-img .container .copy .col-2-2 {
      width: 100%; } }
  @media screen and (max-width: 820px) {
    .content-img .container .copy .col-1-2,
    .content-img .container .copy .col-2-2 {
      padding-right: 15px; } }
  @media screen and (max-width: 640px) {
    .content-img .container .copy .col-1-2,
    .content-img .container .copy .col-2-2 {
      padding-right: 0; } }

.content-img .container .copy .col-2-2 {
  padding-left: 0; }
  @media screen and (max-width: 1024px) {
    .content-img .container .copy .col-2-2 {
      margin-top: 30px;
      margin-bottom: 30px; } }

.content-img .container .copy p.large-text {
  font-size: 22px;
  line-height: 34px;
  color: #636F6D;
  margin-bottom: 30px !important; }

@media screen and (max-width: 1024px) {
  .content-img .container .copy .rows {
    flex-direction: row; } }

@media screen and (max-width: 640px) {
  .content-img .container .copy .rows {
    flex-direction: column; } }

.content-img .container .copy .rows p {
  font-size: 20px;
  line-height: 30px;
  font-weight: 300;
  letter-spacing: 0.5px;
  margin-bottom: 30px; }

@media screen and (max-width: 1440px) {
  .content-img .container .copy {
    width: 60%; } }

@media screen and (max-width: 1024px) {
  .content-img .container .copy {
    width: 100%; } }

.content-img .container .img-holder {
  display: flex;
  align-items: center; }
  @media screen and (max-width: 1440px) {
    .content-img .container .img-holder {
      width: 40%; } }
  @media screen and (max-width: 1200px) {
    .content-img .container .img-holder {
      width: 40%; } }
  @media screen and (max-width: 1024px) {
    .content-img .container .img-holder {
      width: 50%; } }
  @media screen and (max-width: 960px) {
    .content-img .container .img-holder {
      width: 100%; } }
  .content-img .container .img-holder img {
    width: 540px;
    height: auto;
    display: block; }
    @media screen and (max-width: 1440px) {
      .content-img .container .img-holder img {
        width: 100%;
        height: auto; } }
    @media screen and (max-width: 820px) {
      .content-img .container .img-holder img {
        width: auto;
        max-width: 100%; } }
  .content-img .container .img-holder.fade img {
    box-shadow: #cbef6c 120px 60px 0px -60px;
    animation-name: ugh;
    animation-duration: 2s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    animation-delay: 1s;
    position: relative; }

@keyframes ugh {
  0% {
    box-shadow: #cbef6c 120px 60px 0px -60px; }
  100% {
    box-shadow: #cbef6c 120px 60px 0px -60px; } }
    @media screen and (max-width: 820px) {
      .content-img .container .img-holder.fade img {
        box-shadow: #cbef6c 120px 60px 0px -60px; } }

.img-panel {
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  min-height: 100vh; }
  @media screen and (max-width: 1200px) {
    .img-panel {
      min-height: 75vh; } }
  @media screen and (max-width: 820px) {
    .img-panel {
      min-height: 480px; } }
  .img-panel .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1; }
  .img-panel .container {
    display: flex;
    justify-content: flex-end;
    z-index: 2;
    position: relative; }
    @media screen and (max-width: 820px) {
      .img-panel .container {
        padding: 30px; } }
    .img-panel .container .copy {
      width: 50%;
      color: white; }
      @media screen and (max-width: 1200px) {
        .img-panel .container .copy {
          width: 75%; } }
      @media screen and (max-width: 820px) {
        .img-panel .container .copy {
          width: 100%;
          margin-top: 30px;
          margin-bottom: 30px;
          padding: 30px; } }
      .img-panel .container .copy p {
        font-size: 20px;
        line-height: 34px;
        font-weight: 300; }

.content-slider {
  padding-left: 120px;
  overflow: hidden; }
  @media screen and (max-width: 1440px) {
    .content-slider {
      padding-left: 60px; } }
  @media screen and (max-width: 1024px) {
    .content-slider {
      margin: 0 auto;
      padding-left: 0; } }
  .content-slider .container {
    max-width: 100%;
    margin: 0 0 0 120px;
    overflow: hidden; }
    @media screen and (max-width: 1600px) {
      .content-slider .container {
        padding-left: 0;
        padding-right: 0;
        margin: 0px; } }
    @media screen and (max-width: 1024px) {
      .content-slider .container {
        margin: 0 auto;
        padding-left: 40px; } }
  .content-slider .rows .copy {
    width: 25%;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    @media screen and (max-width: 1024px) {
      .content-slider .rows .copy {
        width: 100%;
        padding: 0 60px 40px 20px; } }
    @media screen and (max-width: 640px) {
      .content-slider .rows .copy {
        padding: 0 40px 40px 0; } }
    .content-slider .rows .copy h3 {
      font-size: 40px;
      line-height: 50px; }
      @media screen and (max-width: 820px) {
        .content-slider .rows .copy h3 {
          font-size: 32px;
          line-height: 40px; } }
  .content-slider .rows .carousel {
    width: 75%;
    padding-left: 60px; }
    @media screen and (max-width: 1024px) {
      .content-slider .rows .carousel {
        width: 100%;
        padding-left: 0; } }
    @media screen and (max-width: 640px) {
      .content-slider .rows .carousel {
        padding-right: 40px; } }
    .content-slider .rows .carousel .course-slider .slick-track {
      margin: auto; }
    .content-slider .rows .carousel .course-slider .slick-prev {
      left: -20px;
      z-index: 90; }
      @media screen and (max-width: 1600px) {
        .content-slider .rows .carousel .course-slider .slick-prev {
          left: 0; } }
    .content-slider .rows .carousel .course-slider .slick-next {
      right: -20px; }
      @media screen and (max-width: 1600px) {
        .content-slider .rows .carousel .course-slider .slick-next {
          right: 0; } }
    @media screen and (max-width: 640px) {
      .content-slider .rows .carousel .course-slider .slick-list {
        padding: 0 !important; } }
    .content-slider .rows .carousel .course-slider .slick-list .slick-track {
      left: 0px; }
      .content-slider .rows .carousel .course-slider .slick-list .slick-track .hole {
        position: relative;
        background: #1e3432;
        transition: all 0.3s ease;
        width: calc(100% - 20px);
        height: 415px;
        position: relative;
        background-position: center;
        background-size: cover; }
        .content-slider .rows .carousel .course-slider .slick-list .slick-track .hole .gradient {
          background: rgba(46, 88, 84, 0.9);
          background: linear-gradient(0deg, rgba(46, 88, 84, 0.9) 0%, rgba(255, 255, 255, 0) 100%);
          z-index: 1 !important;
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          opacity: 1;
          transition: all 0.3s ease; }
        .content-slider .rows .carousel .course-slider .slick-list .slick-track .hole img {
          z-index: 0;
          position: relative;
          width: 100%;
          height: 100%;
          object-fit: cover;
          transition: all 0.3s ease; }
        .content-slider .rows .carousel .course-slider .slick-list .slick-track .hole .post-content {
          z-index: 1;
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 100%;
          color: white;
          text-decoration: none;
          display: flex;
          align-items: flex-end; }
          .content-slider .rows .carousel .course-slider .slick-list .slick-track .hole .post-content .post-meta {
            opacity: 1;
            display: flex;
            padding: 0 0 80px 60px;
            transition: all 0.3s ease; }
            .content-slider .rows .carousel .course-slider .slick-list .slick-track .hole .post-content .post-meta .hole-heading {
              font-size: 36px;
              font-weight: 600;
              margin-bottom: 0 !important; }
              .content-slider .rows .carousel .course-slider .slick-list .slick-track .hole .post-content .post-meta .hole-heading .hole-number {
                display: block;
                padding-top: 10px;
                font-size: 100px;
                font-weight: 600;
                color: #cbef6c; }
        @media screen and (max-width: 640px) {
          .content-slider .rows .carousel .course-slider .slick-list .slick-track .hole {
            width: 100%; } }
        .content-slider .rows .carousel .course-slider .slick-list .slick-track .hole .gradient {
          background: rgba(46, 88, 84, 0.9);
          background: linear-gradient(0deg, rgba(46, 88, 84, 0.9) 0%, rgba(255, 255, 255, 0) 100%);
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          opacity: 1;
          z-index: 0;
          transition: all 0.3s ease; }
        .content-slider .rows .carousel .course-slider .slick-list .slick-track .hole .post-content {
          width: 100%;
          height: 100%;
          color: white;
          text-decoration: none;
          position: absolute;
          bottom: 0;
          left: 0;
          z-index: 1; }
          .content-slider .rows .carousel .course-slider .slick-list .slick-track .hole .post-content .post-meta {
            display: flex;
            align-items: baseline; }
        .content-slider .rows .carousel .course-slider .slick-list .slick-track .hole:hover .gradient {
          opacity: 0.5;
          transition: all 0.3s ease; }
    .content-slider .rows .carousel .soliloquy-carousel {
      padding-right: 120px; }
      .content-slider .rows .carousel .soliloquy-carousel .soliloquy-item a.soliloquy-link {
        background: #1e3432; }
        .content-slider .rows .carousel .soliloquy-carousel .soliloquy-item a.soliloquy-link .soliloquy-image {
          opacity: 0.75; }
      .content-slider .rows .carousel .soliloquy-carousel .soliloquy-item .soliloquy-caption {
        background: rgba(46, 88, 84, 0.9);
        background: linear-gradient(0deg, rgba(46, 88, 84, 0.9) 0%, rgba(255, 255, 255, 0) 100%);
        width: 100%;
        height: 100%;
        bottom: 0;
        position: absolute; }
        .content-slider .rows .carousel .soliloquy-carousel .soliloquy-item .soliloquy-caption .soliloquy-caption-inside {
          padding: 0;
          text-shadow: none;
          position: absolute;
          width: 100%;
          bottom: 0;
          background: transparent;
          text-align: left; }
          .content-slider .rows .carousel .soliloquy-carousel .soliloquy-item .soliloquy-caption .soliloquy-caption-inside h2.soliloquy-fc-title {
            margin: 40px; }

.gallery-slider-holder {
  padding-left: 0; }
  .gallery-slider-holder .container {
    margin: 0 auto;
    max-width: 100%; }
    @media screen and (max-width: 1600px) {
      .gallery-slider-holder .container {
        max-width: calc(100% - 120px); } }
    .gallery-slider-holder .container .rows {
      flex-wrap: wrap; }
      .gallery-slider-holder .container .rows .copy {
        width: 100%;
        max-width: 1440px;
        margin: 0 auto;
        padding: 0 120px 120px; }
        .gallery-slider-holder .container .rows .copy p {
          font-weight: 300; }
      .gallery-slider-holder .container .rows .carousel {
        width: 100%;
        padding-left: 0px; }
        .gallery-slider-holder .container .rows .carousel .slick-slider .slick-slide .slide {
          width: calc(100% - 60px) !important; }
          .gallery-slider-holder .container .rows .carousel .slick-slider .slick-slide .slide img {
            width: 100%; }

.img-content-panel:nth-of-type(2n+1) .container {
  position: relative;
  flex-direction: row-reverse; }
  @media screen and (max-width: 1024px) {
    .img-content-panel:nth-of-type(2n+1) .container {
      flex-direction: column; } }

.img-content-panel + .img-content-panel .container {
  padding-top: 60px; }

.img-content-panel .block {
  padding: 20px 0; }
  .img-content-panel .block:nth-child(odd) .container {
    flex-direction: row !important; }
  .img-content-panel .block:nth-child(even) .container {
    flex-direction: row-reverse !important; }

.img-above-content .image {
  width: 100% !important;
  margin-bottom: 60px; }
  @media screen and (max-width: 1440px) {
    .img-above-content .image {
      margin-bottom: 30px; } }
  .img-above-content .image img {
    width: 100%;
    height: auto;
    display: block; }
  .img-above-content .image h2 + img,
  .img-above-content .image h3 + img,
  .img-above-content .image h4 + img,
  .img-above-content .image p + img {
    padding-top: 30px; }

.img-above-content .rows, .img-above-content .columms {
  width: 100%; }

.img-above-content .rows {
  padding: 0; }
  .img-above-content .rows ul.icons {
    padding: 10px 0 40px; }

.img-above-content.shift-left .col-1-2 {
  width: calc(65% - 30px); }
  @media screen and (max-width: 1024px) {
    .img-above-content.shift-left .col-1-2 ul.icons {
      display: flex;
      flex-direction: row;
      padding: 30px 0 0;
      margin: 0;
      padding-bottom: 30px; }
      .img-above-content.shift-left .col-1-2 ul.icons li {
        list-style: none;
        padding: 0 20px 0 0;
        font-size: 18px;
        font-weight: 500; }
        .img-above-content.shift-left .col-1-2 ul.icons li i {
          padding-right: 5px; } }

.img-above-content.shift-left .col-2-2 {
  width: calc(35% - 30px); }
  .img-above-content.shift-left .col-2-2 p {
    font-weight: 300; }

.img-above-content.shift-right .col-1-2 {
  width: calc(35% - 30px); }
  @media screen and (max-width: 1024px) {
    .img-above-content.shift-right .col-1-2 ul.icons {
      display: flex;
      flex-direction: row;
      padding: 30px 0 0;
      margin: 0;
      padding-bottom: 30px; }
      .img-above-content.shift-right .col-1-2 ul.icons li {
        list-style: none;
        padding: 0 20px 0 0;
        font-size: 18px;
        font-weight: 500; }
        .img-above-content.shift-right .col-1-2 ul.icons li i {
          padding-right: 5px; } }

.img-above-content.shift-right .col-2-2 {
  width: calc(65% - 30px); }
  .img-above-content.shift-right .col-2-2 p {
    font-weight: 300; }

@media screen and (max-width: 1024px) {
  .img-above-content.shift-left .col-1-2,
  .img-above-content.shift-left .col-2-2, .img-above-content.shift-right .col-1-2,
  .img-above-content.shift-right .col-2-2 {
    width: 100%;
    padding-left: 0;
    padding-right: 0; } }

@media screen and (max-width: 1024px) {
  .img-above-content.shift-left .col-2-2, .img-above-content.shift-right .col-2-2 {
    margin-top: 40px; } }

.img-above-content + .img-above-content .container {
  padding-top: 0; }

.news .container .news-content {
  padding: 0 0 60px; }
  @media screen and (max-width: 960px) {
    .news .container .news-content {
      padding: 0 0 30px; } }
  .news .container .news-content h3 {
    font-size: 40px;
    line-height: 54px;
    margin: 0 0 30px;
    font-weight: 400;
    letter-spacing: 1px;
    font-family: quincy-cf, serif; }
    @media screen and (max-width: 1024px) {
      .news .container .news-content h3 {
        font-size: 32px;
        line-height: 40px; } }

.news .container .posts.col-4 .post {
  width: 100%;
  height: auto; }
  @media screen and (max-width: 1200px) {
    .news .container .posts.col-4 .post {
      width: calc(50% - 20px);
      height: auto;
      margin-top: 20px;
      margin-bottom: 20px; } }
  @media screen and (max-width: 1200px) and (max-width: 820px) {
    .news .container .posts.col-4 .post {
      width: 100%; } }

.news .container .posts.col-3 .post {
  /*&:first-child {
						@include media($tablet-h) {
							flex-basis: 100%;
							margin-bottom: 40px;
						}
						
						@include media($small) {
							flex-basis: 0;
							margin-bottom: 30px;
						}
					}
					
					@include media($tablet-h) {
						width: calc(50% - 20px) !important;
					}
					
					@include media($small) {
						width: 100% !important;
					}*/ }

.news .container .posts.col-2 .post {
  width: calc(50% - 20px);
  height: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  width: calc(50% - 30px); }
  @media screen and (max-width: 820px) {
    .news .container .posts.col-2 .post {
      width: 100%; } }
  @media screen and (max-width: 1200px) {
    .news .container .posts.col-2 .post {
      width: calc(50% - 20px); } }
  @media screen and (max-width: 820px) {
    .news .container .posts.col-2 .post {
      width: 100%; } }

.news .container .posts.cover.col-4 .post {
  width: 100%;
  height: 560px; }
  @media screen and (max-width: 1200px) {
    .news .container .posts.cover.col-4 .post {
      width: calc(50% - 20px);
      height: auto;
      margin-top: 20px;
      margin-bottom: 20px; } }
  @media screen and (max-width: 1200px) and (max-width: 820px) {
    .news .container .posts.cover.col-4 .post {
      width: 100%; } }
  @media screen and (max-width: 1440px) {
    .news .container .posts.cover.col-4 .post {
      width: 100%;
      height: 480px; } }
  @media screen and (max-width: 1440px) and (max-width: 1200px) {
    .news .container .posts.cover.col-4 .post {
      width: calc(50% - 20px);
      height: auto;
      margin-top: 20px;
      margin-bottom: 20px; } }
  @media screen and (max-width: 1440px) and (max-width: 1200px) and (max-width: 820px) {
    .news .container .posts.cover.col-4 .post {
      width: 100%; } }
  @media screen and (max-width: 1200px) {
    .news .container .posts.cover.col-4 .post {
      height: 400px; } }

.news .container .posts.cover.col-3 .post {
  height: 640px; }
  @media screen and (max-width: 1600px) {
    .news .container .posts.cover.col-3 .post {
      height: 600px; } }
  @media screen and (max-width: 1440px) {
    .news .container .posts.cover.col-3 .post {
      height: 560px; } }
  @media screen and (max-width: 1200px) {
    .news .container .posts.cover.col-3 .post {
      height: 480px; } }

.news .container .posts.cover.col-2 .post {
  width: calc(50% - 20px);
  height: 560px;
  margin-top: 20px;
  margin-bottom: 20px; }
  @media screen and (max-width: 820px) {
    .news .container .posts.cover.col-2 .post {
      width: 100%; } }
  @media screen and (max-width: 1440px) {
    .news .container .posts.cover.col-2 .post {
      height: 480px; } }

.news .container.full .posts-excerpt {
  padding: 60px; }
  @media screen and (max-width: 820px) {
    .news .container.full .posts-excerpt {
      padding: 30px; } }

@media screen and (max-width: 820px) {
  .news .container.padded {
    padding: 30px; } }

@media screen and (max-width: 820px) {
  .block:nth-of-type(odd) .container,
  .block:nth-of-type(even) .container {
    flex-direction: column !important;
    width: 100%;
    padding: 0; } }

@media screen and (max-width: 820px) {
  .block:nth-of-type(odd) .container .image,
  .block:nth-of-type(even) .container .image {
    width: 100%;
    position: relative; } }

@media screen and (max-width: 820px) {
  .block:nth-of-type(odd) .container .image img,
  .block:nth-of-type(even) .container .image img {
    width: 100%; } }

@media screen and (max-width: 820px) {
  .block:nth-of-type(odd) .container .copy,
  .block:nth-of-type(even) .container .copy {
    padding: 30px;
    width: 100%;
    position: relative;
    right: auto; } }

.feature-block-split .block {
  padding: 240px 0; }
  @media screen and (max-width: 1440px) {
    .feature-block-split .block {
      padding: 120px 0; } }
  @media screen and (max-width: 820px) {
    .feature-block-split .block {
      padding: 60px 30px; } }
  @media screen and (max-width: 640px) {
    .feature-block-split .block {
      padding-top: 40px;
      padding-bottom: 40px; } }
  .feature-block-split .block .rows {
    flex-direction: row;
    position: relative;
    justify-content: flex-start; }
    @media screen and (max-width: 820px) {
      .feature-block-split .block .rows {
        flex-direction: column; } }
    .feature-block-split .block .rows .image {
      width: 100%; }
      .feature-block-split .block .rows .image img {
        width: 100%;
        height: auto;
        display: block; }
    .feature-block-split .block .rows .copy {
      width: 53%;
      margin: 0; }
      @media screen and (max-width: 820px) {
        .feature-block-split .block .rows .copy {
          position: relative;
          padding: 60px 30px;
          width: 100%; } }
      @media screen and (max-width: 640px) {
        .feature-block-split .block .rows .copy {
          padding-top: 40px;
          padding-bottom: 40px; } }
      .feature-block-split .block .rows .copy h1, .feature-block-split .block .rows .copy h2, .feature-block-split .block .rows .copy h3, .feature-block-split .block .rows .copy h4 {
        font-size: 44px;
        line-height: 60px;
        margin-bottom: 40px;
        letter-spacing: 1px; }
        @media screen and (max-width: 1600px) {
          .feature-block-split .block .rows .copy h1, .feature-block-split .block .rows .copy h2, .feature-block-split .block .rows .copy h3, .feature-block-split .block .rows .copy h4 {
            font-size: 36px;
            line-height: 44px;
            line-height: 50px; } }
        @media screen and (max-width: 820px) {
          .feature-block-split .block .rows .copy h1, .feature-block-split .block .rows .copy h2, .feature-block-split .block .rows .copy h3, .feature-block-split .block .rows .copy h4 {
            font-size: 32px;
            line-height: 40px;
            margin-bottom: 30px; } }
      .feature-block-split .block .rows .copy p {
        font-weight: 300; }
        .feature-block-split .block .rows .copy p strong {
          font-weight: 600; }
  .feature-block-split .block:nth-of-type(even) .container.rows {
    flex-direction: row-reverse; }

@media screen and (max-width: 1200px) {
  .feature-block-split.overlap .block {
    padding: 60px 0; } }

@media screen and (max-width: 1024px) {
  .feature-block-split.overlap .block {
    padding-bottom: 0; } }

@media screen and (max-width: 820px) {
  .feature-block-split.overlap .block {
    padding: 0; } }

.feature-block-split.overlap .block .rows {
  align-items: center; }
  @media screen and (max-width: 1024px) {
    .feature-block-split.overlap .block .rows {
      flex-direction: column; } }
  .feature-block-split.overlap .block .rows .image img {
    width: 58%; }
    @media screen and (max-width: 1440px) {
      .feature-block-split.overlap .block .rows .image img {
        width: 65%; } }
    @media screen and (max-width: 1200px) {
      .feature-block-split.overlap .block .rows .image img {
        width: 75%; } }
    @media screen and (max-width: 1024px) {
      .feature-block-split.overlap .block .rows .image img {
        width: 100%;
        height: 450px;
        object-fit: cover; } }
  .feature-block-split.overlap .block .rows .copy {
    background: #f0f0f0;
    padding: 80px 60px;
    position: absolute;
    right: 0; }
    @media screen and (max-width: 1600px) {
      .feature-block-split.overlap .block .rows .copy {
        right: 120px;
        padding: 60px; } }
    @media screen and (max-width: 1440px) {
      .feature-block-split.overlap .block .rows .copy {
        right: 60px; } }
    @media screen and (max-width: 1200px) {
      .feature-block-split.overlap .block .rows .copy {
        width: 60%; } }
    @media screen and (max-width: 1024px) {
      .feature-block-split.overlap .block .rows .copy {
        position: relative;
        width: calc(100% - 60px);
        top: -60px;
        right: auto; } }
    @media screen and (max-width: 820px) {
      .feature-block-split.overlap .block .rows .copy {
        position: relative;
        width: calc(100% - 60px);
        top: -60px;
        right: auto;
        padding: 60px 30px; } }
    @media screen and (max-width: 640px) {
      .feature-block-split.overlap .block .rows .copy {
        padding-top: 40px;
        padding-bottom: 40px;
        width: 100%;
        top: auto; } }

@media screen and (max-width: 1024px) {
  .feature-block-split.overlap .block:nth-of-type(even) .rows {
    flex-direction: column; } }

.feature-block-split.overlap .block:nth-of-type(even) .rows .image {
  position: relative;
  width: 58%; }
  @media screen and (max-width: 1440px) {
    .feature-block-split.overlap .block:nth-of-type(even) .rows .image {
      width: 65%; } }
  @media screen and (max-width: 1200px) {
    .feature-block-split.overlap .block:nth-of-type(even) .rows .image {
      width: 75%; } }
  @media screen and (max-width: 1024px) {
    .feature-block-split.overlap .block:nth-of-type(even) .rows .image {
      width: 100%; } }
  @media screen and (max-width: 820px) {
    .feature-block-split.overlap .block:nth-of-type(even) .rows .image {
      width: 100%; } }
  .feature-block-split.overlap .block:nth-of-type(even) .rows .image img {
    width: 100%; }

.feature-block-split.overlap .block:nth-of-type(even) .rows .copy {
  left: 0;
  right: auto; }
  @media screen and (max-width: 1600px) {
    .feature-block-split.overlap .block:nth-of-type(even) .rows .copy {
      left: 120px; } }
  @media screen and (max-width: 1440px) {
    .feature-block-split.overlap .block:nth-of-type(even) .rows .copy {
      left: 60px; } }
  @media screen and (max-width: 1024px) {
    .feature-block-split.overlap .block:nth-of-type(even) .rows .copy {
      left: auto; } }

.feature-block-split.overlap .block + .block {
  padding-top: 0; }
  @media screen and (max-width: 1024px) {
    .feature-block-split.overlap .block + .block {
      padding-bottom: 0; } }

.feature-block-split.minimalist .block .rows {
  align-items: center; }
  @media screen and (max-width: 1200px) {
    .feature-block-split.minimalist .block .rows {
      align-items: normal; } }
  .feature-block-split.minimalist .block .rows .image {
    width: 54%; }
    @media screen and (max-width: 1200px) {
      .feature-block-split.minimalist .block .rows .image {
        width: 50%; } }
    @media screen and (max-width: 820px) {
      .feature-block-split.minimalist .block .rows .image {
        width: 100%;
        height: 340px; } }
    .feature-block-split.minimalist .block .rows .image img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .feature-block-split.minimalist .block .rows .copy {
    padding: 120px 0 0 60px;
    width: 46%;
    height: 100%;
    align-self: center; }
    @media screen and (max-width: 1440px) {
      .feature-block-split.minimalist .block .rows .copy {
        padding: 60px 0px 0 60px !important; } }
    @media screen and (max-width: 1200px) {
      .feature-block-split.minimalist .block .rows .copy {
        width: 50%; } }
    @media screen and (max-width: 820px) {
      .feature-block-split.minimalist .block .rows .copy {
        width: 100%;
        padding: 60px 0 0 !important; } }
    @media screen and (max-width: 820px) {
      .feature-block-split.minimalist .block .rows .copy h3 {
        margin-bottom: 20px; } }

.feature-block-split.minimalist .block:nth-of-type(even) .rows .copy {
  padding: 120px 60px 0 0; }
  @media screen and (max-width: 1440px) {
    .feature-block-split.minimalist .block:nth-of-type(even) .rows .copy {
      padding: 60px 60px 0 0px !important; } }
  @media screen and (max-width: 820px) {
    .feature-block-split.minimalist .block:nth-of-type(even) .rows .copy {
      padding: 60px 0 0 !important; } }

.feature-block-split.minimalist .block + .block {
  padding-top: 0;
  padding-bottom: 240px; }
  @media screen and (max-width: 1440px) {
    .feature-block-split.minimalist .block + .block {
      padding-bottom: 120px; } }
  @media screen and (max-width: 820px) {
    .feature-block-split.minimalist .block + .block {
      padding-bottom: 60px; } }

.feature-block-split.split .block {
  padding: 0 !important;
  background: #f0f0f0; }
  .feature-block-split.split .block .rows {
    max-width: 100%; }
    @media screen and (max-width: 1600px) {
      .feature-block-split.split .block .rows {
        padding: 0; } }
    @media screen and (max-width: 1200px) {
      .feature-block-split.split .block .rows {
        padding: 0; } }
    .feature-block-split.split .block .rows .image {
      width: 50%;
      height: auto;
      position: relative; }
      .feature-block-split.split .block .rows .image img {
        height: 100%;
        object-fit: cover; }
      @media screen and (max-width: 820px) {
        .feature-block-split.split .block .rows .image {
          width: 100%; } }
      @media screen and (max-width: 640px) {
        .feature-block-split.split .block .rows .image {
          height: 340px; } }
    .feature-block-split.split .block .rows .copy {
      width: 50%;
      align-content: center;
      max-width: 720px;
      padding-left: 120px;
      padding-right: 0;
      padding-top: 120px;
      padding-bottom: 120px; }
      @media screen and (max-width: 1600px) {
        .feature-block-split.split .block .rows .copy {
          max-width: 50%;
          padding-left: 120px;
          padding-right: 120px; } }
      @media screen and (max-width: 1440px) {
        .feature-block-split.split .block .rows .copy {
          padding-left: 60px;
          padding-right: 60px;
          padding-top: 60px;
          padding-bottom: 60px; } }
      @media screen and (max-width: 820px) {
        .feature-block-split.split .block .rows .copy {
          width: 100%;
          max-width: 100%;
          padding-left: 30px;
          padding-right: 30px; } }
  .feature-block-split.split .block:nth-of-type(even) .rows .copy {
    max-width: 720px;
    padding-left: 0;
    padding-right: 120px; }
    @media screen and (max-width: 1600px) {
      .feature-block-split.split .block:nth-of-type(even) .rows .copy {
        max-width: 50%;
        padding-left: 120px;
        padding-right: 120px; } }
    @media screen and (max-width: 1440px) {
      .feature-block-split.split .block:nth-of-type(even) .rows .copy {
        padding-left: 60px;
        padding-right: 60px; } }
    @media screen and (max-width: 820px) {
      .feature-block-split.split .block:nth-of-type(even) .rows .copy {
        width: 100%;
        max-width: 100%;
        padding-left: 30px;
        padding-right: 30px; } }

table.membership tr td:first-of-type {
  padding: 20px 40px 20px 20px; }

table.membership h4 {
  font-size: 22px;
  line-height: 28px;
  font-weight: 600;
  letter-spacing: 0px;
  margin-bottom: 0; }

table.membership .price {
  font-size: 22px;
  font-weight: 400; }

table.membership .btn {
  padding: 8px 15px;
  font-size: 14px; }

.contact-details .col-1-3,
.contact-details .col-2-3,
.contact-details .col-3-3 {
  color: white; }
  .contact-details .col-1-3 i,
  .contact-details .col-2-3 i,
  .contact-details .col-3-3 i {
    font-size: 40px;
    margin-bottom: 40px;
    font-weight: 300;
    color: #cbef6c;
    border-radius: 40px; }

.accordion .accordion-row .accordion-title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 5px 30px; }
  .accordion .accordion-row .accordion-title:hover {
    cursor: pointer; }
  .accordion .accordion-row .accordion-title h2 {
    margin: 0;
    font-family: "sonar-sans", sans-serif;
    font-weight: 600;
    letter-spacing: 0.5px;
    font-size: 24px;
    color: #636F6D; }
    @media screen and (max-width: 1440px) {
      .accordion .accordion-row .accordion-title h2 {
        font-size: 22px;
        line-height: 32px; } }

.accordion .framed {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (max-width: 820px) {
    .accordion .framed {
      flex-direction: column; } }
  .accordion .framed .heading {
    padding-bottom: 40px;
    width: 100%; }
  .accordion .framed .accordion-holder {
    overflow: hidden;
    width: calc(50% - 30px); }
    @media screen and (max-width: 820px) {
      .accordion .framed .accordion-holder {
        width: 100%; } }
    .accordion .framed .accordion-holder .accordion-row {
      padding: 15px 0px;
      border-bottom: 1px solid #B3BFB6;
      margin-bottom: 0px; }
      .accordion .framed .accordion-holder .accordion-row .accordion-title {
        padding: 0; }
        .accordion .framed .accordion-holder .accordion-row .accordion-title:hover {
          cursor: pointer;
          transition: all 0.3s ease; }
        .accordion .framed .accordion-holder .accordion-row .accordion-title h2 {
          color: #030a09; }
          @media screen and (max-width: 820px) {
            .accordion .framed .accordion-holder .accordion-row .accordion-title h2 {
              font-size: 22px; } }
      .accordion .framed .accordion-holder .accordion-row .accordion-category {
        padding: 20px 0; }

.accordion .full {
  padding: 60px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }
  @media screen and (max-width: 820px) {
    .accordion .full {
      flex-direction: column;
      padding: 40px 30px; } }
  .accordion .full .heading {
    width: 40%;
    padding: 0 60px; }
    @media screen and (max-width: 1440px) {
      .accordion .full .heading {
        padding: 0 30px 0 0; } }
    @media screen and (max-width: 820px) {
      .accordion .full .heading {
        width: 100%;
        padding: 0; } }
    .accordion .full .heading h2, .accordion .full .heading h3, .accordion .full .heading h4, .accordion .full .heading h5, .accordion .full .heading h6 {
      font-family: "sonar-sans", sans-serif;
      font-weight: 600;
      color: #030a09; }
      @media screen and (max-width: 820px) {
        .accordion .full .heading h2, .accordion .full .heading h3, .accordion .full .heading h4, .accordion .full .heading h5, .accordion .full .heading h6 {
          font-size: 22px;
          letter-spacing: 1px;
          margin-bottom: 24px; } }
  .accordion .full .accordion-holder {
    width: 60%;
    padding: 0 60px; }
    @media screen and (max-width: 1440px) {
      .accordion .full .accordion-holder {
        padding: 0 0 0 30px; } }
    @media screen and (max-width: 820px) {
      .accordion .full .accordion-holder {
        width: 100%;
        padding: 0; } }
    .accordion .full .accordion-holder .accordion-row {
      padding: 15px 0px;
      border-bottom: 1px solid #B3BFB6; }
      .accordion .full .accordion-holder .accordion-row .accordion-title {
        padding: 0; }
        .accordion .full .accordion-holder .accordion-row .accordion-title h2 {
          color: #030a09; }
          @media screen and (max-width: 820px) {
            .accordion .full .accordion-holder .accordion-row .accordion-title h2 {
              font-size: 22px; } }
      .accordion .full .accordion-holder .accordion-row .accordion-category {
        padding-top: 15px;
        padding-bottom: 15px;
        padding-right: 30px; }

.accordion .padded {
  max-width: 960px;
  padding: 120px 0; }
  @media screen and (max-width: 1200px) {
    .accordion .padded {
      padding: 60px;
      max-width: 100%; } }
  @media screen and (max-width: 640px) {
    .accordion .padded {
      padding: 40px 30px; } }
  .accordion .padded .heading {
    padding-bottom: 40px; }
  .accordion .padded .accordion-holder {
    width: 100%;
    margin: 0 auto;
    background: #fcfcfc;
    border-bottom: 1px solid #e8e8e8; }
    .accordion .padded .accordion-holder .accordion-row {
      padding: 10px 30px;
      border: 1px solid #e8e8e8;
      border-bottom: 0;
      background: transparent;
      transition: all 0.3s ease; }
      .accordion .padded .accordion-holder .accordion-row.active-parent {
        background: white;
        transition: all 0.3s ease; }
      .accordion .padded .accordion-holder .accordion-row .accordion-title {
        padding: 0; }
        .accordion .padded .accordion-holder .accordion-row .accordion-title h2 {
          color: #030a09; }
          @media screen and (max-width: 820px) {
            .accordion .padded .accordion-holder .accordion-row .accordion-title h2 {
              font-size: 22px; } }
      .accordion .padded .accordion-holder .accordion-row .accordion-category {
        padding-top: 15px;
        padding-bottom: 15px;
        padding-right: 30px; }
        @media screen and (max-width: 820px) {
          .accordion .padded .accordion-holder .accordion-row .accordion-category {
            padding-right: 15px; } }

.tabs-holder .container .heading {
  padding: 0 0 60px; }
  @media screen and (max-width: 820px) {
    .tabs-holder .container .heading {
      padding: 0 0 30px; } }

.tabs-holder .container .tabbed .tabs {
  display: flex;
  justify-content: center;
  border-bottom: 1px solid #B3BFB6; }
  .tabs-holder .container .tabbed .tabs .tablinks {
    border-top: 1px solid #B3BFB6;
    border-left: 1px solid #B3BFB6;
    border-right: 1px solid #B3BFB6;
    border-bottom: 0;
    background: #f0f0f0;
    color: #030a09;
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin: 0 5px;
    border-radius: 5px 5px 0 0;
    padding: 15px 25px;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 1px;
    font-weight: 400;
    text-decoration: none !important;
    z-index: 1;
    transition: all 0.3s ease;
    font-family: "effra-cc", sans-serif; }
    @media screen and (max-width: 820px) {
      .tabs-holder .container .tabbed .tabs .tablinks {
        padding: 10px;
        margin: 0 2px; } }
    .tabs-holder .container .tabbed .tabs .tablinks.active {
      background: #cad8ce; }
    .tabs-holder .container .tabbed .tabs .tablinks:hover {
      transition: all 0.3s ease;
      background: white; }

.tabs-holder .container .tabbed #news {
  transition: all 0.3s ease; }
  .tabs-holder .container .tabbed #news .tabcontent {
    transition: all 0.3s ease;
    position: relative;
    padding: 60px; }
    @media screen and (max-width: 1024px) {
      .tabs-holder .container .tabbed #news .tabcontent {
        padding: 40px 30px; } }
    @media screen and (max-width: 820px) {
      .tabs-holder .container .tabbed #news .tabcontent {
        padding: 40px 10px; } }
  .tabs-holder .container .tabbed #news .rows {
    justify-content: space-between; }
    .tabs-holder .container .tabbed #news .rows ul.grid, .tabs-holder .container .tabbed #news .rows ol.grid {
      margin: 0;
      padding: 0; }
      .tabs-holder .container .tabbed #news .rows ul.grid li, .tabs-holder .container .tabbed #news .rows ol.grid li {
        display: flex;
        flex-direction: row; }
        .tabs-holder .container .tabbed #news .rows ul.grid li strong, .tabs-holder .container .tabbed #news .rows ol.grid li strong {
          padding-right: 30px; }
    .tabs-holder .container .tabbed #news .rows .col-1-2, .tabs-holder .container .tabbed #news .rows .col-2-2 {
      width: 48%; }
      @media screen and (max-width: 1024px) {
        .tabs-holder .container .tabbed #news .rows .col-1-2, .tabs-holder .container .tabbed #news .rows .col-2-2 {
          width: 100%; } }
    @media screen and (max-width: 1024px) {
      .tabs-holder .container .tabbed #news .rows .col-1-2 {
        padding-bottom: 30px; } }

.profiles .container .heading {
  padding: 0 0 30px; }

.profiles .container .holder {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 60px; }
  @media screen and (max-width: 1600px) {
    .profiles .container .holder {
      gap: 40px; } }
  @media screen and (max-width: 1200px) {
    .profiles .container .holder {
      grid-template-columns: repeat(3, 1fr); } }
  @media screen and (max-width: 1024px) {
    .profiles .container .holder {
      gap: 30px; } }
  @media screen and (max-width: 820px) {
    .profiles .container .holder {
      grid-template-columns: repeat(2, 1fr);
      gap: 20px; } }
  @media screen and (max-width: 480px) {
    .profiles .container .holder {
      grid-template-columns: repeat(1, 1fr);
      gap: 30px; } }
  .profiles .container .holder .card {
    border-radius: 10px;
    padding: 30px;
    position: relative;
    padding: 0;
    margin: 0;
    overflow: hidden; }
    .profiles .container .holder .card .img-holder {
      width: 100%;
      overflow: hidden;
      display: flex;
      justify-content: center; }
      .profiles .container .holder .card .img-holder img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        margin: 0 auto; }
    .profiles .container .holder .card .details {
      padding: 15px 25px;
      margin: 20px;
      background: white;
      position: absolute;
      bottom: 0;
      border-radius: 10px;
      width: calc(100% - 40px); }
      @media screen and (max-width: 1440px) {
        .profiles .container .holder .card .details {
          padding: 15px 20px; } }
      @media screen and (max-width: 1200px) {
        .profiles .container .holder .card .details {
          padding: 10px 15px; } }
      .profiles .container .holder .card .details h3 {
        font-family: "sonar-sans", sans-serif;
        font-weight: 600;
        font-size: 18px;
        font-weight: 600;
        line-height: 22px;
        color: #1e3432;
        margin: 0 0 5px; }
      .profiles .container .holder .card .details p {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 5px;
        display: inline-block;
        padding-right: 14px; }
        .profiles .container .holder .card .details p a {
          color: #1e3432; }

.profiles .container.full {
  padding-top: 120px;
  padding-bottom: 120px; }
  @media screen and (max-width: 1440px) {
    .profiles .container.full {
      padding-top: 60px;
      padding-bottom: 60px; } }
  @media screen and (max-width: 640px) {
    .profiles .container.full {
      padding-top: 40px;
      padding-bottom: 40px; } }
  .profiles .container.full .heading,
  .profiles .container.full .holder {
    padding-left: 60px;
    padding-right: 60px; }
    @media screen and (max-width: 820px) {
      .profiles .container.full .heading,
      .profiles .container.full .holder {
        padding-left: 30px;
        padding-right: 30px; } }

/*
@keyframes fadeInFromLeft {
    0% {
        opacity: 0;
        transform: translateX(-50px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.fade-in-left {
    animation: fadeInFromLeft 1s ease-in-out;
}


@keyframes fadeInFromRight {
    0% {
        opacity: 0;
        transform: translateX(50px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.fade-in-right {
    animation: fadeInFromRight 1s ease-in-out;
}*/
/*
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(50px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade-in-up {
    animation: fadeInUp 1s ease-in-out;
}
*/
.page-template-page-home,
.page-template-page-home-mod {
  /* Layout option with map/details on left, form on right*/
  /* Layout option with the full-width map and contact details overlay */
  /* Split layout with contact details and map */
  /* Instagram layouts */ }
  .page-template-page-home #home .bg,
  .page-template-page-home-mod #home .bg {
    width: 100%;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative; }
    @media screen and (max-width: 480px) {
      .page-template-page-home #home .bg,
      .page-template-page-home-mod #home .bg {
        background-position: center top !important;
        background-size: calc(100vh + 80px); } }
    .page-template-page-home #home .bg .overlay,
    .page-template-page-home-mod #home .bg .overlay {
      width: 100%;
      height: 100%;
      background: rgba(15, 31, 26, 0.7);
      position: absolute;
      z-index: 0; }
    .page-template-page-home #home .bg .container,
    .page-template-page-home-mod #home .bg .container {
      position: relative;
      z-index: 1;
      top: 0;
      left: 0;
      right: 0;
      padding-top: 240px;
      padding-bottom: 240px;
      color: white; }
      @media screen and (max-width: 1600px) {
        .page-template-page-home #home .bg .container,
        .page-template-page-home-mod #home .bg .container {
          padding-left: 240px;
          padding-right: 240px; } }
      @media screen and (max-width: 1200px) {
        .page-template-page-home #home .bg .container,
        .page-template-page-home-mod #home .bg .container {
          padding-left: 120px;
          padding-right: 120px; } }
      @media screen and (max-width: 820px) {
        .page-template-page-home #home .bg .container,
        .page-template-page-home-mod #home .bg .container {
          padding-top: 160px;
          padding-bottom: 160px; } }
      .page-template-page-home #home .bg .container.half,
      .page-template-page-home-mod #home .bg .container.half {
        height: calc(100vh - 160px);
        padding-top: 0;
        padding-bottom: 0;
        display: flex;
        flex-direction: column;
        justify-content: center; }
        @media screen and (max-width: 1600px) {
          .page-template-page-home #home .bg .container.half,
          .page-template-page-home-mod #home .bg .container.half {
            height: calc(100vh - 120px); } }
        @media screen and (max-width: 820px) {
          .page-template-page-home #home .bg .container.half,
          .page-template-page-home-mod #home .bg .container.half {
            height: 100%;
            padding-top: 80px;
            padding-bottom: 180px;
            padding-left: 40px;
            padding-right: 40px; } }
        @media screen and (max-width: 640px) {
          .page-template-page-home #home .bg .container.half,
          .page-template-page-home-mod #home .bg .container.half {
            padding: 80px 40px 40px; } }
      .page-template-page-home #home .bg .container h1,
      .page-template-page-home-mod #home .bg .container h1 {
        line-height: 1em;
        letter-spacing: 1px;
        font-weight: 400;
        font-size: clamp(48px, calc((90 - 48) * (max(100vw, 600px) - 600px) / (1440 - 600) + 48px), 90px);
        margin-bottom: 1.25em;
        line-height: 1em;
        margin: 0.5em 0;
        letter-spacing: 2px;
        font-size: clamp(60px, calc((120 - 60) * ((100vw - 600px) / (1440 - 600)) + 60px), 120px);
        color: white; }
        @media screen and (max-width: 820px) {
          .page-template-page-home #home .bg .container h1,
          .page-template-page-home-mod #home .bg .container h1 {
            line-height: 1em; } }
        @media screen and (max-width: 640px) {
          .page-template-page-home #home .bg .container h1,
          .page-template-page-home-mod #home .bg .container h1 {
            margin-bottom: 1em; } }
        @media screen and (max-width: 640px) {
          .page-template-page-home #home .bg .container h1,
          .page-template-page-home-mod #home .bg .container h1 {
            margin: 1em 0 0.5em; } }
    .page-template-page-home #home .bg .home-block,
    .page-template-page-home-mod #home .bg .home-block {
      background: #1e3432;
      width: calc(100% - 120px);
      position: relative;
      z-index: 1; }
      @media screen and (max-width: 820px) {
        .page-template-page-home #home .bg .home-block,
        .page-template-page-home-mod #home .bg .home-block {
          width: 100%; } }
      .page-template-page-home #home .bg .home-block .arrow-down,
      .page-template-page-home-mod #home .bg .home-block .arrow-down {
        display: block;
        width: 100px;
        text-align: right;
        margin: 0 auto;
        margin-right: 0; }
        @media screen and (max-width: 480px) {
          .page-template-page-home #home .bg .home-block .arrow-down,
          .page-template-page-home-mod #home .bg .home-block .arrow-down {
            display: none; } }
        .page-template-page-home #home .bg .home-block .arrow-down a,
        .page-template-page-home-mod #home .bg .home-block .arrow-down a {
          color: #cbef6c;
          text-decoration: none;
          font-size: 12px;
          text-transform: uppercase;
          display: flex;
          justify-content: flex-end;
          align-items: center;
          padding: 30px 30px 0;
          letter-spacing: 1px;
          opacity: 0.5;
          top: 0;
          transition: all 0.3s ease; }
        .page-template-page-home #home .bg .home-block .arrow-down strong,
        .page-template-page-home-mod #home .bg .home-block .arrow-down strong {
          padding: 20px 0; }
        .page-template-page-home #home .bg .home-block .arrow-down i,
        .page-template-page-home-mod #home .bg .home-block .arrow-down i {
          font-size: 60px;
          margin-left: 30px; }
          @media screen and (max-width: 820px) {
            .page-template-page-home #home .bg .home-block .arrow-down i,
            .page-template-page-home-mod #home .bg .home-block .arrow-down i {
              font-size: 40px;
              margin-left: 10px; } }
        .page-template-page-home #home .bg .home-block .arrow-down:hover a,
        .page-template-page-home-mod #home .bg .home-block .arrow-down:hover a {
          opacity: 1;
          transition: all 0.3s ease;
          top: 5px; }
      .page-template-page-home #home .bg .home-block .container,
      .page-template-page-home-mod #home .bg .home-block .container {
        padding-top: 0px;
        padding-bottom: 120px;
        padding-left: 60px;
        display: flex;
        flex-direction: row; }
        @media screen and (max-width: 820px) {
          .page-template-page-home #home .bg .home-block .container,
          .page-template-page-home-mod #home .bg .home-block .container {
            padding: 60px;
            flex-direction: column; } }
        @media screen and (max-width: 640px) {
          .page-template-page-home #home .bg .home-block .container,
          .page-template-page-home-mod #home .bg .home-block .container {
            padding: 40px;
            flex-direction: column; } }
        .page-template-page-home #home .bg .home-block .container .col-1-2,
        .page-template-page-home #home .bg .home-block .container .col-2-2,
        .page-template-page-home-mod #home .bg .home-block .container .col-1-2,
        .page-template-page-home-mod #home .bg .home-block .container .col-2-2 {
          padding-left: 60px; }
          @media screen and (max-width: 820px) {
            .page-template-page-home #home .bg .home-block .container .col-1-2,
            .page-template-page-home #home .bg .home-block .container .col-2-2,
            .page-template-page-home-mod #home .bg .home-block .container .col-1-2,
            .page-template-page-home-mod #home .bg .home-block .container .col-2-2 {
              padding-left: 0px; } }
          .page-template-page-home #home .bg .home-block .container .col-1-2 h2,
          .page-template-page-home #home .bg .home-block .container .col-2-2 h2,
          .page-template-page-home-mod #home .bg .home-block .container .col-1-2 h2,
          .page-template-page-home-mod #home .bg .home-block .container .col-2-2 h2 {
            font-size: 40px;
            line-height: 54px;
            margin: 0 0 30px;
            font-weight: 400;
            letter-spacing: 1px;
            font-family: quincy-cf, serif; }
            @media screen and (max-width: 1024px) {
              .page-template-page-home #home .bg .home-block .container .col-1-2 h2,
              .page-template-page-home #home .bg .home-block .container .col-2-2 h2,
              .page-template-page-home-mod #home .bg .home-block .container .col-1-2 h2,
              .page-template-page-home-mod #home .bg .home-block .container .col-2-2 h2 {
                font-size: 32px;
                line-height: 40px; } }
            .page-template-page-home #home .bg .home-block .container .col-1-2 h2:after,
            .page-template-page-home #home .bg .home-block .container .col-2-2 h2:after,
            .page-template-page-home-mod #home .bg .home-block .container .col-1-2 h2:after,
            .page-template-page-home-mod #home .bg .home-block .container .col-2-2 h2:after {
              content: "";
              border: 3px solid #cbef6c;
              width: 120px;
              display: block;
              margin: 12px auto 0;
              margin: 30px 0 0; }
          .page-template-page-home #home .bg .home-block .container .col-1-2 p,
          .page-template-page-home #home .bg .home-block .container .col-2-2 p,
          .page-template-page-home-mod #home .bg .home-block .container .col-1-2 p,
          .page-template-page-home-mod #home .bg .home-block .container .col-2-2 p {
            font-weight: 300; }
        .page-template-page-home #home .bg .home-block .container .col-1-2,
        .page-template-page-home-mod #home .bg .home-block .container .col-1-2 {
          width: 40%; }
          @media screen and (max-width: 1600px) {
            .page-template-page-home #home .bg .home-block .container .col-1-2,
            .page-template-page-home-mod #home .bg .home-block .container .col-1-2 {
              padding-right: 0; } }
          @media screen and (max-width: 820px) {
            .page-template-page-home #home .bg .home-block .container .col-1-2,
            .page-template-page-home-mod #home .bg .home-block .container .col-1-2 {
              width: 100%; } }
        .page-template-page-home #home .bg .home-block .container .col-2-2,
        .page-template-page-home-mod #home .bg .home-block .container .col-2-2 {
          width: 60%; }
          @media screen and (max-width: 820px) {
            .page-template-page-home #home .bg .home-block .container .col-2-2,
            .page-template-page-home-mod #home .bg .home-block .container .col-2-2 {
              width: 100%; } }
  .page-template-page-home #home.logged-in-editor .bg,
  .page-template-page-home-mod #home.logged-in-editor .bg {
    height: calc(100vh - 37px); }
    @media screen and (max-width: 820px) {
      .page-template-page-home #home.logged-in-editor .bg,
      .page-template-page-home-mod #home.logged-in-editor .bg {
        height: 50vh; } }
  .page-template-page-home .socials,
  .page-template-page-home-mod .socials {
    width: 120px;
    position: absolute;
    left: 0;
    z-index: 99;
    top: 0;
    padding-top: 360px; }
    @media screen and (max-width: 820px) {
      .page-template-page-home .socials,
      .page-template-page-home-mod .socials {
        width: 60px; } }
    @media screen and (max-width: 640px) {
      .page-template-page-home .socials,
      .page-template-page-home-mod .socials {
        display: none; } }
    .page-template-page-home .socials p,
    .page-template-page-home-mod .socials p {
      color: white;
      text-align: center;
      font-size: 12px;
      letter-spacing: 2px;
      text-transform: uppercase;
      -webkit-transform: rotate(-90deg);
      -moz-transform: rotate(-90deg);
      -o-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
      font-family: "din-2014", sans-serif;
      font-weight: 400; }
      @media screen and (max-width: 820px) {
        .page-template-page-home .socials p,
        .page-template-page-home-mod .socials p {
          display: none; } }
    .page-template-page-home .socials .hr,
    .page-template-page-home-mod .socials .hr {
      width: 1px;
      height: 60px;
      background: white;
      display: block;
      text-align: center;
      margin: 60px auto 20px; }
      @media screen and (max-width: 820px) {
        .page-template-page-home .socials .hr,
        .page-template-page-home-mod .socials .hr {
          display: none; } }
    .page-template-page-home .socials ul,
    .page-template-page-home-mod .socials ul {
      margin: 0;
      padding: 0;
      width: 100%;
      display: block; }
      .page-template-page-home .socials ul li,
      .page-template-page-home-mod .socials ul li {
        list-style: none;
        display: block;
        text-align: center; }
        .page-template-page-home .socials ul li a,
        .page-template-page-home-mod .socials ul li a {
          color: white;
          display: block;
          padding: 10px;
          transition: all 0.3s ease; }
          .page-template-page-home .socials ul li a:hover,
          .page-template-page-home-mod .socials ul li a:hover {
            color: #cbef6c;
            transition: all 0.3s ease; }
  .page-template-page-home .contact,
  .page-template-page-home-mod .contact {
    position: relative; }
    .page-template-page-home .contact .contact-details,
    .page-template-page-home-mod .contact .contact-details {
      width: 100%;
      flex-wrap: wrap; }
      .page-template-page-home .contact .contact-details p,
      .page-template-page-home-mod .contact .contact-details p {
        margin-bottom: 0;
        font-size: 18px; }
      .page-template-page-home .contact .contact-details .col-1-1,
      .page-template-page-home-mod .contact .contact-details .col-1-1 {
        display: flex;
        padding-top: 30px; }
        .page-template-page-home .contact .contact-details .col-1-1 .social-icon,
        .page-template-page-home-mod .contact .contact-details .col-1-1 .social-icon {
          border-radius: 40px;
          width: 40px;
          height: 40px;
          transition: all 0.3s ease;
          background: #2e5854;
          color: white;
          text-align: center;
          display: flex;
          align-items: center;
          text-decoration: none;
          margin-right: 30px;
          transition: all 0.3s ease; }
          .page-template-page-home .contact .contact-details .col-1-1 .social-icon:hover,
          .page-template-page-home-mod .contact .contact-details .col-1-1 .social-icon:hover {
            opacity: 0.7;
            transition: all 0.3s ease; }
          .page-template-page-home .contact .contact-details .col-1-1 .social-icon:hover, .page-template-page-home .contact .contact-details .col-1-1 .social-icon:focus,
          .page-template-page-home-mod .contact .contact-details .col-1-1 .social-icon:hover,
          .page-template-page-home-mod .contact .contact-details .col-1-1 .social-icon:focus {
            box-shadow: inset 3em 0 0 0 #cbef6c; }
          .page-template-page-home .contact .contact-details .col-1-1 .social-icon i,
          .page-template-page-home-mod .contact .contact-details .col-1-1 .social-icon i {
            margin: 0 auto;
            font-size: 20px; }
    .page-template-page-home .contact .muted,
    .page-template-page-home-mod .contact .muted {
      padding: 120px; }
      @media screen and (max-width: 1440px) {
        .page-template-page-home .contact .muted,
        .page-template-page-home-mod .contact .muted {
          padding: 60px; } }
      @media screen and (max-width: 640px) {
        .page-template-page-home .contact .muted,
        .page-template-page-home-mod .contact .muted {
          padding: 40px; } }
      @media screen and (max-width: 1600px) {
        .page-template-page-home .contact .muted,
        .page-template-page-home-mod .contact .muted {
          padding: 100px; } }
      @media screen and (max-width: 1440px) {
        .page-template-page-home .contact .muted,
        .page-template-page-home-mod .contact .muted {
          padding: 60px; } }
      @media screen and (max-width: 640px) {
        .page-template-page-home .contact .muted,
        .page-template-page-home-mod .contact .muted {
          padding: 40px; } }
      .page-template-page-home .contact .muted h1:first-child, .page-template-page-home .contact .muted h2:first-child, .page-template-page-home .contact .muted h3:first-child, .page-template-page-home .contact .muted h4:first-child,
      .page-template-page-home-mod .contact .muted h1:first-child,
      .page-template-page-home-mod .contact .muted h2:first-child,
      .page-template-page-home-mod .contact .muted h3:first-child,
      .page-template-page-home-mod .contact .muted h4:first-child {
        font-size: 40px;
        line-height: 54px;
        margin: 0 0 30px;
        font-weight: 400;
        letter-spacing: 1px;
        font-family: quincy-cf, serif; }
        @media screen and (max-width: 1024px) {
          .page-template-page-home .contact .muted h1:first-child, .page-template-page-home .contact .muted h2:first-child, .page-template-page-home .contact .muted h3:first-child, .page-template-page-home .contact .muted h4:first-child,
          .page-template-page-home-mod .contact .muted h1:first-child,
          .page-template-page-home-mod .contact .muted h2:first-child,
          .page-template-page-home-mod .contact .muted h3:first-child,
          .page-template-page-home-mod .contact .muted h4:first-child {
            font-size: 32px;
            line-height: 40px; } }
        @media screen and (max-width: 1024px) {
          .page-template-page-home .contact .muted h1:first-child, .page-template-page-home .contact .muted h2:first-child, .page-template-page-home .contact .muted h3:first-child, .page-template-page-home .contact .muted h4:first-child,
          .page-template-page-home-mod .contact .muted h1:first-child,
          .page-template-page-home-mod .contact .muted h2:first-child,
          .page-template-page-home-mod .contact .muted h3:first-child,
          .page-template-page-home-mod .contact .muted h4:first-child {
            font-size: 26px !important; } }
      .page-template-page-home .contact .muted p,
      .page-template-page-home-mod .contact .muted p {
        font-size: 24px; }
        @media screen and (max-width: 1024px) {
          .page-template-page-home .contact .muted p,
          .page-template-page-home-mod .contact .muted p {
            font-size: 20px; } }
  .page-template-page-home .container.half blockquote,
  .page-template-page-home-mod .container.half blockquote {
    display: flex;
    padding: 0;
    margin: 0; }
    @media screen and (max-width: 820px) {
      .page-template-page-home .container.half blockquote,
      .page-template-page-home-mod .container.half blockquote {
        flex-direction: column; } }
    .page-template-page-home .container.half blockquote hr,
    .page-template-page-home-mod .container.half blockquote hr {
      width: 120px;
      height: 4px;
      border: 0;
      background: white;
      padding: 0;
      margin: 14px 60px 0 0; }
    .page-template-page-home .container.half blockquote p.intro,
    .page-template-page-home-mod .container.half blockquote p.intro {
      max-width: 440px;
      padding: 0;
      display: flex; }
      @media screen and (max-width: 820px) {
        .page-template-page-home .container.half blockquote p.intro,
        .page-template-page-home-mod .container.half blockquote p.intro {
          max-width: 100%;
          padding-top: 30px; } }
  .page-template-page-home #main section,
  .page-template-page-home-mod #main section {
    width: 100%; }
  .page-template-page-home #video-holder,
  .page-template-page-home-mod #video-holder {
    overflow: hidden; }
    .page-template-page-home #video-holder .container,
    .page-template-page-home-mod #video-holder .container {
      padding: 0 240px 120px; }
      @media screen and (max-width: 1600px) {
        .page-template-page-home #video-holder .container,
        .page-template-page-home-mod #video-holder .container {
          padding-left: 120px;
          padding-right: 120px; } }
      @media screen and (max-width: 1440px) {
        .page-template-page-home #video-holder .container,
        .page-template-page-home-mod #video-holder .container {
          padding-left: 60px;
          padding-right: 60px; } }
      @media screen and (max-width: 820px) {
        .page-template-page-home #video-holder .container,
        .page-template-page-home-mod #video-holder .container {
          padding: 60px !important; } }
      @media screen and (max-width: 480px) {
        .page-template-page-home #video-holder .container,
        .page-template-page-home-mod #video-holder .container {
          padding: 0px !important; } }
      .page-template-page-home #video-holder .container .embed-container,
      .page-template-page-home-mod #video-holder .container .embed-container {
        box-shadow: -240px -360px 0 0 #1e3432; }
        @media screen and (max-width: 820px) {
          .page-template-page-home #video-holder .container .embed-container,
          .page-template-page-home-mod #video-holder .container .embed-container {
            box-shadow: none; } }
    .page-template-page-home #video-holder p.vertical-flip-element,
    .page-template-page-home-mod #video-holder p.vertical-flip-element {
      color: #2e5854;
      position: absolute;
      font-weight: 400;
      font-size: 320px;
      right: -110px;
      bottom: -50px;
      opacity: 0.1;
      z-index: -1;
      display: inline !important;
      writing-mode: vertical-lr;
      transform: scale(-1, -1);
      font-family: quincy-cf, serif;
      opacity: 0;
      /* Initially hidden */ }
      @media screen and (max-width: 820px) {
        .page-template-page-home #video-holder p.vertical-flip-element,
        .page-template-page-home-mod #video-holder p.vertical-flip-element {
          display: none !important; } }
  .page-template-page-home #benefits,
  .page-template-page-home-mod #benefits {
    text-align: center; }
    .page-template-page-home #benefits .heading h3:after,
    .page-template-page-home-mod #benefits .heading h3:after {
      content: "";
      border: 3px solid #cbef6c;
      width: 120px;
      display: block;
      margin: 12px auto 0; }
    .page-template-page-home #benefits .heading p,
    .page-template-page-home-mod #benefits .heading p {
      width: 50%;
      margin: 30px auto !important;
      font-size: 20px; }
      @media screen and (max-width: 1200px) {
        .page-template-page-home #benefits .heading p,
        .page-template-page-home-mod #benefits .heading p {
          width: 100%; } }
      @media screen and (max-width: 820px) {
        .page-template-page-home #benefits .heading p,
        .page-template-page-home-mod #benefits .heading p {
          margin-bottom: 0 !important; } }
    @media screen and (max-width: 1024px) {
      .page-template-page-home #benefits .rows,
      .page-template-page-home-mod #benefits .rows {
        flex-direction: row; } }
    @media screen and (max-width: 820px) {
      .page-template-page-home #benefits .rows,
      .page-template-page-home-mod #benefits .rows {
        flex-direction: column; } }
    @media screen and (max-width: 1024px) {
      .page-template-page-home #benefits .rows .col-1-3,
      .page-template-page-home #benefits .rows .col-2-3,
      .page-template-page-home #benefits .rows .col-3-3,
      .page-template-page-home-mod #benefits .rows .col-1-3,
      .page-template-page-home-mod #benefits .rows .col-2-3,
      .page-template-page-home-mod #benefits .rows .col-3-3 {
        width: calc(33.33% - 20px); } }
  @media screen and (max-width: 1024px) and (max-width: 820px) {
    .page-template-page-home #benefits .rows .col-1-3,
    .page-template-page-home #benefits .rows .col-2-3,
    .page-template-page-home #benefits .rows .col-3-3,
    .page-template-page-home-mod #benefits .rows .col-1-3,
    .page-template-page-home-mod #benefits .rows .col-2-3,
    .page-template-page-home-mod #benefits .rows .col-3-3 {
      width: 100%; } }
    .page-template-page-home #benefits .rows p.image .icon,
    .page-template-page-home-mod #benefits .rows p.image .icon {
      margin: 30px auto 0px;
      opacity: 1;
      transition: all 0.3s ease; }
      .page-template-page-home #benefits .rows p.image .icon:hover,
      .page-template-page-home-mod #benefits .rows p.image .icon:hover {
        opacity: 0.8;
        transition: all 0.3s ease; }
      @media screen and (max-width: 1200px) {
        .page-template-page-home #benefits .rows p.image .icon,
        .page-template-page-home-mod #benefits .rows p.image .icon {
          width: 100px;
          height: auto; } }
    .page-template-page-home #benefits .rows h4,
    .page-template-page-home-mod #benefits .rows h4 {
      font-size: 32px;
      line-height: 40px;
      font-family: "sonar-sans", sans-serif;
      font-weight: 600;
      font-size: 26px;
      letter-spacing: 0.5px; }
    @media screen and (max-width: 820px) {
      .page-template-page-home #benefits .rows h5,
      .page-template-page-home-mod #benefits .rows h5 {
        margin-bottom: 15px; } }
    .page-template-page-home #benefits .rows p,
    .page-template-page-home-mod #benefits .rows p {
      font-size: 18px;
      font-weight: 400;
      color: #636F6D;
      padding: 0 60px; }
      @media screen and (max-width: 1440px) {
        .page-template-page-home #benefits .rows p,
        .page-template-page-home-mod #benefits .rows p {
          padding: 0 30px; } }
      @media screen and (max-width: 820px) {
        .page-template-page-home #benefits .rows p,
        .page-template-page-home-mod #benefits .rows p {
          padding: 0; } }
      @media screen and (max-width: 820px) {
        .page-template-page-home #benefits .rows p br,
        .page-template-page-home-mod #benefits .rows p br {
          display: none; } }
  .page-template-page-home #img-panel .copy.padded,
  .page-template-page-home-mod #img-panel .copy.padded {
    opacity: 0;
    /* Initially hidden */
    transform: translateY(120px);
    /* Start slightly lower */ }
  @media screen and (max-width: 1024px) {
    .page-template-page-home #contact-form .container.full.padded.rows,
    .page-template-page-home-mod #contact-form .container.full.padded.rows {
      flex-direction: row;
      padding: 0 !important; } }
  @media screen and (max-width: 820px) {
    .page-template-page-home #contact-form .container.full.padded.rows,
    .page-template-page-home-mod #contact-form .container.full.padded.rows {
      flex-direction: column;
      padding: 0 !important; } }
  .page-template-page-home #contact-form .container.full.padded.rows .col-1-2 .contact-details,
  .page-template-page-home-mod #contact-form .container.full.padded.rows .col-1-2 .contact-details {
    padding: 60px 0 0; }
    @media screen and (max-width: 1024px) {
      .page-template-page-home #contact-form .container.full.padded.rows .col-1-2 .contact-details,
      .page-template-page-home-mod #contact-form .container.full.padded.rows .col-1-2 .contact-details {
        padding-top: 40px; } }
    @media screen and (max-width: 820px) {
      .page-template-page-home #contact-form .container.full.padded.rows .col-1-2 .contact-details.rows,
      .page-template-page-home-mod #contact-form .container.full.padded.rows .col-1-2 .contact-details.rows {
        flex-direction: row; } }
    .page-template-page-home #contact-form .container.full.padded.rows .col-1-2 .contact-details.rows .col-1-2.padded,
    .page-template-page-home-mod #contact-form .container.full.padded.rows .col-1-2 .contact-details.rows .col-1-2.padded {
      padding: 0; }
      @media screen and (max-width: 820px) {
        .page-template-page-home #contact-form .container.full.padded.rows .col-1-2 .contact-details.rows .col-1-2.padded,
        .page-template-page-home-mod #contact-form .container.full.padded.rows .col-1-2 .contact-details.rows .col-1-2.padded {
          width: 50%; } }
      @media screen and (max-width: 640px) {
        .page-template-page-home #contact-form .container.full.padded.rows .col-1-2 .contact-details.rows .col-1-2.padded,
        .page-template-page-home-mod #contact-form .container.full.padded.rows .col-1-2 .contact-details.rows .col-1-2.padded {
          width: 100%; } }
    @media screen and (max-width: 1024px) {
      .page-template-page-home #contact-form .container.full.padded.rows .col-1-2 .contact-details .col-2-2,
      .page-template-page-home-mod #contact-form .container.full.padded.rows .col-1-2 .contact-details .col-2-2 {
        padding-top: 20px; } }
    @media screen and (max-width: 820px) {
      .page-template-page-home #contact-form .container.full.padded.rows .col-1-2 .contact-details .col-2-2,
      .page-template-page-home-mod #contact-form .container.full.padded.rows .col-1-2 .contact-details .col-2-2 {
        width: 50%;
        padding-top: 0; } }
    @media screen and (max-width: 640px) {
      .page-template-page-home #contact-form .container.full.padded.rows .col-1-2 .contact-details .col-2-2,
      .page-template-page-home-mod #contact-form .container.full.padded.rows .col-1-2 .contact-details .col-2-2 {
        width: 100%;
        padding-top: 20px; } }
  .page-template-page-home #contact-form .container.full.padded.rows .col-1-2 .map-embed-container,
  .page-template-page-home-mod #contact-form .container.full.padded.rows .col-1-2 .map-embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%; }
    .page-template-page-home #contact-form .container.full.padded.rows .col-1-2 .map-embed-container iframe, .page-template-page-home #contact-form .container.full.padded.rows .col-1-2 .map-embed-container object, .page-template-page-home #contact-form .container.full.padded.rows .col-1-2 .map-embed-container embed,
    .page-template-page-home-mod #contact-form .container.full.padded.rows .col-1-2 .map-embed-container iframe,
    .page-template-page-home-mod #contact-form .container.full.padded.rows .col-1-2 .map-embed-container object,
    .page-template-page-home-mod #contact-form .container.full.padded.rows .col-1-2 .map-embed-container embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .page-template-page-home #contact-form .container.full.padded.rows .col-1-2.padded,
  .page-template-page-home-mod #contact-form .container.full.padded.rows .col-1-2.padded {
    padding: 120px; }
    @media screen and (max-width: 1440px) {
      .page-template-page-home #contact-form .container.full.padded.rows .col-1-2.padded,
      .page-template-page-home-mod #contact-form .container.full.padded.rows .col-1-2.padded {
        padding: 60px; } }
    @media screen and (max-width: 640px) {
      .page-template-page-home #contact-form .container.full.padded.rows .col-1-2.padded,
      .page-template-page-home-mod #contact-form .container.full.padded.rows .col-1-2.padded {
        padding: 40px; } }
    @media screen and (max-width: 1600px) {
      .page-template-page-home #contact-form .container.full.padded.rows .col-1-2.padded,
      .page-template-page-home-mod #contact-form .container.full.padded.rows .col-1-2.padded {
        padding: 100px; } }
    @media screen and (max-width: 1440px) {
      .page-template-page-home #contact-form .container.full.padded.rows .col-1-2.padded,
      .page-template-page-home-mod #contact-form .container.full.padded.rows .col-1-2.padded {
        padding: 60px; } }
    @media screen and (max-width: 640px) {
      .page-template-page-home #contact-form .container.full.padded.rows .col-1-2.padded,
      .page-template-page-home-mod #contact-form .container.full.padded.rows .col-1-2.padded {
        padding: 40px; } }
  .page-template-page-home #map-full,
  .page-template-page-home-mod #map-full {
    height: 720px;
    overflow: hidden; }
    @media screen and (max-width: 1440px) {
      .page-template-page-home #map-full,
      .page-template-page-home-mod #map-full {
        height: 600px; } }
    @media screen and (max-width: 1200px) {
      .page-template-page-home #map-full,
      .page-template-page-home-mod #map-full {
        height: 500px; } }
    @media screen and (max-width: 1024px) {
      .page-template-page-home #map-full,
      .page-template-page-home-mod #map-full {
        height: auto; } }
    .page-template-page-home #map-full .col-1-1,
    .page-template-page-home-mod #map-full .col-1-1 {
      position: relative; }
      @media screen and (max-width: 1024px) {
        .page-template-page-home #map-full .col-1-1,
        .page-template-page-home-mod #map-full .col-1-1 {
          display: flex; } }
      @media screen and (max-width: 820px) {
        .page-template-page-home #map-full .col-1-1,
        .page-template-page-home-mod #map-full .col-1-1 {
          display: block; } }
      .page-template-page-home #map-full .col-1-1 .map-embed-container,
      .page-template-page-home-mod #map-full .col-1-1 .map-embed-container {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
        max-width: 100%; }
        @media screen and (max-width: 1024px) {
          .page-template-page-home #map-full .col-1-1 .map-embed-container,
          .page-template-page-home-mod #map-full .col-1-1 .map-embed-container {
            width: 50%; } }
        @media screen and (max-width: 820px) {
          .page-template-page-home #map-full .col-1-1 .map-embed-container,
          .page-template-page-home-mod #map-full .col-1-1 .map-embed-container {
            width: 100%; } }
        .page-template-page-home #map-full .col-1-1 .map-embed-container iframe, .page-template-page-home #map-full .col-1-1 .map-embed-container object, .page-template-page-home #map-full .col-1-1 .map-embed-container embed,
        .page-template-page-home-mod #map-full .col-1-1 .map-embed-container iframe,
        .page-template-page-home-mod #map-full .col-1-1 .map-embed-container object,
        .page-template-page-home-mod #map-full .col-1-1 .map-embed-container embed {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }
    .page-template-page-home #map-full .card,
    .page-template-page-home-mod #map-full .card {
      width: 37.5%;
      background: #1e3432;
      color: white;
      position: absolute;
      top: 120px;
      right: 120px; }
      @media screen and (max-width: 1600px) {
        .page-template-page-home #map-full .card,
        .page-template-page-home-mod #map-full .card {
          width: calc(45% - 60px);
          top: 60px;
          right: 60px;
          padding: 60px; } }
      @media screen and (max-width: 1024px) {
        .page-template-page-home #map-full .card,
        .page-template-page-home-mod #map-full .card {
          width: 50%;
          position: relative;
          top: auto;
          left: 0;
          right: 0; } }
      @media screen and (max-width: 820px) {
        .page-template-page-home #map-full .card,
        .page-template-page-home-mod #map-full .card {
          width: 100%; } }
      .page-template-page-home #map-full .card .contact-details,
      .page-template-page-home-mod #map-full .card .contact-details {
        padding-top: 0; }
        @media screen and (max-width: 1024px) {
          .page-template-page-home #map-full .card .contact-details,
          .page-template-page-home-mod #map-full .card .contact-details {
            flex-direction: row; } }
        @media screen and (max-width: 820px) {
          .page-template-page-home #map-full .card .contact-details,
          .page-template-page-home-mod #map-full .card .contact-details {
            text-align: center; } }
        .page-template-page-home #map-full .card .contact-details .heading,
        .page-template-page-home-mod #map-full .card .contact-details .heading {
          display: flex;
          width: 100%; }
          @media screen and (max-width: 820px) {
            .page-template-page-home #map-full .card .contact-details .heading,
            .page-template-page-home-mod #map-full .card .contact-details .heading {
              justify-content: center; } }
        .page-template-page-home #map-full .card .contact-details a,
        .page-template-page-home-mod #map-full .card .contact-details a {
          color: white; }
        @media screen and (max-width: 1024px) {
          .page-template-page-home #map-full .card .contact-details .col-1-2, .page-template-page-home #map-full .card .contact-details .col-2-2,
          .page-template-page-home-mod #map-full .card .contact-details .col-1-2,
          .page-template-page-home-mod #map-full .card .contact-details .col-2-2 {
            width: 100%; } }
        @media screen and (max-width: 820px) {
          .page-template-page-home #map-full .card .contact-details .col-1-2, .page-template-page-home #map-full .card .contact-details .col-2-2,
          .page-template-page-home-mod #map-full .card .contact-details .col-1-2,
          .page-template-page-home-mod #map-full .card .contact-details .col-2-2 {
            width: 50%; } }
        @media screen and (max-width: 1024px) {
          .page-template-page-home #map-full .card .contact-details .col-2-2,
          .page-template-page-home-mod #map-full .card .contact-details .col-2-2 {
            padding-top: 20px; } }
        @media screen and (max-width: 820px) {
          .page-template-page-home #map-full .card .contact-details .col-2-2,
          .page-template-page-home-mod #map-full .card .contact-details .col-2-2 {
            padding-top: 0; } }
        @media screen and (max-width: 820px) {
          .page-template-page-home #map-full .card .contact-details .col-1-1,
          .page-template-page-home-mod #map-full .card .contact-details .col-1-1 {
            display: flex;
            justify-content: center; } }
        .page-template-page-home #map-full .card .contact-details .col-1-1 .social-icon,
        .page-template-page-home-mod #map-full .card .contact-details .col-1-1 .social-icon {
          background: #cbef6c;
          color: #1e3432;
          margin-right: 50px; }
          @media screen and (max-width: 1024px) {
            .page-template-page-home #map-full .card .contact-details .col-1-1 .social-icon,
            .page-template-page-home-mod #map-full .card .contact-details .col-1-1 .social-icon {
              margin-right: 40px; } }
          @media screen and (max-width: 820px) {
            .page-template-page-home #map-full .card .contact-details .col-1-1 .social-icon,
            .page-template-page-home-mod #map-full .card .contact-details .col-1-1 .social-icon {
              margin: 0 20px; } }
  @media screen and (max-width: 1200px) {
    .page-template-page-home #contact-split .full.rows,
    .page-template-page-home-mod #contact-split .full.rows {
      flex-direction: row; } }
  @media screen and (max-width: 820px) {
    .page-template-page-home #contact-split .full.rows,
    .page-template-page-home-mod #contact-split .full.rows {
      flex-direction: column; } }
  .page-template-page-home #contact-split .contact-details,
  .page-template-page-home-mod #contact-split .contact-details {
    padding-right: 60px; }
    @media screen and (max-width: 1600px) {
      .page-template-page-home #contact-split .contact-details,
      .page-template-page-home-mod #contact-split .contact-details {
        padding: 60px 0 60px 60px; } }
    @media screen and (max-width: 1200px) {
      .page-template-page-home #contact-split .contact-details,
      .page-template-page-home-mod #contact-split .contact-details {
        padding-left: 30px; } }
    @media screen and (max-width: 1024px) {
      .page-template-page-home #contact-split .contact-details,
      .page-template-page-home-mod #contact-split .contact-details {
        padding: 0 60px; } }
    @media screen and (max-width: 820px) {
      .page-template-page-home #contact-split .contact-details,
      .page-template-page-home-mod #contact-split .contact-details {
        flex-direction: row; } }
    @media screen and (max-width: 480px) {
      .page-template-page-home #contact-split .contact-details,
      .page-template-page-home-mod #contact-split .contact-details {
        flex-direction: column; } }
    .page-template-page-home #contact-split .contact-details .copy,
    .page-template-page-home-mod #contact-split .contact-details .copy {
      position: relative;
      padding-bottom: 30px; }
      .page-template-page-home #contact-split .contact-details .copy h4,
      .page-template-page-home-mod #contact-split .contact-details .copy h4 {
        font-size: 40px;
        line-height: 54px;
        margin: 0 0 30px;
        font-weight: 400;
        letter-spacing: 1px;
        font-family: quincy-cf, serif;
        margin-bottom: 30px; }
        @media screen and (max-width: 1024px) {
          .page-template-page-home #contact-split .contact-details .copy h4,
          .page-template-page-home-mod #contact-split .contact-details .copy h4 {
            font-size: 32px;
            line-height: 40px; } }
      .page-template-page-home #contact-split .contact-details .copy p,
      .page-template-page-home-mod #contact-split .contact-details .copy p {
        font-size: 20px;
        color: #636F6D;
        letter-spacing: 0.5px; }
      .page-template-page-home #contact-split .contact-details .copy .fa-quotes,
      .page-template-page-home-mod #contact-split .contact-details .copy .fa-quotes {
        position: absolute;
        font-size: 130px;
        color: #cad8ce;
        opacity: 0.5;
        z-index: -1;
        top: -70px;
        left: -100px; }
        @media screen and (max-width: 820px) {
          .page-template-page-home #contact-split .contact-details .copy .fa-quotes,
          .page-template-page-home-mod #contact-split .contact-details .copy .fa-quotes {
            top: -40px;
            left: -60px; } }
    .page-template-page-home #contact-split .contact-details .col-1-1,
    .page-template-page-home-mod #contact-split .contact-details .col-1-1 {
      padding-top: 0; }
    @media screen and (max-width: 820px) {
      .page-template-page-home #contact-split .contact-details .col-1-2, .page-template-page-home #contact-split .contact-details .col-2-2,
      .page-template-page-home-mod #contact-split .contact-details .col-1-2,
      .page-template-page-home-mod #contact-split .contact-details .col-2-2 {
        width: 50%;
        padding-top: 0; } }
    @media screen and (max-width: 480px) {
      .page-template-page-home #contact-split .contact-details .col-1-2, .page-template-page-home #contact-split .contact-details .col-2-2,
      .page-template-page-home-mod #contact-split .contact-details .col-1-2,
      .page-template-page-home-mod #contact-split .contact-details .col-2-2 {
        width: 100%; } }
    @media screen and (max-width: 1024px) {
      .page-template-page-home #contact-split .contact-details .col-2-2,
      .page-template-page-home-mod #contact-split .contact-details .col-2-2 {
        padding-top: 20px; } }
    @media screen and (max-width: 820px) {
      .page-template-page-home #contact-split .contact-details .col-2-2,
      .page-template-page-home-mod #contact-split .contact-details .col-2-2 {
        padding-top: 0px;
        padding-bottom: 0px; } }
    @media screen and (max-width: 480px) {
      .page-template-page-home #contact-split .contact-details .col-2-2,
      .page-template-page-home-mod #contact-split .contact-details .col-2-2 {
        padding-top: 20px; } }
    .page-template-page-home #contact-split .contact-details .follow,
    .page-template-page-home-mod #contact-split .contact-details .follow {
      padding-top: 20px;
      padding-bottom: 10px; }
  .page-template-page-home #contact-split .map-embed-container,
  .page-template-page-home-mod #contact-split .map-embed-container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden; }
    @media screen and (max-width: 820px) {
      .page-template-page-home #contact-split .map-embed-container,
      .page-template-page-home-mod #contact-split .map-embed-container {
        height: 300px; } }
    .page-template-page-home #contact-split .map-embed-container iframe, .page-template-page-home #contact-split .map-embed-container object, .page-template-page-home #contact-split .map-embed-container embed,
    .page-template-page-home-mod #contact-split .map-embed-container iframe,
    .page-template-page-home-mod #contact-split .map-embed-container object,
    .page-template-page-home-mod #contact-split .map-embed-container embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
      @media screen and (max-width: 820px) {
        .page-template-page-home #contact-split .map-embed-container iframe, .page-template-page-home #contact-split .map-embed-container object, .page-template-page-home #contact-split .map-embed-container embed,
        .page-template-page-home-mod #contact-split .map-embed-container iframe,
        .page-template-page-home-mod #contact-split .map-embed-container object,
        .page-template-page-home-mod #contact-split .map-embed-container embed {
          position: relative;
          height: 300px; } }
  .page-template-page-home .instagram,
  .page-template-page-home-mod .instagram {
    /* Framed layout version */ }
    .page-template-page-home .instagram h4,
    .page-template-page-home-mod .instagram h4 {
      font-size: 44px;
      line-height: 60px;
      margin-bottom: 40px;
      letter-spacing: 1px;
      margin-bottom: 40px; }
      @media screen and (max-width: 1600px) {
        .page-template-page-home .instagram h4,
        .page-template-page-home-mod .instagram h4 {
          font-size: 36px;
          line-height: 44px;
          line-height: 50px; } }
      @media screen and (max-width: 820px) {
        .page-template-page-home .instagram h4,
        .page-template-page-home-mod .instagram h4 {
          font-size: 32px;
          line-height: 40px;
          margin-bottom: 30px; } }
      @media screen and (max-width: 1024px) {
        .page-template-page-home .instagram h4,
        .page-template-page-home-mod .instagram h4 {
          font-size: 44px;
          line-height: 60px;
          margin-bottom: 40px;
          letter-spacing: 1px; } }
  @media screen and (max-width: 1024px) and (max-width: 1600px) {
    .page-template-page-home .instagram h4,
    .page-template-page-home-mod .instagram h4 {
      font-size: 36px;
      line-height: 44px;
      line-height: 50px; } }
  @media screen and (max-width: 1024px) and (max-width: 820px) {
    .page-template-page-home .instagram h4,
    .page-template-page-home-mod .instagram h4 {
      font-size: 32px;
      line-height: 40px;
      margin-bottom: 30px; } }
    .page-template-page-home .instagram .btn,
    .page-template-page-home-mod .instagram .btn {
      margin-bottom: 30px;
      -webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
      animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both; }

@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }
    .page-template-page-home .instagram .framed #sb_instagram,
    .page-template-page-home-mod .instagram .framed #sb_instagram {
      padding-bottom: 0; }
      .page-template-page-home .instagram .framed #sb_instagram .sbi_photo_wrap,
      .page-template-page-home-mod .instagram .framed #sb_instagram .sbi_photo_wrap {
        padding: 20px;
        border-radius: 20px;
        background: white; }
        @media screen and (max-width: 820px) {
          .page-template-page-home .instagram .framed #sb_instagram .sbi_photo_wrap,
          .page-template-page-home-mod .instagram .framed #sb_instagram .sbi_photo_wrap {
            padding: 10px;
            border-radius: 10px; } }
    .page-template-page-home .instagram .full h1, .page-template-page-home .instagram .full h2, .page-template-page-home .instagram .full h3, .page-template-page-home .instagram .full h4, .page-template-page-home .instagram .full h5, .page-template-page-home .instagram .full h6,
    .page-template-page-home-mod .instagram .full h1,
    .page-template-page-home-mod .instagram .full h2,
    .page-template-page-home-mod .instagram .full h3,
    .page-template-page-home-mod .instagram .full h4,
    .page-template-page-home-mod .instagram .full h5,
    .page-template-page-home-mod .instagram .full h6 {
      padding-top: 100px; }

.page-template-page-home-mod .bg #video {
  display: block;
  min-height: 45vh;
  height: 100vh;
  position: relative;
  overflow: hidden; }
  .page-template-page-home-mod .bg #video .embed-container {
    position: absolute;
    width: calc(100vh * (1280 / 720));
    height: calc(100vw * (720 / 1280));
    min-width: 100%;
    min-height: 100%;
    top: 57%;
    left: 49%;
    transform: translate(-49%, -57%); }
    .page-template-page-home-mod .bg #video .embed-container iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .page-template-page-home-mod .bg #video .overlay {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(15, 31, 26, 0.25);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 120px; }
    @media screen and (max-width: 1600px) {
      .page-template-page-home-mod .bg #video .overlay {
        max-width: 100%;
        padding-left: 120px;
        padding-right: 120px; } }
    @media screen and (max-width: 1440px) {
      .page-template-page-home-mod .bg #video .overlay {
        padding-left: 60px;
        padding-right: 60px; } }
    @media screen and (max-width: 820px) {
      .page-template-page-home-mod .bg #video .overlay {
        padding-left: 30px;
        padding-right: 30px; } }
    @media screen and (max-width: 820px) {
      .page-template-page-home-mod .bg #video .overlay {
        padding-top: 80px; } }
    .page-template-page-home-mod .bg #video .overlay h1 {
      font-size: 5vw;
      margin-bottom: 0.5em;
      letter-spacing: 0px; }
      @media screen and (max-width: 1024px) {
        .page-template-page-home-mod .bg #video .overlay h1 {
          line-height: 1em;
          letter-spacing: 1px;
          font-weight: 400;
          font-size: clamp(48px, calc((90 - 48) * (max(100vw, 600px) - 600px) / (1440 - 600) + 48px), 90px);
          margin-bottom: 1.25em;
          margin-bottom: 0.5em; } }
  @media screen and (max-width: 1024px) and (max-width: 820px) {
    .page-template-page-home-mod .bg #video .overlay h1 {
      line-height: 1em; } }
  @media screen and (max-width: 1024px) and (max-width: 640px) {
    .page-template-page-home-mod .bg #video .overlay h1 {
      margin-bottom: 1em; } }
      .page-template-page-home-mod .bg #video .overlay h1 strong {
        font-weight: 600;
        font-size: 5.5vw;
        letter-spacing: 5px; }
        @media screen and (max-width: 1024px) {
          .page-template-page-home-mod .bg #video .overlay h1 strong {
            line-height: 1em;
            letter-spacing: 1px;
            font-weight: 400;
            font-size: clamp(48px, calc((90 - 48) * (max(100vw, 600px) - 600px) / (1440 - 600) + 48px), 90px);
            margin-bottom: 1.25em;
            font-weight: 700; } }
  @media screen and (max-width: 1024px) and (max-width: 820px) {
    .page-template-page-home-mod .bg #video .overlay h1 strong {
      line-height: 1em; } }
  @media screen and (max-width: 1024px) and (max-width: 640px) {
    .page-template-page-home-mod .bg #video .overlay h1 strong {
      margin-bottom: 1em; } }

.page-template-page-home-mod.logged-in #video {
  height: calc(100vh - 38px); }

/* Posts */
/* Base Post Display */
/*$post-col3: 33.33%, 420px;
$post-col2: 50%, 300px;
*/
.events .posts .eo-events {
  /*display: flex;
			flex-direction: row; */
  margin: 60px auto;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 60px; }
  @media screen and (max-width: 820px) {
    .events .posts .eo-events {
      margin: 30px auto 0px;
      grid-template-columns: repeat(1, 1fr);
      gap: 10px; } }
  .events .posts .eo-events li {
    position: relative;
    overflow: hidden;
    width: calc(33.3% - 40px);
    height: 560px;
    width: 100%; }
    .events .posts .eo-events li p {
      display: none; }
    @media screen and (max-width: 820px) {
      .events .posts .eo-events li {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 300px;
        margin-bottom: 30px; } }
    .events .posts .eo-events li .post {
      position: relative;
      height: 100%; }
      .events .posts .eo-events li .post .thumb {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover; }
        .events .posts .eo-events li .post .thumb img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          opacity: 0.5;
          transition: all 0.3s ease; }
      .events .posts .eo-events li .post .post-content {
        position: absolute;
        left: 0;
        bottom: 0;
        padding: 40px;
        color: white;
        text-align: left;
        width: 100%;
        transition: all 0.3s ease; }
        @media screen and (max-width: 640px) {
          .events .posts .eo-events li .post .post-content {
            padding: 30px; } }
        .events .posts .eo-events li .post .post-content .post-meta {
          padding-bottom: 0;
          transition: all 0.3s ease; }
          .events .posts .eo-events li .post .post-content .post-meta .date {
            color: #cbef6c;
            text-transform: uppercase;
            font-weight: 700;
            font-size: 20px;
            letter-spacing: 1px; }
          .events .posts .eo-events li .post .post-content .post-meta h3, .events .posts .eo-events li .post .post-content .post-meta h4 {
            font-size: 32px;
            line-height: 40px;
            font-family: "sonar-sans", sans-serif;
            font-weight: 600;
            font-size: 26px;
            letter-spacing: 0.5px;
            line-height: 34px;
            margin-bottom: 10px; }
        .events .posts .eo-events li .post .post-content .read_more_link {
          text-align: right; }
          .events .posts .eo-events li .post .post-content .read_more_link a {
            font-size: 14px;
            line-height: 14px;
            text-transform: uppercase;
            font-weight: 700;
            color: white;
            letter-spacing: 1px;
            transition: all 0.3s ease; }
      .events .posts .eo-events li .post .post-meta p {
        display: block !important; }
      .events .posts .eo-events li .post:hover {
        transition: all 0.3s ease;
        cursor: pointer; }
        .events .posts .eo-events li .post:hover .thumb img {
          opacity: 0.25;
          transform: scale(1.1);
          filter: blur(30px);
          transition: all 0.3s ease; }
        .events .posts .eo-events li .post:hover .post-content .post-meta {
          padding-bottom: 20px;
          transition: all 0.3s ease; }
        .events .posts .eo-events li .post:hover .post-content .read_more_link a {
          text-decoration: none;
          transition: all 0.3s ease;
          letter-spacing: 0.5px; }

.posts-wrap {
  /*display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-content: stretch;
	justify-content: space-between;
	*/
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px; }
  @media screen and (max-width: 820px) {
    .posts-wrap {
      grid-template-columns: repeat(2, 1fr); } }
  .posts-wrap.col-3 {
    position: relative;
    grid-template-columns: repeat(3, 1fr);
    gap: 60px; }
    @media screen and (max-width: 1440px) {
      .posts-wrap.col-3 {
        gap: 30px; } }
    @media screen and (max-width: 960px) {
      .posts-wrap.col-3 {
        grid-template-columns: 1fr 1fr; } }
    @media screen and (max-width: 960px) {
      .posts-wrap.col-3 .post:first-child {
        grid-column: span 2; } }
    @media screen and (max-width: 640px) {
      .posts-wrap.col-3 .post:first-child {
        grid-column: 1; } }
    @media screen and (max-width: 640px) {
      .posts-wrap.col-3 {
        grid-template-columns: repeat(1, 1fr); } }
  .posts-wrap .post {
    height: 100%; }
    .posts-wrap .post a.post-link {
      text-decoration: none !important;
      display: flex;
      flex-direction: column;
      height: 100%; }
      .posts-wrap .post a.post-link .thumb {
        width: 100%;
        height: 300px;
        background-size: cover;
        background-position: center;
        position: relative;
        border-radius: 10px 10px 0 0; }
        .posts-wrap .post a.post-link .thumb img {
          display: block;
          object-fit: cover;
          border-radius: 10px 10px 0 0;
          width: 100%;
          height: 100%; }
        .posts-wrap .post a.post-link .thumb .post-overlay {
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          z-index: 1;
          background: rgba(30, 52, 50, 0.4);
          padding: 30px 40px;
          display: flex;
          align-items: flex-end;
          border-radius: 10px 10px 0 0; }
          .posts-wrap .post a.post-link .thumb .post-overlay .post-meta {
            color: white; }
            .posts-wrap .post a.post-link .thumb .post-overlay .post-meta .date {
              color: #cbef6c; }
      .posts-wrap .post a.post-link .post-content {
        background: white;
        padding: 30px 40px;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        flex: 1;
        align-content: stretch;
        border-radius: 0 0 10px 10px;
        border: 1px solid #d8d8d8;
        position: relative; }
        @media screen and (max-width: 1200px) {
          .posts-wrap .post a.post-link .post-content {
            padding: 30px; } }
        .posts-wrap .post a.post-link .post-content .post-meta {
          color: #1e3432;
          margin-bottom: 10px; }
      .posts-wrap .post a.post-link .post-meta {
        font-size: 16px;
        letter-spacing: 0.5px;
        font-weight: 500;
        color: white; }
        .posts-wrap .post a.post-link .post-meta .heading {
          font-size: 32px;
          line-height: 40px;
          font-family: "sonar-sans", sans-serif;
          font-weight: 600;
          font-size: 26px;
          letter-spacing: 0.5px;
          line-height: 125%;
          letter-spacing: 0.5px;
          margin-bottom: 10px; }
      .posts-wrap .post a.post-link .heading {
        font-size: 32px;
        line-height: 40px;
        margin: 0;
        letter-spacing: 1px; }
      .posts-wrap .post a.post-link .excerpt p {
        font-size: 18px;
        color: #1e3432; }
      .posts-wrap .post a.post-link .read_more_link {
        text-transform: uppercase;
        font-size: 14px;
        color: #1e3432;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        transition: all 0.3s ease; }
        .posts-wrap .post a.post-link .read_more_link strong {
          font-weight: 600;
          text-decoration: underline;
          letter-spacing: 0.5px; }
        .posts-wrap .post a.post-link .read_more_link .arrow {
          border-radius: 50%;
          width: 40px;
          height: 40px;
          color: #1e3432;
          background: #cbef6c;
          box-shadow: 0px 0px 0px 2px #cbef6c;
          border: 1px solid #1e3432;
          display: flex;
          justify-content: center;
          align-items: center;
          margin-left: 20px;
          text-decoration: none;
          transition: all 0.3s ease; }
          .posts-wrap .post a.post-link .read_more_link .arrow i {
            color: #1e3432;
            text-decoration: none !important;
            font-size: 20px;
            font-weight: 300; }
        .posts-wrap .post a.post-link .read_more_link:hover strong {
          text-decoration: none; }
        .posts-wrap .post a.post-link .read_more_link:hover .arrow {
          background: #cad8ce;
          box-shadow: 0px 0px 0px 2px #cad8ce;
          margin-left: 10px;
          text-decoration: none;
          transition: all 0.3s ease; }
  .posts-wrap.posts-excerpt .post {
    overflow: visible;
    height: 100%; }
    .posts-wrap.posts-excerpt .post a.post-link {
      background: white;
      display: flex;
      flex-direction: column;
      border-radius: 10px;
      height: 100%; }
      .posts-wrap.posts-excerpt .post a.post-link .thumb {
        height: auto; }
        .posts-wrap.posts-excerpt .post a.post-link .thumb img {
          width: 100%;
          height: 300px;
          display: block; }
      .posts-wrap.posts-excerpt .post a.post-link .post-content {
        height: 100%; }
        .posts-wrap.posts-excerpt .post a.post-link .post-content .post-meta {
          margin-bottom: 0px; }
  .posts-wrap.posts-excerpt.col-2 .post .post-link .post-content {
    padding: 60px; }
    @media screen and (max-width: 1200px) {
      .posts-wrap.posts-excerpt.col-2 .post .post-link .post-content {
        padding: 40px; } }
  .posts-wrap.posts-list {
    display: flex;
    flex-direction: column; }
    .posts-wrap.posts-list .post {
      width: 100% !important;
      margin-bottom: 30px; }
      .posts-wrap.posts-list .post:last-of-type {
        margin-bottom: 0; }
        @media screen and (max-width: 820px) {
          .posts-wrap.posts-list .post:last-of-type {
            margin-bottom: 30px; } }
      .posts-wrap.posts-list .post .post-link {
        flex-direction: row !important;
        width: 100%;
        align-items: center; }
        @media screen and (max-width: 820px) {
          .posts-wrap.posts-list .post .post-link {
            flex-direction: column !important; } }
        .posts-wrap.posts-list .post .post-link .thumb {
          width: 40%;
          border-radius: 0; }
          @media screen and (max-width: 820px) {
            .posts-wrap.posts-list .post .post-link .thumb {
              width: 100%; } }
          .posts-wrap.posts-list .post .post-link .thumb img {
            border-radius: 0;
            height: 400px !important; }
        .posts-wrap.posts-list .post .post-link .post-content {
          width: 60%;
          border: 0;
          padding: 60px; }
          @media screen and (max-width: 820px) {
            .posts-wrap.posts-list .post .post-link .post-content {
              width: 100%; } }
  .posts-wrap.cover .post {
    flex-direction: column; }
    .posts-wrap.cover .post .thumb {
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-size: cover; }
      .posts-wrap.cover .post .thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        opacity: 0.5;
        transition: all 0.3s ease; }
    .posts-wrap.cover .post .post-content {
      position: absolute;
      left: 0;
      bottom: 0;
      padding: 40px;
      color: white;
      text-align: left;
      width: 100%;
      transition: all 0.3s ease; }
      @media screen and (max-width: 640px) {
        .posts-wrap.cover .post .post-content {
          padding: 30px; } }
      .posts-wrap.cover .post .post-content .post-meta {
        padding-bottom: 0;
        transition: all 0.3s ease; }
        .posts-wrap.cover .post .post-content .post-meta .date {
          color: #cbef6c;
          text-transform: uppercase;
          font-weight: 700;
          font-size: 20px;
          letter-spacing: 1px; }
        .posts-wrap.cover .post .post-content .post-meta h3, .posts-wrap.cover .post .post-content .post-meta h4 {
          font-size: 32px;
          line-height: 40px;
          font-family: "sonar-sans", sans-serif;
          font-weight: 600;
          font-size: 26px;
          letter-spacing: 0.5px;
          line-height: 34px;
          margin-bottom: 10px; }
      .posts-wrap.cover .post .post-content .read_more_link {
        text-align: right; }
        .posts-wrap.cover .post .post-content .read_more_link a {
          font-size: 14px;
          line-height: 14px;
          text-transform: uppercase;
          font-weight: 700;
          color: white;
          letter-spacing: 1px;
          transition: all 0.3s ease; }
    .posts-wrap.cover .post a.post-link {
      background: #1e3432;
      border-radius: 0;
      height: 100%; }
      .posts-wrap.cover .post a.post-link .thumb {
        border-radius: 0;
        height: 100%;
        overflow: hidden; }
        .posts-wrap.cover .post a.post-link .thumb img {
          border-radius: 0;
          opacity: 0.4 !important;
          display: block; }
        .posts-wrap.cover .post a.post-link .thumb .post-overlay {
          padding: 40px;
          border-radius: 0; }
          @media screen and (max-width: 820px) {
            .posts-wrap.cover .post a.post-link .thumb .post-overlay {
              padding: 30px; } }
          .posts-wrap.cover .post a.post-link .thumb .post-overlay .post-meta {
            width: 100%; }
            .posts-wrap.cover .post a.post-link .thumb .post-overlay .post-meta .heading {
              font-size: 32px;
              line-height: 40px;
              font-family: "sonar-sans", sans-serif;
              font-weight: 600;
              font-size: 26px;
              letter-spacing: 0.5px;
              line-height: 34px;
              margin-bottom: 10px; }
            .posts-wrap.cover .post a.post-link .thumb .post-overlay .post-meta .read_more_link {
              display: flex;
              align-content: flex-end; }
        .posts-wrap.cover .post a.post-link .thumb:hover {
          transition: all 0.3s ease;
          cursor: pointer; }
          .posts-wrap.cover .post a.post-link .thumb:hover img {
            opacity: 0.8;
            transform: scale(1.1);
            filter: blur(30px);
            transition: all 0.3s ease; }
      .posts-wrap.cover .post a.post-link .post-content {
        border-radius: 0;
        border: 0px;
        background: transparent; }
        .posts-wrap.cover .post a.post-link .post-content .post-meta {
          padding-bottom: 0;
          transition: all 0.3s ease; }
          .posts-wrap.cover .post a.post-link .post-content .post-meta .date {
            color: #cbef6c;
            text-transform: uppercase;
            font-weight: 700;
            font-size: 16px;
            letter-spacing: 1px; }
          .posts-wrap.cover .post a.post-link .post-content .post-meta h3 {
            font-size: 26px;
            letter-spacing: 1.5px;
            margin-bottom: 30px;
            line-height: 34px;
            margin-bottom: 10px;
            color: white; }
      .posts-wrap.cover .post a.post-link .read_more_link {
        font-family: "sonar-sans", sans-serif; }
        .posts-wrap.cover .post a.post-link .read_more_link strong {
          font-weight: 700;
          color: white; }
        .posts-wrap.cover .post a.post-link .read_more_link .arrow {
          display: none; }
        .posts-wrap.cover .post a.post-link .read_more_link:hover .arrow {
          background: #cad8ce;
          box-shadow: 0px 0px 0px 2px #cad8ce;
          margin-left: 10px;
          text-decoration: none;
          transition: all 0.3s ease; }
    .posts-wrap.cover .post .excerpt {
      display: none; }

.archive #header,
.category #header,
.single-post #header,
.single-event #header {
  background: rgba(15, 31, 26, 0.9); }

.archive #banner,
.category #banner,
.single-post #banner,
.single-event #banner {
  height: 50vh; }
  @media screen and (max-width: 1200px) {
    .archive #banner,
    .category #banner,
    .single-post #banner,
    .single-event #banner {
      height: 40vh; } }
  @media screen and (max-width: 820px) {
    .archive #banner,
    .category #banner,
    .single-post #banner,
    .single-event #banner {
      height: 30vh; } }
  .archive #banner .container,
  .category #banner .container,
  .single-post #banner .container,
  .single-event #banner .container {
    justify-content: center;
    text-align: center;
    display: flex;
    flex-direction: column; }
    .archive #banner .container h1,
    .category #banner .container h1,
    .single-post #banner .container h1,
    .single-event #banner .container h1 {
      font-size: 40px;
      line-height: 54px;
      display: flex;
      flex-direction: column;
      line-height: 60px;
      margin-bottom: 0;
      font-size: clamp(48px, calc((60 - 48) * ((100vw - 600px) / (1440 - 600)) + 48px), 60px);
      line-height: 105%; }
      .archive #banner .container h1 .archive,
      .category #banner .container h1 .archive,
      .single-post #banner .container h1 .archive,
      .single-event #banner .container h1 .archive {
        display: block;
        font-size: 60px;
        line-height: 60px; }
      .archive #banner .container h1 .month,
      .category #banner .container h1 .month,
      .single-post #banner .container h1 .month,
      .single-event #banner .container h1 .month {
        font-family: "effra-cc", sans-serif;
        font-size: 16px;
        padding-bottom: 20px;
        line-height: 24px;
        text-align: center;
        letter-spacing: 0.5px; }
    .archive #banner .container p.meta,
    .category #banner .container p.meta,
    .single-post #banner .container p.meta,
    .single-event #banner .container p.meta {
      font-size: 16px;
      line-height: 24px;
      padding-bottom: 10px; }

.archive #main .categories .container .archives-wrap,
.category #main .categories .container .archives-wrap {
  /*.posts {
						display: flex;
						flex-direction: row;
						flex-wrap: wrap;
						justify-content: space-around;
						
						&.col-3 {
							.post {
								@include post-cover;
								position: relative;
								height: 100%;
								width: 30%;
								
								a {
									display: block;
									width: 100%;
									
									img {
										width: 100%;
										height: 300px;
										object-fit: cover;
									}
								}
							}
						}
					}*/ }

.single-post #main .single-post .container .content,
.single-event #main .single-post .container .content {
  width: 65%; }
  @media screen and (max-width: 1024px) {
    .single-post #main .single-post .container .content,
    .single-event #main .single-post .container .content {
      width: 100%;
      padding: 0 0 40px; } }
  .single-post #main .single-post .container .content p.larger,
  .single-event #main .single-post .container .content p.larger {
    font-size: 26px;
    line-height: 36px;
    font-weight: 300;
    margin-bottom: 30px; }
    @media screen and (max-width: 640px) {
      .single-post #main .single-post .container .content p.larger,
      .single-event #main .single-post .container .content p.larger {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 20px; } }
  .single-post #main .single-post .container .content img,
  .single-event #main .single-post .container .content img {
    display: block; }
    .single-post #main .single-post .container .content img.size-medium,
    .single-event #main .single-post .container .content img.size-medium {
      width: 50%;
      height: 100%; }
      @media screen and (max-width: 640px) {
        .single-post #main .single-post .container .content img.size-medium,
        .single-event #main .single-post .container .content img.size-medium {
          width: 100%; } }
    .single-post #main .single-post .container .content img.alignright,
    .single-event #main .single-post .container .content img.alignright {
      float: right;
      margin: 0 0 30px 30px; }
      @media screen and (max-width: 1200px) {
        .single-post #main .single-post .container .content img.alignright,
        .single-event #main .single-post .container .content img.alignright {
          width: 100%;
          height: 100%;
          object-fit: cover;
          margin: 0 auto 30px;
          float: none; } }
      @media screen and (max-width: 1024px) {
        .single-post #main .single-post .container .content img.alignright,
        .single-event #main .single-post .container .content img.alignright {
          width: 50%;
          float: right;
          margin: 0 0 30px 30px; } }
      @media screen and (max-width: 640px) {
        .single-post #main .single-post .container .content img.alignright,
        .single-event #main .single-post .container .content img.alignright {
          width: 100%;
          height: 100%;
          object-fit: cover;
          margin: 0 auto 30px;
          float: none; } }
  .single-post #main .single-post .container .content .cats,
  .single-event #main .single-post .container .content .cats {
    margin-top: 40px; }
    .single-post #main .single-post .container .content .cats p.small,
    .single-event #main .single-post .container .content .cats p.small {
      font-size: 16px;
      font-weight: 600; }

.single-post #main .single-post .container .sidebar,
.single-event #main .single-post .container .sidebar {
  width: 35%;
  padding-left: 120px; }
  .single-post #main .single-post .container .sidebar h3, .single-post #main .single-post .container .sidebar h4,
  .single-event #main .single-post .container .sidebar h3,
  .single-event #main .single-post .container .sidebar h4 {
    font-size: 32px;
    line-height: 40px;
    font-family: "sonar-sans", sans-serif;
    font-weight: 600;
    font-size: 26px;
    letter-spacing: 0.5px; }
  .single-post #main .single-post .container .sidebar ul.posts,
  .single-event #main .single-post .container .sidebar ul.posts {
    padding: 0 0 30px; }
    .single-post #main .single-post .container .sidebar ul.posts li,
    .single-event #main .single-post .container .sidebar ul.posts li {
      font-size: 18px;
      line-height: 36px;
      list-style: none; }
      .single-post #main .single-post .container .sidebar ul.posts li a,
      .single-event #main .single-post .container .sidebar ul.posts li a {
        font-family: "effra-cc", sans-serif;
        color: #2e5854;
        background: transparent;
        transition: all 0.3s ease; }
        .single-post #main .single-post .container .sidebar ul.posts li a:hover,
        .single-event #main .single-post .container .sidebar ul.posts li a:hover {
          text-decoration: none;
          background: rgba(203, 239, 108, 0.5);
          transition: all 0.3s ease; }
  .single-post #main .single-post .container .sidebar .select-wrapper,
  .single-event #main .single-post .container .sidebar .select-wrapper {
    position: relative;
    /* Custom Overrides */ }
    .single-post #main .single-post .container .sidebar .select-wrapper select,
    .single-event #main .single-post .container .sidebar .select-wrapper select {
      font-family: "effra-cc", sans-serif;
      border: 1px solid #B3BFB6;
      color: #1e3432;
      letter-spacing: 1px;
      padding: 15px 20px;
      font-size: 18px;
      line-height: 24px;
      display: inline-block;
      width: 100%;
      cursor: pointer;
      height: 56px;
      padding-right: 40px;
      outline: 0;
      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none; }
      .single-post #main .single-post .container .sidebar .select-wrapper select::-ms-expand,
      .single-event #main .single-post .container .sidebar .select-wrapper select::-ms-expand {
        display: none; }
      .single-post #main .single-post .container .sidebar .select-wrapper select:disabled,
      .single-event #main .single-post .container .sidebar .select-wrapper select:disabled {
        opacity: 0.5;
        pointer-events: none; }
      @media screen and (max-width: 640px) {
        .single-post #main .single-post .container .sidebar .select-wrapper select,
        .single-event #main .single-post .container .sidebar .select-wrapper select {
          height: 68px !important; } }
    .single-post #main .single-post .container .sidebar .select-wrapper::after,
    .single-event #main .single-post .container .sidebar .select-wrapper::after {
      content: "\f13a";
      font-family: 'Font Awesome 6 Pro';
      font-weight: 500;
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translateY(-50%);
      pointer-events: none;
      font-size: 20px;
      color: #1e3432; }
  @media screen and (max-width: 1024px) {
    .single-post #main .single-post .container .sidebar,
    .single-event #main .single-post .container .sidebar {
      width: 100%;
      padding-left: 0; } }
  .single-post #main .single-post .container .sidebar .eo-event-meta,
  .single-event #main .single-post .container .sidebar .eo-event-meta {
    width: 100%;
    float: none;
    margin: 0;
    padding: 0; }
  .single-post #main .single-post .container .sidebar .eventorganiser-event-meta ul.eo-upcoming-dates,
  .single-event #main .single-post .container .sidebar .eventorganiser-event-meta ul.eo-upcoming-dates {
    margin: 0;
    padding: 0 0 0 25px; }
  .single-post #main .single-post .container .sidebar .eventorganiser-event-meta p, .single-post #main .single-post .container .sidebar .eventorganiser-event-meta li,
  .single-event #main .single-post .container .sidebar .eventorganiser-event-meta p,
  .single-event #main .single-post .container .sidebar .eventorganiser-event-meta li {
    font-size: 18px;
    line-height: 28px; }

/* Fix properly */
.page-template-page-members-home h3 {
  font-size: 40px;
  line-height: 54px; }
  @media screen and (max-width: 820px) {
    .page-template-page-members-home h3 {
      font-size: 32px;
      line-height: 40px;
      margin-bottom: 20px; } }

.page-template-page-members-home .posts-wrap .post {
  margin-bottom: 60px; }
  @media screen and (max-width: 820px) {
    .page-template-page-members-home .posts-wrap .post {
      margin-bottom: 30px; } }
  .page-template-page-members-home .posts-wrap .post a.post-link {
    display: flex;
    flex-direction: column; }
    .page-template-page-members-home .posts-wrap .post a.post-link .thumb {
      height: 300px; }
      @media screen and (max-width: 820px) {
        .page-template-page-members-home .posts-wrap .post a.post-link .thumb {
          height: 240px; } }

.page-template-page-members-home .archives {
  grid-column: span 4 / span 4;
  grid-row-start: 2;
  text-align: center;
  padding-top: 30px; }
  @media screen and (max-width: 820px) {
    .page-template-page-members-home .archives {
      padding-top: 0; } }
  .page-template-page-members-home .archives .archive-link {
    border: 1px solid #1e3432;
    background: #1e3432;
    color: white;
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin: 0;
    border-radius: 5px;
    padding: 15px 25px;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 1px;
    font-weight: 400;
    text-decoration: none !important;
    z-index: 1;
    transition: 0.5s ease-in-out;
    margin: 0 auto;
    display: inline-block; }
    .page-template-page-members-home .archives .archive-link:after, .page-template-page-members-home .archives .archive-link:before {
      transition: 0.5s ease-in-out; }
    .page-template-page-members-home .archives .archive-link:hover {
      color: #1e3432; }
    .page-template-page-members-home .archives .archive-link:before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: -1px;
      background-color: #cbef6c;
      transform: translateX(-100%);
      z-index: -1; }
    .page-template-page-members-home .archives .archive-link:hover:before {
      transform: translateX(0); }
    .page-template-page-members-home .archives .archive-link .fa-brands, .page-template-page-members-home .archives .archive-link .fab {
      margin-right: 9px; }

/* Posts List */
.news .widgets {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }
  .news .widgets .news-content {
    width: 100%; }
  .news .widgets .row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }
    @media screen and (max-width: 1200px) {
      .news .widgets .row {
        flex-direction: column-reverse; } }
  .news .widgets .sidebar {
    width: 360px; }
    .news .widgets .sidebar h3, .news .widgets .sidebar h4 {
      font-size: 32px;
      line-height: 40px;
      font-family: "sonar-sans", sans-serif;
      font-weight: 600;
      font-size: 26px;
      letter-spacing: 0.5px; }
    .news .widgets .sidebar ul.posts {
      padding: 0 0 30px; }
      .news .widgets .sidebar ul.posts li {
        font-size: 18px;
        line-height: 36px;
        list-style: none; }
        .news .widgets .sidebar ul.posts li a {
          font-family: "effra-cc", sans-serif;
          color: #2e5854;
          background: transparent;
          transition: all 0.3s ease; }
          .news .widgets .sidebar ul.posts li a:hover {
            text-decoration: none;
            background: rgba(203, 239, 108, 0.5);
            transition: all 0.3s ease; }
    .news .widgets .sidebar .select-wrapper {
      position: relative;
      /* Custom Overrides */ }
      .news .widgets .sidebar .select-wrapper select {
        font-family: "effra-cc", sans-serif;
        border: 1px solid #B3BFB6;
        color: #1e3432;
        letter-spacing: 1px;
        padding: 15px 20px;
        font-size: 18px;
        line-height: 24px;
        display: inline-block;
        width: 100%;
        cursor: pointer;
        height: 56px;
        padding-right: 40px;
        outline: 0;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none; }
        .news .widgets .sidebar .select-wrapper select::-ms-expand {
          display: none; }
        .news .widgets .sidebar .select-wrapper select:disabled {
          opacity: 0.5;
          pointer-events: none; }
        @media screen and (max-width: 640px) {
          .news .widgets .sidebar .select-wrapper select {
            height: 68px !important; } }
      .news .widgets .sidebar .select-wrapper::after {
        content: "\f13a";
        font-family: 'Font Awesome 6 Pro';
        font-weight: 500;
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translateY(-50%);
        pointer-events: none;
        font-size: 20px;
        color: #1e3432; }
    @media screen and (max-width: 1440px) {
      .news .widgets .sidebar {
        width: 30%; } }
    @media screen and (max-width: 1200px) {
      .news .widgets .sidebar {
        width: 100%; } }
    @media screen and (max-width: 1024px) {
      .news .widgets .sidebar {
        width: 100%;
        padding-right: 0; } }
    .news .widgets .sidebar .sidebar-content .col {
      padding: 40px;
      margin-bottom: 60px;
      border-radius: 5px; }
      .news .widgets .sidebar .sidebar-content .col.news-cats {
        background: #cad8ce; }
        @media screen and (max-width: 1200px) {
          .news .widgets .sidebar .sidebar-content .col.news-cats {
            margin-top: 60px;
            margin-bottom: 60px; } }
        @media screen and (max-width: 640px) {
          .news .widgets .sidebar .sidebar-content .col.news-cats {
            margin-top: 40px;
            margin-bottom: 40px; } }
      .news .widgets .sidebar .sidebar-content .col.archive-posts {
        background: #e7d2bc; }
        @media screen and (max-width: 1200px) {
          .news .widgets .sidebar .sidebar-content .col.archive-posts {
            margin-bottom: 0; } }
    .news .widgets .sidebar .sidebar-content ul.posts {
      padding: 0;
      margin: 0; }
  .news .widgets .posts-list {
    width: calc(100% - 360px);
    padding-left: 60px; }
    @media screen and (max-width: 1440px) {
      .news .widgets .posts-list {
        width: 70%; } }
    @media screen and (max-width: 1200px) {
      .news .widgets .posts-list {
        width: 100%;
        padding-left: 0;
        margin-top: 30px; } }
    @media screen and (max-width: 640px) {
      .news .widgets .posts-list .post a.post-link {
        display: flex;
        flex-direction: column !important;
        width: 100%; } }
    @media screen and (max-width: 640px) {
      .news .widgets .posts-list .post a.post-link .thumb {
        width: 100%; } }
    .news .widgets .posts-list .post a.post-link .post-content {
      justify-content: center;
      padding-right: 0; }
      @media screen and (max-width: 640px) {
        .news .widgets .posts-list .post a.post-link .post-content {
          width: 100%;
          padding: 30px 40px; } }
      .news .widgets .posts-list .post a.post-link .post-content .excerpt {
        padding: 20px 0; }

/* Post Slider */
.news .carousel .slick-slider .slick-list .slick-slide .slide {
  background: white;
  height: 500px;
  display: block !important;
  overflow: hidden; }
  @media screen and (max-width: 640px) {
    .news .carousel .slick-slider .slick-list .slick-slide .slide {
      height: 100%; } }
  .news .carousel .slick-slider .slick-list .slick-slide .slide .post {
    height: 100%;
    width: 100%; }
    .news .carousel .slick-slider .slick-list .slick-slide .slide .post a.post-link {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      text-decoration: none;
      color: #1e3432;
      height: 100%;
      overflow: hidden; }
      @media screen and (max-width: 640px) {
        .news .carousel .slick-slider .slick-list .slick-slide .slide .post a.post-link {
          flex-direction: column; } }
      .news .carousel .slick-slider .slick-list .slick-slide .slide .post a.post-link .thumb {
        width: 50%;
        position: relative;
        height: 100%; }
        @media screen and (max-width: 640px) {
          .news .carousel .slick-slider .slick-list .slick-slide .slide .post a.post-link .thumb {
            height: 300px;
            width: 100%; } }
        .news .carousel .slick-slider .slick-list .slick-slide .slide .post a.post-link .thumb img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
      .news .carousel .slick-slider .slick-list .slick-slide .slide .post a.post-link .post-content {
        width: 50%;
        background: white;
        display: flex;
        flex-direction: column;
        justify-content: center; }
        @media screen and (max-width: 640px) {
          .news .carousel .slick-slider .slick-list .slick-slide .slide .post a.post-link .post-content {
            width: 100%; } }
        .news .carousel .slick-slider .slick-list .slick-slide .slide .post a.post-link .post-content .padding {
          padding: 60px; }
          @media screen and (max-width: 640px) {
            .news .carousel .slick-slider .slick-list .slick-slide .slide .post a.post-link .post-content .padding {
              padding: 40px 30px; } }
        .news .carousel .slick-slider .slick-list .slick-slide .slide .post a.post-link .post-content .post-meta .heading {
          font-size: 40px;
          line-height: 54px;
          margin: 0 0 30px;
          font-weight: 400;
          letter-spacing: 1px;
          font-family: quincy-cf, serif;
          letter-spacing: 0.5px;
          margin-top: 10px;
          margin-bottom: 20px; }
          @media screen and (max-width: 1024px) {
            .news .carousel .slick-slider .slick-list .slick-slide .slide .post a.post-link .post-content .post-meta .heading {
              font-size: 32px;
              line-height: 40px; } }
          @media screen and (max-width: 1200px) {
            .news .carousel .slick-slider .slick-list .slick-slide .slide .post a.post-link .post-content .post-meta .heading {
              line-height: 44px; } }
        .news .carousel .slick-slider .slick-list .slick-slide .slide .post a.post-link .post-content .post-meta .excerpt p {
          font-size: 18px;
          color: #1e3432; }
        .news .carousel .slick-slider .slick-list .slick-slide .slide .post a.post-link .post-content .read_more_link {
          text-transform: uppercase;
          font-size: 14px;
          color: #1e3432;
          display: flex;
          justify-content: flex-end;
          align-items: center;
          transition: all 0.3s ease;
          margin-top: 30px; }
          .news .carousel .slick-slider .slick-list .slick-slide .slide .post a.post-link .post-content .read_more_link strong {
            font-weight: 600;
            text-decoration: underline;
            letter-spacing: 0.5px; }
          .news .carousel .slick-slider .slick-list .slick-slide .slide .post a.post-link .post-content .read_more_link .arrow {
            border-radius: 50%;
            width: 40px;
            height: 40px;
            color: #1e3432;
            background: #cbef6c;
            box-shadow: 0px 0px 0px 2px #cbef6c;
            border: 1px solid #1e3432;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-left: 20px;
            text-decoration: none;
            transition: all 0.3s ease; }
            .news .carousel .slick-slider .slick-list .slick-slide .slide .post a.post-link .post-content .read_more_link .arrow i {
              color: #1e3432;
              text-decoration: none !important;
              font-size: 20px;
              font-weight: 300; }
          .news .carousel .slick-slider .slick-list .slick-slide .slide .post a.post-link .post-content .read_more_link:hover strong {
            text-decoration: none; }
          .news .carousel .slick-slider .slick-list .slick-slide .slide .post a.post-link .post-content .read_more_link:hover .arrow {
            background: #cad8ce;
            box-shadow: 0px 0px 0px 2px #cad8ce;
            margin-left: 10px;
            text-decoration: none;
            transition: all 0.3s ease; }

.news .carousel .slick-slider .slick-arrow {
  color: #1e3432; }

.news .carousel .slick-slider .slick-prev {
  left: -40px; }
  @media screen and (max-width: 820px) {
    .news .carousel .slick-slider .slick-prev:before {
      color: white !important; } }
  @media screen and (max-width: 820px) {
    .news .carousel .slick-slider .slick-prev {
      left: 20px;
      z-index: 98; } }

.news .carousel .slick-slider .slick-next {
  right: -40px; }
  @media screen and (max-width: 820px) {
    .news .carousel .slick-slider .slick-next {
      right: 20px;
      z-index: 98; } }
  @media screen and (max-width: 640px) {
    .news .carousel .slick-slider .slick-next:before {
      color: white !important; } }

.news .carousel .slick-slider .slick-prev,
.news .carousel .slick-slider .slick-next {
  width: 40px;
  height: 40px; }
  @media screen and (max-width: 640px) {
    .news .carousel .slick-slider .slick-prev,
    .news .carousel .slick-slider .slick-next {
      top: 150px; } }
  .news .carousel .slick-slider .slick-prev:before,
  .news .carousel .slick-slider .slick-next:before {
    color: #1e3432;
    font-size: 40px; }

/* Course Tour */
/* still need a default version of this */
/* add videos as options instead of banners */
/* Course Tour Overview - Grid */
.page-template-page-course-tour-grid #main .course-tour .holes,
.page-template-page-course-tour-post #main .course-tour .holes {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(6, 1fr);
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  width: 100%;
  margin: 0 auto; }
  @media screen and (max-width: 1024px) {
    .page-template-page-course-tour-grid #main .course-tour .holes,
    .page-template-page-course-tour-post #main .course-tour .holes {
      grid-template-columns: repeat(2, 1fr); } }
  @media screen and (max-width: 640px) {
    .page-template-page-course-tour-grid #main .course-tour .holes,
    .page-template-page-course-tour-post #main .course-tour .holes {
      grid-template-columns: repeat(1, 1fr); } }

.page-template-page-course-tour-grid .hole,
.page-template-page-course-tour-post .hole {
  position: relative;
  background: #1e3432;
  transition: all 0.3s ease;
  height: 570px;
  overflow: hidden; }
  .page-template-page-course-tour-grid .hole .gradient,
  .page-template-page-course-tour-post .hole .gradient {
    background: rgba(46, 88, 84, 0.9);
    background: linear-gradient(0deg, rgba(46, 88, 84, 0.9) 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 1 !important;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: all 0.3s ease; }
  .page-template-page-course-tour-grid .hole img,
  .page-template-page-course-tour-post .hole img {
    z-index: 0;
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease; }
  .page-template-page-course-tour-grid .hole .post-content,
  .page-template-page-course-tour-post .hole .post-content {
    z-index: 1;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: white;
    text-decoration: none;
    display: flex;
    align-items: flex-end; }
    .page-template-page-course-tour-grid .hole .post-content .post-meta,
    .page-template-page-course-tour-post .hole .post-content .post-meta {
      opacity: 1;
      display: flex;
      padding: 0 0 80px 60px;
      transition: all 0.3s ease; }
      .page-template-page-course-tour-grid .hole .post-content .post-meta .hole-heading,
      .page-template-page-course-tour-post .hole .post-content .post-meta .hole-heading {
        font-size: 36px;
        font-weight: 600;
        margin-bottom: 0 !important; }
        .page-template-page-course-tour-grid .hole .post-content .post-meta .hole-heading .hole-number,
        .page-template-page-course-tour-post .hole .post-content .post-meta .hole-heading .hole-number {
          display: block;
          padding-top: 10px;
          font-size: 100px;
          font-weight: 600;
          color: #cbef6c; }
  .page-template-page-course-tour-grid .hole:hover img,
  .page-template-page-course-tour-post .hole:hover img {
    transform: scale(1.05);
    transition: all 0.3s ease; }
  .page-template-page-course-tour-grid .hole:hover .post-meta,
  .page-template-page-course-tour-post .hole:hover .post-meta {
    opacity: 0.9;
    transition: all 0.3s ease; }
  .page-template-page-course-tour-grid .hole:hover .gradient,
  .page-template-page-course-tour-post .hole:hover .gradient {
    opacity: 0.5;
    transition: all 0.3s ease; }

.page-template-page-course-tour-post {
  background-color: #1e3432; }
  .page-template-page-course-tour-post #banner .overlay {
    background: #1e3432;
    background: linear-gradient(0deg, #1e3432 0%, rgba(46, 88, 84, 0.4) 100%);
    padding-left: 120px;
    padding-right: 120px; }
  .page-template-page-course-tour-post #main .course-tour .container {
    max-width: 100%; }
  .page-template-page-course-tour-post #main .course-tour .holes {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(5, 1fr);
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    width: 100%;
    margin: 0 auto; }
    @media screen and (max-width: 1600px) {
      .page-template-page-course-tour-post #main .course-tour .holes {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(6, 1fr); } }
    @media screen and (max-width: 1024px) {
      .page-template-page-course-tour-post #main .course-tour .holes {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(9, 1fr); } }
    @media screen and (max-width: 640px) {
      .page-template-page-course-tour-post #main .course-tour .holes {
        grid-template-columns: repeat(1, 1fr); } }
    .page-template-page-course-tour-post #main .course-tour .holes .hole {
      height: 440px;
      overflow: hidden; }
      .page-template-page-course-tour-post #main .course-tour .holes .hole .post-content {
        flex-wrap: nowrap;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start; }
      .page-template-page-course-tour-post #main .course-tour .holes .hole .post-meta {
        padding: 40px 0 0 40px;
        flex-direction: column; }
        .page-template-page-course-tour-post #main .course-tour .holes .hole .post-meta .hole-heading {
          font-size: 30px;
          font-weight: 300; }
        .page-template-page-course-tour-post #main .course-tour .holes .hole .post-meta .hole-number {
          color: transparent;
          -webkit-text-fill-color: transparent;
          -webkit-text-stroke-width: 2px;
          -webkit-text-stroke-color: white;
          font-size: 120px;
          -webkit-text-stroke-color: #cbef6c;
          transition: all 0.3s ease; }
      .page-template-page-course-tour-post #main .course-tour .holes .hole .stats {
        padding: 20px 30px;
        display: flex;
        justify-content: space-between;
        width: 100%;
        background: rgba(0, 0, 0, 0.2);
        transition: all 0.3s ease;
        box-shadow: none; }
        @media screen and (max-width: 1200px) {
          .page-template-page-course-tour-post #main .course-tour .holes .hole .stats {
            padding: 20px; } }
        .page-template-page-course-tour-post #main .course-tour .holes .hole .stats i {
          color: #cbef6c;
          padding-right: 5px; }
      .page-template-page-course-tour-post #main .course-tour .holes .hole:hover img {
        transform: scale(1.05);
        transition: all 0.3s ease; }
      .page-template-page-course-tour-post #main .course-tour .holes .hole:hover .post-meta {
        opacity: 0.9;
        transition: all 0.3s ease; }
        .page-template-page-course-tour-post #main .course-tour .holes .hole:hover .post-meta .hole-number {
          color: #1e3432;
          -webkit-text-fill-color: #cbef6c;
          transition: all 0.3s ease; }
      .page-template-page-course-tour-post #main .course-tour .holes .hole:hover .gradient {
        opacity: 0.5;
        transition: all 0.3s ease; }
      .page-template-page-course-tour-post #main .course-tour .holes .hole:hover .stats {
        padding: 50px 30px;
        background: #1e3432;
        transition: all 0.3s ease; }
        @media screen and (max-width: 1200px) {
          .page-template-page-course-tour-post #main .course-tour .holes .hole:hover .stats {
            padding: 20px; } }

/* Course Tour Overview - Slider */
.page-template-page-course-tour-slider #main .content-slider {
  padding-left: 0; }
  .page-template-page-course-tour-slider #main .content-slider .container {
    width: 100%;
    max-width: 100%;
    margin: 0 auto; }
    @media screen and (max-width: 1200px) {
      .page-template-page-course-tour-slider #main .content-slider .container {
        padding-left: 0; } }
    .page-template-page-course-tour-slider #main .content-slider .container .carousel {
      width: 100%;
      padding-left: 0; }
      @media screen and (max-width: 1024px) {
        .page-template-page-course-tour-slider #main .content-slider .container .carousel .course-slider {
          margin-bottom: 0; } }
      .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole {
        width: 100%;
        max-width: 1440px;
        margin: 0 auto;
        height: auto;
        background: white; }
        @media screen and (max-width: 1600px) {
          .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole {
            max-width: 100%;
            padding-left: 120px;
            padding-right: 120px; } }
        @media screen and (max-width: 1440px) {
          .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole {
            padding-left: 60px;
            padding-right: 60px; } }
        @media screen and (max-width: 820px) {
          .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole {
            padding-left: 30px;
            padding-right: 30px; } }
        .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole .post-content {
          position: relative;
          color: #1e3432 !important;
          display: flex;
          flex-direction: column;
          align-items: flex-start; }
          .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole .post-content .hole-heading {
            font-size: 40px;
            line-height: 54px;
            margin: 0 0 30px;
            font-weight: 400;
            letter-spacing: 1px;
            font-family: quincy-cf, serif;
            font-size: 60px;
            line-height: 70px; }
            @media screen and (max-width: 1024px) {
              .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole .post-content .hole-heading {
                font-size: 32px;
                line-height: 40px; } }
          .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole .post-content .course-content {
            padding: 0;
            font-weight: 300; }
            .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole .post-content .course-content h2 {
              font-size: 40px;
              line-height: 54px;
              margin: 0 0 30px;
              font-weight: 400;
              letter-spacing: 1px;
              font-family: quincy-cf, serif; }
              @media screen and (max-width: 1024px) {
                .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole .post-content .course-content h2 {
                  font-size: 32px;
                  line-height: 40px; } }
          .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole .post-content .col-2-2 {
            padding-top: 20px;
            padding-left: 120px; }
            @media screen and (max-width: 1440px) {
              .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole .post-content .col-2-2 {
                padding-left: 60px; } }
            @media screen and (max-width: 1024px) {
              .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole .post-content .col-2-2 {
                padding-left: 0;
                padding-top: 30px; } }
          .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole .post-content img {
            width: 100%;
            height: auto;
            position: relative; }
          .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole .post-content .hole-stats {
            background: white !important;
            width: 600px;
            position: absolute;
            right: 0;
            bottom: 0;
            padding: 30px 40px;
            position: relative;
            background-color: #f0f0f0 !important;
            width: 100%; }
            .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole .post-content .hole-stats .hole-data {
              display: grid;
              grid-template-columns: fit-content(25%);
              grid-column-gap: 20px;
              grid-row-gap: 20px;
              grid-template-columns: 50px 1fr 1fr 1fr 1fr;
              padding: 5px 0;
              font-size: 22px;
              font-weight: 500; }
              .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole .post-content .hole-stats .hole-data .icon {
                grid-column: 1;
                display: flex;
                align-items: center;
                width: 80px;
                z-index: 1; }
                .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole .post-content .hole-stats .hole-data .icon:after {
                  content: "";
                  background: #cbef6c;
                  border: 1px solid #1e3432;
                  width: 20px;
                  height: 20px;
                  border-radius: 20px;
                  z-index: 0; }
              .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole .post-content .hole-stats .hole-data .tee {
                grid-column: 2;
                display: none;
                align-items: center;
                display: none; }
              .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole .post-content .hole-stats .hole-data .length {
                grid-column: 2; }
              .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole .post-content .hole-stats .hole-data .par {
                grid-column: 3; }
              .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole .post-content .hole-stats .hole-data .index {
                grid-column: 4; }
              .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole .post-content .hole-stats .hole-data#red .icon:after {
                background: #CB4242; }
              .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole .post-content .hole-stats .hole-data#blue .icon:after {
                background: #4286CB; }
              .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole .post-content .hole-stats .hole-data#white .icon:after {
                background: white; }
              .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole .post-content .hole-stats .hole-data#green .icon:after {
                background: #0EA820; }
            .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole .post-content .hole-stats .hole-data {
              font-size: 20px;
              grid-template-columns: auto 1fr 1fr 1fr; }
              .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole .post-content .hole-stats .hole-data .icon {
                position: relative;
                width: 50px; }
                @media screen and (max-width: 1600px) {
                  .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole .post-content .hole-stats .hole-data .icon {
                    width: 30px; } }
                .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole .post-content .hole-stats .hole-data .icon i {
                  position: relative;
                  font-size: 20px;
                  z-index: 2; }
                .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole .post-content .hole-stats .hole-data .icon:after {
                  z-index: 0;
                  position: absolute;
                  width: 13px;
                  height: 13px;
                  border-radius: 13px;
                  top: 5px;
                  left: 1px; }
          .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole .post-content .course-gallery {
            padding-top: 60px; }
            .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole .post-content .course-gallery h3 {
              font-size: 40px;
              line-height: 54px;
              margin: 0 0 30px;
              font-weight: 400;
              letter-spacing: 1px;
              font-family: quincy-cf, serif; }
              @media screen and (max-width: 1024px) {
                .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole .post-content .course-gallery h3 {
                  font-size: 32px;
                  line-height: 40px; } }
            .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole .post-content .course-gallery .gallery {
              display: grid;
              grid-template-columns: repeat(4, 1fr);
              gap: 30px;
              width: 100%; }
              .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole .post-content .course-gallery .gallery br {
                display: none; }
              .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole .post-content .course-gallery .gallery .gallery-item,
              .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole .post-content .course-gallery .gallery .gallery-icon,
              .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole .post-content .course-gallery .gallery .gallery-icon > a,
              .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole .post-content .course-gallery .gallery .gallery-icon > a > img {
                display: block;
                height: 100% !important;
                margin: 0 auto !important;
                padding: 0 !important; }
              .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole .post-content .course-gallery .gallery .gallery-item {
                float: none !important;
                width: auto !important; }
                .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole .post-content .course-gallery .gallery .gallery-item img {
                  width: 100%;
                  object-fit: cover;
                  border: 0 !important;
                  opacity: 1;
                  transition: all 0.3s ease; }
                .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole .post-content .course-gallery .gallery .gallery-item:hover img {
                  opacity: 0.8;
                  transition: all 0.3s ease; }
              .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole .post-content .course-gallery .gallery.gallery-columns-3 {
                grid-template-columns: repeat(3, 1fr);
                grid-auto-flow: dense;
                grid-auto-rows: 1fr; }
              .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole .post-content .course-gallery .gallery.gallery-columns-5 {
                grid-template-columns: repeat(3, 1fr);
                grid-auto-flow: dense; }
                .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole .post-content .course-gallery .gallery.gallery-columns-5 .gallery-item {
                  display: grid;
                  justify-items: center;
                  align-items: center; }
                  .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole .post-content .course-gallery .gallery.gallery-columns-5 .gallery-item:nth-of-type(7n+1) {
                    grid-row: span 2; }
              .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole .post-content .course-gallery .gallery.gallery-columns-6 {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 30px;
                width: 100%;
                grid-auto-flow: dense; }
                .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole .post-content .course-gallery .gallery.gallery-columns-6 .gallery-item {
                  display: grid;
                  justify-items: center;
                  align-items: center; }
                  .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole .post-content .course-gallery .gallery.gallery-columns-6 .gallery-item:nth-of-type(7n+1), .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole .post-content .course-gallery .gallery.gallery-columns-6 .gallery-item:nth-of-type(8n+5) {
                    grid-row: span 2; }
                @media screen and (max-width: 640px) {
                  .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole .post-content .course-gallery .gallery.gallery-columns-6 {
                    grid-template-columns: repeat(2, 1fr); } }
              .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole .post-content .course-gallery .gallery.gallery-columns-7 {
                grid-template-columns: repeat(4, 1fr);
                grid-auto-flow: dense;
                grid-auto-rows: 1fr; }
                .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole .post-content .course-gallery .gallery.gallery-columns-7 .gallery-item {
                  display: grid;
                  justify-items: center;
                  align-items: center; }
                  .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole .post-content .course-gallery .gallery.gallery-columns-7 .gallery-item:nth-child(7), .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole .post-content .course-gallery .gallery.gallery-columns-7 .gallery-item:nth-child(1) {
                    grid-row: span 2; }
              .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole .post-content .course-gallery .gallery.gallery-size-large {
                grid-auto-rows: 1fr; }
              @media screen and (max-width: 1200px) {
                .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole .post-content .course-gallery .gallery {
                  gap: 20px !important; } }
              @media screen and (max-width: 640px) {
                .page-template-page-course-tour-slider #main .content-slider .container .carousel .hole .post-content .course-gallery .gallery {
                  grid-template-columns: repeat(2, 1fr) !important; } }
  .page-template-page-course-tour-slider #main .content-slider .slick-dots {
    padding: 0 40px 40px;
    position: relative;
    bottom: auto; }
    @media screen and (max-width: 1024px) {
      .page-template-page-course-tour-slider #main .content-slider .slick-dots {
        padding: 0 60px 40px;
        display: flex; } }
    @media screen and (max-width: 820px) {
      .page-template-page-course-tour-slider #main .content-slider .slick-dots {
        padding: 0 30px 30px;
        flex-wrap: wrap;
        justify-content: end;
        align-items: stretch; } }
    .page-template-page-course-tour-slider #main .content-slider .slick-dots li {
      background: #cad8ce;
      width: 40px;
      height: 40px;
      border: 0px solid #2e5854;
      margin: 0 2px;
      transition: all 0.3s ease; }
      @media screen and (max-width: 820px) {
        .page-template-page-course-tour-slider #main .content-slider .slick-dots li {
          width: 5%;
          margin: 2px; } }
      @media screen and (max-width: 640px) {
        .page-template-page-course-tour-slider #main .content-slider .slick-dots li {
          width: 10%;
          margin: 2px; } }
      .page-template-page-course-tour-slider #main .content-slider .slick-dots li.slick-active {
        background: #1e3432;
        color: white; }
        .page-template-page-course-tour-slider #main .content-slider .slick-dots li.slick-active button {
          color: white !important; }
      .page-template-page-course-tour-slider #main .content-slider .slick-dots li:hover {
        background: #2e5854;
        transition: all 0.3s ease; }
        .page-template-page-course-tour-slider #main .content-slider .slick-dots li:hover button {
          color: white !important; }
      .page-template-page-course-tour-slider #main .content-slider .slick-dots li button {
        width: 100%;
        height: 100%;
        font-size: 16px;
        color: #1e3432 !important;
        font-family: "effra-cc", sans-serif;
        font-weight: 600; }
        .page-template-page-course-tour-slider #main .content-slider .slick-dots li button:before {
          content: inherit; }

.single-course #main {
  overflow: hidden;
  position: relative;
  z-index: 1; }
  .single-course #main h2, .single-course #main h3 {
    font-size: 40px;
    line-height: 54px;
    margin: 0 0 30px;
    font-weight: 400;
    letter-spacing: 1px;
    font-family: quincy-cf, serif;
    margin-bottom: 50px; }
    @media screen and (max-width: 1024px) {
      .single-course #main h2, .single-course #main h3 {
        font-size: 32px;
        line-height: 40px; } }
    @media screen and (max-width: 820px) {
      .single-course #main h2, .single-course #main h3 {
        margin-bottom: 20px; } }
  .single-course #main section {
    background: white; }
  .single-course #main .rows {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between; }
  .single-course #main .columns {
    display: flex;
    flex-direction: row; }
  .single-course #main img.featured {
    margin: 0 auto 120px;
    width: 100%;
    height: auto; }
    @media screen and (max-width: 1440px) {
      .single-course #main img.featured {
        margin-bottom: 60px; } }
    @media screen and (max-width: 820px) {
      .single-course #main img.featured {
        margin-bottom: 40px; } }
  .single-course #main .hole-stats {
    position: relative;
    width: 480px;
    padding: 0; }
    @media screen and (max-width: 1600px) {
      .single-course #main .hole-stats {
        width: calc(37.5% - 60px); } }
    @media screen and (max-width: 1440px) {
      .single-course #main .hole-stats {
        grid-column-gap: 10px; } }
    @media screen and (max-width: 1200px) {
      .single-course #main .hole-stats {
        width: calc(40% - 40px); } }
    @media screen and (max-width: 1024px) {
      .single-course #main .hole-stats {
        width: calc(50% - 40px); } }
    @media screen and (max-width: 820px) {
      .single-course #main .hole-stats {
        width: 100%; } }
  .single-course #main .course-content {
    width: 62.5%;
    font-size: 20px;
    line-height: 30px;
    font-weight: 300; }
    @media screen and (max-width: 1200px) {
      .single-course #main .course-content {
        width: 60%; } }
    @media screen and (max-width: 1024px) {
      .single-course #main .course-content {
        width: 50%; } }
    @media screen and (max-width: 820px) {
      .single-course #main .course-content {
        width: 100%; } }

.single-course .hole-stats {
  background: white !important;
  width: 600px;
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 30px 40px;
  background: transparent; }
  .single-course .hole-stats .hole-data {
    display: grid;
    grid-template-columns: fit-content(25%);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 50px 1fr 1fr 1fr 1fr;
    padding: 5px 0;
    font-size: 22px;
    font-weight: 500; }
    .single-course .hole-stats .hole-data .icon {
      grid-column: 1;
      display: flex;
      align-items: center;
      width: 80px;
      z-index: 1; }
      .single-course .hole-stats .hole-data .icon:after {
        content: "";
        background: #cbef6c;
        border: 1px solid #1e3432;
        width: 20px;
        height: 20px;
        border-radius: 20px;
        z-index: 0; }
    .single-course .hole-stats .hole-data .tee {
      grid-column: 2;
      display: none;
      align-items: center;
      display: none; }
    .single-course .hole-stats .hole-data .length {
      grid-column: 2; }
    .single-course .hole-stats .hole-data .par {
      grid-column: 3; }
    .single-course .hole-stats .hole-data .index {
      grid-column: 4; }
    .single-course .hole-stats .hole-data#red .icon:after {
      background: #CB4242; }
    .single-course .hole-stats .hole-data#blue .icon:after {
      background: #4286CB; }
    .single-course .hole-stats .hole-data#white .icon:after {
      background: white; }
    .single-course .hole-stats .hole-data#green .icon:after {
      background: #0EA820; }

.single-course .course-info .hole-stats .hole-data {
  font-size: 18px;
  font-weight: 600;
  text-align: left; }
  @media screen and (max-width: 1440px) {
    .single-course .course-info .hole-stats .hole-data {
      grid-column-gap: 0px; } }
  .single-course .course-info .hole-stats .hole-data .icon {
    position: relative;
    width: 50px; }
    @media screen and (max-width: 1600px) {
      .single-course .course-info .hole-stats .hole-data .icon {
        width: 30px; } }
    .single-course .course-info .hole-stats .hole-data .icon i {
      position: relative;
      font-size: 20px;
      z-index: 2; }
    .single-course .course-info .hole-stats .hole-data .icon:after {
      z-index: 1;
      position: absolute;
      width: 13px;
      height: 12px;
      border-radius: 13PX;
      top: 5px;
      left: 1px; }
  .single-course .course-info .hole-stats .hole-data .tee {
    grid-column: 2;
    display: none;
    text-indent: none;
    align-items: left;
    display: block; }
  .single-course .course-info .hole-stats .hole-data .length {
    grid-column: 3; }
  .single-course .course-info .hole-stats .hole-data .par {
    grid-column: 4; }
  .single-course .course-info .hole-stats .hole-data .index {
    grid-column: 5; }

.single-course .gallery-section {
  background: #f0f0f0 !important;
  text-align: center; }
  .single-course .gallery-section .gallery {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    width: 100%; }
    .single-course .gallery-section .gallery br {
      display: none; }
    .single-course .gallery-section .gallery .gallery-item,
    .single-course .gallery-section .gallery .gallery-icon,
    .single-course .gallery-section .gallery .gallery-icon > a,
    .single-course .gallery-section .gallery .gallery-icon > a > img {
      display: block;
      height: 100% !important;
      margin: 0 auto !important;
      padding: 0 !important; }
    .single-course .gallery-section .gallery .gallery-item {
      float: none !important;
      width: auto !important; }
      .single-course .gallery-section .gallery .gallery-item img {
        width: 100%;
        object-fit: cover;
        border: 0 !important;
        opacity: 1;
        transition: all 0.3s ease; }
      .single-course .gallery-section .gallery .gallery-item:hover img {
        opacity: 0.8;
        transition: all 0.3s ease; }
    .single-course .gallery-section .gallery.gallery-columns-3 {
      grid-template-columns: repeat(3, 1fr);
      grid-auto-flow: dense;
      grid-auto-rows: 1fr; }
    .single-course .gallery-section .gallery.gallery-columns-5 {
      grid-template-columns: repeat(3, 1fr);
      grid-auto-flow: dense; }
      .single-course .gallery-section .gallery.gallery-columns-5 .gallery-item {
        display: grid;
        justify-items: center;
        align-items: center; }
        .single-course .gallery-section .gallery.gallery-columns-5 .gallery-item:nth-of-type(7n+1) {
          grid-row: span 2; }
    .single-course .gallery-section .gallery.gallery-columns-6 {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 30px;
      width: 100%;
      grid-auto-flow: dense; }
      .single-course .gallery-section .gallery.gallery-columns-6 .gallery-item {
        display: grid;
        justify-items: center;
        align-items: center; }
        .single-course .gallery-section .gallery.gallery-columns-6 .gallery-item:nth-of-type(7n+1), .single-course .gallery-section .gallery.gallery-columns-6 .gallery-item:nth-of-type(8n+5) {
          grid-row: span 2; }
      @media screen and (max-width: 640px) {
        .single-course .gallery-section .gallery.gallery-columns-6 {
          grid-template-columns: repeat(2, 1fr); } }
    .single-course .gallery-section .gallery.gallery-columns-7 {
      grid-template-columns: repeat(4, 1fr);
      grid-auto-flow: dense;
      grid-auto-rows: 1fr; }
      .single-course .gallery-section .gallery.gallery-columns-7 .gallery-item {
        display: grid;
        justify-items: center;
        align-items: center; }
        .single-course .gallery-section .gallery.gallery-columns-7 .gallery-item:nth-child(7), .single-course .gallery-section .gallery.gallery-columns-7 .gallery-item:nth-child(1) {
          grid-row: span 2; }
    .single-course .gallery-section .gallery.gallery-size-large {
      grid-auto-rows: 1fr; }
    @media screen and (max-width: 1200px) {
      .single-course .gallery-section .gallery {
        gap: 20px !important; } }
    @media screen and (max-width: 640px) {
      .single-course .gallery-section .gallery {
        grid-template-columns: repeat(2, 1fr) !important; } }
  .single-course .gallery-section .course-gallery .gallery {
    background: transparent; }
    .single-course .gallery-section .course-gallery .gallery:not(:last-of-type) {
      margin-bottom: 30px !important; }

.single-course .content-slider {
  padding: 0;
  margin: 0 auto;
  background: #1e3432; }
  .single-course .content-slider .container {
    width: 100%;
    max-width: 100%;
    margin: 0 auto; }
    @media screen and (max-width: 1600px) {
      .single-course .content-slider .container {
        max-width: 100%;
        padding-left: 0;
        padding-right: 0; } }
    .single-course .content-slider .container .carousel {
      padding: 0;
      width: 100%; }
      .single-course .content-slider .container .carousel .course-slider .slick-prev, .single-course .content-slider .container .carousel .course-slider .slick-next {
        width: 30px;
        height: 30px; }
        .single-course .content-slider .container .carousel .course-slider .slick-prev::before, .single-course .content-slider .container .carousel .course-slider .slick-next::before {
          font-size: 30px; }
      .single-course .content-slider .container .carousel .course-slider .hole {
        position: relative;
        background: #1e3432;
        transition: all 0.3s ease; }
        .single-course .content-slider .container .carousel .course-slider .hole .gradient {
          background: rgba(46, 88, 84, 0.9);
          background: linear-gradient(0deg, rgba(46, 88, 84, 0.9) 0%, rgba(255, 255, 255, 0) 100%);
          z-index: 1 !important;
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          opacity: 1;
          transition: all 0.3s ease; }
        .single-course .content-slider .container .carousel .course-slider .hole img {
          z-index: 0;
          position: relative;
          width: 100%;
          height: 100%;
          object-fit: cover;
          transition: all 0.3s ease; }
        .single-course .content-slider .container .carousel .course-slider .hole .post-content {
          z-index: 1;
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 100%;
          color: white;
          text-decoration: none;
          display: flex;
          align-items: flex-end; }
          .single-course .content-slider .container .carousel .course-slider .hole .post-content .post-meta {
            opacity: 1;
            display: flex;
            padding: 0 0 80px 60px;
            transition: all 0.3s ease; }
            .single-course .content-slider .container .carousel .course-slider .hole .post-content .post-meta .hole-heading {
              font-size: 36px;
              font-weight: 600;
              margin-bottom: 0 !important; }
              .single-course .content-slider .container .carousel .course-slider .hole .post-content .post-meta .hole-heading .hole-number {
                display: block;
                padding-top: 10px;
                font-size: 100px;
                font-weight: 600;
                color: #cbef6c; }

/* Simple Template */
.course-template-single-course-simple #banner {
  width: 100%;
  height: 650px; }
  .course-template-single-course-simple #banner .overlay {
    width: 100%;
    height: 100%;
    background: rgba(30, 52, 50, 0.3); }
    .course-template-single-course-simple #banner .overlay .container {
      width: 100%;
      height: 100%;
      align-content: flex-end; }
  .course-template-single-course-simple #banner h1 {
    line-height: 1em;
    letter-spacing: 1px;
    font-weight: 400;
    font-size: clamp(48px, calc((90 - 48) * (max(100vw, 600px) - 600px) / (1440 - 600) + 48px), 90px);
    margin-bottom: 1.25em; }
    @media screen and (max-width: 820px) {
      .course-template-single-course-simple #banner h1 {
        line-height: 1em; } }
    @media screen and (max-width: 640px) {
      .course-template-single-course-simple #banner h1 {
        margin-bottom: 1em; } }

.course-template-single-course-simple #main .course-info::before {
  height: 120px;
  width: 30px;
  background: #cbef6c;
  content: "";
  position: absolute;
  display: block; }

.course-template-single-course-simple #main .course-info h2 {
  margin-bottom: 30px; }

.course-template-single-course-simple #main .course-info .course-content {
  width: 100%;
  padding: 0 80px 0 0; }
  @media screen and (max-width: 1440px) {
    .course-template-single-course-simple #main .course-info .course-content {
      padding-right: 60px; } }
  @media screen and (max-width: 1024px) {
    .course-template-single-course-simple #main .course-info .course-content {
      width: 100%;
      padding: 0; } }

.course-template-single-course-simple #main .course-info .hole-stats {
  background: #f0f0f0 !important;
  padding: 20px 30px;
  margin-top: 40px;
  width: calc(100% - 80px); }
  @media screen and (max-width: 1440px) {
    .course-template-single-course-simple #main .course-info .hole-stats {
      width: calc(100% - 60px); } }
  @media screen and (max-width: 1024px) {
    .course-template-single-course-simple #main .course-info .hole-stats {
      width: 100%;
      padding: 10px; } }
  @media screen and (max-width: 820px) {
    .course-template-single-course-simple #main .course-info .hole-stats {
      padding: 30px 40px; } }
  .course-template-single-course-simple #main .course-info .hole-stats h2 {
    display: none; }

.course-template-single-course-simple #main .course-info .flyover-video {
  padding: 0;
  position: relative; }

.course-template-single-course-simple #main .course-info .flyover-video-link {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center; }
  .course-template-single-course-simple #main .course-info .flyover-video-link a {
    text-decoration: none;
    background-color: rgba(203, 239, 108, 0.8);
    border-radius: 150px;
    width: 150px;
    height: 150px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease; }
    .course-template-single-course-simple #main .course-info .flyover-video-link a:hover {
      background-color: rgba(203, 239, 108, 0.4);
      transition: all 0.3s ease; }
      .course-template-single-course-simple #main .course-info .flyover-video-link a:hover i {
        text-shadow: 0px 0px 9px white;
        transition: all 0.3s ease; }
    .course-template-single-course-simple #main .course-info .flyover-video-link a i {
      color: white;
      font-size: 50px;
      text-decoration: none;
      text-shadow: 0px 0px 0px white;
      transition: all 0.3s ease; }

.course-template-single-course-simple #main .course-info .birdseye {
  position: relative; }
  @media screen and (max-width: 1024px) {
    .course-template-single-course-simple #main .course-info .birdseye {
      width: 90%;
      margin-left: 10%; } }
  @media screen and (max-width: 820px) {
    .course-template-single-course-simple #main .course-info .birdseye {
      width: 100%;
      margin: 0 auto; } }
  .course-template-single-course-simple #main .course-info .birdseye img {
    width: 100%;
    height: auto;
    display: block; }
  .course-template-single-course-simple #main .course-info .birdseye.featured {
    position: relative; }
    .course-template-single-course-simple #main .course-info .birdseye.featured img {
      width: 100%;
      height: auto;
      margin: 0 auto;
      display: block; }
      .course-template-single-course-simple #main .course-info .birdseye.featured img::after {
        height: 120px;
        width: 30px;
        background: #cbef6c;
        content: "";
        position: absolute;
        display: block;
        right: 0;
        bottom: 0; }

.course-template-single-course-simple #main .content-slider {
  background-color: transparent; }
  .course-template-single-course-simple #main .content-slider .container {
    background: rgba(30, 52, 50, 0.9); }
    @media screen and (max-width: 1600px) {
      .course-template-single-course-simple #main .content-slider .container {
        padding-right: 0; } }
    @media screen and (max-width: 1440px) {
      .course-template-single-course-simple #main .content-slider .container {
        padding-left: 60px;
        padding-right: 40px; } }
    .course-template-single-course-simple #main .content-slider .container h3, .course-template-single-course-simple #main .content-slider .container h4 {
      color: white;
      margin-bottom: 30px; }
    .course-template-single-course-simple #main .content-slider .container .carousel {
      margin-left: 233px;
      padding: 0;
      width: 100%; }
      @media screen and (max-width: 1600px) {
        .course-template-single-course-simple #main .content-slider .container .carousel {
          margin-left: 0; } }
      .course-template-single-course-simple #main .content-slider .container .carousel .course-slider .slick-list .slick-track .slick-slide .slide .hole {
        height: 570px; }
        @media screen and (max-width: 1440px) {
          .course-template-single-course-simple #main .content-slider .container .carousel .course-slider .slick-list .slick-track .slick-slide .slide .hole {
            height: 420px; } }
        .course-template-single-course-simple #main .content-slider .container .carousel .course-slider .slick-list .slick-track .slick-slide .slide .hole .post-meta {
          opacity: 0.4;
          transition: all 0.3s ease; }
        .course-template-single-course-simple #main .content-slider .container .carousel .course-slider .slick-list .slick-track .slick-slide .slide .hole .post-content {
          background-color: rgba(30, 52, 50, 0.25); }
      .course-template-single-course-simple #main .content-slider .container .carousel .course-slider .slick-list .slick-track .slick-slide .slide:hover .hole .gradient {
        opacity: 0.5;
        transition: all 0.3s ease; }
      .course-template-single-course-simple #main .content-slider .container .carousel .course-slider .slick-list .slick-track .slick-slide .slide:hover .hole .post-meta {
        opacity: 0.9; }
      .course-template-single-course-simple #main .content-slider .container .carousel .course-slider .slick-list .slick-track .slick-current .slide .hole {
        opacity: 1;
        transition: all 0.3s ease; }
        .course-template-single-course-simple #main .content-slider .container .carousel .course-slider .slick-list .slick-track .slick-current .slide .hole .gradient {
          z-index: 1;
          opacity: 0.25;
          transition: all 0.3s ease; }
        .course-template-single-course-simple #main .content-slider .container .carousel .course-slider .slick-list .slick-track .slick-current .slide .hole .post-meta {
          opacity: 1;
          transition: all 0.3s ease; }
          .course-template-single-course-simple #main .content-slider .container .carousel .course-slider .slick-list .slick-track .slick-current .slide .hole .post-meta .hole-number {
            color: #cbef6c; }
      .course-template-single-course-simple #main .content-slider .container .carousel .course-slider .slick-prev {
        left: -50px; }
      .course-template-single-course-simple #main .content-slider .container .carousel .course-slider .slick-next {
        right: 270px; }
        @media screen and (max-width: 1600px) {
          .course-template-single-course-simple #main .content-slider .container .carousel .course-slider .slick-next {
            right: 0; } }
        @media screen and (max-width: 1440px) {
          .course-template-single-course-simple #main .content-slider .container .carousel .course-slider .slick-next {
            right: -30px; } }

/* Extended Template */
.course-template-single-course-extended #banner {
  width: 100%;
  height: 100vh; }
  .course-template-single-course-extended #banner.parallax {
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    overflow: hidden; }
  .course-template-single-course-extended #banner .overlay {
    width: 100%;
    height: 100%;
    background: rgba(30, 52, 50, 0.3); }
    @media screen and (max-width: 820px) {
      .course-template-single-course-extended #banner .overlay {
        justify-content: flex-start; } }
    .course-template-single-course-extended #banner .overlay .container {
      display: flex;
      flex-direction: column;
      justify-content: center; }
      @media screen and (max-width: 820px) {
        .course-template-single-course-extended #banner .overlay .container {
          align-content: start; } }
      .course-template-single-course-extended #banner .overlay .container h1 {
        margin-top: 0;
        margin-bottom: 30px; }
    .course-template-single-course-extended #banner .overlay .banner-heading {
      font-size: 22px;
      color: white;
      position: relative;
      padding: 0 0 0 180px; }
      @media screen and (max-width: 820px) {
        .course-template-single-course-extended #banner .overlay .banner-heading {
          padding: 40px 0 10px; } }
      .course-template-single-course-extended #banner .overlay .banner-heading:before {
        content: "";
        width: 120px;
        height: 3px;
        border: 1px solid white;
        background: white;
        position: absolute;
        top: 10px;
        left: 0; }
      .course-template-single-course-extended #banner .overlay .banner-heading p {
        font-size: 22px;
        margin: 0 0 40px;
        letter-spacing: 1px;
        line-height: 34px; }
        @media screen and (max-width: 820px) {
          .course-template-single-course-extended #banner .overlay .banner-heading p {
            font-size: 18px;
            line-height: 28px;
            margin: 0 0 20px; } }
      .course-template-single-course-extended #banner .overlay .banner-heading a {
        border: 1px solid #1e3432;
        background: #1e3432;
        color: white;
        position: relative;
        display: inline-block;
        overflow: hidden;
        margin: 0;
        border-radius: 5px;
        padding: 15px 25px;
        font-size: 16px;
        line-height: 16px;
        letter-spacing: 1px;
        font-weight: 400;
        text-decoration: none !important;
        z-index: 1;
        transition: 0.5s ease-in-out;
        color: #cbef6c;
        border: 1px solid white;
        background: transparent;
        color: white; }
        .course-template-single-course-extended #banner .overlay .banner-heading a:after, .course-template-single-course-extended #banner .overlay .banner-heading a:before {
          transition: 0.5s ease-in-out; }
        .course-template-single-course-extended #banner .overlay .banner-heading a:hover {
          color: #1e3432; }
        .course-template-single-course-extended #banner .overlay .banner-heading a:before {
          content: '';
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: -1px;
          background-color: #cbef6c;
          transform: translateX(-100%);
          z-index: -1; }
        .course-template-single-course-extended #banner .overlay .banner-heading a:hover:before {
          transform: translateX(0); }
        .course-template-single-course-extended #banner .overlay .banner-heading a .fa-brands, .course-template-single-course-extended #banner .overlay .banner-heading a .fab {
          margin-right: 9px; }
        .course-template-single-course-extended #banner .overlay .banner-heading a:hover {
          border: 1px solid #cbef6c; }
        .course-template-single-course-extended #banner .overlay .banner-heading a i {
          font-size: 14px;
          padding-right: 5px; }
    .course-template-single-course-extended #banner .overlay .flyover-video {
      width: 400px;
      height: 400px;
      border-radius: 400px;
      position: absolute;
      right: 120px;
      top: 240px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      opacity: 0;
      transform: translateY(-50px);
      /* Slight move up */
      /* Scaling class */ }
      @media screen and (max-width: 820px) {
        .course-template-single-course-extended #banner .overlay .flyover-video {
          transform: scale(0.75);
          top: 0;
          right: 0;
          width: 250px; } }
      .course-template-single-course-extended #banner .overlay .flyover-video p {
        color: white;
        margin: 0 auto;
        text-transform: uppercase;
        font-size: 18px;
        font-weight: 500;
        position: absolute;
        letter-spacing: 1px; }
        .course-template-single-course-extended #banner .overlay .flyover-video p:first-of-type {
          top: 80px; }
        .course-template-single-course-extended #banner .overlay .flyover-video p:last-of-type {
          bottom: 80px; }
      .course-template-single-course-extended #banner .overlay .flyover-video a {
        width: 300px;
        height: 300px;
        border-radius: 300px;
        color: white;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-decoration: none;
        z-index: 2; }
        @media screen and (max-width: 820px) {
          .course-template-single-course-extended #banner .overlay .flyover-video a {
            width: 200px;
            height: 200px;
            border-radius: 200px; } }
        .course-template-single-course-extended #banner .overlay .flyover-video a i {
          font-size: 60px;
          background: rgba(203, 239, 108, 0.5);
          width: 150px;
          height: 150px;
          border-radius: 150px;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center; }
      .course-template-single-course-extended #banner .overlay .flyover-video .ring {
        border: 1px solid white;
        border-radius: 50%;
        position: absolute;
        opacity: 0.5;
        transition: transform 1.5s ease-in-out;
        z-index: 0; }
        @media screen and (max-width: 820px) {
          .course-template-single-course-extended #banner .overlay .flyover-video .ring {
            display: none; } }
        .course-template-single-course-extended #banner .overlay .flyover-video .ring.sm {
          width: 300px;
          height: 300px; }
        .course-template-single-course-extended #banner .overlay .flyover-video .ring.lg {
          width: 450px;
          height: 450px; }
      .course-template-single-course-extended #banner .overlay .flyover-video .scale-up {
        transform: scale(2); }
  .course-template-single-course-extended #banner .hole-stats {
    padding-bottom: 30px;
    opacity: 0;
    transform: translateY(100px);
    /* Slight move up */ }
    @media screen and (max-width: 820px) {
      .course-template-single-course-extended #banner .hole-stats {
        display: none; } }

.course-template-single-course-extended.logged-in-editor #banner {
  height: calc(100vh - 39px); }
  .course-template-single-course-extended.logged-in-editor #banner .hole-stats {
    padding-bottom: 30px; }

.course-template-single-course-extended.logged-in-editor .hole-stats {
  padding-bottom: 60px; }

@media screen and (max-width: 820px) {
  .course-template-single-course-extended #main .course-info .course-content {
    margin-top: 40px; } }

.course-template-single-course-extended #main .content-slider {
  background: #1e3432 !important; }
  .course-template-single-course-extended #main .content-slider .container {
    padding-bottom: 0; }
    .course-template-single-course-extended #main .content-slider .container .carousel {
      width: 100%;
      padding: 0; }
      .course-template-single-course-extended #main .content-slider .container .carousel .course-slider .slick-list .slick-track .slick-slide .slide .hole {
        height: 570px;
        opacity: 0.95; }
        @media screen and (max-width: 1200px) {
          .course-template-single-course-extended #main .content-slider .container .carousel .course-slider .slick-list .slick-track .slick-slide .slide .hole {
            height: 480px; } }
        @media screen and (max-width: 820px) {
          .course-template-single-course-extended #main .content-slider .container .carousel .course-slider .slick-list .slick-track .slick-slide .slide .hole {
            height: 360px; } }
        @media screen and (max-width: 640px) {
          .course-template-single-course-extended #main .content-slider .container .carousel .course-slider .slick-list .slick-track .slick-slide .slide .hole {
            height: 360px; } }
        .course-template-single-course-extended #main .content-slider .container .carousel .course-slider .slick-list .slick-track .slick-slide .slide .hole img {
          filter: grayscale(70%);
          opacity: 0.9; }
        .course-template-single-course-extended #main .content-slider .container .carousel .course-slider .slick-list .slick-track .slick-slide .slide .hole .post-meta {
          opacity: 0.4;
          transition: all 0.3s ease; }
        .course-template-single-course-extended #main .content-slider .container .carousel .course-slider .slick-list .slick-track .slick-slide .slide .hole .post-content {
          background-color: rgba(30, 52, 50, 0.25); }
      .course-template-single-course-extended #main .content-slider .container .carousel .course-slider .slick-list .slick-track .slick-current .slide .hole {
        opacity: 1;
        transition: all 0.3s ease; }
        .course-template-single-course-extended #main .content-slider .container .carousel .course-slider .slick-list .slick-track .slick-current .slide .hole img {
          filter: grayscale(5%);
          opacity: 1; }
        .course-template-single-course-extended #main .content-slider .container .carousel .course-slider .slick-list .slick-track .slick-current .slide .hole .gradient {
          z-index: 1;
          opacity: 0.25;
          transition: all 0.3s ease; }
        .course-template-single-course-extended #main .content-slider .container .carousel .course-slider .slick-list .slick-track .slick-current .slide .hole .post-meta {
          opacity: 1;
          transition: all 0.3s ease; }
          .course-template-single-course-extended #main .content-slider .container .carousel .course-slider .slick-list .slick-track .slick-current .slide .hole .post-meta .hole-number {
            color: #cbef6c; }

/* Scss Document */
/* Product Overrides and styles */
body.product-page {
  margin: 0;
  padding: 0;
  font-size: 18px;
  line-height: 28px;
  font-family: "effra-cc", sans-serif !important;
  color: #1e3432;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: none; }
  @media screen and (max-width: 1024px) {
    body.product-page {
      font-size: 16px;
      line-height: 24px; } }
  body.product-page #header {
    opacity: 1;
    transform: translateY(0);
    background: #1e3432 !important; }
  body.product-page #banner {
    height: 400px;
    /* for now */
    display: none; }
    body.product-page #banner .overlay .container h1 {
      font-size: 36px;
      line-height: 44px; }
  body.product-page #main {
    background: #f0f0f0;
    padding-top: 120px;
    /* Product Page start */ }
    @media screen and (max-width: 820px) {
      body.product-page #main {
        padding-top: 60px; } }
    body.product-page #main .full-width {
      padding-top: 0; }
    body.product-page #main section.product {
      opacity: 1;
      transform: none; }
      body.product-page #main section.product .container {
        width: 100%;
        max-width: 1440px;
        margin: 0 auto;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin: 0 auto;
        max-width: 1440px;
        padding-top: 60px;
        /* Common */
        /* Bookings Navigation */
        /* Bookings Event List */
        /* Event List */
        /* Waitlist */
        /* Members Directory */ }
        @media screen and (max-width: 1600px) {
          body.product-page #main section.product .container {
            max-width: 100%;
            padding-left: 120px;
            padding-right: 120px; } }
        @media screen and (max-width: 1440px) {
          body.product-page #main section.product .container {
            padding-left: 60px;
            padding-right: 60px; } }
        @media screen and (max-width: 820px) {
          body.product-page #main section.product .container {
            padding-left: 30px;
            padding-right: 30px; } }
        @media screen and (max-width: 1200px) {
          body.product-page #main section.product .container {
            max-width: 100%; } }
        @media screen and (max-width: 820px) {
          body.product-page #main section.product .container {
            padding: 60px 30px; } }
        body.product-page #main section.product .container .btn {
          border: 1px solid #1e3432;
          background: #1e3432;
          color: white;
          position: relative;
          display: inline-block;
          overflow: hidden;
          margin: 0;
          border-radius: 5px;
          padding: 15px 25px;
          font-size: 16px;
          line-height: 16px;
          letter-spacing: 1px;
          font-weight: 400;
          text-decoration: none !important;
          z-index: 1;
          transition: 0.5s ease-in-out;
          font-family: "effra-cc", sans-serif !important;
          padding: 10px 15px !important;
          font-size: 15px;
          text-transform: uppercase;
          font-weight: 600;
          letter-spacing: 0.25px;
          margin-left: 10px;
          margin-top: 5px;
          background-color: #cad8ce;
          color: #1e3432;
          border: 1px solid #1e3432 !important; }
          body.product-page #main section.product .container .btn:after, body.product-page #main section.product .container .btn:before {
            transition: 0.5s ease-in-out; }
          body.product-page #main section.product .container .btn:hover {
            color: #1e3432; }
          body.product-page #main section.product .container .btn:before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: -1px;
            background-color: #cbef6c;
            transform: translateX(-100%);
            z-index: -1; }
          body.product-page #main section.product .container .btn:hover:before {
            transform: translateX(0); }
          body.product-page #main section.product .container .btn .fa-brands, body.product-page #main section.product .container .btn .fab {
            margin-right: 9px; }
          body.product-page #main section.product .container .btn:hover {
            color: #1e3432; }
          body.product-page #main section.product .container .btn.btn-primary {
            background-color: #1e3432 !important; }
            body.product-page #main section.product .container .btn.btn-primary:hover {
              background-color: #cbef6c !important;
              color: #1e3432 !important; }
          body.product-page #main section.product .container .btn .btn-label {
            font-family: "effra-cc", sans-serif; }
          body.product-page #main section.product .container .btn .glyphicons-reg {
            font-size: 14px;
            font-weight: 400;
            position: relative;
            top: 2px; }
        body.product-page #main section.product .container .nav-title h2 {
          font-size: 40px;
          line-height: 54px;
          margin: 0 0 30px;
          font-weight: 400;
          letter-spacing: 1px;
          font-family: quincy-cf, serif;
          font-size: 32px;
          line-height: 40px;
          font-family: "effra-cc", sans-serif;
          font-size: 1.5vw;
          letter-spacing: 0.5px;
          font-weight: 600; }
          @media screen and (max-width: 1024px) {
            body.product-page #main section.product .container .nav-title h2 {
              font-size: 32px;
              line-height: 40px; } }
        body.product-page #main section.product .container .title h3 {
          font-size: 40px;
          line-height: 54px;
          margin: 0 0 30px;
          font-weight: 400;
          letter-spacing: 1px;
          font-family: quincy-cf, serif;
          font-size: 32px;
          line-height: 40px;
          font-family: "effra-cc", sans-serif;
          font-size: 1.5vw;
          letter-spacing: 0.5px;
          font-weight: 600;
          margin-bottom: 0 !important; }
          @media screen and (max-width: 1024px) {
            body.product-page #main section.product .container .title h3 {
              font-size: 32px;
              line-height: 40px; } }
          body.product-page #main section.product .container .title h3 .eventHeader {
            font-family: "effra-cc", sans-serif !important;
            font-weight: 600;
            font-size: 32px !important; }
            @media screen and (max-width: 820px) {
              body.product-page #main section.product .container .title h3 .eventHeader {
                font-size: 24px !important; } }
        body.product-page #main section.product .container .title #systemTimeId {
          font-family: "effra-cc", sans-serif !important; }
        body.product-page #main section.product .container .event-nav * {
          font-family: "effra-cc", sans-serif;
          font-size: 14px;
          line-height: 18px;
          text-transform: uppercase;
          font-weight: 500;
          letter-spacing: 1px;
          text-decoration: none; }
          @media screen and (max-width: 820px) {
            body.product-page #main section.product .container .event-nav * {
              font-size: 12px;
              line-height: 16px; } }
          body.product-page #main section.product .container .event-nav * a, body.product-page #main section.product .container .event-nav * button, body.product-page #main section.product .container .event-nav * input, body.product-page #main section.product .container .event-nav * .ui-button.ui-widget {
            background-color: #1e3432;
            border: 1px solid #1e3432;
            color: white;
            border-radius: 5px;
            padding: 10px 15px;
            z-index: 1;
            transition: all 0.3s ease;
            opacity: 1; }
            @media screen and (max-width: 820px) {
              body.product-page #main section.product .container .event-nav * a.ui-state-hover, body.product-page #main section.product .container .event-nav * button.ui-state-hover, body.product-page #main section.product .container .event-nav * input.ui-state-hover, body.product-page #main section.product .container .event-nav * .ui-button.ui-widget.ui-state-hover {
                padding: 5px 10px !important; } }
            @media screen and (max-width: 820px) {
              body.product-page #main section.product .container .event-nav * a, body.product-page #main section.product .container .event-nav * button, body.product-page #main section.product .container .event-nav * input, body.product-page #main section.product .container .event-nav * .ui-button.ui-widget {
                padding: 5px 10px; } }
            body.product-page #main section.product .container .event-nav * a:hover, body.product-page #main section.product .container .event-nav * button:hover, body.product-page #main section.product .container .event-nav * input:hover, body.product-page #main section.product .container .event-nav * .ui-button.ui-widget:hover {
              transition: all 0.3s ease;
              opacity: 0.8; }
        body.product-page #main section.product .container .event-nav .buttons-container .event-editdays a {
          padding: 8px 15px; }
        body.product-page #main section.product .container .event-nav .bookOther {
          margin: 6px 0 0; }
          body.product-page #main section.product .container .event-nav .bookOther button.ui-widget.ui-button-text-icon-left {
            padding-left: 30px; }
          body.product-page #main section.product .container .event-nav .bookOther button.ui-widget.ui-button-text-icon-left.ui-state-hover {
            padding: 10px 15px !important;
            padding-left: 30px !important; }
          body.product-page #main section.product .container .event-nav .bookOther button.ui-widget .ui-button-text.ui-c {
            padding: 0; }
        body.product-page #main section.product .container .event-nav .ui-overlaypanel-content div#eventListForm\:j_idt33_content .ui-g .ui-commandlink.ui-widget {
          background: transparent;
          text-decoration: underline;
          padding: 0;
          color: #1e3432;
          border: 0; }
        body.product-page #main section.product .container .event-nav .ui-overlaypanel-content div#eventListForm\:j_idt33_content .ui-datagrid-column.ui-g-12.ui-md-4 {
          width: auto !important; }
        body.product-page #main section.product .container .ui-tabs.ui-tabs-top .ui-tabs-nav li a {
          font-family: "effra-cc", sans-serif !important; }
        body.product-page #main section.product .container ui.tabs * {
          font-family: "effra-cc", sans-serif !important; }
        body.product-page #main section.product .container .ui-tabs-nav .li * {
          font-family: "effra-cc", sans-serif !important; }
        body.product-page #main section.product .container .ui-tabs-nav .li a {
          font-family: "effra-cc", sans-serif; }
        body.product-page #main section.product .container .page-content.member-view {
          /* Timesheet header */
          /* Timesheet */ }
          body.product-page #main section.product .container .page-content.member-view #ts-header p,
          body.product-page #main section.product .container .page-content.member-view #ts-header span:not(.glyphicons-reg) {
            font-family: "effra-cc", sans-serif; }
          body.product-page #main section.product .container .page-content.member-view #ts-header .nav-top .nav-title .font-btns a {
            color: #1e3432;
            transition: all 0.3s ease; }
            body.product-page #main section.product .container .page-content.member-view #ts-header .nav-top .nav-title .font-btns a:hover {
              color: #2e5854;
              transition: all 0.3s ease;
              cursor: pointer; }
          body.product-page #main section.product .container .page-content.member-view #ts-header .nav-btm .ts-filters * {
            font-family: "effra-cc", sans-serif; }
          body.product-page #main section.product .container .page-content.member-view .main-content .teetime-day-table .row-wrapper .row .row-heading {
            background: #2e5854; }
            body.product-page #main section.product .container .page-content.member-view .main-content .teetime-day-table .row-wrapper .row .row-heading .row-heading-inner {
              /* Time */
              /* Tee Name */ }
              body.product-page #main section.product .container .page-content.member-view .main-content .teetime-day-table .row-wrapper .row .row-heading .row-heading-inner h3, body.product-page #main section.product .container .page-content.member-view .main-content .teetime-day-table .row-wrapper .row .row-heading .row-heading-inner h4 {
                font-family: "effra-cc", sans-serif; }
              body.product-page #main section.product .container .page-content.member-view .main-content .teetime-day-table .row-wrapper .row .row-heading .row-heading-inner h3 {
                font-weight: 400;
                font-size: 18px;
                line-height: normal;
                margin: 0; }
              body.product-page #main section.product .container .page-content.member-view .main-content .teetime-day-table .row-wrapper .row .row-heading .row-heading-inner h4 {
                font-weight: 600;
                font-size: 16px; }
              body.product-page #main section.product .container .page-content.member-view .main-content .teetime-day-table .row-wrapper .row .row-heading .row-heading-inner .btn.btn-book-group {
                font-family: "effra-cc", sans-serif;
                transition: all 0.3s ease; }
                body.product-page #main section.product .container .page-content.member-view .main-content .teetime-day-table .row-wrapper .row .row-heading .row-heading-inner .btn.btn-book-group:hover {
                  transition: all 0.3s ease;
                  color: #1e3432; }
              body.product-page #main section.product .container .page-content.member-view .main-content .teetime-day-table .row-wrapper .row .row-heading .row-heading-inner .row-information {
                font-family: "effra-cc", sans-serif; }
          body.product-page #main section.product .container .page-content.member-view .main-content .teetime-day-table .row-wrapper .row .records-wrapper .cell .btn.btn-book-group {
            font-family: "effra-cc", sans-serif;
            transition: all 0.3s ease; }
            body.product-page #main section.product .container .page-content.member-view .main-content .teetime-day-table .row-wrapper .row .records-wrapper .cell .btn.btn-book-group:hover {
              transition: all 0.3s ease;
              color: #1e3432; }
          body.product-page #main section.product .container .page-content.member-view .main-content .teetime-day-table .row-wrapper #evoTitleBt p {
            font-family: "effra-cc", sans-serif; }
        body.product-page #main section.product .container table.portal tbody tr th {
          background: #1e3432;
          color: white;
          font-size: 18px;
          text-align: center; }
        body.product-page #main section.product .container table.portal tbody tr td {
          border-bottom: 0;
          background: #e8e8e8; }
          body.product-page #main section.product .container table.portal tbody tr td div[align=right] {
            font-size: 18px;
            color: #1e3432; }
          body.product-page #main section.product .container table.portal tbody tr td div[align=center] table tr td {
            border-bottom: 0; }
          body.product-page #main section.product .container table.portal tbody tr td input[type=submit] {
            border: 1px solid #1e3432;
            background: #1e3432;
            color: white;
            position: relative;
            display: inline-block;
            overflow: hidden;
            margin: 0;
            border-radius: 5px;
            padding: 15px 25px;
            font-size: 16px;
            line-height: 16px;
            letter-spacing: 1px;
            font-weight: 400;
            text-decoration: none !important;
            z-index: 1;
            transition: 0.5s ease-in-out; }
            body.product-page #main section.product .container table.portal tbody tr td input[type=submit]:after, body.product-page #main section.product .container table.portal tbody tr td input[type=submit]:before {
              transition: 0.5s ease-in-out; }
            body.product-page #main section.product .container table.portal tbody tr td input[type=submit]:hover {
              color: #1e3432; }
            body.product-page #main section.product .container table.portal tbody tr td input[type=submit]:before {
              content: '';
              position: absolute;
              top: 0;
              right: 0;
              bottom: 0;
              left: -1px;
              background-color: #cbef6c;
              transform: translateX(-100%);
              z-index: -1; }
            body.product-page #main section.product .container table.portal tbody tr td input[type=submit]:hover:before {
              transform: translateX(0); }
            body.product-page #main section.product .container table.portal tbody tr td input[type=submit] .fa-brands, body.product-page #main section.product .container table.portal tbody tr td input[type=submit] .fab {
              margin-right: 9px; }
            body.product-page #main section.product .container table.portal tbody tr td input[type=submit]:hover {
              background: #cbef6c;
              color: #1e3432; }
          body.product-page #main section.product .container table.portal tbody tr td input[type=button] {
            border: 1px solid #f0f0f0;
            background: #f0f0f0;
            color: white;
            position: relative;
            display: inline-block;
            overflow: hidden;
            margin: 0;
            border-radius: 5px;
            padding: 15px 25px;
            font-size: 16px;
            line-height: 16px;
            letter-spacing: 1px;
            font-weight: 400;
            text-decoration: none !important;
            z-index: 1;
            transition: 0.5s ease-in-out;
            border: 1px solid #cccccc;
            color: #1e3432; }
            body.product-page #main section.product .container table.portal tbody tr td input[type=button]:after, body.product-page #main section.product .container table.portal tbody tr td input[type=button]:before {
              transition: 0.5s ease-in-out; }
            body.product-page #main section.product .container table.portal tbody tr td input[type=button]:hover {
              color: #f0f0f0; }
            body.product-page #main section.product .container table.portal tbody tr td input[type=button]:hover {
              background: white;
              color: #1e3432; }
        body.product-page #main section.product .container #eventListReact #npContainer {
          max-width: 100%; }
          body.product-page #main section.product .container #eventListReact #npContainer :not(.pi):not(.fa) {
            font-family: "effra-cc", sans-serif; }
          body.product-page #main section.product .container #eventListReact #npContainer #eventListBody .event-list {
            /* Timesheet bookings filter */
            /* Current Day */ }
            @media screen and (max-width: 820px) {
              body.product-page #main section.product .container #eventListReact #npContainer #eventListBody .event-list .sc-bcXHqe.cgTzMk {
                display: block;
                position: relative; } }
            @media screen and (max-width: 820px) {
              body.product-page #main section.product .container #eventListReact #npContainer #eventListBody .event-list .sc-bcXHqe.cgTzMk .sc-jSUZER.btAxHf {
                display: block; } }
            @media screen and (max-width: 820px) {
              body.product-page #main section.product .container #eventListReact #npContainer #eventListBody .event-list .sc-bcXHqe.cgTzMk .sc-jSUZER.btAxHf #event-list-datepicker-input {
                display: flex;
                justify-content: space-between;
                margin-bottom: 20px; } }
            @media screen and (max-width: 820px) {
              body.product-page #main section.product .container #eventListReact #npContainer #eventListBody .event-list .sc-bcXHqe.cgTzMk .sc-jSUZER.btAxHf #event-list-datepicker-input div {
                width: calc(100% - 50px); } }
            @media screen and (max-width: 820px) {
              body.product-page #main section.product .container #eventListReact #npContainer #eventListBody .event-list .sc-bcXHqe.cgTzMk .sc-jSUZER.btAxHf #event-list-datepicker-input span {
                width: 50px; } }
            @media screen and (max-width: 820px) {
              body.product-page #main section.product .container #eventListReact #npContainer #eventListBody .event-list .sc-bcXHqe.cgTzMk .sc-jSUZER.btAxHf #event-list-datepicker-input input {
                width: 100%; } }
            body.product-page #main section.product .container #eventListReact #npContainer #eventListBody .event-list .sc-bcXHqe.cgTzMk .sc-jSUZER.btAxHf #event-list-viewable-days #dropdown-basic {
              margin-top: 0 !important;
              border: 1px solid #333 !important;
              color: #333 !important;
              font-size: 1em;
              text-transform: none;
              letter-spacing: 0;
              font-weight: 400; }
            @media screen and (max-width: 820px) {
              body.product-page #main section.product .container #eventListReact #npContainer #eventListBody .event-list .sc-bcXHqe.cgTzMk .sc-jSUZER.btAxHf #event-list-viewable-days {
                margin: 0 !important; } }
            @media screen and (max-width: 820px) {
              body.product-page #main section.product .container #eventListReact #npContainer #eventListBody .event-list .sc-bcXHqe.cgTzMk .sc-jSUZER.btAxHf #event-list-viewable-days button#dropdown-basic {
                width: 100%;
                margin: 0 auto 20px; } }
            @media screen and (max-width: 820px) {
              body.product-page #main section.product .container #eventListReact #npContainer #eventListBody .event-list .sc-bcXHqe.cgTzMk .sc-jSUZER.btAxHf #multiselectContainerReact .searchWrapper {
                width: 100%; } }
            @media screen and (max-width: 820px) {
              body.product-page #main section.product .container #eventListReact #npContainer #eventListBody .event-list .sc-bcXHqe.cgTzMk .sc-jSUZER.btAxHf div[style*="max-width: 400px"] {
                max-width: calc(100% - 80px) !important; } }
            @media screen and (max-width: 820px) {
              body.product-page #main section.product .container #eventListReact #npContainer #eventListBody .event-list .iPZVEV {
                position: absolute;
                right: 0;
                bottom: 0;
                width: 80px; } }
            body.product-page #main section.product .container #eventListReact #npContainer #eventListBody .event-list .full .eventStatusOpen,
            body.product-page #main section.product .container #eventListReact #npContainer #eventListBody .event-list .full a.eventStatusResults,
            body.product-page #main section.product .container #eventListReact #npContainer #eventListBody .event-list .full span.eventStatusBallot,
            body.product-page #main section.product .container #eventListReact #npContainer #eventListBody .event-list .full span.eventStatusClosed,
            body.product-page #main section.product .container #eventListReact #npContainer #eventListBody .event-list .full span.eventStatusFlight-Control,
            body.product-page #main section.product .container #eventListReact #npContainer #eventListBody .event-list .full span.eventStatusHidden,
            body.product-page #main section.product .container #eventListReact #npContainer #eventListBody .event-list .full span.eventStatusLocked,
            body.product-page #main section.product .container #eventListReact #npContainer #eventListBody .event-list .full span.eventStatusOpen {
              font-family: "effra-cc", sans-serif !important;
              font-weight: 700 !important; }
            body.product-page #main section.product .container #eventListReact #npContainer #eventListBody .event-list .full .left-content-container .event-date {
              font-family: "effra-cc", sans-serif !important; }
              body.product-page #main section.product .container #eventListReact #npContainer #eventListBody .event-list .full .left-content-container .event-date .event-day {
                font-family: "effra-cc", sans-serif !important;
                font-weight: 600; }
            body.product-page #main section.product .container #eventListReact #npContainer #eventListBody .event-list .full .event-details .event-title span.event-title {
              font-size: 1.25em !important;
              color: #1e3432; }
            body.product-page #main section.product .container #eventListReact #npContainer #eventListBody .event-list .full .right-content-container .fixture-icons a .miclub-icon {
              color: #2e5854; }
            body.product-page #main section.product .container #eventListReact #npContainer #eventListBody .event-list .cellIsToday {
              background: #2e5854;
              color: white;
              margin-left: 0;
              max-width: 90px; }
          body.product-page #main section.product .container #eventListReact #npContainer #event-list-datepicker-input input,
          body.product-page #main section.product .container #eventListReact #npContainer #multiselectContainerReact input {
            padding: 4px 10px; }
          body.product-page #main section.product .container #eventListReact #npContainer #pfBody {
            max-width: 100%;
            padding: 0;
            margin: 0 auto;
            background: transparent !important; }
            body.product-page #main section.product .container #eventListReact #npContainer #pfBody .event-list {
              /* styling changes -*/ }
              body.product-page #main section.product .container #eventListReact #npContainer #pfBody .event-list div:first-child() {
                background: #2e5854;
                color: white; }
              body.product-page #main section.product .container #eventListReact #npContainer #pfBody .event-list hr.sectionBreak {
                margin: 20px auto; }
              body.product-page #main section.product .container #eventListReact #npContainer #pfBody .event-list .optionListContainer .optionContainer li.option:hover {
                background: #2e5854;
                color: white; }
              body.product-page #main section.product .container #eventListReact #npContainer #pfBody .event-list .full * {
                font-family: "effra-cc", sans-serif; }
              body.product-page #main section.product .container #eventListReact #npContainer #pfBody .event-list .full span * {
                font-family: "effra-cc", sans-serif; }
              body.product-page #main section.product .container #eventListReact #npContainer #pfBody .event-list .full .eventStatusOpen,
              body.product-page #main section.product .container #eventListReact #npContainer #pfBody .event-list .full a.eventStatusResults,
              body.product-page #main section.product .container #eventListReact #npContainer #pfBody .event-list .full span.eventStatusBallot,
              body.product-page #main section.product .container #eventListReact #npContainer #pfBody .event-list .full span.eventStatusClosed,
              body.product-page #main section.product .container #eventListReact #npContainer #pfBody .event-list .full span.eventStatusFlight-Control,
              body.product-page #main section.product .container #eventListReact #npContainer #pfBody .event-list .full span.eventStatusHidden,
              body.product-page #main section.product .container #eventListReact #npContainer #pfBody .event-list .full span.eventStatusLocked,
              body.product-page #main section.product .container #eventListReact #npContainer #pfBody .event-list .full span.eventStatusOpen {
                font-family: "effra-cc", sans-serif !important;
                font-weight: 700; }
              body.product-page #main section.product .container #eventListReact #npContainer #pfBody .event-list .full .event-date .dateColumnClass .event-day {
                font-weight: 600;
                font-family: "effra-cc", sans-serif !important; }
              body.product-page #main section.product .container #eventListReact #npContainer #pfBody .event-list .full .event-date .dateColumnClass.cellIsToday {
                background: #cad8ce;
                color: #1e3432; }
              body.product-page #main section.product .container #eventListReact #npContainer #pfBody .event-list .full .eventStatusClass a.eventStatusOpen {
                font-family: "effra-cc", sans-serif; }
              body.product-page #main section.product .container #eventListReact #npContainer #pfBody .event-list .full .event-details .event-title span.event-title {
                font-size: 1.25em; }
              body.product-page #main section.product .container #eventListReact #npContainer #pfBody .event-list .sc-bcXHqe.kqeTuF:not(.fixture-icons) {
                background: #2e5854;
                padding: 20px 40px;
                border-radius: 30px;
                width: 100%;
                /* TeeNet image */ }
                @media screen and (max-width: 1200px) {
                  body.product-page #main section.product .container #eventListReact #npContainer #pfBody .event-list .sc-bcXHqe.kqeTuF:not(.fixture-icons) {
                    padding: 20px; } }
                body.product-page #main section.product .container #eventListReact #npContainer #pfBody .event-list .sc-bcXHqe.kqeTuF:not(.fixture-icons) .sc-gKPRtg.ioznrr {
                  width: calc(100% - 184px);
                  display: flex;
                  flex: auto;
                  justify-content: space-between; }
                  @media screen and (max-width: 1600px) {
                    body.product-page #main section.product .container #eventListReact #npContainer #pfBody .event-list .sc-bcXHqe.kqeTuF:not(.fixture-icons) .sc-gKPRtg.ioznrr {
                      width: calc(100% - 100px); } }
                  @media screen and (max-width: 1200px) {
                    body.product-page #main section.product .container #eventListReact #npContainer #pfBody .event-list .sc-bcXHqe.kqeTuF:not(.fixture-icons) .sc-gKPRtg.ioznrr {
                      width: calc(100% - 80px); } }
                  body.product-page #main section.product .container #eventListReact #npContainer #pfBody .event-list .sc-bcXHqe.kqeTuF:not(.fixture-icons) .sc-gKPRtg.ioznrr #event-list-datepicker-input,
                  body.product-page #main section.product .container #eventListReact #npContainer #pfBody .event-list .sc-bcXHqe.kqeTuF:not(.fixture-icons) .sc-gKPRtg.ioznrr #event-list-viewable-days,
                  body.product-page #main section.product .container #eventListReact #npContainer #pfBody .event-list .sc-bcXHqe.kqeTuF:not(.fixture-icons) .sc-gKPRtg.ioznrr div {
                    background: #cad8ce;
                    padding: 0;
                    border-radius: 0; }
                  body.product-page #main section.product .container #eventListReact #npContainer #pfBody .event-list .sc-bcXHqe.kqeTuF:not(.fixture-icons) .sc-gKPRtg.ioznrr #event-list-datepicker-input {
                    justify-content: space-between;
                    width: 32%; }
                    @media screen and (max-width: 1024px) {
                      body.product-page #main section.product .container #eventListReact #npContainer #pfBody .event-list .sc-bcXHqe.kqeTuF:not(.fixture-icons) .sc-gKPRtg.ioznrr #event-list-datepicker-input {
                        width: auto; } }
                    @media screen and (max-width: 820px) {
                      body.product-page #main section.product .container #eventListReact #npContainer #pfBody .event-list .sc-bcXHqe.kqeTuF:not(.fixture-icons) .sc-gKPRtg.ioznrr #event-list-datepicker-input {
                        width: 100%;
                        margin: 0 auto; } }
                    body.product-page #main section.product .container #eventListReact #npContainer #pfBody .event-list .sc-bcXHqe.kqeTuF:not(.fixture-icons) .sc-gKPRtg.ioznrr #event-list-datepicker-input input, body.product-page #main section.product .container #eventListReact #npContainer #pfBody .event-list .sc-bcXHqe.kqeTuF:not(.fixture-icons) .sc-gKPRtg.ioznrr #event-list-datepicker-input span {
                      background: #cad8ce;
                      border: 0;
                      font-size: 16px;
                      padding: 6px 10px;
                      letter-spacing: 1px; }
                      @media screen and (max-width: 1024px) {
                        body.product-page #main section.product .container #eventListReact #npContainer #pfBody .event-list .sc-bcXHqe.kqeTuF:not(.fixture-icons) .sc-gKPRtg.ioznrr #event-list-datepicker-input input, body.product-page #main section.product .container #eventListReact #npContainer #pfBody .event-list .sc-bcXHqe.kqeTuF:not(.fixture-icons) .sc-gKPRtg.ioznrr #event-list-datepicker-input span {
                          padding: 8px 10px; } }
                    @media screen and (max-width: 1024px) {
                      body.product-page #main section.product .container #eventListReact #npContainer #pfBody .event-list .sc-bcXHqe.kqeTuF:not(.fixture-icons) .sc-gKPRtg.ioznrr #event-list-datepicker-input span {
                        padding: 0px 5px 0px 0 !important; } }
                    body.product-page #main section.product .container #eventListReact #npContainer #pfBody .event-list .sc-bcXHqe.kqeTuF:not(.fixture-icons) .sc-gKPRtg.ioznrr #event-list-datepicker-input input:focus-visible {
                      border: 0; }
                    body.product-page #main section.product .container #eventListReact #npContainer #pfBody .event-list .sc-bcXHqe.kqeTuF:not(.fixture-icons) .sc-gKPRtg.ioznrr #event-list-datepicker-input span.miclub-icon {
                      color: #1e3432; }
                  body.product-page #main section.product .container #eventListReact #npContainer #pfBody .event-list .sc-bcXHqe.kqeTuF:not(.fixture-icons) .sc-gKPRtg.ioznrr #event-list-viewable-days {
                    width: 32%; }
                    @media screen and (max-width: 1024px) {
                      body.product-page #main section.product .container #eventListReact #npContainer #pfBody .event-list .sc-bcXHqe.kqeTuF:not(.fixture-icons) .sc-gKPRtg.ioznrr #event-list-viewable-days {
                        width: auto; } }
                    @media screen and (max-width: 820px) {
                      body.product-page #main section.product .container #eventListReact #npContainer #pfBody .event-list .sc-bcXHqe.kqeTuF:not(.fixture-icons) .sc-gKPRtg.ioznrr #event-list-viewable-days {
                        width: 100%;
                        margin: 0; } }
                    body.product-page #main section.product .container #eventListReact #npContainer #pfBody .event-list .sc-bcXHqe.kqeTuF:not(.fixture-icons) .sc-gKPRtg.ioznrr #event-list-viewable-days button#dropdown-basic {
                      background: transparent !important;
                      border: 0 !important;
                      border-radius: 0 !important;
                      margin: 0;
                      padding: 12px 10px !important;
                      min-height: 10px;
                      font-size: 16px;
                      text-transform: none;
                      font-weight: 400;
                      letter-spacing: 1px; }
                      body.product-page #main section.product .container #eventListReact #npContainer #pfBody .event-list .sc-bcXHqe.kqeTuF:not(.fixture-icons) .sc-gKPRtg.ioznrr #event-list-viewable-days button#dropdown-basic::before {
                        background-color: transparent !important; }
                      body.product-page #main section.product .container #eventListReact #npContainer #pfBody .event-list .sc-bcXHqe.kqeTuF:not(.fixture-icons) .sc-gKPRtg.ioznrr #event-list-viewable-days button#dropdown-basic:hover {
                        background: transparent !important; }
                  body.product-page #main section.product .container #eventListReact #npContainer #pfBody .event-list .sc-bcXHqe.kqeTuF:not(.fixture-icons) .sc-gKPRtg.ioznrr .multiSelectContainer {
                    margin-top: 0;
                    display: block; }
                    body.product-page #main section.product .container #eventListReact #npContainer #pfBody .event-list .sc-bcXHqe.kqeTuF:not(.fixture-icons) .sc-gKPRtg.ioznrr .multiSelectContainer .search-wrapper input#search_input {
                      margin-top: 0 !important;
                      color: #1e3432;
                      padding: 5px 10px;
                      letter-spacing: 1px; }
                      @media screen and (max-width: 1024px) {
                        body.product-page #main section.product .container #eventListReact #npContainer #pfBody .event-list .sc-bcXHqe.kqeTuF:not(.fixture-icons) .sc-gKPRtg.ioznrr .multiSelectContainer .search-wrapper input#search_input {
                          padding: 7px 10px; } }
                      body.product-page #main section.product .container #eventListReact #npContainer #pfBody .event-list .sc-bcXHqe.kqeTuF:not(.fixture-icons) .sc-gKPRtg.ioznrr .multiSelectContainer .search-wrapper input#search_input::placeholder {
                        color: #1e3432 !important;
                        opacity: 1;
                        font-size: 16px; }
                body.product-page #main section.product .container #eventListReact #npContainer #pfBody .event-list .sc-bcXHqe.kqeTuF:not(.fixture-icons) .sc-kDvujY.iPZVEV {
                  width: 134px;
                  flex: auto; }
                  @media screen and (max-width: 1600px) {
                    body.product-page #main section.product .container #eventListReact #npContainer #pfBody .event-list .sc-bcXHqe.kqeTuF:not(.fixture-icons) .sc-kDvujY.iPZVEV {
                      width: 100px; } }
                  @media screen and (max-width: 1200px) {
                    body.product-page #main section.product .container #eventListReact #npContainer #pfBody .event-list .sc-bcXHqe.kqeTuF:not(.fixture-icons) .sc-kDvujY.iPZVEV {
                      width: 80px; } }
                  body.product-page #main section.product .container #eventListReact #npContainer #pfBody .event-list .sc-bcXHqe.kqeTuF:not(.fixture-icons) .sc-kDvujY.iPZVEV img {
                    filter: brightness(0) invert(1); }
              body.product-page #main section.product .container #eventListReact #npContainer #pfBody .event-list span .full {
                background: white;
                padding: 10px 20px;
                border-bottom: 1px dashed #ccc; }
                body.product-page #main section.product .container #eventListReact #npContainer #pfBody .event-list span .full .event-details div.event-title {
                  font-size: 1.25rem; }
                  body.product-page #main section.product .container #eventListReact #npContainer #pfBody .event-list span .full .event-details div.event-title span.event-title {
                    font-size: 1.25rem;
                    color: #1e3432; }
                body.product-page #main section.product .container #eventListReact #npContainer #pfBody .event-list span .full .fixture-icons a .icon-calendar {
                  color: #1e3432; }
        body.product-page #main section.product .container #waitListContainer {
          /*.mb-tabs {
						.ui-tabs {
							li {
								a {
									background: $light-grey;
									color: $grey;
								}
							}
							.ui-tabs-header {
								&.ui-state-active {
									a {
										background: $accent;
									color: $text;
									}
								}
							}
						}
					}*/ }
          body.product-page #main section.product .container #waitListContainer * {
            font-family: "effra-cc", sans-serif; }
          body.product-page #main section.product .container #waitListContainer #form table.wlOptions td, body.product-page #main section.product .container #waitListContainer #form table.wlOptions span {
            font-family: "effra-cc", sans-serif;
            font-size: 16px; }
          body.product-page #main section.product .container #waitListContainer #reserves.row * {
            font-family: "effra-cc", sans-serif; }
        body.product-page #main section.product .container #memberSearch {
          padding-top: 20px; }
          body.product-page #main section.product .container #memberSearch #mainLayout {
            width: 100%;
            margin: 0;
            overflow: hidden;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-between;
            /* Pagination */ }
            body.product-page #main section.product .container #memberSearch #mainLayout .memberSearchOptions {
              display: flex;
              background: pink;
              flex-direction: row;
              justify-content: space-between; }
            body.product-page #main section.product .container #memberSearch #mainLayout .ui-panel {
              background: white;
              padding: 20px 40px; }
              @media screen and (max-width: 820px) {
                body.product-page #main section.product .container #memberSearch #mainLayout .ui-panel {
                  width: 100% !important;
                  float: none !important;
                  margin: 0 auto 30px !important;
                  padding: 30px !important; } }
              body.product-page #main section.product .container #memberSearch #mainLayout .ui-panel * {
                font-family: "effra-cc", sans-serif; }
              body.product-page #main section.product .container #memberSearch #mainLayout .ui-panel .ui-panel-titlebar {
                padding: 20px 40px 0; }
                @media screen and (max-width: 820px) {
                  body.product-page #main section.product .container #memberSearch #mainLayout .ui-panel .ui-panel-titlebar {
                    padding: 0 !important; } }
              body.product-page #main section.product .container #memberSearch #mainLayout .ui-panel .ui-panel-title {
                font-size: 32px;
                line-height: 40px;
                font-family: "sonar-sans", sans-serif;
                font-weight: 600;
                font-size: 26px;
                letter-spacing: 0.5px;
                color: #1e3432;
                font-family: "effra-cc", sans-serif;
                font-size: 24px;
                letter-spacing: 0.25px;
                font-weight: 600; }
              body.product-page #main section.product .container #memberSearch #mainLayout .ui-panel .ui-panel-content {
                padding: 10px 40px 30px !important; }
                @media screen and (max-width: 820px) {
                  body.product-page #main section.product .container #memberSearch #mainLayout .ui-panel .ui-panel-content {
                    padding: 0 !important; } }
                body.product-page #main section.product .container #memberSearch #mainLayout .ui-panel .ui-panel-content p {
                  font-size: 16px; }
                body.product-page #main section.product .container #memberSearch #mainLayout .ui-panel .ui-panel-content #alphaList {
                  margin-top: 10px; }
                  body.product-page #main section.product .container #memberSearch #mainLayout .ui-panel .ui-panel-content #alphaList a.ui-widget {
                    background: #cad8ce;
                    color: #1e3432;
                    transition: all 0.3s ease; }
                    body.product-page #main section.product .container #memberSearch #mainLayout .ui-panel .ui-panel-content #alphaList a.ui-widget:hover {
                      background: #e7d2bc;
                      transition: all 0.3s ease; }
                body.product-page #main section.product .container #memberSearch #mainLayout .ui-panel .ui-panel-content #inputSearch {
                  display: flex;
                  flex-direction: row; }
                  @media screen and (max-width: 1440px) {
                    body.product-page #main section.product .container #memberSearch #mainLayout .ui-panel .ui-panel-content #inputSearch {
                      flex-direction: column; } }
                  body.product-page #main section.product .container #memberSearch #mainLayout .ui-panel .ui-panel-content #inputSearch input.ui-inputfield {
                    border: 1px solid #B3BFB6;
                    box-shadow: none;
                    border-radius: 0;
                    height: 38px; }
                    @media screen and (max-width: 1440px) {
                      body.product-page #main section.product .container #memberSearch #mainLayout .ui-panel .ui-panel-content #inputSearch input.ui-inputfield {
                        margin: 20px auto 0;
                        width: 100%; } }
                  @media screen and (max-width: 1440px) {
                    body.product-page #main section.product .container #memberSearch #mainLayout .ui-panel .ui-panel-content #inputSearch .ui-selectmanybutton {
                      padding: 0 !important;
                      display: flex !important;
                      justify-content: space-between;
                      margin-bottom: 10px; } }
                  @media screen and (max-width: 1440px) {
                    body.product-page #main section.product .container #memberSearch #mainLayout .ui-panel .ui-panel-content #inputSearch .ui-selectmanybutton .ui-button {
                      width: 25%; } }
                  @media screen and (max-width: 820px) {
                    body.product-page #main section.product .container #memberSearch #mainLayout .ui-panel .ui-panel-content #inputSearch .ui-selectmanybutton .ui-button {
                      letter-spacing: 0.5px;
                      font-size: 12px;
                      padding: 10px; } }
            body.product-page #main section.product .container #memberSearch #mainLayout .ui-datatable.ui-widget {
              width: 100%; }
            body.product-page #main section.product .container #memberSearch #mainLayout .ui-button {
              background: #1e3432;
              border: 1px solid #1e3432;
              color: white;
              text-transform: uppercase;
              border: 0;
              padding: 10px 15px;
              font-size: 14px;
              line-height: 18px;
              font-weight: 500;
              letter-spacing: 1px;
              font-family: "effra-cc", sans-serif;
              opacity: 1;
              transition: all 0.3s ease; }
              body.product-page #main section.product .container #memberSearch #mainLayout .ui-button:hover {
                opacity: 0.8;
                transition: all 0.3s ease; }
              body.product-page #main section.product .container #memberSearch #mainLayout .ui-button .ui-button-text {
                font-size: 14px;
                line-height: 18px;
                font-family: "effra-cc", sans-serif; }
              body.product-page #main section.product .container #memberSearch #mainLayout .ui-button.ui-corner-left {
                border-radius: 5px 0 0 5px; }
              body.product-page #main section.product .container #memberSearch #mainLayout .ui-button.ui-corner-right {
                border-radius: 0 5px 5px 0; }
              body.product-page #main section.product .container #memberSearch #mainLayout .ui-button.ui-state-active {
                background: #2e5854; }
            body.product-page #main section.product .container #memberSearch #mainLayout .ui-datatable-tablewrapper table tr.ui-datatable-odd {
              background-color: #cccccc !important; }
            body.product-page #main section.product .container #memberSearch #mainLayout .ui-datatable-tablewrapper table tr.ui-datatable-even {
              background-color: white !important; }
            body.product-page #main section.product .container #memberSearch #mainLayout .ui-datatable-tablewrapper table tr th, body.product-page #main section.product .container #memberSearch #mainLayout .ui-datatable-tablewrapper table tr td {
              font-family: "effra-cc", sans-serif; }
            body.product-page #main section.product .container #memberSearch #mainLayout .ui-datatable-tablewrapper table tr th {
              background: #1e3432;
              color: white;
              font-weight: 600;
              font-size: 18px;
              padding: 5px !important; }
              @media screen and (max-width: 820px) {
                body.product-page #main section.product .container #memberSearch #mainLayout .ui-datatable-tablewrapper table tr th {
                  padding: 10px 5px !important;
                  letter-spacing: 0.5px;
                  text-transform: uppercase;
                  font-size: 14px;
                  line-height: 16px; } }
              body.product-page #main section.product .container #memberSearch #mainLayout .ui-datatable-tablewrapper table tr th.ui-state-default {
                border: 1px solid #cad8ce; }
            body.product-page #main section.product .container #memberSearch #mainLayout .ui-datatable-tablewrapper table tr td {
              font-size: 16px;
              border: 1px solid #B3BFB6;
              color: #1e3432; }
            body.product-page #main section.product .container #memberSearch #mainLayout .ui-paginator.ui-paginator-top {
              font-size: 16px;
              display: flex;
              justify-content: center;
              align-items: center;
              flex-direction: row;
              flex-wrap: wrap;
              padding: 10px 0 20px; }
              body.product-page #main section.product .container #memberSearch #mainLayout .ui-paginator.ui-paginator-top .ui-paginator-next,
              body.product-page #main section.product .container #memberSearch #mainLayout .ui-paginator.ui-paginator-top .ui-paginator-prev,
              body.product-page #main section.product .container #memberSearch #mainLayout .ui-paginator.ui-paginator-top .ui-paginator-first,
              body.product-page #main section.product .container #memberSearch #mainLayout .ui-paginator.ui-paginator-top .ui-paginator-last {
                background-color: #cad8ce;
                border: 1px solid #2e5854;
                transition: all 0.3s ease; }
                body.product-page #main section.product .container #memberSearch #mainLayout .ui-paginator.ui-paginator-top .ui-paginator-next .ui-icon,
                body.product-page #main section.product .container #memberSearch #mainLayout .ui-paginator.ui-paginator-top .ui-paginator-prev .ui-icon,
                body.product-page #main section.product .container #memberSearch #mainLayout .ui-paginator.ui-paginator-top .ui-paginator-first .ui-icon,
                body.product-page #main section.product .container #memberSearch #mainLayout .ui-paginator.ui-paginator-top .ui-paginator-last .ui-icon {
                  height: 18px;
                  font-size: 18px;
                  font-family: "effra-cc", sans-serif;
                  font-weight: 500; }
                body.product-page #main section.product .container #memberSearch #mainLayout .ui-paginator.ui-paginator-top .ui-paginator-next:hover,
                body.product-page #main section.product .container #memberSearch #mainLayout .ui-paginator.ui-paginator-top .ui-paginator-prev:hover,
                body.product-page #main section.product .container #memberSearch #mainLayout .ui-paginator.ui-paginator-top .ui-paginator-first:hover,
                body.product-page #main section.product .container #memberSearch #mainLayout .ui-paginator.ui-paginator-top .ui-paginator-last:hover {
                  background: white;
                  transition: all 0.3s ease; }
            body.product-page #main section.product .container #memberSearch #mainLayout .ui-paginator-pages {
              display: flex;
              justify-content: center; }
              body.product-page #main section.product .container #memberSearch #mainLayout .ui-paginator-pages .ui-paginator-page {
                padding: 2px 6px;
                line-height: 18px;
                font-size: 18px;
                font-family: "effra-cc", sans-serif;
                font-weight: 500;
                background-color: #cad8ce;
                border: 1px solid #2e5854;
                color: #1e3432;
                transition: all 0.3s ease; }
                body.product-page #main section.product .container #memberSearch #mainLayout .ui-paginator-pages .ui-paginator-page:hover {
                  background: white;
                  transition: all 0.3s ease; }
                body.product-page #main section.product .container #memberSearch #mainLayout .ui-paginator-pages .ui-paginator-page.ui-state-active {
                  background: white; }
  @media screen and (max-width: 820px) {
    body.product-page.login-form #main .product .container {
      padding: 0; } }
  body.product-page #footer-container #footer .container {
    position: relative;
    width: 100%;
    margin: 0 auto !important;
    overflow: hidden;
    padding: 100px 0 !important; }
    @media screen and (max-width: 1600px) {
      body.product-page #footer-container #footer .container {
        width: 90%; } }
    @media screen and (max-width: 1440px) {
      body.product-page #footer-container #footer .container {
        padding: 80px 0 !important; } }
    @media screen and (max-width: 1024px) {
      body.product-page #footer-container #footer .container {
        padding: 50px 0 !important; } }
    @media screen and (max-width: 820px) {
      body.product-page #footer-container #footer .container {
        padding: 40px 0 !important; } }
    body.product-page #footer-container #footer .container h6 {
      font-size: 22px;
      letter-spacing: 1px;
      margin-bottom: 24px;
      font-family: "sonar-sans", sans-serif;
      font-weight: 600; }

.page-template-page-members-home #header,
.page-template-page-members-portal #header {
  background: #1e3432 !important; }

.page-template-page-members-home #main,
.page-template-page-members-portal #main {
  background: #f0f0f0;
  padding-top: 150px;
  padding-bottom: 150px; }
  @media screen and (max-width: 1440px) {
    .page-template-page-members-home #main,
    .page-template-page-members-portal #main {
      padding: 60px; } }
  @media screen and (max-width: 820px) {
    .page-template-page-members-home #main,
    .page-template-page-members-portal #main {
      padding: 60px 0px; } }
  @media screen and (max-width: 1440px) {
    .page-template-page-members-home #main .container,
    .page-template-page-members-portal #main .container {
      padding-left: 0px;
      padding-right: 0px;
      padding-top: 60px; } }
  @media screen and (max-width: 820px) {
    .page-template-page-members-home #main .container,
    .page-template-page-members-portal #main .container {
      padding-left: 30px;
      padding-right: 30px; } }

/* Common across product pages */
.page-template-page-members-home #main,
.page-template-page-members-portal #main,
.product-page #main {
  /* Widgets */ }
  .page-template-page-members-home #main #widgets .modules,
  .page-template-page-members-portal #main #widgets .modules,
  .product-page #main #widgets .modules {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    /* Shortcuts */ }
    @media screen and (max-width: 820px) {
      .page-template-page-members-home #main #widgets .modules,
      .page-template-page-members-portal #main #widgets .modules,
      .product-page #main #widgets .modules {
        flex-direction: column;
        justify-content: center; } }
    .page-template-page-members-home #main #widgets .modules.shortcuts .card,
    .page-template-page-members-portal #main #widgets .modules.shortcuts .card,
    .product-page #main #widgets .modules.shortcuts .card {
      width: 30%; }
      @media screen and (max-width: 820px) {
        .page-template-page-members-home #main #widgets .modules.shortcuts .card,
        .page-template-page-members-portal #main #widgets .modules.shortcuts .card,
        .product-page #main #widgets .modules.shortcuts .card {
          width: 100%; } }

.page-template-page-members-home .card,
.page-template-page-members-portal .card,
.product-page .card {
  border-radius: 10px;
  padding: 30px;
  background: white; }
  @media screen and (max-width: 820px) {
    .page-template-page-members-home .card,
    .page-template-page-members-portal .card,
    .product-page .card {
      margin: 0 auto 30px; } }
  .page-template-page-members-home .card .holder,
  .page-template-page-members-portal .card .holder,
  .product-page .card .holder {
    text-decoration: none;
    display: flex;
    align-items: center;
    height: 100%; }
    @media screen and (max-width: 820px) {
      .page-template-page-members-home .card .holder,
      .page-template-page-members-portal .card .holder,
      .product-page .card .holder {
        width: 100%;
        flex-direction: column;
        align-items: center; } }
    .page-template-page-members-home .card .holder .card-left,
    .page-template-page-members-portal .card .holder .card-left,
    .product-page .card .holder .card-left {
      align-content: center; }
    .page-template-page-members-home .card .holder .card-right,
    .page-template-page-members-portal .card .holder .card-right,
    .product-page .card .holder .card-right {
      padding: 0 0 0 30px;
      align-self: top; }
      @media screen and (max-width: 820px) {
        .page-template-page-members-home .card .holder .card-right,
        .page-template-page-members-portal .card .holder .card-right,
        .product-page .card .holder .card-right {
          padding: 10px 0 0;
          text-align: center; } }
    .page-template-page-members-home .card .holder .icon,
    .page-template-page-members-portal .card .holder .icon,
    .product-page .card .holder .icon {
      display: flex;
      justify-content: center; }
      .page-template-page-members-home .card .holder .icon i,
      .page-template-page-members-portal .card .holder .icon i,
      .product-page .card .holder .icon i {
        font-size: 40px;
        display: block;
        margin: 0 auto;
        align-self: center; }
    .page-template-page-members-home .card .holder h2,
    .page-template-page-members-portal .card .holder h2,
    .product-page .card .holder h2 {
      font-family: "sonar-sans", sans-serif;
      font-weight: 600;
      font-size: 22px;
      font-weight: 600;
      line-height: 24px;
      color: #1e3432;
      margin: 0; }
    .page-template-page-members-home .card .holder p,
    .page-template-page-members-portal .card .holder p,
    .product-page .card .holder p {
      font-size: 14px;
      line-height: 24px;
      letter-spacing: 0.5px;
      color: #1e3432; }
    .page-template-page-members-home .card .holder ul,
    .page-template-page-members-portal .card .holder ul,
    .product-page .card .holder ul {
      padding: 10px 0 0;
      margin: 0;
      list-style: none; }
      .page-template-page-members-home .card .holder ul li,
      .page-template-page-members-portal .card .holder ul li,
      .product-page .card .holder ul li {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 5px;
        letter-spacing: 0.5px;
        color: #1e3432; }
        .page-template-page-members-home .card .holder ul li.date,
        .page-template-page-members-portal .card .holder ul li.date,
        .product-page .card .holder ul li.date {
          font-weight: 700;
          text-transform: uppercase; }
        .page-template-page-members-home .card .holder ul li.event,
        .page-template-page-members-portal .card .holder ul li.event,
        .product-page .card .holder ul li.event {
          text-decoration: underline; }
          .page-template-page-members-home .card .holder ul li.event:hover,
          .page-template-page-members-portal .card .holder ul li.event:hover,
          .product-page .card .holder ul li.event:hover {
            text-decoration: none; }
        .page-template-page-members-home .card .holder ul li.course, .page-template-page-members-home .card .holder ul li.carts,
        .page-template-page-members-portal .card .holder ul li.course,
        .page-template-page-members-portal .card .holder ul li.carts,
        .product-page .card .holder ul li.course,
        .product-page .card .holder ul li.carts {
          font-weight: 300;
          display: flex;
          flex-direction: row;
          font-size: 18px;
          line-height: 20px; }
          .page-template-page-members-home .card .holder ul li.course .status, .page-template-page-members-home .card .holder ul li.carts .status,
          .page-template-page-members-portal .card .holder ul li.course .status,
          .page-template-page-members-portal .card .holder ul li.carts .status,
          .product-page .card .holder ul li.course .status,
          .product-page .card .holder ul li.carts .status {
            text-transform: uppercase;
            font-weight: 600;
            font-size: 16px;
            background: #cbef6c;
            padding: 0px 10px;
            text-align: center; }
  @media screen and (max-width: 820px) {
    .page-template-page-members-home .card,
    .page-template-page-members-portal .card,
    .product-page .card {
      padding: 20px; } }
  .page-template-page-members-home .card .icon,
  .page-template-page-members-portal .card .icon,
  .product-page .card .icon {
    border-radius: 50%;
    width: 84px;
    height: 84px;
    color: #1e3432;
    border: 2px solid white; }
    @media screen and (max-width: 1200px) {
      .page-template-page-members-home .card .icon,
      .page-template-page-members-portal .card .icon,
      .product-page .card .icon {
        border-radius: 50%;
        width: 60px;
        height: 60px;
        color: #1e3432; } }
    @media screen and (max-width: 820px) {
      .page-template-page-members-home .card .icon,
      .page-template-page-members-portal .card .icon,
      .product-page .card .icon {
        border-radius: 50%;
        width: 40px;
        height: 40px;
        color: #1e3432; } }
    .page-template-page-members-home .card .icon i,
    .page-template-page-members-portal .card .icon i,
    .product-page .card .icon i {
      font-size: 24px !important; }
      .page-template-page-members-home .card .icon i img,
      .page-template-page-members-portal .card .icon i img,
      .product-page .card .icon i img {
        width: 24px;
        height: auto; }
  @media screen and (max-width: 820px) {
    .page-template-page-members-home .card li.date,
    .page-template-page-members-portal .card li.date,
    .product-page .card li.date {
      display: none; } }
  @media screen and (max-width: 1024px) {
    .page-template-page-members-home .card .holder,
    .page-template-page-members-portal .card .holder,
    .product-page .card .holder {
      flex-direction: column;
      text-align: center; } }
  @media screen and (max-width: 1024px) {
    .page-template-page-members-home .card .holder .card-right,
    .page-template-page-members-portal .card .holder .card-right,
    .product-page .card .holder .card-right {
      padding: 15px 0 0; } }
  .page-template-page-members-home .card.bookings .icon,
  .page-template-page-members-portal .card.bookings .icon,
  .product-page .card.bookings .icon {
    background: #cad8ce;
    box-shadow: 0px 0px 0px 2px #cad8ce; }
  @media screen and (max-width: 820px) {
    .page-template-page-members-home .card.bookings,
    .page-template-page-members-portal .card.bookings,
    .product-page .card.bookings {
      width: calc(50% - 15px);
      float: left; } }
  .page-template-page-members-home .card.book-again .icon,
  .page-template-page-members-portal .card.book-again .icon,
  .product-page .card.book-again .icon {
    background: #e7d2bc;
    box-shadow: 0px 0px 0px 2px #e7d2bc; }
  @media screen and (max-width: 820px) {
    .page-template-page-members-home .card.book-again,
    .page-template-page-members-portal .card.book-again,
    .product-page .card.book-again {
      width: calc(50% - 15px);
      float: right; } }
  @media screen and (max-width: 1024px) {
    .page-template-page-members-home .card.course-conditions,
    .page-template-page-members-portal .card.course-conditions,
    .product-page .card.course-conditions {
      padding-left: 10px;
      padding-right: 10px; } }
  .page-template-page-members-home .card.course-conditions .icon,
  .page-template-page-members-portal .card.course-conditions .icon,
  .product-page .card.course-conditions .icon {
    background: #cbef6c;
    box-shadow: 0px 0px 0px 2px #cbef6c; }
    .page-template-page-members-home .card.course-conditions .icon i.cart,
    .page-template-page-members-portal .card.course-conditions .icon i.cart,
    .product-page .card.course-conditions .icon i.cart {
      display: flex !important; }
      .page-template-page-members-home .card.course-conditions .icon i.cart img,
      .page-template-page-members-portal .card.course-conditions .icon i.cart img,
      .product-page .card.course-conditions .icon i.cart img {
        align-self: center; }
    @media screen and (max-width: 820px) {
      .page-template-page-members-home .card.course-conditions .icon,
      .page-template-page-members-portal .card.course-conditions .icon,
      .product-page .card.course-conditions .icon {
        margin-right: 40px; } }
  .page-template-page-members-home .card.course-conditions ul,
  .page-template-page-members-portal .card.course-conditions ul,
  .product-page .card.course-conditions ul {
    padding-top: 5px;
    min-width: 200px;
    display: flex;
    flex-direction: column; }
    @media screen and (max-width: 1600px) {
      .page-template-page-members-home .card.course-conditions ul,
      .page-template-page-members-portal .card.course-conditions ul,
      .product-page .card.course-conditions ul {
        min-width: 100%; } }
    .page-template-page-members-home .card.course-conditions ul li,
    .page-template-page-members-portal .card.course-conditions ul li,
    .product-page .card.course-conditions ul li {
      padding-top: 7px;
      display: flex;
      flex-direction: row;
      flex-grow: 1;
      justify-content: space-between; }
      @media screen and (max-width: 1024px) {
        .page-template-page-members-home .card.course-conditions ul li,
        .page-template-page-members-portal .card.course-conditions ul li,
        .product-page .card.course-conditions ul li {
          margin-bottom: 0; } }
      .page-template-page-members-home .card.course-conditions ul li span,
      .page-template-page-members-portal .card.course-conditions ul li span,
      .product-page .card.course-conditions ul li span {
        width: 80px; }
  @media screen and (max-width: 820px) {
    .page-template-page-members-home .card.course-conditions .holder,
    .page-template-page-members-portal .card.course-conditions .holder,
    .product-page .card.course-conditions .holder {
      padding: 0px 30px !important;
      flex-direction: row;
      clear: both; } }
  .page-template-page-members-home .card.course-conditions .holder .card-right,
  .page-template-page-members-portal .card.course-conditions .holder .card-right,
  .product-page .card.course-conditions .holder .card-right {
    padding-top: 0 !important; }
  @media screen and (max-width: 1024px) {
    .page-template-page-members-home .card.course-conditions,
    .page-template-page-members-portal .card.course-conditions,
    .product-page .card.course-conditions {
      padding-bottom: 10px; } }
  @media screen and (max-width: 820px) {
    .page-template-page-members-home .card.course-conditions,
    .page-template-page-members-portal .card.course-conditions,
    .product-page .card.course-conditions {
      clear: both; } }

.page-template-page-members-home .weather,
.page-template-page-members-portal .weather,
.product-page .weather {
  border-radius: 10px;
  padding: 30px;
  border-radius: 10px 10px 10px 0;
  padding: 30px 40px;
  position: relative;
  background: #1e3432;
  color: white;
  text-align: center;
  margin-top: 70px; }
  @media screen and (max-width: 1440px) {
    .page-template-page-members-home .weather,
    .page-template-page-members-portal .weather,
    .product-page .weather {
      padding: 30px; } }
  @media screen and (max-width: 820px) {
    .page-template-page-members-home .weather,
    .page-template-page-members-portal .weather,
    .product-page .weather {
      margin-top: 0;
      margin-bottom: 30px; } }
  @media screen and (max-width: 820px) {
    .page-template-page-members-home .weather .panel,
    .page-template-page-members-portal .weather .panel,
    .product-page .weather .panel {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap; } }
  .page-template-page-members-home .weather #today-feed-container,
  .page-template-page-members-portal .weather #today-feed-container,
  .product-page .weather #today-feed-container {
    display: flex;
    justify-content: center; }
    @media screen and (max-width: 820px) {
      .page-template-page-members-home .weather #today-feed-container,
      .page-template-page-members-portal .weather #today-feed-container,
      .product-page .weather #today-feed-container {
        width: 40%;
        justify-content: flex-start; } }
  .page-template-page-members-home .weather #weatherFeed,
  .page-template-page-members-portal .weather #weatherFeed,
  .product-page .weather #weatherFeed {
    padding-top: 20px; }
    @media screen and (max-width: 820px) {
      .page-template-page-members-home .weather #weatherFeed,
      .page-template-page-members-portal .weather #weatherFeed,
      .product-page .weather #weatherFeed {
        width: 60%; } }
    .page-template-page-members-home .weather #weatherFeed .forecast-day,
    .page-template-page-members-portal .weather #weatherFeed .forecast-day,
    .product-page .weather #weatherFeed .forecast-day {
      display: grid;
      grid-template-columns: 50px 1fr 80px;
      padding: 0;
      margin: 0;
      font-size: 17px;
      letter-spacing: 0.5px; }
      @media screen and (max-width: 1600px) {
        .page-template-page-members-home .weather #weatherFeed .forecast-day,
        .page-template-page-members-portal .weather #weatherFeed .forecast-day,
        .product-page .weather #weatherFeed .forecast-day {
          grid-template-columns: 40px 1fr 70px;
          font-size: 16px;
          letter-spacing: 0.25px; } }
      .page-template-page-members-home .weather #weatherFeed .forecast-day .icon-holder,
      .page-template-page-members-portal .weather #weatherFeed .forecast-day .icon-holder,
      .product-page .weather #weatherFeed .forecast-day .icon-holder {
        grid-column: 1;
        align-self: center;
        text-align: start;
        display: flex;
        align-items: center;
        width: 34px;
        height: 34px; }
        .page-template-page-members-home .weather #weatherFeed .forecast-day .icon-holder .icon,
        .page-template-page-members-portal .weather #weatherFeed .forecast-day .icon-holder .icon,
        .product-page .weather #weatherFeed .forecast-day .icon-holder .icon {
          width: 30px;
          height: auto; }
        .page-template-page-members-home .weather #weatherFeed .forecast-day .icon-holder i,
        .page-template-page-members-portal .weather #weatherFeed .forecast-day .icon-holder i,
        .product-page .weather #weatherFeed .forecast-day .icon-holder i {
          font-size: 24px;
          color: #cbef6c; }
      .page-template-page-members-home .weather #weatherFeed .forecast-day .day,
      .page-template-page-members-portal .weather #weatherFeed .forecast-day .day,
      .product-page .weather #weatherFeed .forecast-day .day {
        grid-column: 2;
        align-self: center;
        text-align: start; }
      .page-template-page-members-home .weather #weatherFeed .forecast-day .temp,
      .page-template-page-members-portal .weather #weatherFeed .forecast-day .temp,
      .product-page .weather #weatherFeed .forecast-day .temp {
        grid-column: 3;
        align-self: center;
        text-align: end; }
    .page-template-page-members-home .weather #weatherFeed .radar-button .btn-feature,
    .page-template-page-members-portal .weather #weatherFeed .radar-button .btn-feature,
    .product-page .weather #weatherFeed .radar-button .btn-feature {
      margin: 25px auto 0px; }
  .page-template-page-members-home .weather h3,
  .page-template-page-members-portal .weather h3,
  .product-page .weather h3 {
    font-size: 24px;
    line-height: 34px;
    letter-spacing: 1px;
    margin-bottom: 20px; }
    .page-template-page-members-home .weather h3:after,
    .page-template-page-members-portal .weather h3:after,
    .product-page .weather h3:after {
      content: "";
      background: #cbef6c;
      height: 60px;
      width: 15px;
      position: absolute;
      bottom: 0px;
      left: 0;
      display: inline; }
    @media screen and (max-width: 820px) {
      .page-template-page-members-home .weather h3,
      .page-template-page-members-portal .weather h3,
      .product-page .weather h3 {
        width: 100%; } }
  .page-template-page-members-home .weather .icon-bg,
  .page-template-page-members-portal .weather .icon-bg,
  .product-page .weather .icon-bg {
    background: #2e5854;
    border-radius: 100px;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    margin: 0 auto 20px; }
    @media screen and (max-width: 1600px) {
      .page-template-page-members-home .weather .icon-bg,
      .page-template-page-members-portal .weather .icon-bg,
      .product-page .weather .icon-bg {
        width: 90px;
        height: 90px; } }
    .page-template-page-members-home .weather .icon-bg i,
    .page-template-page-members-portal .weather .icon-bg i,
    .product-page .weather .icon-bg i {
      color: #cbef6c;
      font-size: 50px; }
      @media screen and (max-width: 1600px) {
        .page-template-page-members-home .weather .icon-bg i,
        .page-template-page-members-portal .weather .icon-bg i,
        .product-page .weather .icon-bg i {
          font-size: 40px; } }
  .page-template-page-members-home .weather .outlook,
  .page-template-page-members-portal .weather .outlook,
  .product-page .weather .outlook {
    display: none; }
  .page-template-page-members-home .weather .current-temp,
  .page-template-page-members-portal .weather .current-temp,
  .product-page .weather .current-temp {
    font-size: 20px;
    font-weight: 600; }
  .page-template-page-members-home .weather a.btn-feature,
  .page-template-page-members-portal .weather a.btn-feature,
  .product-page .weather a.btn-feature {
    border: 1px solid #1e3432;
    background: #1e3432;
    color: white;
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin: 0;
    border-radius: 5px;
    padding: 15px 25px;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 1px;
    font-weight: 400;
    text-decoration: none !important;
    z-index: 1;
    transition: 0.5s ease-in-out;
    color: #cbef6c;
    border: 1px solid white;
    background: transparent;
    color: white;
    margin: 20px auto 10px; }
    .page-template-page-members-home .weather a.btn-feature:after, .page-template-page-members-home .weather a.btn-feature:before,
    .page-template-page-members-portal .weather a.btn-feature:after,
    .page-template-page-members-portal .weather a.btn-feature:before,
    .product-page .weather a.btn-feature:after,
    .product-page .weather a.btn-feature:before {
      transition: 0.5s ease-in-out; }
    .page-template-page-members-home .weather a.btn-feature:hover,
    .page-template-page-members-portal .weather a.btn-feature:hover,
    .product-page .weather a.btn-feature:hover {
      color: #1e3432; }
    .page-template-page-members-home .weather a.btn-feature:before,
    .page-template-page-members-portal .weather a.btn-feature:before,
    .product-page .weather a.btn-feature:before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: -1px;
      background-color: #cbef6c;
      transform: translateX(-100%);
      z-index: -1; }
    .page-template-page-members-home .weather a.btn-feature:hover:before,
    .page-template-page-members-portal .weather a.btn-feature:hover:before,
    .product-page .weather a.btn-feature:hover:before {
      transform: translateX(0); }
    .page-template-page-members-home .weather a.btn-feature .fa-brands, .page-template-page-members-home .weather a.btn-feature .fab,
    .page-template-page-members-portal .weather a.btn-feature .fa-brands,
    .page-template-page-members-portal .weather a.btn-feature .fab,
    .product-page .weather a.btn-feature .fa-brands,
    .product-page .weather a.btn-feature .fab {
      margin-right: 9px; }
    .page-template-page-members-home .weather a.btn-feature:hover,
    .page-template-page-members-portal .weather a.btn-feature:hover,
    .product-page .weather a.btn-feature:hover {
      border: 1px solid #cbef6c; }
    .page-template-page-members-home .weather a.btn-feature i,
    .page-template-page-members-portal .weather a.btn-feature i,
    .product-page .weather a.btn-feature i {
      font-size: 14px;
      padding-right: 5px; }

.page-template-page-members-home .latest-news h3,
.page-template-page-members-portal .latest-news h3,
.product-page .latest-news h3 {
  font-size: 36px;
  line-height: 44px;
  margin-bottom: 30px; }
  @media screen and (max-width: 820px) {
    .page-template-page-members-home .latest-news h3,
    .page-template-page-members-portal .latest-news h3,
    .product-page .latest-news h3 {
      font-size: 32px;
      line-height: 40px; } }

.page-template-page-members-home .latest-news .news-slider,
.page-template-page-members-portal .latest-news .news-slider,
.product-page .latest-news .news-slider {
  min-height: 480px; }
  @media screen and (max-width: 1440px) {
    .page-template-page-members-home .latest-news .news-slider,
    .page-template-page-members-portal .latest-news .news-slider,
    .product-page .latest-news .news-slider {
      min-height: 400px; } }
  @media screen and (max-width: 820px) {
    .page-template-page-members-home .latest-news .news-slider,
    .page-template-page-members-portal .latest-news .news-slider,
    .product-page .latest-news .news-slider {
      min-height: 300px; } }
  .page-template-page-members-home .latest-news .news-slider .slick-prev:before, .page-template-page-members-home .latest-news .news-slider .slick-next:before,
  .page-template-page-members-portal .latest-news .news-slider .slick-prev:before,
  .page-template-page-members-portal .latest-news .news-slider .slick-next:before,
  .product-page .latest-news .news-slider .slick-prev:before,
  .product-page .latest-news .news-slider .slick-next:before {
    font-size: 30px;
    width: 30px;
    height: 30px; }
  @media screen and (max-width: 1024px) {
    .page-template-page-members-home .latest-news .news-slider .slick-prev,
    .page-template-page-members-portal .latest-news .news-slider .slick-prev,
    .product-page .latest-news .news-slider .slick-prev {
      left: 0;
      z-index: 1; } }
  @media screen and (max-width: 1024px) {
    .page-template-page-members-home .latest-news .news-slider .slick-next,
    .page-template-page-members-portal .latest-news .news-slider .slick-next,
    .product-page .latest-news .news-slider .slick-next {
      right: 10px;
      z-index: 1; } }
  .page-template-page-members-home .latest-news .news-slider .post .post-container,
  .page-template-page-members-portal .latest-news .news-slider .post .post-container,
  .product-page .latest-news .news-slider .post .post-container {
    display: flex;
    flex-direction: row;
    background: white; }
    @media screen and (max-width: 820px) {
      .page-template-page-members-home .latest-news .news-slider .post .post-container,
      .page-template-page-members-portal .latest-news .news-slider .post .post-container,
      .product-page .latest-news .news-slider .post .post-container {
        flex-direction: column; } }
  .page-template-page-members-home .latest-news .news-slider .post .thumb,
  .page-template-page-members-portal .latest-news .news-slider .post .thumb,
  .product-page .latest-news .news-slider .post .thumb {
    width: 440px;
    height: 480px;
    background-size: cover;
    background-position: center; }
    @media screen and (max-width: 1440px) {
      .page-template-page-members-home .latest-news .news-slider .post .thumb,
      .page-template-page-members-portal .latest-news .news-slider .post .thumb,
      .product-page .latest-news .news-slider .post .thumb {
        width: 50%;
        height: 400px; } }
    @media screen and (max-width: 820px) {
      .page-template-page-members-home .latest-news .news-slider .post .thumb,
      .page-template-page-members-portal .latest-news .news-slider .post .thumb,
      .product-page .latest-news .news-slider .post .thumb {
        width: 100%;
        height: 300px; } }
    .page-template-page-members-home .latest-news .news-slider .post .thumb img,
    .page-template-page-members-portal .latest-news .news-slider .post .thumb img,
    .product-page .latest-news .news-slider .post .thumb img {
      width: 100%;
      height: auto;
      object-fit: cover;
      display: none; }
  .page-template-page-members-home .latest-news .news-slider .post .post-content,
  .page-template-page-members-portal .latest-news .news-slider .post .post-content,
  .product-page .latest-news .news-slider .post .post-content {
    padding: 80px 60px;
    width: calc(100% - 440px);
    height: 100%; }
    @media screen and (max-width: 1440px) {
      .page-template-page-members-home .latest-news .news-slider .post .post-content,
      .page-template-page-members-portal .latest-news .news-slider .post .post-content,
      .product-page .latest-news .news-slider .post .post-content {
        width: 50%;
        padding: 50px; } }
    @media screen and (max-width: 820px) {
      .page-template-page-members-home .latest-news .news-slider .post .post-content,
      .page-template-page-members-portal .latest-news .news-slider .post .post-content,
      .product-page .latest-news .news-slider .post .post-content {
        width: 100%;
        padding: 30px; } }
    .page-template-page-members-home .latest-news .news-slider .post .post-content h3,
    .page-template-page-members-portal .latest-news .news-slider .post .post-content h3,
    .product-page .latest-news .news-slider .post .post-content h3 {
      margin-bottom: 40px; }
      @media screen and (max-width: 820px) {
        .page-template-page-members-home .latest-news .news-slider .post .post-content h3,
        .page-template-page-members-portal .latest-news .news-slider .post .post-content h3,
        .product-page .latest-news .news-slider .post .post-content h3 {
          font-size: 32px;
          line-height: 40px;
          margin-bottom: 20px; } }
      .page-template-page-members-home .latest-news .news-slider .post .post-content h3 a,
      .page-template-page-members-portal .latest-news .news-slider .post .post-content h3 a,
      .product-page .latest-news .news-slider .post .post-content h3 a {
        color: #1e3432;
        text-decoration: none; }
    .page-template-page-members-home .latest-news .news-slider .post .post-content .date, .page-template-page-members-home .latest-news .news-slider .post .post-content .read_more_link,
    .page-template-page-members-portal .latest-news .news-slider .post .post-content .date,
    .page-template-page-members-portal .latest-news .news-slider .post .post-content .read_more_link,
    .product-page .latest-news .news-slider .post .post-content .date,
    .product-page .latest-news .news-slider .post .post-content .read_more_link {
      font-size: 20px;
      color: #1e3432;
      letter-spacing: 1px;
      display: block;
      font-weight: 500; }
      @media screen and (max-width: 820px) {
        .page-template-page-members-home .latest-news .news-slider .post .post-content .date, .page-template-page-members-home .latest-news .news-slider .post .post-content .read_more_link,
        .page-template-page-members-portal .latest-news .news-slider .post .post-content .date,
        .page-template-page-members-portal .latest-news .news-slider .post .post-content .read_more_link,
        .product-page .latest-news .news-slider .post .post-content .date,
        .product-page .latest-news .news-slider .post .post-content .read_more_link {
          font-size: 18px; } }
    .page-template-page-members-home .latest-news .news-slider .post .post-content .read_more_link,
    .page-template-page-members-portal .latest-news .news-slider .post .post-content .read_more_link,
    .product-page .latest-news .news-slider .post .post-content .read_more_link {
      text-align: right; }
      @media screen and (max-width: 820px) {
        .page-template-page-members-home .latest-news .news-slider .post .post-content .read_more_link,
        .page-template-page-members-portal .latest-news .news-slider .post .post-content .read_more_link,
        .product-page .latest-news .news-slider .post .post-content .read_more_link {
          font-size: 16px;
          letter-spacing: 0.5px; } }
      .page-template-page-members-home .latest-news .news-slider .post .post-content .read_more_link a,
      .page-template-page-members-portal .latest-news .news-slider .post .post-content .read_more_link a,
      .product-page .latest-news .news-slider .post .post-content .read_more_link a {
        color: #1e3432;
        text-decoration: none;
        text-align: right; }
        .page-template-page-members-home .latest-news .news-slider .post .post-content .read_more_link a:hover,
        .page-template-page-members-portal .latest-news .news-slider .post .post-content .read_more_link a:hover,
        .product-page .latest-news .news-slider .post .post-content .read_more_link a:hover {
          text-decoration: underline; }
    .page-template-page-members-home .latest-news .news-slider .post .post-content .excerpt,
    .page-template-page-members-portal .latest-news .news-slider .post .post-content .excerpt,
    .product-page .latest-news .news-slider .post .post-content .excerpt {
      padding: 20px 0; }
      .page-template-page-members-home .latest-news .news-slider .post .post-content .excerpt p,
      .page-template-page-members-portal .latest-news .news-slider .post .post-content .excerpt p,
      .product-page .latest-news .news-slider .post .post-content .excerpt p {
        font-size: 20px;
        line-height: 30px;
        font-weight: 300;
        letter-spacing: 1px; }
        @media screen and (max-width: 820px) {
          .page-template-page-members-home .latest-news .news-slider .post .post-content .excerpt p,
          .page-template-page-members-portal .latest-news .news-slider .post .post-content .excerpt p,
          .product-page .latest-news .news-slider .post .post-content .excerpt p {
            font-size: 18px;
            line-height: 24px;
            letter-spacing: 0.5px; } }

.page-template-page-members-home .upcoming-events,
.page-template-page-members-portal .upcoming-events,
.product-page .upcoming-events {
  display: flex;
  flex-direction: column;
  justify-content: space-around; }
  @media screen and (max-width: 820px) {
    .page-template-page-members-home .upcoming-events,
    .page-template-page-members-portal .upcoming-events,
    .product-page .upcoming-events {
      min-height: 240px;
      margin-bottom: 30px; } }
  .page-template-page-members-home .upcoming-events ul.eo-events,
  .page-template-page-members-portal .upcoming-events ul.eo-events,
  .product-page .upcoming-events ul.eo-events {
    padding: 0;
    margin: 0; }
    .page-template-page-members-home .upcoming-events ul.eo-events li,
    .page-template-page-members-portal .upcoming-events ul.eo-events li,
    .product-page .upcoming-events ul.eo-events li {
      border-radius: 10px;
      background: white;
      margin: 0 0 20px;
      list-style: none;
      transition: all 0.3s ease; }
      .page-template-page-members-home .upcoming-events ul.eo-events li .event,
      .page-template-page-members-portal .upcoming-events ul.eo-events li .event,
      .product-page .upcoming-events ul.eo-events li .event {
        display: grid;
        grid-template-columns: 65px 1fr 70px; }
        .page-template-page-members-home .upcoming-events ul.eo-events li .event .date,
        .page-template-page-members-portal .upcoming-events ul.eo-events li .event .date,
        .product-page .upcoming-events ul.eo-events li .event .date {
          background: #2e5854;
          color: #cbef6c;
          border-radius: 10px 0 0 10px;
          font-family: quincy-cf, serif;
          text-transform: uppercase;
          font-weight: 600;
          display: flex;
          flex-direction: column-reverse;
          align-items: center;
          justify-content: center;
          line-height: 20px; }
          .page-template-page-members-home .upcoming-events ul.eo-events li .event .date .month,
          .page-template-page-members-portal .upcoming-events ul.eo-events li .event .date .month,
          .product-page .upcoming-events ul.eo-events li .event .date .month {
            font-size: 16px;
            letter-spacing: 2px; }
          .page-template-page-members-home .upcoming-events ul.eo-events li .event .date .day,
          .page-template-page-members-portal .upcoming-events ul.eo-events li .event .date .day,
          .product-page .upcoming-events ul.eo-events li .event .date .day {
            font-size: 20px; }
      .page-template-page-members-home .upcoming-events ul.eo-events li .event-info,
      .page-template-page-members-portal .upcoming-events ul.eo-events li .event-info,
      .product-page .upcoming-events ul.eo-events li .event-info {
        padding: 25px 20px;
        margin: 0;
        transition: all 0.3s ease; }
        .page-template-page-members-home .upcoming-events ul.eo-events li .event-info h4,
        .page-template-page-members-portal .upcoming-events ul.eo-events li .event-info h4,
        .product-page .upcoming-events ul.eo-events li .event-info h4 {
          color: #1e3432;
          font-size: 20px;
          line-height: 20px;
          font-weight: 600;
          letter-spacing: 0.5px;
          margin-bottom: 5px; }
        .page-template-page-members-home .upcoming-events ul.eo-events li .event-info p,
        .page-template-page-members-portal .upcoming-events ul.eo-events li .event-info p,
        .product-page .upcoming-events ul.eo-events li .event-info p {
          font-size: 16px;
          font-weight: 300; }
      .page-template-page-members-home .upcoming-events ul.eo-events li .read_more_link,
      .page-template-page-members-portal .upcoming-events ul.eo-events li .read_more_link,
      .product-page .upcoming-events ul.eo-events li .read_more_link {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding-right: 20px;
        transition: all 0.3s ease; }
        .page-template-page-members-home .upcoming-events ul.eo-events li .read_more_link a,
        .page-template-page-members-portal .upcoming-events ul.eo-events li .read_more_link a,
        .product-page .upcoming-events ul.eo-events li .read_more_link a {
          font-size: 30px;
          background: #2e5854;
          color: white;
          border-radius: 34px;
          width: 34px;
          height: 34px;
          display: block;
          line-height: 34px;
          padding: 2px;
          opacity: 1;
          transition: all 0.3s ease; }
      .page-template-page-members-home .upcoming-events ul.eo-events li.eo-event-cat-competition .event .date,
      .page-template-page-members-portal .upcoming-events ul.eo-events li.eo-event-cat-competition .event .date,
      .product-page .upcoming-events ul.eo-events li.eo-event-cat-competition .event .date {
        background: #cbef6c !important;
        color: #1e3432; }
      .page-template-page-members-home .upcoming-events ul.eo-events li.eo-event-cat-juniors .event .date,
      .page-template-page-members-portal .upcoming-events ul.eo-events li.eo-event-cat-juniors .event .date,
      .product-page .upcoming-events ul.eo-events li.eo-event-cat-juniors .event .date {
        background: #2e5854 !important;
        color: white; }
      .page-template-page-members-home .upcoming-events ul.eo-events li.eo-event-cat-social .event .date,
      .page-template-page-members-portal .upcoming-events ul.eo-events li.eo-event-cat-social .event .date,
      .product-page .upcoming-events ul.eo-events li.eo-event-cat-social .event .date {
        background: #e7d2bc !important;
        color: #1e3432; }
      .page-template-page-members-home .upcoming-events ul.eo-events li.eo-event-cat-womens .event .date,
      .page-template-page-members-portal .upcoming-events ul.eo-events li.eo-event-cat-womens .event .date,
      .product-page .upcoming-events ul.eo-events li.eo-event-cat-womens .event .date {
        background: #cad8ce !important;
        color: #1e3432; }
      .page-template-page-members-home .upcoming-events ul.eo-events li:hover,
      .page-template-page-members-portal .upcoming-events ul.eo-events li:hover,
      .product-page .upcoming-events ul.eo-events li:hover {
        background: rgba(255, 255, 255, 0.8);
        transition: all 0.3s ease;
        cursor: pointer;
        box-shadow: 0px 0px 5px #cccccc; }
        .page-template-page-members-home .upcoming-events ul.eo-events li:hover .event-info,
        .page-template-page-members-portal .upcoming-events ul.eo-events li:hover .event-info,
        .product-page .upcoming-events ul.eo-events li:hover .event-info {
          padding: 25px 20px 25px 30px;
          transition: all 0.3s ease; }
        .page-template-page-members-home .upcoming-events ul.eo-events li:hover .read_more_link,
        .page-template-page-members-portal .upcoming-events ul.eo-events li:hover .read_more_link,
        .product-page .upcoming-events ul.eo-events li:hover .read_more_link {
          padding-right: 5px;
          transition: all 0.3s ease; }
          .page-template-page-members-home .upcoming-events ul.eo-events li:hover .read_more_link a,
          .page-template-page-members-portal .upcoming-events ul.eo-events li:hover .read_more_link a,
          .product-page .upcoming-events ul.eo-events li:hover .read_more_link a {
            opacity: 0.8;
            transition: all 0.3s ease; }
  .page-template-page-members-home .upcoming-events p.center,
  .page-template-page-members-portal .upcoming-events p.center,
  .product-page .upcoming-events p.center {
    margin: 0 auto;
    text-align: center; }
    .page-template-page-members-home .upcoming-events p.center .btn i,
    .page-template-page-members-portal .upcoming-events p.center .btn i,
    .product-page .upcoming-events p.center .btn i {
      padding-right: 5px;
      font-size: 14px; }

.page-template-page-members-home .hole-in-one .post,
.page-template-page-members-portal .hole-in-one .post,
.product-page .hole-in-one .post {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  border-radius: 10px; }
  @media screen and (max-width: 820px) {
    .page-template-page-members-home .hole-in-one .post,
    .page-template-page-members-portal .hole-in-one .post,
    .product-page .hole-in-one .post {
      min-height: 240px;
      margin-bottom: 30px; } }
  .page-template-page-members-home .hole-in-one .post .thumb,
  .page-template-page-members-portal .hole-in-one .post .thumb,
  .product-page .hole-in-one .post .thumb {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    border-radius: 10px; }
    .page-template-page-members-home .hole-in-one .post .thumb img,
    .page-template-page-members-portal .hole-in-one .post .thumb img,
    .product-page .hole-in-one .post .thumb img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 10px;
      display: none; }
  .page-template-page-members-home .hole-in-one .post .post-content,
  .page-template-page-members-portal .hole-in-one .post .post-content,
  .product-page .hole-in-one .post .post-content {
    width: 100%;
    height: 100%;
    background: rgba(30, 52, 50, 0.4);
    padding: 40px 0px 40px 90px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 10px;
    transition: all 0.3s ease; }
  .page-template-page-members-home .hole-in-one .post i.fa-trophy-star,
  .page-template-page-members-portal .hole-in-one .post i.fa-trophy-star,
  .product-page .hole-in-one .post i.fa-trophy-star {
    font-size: 30px;
    position: absolute;
    left: 40px;
    top: 50px;
    color: white;
    transition: all 0.3s ease; }
  .page-template-page-members-home .hole-in-one .post h3,
  .page-template-page-members-portal .hole-in-one .post h3,
  .product-page .hole-in-one .post h3 {
    color: white;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 0; }
  .page-template-page-members-home .hole-in-one .post p.read_more_link:hover i,
  .page-template-page-members-portal .hole-in-one .post p.read_more_link:hover i,
  .product-page .hole-in-one .post p.read_more_link:hover i {
    right: 20px;
    transition: all 0.3s ease; }
  .page-template-page-members-home .hole-in-one .post p a,
  .page-template-page-members-portal .hole-in-one .post p a,
  .product-page .hole-in-one .post p a {
    color: white;
    text-decoration: none !important; }
  .page-template-page-members-home .hole-in-one .post .read_more_link a, .page-template-page-members-home .hole-in-one .post .read_more_link i,
  .page-template-page-members-portal .hole-in-one .post .read_more_link a,
  .page-template-page-members-portal .hole-in-one .post .read_more_link i,
  .product-page .hole-in-one .post .read_more_link a,
  .product-page .hole-in-one .post .read_more_link i {
    color: white; }
  .page-template-page-members-home .hole-in-one .post .read_more_link i,
  .page-template-page-members-portal .hole-in-one .post .read_more_link i,
  .product-page .hole-in-one .post .read_more_link i {
    font-size: 40px;
    position: absolute;
    bottom: 30px;
    right: 30px;
    transition: all 0.3s ease; }
  .page-template-page-members-home .hole-in-one .post:hover .post-content,
  .page-template-page-members-portal .hole-in-one .post:hover .post-content,
  .product-page .hole-in-one .post:hover .post-content {
    background: rgba(30, 52, 50, 0.8);
    padding: 30px 40px 40px 90px;
    transition: all 0.3s ease; }
  .page-template-page-members-home .hole-in-one .post:hover i.fa-trophy-star,
  .page-template-page-members-portal .hole-in-one .post:hover i.fa-trophy-star,
  .product-page .hole-in-one .post:hover i.fa-trophy-star {
    top: 40px;
    color: #cbef6c;
    transition: all 0.3s ease; }

.page-template-page-members-home .leaderboard,
.page-template-page-members-portal .leaderboard,
.product-page .leaderboard {
  background: #e7d2bc;
  border-radius: 10px; }
  .page-template-page-members-home .leaderboard .holder,
  .page-template-page-members-portal .leaderboard .holder,
  .product-page .leaderboard .holder {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%; }
    .page-template-page-members-home .leaderboard .holder .top,
    .page-template-page-members-portal .leaderboard .holder .top,
    .product-page .leaderboard .holder .top {
      padding: 30px 40px; }
    .page-template-page-members-home .leaderboard .holder .bottom,
    .page-template-page-members-portal .leaderboard .holder .bottom,
    .product-page .leaderboard .holder .bottom {
      background-color: #1e3432;
      border-radius: 0 0 10px 10px;
      padding: 10px 40px;
      text-align: center; }
      .page-template-page-members-home .leaderboard .holder .bottom a.btn-feature,
      .page-template-page-members-portal .leaderboard .holder .bottom a.btn-feature,
      .product-page .leaderboard .holder .bottom a.btn-feature {
        border: 1px solid #1e3432;
        background: #1e3432;
        color: white;
        position: relative;
        display: inline-block;
        overflow: hidden;
        margin: 0;
        border-radius: 5px;
        padding: 15px 25px;
        font-size: 16px;
        line-height: 16px;
        letter-spacing: 1px;
        font-weight: 400;
        text-decoration: none !important;
        z-index: 1;
        transition: 0.5s ease-in-out;
        color: #cbef6c;
        border: 1px solid white;
        background: transparent;
        color: white;
        margin: 20px auto 10px; }
        .page-template-page-members-home .leaderboard .holder .bottom a.btn-feature:after, .page-template-page-members-home .leaderboard .holder .bottom a.btn-feature:before,
        .page-template-page-members-portal .leaderboard .holder .bottom a.btn-feature:after,
        .page-template-page-members-portal .leaderboard .holder .bottom a.btn-feature:before,
        .product-page .leaderboard .holder .bottom a.btn-feature:after,
        .product-page .leaderboard .holder .bottom a.btn-feature:before {
          transition: 0.5s ease-in-out; }
        .page-template-page-members-home .leaderboard .holder .bottom a.btn-feature:hover,
        .page-template-page-members-portal .leaderboard .holder .bottom a.btn-feature:hover,
        .product-page .leaderboard .holder .bottom a.btn-feature:hover {
          color: #1e3432; }
        .page-template-page-members-home .leaderboard .holder .bottom a.btn-feature:before,
        .page-template-page-members-portal .leaderboard .holder .bottom a.btn-feature:before,
        .product-page .leaderboard .holder .bottom a.btn-feature:before {
          content: '';
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: -1px;
          background-color: #cbef6c;
          transform: translateX(-100%);
          z-index: -1; }
        .page-template-page-members-home .leaderboard .holder .bottom a.btn-feature:hover:before,
        .page-template-page-members-portal .leaderboard .holder .bottom a.btn-feature:hover:before,
        .product-page .leaderboard .holder .bottom a.btn-feature:hover:before {
          transform: translateX(0); }
        .page-template-page-members-home .leaderboard .holder .bottom a.btn-feature .fa-brands, .page-template-page-members-home .leaderboard .holder .bottom a.btn-feature .fab,
        .page-template-page-members-portal .leaderboard .holder .bottom a.btn-feature .fa-brands,
        .page-template-page-members-portal .leaderboard .holder .bottom a.btn-feature .fab,
        .product-page .leaderboard .holder .bottom a.btn-feature .fa-brands,
        .product-page .leaderboard .holder .bottom a.btn-feature .fab {
          margin-right: 9px; }
        .page-template-page-members-home .leaderboard .holder .bottom a.btn-feature:hover,
        .page-template-page-members-portal .leaderboard .holder .bottom a.btn-feature:hover,
        .product-page .leaderboard .holder .bottom a.btn-feature:hover {
          border: 1px solid #cbef6c; }
        .page-template-page-members-home .leaderboard .holder .bottom a.btn-feature i,
        .page-template-page-members-portal .leaderboard .holder .bottom a.btn-feature i,
        .product-page .leaderboard .holder .bottom a.btn-feature i {
          font-size: 14px;
          padding-right: 5px; }
  @media screen and (max-width: 820px) {
    .page-template-page-members-home .leaderboard,
    .page-template-page-members-portal .leaderboard,
    .product-page .leaderboard {
      min-height: 240px;
      margin-bottom: 30px; } }

.page-template-page-members-home .club-documents,
.page-template-page-members-portal .club-documents,
.product-page .club-documents {
  border-radius: 10px;
  padding: 30px;
  background: white;
  padding: 0px; }
  @media screen and (max-width: 820px) {
    .page-template-page-members-home .club-documents,
    .page-template-page-members-portal .club-documents,
    .product-page .club-documents {
      min-height: 240px;
      margin-bottom: 30px; } }
  .page-template-page-members-home .club-documents .heading,
  .page-template-page-members-portal .club-documents .heading,
  .product-page .club-documents .heading {
    padding: 30px 40px 6px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline; }
    @media screen and (max-width: 820px) {
      .page-template-page-members-home .club-documents .heading,
      .page-template-page-members-portal .club-documents .heading,
      .product-page .club-documents .heading {
        padding: 20px 30px 16px;
        display: block; } }
    .page-template-page-members-home .club-documents .heading h4,
    .page-template-page-members-portal .club-documents .heading h4,
    .product-page .club-documents .heading h4 {
      font-size: 30px;
      margin-bottom: 0;
      letter-spacing: 1px; }
      @media screen and (max-width: 820px) {
        .page-template-page-members-home .club-documents .heading h4,
        .page-template-page-members-portal .club-documents .heading h4,
        .product-page .club-documents .heading h4 {
          font-size: 24px; } }
    .page-template-page-members-home .club-documents .heading a,
    .page-template-page-members-portal .club-documents .heading a,
    .product-page .club-documents .heading a {
      font-size: 16px;
      font-weight: 500;
      color: #1e3432;
      align-content: center; }
      .page-template-page-members-home .club-documents .heading a:hover,
      .page-template-page-members-portal .club-documents .heading a:hover,
      .product-page .club-documents .heading a:hover {
        text-decoration: none; }
  .page-template-page-members-home .club-documents ul,
  .page-template-page-members-portal .club-documents ul,
  .product-page .club-documents ul {
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0px; }
    @media screen and (max-width: 820px) {
      .page-template-page-members-home .club-documents ul,
      .page-template-page-members-portal .club-documents ul,
      .product-page .club-documents ul {
        display: block; } }
    .page-template-page-members-home .club-documents ul li,
    .page-template-page-members-portal .club-documents ul li,
    .product-page .club-documents ul li {
      font-size: 16px;
      line-height: 20px;
      list-style: none;
      padding: 15px 30px;
      margin: 0;
      border-bottom: 1px dashed #cccccc;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center; }
      @media screen and (max-width: 820px) {
        .page-template-page-members-home .club-documents ul li,
        .page-template-page-members-portal .club-documents ul li,
        .product-page .club-documents ul li {
          padding: 10px 15px; } }
      .page-template-page-members-home .club-documents ul li:nth-child(odd),
      .page-template-page-members-portal .club-documents ul li:nth-child(odd),
      .product-page .club-documents ul li:nth-child(odd) {
        background-image: url("../images/semi-left.svg");
        background-repeat: no-repeat;
        background-size: 30px;
        background-position: 0px center;
        background-color: white; }
        @media screen and (max-width: 820px) {
          .page-template-page-members-home .club-documents ul li:nth-child(odd),
          .page-template-page-members-portal .club-documents ul li:nth-child(odd),
          .product-page .club-documents ul li:nth-child(odd) {
            background-image: none; } }
      .page-template-page-members-home .club-documents ul li:nth-child(even),
      .page-template-page-members-portal .club-documents ul li:nth-child(even),
      .product-page .club-documents ul li:nth-child(even) {
        background-image: url("../images/semi-right.svg");
        background-repeat: no-repeat;
        background-size: 30px;
        background-position: right center;
        background-color: white; }
        @media screen and (max-width: 820px) {
          .page-template-page-members-home .club-documents ul li:nth-child(even),
          .page-template-page-members-portal .club-documents ul li:nth-child(even),
          .product-page .club-documents ul li:nth-child(even) {
            background-image: none; } }
      .page-template-page-members-home .club-documents ul li a,
      .page-template-page-members-portal .club-documents ul li a,
      .product-page .club-documents ul li a {
        font-weight: 500;
        color: #1e3432;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center; }
        .page-template-page-members-home .club-documents ul li a:hover,
        .page-template-page-members-portal .club-documents ul li a:hover,
        .product-page .club-documents ul li a:hover {
          text-decoration: none; }
        .page-template-page-members-home .club-documents ul li a strong,
        .page-template-page-members-portal .club-documents ul li a strong,
        .product-page .club-documents ul li a strong {
          align-self: center;
          border-radius: 30px;
          width: 30px;
          height: 30px;
          display: block;
          line-height: 30px;
          padding: 0px;
          border: 1px solid #e7d2bc;
          display: flex;
          text-align: center;
          margin-right: 15px; }
          .page-template-page-members-home .club-documents ul li a strong i,
          .page-template-page-members-portal .club-documents ul li a strong i,
          .product-page .club-documents ul li a strong i {
            display: block;
            border: 1px solid white;
            background: #e7d2bc;
            color: #1e3432;
            font-size: 16px;
            border-radius: 28px;
            width: 28px;
            height: 28px;
            line-height: 26px;
            padding: 0px;
            opacity: 1;
            transition: all 0.3s ease; }
      .page-template-page-members-home .club-documents ul li em,
      .page-template-page-members-portal .club-documents ul li em,
      .product-page .club-documents ul li em {
        text-align: right;
        color: #636F6D;
        font-size: 14px; }
        @media screen and (max-width: 820px) {
          .page-template-page-members-home .club-documents ul li em,
          .page-template-page-members-portal .club-documents ul li em,
          .product-page .club-documents ul li em {
            display: none; } }

.page-template-page-members-home .ad-space,
.page-template-page-members-portal .ad-space,
.product-page .ad-space {
  border-radius: 10px;
  padding: 30px;
  height: 320px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 0; }
  @media screen and (max-width: 820px) {
    .page-template-page-members-home .ad-space,
    .page-template-page-members-portal .ad-space,
    .product-page .ad-space {
      min-height: 240px;
      margin-bottom: 30px; } }
  .page-template-page-members-home .ad-space .overlay,
  .page-template-page-members-portal .ad-space .overlay,
  .product-page .ad-space .overlay {
    width: 100%;
    height: 100%;
    background: rgba(30, 52, 50, 0.2);
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    border-radius: 10px; }
  .page-template-page-members-home .ad-space p.panel,
  .page-template-page-members-portal .ad-space p.panel,
  .product-page .ad-space p.panel {
    background: white;
    padding: 20px;
    border-radius: 10px;
    font-size: 16px;
    letter-spacing: 0.5px;
    font-weight: 500;
    display: flex;
    align-items: center;
    transition: all 0.3s ease; }
    .page-template-page-members-home .ad-space p.panel a,
    .page-template-page-members-portal .ad-space p.panel a,
    .product-page .ad-space p.panel a {
      font-size: 30px;
      background: #2e5854;
      color: white;
      border-radius: 30px;
      width: 33px;
      height: 33px;
      display: block;
      line-height: 30px;
      padding: 2px;
      opacity: 1;
      transition: all 0.3s ease; }
    .page-template-page-members-home .ad-space p.panel:hover,
    .page-template-page-members-portal .ad-space p.panel:hover,
    .product-page .ad-space p.panel:hover {
      opacity: 0.9;
      transition: all 0.3s ease;
      box-shadow: 0px 0px 5px #cbef6c;
      cursor: pointer; }
      .page-template-page-members-home .ad-space p.panel:hover a,
      .page-template-page-members-portal .ad-space p.panel:hover a,
      .product-page .ad-space p.panel:hover a {
        opacity: 0.8;
        transition: all 0.3s ease; }
    .page-template-page-members-home .ad-space p.panel.accent,
    .page-template-page-members-portal .ad-space p.panel.accent,
    .product-page .ad-space p.panel.accent {
      background: #cbef6c;
      color: #1e3432; }
    .page-template-page-members-home .ad-space p.panel.brand,
    .page-template-page-members-portal .ad-space p.panel.brand,
    .product-page .ad-space p.panel.brand {
      background: #2e5854;
      color: white; }
      .page-template-page-members-home .ad-space p.panel.brand a,
      .page-template-page-members-portal .ad-space p.panel.brand a,
      .product-page .ad-space p.panel.brand a {
        color: white !important; }
    .page-template-page-members-home .ad-space p.panel.contrast,
    .page-template-page-members-portal .ad-space p.panel.contrast,
    .product-page .ad-space p.panel.contrast {
      background: #e7d2bc;
      color: #1e3432; }
      .page-template-page-members-home .ad-space p.panel.contrast a,
      .page-template-page-members-portal .ad-space p.panel.contrast a,
      .product-page .ad-space p.panel.contrast a {
        color: #1e3432 !important;
        background: #e7d2bc; }
    .page-template-page-members-home .ad-space p.panel.dark,
    .page-template-page-members-portal .ad-space p.panel.dark,
    .product-page .ad-space p.panel.dark {
      background: #1e3432;
      color: white;
      border: 1px solid #1e3432;
      box-shadow: inset 0px 0px 0px 1px white; }
      .page-template-page-members-home .ad-space p.panel.dark a,
      .page-template-page-members-portal .ad-space p.panel.dark a,
      .product-page .ad-space p.panel.dark a {
        color: white !important;
        background: #1e3432; }
  .page-template-page-members-home .ad-space.block a,
  .page-template-page-members-portal .ad-space.block a,
  .product-page .ad-space.block a {
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
    color: #1e3432;
    padding: 50px 40px; }
  .page-template-page-members-home .ad-space.light,
  .page-template-page-members-portal .ad-space.light,
  .product-page .ad-space.light {
    background: white;
    color: #1e3432; }
  .page-template-page-members-home .ad-space.accent,
  .page-template-page-members-portal .ad-space.accent,
  .product-page .ad-space.accent {
    background: #cbef6c;
    color: #1e3432; }
  .page-template-page-members-home .ad-space.contrast,
  .page-template-page-members-portal .ad-space.contrast,
  .product-page .ad-space.contrast {
    background: #e7d2bc;
    color: #1e3432; }
  .page-template-page-members-home .ad-space.dark,
  .page-template-page-members-portal .ad-space.dark,
  .product-page .ad-space.dark {
    background: #1e3432; }
    .page-template-page-members-home .ad-space.dark a,
    .page-template-page-members-portal .ad-space.dark a,
    .product-page .ad-space.dark a {
      color: white !important; }
  .page-template-page-members-home .ad-space.brand,
  .page-template-page-members-portal .ad-space.brand,
  .product-page .ad-space.brand {
    background: #2e5854; }
    .page-template-page-members-home .ad-space.brand a,
    .page-template-page-members-portal .ad-space.brand a,
    .product-page .ad-space.brand a {
      color: white !important; }

.page-template-page-members-home .news-posts .news .tabs button.tablinks,
.page-template-page-members-portal .news-posts .news .tabs button.tablinks,
.product-page .news-posts .news .tabs button.tablinks {
  background: transparent;
  border: 0;
  color: #2e5854;
  border-radius: 0;
  border: 0;
  font-family: "sonar-sans", sans-serif;
  font-size: 20px;
  font-weight: 600;
  opacity: 0.35;
  transition: all 0.3s ease;
  padding: 10px 40px 30px 0; }
  .page-template-page-members-home .news-posts .news .tabs button.tablinks:hover,
  .page-template-page-members-portal .news-posts .news .tabs button.tablinks:hover,
  .product-page .news-posts .news .tabs button.tablinks:hover {
    cursor: pointer;
    opacity: 1;
    transition: all 0.3s ease; }
  .page-template-page-members-home .news-posts .news .tabs button.tablinks.active,
  .page-template-page-members-portal .news-posts .news .tabs button.tablinks.active,
  .product-page .news-posts .news .tabs button.tablinks.active {
    opacity: 1;
    transition: all 0.3s ease; }

.page-template-page-members-home .news-posts .news .tabcontent,
.page-template-page-members-portal .news-posts .news .tabcontent,
.product-page .news-posts .news .tabcontent {
  transition: all 0.3s ease; }
  @media screen and (max-width: 820px) {
    .page-template-page-members-home .news-posts .news .tabcontent .posts-wrap,
    .page-template-page-members-portal .news-posts .news .tabcontent .posts-wrap,
    .product-page .news-posts .news .tabcontent .posts-wrap {
      display: block; } }

.page-template-page-members-home .grid,
.page-template-page-members-portal .grid,
.product-page .grid {
  padding-top: 60px;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(6, 1fr);
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  /*grid-auto-columns: minmax(0, 1fr);
		grid-auto-flow: column;
		grid-template-columns: repeat(3, 1fr);
		*/
  grid-template-rows: auto;
  /*@include media($tablet-h) {
			grid-template-columns: repeat(6, 1fr);
			grid-template-rows: repeat(6, 1fr);
		}*/ }
  @media screen and (max-width: 820px) {
    .page-template-page-members-home .grid,
    .page-template-page-members-portal .grid,
    .product-page .grid {
      display: block;
      padding-top: 0; } }

.page-template-page-members-home .card,
.page-template-page-members-portal .card,
.product-page .card {
  grid-column: span 4 / span 4;
  /*@include media($tablet-h) {
			grid-column: span 2 / span 2 !important;
		}*/ }
  .page-template-page-members-home .card.bookings,
  .page-template-page-members-portal .card.bookings,
  .product-page .card.bookings {
    grid-column-start: 1; }
  .page-template-page-members-home .card.book-again,
  .page-template-page-members-portal .card.book-again,
  .product-page .card.book-again {
    grid-column-start: 5;
    /*@include media($tablet-h) {
				grid-column-start: 3;
			}*/ }
  .page-template-page-members-home .card.course-conditions,
  .page-template-page-members-portal .card.course-conditions,
  .product-page .card.course-conditions {
    grid-column-start: 9;
    /*@include media($tablet-h) {
				grid-column-start: 5;
			}*/ }

.page-template-page-members-home .latest-news,
.page-template-page-members-portal .latest-news,
.product-page .latest-news {
  grid-column: span 9 / span 9;
  grid-row-start: 2;
  /*@include media($tablet-h) {
			grid-column: span 4 / span 4;
		}*/ }

.page-template-page-members-home .weather,
.page-template-page-members-portal .weather,
.product-page .weather {
  grid-column: span 3 / span 3;
  grid-column-start: 10;
  grid-row-start: 2;
  /*@include media($tablet-h) {
			grid-column: span 2 / span 2;
			grid-column-start: 5;
			grid-row-start: 2;
		}*/ }

.page-template-page-members-home .upcoming-events,
.page-template-page-members-portal .upcoming-events,
.product-page .upcoming-events {
  grid-column: span 4 / span 4;
  grid-row-start: 3;
  /*@include media($tablet-h) {
			grid-column: span 3 / span 3;
			grid-row-start: 3;
			grid-column-start: 1;
		}*/ }

.page-template-page-members-home .hole-in-one,
.page-template-page-members-portal .hole-in-one,
.product-page .hole-in-one {
  grid-column: span 4 / span 4;
  grid-column-start: 5;
  grid-row-start: 3;
  /*@include media($tablet-h) {
			grid-column: span 3 / span 3;
			grid-row-start: 3;
			grid-column-start: 4;
		}*/ }

.page-template-page-members-home .leaderboard,
.page-template-page-members-portal .leaderboard,
.product-page .leaderboard {
  grid-column: span 4 / span 4;
  grid-column-start: 9;
  grid-row-start: 3;
  /*@include media($tablet-h) {
			grid-column: span 2 / span 2;
			grid-row-start: 4;
			grid-column-start: 5;
		}*/ }

.page-template-page-members-home .club-documents,
.page-template-page-members-portal .club-documents,
.product-page .club-documents {
  grid-column: span 8 / span 8;
  grid-row-start: 4;
  /*@include media($tablet-h) {
			grid-column: span 4 / span 4;
		}*/ }

.page-template-page-members-home .ad-space,
.page-template-page-members-portal .ad-space,
.product-page .ad-space {
  grid-column: span 4 / span 4;
  grid-column-start: 9;
  grid-row-start: 4;
  /*		@include media($tablet-h) {
			grid-column: span 3 / span 3;
			grid-row-start: 4;
			grid-column-start: 4;
		}*/ }

.page-template-page-members-home .news-posts,
.page-template-page-members-portal .news-posts,
.product-page .news-posts {
  grid-column: span 12 / span 12;
  grid-row-start: 5;
  /*@include media($large) {
			grid-column: span 12 / span 12;
			grid-row-start: 6;
		}*/
  /*@include media($tablet-h) {
			grid-column: span 6 / span 6;
			grid-row-start: 7;
		}*/ }

.page-template-page-members-home .news,
.page-template-page-members-portal .news,
.product-page .news {
  grid-area: 7 / 1 / 8 / 13; }

/* Product Members Portal */
.product-page {
  /* Datepicker */
  /* Dropdown */
  /* Changing default blue highlight */
  /* Default Portal Includes view */ }
  .product-page #portal {
    background: #f0f0f0;
    padding-top: 150px;
    padding-bottom: 100px; }
    .product-page #portal.members-overview {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      padding: 0; }
    .product-page #portal .sidebar.left {
      width: 15%; }
      .product-page #portal .sidebar.left .profile {
        border-radius: 10px;
        padding: 30px;
        background: #1e3432;
        color: white;
        text-align: center; }
        .product-page #portal .sidebar.left .profile a {
          color: white !important;
          text-decoration: underline !important; }
      .product-page #portal .sidebar.left .menu {
        border-radius: 10px;
        padding: 30px;
        background: #e8e8e8;
        color: #d8d8d8;
        margin: 30px 0; }
        .product-page #portal .sidebar.left .menu .menu-list {
          margin: 0;
          padding: 0; }
          .product-page #portal .sidebar.left .menu .menu-list li {
            margin-bottom: 5px; }
            .product-page #portal .sidebar.left .menu .menu-list li i {
              width: 30px; }
            .product-page #portal .sidebar.left .menu .menu-list li a {
              font-size: 16px; }
      .product-page #portal .sidebar.left h3 {
        font-family: "sonar-sans", sans-serif;
        font-weight: 600; }
    .product-page #portal .portal.main {
      width: 65%; }
    .product-page #portal .sidebar.right {
      width: 20%; }
    .product-page #portal .menu {
      background: white; }
      .product-page #portal .menu .menu-list {
        list-style: none; }
        .product-page #portal .menu .menu-list li {
          color: #818484;
          font-weight: 600; }
          .product-page #portal .menu .menu-list li a {
            color: #818484; }
    .product-page #portal #shortcuts {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      padding: 30px 0; }
      .product-page #portal #shortcuts .card {
        width: 30%; }
        .product-page #portal #shortcuts .card .holder p, .product-page #portal #shortcuts .card .holder li, .product-page #portal #shortcuts .card .holder a {
          font-size: 14px;
          line-height: 24px;
          letter-spacing: 0.5px; }
        .product-page #portal #shortcuts .card .holder li.course,
        .product-page #portal #shortcuts .card .holder li.carts {
          font-size: 18px !important;
          line-height: 20px !important; }
        .product-page #portal #shortcuts .card .holder a:hover {
          cursor: pointer;
          text-decoration: none !important; }
        .product-page #portal #shortcuts .card .holder .portalLink a {
          color: #1e3432;
          text-decoration: underline !important; }
    .product-page #portal #news-tabs .tabs button.tab-link {
      background: transparent;
      border: 0;
      color: #2e5854;
      border-radius: 0;
      border: 0;
      font-family: quincy-cf, serif;
      font-size: 20px;
      font-weight: 600;
      opacity: 0.35;
      transition: all 0.3s ease;
      padding: 10px 40px 30px 0; }
      .product-page #portal #news-tabs .tabs button.tab-link:hover {
        cursor: pointer;
        opacity: 1;
        transition: all 0.3s ease; }
      .product-page #portal #news-tabs .tabs button.tab-link.active {
        opacity: 1;
        transition: all 0.3s ease; }
    .product-page #portal #news-tabs .tabbed-content {
      transition: all 0.3s ease; }
      .product-page #portal #news-tabs .tabbed-content .posts-wrap {
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between; }
        .product-page #portal #news-tabs .tabbed-content .posts-wrap .post {
          width: 30%;
          position: relative; }
          .product-page #portal #news-tabs .tabbed-content .posts-wrap .post .thumb img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
          .product-page #portal #news-tabs .tabbed-content .posts-wrap .post .post-content .post-meta {
            margin-bottom: 10px; }
    .product-page #portal .portal-row {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      flex-wrap: wrap;
      padding: 30px 0; }
      .product-page #portal .portal-row h1 {
        font-size: 40px;
        line-height: 54px;
        margin: 0 0 30px;
        font-weight: 400;
        letter-spacing: 1px;
        font-family: quincy-cf, serif;
        width: 100%; }
        @media screen and (max-width: 1024px) {
          .product-page #portal .portal-row h1 {
            font-size: 32px;
            line-height: 40px; } }
      .product-page #portal .portal-row .latest-news {
        width: calc(75% - 60px); }
        .product-page #portal .portal-row .latest-news .news-slider {
          min-height: 480px;
          width: 100%;
          position: relative; }
          .product-page #portal .portal-row .latest-news .news-slider .post {
            width: 100%;
            display: flex; }
            .product-page #portal .portal-row .latest-news .news-slider .post .post-container {
              display: flex;
              flex-direction: row; }
            .product-page #portal .portal-row .latest-news .news-slider .post .thumb {
              width: 440px;
              height: 480px;
              object-fit: cover; }
              @media screen and (max-width: 1440px) {
                .product-page #portal .portal-row .latest-news .news-slider .post .thumb {
                  height: 400px; } }
              .product-page #portal .portal-row .latest-news .news-slider .post .thumb img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                display: block; }
            .product-page #portal .portal-row .latest-news .news-slider .post .post-content {
              width: calc(100% - 440px);
              height: 100%; }
              @media screen and (max-width: 1440px) {
                .product-page #portal .portal-row .latest-news .news-slider .post .post-content {
                  width: 50%; } }
            .product-page #portal .portal-row .latest-news .news-slider .post .read_more_link {
              text-align: right; }
              .product-page #portal .portal-row .latest-news .news-slider .post .read_more_link:hover {
                text-decoration: underline; }
          .product-page #portal .portal-row .latest-news .news-slider .slick-prev,
          .product-page #portal .portal-row .latest-news .news-slider .slick-next {
            bottom: -31px;
            top: auto;
            left: auto;
            right: -1px;
            background: #1e3432;
            width: 60px;
            height: 60px;
            opacity: 1;
            transition: all 0.3s ease; }
            .product-page #portal .portal-row .latest-news .news-slider .slick-prev:hover,
            .product-page #portal .portal-row .latest-news .news-slider .slick-next:hover {
              opacity: 0.8;
              transition: all 0.3s ease; }
          .product-page #portal .portal-row .latest-news .news-slider .slick-prev {
            right: 59px;
            z-index: 2;
            background: #2e5854; }
      .product-page #portal .portal-row .weather {
        width: 25%; }
  .product-page .posts-wrap {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between; }
  .product-page .post {
    width: 30%;
    position: relative; }
  .product-page .search-form {
    background: #2e5854;
    color: white;
    padding: 30px; }
    .product-page .search-form form {
      display: flex; }
      .product-page .search-form form input[type=text] {
        font-size: 16px;
        font-family: "effra-cc", sans-serif;
        padding: 5px 10px; }
      .product-page .search-form form input[type=submit] {
        border: 1px solid #1e3432;
        background: #1e3432;
        color: white;
        position: relative;
        display: inline-block;
        overflow: hidden;
        margin: 0;
        border-radius: 5px;
        padding: 15px 25px;
        font-size: 16px;
        line-height: 16px;
        letter-spacing: 1px;
        font-weight: 400;
        text-decoration: none !important;
        z-index: 1;
        transition: 0.5s ease-in-out;
        color: #cbef6c;
        border: 1px solid white;
        background: transparent; }
        .product-page .search-form form input[type=submit]:after, .product-page .search-form form input[type=submit]:before {
          transition: 0.5s ease-in-out; }
        .product-page .search-form form input[type=submit]:hover {
          color: #1e3432; }
        .product-page .search-form form input[type=submit]:before {
          content: '';
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: -1px;
          background-color: #cbef6c;
          transform: translateX(-100%);
          z-index: -1; }
        .product-page .search-form form input[type=submit]:hover:before {
          transform: translateX(0); }
        .product-page .search-form form input[type=submit] .fa-brands, .product-page .search-form form input[type=submit] .fab {
          margin-right: 9px; }
        .product-page .search-form form input[type=submit]:hover {
          border: 1px solid #cbef6c; }
  .product-page #dateControlDatepicker .DayPicker .DayPicker-wrapper {
    background: #cad8ce; }
    .product-page #dateControlDatepicker .DayPicker .DayPicker-wrapper .DayPicker-NavBar .DayPicker-NavButton {
      color: #1e3432; }
    .product-page #dateControlDatepicker .DayPicker .DayPicker-wrapper .DayPicker-Months .DayPicker-Month .DayPicker-Caption select {
      background: white; }
    .product-page #dateControlDatepicker .DayPicker .DayPicker-wrapper .DayPicker-Months .DayPicker-Month .DayPicker-Weekdays {
      color: #1e3432; }
    .product-page #dateControlDatepicker .DayPicker .DayPicker-wrapper .DayPicker-Months .DayPicker-Month .DayPicker-Week .DayPicker-Day {
      color: #1e3432;
      border: 1px solid #1e3432; }
      .product-page #dateControlDatepicker .DayPicker .DayPicker-wrapper .DayPicker-Months .DayPicker-Month .DayPicker-Week .DayPicker-Day:hover {
        background: #2e5854 !important;
        color: white; }
    .product-page #dateControlDatepicker .DayPicker .DayPicker-wrapper .DayPicker-Months .DayPicker-Month .DayPicker-Week .DayPicker-Day--selected,
    .product-page #dateControlDatepicker .DayPicker .DayPicker-wrapper .DayPicker-Months .DayPicker-Month .DayPicker-Week .DayPicker-Day--today {
      background: #2e5854;
      color: white; }
    .product-page #dateControlDatepicker .DayPicker .DayPicker-wrapper .DayPicker-Footer {
      background: #cad8ce; }
      .product-page #dateControlDatepicker .DayPicker .DayPicker-wrapper .DayPicker-Footer button {
        border: 1px solid #1e3432;
        background: #1e3432;
        color: white;
        position: relative;
        display: inline-block;
        overflow: hidden;
        margin: 0;
        border-radius: 5px;
        padding: 15px 25px;
        font-size: 16px;
        line-height: 16px;
        letter-spacing: 1px;
        font-weight: 400;
        text-decoration: none !important;
        z-index: 1;
        transition: 0.5s ease-in-out;
        padding: 10px 15px;
        font-size: 14px;
        line-height: 14px;
        letter-spacing: 0.5px; }
        .product-page #dateControlDatepicker .DayPicker .DayPicker-wrapper .DayPicker-Footer button:after, .product-page #dateControlDatepicker .DayPicker .DayPicker-wrapper .DayPicker-Footer button:before {
          transition: 0.5s ease-in-out; }
        .product-page #dateControlDatepicker .DayPicker .DayPicker-wrapper .DayPicker-Footer button:hover {
          color: #1e3432; }
        .product-page #dateControlDatepicker .DayPicker .DayPicker-wrapper .DayPicker-Footer button:before {
          content: '';
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: -1px;
          background-color: #cbef6c;
          transform: translateX(-100%);
          z-index: -1; }
        .product-page #dateControlDatepicker .DayPicker .DayPicker-wrapper .DayPicker-Footer button:hover:before {
          transform: translateX(0); }
        .product-page #dateControlDatepicker .DayPicker .DayPicker-wrapper .DayPicker-Footer button .fa-brands, .product-page #dateControlDatepicker .DayPicker .DayPicker-wrapper .DayPicker-Footer button .fab {
          margin-right: 9px; }
  .product-page .dropdown-menu.show {
    background-color: #cad8ce; }
    .product-page .dropdown-menu.show .dropdown-item:focus, .product-page .dropdown-menu.show .dropdown-item:hover {
      background: #2e5854;
      color: white; }
  .product-page .chip {
    background: #2e5854; }
  .product-page .portal-includes {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    width: 100%; }
    @media screen and (max-width: 1024px) {
      .product-page .portal-includes {
        grid-template-columns: repeat(2, 1fr); } }
    @media screen and (max-width: 820px) {
      .product-page .portal-includes {
        grid-template-columns: repeat(1, 1fr);
        gap: 0px; } }
    .product-page .portal-includes .portal-box {
      border-radius: 10px;
      padding: 30px;
      background: white;
      width: 100%;
      border: 1px solid #B3BFB6;
      border-radius: 20px;
      margin: 0 0 30px;
      font-size: 18px;
      line-height: 26px; }
      .product-page .portal-includes .portal-box a {
        color: #1e3432; }
      .product-page .portal-includes .portal-box h2 {
        font-family: "sonar-sans", sans-serif;
        font-weight: 600;
        font-size: 24px;
        font-weight: 600;
        line-height: 30px;
        color: #1e3432;
        margin: 0 0 15px; }
      .product-page .portal-includes .portal-box p, .product-page .portal-includes .portal-box li {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 10px; }
      .product-page .portal-includes .portal-box .previousLogin {
        font-style: italic;
        font-size: 16px; }
      .product-page .portal-includes .portal-box .portGenBold {
        font-weight: 600; }
      .product-page .portal-includes .portal-box .portalLink {
        float: right; }
        .product-page .portal-includes .portal-box .portalLink a {
          text-decoration: underline !important;
          transition: all 0.3s ease; }
        .product-page .portal-includes .portal-box .portalLink:hover a {
          text-decoration: none !important;
          background: rgba(203, 239, 108, 0.35);
          transition: all 0.3s ease; }
      .product-page .portal-includes .portal-box table {
        font-family: "effra-cc", sans-serif;
        margin: 20px 0;
        border-top: 1px solid #B3BFB6; }
        .product-page .portal-includes .portal-box table thead tr th {
          font-family: "effra-cc", sans-serif;
          background: #1e3432;
          color: white;
          font-size: 14px;
          padding: 10px 20px; }
        .product-page .portal-includes .portal-box table tbody tr td {
          font-family: "effra-cc", sans-serif;
          background: rgba(202, 216, 206, 0.5);
          font-size: 14px;
          padding: 10px 20px; }
        .product-page .portal-includes .portal-box table tbody tr:nth-of-type(2n+2) td {
          background: #f0f0f0; }
      .product-page .portal-includes .portal-box.portal-details ul {
        padding: 0;
        margin: 0;
        list-style: none; }
        .product-page .portal-includes .portal-box.portal-details ul li {
          margin-bottom: 0;
          list-style: none;
          padding: 0; }
      .product-page .portal-includes .portal-box#membership p {
        margin-bottom: 5px; }
      .product-page .portal-includes .portal-box.portal-leaderboards .portalLink {
        float: none;
        display: block; }
      .product-page .portal-includes .portal-box.portal-results #miStats_body #courseName {
        font-weight: 600; }
      .product-page .portal-includes .portal-box.portal-results #roundsPlayed .stat-total,
      .product-page .portal-includes .portal-box.portal-results #average .stat-total {
        font-weight: 600; }
      .product-page .portal-includes .portal-box.portal-results .pie-chart .pie-title h4 {
        font-family: "sonar-sans", sans-serif;
        font-weight: 600;
        font-size: 20px;
        font-weight: 600;
        line-height: 30px;
        color: #1e3432;
        margin: 0 0 5px; }
      .product-page .portal-includes .portal-box#merit ul {
        margin: 0; }
        .product-page .portal-includes .portal-box#merit ul li {
          list-style: none;
          padding: 0;
          margin: 0; }
          .product-page .portal-includes .portal-box#merit ul li.portGenNorm a {
            text-decoration: underline !important; }
          .product-page .portal-includes .portal-box#merit ul li.portGenNorm:hover a {
            text-decoration: none !important; }
          .product-page .portal-includes .portal-box#merit ul li.portGenEm {
            font-style: italic;
            font-size: 14px;
            padding-bottom: 10px; }
      .product-page .portal-includes .portal-box#teenet {
        position: relative; }
        .product-page .portal-includes .portal-box#teenet img {
          position: absolute;
          right: 30px;
          top: 30px; }
    .product-page .portal-includes.breakout {
      grid-template-columns: repeat(2, 1fr);
      gap: 60px;
      margin-bottom: 30px; }
      @media screen and (max-width: 1024px) {
        .product-page .portal-includes.breakout {
          gap: 30px; } }
      @media screen and (max-width: 820px) {
        .product-page .portal-includes.breakout {
          grid-template-columns: repeat(1, 1fr);
          gap: 0px;
          margin-bottom: 0px; } }
      .product-page .portal-includes.breakout .portal-box {
        background: #cad8ce; }

/* Login Page */
body.login-page.product-page {
  background-image: url(/cms/wp-content/themes/vivid/assets/images/login-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 0; }
  body.login-page.product-page #banner {
    display: none; }
  body.login-page.product-page #main {
    padding-top: 0 !important;
    background: transparent; }
    body.login-page.product-page #main section.product {
      padding: 0 !important;
      background: transparent;
      margin-bottom: 0; }
      body.login-page.product-page #main section.product .container {
        flex-direction: column;
        padding: 0;
        max-width: 100% !important; }
  body.login-page.product-page .error,
  body.login-page.product-page .login {
    width: 100%;
    padding: 0;
    margin: 0 auto; }
  body.login-page.product-page .login {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 auto;
    background-color: rgba(30, 52, 50, 0.9);
    padding-top: 120px;
    height: 100vh; }
    @media screen and (max-width: 820px) {
      body.login-page.product-page .login {
        padding-top: 80px; } }
    @media screen and (max-width: 1024px) {
      body.login-page.product-page .login {
        flex-direction: column;
        height: auto; } }
    body.login-page.product-page .login .left,
    body.login-page.product-page .login .right {
      width: 50%;
      padding: 120px;
      display: flex;
      flex-direction: column;
      justify-content: center; }
      @media screen and (max-width: 1600px) {
        body.login-page.product-page .login .left,
        body.login-page.product-page .login .right {
          justify-content: flex-start; } }
      @media screen and (max-width: 1440px) {
        body.login-page.product-page .login .left,
        body.login-page.product-page .login .right {
          padding: 120px 60px; } }
      @media screen and (max-width: 1024px) {
        body.login-page.product-page .login .left,
        body.login-page.product-page .login .right {
          width: 100%;
          padding: 120px 60px; } }
      @media screen and (max-width: 820px) {
        body.login-page.product-page .login .left,
        body.login-page.product-page .login .right {
          padding: 50px 40px; } }
    body.login-page.product-page .login .left form {
      width: 100%;
      color: white;
      z-index: 1; }
      body.login-page.product-page .login .left form input, body.login-page.product-page .login .left form select, body.login-page.product-page .login .left form textarea {
        background-color: rgba(46, 88, 84, 0.25);
        border: 1px solid #2e5854 !important;
        color: white !important; }
      body.login-page.product-page .login .left form input:-webkit-autofill,
      body.login-page.product-page .login .left form input:-webkit-autofill:hover,
      body.login-page.product-page .login .left form input:-webkit-autofill:focus,
      body.login-page.product-page .login .left form textarea:-webkit-autofill,
      body.login-page.product-page .login .left form textarea:-webkit-autofill:hover,
      body.login-page.product-page .login .left form textarea:-webkit-autofill:focus,
      body.login-page.product-page .login .left form select:-webkit-autofill,
      body.login-page.product-page .login .left form select:-webkit-autofill:hover,
      body.login-page.product-page .login .left form select:-webkit-autofill:focus {
        -webkit-text-fill-color: white;
        -webkit-box-shadow: 0 0 0px 1000px #223D3B inset !important; }
      @media screen and (max-width: 1024px) {
        body.login-page.product-page .login .left form {
          margin: 0 auto; } }
      body.login-page.product-page .login .left form h1 {
        font-size: 60px;
        color: white;
        margin-bottom: 60px; }
        @media screen and (max-width: 1200px) {
          body.login-page.product-page .login .left form h1 {
            font-size: 50px; } }
        @media screen and (max-width: 820px) {
          body.login-page.product-page .login .left form h1 {
            font-size: 40px;
            margin-bottom: 30px; } }
      body.login-page.product-page .login .left form span {
        color: #1e3432;
        display: block;
        font-size: 18px;
        color: white;
        letter-spacing: 1px;
        line-height: 24px;
        padding: 0 0 10px; }
      body.login-page.product-page .login .left form .input {
        margin-bottom: 30px; }
        body.login-page.product-page .login .left form .input input {
          font-family: "effra-cc", sans-serif;
          border: 1px solid #B3BFB6;
          color: #1e3432;
          letter-spacing: 1px;
          padding: 15px 20px;
          font-size: 18px;
          line-height: 24px;
          width: 100%; }
        body.login-page.product-page .login .left form .input input[type=submit] {
          border: 1px solid #1e3432;
          background: #1e3432;
          color: white;
          position: relative;
          display: inline-block;
          overflow: hidden;
          margin: 0;
          border-radius: 5px;
          padding: 15px 25px;
          font-size: 16px;
          line-height: 16px;
          letter-spacing: 1px;
          font-weight: 400;
          text-decoration: none !important;
          z-index: 1;
          transition: 0.5s ease-in-out;
          color: #cbef6c;
          border: 1px solid white;
          background: transparent;
          border: 1px solid white !important;
          color: #cbef6c !important;
          width: auto !important;
          transition: all 0.3s ease; }
          body.login-page.product-page .login .left form .input input[type=submit]:after, body.login-page.product-page .login .left form .input input[type=submit]:before {
            transition: 0.5s ease-in-out; }
          body.login-page.product-page .login .left form .input input[type=submit]:hover {
            color: #1e3432; }
          body.login-page.product-page .login .left form .input input[type=submit]:before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: -1px;
            background-color: #cbef6c;
            transform: translateX(-100%);
            z-index: -1; }
          body.login-page.product-page .login .left form .input input[type=submit]:hover:before {
            transform: translateX(0); }
          body.login-page.product-page .login .left form .input input[type=submit] .fa-brands, body.login-page.product-page .login .left form .input input[type=submit] .fab {
            margin-right: 9px; }
          body.login-page.product-page .login .left form .input input[type=submit]:hover {
            border: 1px solid #cbef6c; }
          body.login-page.product-page .login .left form .input input[type=submit]:hover {
            color: #1e3432 !important;
            background: #cbef6c !important;
            transition: all 0.3s ease; }
      body.login-page.product-page .login .left form a {
        color: white;
        font-size: 16px;
        text-decoration: none; }
      body.login-page.product-page .login .left form .remember {
        display: flex;
        flex-direction: row;
        align-items: baseline;
        padding: 0px 0 10px; }
        body.login-page.product-page .login .left form .remember span {
          padding-left: 10px; }
    body.login-page.product-page .login .right {
      background: #e7d2bc; }
      body.login-page.product-page .login .right p {
        margin-bottom: 10px; }
        body.login-page.product-page .login .right p a {
          text-decoration: underline !important; }
      body.login-page.product-page .login .right h2 {
        font-size: 40px;
        line-height: 54px;
        margin: 0 0 10px; }
      body.login-page.product-page .login .right h3 {
        font-size: 32px;
        line-height: 40px; }
      body.login-page.product-page .login .right p + h2 {
        margin-top: 20px; }
  body.login-page.product-page #footer-container {
    position: relative; }

/* Wordpress Members Portal Layout */
.page-template-page-members-portal #main {
  padding: 120px 60px; }
  @media screen and (max-width: 820px) {
    .page-template-page-members-portal #main {
      padding: 80px 0 0; } }
  .page-template-page-members-portal #main .container {
    max-width: 100%;
    padding: 60px 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
    @media screen and (max-width: 820px) {
      .page-template-page-members-portal #main .container {
        flex-direction: column;
        padding: 40px; } }
    .page-template-page-members-portal #main .container .left-menu {
      width: 20%;
      margin: 0; }
      @media screen and (max-width: 820px) {
        .page-template-page-members-portal #main .container .left-menu {
          width: 100%; } }
      .page-template-page-members-portal #main .container .left-menu .card {
        padding: 10px 30px;
        margin: 0 auto 60px;
        text-align: center; }
        @media screen and (max-width: 820px) {
          .page-template-page-members-portal #main .container .left-menu .card {
            margin-bottom: 40px; } }
        .page-template-page-members-portal #main .container .left-menu .card p {
          font-size: 14px; }
      .page-template-page-members-portal #main .container .left-menu .profile {
        background: #1e3432;
        color: white;
        text-align: center; }
        .page-template-page-members-portal #main .container .left-menu .profile p.welcome {
          font-size: 18px;
          font-weight: 600; }
        .page-template-page-members-portal #main .container .left-menu .profile a {
          color: white; }
    .page-template-page-members-portal #main .container .quick-links {
      background: white;
      position: relative; }
      .page-template-page-members-portal #main .container .quick-links ul.links {
        padding: 0 0 0 10px;
        text-align: left; }
        .page-template-page-members-portal #main .container .quick-links ul.links li {
          font-family: "sonar-sans", sans-serif;
          font-size: 16px;
          letter-spacing: 1px;
          line-height: 50px;
          list-style: none;
          display: flex;
          flex-direction: row;
          flex-wrap: wrap;
          align-items: center; }
          .page-template-page-members-portal #main .container .quick-links ul.links li i {
            color: #1e3432;
            width: 30px; }
          .page-template-page-members-portal #main .container .quick-links ul.links li.active {
            color: #1e3432; }
            .page-template-page-members-portal #main .container .quick-links ul.links li.active::before {
              content: "";
              position: absolute;
              width: 7px;
              height: 50px;
              left: 0;
              background: #B3BFB6; }
            .page-template-page-members-portal #main .container .quick-links ul.links li.active i {
              color: #2e5854; }
            .page-template-page-members-portal #main .container .quick-links ul.links li.active a {
              color: #1e3432; }
          .page-template-page-members-portal #main .container .quick-links ul.links li:hover a {
            color: #1e3432;
            transition: all 0.3s ease;
            cursor: pointer; }
          .page-template-page-members-portal #main .container .quick-links ul.links li a {
            font-size: 16px;
            color: #818484;
            font-weight: 600;
            text-decoration: none;
            padding: 0 0 0 10px;
            transition: all 0.3s ease; }
    .page-template-page-members-portal #main .container .portal-content {
      width: calc(80% - 60px);
      margin: 0 0 0 60px; }
      @media screen and (max-width: 820px) {
        .page-template-page-members-portal #main .container .portal-content {
          width: 100%;
          margin: 0 auto; } }
      .page-template-page-members-portal #main .container .portal-content .latest-news,
      .page-template-page-members-portal #main .container .portal-content .news-posts {
        display: flex;
        flex-direction: row;
        justify-content: space-between; }
        @media screen and (max-width: 1200px) {
          .page-template-page-members-portal #main .container .portal-content .latest-news,
          .page-template-page-members-portal #main .container .portal-content .news-posts {
            flex-direction: column; } }
        .page-template-page-members-portal #main .container .portal-content .latest-news .news-slider,
        .page-template-page-members-portal #main .container .portal-content .latest-news .news,
        .page-template-page-members-portal #main .container .portal-content .news-posts .news-slider,
        .page-template-page-members-portal #main .container .portal-content .news-posts .news {
          width: 70%; }
          @media screen and (max-width: 1200px) {
            .page-template-page-members-portal #main .container .portal-content .latest-news .news-slider,
            .page-template-page-members-portal #main .container .portal-content .latest-news .news,
            .page-template-page-members-portal #main .container .portal-content .news-posts .news-slider,
            .page-template-page-members-portal #main .container .portal-content .news-posts .news {
              width: 100%; } }
        .page-template-page-members-portal #main .container .portal-content .latest-news .right-menu,
        .page-template-page-members-portal #main .container .portal-content .news-posts .right-menu {
          width: calc(30% - 60px); }
          @media screen and (max-width: 1200px) {
            .page-template-page-members-portal #main .container .portal-content .latest-news .right-menu,
            .page-template-page-members-portal #main .container .portal-content .news-posts .right-menu {
              width: 100%; } }
      @media screen and (max-width: 1200px) {
        .page-template-page-members-portal #main .container .portal-content .latest-news .right-menu {
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          align-content: center; } }
  @media screen and (max-width: 1200px) and (max-width: 820px) {
    .page-template-page-members-portal #main .container .portal-content .latest-news .right-menu {
      flex-direction: column; } }
      @media screen and (max-width: 1200px) {
          .page-template-page-members-portal #main .container .portal-content .latest-news .right-menu .card {
            width: calc(50% - 30px);
            margin: 0 0 60px; } }
    @media screen and (max-width: 1200px) and (max-width: 820px) {
      .page-template-page-members-portal #main .container .portal-content .latest-news .right-menu .card {
        width: 100%; } }
      .page-template-page-members-portal #main .container .portal-content .news-slider {
        margin-bottom: 60px;
        height: 480px;
        overflow: hidden; }
        @media screen and (max-width: 820px) {
          .page-template-page-members-portal #main .container .portal-content .news-slider {
            width: 100%;
            height: auto; } }
        .page-template-page-members-portal #main .container .portal-content .news-slider .slick-slide .post {
          overflow: hidden;
          border-radius: 10px; }
          @media screen and (max-width: 820px) {
            .page-template-page-members-portal #main .container .portal-content .news-slider .slick-slide .post .post-container {
              flex-direction: column; } }
          @media screen and (max-width: 820px) {
            .page-template-page-members-portal #main .container .portal-content .news-slider .slick-slide .post .post-container .thumb {
              height: 240px; } }
          @media screen and (max-width: 820px) {
            .page-template-page-members-portal #main .container .portal-content .news-slider .slick-slide .post .post-container .post-content {
              padding: 30px;
              width: 100%; } }
        .page-template-page-members-portal #main .container .portal-content .news-slider .slick-arrow {
          width: 60px;
          height: 60px; }
          @media screen and (max-width: 820px) {
            .page-template-page-members-portal #main .container .portal-content .news-slider .slick-arrow {
              width: 50%; } }
          .page-template-page-members-portal #main .container .portal-content .news-slider .slick-arrow:before, .page-template-page-members-portal #main .container .portal-content .news-slider .slick-arrow:after {
            font-size: 30px;
            opacity: 1; }
        .page-template-page-members-portal #main .container .portal-content .news-slider .slick-prev,
        .page-template-page-members-portal #main .container .portal-content .news-slider .slick-next {
          z-index: 10;
          bottom: -30px;
          top: auto;
          opacity: 1;
          transition: all 0.3s ease; }
          @media screen and (max-width: 820px) {
            .page-template-page-members-portal #main .container .portal-content .news-slider .slick-prev,
            .page-template-page-members-portal #main .container .portal-content .news-slider .slick-next {
              bottom: 0; } }
          .page-template-page-members-portal #main .container .portal-content .news-slider .slick-prev:hover,
          .page-template-page-members-portal #main .container .portal-content .news-slider .slick-next:hover {
            opacity: 0.8;
            transition: all 0.3s ease;
            cursor: pointer; }
        .page-template-page-members-portal #main .container .portal-content .news-slider .slick-prev {
          right: 60px;
          left: auto;
          background: #1e3432; }
          @media screen and (max-width: 820px) {
            .page-template-page-members-portal #main .container .portal-content .news-slider .slick-prev {
              right: auto; } }
        .page-template-page-members-portal #main .container .portal-content .news-slider .slick-next {
          right: 0px;
          background: #2e5854;
          border-radius: 0 0 10px 0; }
          @media screen and (max-width: 820px) {
            .page-template-page-members-portal #main .container .portal-content .news-slider .slick-next {
              right: 0; } }
      .page-template-page-members-portal #main .container .portal-content .news-posts .news h2 {
        font-family: "sonar-sans", sans-serif;
        font-weight: 600;
        font-size: 30px;
        line-height: 30px;
        letter-spacing: 0.5px; }
      .page-template-page-members-portal #main .container .portal-content .news-posts .news .tabs .tablinks {
        font-family: "sonar-sans", sans-serif; }
      .page-template-page-members-portal #main .container .portal-content .news-posts .news #news .tabcontent .posts-wrap {
        grid-template-columns: repeat(2, 1fr); }
        @media screen and (max-width: 820px) {
          .page-template-page-members-portal #main .container .portal-content .news-posts .news #news .tabcontent .posts-wrap {
            grid-template-columns: repeat(1, 1fr); } }
        @media screen and (max-width: 820px) {
          .page-template-page-members-portal #main .container .portal-content .news-posts .news #news .tabcontent .posts-wrap .post {
            margin: 0 auto 30px; } }
      .page-template-page-members-portal #main .container .portal-content .news-posts .news #news .archives {
        display: flex;
        flex-direction: row;
        justify-content: center;
        width: 100%; }
        .page-template-page-members-portal #main .container .portal-content .news-posts .news #news .archives .archive-link {
          border: 1px solid #1e3432;
          background: #1e3432;
          color: white;
          position: relative;
          display: inline-block;
          overflow: hidden;
          margin: 0;
          border-radius: 5px;
          padding: 15px 25px;
          font-size: 16px;
          line-height: 16px;
          letter-spacing: 1px;
          font-weight: 400;
          text-decoration: none !important;
          z-index: 1;
          transition: 0.5s ease-in-out;
          border-radius: 30px;
          display: flex;
          flex-direction: row;
          justify-content: center;
          align-items: center;
          line-height: 20px; }
          .page-template-page-members-portal #main .container .portal-content .news-posts .news #news .archives .archive-link:after, .page-template-page-members-portal #main .container .portal-content .news-posts .news #news .archives .archive-link:before {
            transition: 0.5s ease-in-out; }
          .page-template-page-members-portal #main .container .portal-content .news-posts .news #news .archives .archive-link:hover {
            color: #1e3432; }
          .page-template-page-members-portal #main .container .portal-content .news-posts .news #news .archives .archive-link:before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: -1px;
            background-color: #cbef6c;
            transform: translateX(-100%);
            z-index: -1; }
          .page-template-page-members-portal #main .container .portal-content .news-posts .news #news .archives .archive-link:hover:before {
            transform: translateX(0); }
          .page-template-page-members-portal #main .container .portal-content .news-posts .news #news .archives .archive-link .fa-brands, .page-template-page-members-portal #main .container .portal-content .news-posts .news #news .archives .archive-link .fab {
            margin-right: 9px; }
          .page-template-page-members-portal #main .container .portal-content .news-posts .news #news .archives .archive-link i {
            font-size: 20px;
            margin-left: 20px; }
    .page-template-page-members-portal #main .container .right-menu .card {
      border-radius: 10px;
      margin-bottom: 60px;
      width: 100%;
      overflow: hidden;
      height: 210px; }
      @media screen and (max-width: 820px) {
        .page-template-page-members-portal #main .container .right-menu .card {
          margin-bottom: 40px; } }
      .page-template-page-members-portal #main .container .right-menu .card.course-conditions {
        padding: 0;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: flex-end; }
        .page-template-page-members-portal #main .container .right-menu .card.course-conditions img.cc-bg {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          object-fit: cover; }
        .page-template-page-members-portal #main .container .right-menu .card.course-conditions .status {
          background: white;
          z-index: 2;
          margin: 20px;
          padding: 15px 20px;
          margin-top: 100px;
          border-radius: 10px;
          display: flex;
          flex-direction: row;
          flex-wrap: wrap;
          align-items: center;
          justify-content: space-between; }
          .page-template-page-members-portal #main .container .right-menu .card.course-conditions .status ul {
            padding: 0px;
            min-width: auto;
            display: block;
            margin: 0; }
            .page-template-page-members-portal #main .container .right-menu .card.course-conditions .status ul li {
              font-size: 16px;
              line-height: 26px;
              font-weight: 500;
              padding-top: 0;
              font-family: "sonar-sans", sans-serif;
              display: grid;
              grid-template-columns: repeat(2, 1fr);
              grid-column-gap: 10px;
              grid-row-gap: 0; }
              .page-template-page-members-portal #main .container .right-menu .card.course-conditions .status ul li span {
                text-transform: uppercase;
                font-weight: 700;
                letter-spacing: 0.5px;
                margin: 0;
                padding: 0;
                width: inherit;
                padding-left: 20px; }
          .page-template-page-members-portal #main .container .right-menu .card.course-conditions .status .icon {
            width: 34px;
            height: 34px;
            background: #2e5854;
            box-shadow: 0 0 0 2px #2e5854;
            margin-left: 0px; }
            .page-template-page-members-portal #main .container .right-menu .card.course-conditions .status .icon .cart {
              height: 100%;
              justify-content: center;
              align-items: center; }
            .page-template-page-members-portal #main .container .right-menu .card.course-conditions .status .icon img {
              width: 20px;
              height: 20px; }
      .page-template-page-members-portal #main .container .right-menu .card.weather {
        border-radius: 10px;
        padding: 30px;
        border-radius: 10px;
        padding: 20px 20px 0;
        margin-top: 60px; }
        @media screen and (max-width: 820px) {
          .page-template-page-members-portal #main .container .right-menu .card.weather {
            margin-top: 0px; } }
        .page-template-page-members-portal #main .container .right-menu .card.weather #today-feed-container {
          display: none;
          justify-content: center; }
        .page-template-page-members-portal #main .container .right-menu .card.weather #weatherFeed {
          padding-top: 0px;
          display: flex;
          flex-direction: row;
          flex-wrap: wrap;
          justify-content: space-around; }
          .page-template-page-members-portal #main .container .right-menu .card.weather #weatherFeed .forecast-day {
            display: flex;
            flex-direction: column;
            padding: 0 10px 0px;
            margin: 0;
            font-size: 14px;
            line-height: 20px;
            letter-spacing: 0.5px; }
            .page-template-page-members-portal #main .container .right-menu .card.weather #weatherFeed .forecast-day .day {
              font-weight: 600; }
          .page-template-page-members-portal #main .container .right-menu .card.weather #weatherFeed .radar-button {
            width: 100%; }
            .page-template-page-members-portal #main .container .right-menu .card.weather #weatherFeed .radar-button .btn-feature {
              border: 0;
              padding: 0; }
        .page-template-page-members-portal #main .container .right-menu .card.weather h3 {
          font-family: "sonar-sans", sans-serif;
          font-weight: 600;
          font-size: 24px;
          letter-spacing: 1px;
          margin-bottom: 15px; }
          .page-template-page-members-portal #main .container .right-menu .card.weather h3:after {
            height: 0px;
            width: 0px;
            display: none; }
        .page-template-page-members-portal #main .container .right-menu .card.weather .icon-bg {
          background: #2e5854;
          border-radius: 110px;
          width: 110px;
          height: 110px;
          display: flex;
          align-items: center;
          text-align: center;
          justify-content: center;
          margin: 0 auto 20px; }
          .page-template-page-members-portal #main .container .right-menu .card.weather .icon-bg i {
            color: #cbef6c;
            font-size: 60px; }
        .page-template-page-members-portal #main .container .right-menu .card.weather .outlook {
          display: none; }
        .page-template-page-members-portal #main .container .right-menu .card.weather .current-temp {
          font-size: 20px;
          font-weight: 600; }
        .page-template-page-members-portal #main .container .right-menu .card.weather a.btn-feature {
          border: 1px solid #1e3432;
          background: #1e3432;
          color: white;
          position: relative;
          display: inline-block;
          overflow: hidden;
          margin: 0;
          border-radius: 5px;
          padding: 15px 25px;
          font-size: 16px;
          line-height: 16px;
          letter-spacing: 1px;
          font-weight: 400;
          text-decoration: none !important;
          z-index: 1;
          transition: 0.5s ease-in-out;
          color: #cbef6c;
          border: 1px solid white;
          background: transparent;
          color: white;
          margin: 25px auto 10px;
          border-radius: 0; }
          .page-template-page-members-portal #main .container .right-menu .card.weather a.btn-feature:after, .page-template-page-members-portal #main .container .right-menu .card.weather a.btn-feature:before {
            transition: 0.5s ease-in-out; }
          .page-template-page-members-portal #main .container .right-menu .card.weather a.btn-feature:hover {
            color: #1e3432; }
          .page-template-page-members-portal #main .container .right-menu .card.weather a.btn-feature:before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: -1px;
            background-color: #cbef6c;
            transform: translateX(-100%);
            z-index: -1; }
          .page-template-page-members-portal #main .container .right-menu .card.weather a.btn-feature:hover:before {
            transform: translateX(0); }
          .page-template-page-members-portal #main .container .right-menu .card.weather a.btn-feature .fa-brands, .page-template-page-members-portal #main .container .right-menu .card.weather a.btn-feature .fab {
            margin-right: 9px; }
          .page-template-page-members-portal #main .container .right-menu .card.weather a.btn-feature:hover {
            border: 1px solid #cbef6c; }
          .page-template-page-members-portal #main .container .right-menu .card.weather a.btn-feature:hover {
            background: transparent;
            color: #cbef6c; }
          .page-template-page-members-portal #main .container .right-menu .card.weather a.btn-feature:before {
            background-color: transparent; }
          .page-template-page-members-portal #main .container .right-menu .card.weather a.btn-feature i {
            font-size: 14px;
            padding-right: 5px; }
    .page-template-page-members-portal #main .container .right-menu .notifications h3 {
      font-family: "sonar-sans", sans-serif;
      font-weight: 600;
      font-size: 30px;
      line-height: 30px;
      letter-spacing: 0.5px; }
    .page-template-page-members-portal #main .container .right-menu .notifications .note {
      background: #cad8ce;
      padding: 30px;
      border-radius: 10px;
      border: 1px solid #B3BFB6;
      opacity: 1;
      transition: all 0.3s ease;
      position: relative;
      margin-bottom: 30px; }
      .page-template-page-members-portal #main .container .right-menu .notifications .note h4 {
        font-size: 22px;
        letter-spacing: 1px;
        margin-bottom: 24px;
        font-size: 20px;
        font-weight: 500;
        line-height: 20px; }
      .page-template-page-members-portal #main .container .right-menu .notifications .note p {
        font-weight: 300;
        font-size: 16px;
        line-height: 24px; }
        .page-template-page-members-portal #main .container .right-menu .notifications .note p.date {
          font-size: 14px;
          font-style: italic; }
      .page-template-page-members-portal #main .container .right-menu .notifications .note .read_more_link {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        transition: all 0.3s ease;
        opacity: 1;
        position: absolute;
        right: 30px;
        bottom: 30px; }
        .page-template-page-members-portal #main .container .right-menu .notifications .note .read_more_link a {
          font-size: 30px;
          background: #2e5854;
          color: white;
          border-radius: 34px;
          width: 34px;
          height: 34px;
          display: block;
          line-height: 34px;
          padding: 2px;
          opacity: 1;
          transition: all 0.3s ease; }
      .page-template-page-members-portal #main .container .right-menu .notifications .note:hover {
        opacity: 0.8;
        transition: all 0.3s ease;
        cursor: pointer; }
        .page-template-page-members-portal #main .container .right-menu .notifications .note:hover .read_more_link {
          opacity: 0.8;
          transition: all 0.3s ease;
          cursor: pointer; }
          .page-template-page-members-portal #main .container .right-menu .notifications .note:hover .read_more_link a {
            opacity: 0.8;
            transition: all 0.3s ease; }
    .page-template-page-members-portal #main .container .social {
      position: absolute;
      right: 0;
      display: flex;
      flex-direction: column; }
      @media screen and (max-width: 1600px) {
        .page-template-page-members-portal #main .container .social {
          display: none; } }
      .page-template-page-members-portal #main .container .social .social-icon {
        display: block;
        text-align: center;
        padding: 15px 50px; }
        .page-template-page-members-portal #main .container .social .social-icon i {
          font-size: 20px;
          color: #1e3432; }
        .page-template-page-members-portal #main .container .social .social-icon:hover i {
          color: #2e5854; }

.page-template-prodGen #header .container {
  width: 100%;
  padding: 0; }
  .page-template-prodGen #header .container:before {
    content: none; }

.page-template-prodGen #main {
  margin-bottom: 0; }

.page-template-prodGen #footer-container {
  margin-bottom: 0;
  height: auto;
  bottom: auto;
  position: relative; }
  .page-template-prodGen #footer-container .container {
    width: 100%;
    padding: 0; }
    .page-template-prodGen #footer-container .container:before {
      content: none; }

.product-page {
  /* Datepicker */ }
  .product-page .public-calendar .teetime-search-filters h3.resourceName {
    font-size: 40px;
    line-height: 54px;
    margin: 0 0 30px;
    font-weight: 400;
    letter-spacing: 1px;
    font-family: quincy-cf, serif;
    color: #1e3432; }
    @media screen and (max-width: 1024px) {
      .product-page .public-calendar .teetime-search-filters h3.resourceName {
        font-size: 32px;
        line-height: 40px; } }
  .product-page .public-calendar .teetime-search-filters .btn-wrapper {
    display: flex;
    flex-direction: row-reverse;
    align-items: center; }
  .product-page .public-calendar .teetime-search-filters .btn-group > .btn:first-child {
    border: 1px solid #1e3432;
    background: #1e3432;
    color: white;
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin: 0;
    border-radius: 5px;
    padding: 15px 25px;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 1px;
    font-weight: 400;
    text-decoration: none !important;
    z-index: 1;
    transition: 0.5s ease-in-out;
    font-size: 14px;
    padding: 10px 20px;
    letter-spacing: 0.5px;
    font-family: "effra-cc", sans-serif; }
    .product-page .public-calendar .teetime-search-filters .btn-group > .btn:first-child:after, .product-page .public-calendar .teetime-search-filters .btn-group > .btn:first-child:before {
      transition: 0.5s ease-in-out; }
    .product-page .public-calendar .teetime-search-filters .btn-group > .btn:first-child:hover {
      color: #1e3432; }
    .product-page .public-calendar .teetime-search-filters .btn-group > .btn:first-child:before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: -1px;
      background-color: #cbef6c;
      transform: translateX(-100%);
      z-index: -1; }
    .product-page .public-calendar .teetime-search-filters .btn-group > .btn:first-child:hover:before {
      transform: translateX(0); }
    .product-page .public-calendar .teetime-search-filters .btn-group > .btn:first-child .fa-brands, .product-page .public-calendar .teetime-search-filters .btn-group > .btn:first-child .fab {
      margin-right: 9px; }
    .product-page .public-calendar .teetime-search-filters .btn-group > .btn:first-child:hover {
      color: #cbef6c; }
  .product-page .public-calendar .teetime-search-filters .btn-group > .btn.btn-primary {
    background: #1e3432 !important;
    color: white; }
  .product-page .public-calendar .teetime-search-filters .btn-group > .btn#btn-login {
    background: #cbef6c !important;
    color: #1e3432;
    border: 1px solid #b88671; }
    .product-page .public-calendar .teetime-search-filters .btn-group > .btn#btn-login:hover {
      border: 1px solid #b88671;
      color: #1e3432; }
  .product-page .public-calendar .teetime-search-filters .btn-group .btn-default.disabled, .product-page .public-calendar .teetime-search-filters .btn-group .btn-default.disabled.active, .product-page .public-calendar .teetime-search-filters .btn-group .btn-default.disabled.focus, .product-page .public-calendar .teetime-search-filters .btn-group .btn-default.disabled:active, .product-page .public-calendar .teetime-search-filters .btn-group .btn-default.disabled:focus, .product-page .public-calendar .teetime-search-filters .btn-group .btn-default.disabled:hover, .product-page .public-calendar .teetime-search-filters .btn-group .btn-default[disabled], .product-page .public-calendar .teetime-search-filters .btn-group .btn-default[disabled].active, .product-page .public-calendar .teetime-search-filters .btn-group .btn-default[disabled].focus, .product-page .public-calendar .teetime-search-filters .btn-group .btn-default[disabled]:active, .product-page .public-calendar .teetime-search-filters .btn-group .btn-default[disabled]:focus, .product-page .public-calendar .teetime-search-filters .btn-group .btn-default[disabled]:hover, .product-page .public-calendar .teetime-search-filters .btn-group fieldset[disabled] .btn-default, .product-page .public-calendar .teetime-search-filters .btn-group fieldset[disabled] .btn-default.active, .product-page .public-calendar .teetime-search-filters .btn-group fieldset[disabled] .btn-default.focus, .product-page .public-calendar .teetime-search-filters .btn-group fieldset[disabled] .btn-default:active, .product-page .public-calendar .teetime-search-filters .btn-group fieldset[disabled] .btn-default:focus, .product-page .public-calendar .teetime-search-filters .btn-group fieldset[disabled] .btn-default:hover {
    border: 1px solid #cccccc;
    background: #cccccc;
    color: white;
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin: 0;
    border-radius: 5px;
    padding: 15px 25px;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 1px;
    font-weight: 400;
    text-decoration: none !important;
    z-index: 1;
    transition: 0.5s ease-in-out;
    font-size: 14px;
    padding: 10px 20px;
    letter-spacing: 0.5px;
    font-family: "effra-cc", sans-serif; }
    .product-page .public-calendar .teetime-search-filters .btn-group .btn-default.disabled:after, .product-page .public-calendar .teetime-search-filters .btn-group .btn-default.disabled:before, .product-page .public-calendar .teetime-search-filters .btn-group .btn-default.disabled.active:after, .product-page .public-calendar .teetime-search-filters .btn-group .btn-default.disabled.active:before, .product-page .public-calendar .teetime-search-filters .btn-group .btn-default.disabled.focus:after, .product-page .public-calendar .teetime-search-filters .btn-group .btn-default.disabled.focus:before, .product-page .public-calendar .teetime-search-filters .btn-group .btn-default.disabled:active:after, .product-page .public-calendar .teetime-search-filters .btn-group .btn-default.disabled:active:before, .product-page .public-calendar .teetime-search-filters .btn-group .btn-default.disabled:focus:after, .product-page .public-calendar .teetime-search-filters .btn-group .btn-default.disabled:focus:before, .product-page .public-calendar .teetime-search-filters .btn-group .btn-default.disabled:hover:after, .product-page .public-calendar .teetime-search-filters .btn-group .btn-default.disabled:hover:before, .product-page .public-calendar .teetime-search-filters .btn-group .btn-default[disabled]:after, .product-page .public-calendar .teetime-search-filters .btn-group .btn-default[disabled]:before, .product-page .public-calendar .teetime-search-filters .btn-group .btn-default[disabled].active:after, .product-page .public-calendar .teetime-search-filters .btn-group .btn-default[disabled].active:before, .product-page .public-calendar .teetime-search-filters .btn-group .btn-default[disabled].focus:after, .product-page .public-calendar .teetime-search-filters .btn-group .btn-default[disabled].focus:before, .product-page .public-calendar .teetime-search-filters .btn-group .btn-default[disabled]:active:after, .product-page .public-calendar .teetime-search-filters .btn-group .btn-default[disabled]:active:before, .product-page .public-calendar .teetime-search-filters .btn-group .btn-default[disabled]:focus:after, .product-page .public-calendar .teetime-search-filters .btn-group .btn-default[disabled]:focus:before, .product-page .public-calendar .teetime-search-filters .btn-group .btn-default[disabled]:hover:after, .product-page .public-calendar .teetime-search-filters .btn-group .btn-default[disabled]:hover:before, .product-page .public-calendar .teetime-search-filters .btn-group fieldset[disabled] .btn-default:after, .product-page .public-calendar .teetime-search-filters .btn-group fieldset[disabled] .btn-default:before, .product-page .public-calendar .teetime-search-filters .btn-group fieldset[disabled] .btn-default.active:after, .product-page .public-calendar .teetime-search-filters .btn-group fieldset[disabled] .btn-default.active:before, .product-page .public-calendar .teetime-search-filters .btn-group fieldset[disabled] .btn-default.focus:after, .product-page .public-calendar .teetime-search-filters .btn-group fieldset[disabled] .btn-default.focus:before, .product-page .public-calendar .teetime-search-filters .btn-group fieldset[disabled] .btn-default:active:after, .product-page .public-calendar .teetime-search-filters .btn-group fieldset[disabled] .btn-default:active:before, .product-page .public-calendar .teetime-search-filters .btn-group fieldset[disabled] .btn-default:focus:after, .product-page .public-calendar .teetime-search-filters .btn-group fieldset[disabled] .btn-default:focus:before, .product-page .public-calendar .teetime-search-filters .btn-group fieldset[disabled] .btn-default:hover:after, .product-page .public-calendar .teetime-search-filters .btn-group fieldset[disabled] .btn-default:hover:before {
      transition: 0.5s ease-in-out; }
    .product-page .public-calendar .teetime-search-filters .btn-group .btn-default.disabled:hover, .product-page .public-calendar .teetime-search-filters .btn-group .btn-default.disabled.active:hover, .product-page .public-calendar .teetime-search-filters .btn-group .btn-default.disabled.focus:hover, .product-page .public-calendar .teetime-search-filters .btn-group .btn-default.disabled:active:hover, .product-page .public-calendar .teetime-search-filters .btn-group .btn-default.disabled:focus:hover, .product-page .public-calendar .teetime-search-filters .btn-group .btn-default.disabled:hover:hover, .product-page .public-calendar .teetime-search-filters .btn-group .btn-default[disabled]:hover, .product-page .public-calendar .teetime-search-filters .btn-group .btn-default[disabled].active:hover, .product-page .public-calendar .teetime-search-filters .btn-group .btn-default[disabled].focus:hover, .product-page .public-calendar .teetime-search-filters .btn-group .btn-default[disabled]:active:hover, .product-page .public-calendar .teetime-search-filters .btn-group .btn-default[disabled]:focus:hover, .product-page .public-calendar .teetime-search-filters .btn-group .btn-default[disabled]:hover:hover, .product-page .public-calendar .teetime-search-filters .btn-group fieldset[disabled] .btn-default:hover, .product-page .public-calendar .teetime-search-filters .btn-group fieldset[disabled] .btn-default.active:hover, .product-page .public-calendar .teetime-search-filters .btn-group fieldset[disabled] .btn-default.focus:hover, .product-page .public-calendar .teetime-search-filters .btn-group fieldset[disabled] .btn-default:active:hover, .product-page .public-calendar .teetime-search-filters .btn-group fieldset[disabled] .btn-default:focus:hover, .product-page .public-calendar .teetime-search-filters .btn-group fieldset[disabled] .btn-default:hover:hover {
      color: #cccccc; }
  .product-page .public-calendar .teetime-search-filters .registration-link {
    padding: 0 10px;
    /*.btn {
					@include button;
					font-size: 14px;
					padding: 10px 20px;
					letter-spacing: 0.5px;
					font-family: $font;
					
					strong {
						color: $accent;
						transition: $transition;
					}
					
					&:hover {
						color: $accent;
						
						strong {
							color: $white;
							transition: $transition;
						}
					}
				}*/ }
    .product-page .public-calendar .teetime-search-filters .registration-link button {
      all: unset; }
      .product-page .public-calendar .teetime-search-filters .registration-link button strong {
        color: #1e3432; }
      .product-page .public-calendar .teetime-search-filters .registration-link button:focus {
        outline: revert;
        background: transparent !important; }
        .product-page .public-calendar .teetime-search-filters .registration-link button:focus strong {
          color: #cbef6c; }
  .product-page .public-calendar .teetime-fixtures-table .table-heading {
    background: #e7d2bc; }
    .product-page .public-calendar .teetime-fixtures-table .table-heading .row-heading {
      background: #e7d2bc; }
    .product-page .public-calendar .teetime-fixtures-table .table-heading .cell-heading-wrapper .cell-heading {
      padding: 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 0;
      align-items: center; }
    .product-page .public-calendar .teetime-fixtures-table .table-heading .cell-heading-wrapper .cell-heading-selected {
      background: #1e3432;
      padding: 0; }
      .product-page .public-calendar .teetime-fixtures-table .table-heading .cell-heading-wrapper .cell-heading-selected * {
        color: white; }
    .product-page .public-calendar .teetime-fixtures-table .table-heading .cell-heading-wrapper .cell-heading-today h3 {
      margin: 0 !important;
      transform: none !important;
      top: auto !important; }
    .product-page .public-calendar .teetime-fixtures-table .table-heading .date-nav span {
      color: #1e3432 !important;
      transition: all 0.3s ease; }
      .product-page .public-calendar .teetime-fixtures-table .table-heading .date-nav span:hover {
        color: #cbef6c !important;
        transition: all 0.3s ease; }
    .product-page .public-calendar .teetime-fixtures-table .table-heading * h3 {
      font-size: 24px;
      line-height: 24px;
      margin-bottom: 0; }
    .product-page .public-calendar .teetime-fixtures-table .table-heading * h3, .product-page .public-calendar .teetime-fixtures-table .table-heading * p {
      color: #1e3432; }
    .product-page .public-calendar .teetime-fixtures-table .table-heading * p {
      font-family: "effra-cc", sans-serif; }
  .product-page .public-calendar .teetime-fixtures-table .row-wrapper #no-rows {
    font-family: "effra-cc", sans-serif; }
    .product-page .public-calendar .teetime-fixtures-table .row-wrapper #no-rows a {
      color: #1e3432;
      text-decoration: underline !important; }
      .product-page .public-calendar .teetime-fixtures-table .row-wrapper #no-rows a:hover {
        color: #1e3432;
        text-decoration: none !important; }
  .product-page .public-calendar .modal-dialog .modal-content .modal-header {
    background: #1e3432; }
    .product-page .public-calendar .modal-dialog .modal-content .modal-header #closeBtn {
      color: white; }
    .product-page .public-calendar .modal-dialog .modal-content .modal-header h4.modal-title {
      color: white; }
  .product-page .public-calendar .modal-dialog .modal-content .modal-body * {
    font-family: "effra-cc", sans-serif; }
    .product-page .public-calendar .modal-dialog .modal-content .modal-body * .form-group label {
      color: #1e3432; }
    .product-page .public-calendar .modal-dialog .modal-content .modal-body * .form-group input {
      color: #1e3432; }
    .product-page .public-calendar .modal-dialog .modal-content .modal-body * .form-group.forgot-password button {
      border: 1px solid #1e3432;
      background: #1e3432;
      color: white;
      position: relative;
      display: inline-block;
      overflow: hidden;
      margin: 0;
      border-radius: 5px;
      padding: 15px 25px;
      font-size: 16px;
      line-height: 16px;
      letter-spacing: 1px;
      font-weight: 400;
      text-decoration: none !important;
      z-index: 1;
      transition: 0.5s ease-in-out;
      font-size: 14px;
      padding: 10px 20px;
      letter-spacing: 0.5px; }
      .product-page .public-calendar .modal-dialog .modal-content .modal-body * .form-group.forgot-password button:after, .product-page .public-calendar .modal-dialog .modal-content .modal-body * .form-group.forgot-password button:before {
        transition: 0.5s ease-in-out; }
      .product-page .public-calendar .modal-dialog .modal-content .modal-body * .form-group.forgot-password button:hover {
        color: #1e3432; }
      .product-page .public-calendar .modal-dialog .modal-content .modal-body * .form-group.forgot-password button:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: -1px;
        background-color: #cbef6c;
        transform: translateX(-100%);
        z-index: -1; }
      .product-page .public-calendar .modal-dialog .modal-content .modal-body * .form-group.forgot-password button:hover:before {
        transform: translateX(0); }
      .product-page .public-calendar .modal-dialog .modal-content .modal-body * .form-group.forgot-password button .fa-brands, .product-page .public-calendar .modal-dialog .modal-content .modal-body * .form-group.forgot-password button .fab {
        margin-right: 9px; }
      .product-page .public-calendar .modal-dialog .modal-content .modal-body * .form-group.forgot-password button strong {
        color: #cbef6c !important; }
      .product-page .public-calendar .modal-dialog .modal-content .modal-body * .form-group.forgot-password button:hover strong {
        color: white !important; }
    .product-page .public-calendar .modal-dialog .modal-content .modal-body * .form-group .terms-button .btn.btn-default {
      background: transparent;
      border: 0;
      color: black;
      text-transform: none;
      letter-spacing: 0;
      font-weight: 500;
      text-decoration: underline !important;
      padding: 0; }
      .product-page .public-calendar .modal-dialog .modal-content .modal-body * .form-group .terms-button .btn.btn-default:hover {
        background: transparent !important;
        text-decoration: none !important; }
  .product-page .public-calendar .modal-dialog .modal-content .modal-footer .btn-wrapper button.btn-default {
    border: 1px solid #cccccc;
    background: #cccccc;
    color: white;
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin: 0;
    border-radius: 5px;
    padding: 15px 25px;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 1px;
    font-weight: 400;
    text-decoration: none !important;
    z-index: 1;
    transition: 0.5s ease-in-out;
    font-size: 14px;
    padding: 10px 20px;
    letter-spacing: 0.5px; }
    .product-page .public-calendar .modal-dialog .modal-content .modal-footer .btn-wrapper button.btn-default:after, .product-page .public-calendar .modal-dialog .modal-content .modal-footer .btn-wrapper button.btn-default:before {
      transition: 0.5s ease-in-out; }
    .product-page .public-calendar .modal-dialog .modal-content .modal-footer .btn-wrapper button.btn-default:hover {
      color: #cccccc; }
  .product-page .public-calendar .modal-dialog .modal-content .modal-footer .btn-wrapper button.btn-primary {
    border: 1px solid #1e3432;
    background: #1e3432;
    color: white;
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin: 0;
    border-radius: 5px;
    padding: 15px 25px;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 1px;
    font-weight: 400;
    text-decoration: none !important;
    z-index: 1;
    transition: 0.5s ease-in-out;
    background: #1e3432 !important;
    font-size: 14px;
    padding: 10px 20px;
    letter-spacing: 0.5px; }
    .product-page .public-calendar .modal-dialog .modal-content .modal-footer .btn-wrapper button.btn-primary:after, .product-page .public-calendar .modal-dialog .modal-content .modal-footer .btn-wrapper button.btn-primary:before {
      transition: 0.5s ease-in-out; }
    .product-page .public-calendar .modal-dialog .modal-content .modal-footer .btn-wrapper button.btn-primary:hover {
      color: #1e3432; }
    .product-page .public-calendar .modal-dialog .modal-content .modal-footer .btn-wrapper button.btn-primary:before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: -1px;
      background-color: #cbef6c;
      transform: translateX(-100%);
      z-index: -1; }
    .product-page .public-calendar .modal-dialog .modal-content .modal-footer .btn-wrapper button.btn-primary:hover:before {
      transform: translateX(0); }
    .product-page .public-calendar .modal-dialog .modal-content .modal-footer .btn-wrapper button.btn-primary .fa-brands, .product-page .public-calendar .modal-dialog .modal-content .modal-footer .btn-wrapper button.btn-primary .fab {
      margin-right: 9px; }
  .product-page .public-registration h1 {
    color: #1e3432; }
  .product-page .public-registration .terms-agreement .btn {
    border: 1px solid #1e3432;
    background: #1e3432;
    color: white;
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin: 0;
    border-radius: 5px;
    padding: 15px 25px;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 1px;
    font-weight: 400;
    text-decoration: none !important;
    z-index: 1;
    transition: 0.5s ease-in-out; }
    .product-page .public-registration .terms-agreement .btn:after, .product-page .public-registration .terms-agreement .btn:before {
      transition: 0.5s ease-in-out; }
    .product-page .public-registration .terms-agreement .btn:hover {
      color: #1e3432; }
    .product-page .public-registration .terms-agreement .btn:before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: -1px;
      background-color: #cbef6c;
      transform: translateX(-100%);
      z-index: -1; }
    .product-page .public-registration .terms-agreement .btn:hover:before {
      transform: translateX(0); }
    .product-page .public-registration .terms-agreement .btn .fa-brands, .product-page .public-registration .terms-agreement .btn .fab {
      margin-right: 9px; }
  .product-page .public-registration .registration-form-cont label, .product-page .public-registration .registration-form-cont input[type=text] {
    color: #1e3432;
    font-family: "effra-cc", sans-serif; }
  .product-page .panel-default > .panel-heading {
    background: #1e3432;
    border-color: #1e3432;
    color: white; }
  .product-page form .form-group label {
    font-family: "effra-cc", sans-serif;
    color: #1e3432; }
  .product-page form .form-group .input-group.date input#datepicker,
  .product-page form .form-group .input-group.date .hasDatepicker,
  .product-page form .form-group .dob-input input#datepicker,
  .product-page form .form-group .dob-input .hasDatepicker {
    font-family: "effra-cc", sans-serif;
    height: 40px;
    padding: 5px;
    color: #1e3432; }
  .product-page form .form-group .input-group.date .input-group-addon,
  .product-page form .form-group .dob-input .input-group-addon {
    border: 1px solid #1e3432;
    background: #1e3432;
    transition: all 0.3s ease; }
    .product-page form .form-group .input-group.date .input-group-addon:hover,
    .product-page form .form-group .dob-input .input-group-addon:hover {
      background: #2e5854;
      border: 1px solid #1e3432;
      transition: all 0.3s ease;
      cursor: pointer; }
    .product-page form .form-group .input-group.date .input-group-addon .glyphicon,
    .product-page form .form-group .dob-input .input-group-addon .glyphicon {
      color: white; }
  .product-page #ui-datepicker-div .ui-datepicker-header {
    background: #1e3432;
    color: white;
    font-family: "effra-cc", sans-serif;
    font-weight: 500; }
    .product-page #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev span,
    .product-page #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next span {
      filter: invert(1); }
  .product-page #ui-datepicker-div .ui-datepicker-calendar th *,
  .product-page #ui-datepicker-div .ui-datepicker-calendar td * {
    font-family: "effra-cc", sans-serif; }
  .product-page #ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-current-day a,
  .product-page #ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-today a {
    background: #1e3432; }
  .product-page #ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-highlight,
  .product-page #ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-default,
  .product-page #ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-today .ui-state-highlight,
  .product-page #ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-today .ui-state-default {
    background: #1e3432; }

section {
  opacity: 0;
  transform: translateY(50px); }

.page-template-page-home #home h1, .page-template-page-home #home .home-block {
  opacity: 0;
  transform: translateY(50px); }

.page-template-page-home #home .socials {
  opacity: 0;
  transform: translateY(200px); }

.page-template-page-home .container.half blockquote {
  opacity: 0;
  transform: translateY(-50px); }

.page-template-page-home-mod #home #video .overlay h1 {
  opacity: 0;
  transform: translateY(50px); }

.page-template-page-home-mod #home #video .overlay p {
  opacity: 0;
  transform: translateY(50px); }

.page-template-default #banner {
  opacity: 0;
  transform: translateY(50px); }
  .page-template-default #banner h1 {
    opacity: 0;
    transform: translateY(50px); }
  .page-template-default #banner h2, .page-template-default #banner blockquote, .page-template-default #banner p {
    opacity: 0;
    transform: translateY(-50px); }

.single-course #banner .banner-heading {
  opacity: 0;
  transform: translateY(-50px); }

.events .posts .eo-events li {
  opacity: 0;
  transform: translateY(20px);
  transition: none; }

.content-slider .slide {
  opacity: 0;
  transform: translateY(20px);
  transition: none; }

.page-template-page-public-bookings #background {
  opacity: 0;
  transform: translateY(50px); }

.growing-image {
  opacity: 0;
  transform: translateY(0px); }

/* Buttons */
.btn-default {
  border: 1px solid #1e3432;
  background: #1e3432;
  color: white;
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin: 0;
  border-radius: 5px;
  padding: 15px 25px;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 1px;
  font-weight: 400;
  text-decoration: none !important;
  z-index: 1;
  transition: 0.5s ease-in-out; }
  .btn-default:after, .btn-default:before {
    transition: 0.5s ease-in-out; }
  .btn-default:hover {
    color: #1e3432; }

.btn-wipe {
  border: 1px solid #1e3432;
  background: #1e3432;
  color: white;
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin: 0;
  border-radius: 5px;
  padding: 15px 25px;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 1px;
  font-weight: 400;
  text-decoration: none !important;
  z-index: 1;
  transition: 0.5s ease-in-out; }
  .btn-wipe:after, .btn-wipe:before {
    transition: 0.5s ease-in-out; }
  .btn-wipe:hover {
    color: #1e3432; }
  .btn-wipe:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: -1px;
    background-color: #cbef6c;
    transform: translateX(-100%);
    z-index: -1; }
  .btn-wipe:hover:before {
    transform: translateX(0); }

.btn-diagonal {
  border: 1px solid #1e3432;
  background: #1e3432;
  color: white;
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin: 0;
  border-radius: 5px;
  padding: 15px 25px;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 1px;
  font-weight: 400;
  text-decoration: none !important;
  z-index: 1;
  transition: 0.5s ease-in-out; }
  .btn-diagonal:after, .btn-diagonal:before {
    transition: 0.5s ease-in-out; }
  .btn-diagonal:hover {
    color: #1e3432; }
  .btn-diagonal:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: -50px;
    bottom: 0;
    border-right: 50px solid transparent;
    border-bottom: 100px solid #e7d2bc;
    transform: translateX(-100%);
    z-index: -1; }
  .btn-diagonal:hover:before {
    transform: translateX(0); }

/* Reciprocal Clubs */
/* Default Info */
.reciprocal {
  /* Default */
  /* Framed container */ }
  .reciprocal .holder {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    /* Always 3 columns */
    gap: 30px;
    /* Adjust spacing as needed */ }
    @media screen and (max-width: 1024px) {
      .reciprocal .holder {
        grid-template-columns: repeat(2, 1fr); } }
    @media screen and (max-width: 820px) {
      .reciprocal .holder {
        grid-template-columns: repeat(1, 1fr); } }
    .reciprocal .holder .card {
      border-radius: 10px;
      padding: 30px;
      /* Tile styling */ }
      .reciprocal .holder .card .img-holder,
      .reciprocal .holder .card .logo-holder {
        width: 100%;
        overflow: hidden;
        display: flex;
        justify-content: center; }
        .reciprocal .holder .card .img-holder img,
        .reciprocal .holder .card .logo-holder img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          margin: 0 auto; }
      .reciprocal .holder .card .logo-holder img {
        height: 240px;
        object-fit: contain; }
      .reciprocal .holder .card .club-details {
        padding: 20px 30px; }
        .reciprocal .holder .card .club-details h3 {
          font-family: "sonar-sans", sans-serif;
          font-weight: 600;
          font-size: 22px;
          font-weight: 600;
          line-height: 30px;
          color: #1e3432;
          margin: 0 0 10px; }
        .reciprocal .holder .card .club-details p {
          font-size: 18px;
          line-height: 24px;
          margin-bottom: 10px;
          display: inline-block;
          padding-right: 14px;
          /* Button styling */ }
          .reciprocal .holder .card .club-details p.add {
            width: 100%;
            padding-right: 0; }
          .reciprocal .holder .card .club-details p.ph i {
            display: inline-block;
            padding-right: 5px; }
          .reciprocal .holder .card .club-details p.web, .reciprocal .holder .card .club-details p.email {
            display: inline-block;
            margin: 0 5px 10px 0; }
            .reciprocal .holder .card .club-details p.web a, .reciprocal .holder .card .club-details p.email a {
              background: #efefef;
              border: 1px solid #ccc;
              padding: 5px 10px;
              display: block;
              text-decoration: none;
              font-size: 15px;
              border-radius: 30px;
              transition: all 0.3s ease; }
            .reciprocal .holder .card .club-details p.web:hover a, .reciprocal .holder .card .club-details p.email:hover a {
              background: #1e3432;
              color: white;
              transition: all 0.3s ease; }
          .reciprocal .holder .card .club-details p.web {
            padding-right: 5px; }
        .reciprocal .holder .card .club-details i {
          padding-right: 10px;
          display: none; }
      .reciprocal .holder .card.tile {
        position: relative; }
        .reciprocal .holder .card.tile .img-holder,
        .reciprocal .holder .card.tile .logo-holder {
          height: 420px;
          border-radius: 10px; }
          .reciprocal .holder .card.tile .img-holder img,
          .reciprocal .holder .card.tile .logo-holder img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
        .reciprocal .holder .card.tile .logo-holder {
          align-items: flex-start; }
          .reciprocal .holder .card.tile .logo-holder img {
            width: 80%;
            height: auto;
            object-fit: contain; }
        .reciprocal .holder .card.tile .club-details {
          padding: 15px 25px;
          margin: 20px;
          background: white;
          position: absolute;
          bottom: 0;
          border-radius: 10px;
          width: calc(100% - 40px); }
          .reciprocal .holder .card.tile .club-details h3 {
            font-family: "sonar-sans", sans-serif;
            font-weight: 600;
            font-size: 20px;
            line-height: 28px;
            letter-spacing: 0.25px; }
          .reciprocal .holder .card.tile .club-details p {
            font-size: 16px;
            line-height: 22px;
            padding-right: 10px;
            letter-spacing: 0.25px;
            /* Button styling */ }
            @media screen and (max-width: 640px) {
              .reciprocal .holder .card.tile .club-details p {
                font-size: 14px;
                line-height: 20px;
                width: 100%; } }
            .reciprocal .holder .card.tile .club-details p.web, .reciprocal .holder .card.tile .club-details p.email {
              margin: 0;
              width: auto; }
              .reciprocal .holder .card.tile .club-details p.web a, .reciprocal .holder .card.tile .club-details p.email a {
                font-size: 14px; }
  .reciprocal .framed .holder .card.tile .img-holder,
  .reciprocal .framed .holder .card.tile .logo-holder {
    height: 380px; }
  .reciprocal .framed .holder .card.tile .club-details p.add {
    width: 100%; }
  .reciprocal .full {
    padding: 60px; }
    @media screen and (max-width: 820px) {
      .reciprocal .full {
        padding: 30px; } }
    .reciprocal .full .holder {
      gap: 60px;
      /* Adjust spacing as needed */ }
      @media screen and (max-width: 1440px) {
        .reciprocal .full .holder {
          gap: 40px; } }
      @media screen and (max-width: 1200px) {
        .reciprocal .full .holder {
          grid-template-columns: repeat(2, 1fr); } }
      @media screen and (max-width: 820px) {
        .reciprocal .full .holder {
          grid-template-columns: repeat(1, 1fr);
          gap: 30px; } }
      @media screen and (max-width: 1200px) {
        .reciprocal .full .holder .card .img-holder {
          height: 360px; } }
      @media screen and (max-width: 1200px) {
        .reciprocal .full .holder .card .logo-holder {
          height: 360px; } }
      @media screen and (max-width: 820px) {
        .reciprocal .full .holder .card .logo-holder img {
          width: auto;
          height: auto; } }

/* Reciprocal Maps */
.page-template-page-reciprocal-maps #banner {
  display: none; }

.page-template-page-reciprocal-maps .reciprocal {
  padding-top: 120px; }
  .page-template-page-reciprocal-maps .reciprocal .container.full {
    padding: 0; }

.logged-in-editor .page-template-page-reciprocal-maps .reciprocal {
  padding-top: 120px; }

.reciprocal .wpgmp_map_container .wpgmp_filter_wrappers {
  position: absolute;
  top: 30px;
  left: 30px;
  background: transparent;
  width: 33%;
  z-index: 5; }
  .reciprocal .wpgmp_map_container .wpgmp_filter_wrappers .wpgmp_before_listing {
    font-size: 22px;
    letter-spacing: 1px;
    margin-bottom: 24px;
    display: none; }
  .reciprocal .wpgmp_map_container .wpgmp_filter_wrappers .categories_filter select {
    background-color: #1e3432;
    font-family: "effra-cc", sans-serif;
    border-radius: 5px;
    font-size: 16px;
    letter-spacing: 1px;
    padding: 10px 35px 10px 20px;
    width: auto !important;
    display: inline-block;
    position: relative;
    height: auto;
    -webkit-appearance: none;
    border: 1px solid #1e3432;
    margin: 0 30px 0 0;
    max-width: 340px !important; }

.reciprocal .wpgmp_map_container .wpgmp_map .gm-style-iw-chr {
  padding-top: 0;
  position: relative; }
  .reciprocal .wpgmp_map_container .wpgmp_map .gm-style-iw-chr button {
    position: absolute !important;
    right: 0;
    top: 0;
    z-index: 99; }

.reciprocal .wpgmp_map_container .location_listing1 {
  position: absolute;
  right: 0;
  top: 160px;
  border-radius: 10px;
  background: white;
  width: 50% !important;
  float: none; }

.reciprocal .wpgmp_map_container .wpgmp_listing_container .wpgmp_categories.wpgmp_print_listing .fc-component-6 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }

.reciprocal .wpgmp_map_container .wpgmp_listing_container .wpgmp_categories.wpgmp_print_listing .fc-item-box * {
  font-family: "effra-cc", sans-serif;
  float: none; }

.reciprocal .wpgmp_map_container .wpgmp_listing_container .wpgmp_listing_list {
  /*display: flex;
				flex-direction: row;
				flex-wrap: wrap;
				justify-content: space-between;
				*/
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px; }
  .reciprocal .wpgmp_map_container .wpgmp_listing_container .wpgmp_listing_list .wpgmp_locations {
    margin: 20px !important;
    width: 100%;
    float: none; }

.reciprocal .wpgmp_infowindow .wpgmp_iw_content .wpgmp_locations .wpgmp_locations_head .wpgmp_location_title h4 {
  font-family: "effra-cc", sans-serif;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0; }

.reciprocal .wpgmp_infowindow .wpgmp_iw_content .wpgmp_locations .wpgmp_locations_content > {
  font-size: 16px; }
  .reciprocal .wpgmp_infowindow .wpgmp_iw_content .wpgmp_locations .wpgmp_locations_content > p {
    line-height: 20px;
    margin-bottom: 10px; }

.wpgmp-map-1 .wpgmp_infowindow .wpgmp_locations_content * {
  font-size: 16px; }

.wpgmp-map-1 .gm-style-iw .gm-style-iw-c {
  z-index: 99; }

/* Reciprocal - Accordion */
.page-template-page-reciprocal-accordion .cat {
  border-bottom: 1px solid #B3BFB6;
  transition: all 0.3s ease; }
  .page-template-page-reciprocal-accordion .cat.active-parent {
    border-bottom: 0;
    transition: all 0.3s ease; }

.page-template-page-reciprocal-accordion .accordion-title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 5px 30px; }
  .page-template-page-reciprocal-accordion .accordion-title:hover {
    cursor: pointer; }
  .page-template-page-reciprocal-accordion .accordion-title h2 {
    margin: 0;
    font-family: "sonar-sans", sans-serif;
    font-weight: 600;
    letter-spacing: 0.5px;
    font-size: 24px;
    color: #636F6D; }
    @media screen and (max-width: 1440px) {
      .page-template-page-reciprocal-accordion .accordion-title h2 {
        font-size: 22px;
        line-height: 32px; } }
  .page-template-page-reciprocal-accordion .accordion-title.selected {
    background: #f0f0f0;
    transition: all 0.3s ease; }
    .page-template-page-reciprocal-accordion .accordion-title.selected + div {
      background: #f0f0f0;
      transition: all 0.3s ease; }
  .page-template-page-reciprocal-accordion .accordion-title:hover {
    background: #f0f0f0;
    transition: all 0.3s ease; }

.page-template-page-reciprocal-accordion .accordion-category .holder {
  gap: 30px;
  height: 100%;
  padding: 0 30px 30px; }
  .page-template-page-reciprocal-accordion .accordion-category .holder .card {
    height: 100%;
    background: white;
    border-radius: 0;
    padding: 0; }
    .page-template-page-reciprocal-accordion .accordion-category .holder .card .img-holder,
    .page-template-page-reciprocal-accordion .accordion-category .holder .card .logo-holder {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 300px;
      overflow: hidden; }
    .page-template-page-reciprocal-accordion .accordion-category .holder .card .logo-holder img {
      height: 240px; }
  .page-template-page-reciprocal-accordion .accordion-category .holder .gap {
    padding: 0; }

/* Reciprocal Card Listings - white background default */
.page-template-page-reciprocal .cat:not(:first-of-type) {
  padding-top: 40px; }

.page-template-page-reciprocal .holder .card {
  padding: 0;
  margin: 0;
  overflow: hidden; }
  .page-template-page-reciprocal .holder .card .img-holder,
  .page-template-page-reciprocal .holder .card .logo-holder {
    width: 100%;
    height: 260px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center; }
    .page-template-page-reciprocal .holder .card .img-holder img,
    .page-template-page-reciprocal .holder .card .logo-holder img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  @media screen and (max-width: 820px) {
    .page-template-page-reciprocal .holder .card .logo-holder img {
      width: auto; } }
  .page-template-page-reciprocal .holder .card .club-details {
    padding: 20px 10px; }
    @media screen and (max-width: 1440px) {
      .page-template-page-reciprocal .holder .card .club-details p.ph {
        display: block; } }

/* Reciprocal Tiles */
.page-template-page-reciprocal-tiles .reciprocal .cat:not(:first-of-type) {
  padding-top: 40px; }

.page-template-page-reciprocal-tiles .reciprocal .holder .card.tile {
  position: relative;
  padding: 0; }
  @media screen and (max-width: 820px) {
    .page-template-page-reciprocal-tiles .reciprocal .holder .card.tile .logo-holder img {
      height: 200px; } }
  .page-template-page-reciprocal-tiles .reciprocal .holder .card.tile .club-details h3 {
    font-family: "sonar-sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0.25px; }
  .page-template-page-reciprocal-tiles .reciprocal .holder .card.tile .club-details p {
    /* Button styling */ }
    @media screen and (max-width: 640px) {
      .page-template-page-reciprocal-tiles .reciprocal .holder .card.tile .club-details p {
        font-size: 14px;
        line-height: 20px;
        width: 100%; } }
    .page-template-page-reciprocal-tiles .reciprocal .holder .card.tile .club-details p.web, .page-template-page-reciprocal-tiles .reciprocal .holder .card.tile .club-details p.email {
      width: auto; }
      .page-template-page-reciprocal-tiles .reciprocal .holder .card.tile .club-details p.web a, .page-template-page-reciprocal-tiles .reciprocal .holder .card.tile .club-details p.email a {
        font-size: 14px; }

.page-template-page-reciprocal-tiles .container.full .cat:not(:first-of-type) {
  padding-top: 60px; }
  @media screen and (max-width: 820px) {
    .page-template-page-reciprocal-tiles .container.full .cat:not(:first-of-type) {
      padding-top: 40px; } }

.page-template-page-reciprocal-tiles .container.full .cat {
  text-align: center; }

.page-id-3809 #main section .container {
  padding: 6rem;
  padding-left: 2.1875rem;
  padding-right: 2.1875rem;
  width: 90%;
  margin-left: auto;
  margin-right: auto; }

/*# sourceMappingURL=style.css.map */