/* CSS Document */
@import url(/cms/wp-content/themes/elements/assets/sass/reset.css);
/* Change media query settings in framework/_settings.scss */
/* Fonts */
@import url("https://fonts.googleapis.com/css2?family=Vollkorn:ital,wght@0,400..900;1,400..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Vollkorn:ital,wght@0,400..900;1,400..900&display=swap");
@import url("https://use.typekit.net/phj8gnt.css");
/* Theme Colours - Subject To Change For Each Project */
/* Tees */
/* Neutrals */
/* Greys */
/* Transitions */
/* Forms and buttons  */
/*SVG Logo*/
.icon::before {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased; }

html {
  box-sizing: border-box; }

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

/* Mixins */
/* Product Pages */
*,
*:focus,
*:hover {
  outline: none !important; }

html,
body {
  font-size: 16px !important;
  line-height: 24px;
  font-family: "Poppins", sans-serif;
  color: #1f2830;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  @media screen and (max-width: 1024px) {
    html,
    body {
      font-size: 15px; } }
  @media screen and (max-width: 740px) {
    html,
    body {
      min-width: 360px;
      font-size: 14px; } }

h1 {
  font-size: 2.8rem;
  line-height: 4rem;
  padding: 0 0 1rem 0;
  font-family: "Vollkorn", serif;
  font-weight: 700; }
  @media screen and (max-width: 960px) {
    h1 {
      font-size: 3rem;
      line-height: 3.5rem; } }
  @media screen and (max-width: 740px) {
    h1 {
      font-size: 2rem;
      line-height: 2.5rem; } }

h2 {
  font-size: 2rem;
  line-height: 2.5rem;
  font-weight: 600;
  padding: 0 0 1rem 0;
  font-family: "Vollkorn", serif; }
  @media screen and (max-width: 960px) {
    h2 {
      font-size: 1.6rem;
      line-height: 2rem; } }
  @media screen and (max-width: 740px) {
    h2 {
      font-size: 1.5rem;
      line-height: 2rem; } }

h3 {
  font-size: 1.5rem;
  line-height: 2.2rem;
  font-weight: 500;
  padding: 0 0 1rem 0;
  font-family: "Vollkorn", serif; }
  @media screen and (max-width: 740px) {
    h3 {
      font-size: 1.3rem;
      line-height: 1.8rem; } }

h4 {
  font-size: 1.3rem;
  font-weight: 500;
  padding: 0 0 1rem 0;
  font-family: "Vollkorn", serif; }

h5 {
  font-size: 1.2rem;
  text-transform: uppercase;
  padding: 0 0 1rem 0;
  font-family: "Vollkorn", serif; }

p {
  line-height: 24px;
  margin: 0 0 .75rem; }

a {
  text-decoration: underline;
  color: #1f2830; }
  a.image img {
    box-shadow: 0px 0px 5px transparent;
    transition: all 0.3s ease;
    max-width: 100%;
    width: auto;
    height: auto; }
  a:hover {
    text-decoration: none; }
    a:hover.image img {
      box-shadow: 0px 0px 5px #848c93; }

strong {
  font-weight: 500; }

span,
div,
button {
  font-family: "Poppins", sans-serif; }

.small-text {
  font-size: 0.75rem; }

input {
  font-size: 1rem; }

hr {
  height: 1px;
  background-color: #f8f8f8;
  border: none; }

#page-heading .container {
  padding: 1rem 2rem; }

#page-heading #heading {
  font-size: 2.8rem;
  line-height: 3rem;
  padding-top: 2rem; }
  @media screen and (max-width: 1024px) {
    #page-heading #heading {
      font-size: 2rem;
      line-height: 2.5rem;
      padding-top: 1.5rem; } }
  @media screen and (max-width: 740px) {
    #page-heading #heading {
      font-size: 1.8rem;
      line-height: 2.4rem;
      padding-top: 1rem; } }

.material-icons {
  direction: ltr;
  display: inline-block;
  font-family: 'Material Icons';
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 1;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased; }

.content ul {
  margin: 0 0 2rem 2rem;
  list-style: disc; }
  .content ul li {
    margin-bottom: .5rem; }

.container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 5rem 2rem;
  overflow: hidden; }
  .container.small-pd {
    padding: 1rem 2rem; }
    @media screen and (max-width: 480px) {
      .container.small-pd {
        padding: 1rem 1rem; } }
  @media screen and (max-width: 960px) {
    .container {
      padding: 3rem 2rem; } }
  @media screen and (max-width: 480px) {
    .container {
      padding: 1rem 1rem; } }

.container-full-width {
  margin: 0 auto;
  padding: 5rem 2rem;
  overflow: hidden; }
  .container-full-width.small-pd {
    padding: 1rem 2rem; }
    @media screen and (max-width: 480px) {
      .container-full-width.small-pd {
        padding: 1rem 1rem; } }
  @media screen and (max-width: 960px) {
    .container-full-width {
      padding: 3rem 2rem; } }
  @media screen and (max-width: 480px) {
    .container-full-width {
      padding: 1rem 1rem; } }

body.freeze-frame {
  overflow: hidden; }

.primary-colour {
  color: #BC995C; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #1f2830;
  transition: background-color 5000s ease-in-out 0s; }

/* Gravity Forms */
.gform_wrapper .gfield {
  margin-top: 0 !important;
  margin-bottom: 20px; }
  .gform_wrapper .gfield input {
    padding: 0.75rem !important;
    border-radius: 0;
    border: 1px solid #c9cfd4;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
  .gform_wrapper .gfield textarea {
    border-radius: 0;
    border: 1px solid #c9cfd4;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
  .gform_wrapper .gfield select {
    padding: 0.61rem !important;
    border-radius: 0;
    border: 1px solid #c9cfd4;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff !important;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='black'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
    background-size: 12px;
    background-position: calc(100% - 14px) center;
    background-repeat: no-repeat; }
    .gform_wrapper .gfield select option {
      margin: 10px;
      padding: 10px; }
  .gform_wrapper .gfield.float-left {
    float: left;
    width: 50%;
    clear: none;
    padding-right: .5rem; }
  .gform_wrapper .gfield.float-right {
    float: right;
    width: 50%;
    clear: none; }
  @media screen and (max-width: 600px) {
    .gform_wrapper .gfield.float-left {
      width: 100%;
      padding: 0; }
    .gform_wrapper .gfield.float-right {
      width: 100%;
      padding: 0; } }

.btn-feature,
.gform_button.button {
  display: inline-block;
  font-family: "Poppins", sans-serif;
  border: none;
  border-radius: 0;
  background-color: #BC995C;
  margin-top: .5rem;
  padding: 8px 16px;
  border: 1px solid #BC995C;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 500;
  cursor: pointer;
  transition: ease 0.3s;
  text-decoration: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }
  .btn-feature:focus,
  .gform_button.button:focus {
    border: 1px solid #a8853f;
    border-style: unset;
    background: none;
    outline: #fff;
    background-color: #a8853f;
    color: #fff; }
  .btn-feature:hover,
  .gform_button.button:hover {
    border: 1px solid #c6a86c;
    background-color: #c6a86c;
    color: #BC995C; }

.overlay {
  background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.2) 4%, rgba(0, 0, 0, 0.03125) 100%);
  background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.253676) 4%, rgba(0, 0, 0, 0.03125) 100%);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.253676) 4%, rgba(0, 0, 0, 0.03125) 100%);
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  z-index: 1; }

p.feature {
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.5rem; }

.slick-slider a,
.slick-slider img,
.slick-slider .event-item {
  outline: none !important; }

.slick-arrows-cont {
  height: 30px;
  width: 5px;
  display: flex;
  justify-content: end;
  clear: both;
  top: 10px;
  transform: translateX(50%);
  position: relative;
  left: 50%; }
  .slick-arrows-cont button:before {
    color: #BC995C;
    font-weight: 900; }
  .slick-arrows-cont .slick-next:before {
    content: '\e5c8';
    font-family: 'Material Icons'; }
  .slick-arrows-cont .slick-prev:before {
    content: '\e5c4';
    font-family: 'Material Icons'; }

#wordpress table {
  min-width: 600px; }
  #wordpress table thead tr td {
    font-weight: 500; }
  #wordpress table tr th {
    padding: 1rem 0;
    font-weight: 500;
    border-bottom: 1px solid #f8f8f8; }
  #wordpress table tr td {
    padding: 1rem;
    border-bottom: 1px solid #e9ebec; }

#wordpress .table-overflow {
  overflow-x: auto;
  margin-bottom: 1rem; }

#wordpress .table-scroll {
  font-size: 0.8rem;
  font-style: italic;
  font-variant: all-small-caps;
  position: fixed; }
  #wordpress .table-scroll:after {
    content: '\e5c8';
    font-family: 'Material Icons'; }

.stagger-target {
  will-change: transform, opacity; }

#fancybox-wrap #fancybox-outer {
  background: transparent;
  box-shadow: 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 transparent;
  -webkit-box-shadow: 0 0 0 transparent; }
  #fancybox-wrap #fancybox-outer #fancybox-close {
    top: -7px;
    right: -7px; }
  #fancybox-wrap #fancybox-outer #fancybox-content {
    border: 0 solid transparent;
    background: transparent; }

.single-wdoc {
  display: inline-block;
  transition: all 0.3s ease;
  padding: 11px 40px 11px 15px;
  background: #ffffff;
  color: #1f2830;
  max-width: 500px;
  text-decoration: none;
  box-shadow: 0px 0px 3px #bbbbbb;
  position: relative; }
  @media screen and (max-width: 600px) {
    .single-wdoc {
      width: 100%; } }
  .single-wdoc:before {
    font: var(--fa-font-regular);
    content: '\f1c2';
    position: relative;
    padding-right: 5px;
    padding-left: 10px;
    color: #BC995C;
    font-size: 18px;
    border-left: 2px solid #2b2d42;
    transition: all 0.3s ease;
    padding-top: 3px;
    padding-bottom: 3px; }
  .single-wdoc:after {
    font: var(--fa-font-regular);
    content: "\f019";
    color: #c9cfd4;
    position: absolute;
    padding: 13px;
    top: 0;
    right: 0;
    font-size: 18px;
    opacity: 0;
    transition: all 0.3s ease; }
  .single-wdoc:hover {
    color: #a8853f; }
    .single-wdoc:hover:before {
      color: #a8853f;
      padding-left: 15px; }
    .single-wdoc:hover:after {
      opacity: 1; }

.single-excel {
  display: inline-block;
  transition: all 0.3s ease;
  padding: 11px 40px 11px 15px;
  background: #ffffff;
  color: #1f2830;
  max-width: 500px;
  text-decoration: none;
  box-shadow: 0px 0px 3px #bbbbbb;
  position: relative; }
  @media screen and (max-width: 600px) {
    .single-excel {
      width: 100%; } }
  .single-excel:before {
    font: var(--fa-font-regular);
    content: '\f1c3';
    font-weight: 900;
    position: relative;
    padding-right: 5px;
    padding-left: 10px;
    color: #BC995C;
    font-size: 18px;
    border-left: 2px solid #2b2d42;
    transition: all 0.3s ease;
    padding-top: 3px;
    padding-bottom: 3px; }
  .single-excel:after {
    font: var(--fa-font-regular);
    content: "\f019";
    color: #c9cfd4;
    position: absolute;
    padding: 13px;
    top: 0;
    right: 0;
    font-size: 18px;
    opacity: 0;
    transition: all 0.3s ease; }
  .single-excel:hover {
    color: #a8853f; }
    .single-excel:hover:before {
      color: #a8853f;
      padding-left: 15px; }
    .single-excel:hover:after {
      opacity: 1; }

#navigation {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  height: auto;
  background-color: #2B335C;
  box-shadow: 1px -3px 8px 9px rgba(0, 0, 0, 0.28); }
  #navigation #top {
    display: none !important;
    transition: cubic-bezier(0, 0, 0.63, 1.08) all 0.2s;
    display: -ms-grid;
    display: grid;
    height: 39px;
    -ms-grid-columns: 1fr 1fr 1fr 150px 150px 150px;
    grid-template-columns: 1fr 1fr 1fr 150px 150px 150px;
    padding: 0 2rem;
    background-color: #e9ebec;
    will-change: height, transform; }
    #navigation #top.guest {
      -ms-grid-columns: 1fr 1fr 1fr 150px 195px 150px;
      grid-template-columns: 1fr 1fr 1fr 150px 195px 150px; }
      @media screen and (max-width: 740px) {
        #navigation #top.guest {
          -ms-grid-columns: 1fr 1.5fr 1fr;
          grid-template-columns: 1fr 1.5fr 1fr;
          padding: 0; } }
    @media screen and (max-width: 740px) {
      #navigation #top {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        padding: 0; } }
    #navigation #top #socials {
      grid-column: 4;
      -ms-grid-column: 4;
      align-self: center;
      text-align: center;
      justify-content: center;
      position: relative; }
      @media screen and (max-width: 740px) {
        #navigation #top #socials {
          grid-column: 1;
          -ms-grid-column: 1;
          text-align: center; } }
      #navigation #top #socials ul {
        margin: 0; }
        #navigation #top #socials ul li {
          display: inline-block;
          padding: 0 5px; }
          @media screen and (max-width: 740px) {
            #navigation #top #socials ul li {
              padding: 0 2.5px; } }
      #navigation #top #socials i {
        font-size: 0.9rem;
        line-height: 30px;
        color: #848c93;
        transition: ease 0.3s; }
        #navigation #top #socials i:hover {
          color: #BC995C; }
        @media screen and (max-width: 740px) {
          #navigation #top #socials i {
            font-size: 0.8rem; } }
    #navigation #top #public-bookings {
      -ms-grid-column: 5;
      -ms-grid-column-span: 1;
      grid-column: 5 / span 1;
      align-self: center;
      justify-content: flex-end;
      text-align: center;
      position: relative;
      color: #848c93;
      height: 19px;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer; }
      #navigation #top #public-bookings a {
        text-decoration: none;
        display: flex;
        justify-content: center;
        align-items: center; }
      @media screen and (max-width: 740px) {
        #navigation #top #public-bookings {
          grid-column: 2;
          -ms-grid-column: 2;
          text-align: center; } }
      #navigation #top #public-bookings .mini-heading {
        font-size: 0.8rem;
        text-transform: uppercase;
        font-weight: 500;
        line-height: 30px;
        color: #848c93;
        transition: ease 0.3s; }
        @media screen and (max-width: 740px) {
          #navigation #top #public-bookings .mini-heading {
            font-size: 0.7rem; } }
        #navigation #top #public-bookings .mini-heading i {
          color: #848c93;
          font-size: 0.8rem;
          padding-left: 3px; }
          @media screen and (max-width: 740px) {
            #navigation #top #public-bookings .mini-heading i {
              font-size: 0.7rem; } }
      #navigation #top #public-bookings:hover .mini-heading {
        color: #BC995C; }
      #navigation #top #public-bookings:hover i {
        color: #BC995C; }
    #navigation #top #bookings {
      -ms-grid-column: 5;
      -ms-grid-column-span: 1;
      grid-column: 5 / span 1;
      align-self: center;
      justify-content: flex-end;
      text-align: center;
      position: relative;
      color: #848c93;
      border-left: 2px solid #848c93;
      border-right: 2px solid #848c93;
      height: 19px;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer; }
      #navigation #top #bookings a {
        text-decoration: none;
        display: flex;
        justify-content: center;
        align-items: center; }
      @media screen and (max-width: 740px) {
        #navigation #top #bookings {
          grid-column: 2;
          -ms-grid-column: 2;
          text-align: center; } }
      #navigation #top #bookings .mini-heading {
        font-size: 0.8rem;
        text-transform: uppercase;
        font-weight: 500;
        line-height: 30px;
        color: #848c93;
        transition: ease 0.3s; }
        @media screen and (max-width: 740px) {
          #navigation #top #bookings .mini-heading {
            font-size: 0.7rem; } }
        #navigation #top #bookings .mini-heading i {
          color: #848c93;
          font-size: 0.8rem;
          padding-left: 3px; }
          @media screen and (max-width: 740px) {
            #navigation #top #bookings .mini-heading i {
              font-size: 0.7rem; } }
      #navigation #top #bookings:hover .mini-heading {
        color: #BC995C; }
      #navigation #top #bookings:hover i {
        color: #BC995C; }
    #navigation #top #course-conditions,
    #navigation #top #members-course-conditions,
    #navigation #top #guests-course-conditions {
      -ms-grid-column: 6;
      -ms-grid-column-span: 1;
      grid-column: 6 / span 1;
      align-self: center;
      text-align: center;
      justify-content: flex-end;
      cursor: pointer; }
      @media screen and (max-width: 740px) {
        #navigation #top #course-conditions,
        #navigation #top #members-course-conditions,
        #navigation #top #guests-course-conditions {
          grid-column: 3;
          -ms-grid-column: 3; } }
      #navigation #top #course-conditions #current-forecast,
      #navigation #top #members-course-conditions #current-forecast,
      #navigation #top #guests-course-conditions #current-forecast {
        display: flex;
        flex-direction: row;
        justify-content: center;
        width: 100%; }
        #navigation #top #course-conditions #current-forecast .weather-title,
        #navigation #top #members-course-conditions #current-forecast .weather-title,
        #navigation #top #guests-course-conditions #current-forecast .weather-title {
          align-self: center;
          text-transform: uppercase;
          font-size: 0.8em;
          font-weight: 500;
          padding-right: 2px;
          color: #848c93;
          transition: ease 0.3s;
          margin-left: 15px; }
          @media screen and (max-width: 740px) {
            #navigation #top #course-conditions #current-forecast .weather-title,
            #navigation #top #members-course-conditions #current-forecast .weather-title,
            #navigation #top #guests-course-conditions #current-forecast .weather-title {
              font-size: 0.7rem !important; } }
        #navigation #top #course-conditions #current-forecast .weather-left,
        #navigation #top #members-course-conditions #current-forecast .weather-left,
        #navigation #top #guests-course-conditions #current-forecast .weather-left {
          padding-right: 10px;
          align-self: center; }
          @media screen and (max-width: 740px) {
            #navigation #top #course-conditions #current-forecast .weather-left,
            #navigation #top #members-course-conditions #current-forecast .weather-left,
            #navigation #top #guests-course-conditions #current-forecast .weather-left {
              display: none; } }
        #navigation #top #course-conditions #current-forecast .weather-icon,
        #navigation #top #members-course-conditions #current-forecast .weather-icon,
        #navigation #top #guests-course-conditions #current-forecast .weather-icon {
          height: auto;
          margin: 0;
          display: flex; }
          #navigation #top #course-conditions #current-forecast .weather-icon .icon,
          #navigation #top #members-course-conditions #current-forecast .weather-icon .icon,
          #navigation #top #guests-course-conditions #current-forecast .weather-icon .icon {
            padding: 5px 3px;
            height: auto;
            width: 35px;
            filter: grayscale(0.2);
            transition: ease 0.3s;
            /*@include media($mobile-h) {
                            width: 30px;
                            height: 40px;
                        }*/ }
        #navigation #top #course-conditions #current-forecast .weather-right,
        #navigation #top #members-course-conditions #current-forecast .weather-right,
        #navigation #top #guests-course-conditions #current-forecast .weather-right {
          display: flex;
          align-content: center;
          align-items: center; }
          @media screen and (max-width: 480px) {
            #navigation #top #course-conditions #current-forecast .weather-right,
            #navigation #top #members-course-conditions #current-forecast .weather-right,
            #navigation #top #guests-course-conditions #current-forecast .weather-right {
              display: none; } }
        #navigation #top #course-conditions #current-forecast .day-max,
        #navigation #top #members-course-conditions #current-forecast .day-max,
        #navigation #top #guests-course-conditions #current-forecast .day-max {
          font-size: 0.9rem;
          text-transform: uppercase;
          margin: 0; }
        @media screen and (max-width: 740px) {
          #navigation #top #course-conditions #current-forecast,
          #navigation #top #members-course-conditions #current-forecast,
          #navigation #top #guests-course-conditions #current-forecast {
            justify-content: center; } }
        #navigation #top #course-conditions #current-forecast:hover .weather-title,
        #navigation #top #members-course-conditions #current-forecast:hover .weather-title,
        #navigation #top #guests-course-conditions #current-forecast:hover .weather-title {
          color: #BC995C; }
        #navigation #top #course-conditions #current-forecast:hover .icon,
        #navigation #top #members-course-conditions #current-forecast:hover .icon,
        #navigation #top #guests-course-conditions #current-forecast:hover .icon {
          filter: grayscale(0); }
  #navigation #main-menu {
    display: flex;
    width: 100%;
    padding: 0 2rem; }
    @media screen and (max-width: 1024px) {
      #navigation #main-menu {
        display: flex;
        justify-content: center; } }
    #navigation #main-menu #mobile-menu {
      grid-column: 1;
      -ms-grid-column: 1;
      height: auto;
      display: block;
      align-self: center;
      display: none; }
      @media screen and (max-width: 1024px) {
        #navigation #main-menu #mobile-menu {
          display: block; } }
      #navigation #main-menu #mobile-menu #menu {
        position: absolute;
        overflow-y: scroll;
        width: 50%;
        height: 100vh;
        overflow-y: scroll;
        z-index: 1;
        top: 70px;
        left: 0;
        -webkit-transition: all .3s ease-in;
        transition: all .3s ease-in;
        background-color: #fff;
        visibility: hidden;
        -webkit-box-shadow: 0px 4px 3px 1px rgba(34, 31, 31, 0.4);
        -moz-box-shadow: 0px 4px 3px 1px rgba(34, 31, 31, 0.4);
        box-shadow: 0px 4px 3px 1px rgba(34, 31, 31, 0.4); }
        @media screen and (max-width: 740px) {
          #navigation #main-menu #mobile-menu #menu {
            width: 100%;
            top: 70px; } }
        #navigation #main-menu #mobile-menu #menu.is-visible {
          visibility: visible; }
        #navigation #main-menu #mobile-menu #menu::-webkit-scrollbar {
          display: none; }
        #navigation #main-menu #mobile-menu #menu a {
          display: block;
          font-size: 1.6rem;
          padding: 1.5rem 0 1.5rem 1rem;
          text-decoration: none;
          color: #1f2830;
          background: #ffffff;
          line-height: 1.5rem; }
        #navigation #main-menu #mobile-menu #menu #mobile-nav {
          height: 100%;
          display: block;
          overflow: scroll;
          margin-bottom: 0;
          padding-bottom: 11rem; }
          #navigation #main-menu #mobile-menu #menu #mobile-nav::-webkit-scrollbar {
            display: none; }
          #navigation #main-menu #mobile-menu #menu #mobile-nav .current-menu-item a {
            color: #BC995C; }
          #navigation #main-menu #mobile-menu #menu #mobile-nav .menu-item-has-children.current_page_parent a {
            background: #f8f8f8; }
          #navigation #main-menu #mobile-menu #menu #mobile-nav .menu-item-has-children.current-menu-ancestor a {
            background: #f8f8f8; }
          #navigation #main-menu #mobile-menu #menu #mobile-nav .menu-item-has-children.current-menu-ancestor .sub-menu .current-menu-parent a {
            background: #f8f8f8; }
          #navigation #main-menu #mobile-menu #menu #mobile-nav .menu-item-has-children.current-menu-ancestor .sub-menu .current-menu-parent .current-menu-item a[aria-current] {
            color: #BC995C;
            background: #efefef; }
          #navigation #main-menu #mobile-menu #menu #mobile-nav .menu-item-has-children.current-menu-parent a[aria-current] {
            color: #BC995C; }
          #navigation #main-menu #mobile-menu #menu #mobile-nav .menu-item-has-children > .sub-menu {
            display: none; }
            #navigation #main-menu #mobile-menu #menu #mobile-nav .menu-item-has-children > .sub-menu > .menu-item a {
              font-size: 0.9rem;
              padding-left: 20px; }
            #navigation #main-menu #mobile-menu #menu #mobile-nav .menu-item-has-children > .sub-menu .menu-item {
              position: relative; }
              #navigation #main-menu #mobile-menu #menu #mobile-nav .menu-item-has-children > .sub-menu .menu-item > .sub-menu .menu-item {
                background: #f8f8f8; }
                #navigation #main-menu #mobile-menu #menu #mobile-nav .menu-item-has-children > .sub-menu .menu-item > .sub-menu .menu-item a {
                  font-size: 1.1rem;
                  padding-left: 3rem; }
          #navigation #main-menu #mobile-menu #menu #mobile-nav .menu-item-has-children .view-more-btn {
            height: 72px;
            width: 65px;
            position: absolute;
            right: 0;
            top: 0;
            margin: 0;
            display: flex;
            background-color: #BC995C;
            transition: ease 0.3s; }
            #navigation #main-menu #mobile-menu #menu #mobile-nav .menu-item-has-children .view-more-btn:after {
              font-family: "Material Icons";
              font-size: 1.4rem;
              content: "\e5cf";
              color: #ffffff;
              position: absolute;
              display: flex;
              justify-content: center;
              width: 100%;
              align-items: center;
              height: 100%;
              transition: ease 0.3s; }
            #navigation #main-menu #mobile-menu #menu #mobile-nav .menu-item-has-children .view-more-btn.active {
              background-color: #e9ebec; }
              #navigation #main-menu #mobile-menu #menu #mobile-nav .menu-item-has-children .view-more-btn.active:after {
                color: #1f2830;
                transform: rotate(180deg); }
          #navigation #main-menu #mobile-menu #menu #mobile-nav .menu-item {
            position: relative;
            border-bottom: 1px solid #e9ebec; }
            #navigation #main-menu #mobile-menu #menu #mobile-nav .menu-item:nth-last-of-type(1) {
              border-bottom: none; }
            #navigation #main-menu #mobile-menu #menu #mobile-nav .menu-item > .sub-menu .menu-item a {
              font-size: 1.3rem;
              padding-left: 2rem;
              color: #1f2830;
              background: #ffffff; }
            #navigation #main-menu #mobile-menu #menu #mobile-nav .menu-item > .sub-menu .menu-item.current-menu-item a[aria-current="page"] {
              color: #BC995C;
              background: #f8f8f8; }
    #navigation #main-menu .hamburger-menu-button {
      position: fixed;
      z-index: 5;
      cursor: pointer;
      margin: 0 5px 0 0;
      border: 0;
      text-transform: uppercase;
      background: none;
      height: 25px;
      width: 20px;
      margin-top: -12px;
      pointer-events: all;
      transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease; }
      #navigation #main-menu .hamburger-menu-button > [class*='bar'] {
        position: absolute;
        left: 0;
        background-color: #1f2830;
        width: 100%;
        height: 3px;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease; }
      #navigation #main-menu .hamburger-menu-button .bar1 {
        top: 5px;
        background-color: #BC995C; }
      #navigation #main-menu .hamburger-menu-button .bar2 {
        bottom: 5px;
        background-color: #BC995C; }
      #navigation #main-menu .hamburger-menu-button .menu-label span {
        padding-left: 20px;
        line-height: 25px;
        font-size: 1.1rem;
        color: #BC995C;
        font-weight: 500; }
        @media screen and (max-width: 740px) {
          #navigation #main-menu .hamburger-menu-button .menu-label span {
            display: none; } }
      #navigation #main-menu .hamburger-menu-button.on .bar1 {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 12px; }
      #navigation #main-menu .hamburger-menu-button.on .bar2 {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        bottom: 10px; }
      #navigation #main-menu .hamburger-menu-button.on .menu-label span {
        font-weight: 500; }
      #navigation #main-menu .hamburger-menu-button:focus {
        outline: none; }
    #navigation #main-menu .logo {
      justify-self: flex-start;
      height: 85px;
      padding: 10px 0;
      display: block;
      transition: height ease 0.3s; }
      #navigation #main-menu .logo img {
        height: 100%; }
      @media screen and (max-width: 1024px) {
        #navigation #main-menu .logo {
          justify-self: center;
          height: 85px;
          padding: 1rem;
          display: flex;
          justify-content: center; } }
      @media screen and (max-width: 740px) {
        #navigation #main-menu .logo {
          height: 70px;
          padding: 15px;
          display: flex;
          justify-content: center; } }
    #navigation #main-menu #desktop-menu {
      -ms-grid-column: 2;
      -ms-grid-column-span: 4;
      grid-column: 2/ span 4; }
      @media screen and (max-width: 1024px) {
        #navigation #main-menu #desktop-menu {
          display: none; } }
    #navigation #main-menu #members-login, #navigation #main-menu #members-logout {
      -ms-grid-column: 6;
      grid-column: 6;
      display: flex;
      flex-direction: row;
      align-self: center;
      justify-self: end;
      text-align: right;
      color: #1f2830;
      font-size: 1.1rem;
      height: auto;
      text-transform: uppercase;
      line-height: 30px;
      align-items: center;
      position: absolute;
      right: 2rem; }
      #navigation #main-menu #members-login:focus, #navigation #main-menu #members-logout:focus {
        outline: none; }
      #navigation #main-menu #members-login #members-btn, #navigation #main-menu #members-login #logout-btn, #navigation #main-menu #members-logout #members-btn, #navigation #main-menu #members-logout #logout-btn {
        display: flex;
        flex-direction: row;
        transition: all 0.3s ease;
        cursor: pointer; }
        #navigation #main-menu #members-login #members-btn:hover, #navigation #main-menu #members-login #logout-btn:hover, #navigation #main-menu #members-logout #members-btn:hover, #navigation #main-menu #members-logout #logout-btn:hover {
          color: #1f2830; }
        #navigation #main-menu #members-login #members-btn .fa-user-circle, #navigation #main-menu #members-login #members-btn .fa-arrow-right-from-bracket, #navigation #main-menu #members-login #logout-btn .fa-user-circle, #navigation #main-menu #members-login #logout-btn .fa-arrow-right-from-bracket, #navigation #main-menu #members-logout #members-btn .fa-user-circle, #navigation #main-menu #members-logout #members-btn .fa-arrow-right-from-bracket, #navigation #main-menu #members-logout #logout-btn .fa-user-circle, #navigation #main-menu #members-logout #logout-btn .fa-arrow-right-from-bracket {
          display: none; }
          @media screen and (max-width: 740px) {
            #navigation #main-menu #members-login #members-btn .fa-user-circle, #navigation #main-menu #members-login #members-btn .fa-arrow-right-from-bracket, #navigation #main-menu #members-login #logout-btn .fa-user-circle, #navigation #main-menu #members-login #logout-btn .fa-arrow-right-from-bracket, #navigation #main-menu #members-logout #members-btn .fa-user-circle, #navigation #main-menu #members-logout #members-btn .fa-arrow-right-from-bracket, #navigation #main-menu #members-logout #logout-btn .fa-user-circle, #navigation #main-menu #members-logout #logout-btn .fa-arrow-right-from-bracket {
              display: block;
              font-size: 1.5rem; } }
        #navigation #main-menu #members-login #members-btn .logout, #navigation #main-menu #members-login #logout-btn .logout, #navigation #main-menu #members-logout #members-btn .logout, #navigation #main-menu #members-logout #logout-btn .logout {
          color: #ffffff;
          text-decoration: none; }
        #navigation #main-menu #members-login #members-btn span, #navigation #main-menu #members-login #logout-btn span, #navigation #main-menu #members-logout #members-btn span, #navigation #main-menu #members-logout #logout-btn span {
          color: #ffffff;
          font-weight: 500; }
          @media screen and (max-width: 740px) {
            #navigation #main-menu #members-login #members-btn span, #navigation #main-menu #members-login #logout-btn span, #navigation #main-menu #members-logout #members-btn span, #navigation #main-menu #members-logout #logout-btn span {
              display: none; } }
      #navigation #main-menu #members-login i, #navigation #main-menu #members-logout i {
        position: relative;
        top: 1px;
        font-size: 28px;
        color: #BC995C;
        padding: 0 2.5px; }
        @media screen and (max-width: 740px) {
          #navigation #main-menu #members-login i, #navigation #main-menu #members-logout i {
            top: inherit; } }
      #navigation #main-menu #members-login.is-visible #members-btn, #navigation #main-menu #members-logout.is-visible #members-btn {
        color: #1f2830;
        font-weight: 600; }
  #navigation #main-menu .nav {
    display: flex;
    flex-direction: row;
    height: 100%;
    align-items: center;
    width: 100%; }
    #navigation #main-menu .nav > .menu-item a {
      padding: 25px 15px;
      text-transform: uppercase;
      display: block;
      text-decoration: none;
      position: relative;
      transition: all 0.3s;
      font-size: 0.9rem;
      color: #ffffff;
      cursor: pointer;
      /*&:after {
                        position: absolute;
                            bottom: 0; 
                            left: 0;
                            right: 0;
                            margin: auto;
                            width: 0%;
                            content: '.';
                            color: transparent;
                            background: rgba($primary, 1);
                            height: 2px;
                            transition: all 0.3s;
                     }*/ }
      @media screen and (max-width: 1200px) {
        #navigation #main-menu .nav > .menu-item a {
          font-size: 0.8rem;
          padding: 25px 10px; } }
      @media (min-width: 1024px) and (max-width: 1260px) {
        #navigation #main-menu .nav > .menu-item a {
          font-size: 0.7rem; } }
      #navigation #main-menu .nav > .menu-item a[rel~="noopener"]::after {
        font-family: 'Material Icons';
        content: "\e89e";
        position: relative;
        display: inline-block !important;
        font-weight: 400;
        margin-left: 15px;
        top: 3px;
        display: inline;
        color: #c9cfd4;
        background-color: inherit;
        line-height: 13px;
        height: 0; }
    #navigation #main-menu .nav > .menu-item.current-menu-ancestor {
      background: #f8f8f8; }
      #navigation #main-menu .nav > .menu-item.current-menu-ancestor .sub-menu .current-menu-parent {
        background: #f8f8f8; }
    #navigation #main-menu .nav > .menu-item.current-menu-parent {
      background: #f8f8f8; }
    #navigation #main-menu .nav > .menu-item .sub-menu {
      display: none; }
    #navigation #main-menu .nav > .menu-item:hover > a {
      color: #c6a86c; }
      #navigation #main-menu .nav > .menu-item:hover > a:after {
        width: 76%; }
    #navigation #main-menu .nav > .menu-item:hover .sub-menu {
      display: block;
      position: absolute;
      width: 300px;
      box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1);
      z-index: -1px;
      background-color: #ffffff; }
    #navigation #main-menu .nav > .menu-item .sub-menu .menu-item {
      position: relative;
      padding: 5px 0;
      transition: all 0.3s ease; }
      #navigation #main-menu .nav > .menu-item .sub-menu .menu-item a {
        transition: transform ease 0.3s;
        text-transform: initial;
        padding: 7.5px 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #000000; }
        #navigation #main-menu .nav > .menu-item .sub-menu .menu-item a:after {
          content: inherit;
          display: none; }
        #navigation #main-menu .nav > .menu-item .sub-menu .menu-item a:hover {
          transform: translateX(5px);
          color: #a8853f; }
      #navigation #main-menu .nav > .menu-item .sub-menu .menu-item:after {
        content: '';
        width: 0;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        background: #cca460;
        transition: all 0.3s ease; }
      #navigation #main-menu .nav > .menu-item .sub-menu .menu-item .sub-menu {
        display: none;
        left: 300px;
        top: 0; }
      #navigation #main-menu .nav > .menu-item .sub-menu .menu-item:hover {
        background: #f8f8f8; }
        #navigation #main-menu .nav > .menu-item .sub-menu .menu-item:hover:after {
          width: 5px; }
        #navigation #main-menu .nav > .menu-item .sub-menu .menu-item:hover .sub-menu {
          display: block; }
    #navigation #main-menu .nav > .menu-item .sub-menu > .menu-item-has-children > a:after {
      font-family: 'Material Icons';
      content: '\e037';
      font-style: normal;
      font-weight: 400;
      display: block;
      color: #BC995C;
      top: -10px;
      line-height: 10px;
      right: -225px; }
    #navigation #main-menu .nav > .menu-item .sub-menu > .current_page_item {
      background-color: #e9ebec; }
      #navigation #main-menu .nav > .menu-item .sub-menu > .current_page_item:after {
        content: '';
        width: 5px;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        background: #c6a86c;
        transition: all 0.3s ease; }
      #navigation #main-menu .nav > .menu-item .sub-menu > .current_page_item a {
        transform: translateX(5px);
        color: #BC995C;
        /*&:after {
                                font-family: 'Material Icons'; 
                                content: '\e836';
                                display: inline-block!important;
                                font-weight: 400;
                                font-size: 12px;
                                margin-left: 15px;
                                padding-right: 10px;
                                color: rgba($primary, 1);
                                height: 0;
                                position: absolute;
                                top: 16px;
                                right: 10px;
                                line-height: 7px;
                            }*/ }
    #navigation #main-menu .nav > .menu-item.current-menu-item > a {
      color: #BC995C;
      /*&:after {
                        position: absolute;
                        bottom: 0; 
                        left: 0;
                        right: 0;
                        margin: auto;
                        width: 76%;
                        content: '.';
                        color: transparent;
                        background: rgba($primary, 1);
                        height: 2px;
                        transition: all 0.3s;
                        }*/ }
  #navigation.active {
    transition: all ease 0.3s; }
    #navigation.active #top {
      height: 0;
      transform: translateY(-39px); }
    #navigation.active .hamburger-menu-button .bar1,
    #navigation.active .hamburger-menu-button .bar2 {
      background-color: #1f2830; }
    #navigation.active #members-login #members-btn {
      color: #1f2830; }
    #navigation.active #main-menu #mobile-menu #menu {
      top: 75px; }
      @media screen and (max-width: 740px) {
        #navigation.active #main-menu #mobile-menu #menu {
          top: 65px; } }

#members-nav {
  position: fixed;
  right: 0;
  padding: 5rem;
  width: 33%;
  height: 100%;
  overflow: hidden;
  align-items: center;
  display: flex;
  transform: translateX(100%);
  transition: all 0.3s ease; }
  #members-nav::before {
    content: "";
    background: url(/cms/wp-content/themes/elements/assets/images/login.jpg) no-repeat top center;
    background-size: cover;
    filter: grayscale(1) opacity(0.15);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  @media screen and (max-width: 1400px) {
    #members-nav {
      width: 50%; } }
  @media screen and (max-width: 1024px) {
    #members-nav {
      width: 66.6%;
      padding: 5rem 4rem; } }
  @media screen and (max-width: 740px) {
    #members-nav {
      width: 100%;
      padding: 3rem 2rem; } }
  #members-nav.on {
    transform: translateX(0%);
    transition: all 0.3s ease;
    -webkit-box-shadow: inset -1em 0 5em 0 rgba(0, 0, 0, 0.025);
    box-shadow: inset -1em 0 5em 0 rgba(0, 0, 0, 0.025); }
  #members-nav form {
    position: relative; }

#main {
  transition: all 0.3s ease;
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); }
  #main.is-pushed {
    transform: translateX(-33%);
    transition: all 0.3s ease;
    -webkit-box-shadow: 1px 1px 3px 1px rgba(34, 31, 31, 0.4);
    -moz-box-shadow: 1px 1px 3px 1px rgba(34, 31, 31, 0.4);
    box-shadow: 1px 1px 3px 1px rgba(34, 31, 31, 0.4); }
    @media screen and (max-width: 1400px) {
      #main.is-pushed {
        transform: translateX(-50%); } }
    @media screen and (max-width: 1024px) {
      #main.is-pushed {
        transform: translateX(-66.6%); } }
    @media screen and (max-width: 740px) {
      #main.is-pushed {
        transform: translateX(-100%); } }

.page #main,
.category #main {
  min-height: 62vh; }

#mem-log h2 {
  text-align: center; }

#mem-log h5 {
  text-transform: uppercase;
  text-align: center; }

#mem-log .input {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #c9cfd4; }
  #mem-log .input .material-icons {
    margin-top: 13px;
    padding: 0px 5px;
    color: #1f2830;
    font-size: 20px; }

#mem-log input {
  margin: 5px 0;
  width: 100%;
  padding: 10px;
  border: none;
  background-color: transparent; }
  #mem-log input#mem-no::placeholder, #mem-log input#pass::placeholder {
    color: #1f2830; }
  #mem-log input#mem-no:focus, #mem-log input#pass:focus {
    outline-color: #fff; }
  #mem-log input[type="submit"] {
    background-color: #BC995C;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 500;
    border-bottom: none;
    margin-top: 1rem;
    cursor: pointer;
    transition: all 0.3s ease;
    -webkit-appearance: none;
    border-radius: 0; }
    #mem-log input[type="submit"]:hover {
      background-color: #a8853f; }

#mem-log a {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: 5px 0;
  color: #1f2830;
  text-decoration: underline; }
  #mem-log a:hover {
    text-decoration: none; }

#mem-log .small-text {
  text-align: right; }

#mem-log ul {
  display: flex; }
  #mem-log ul li {
    width: 50%; }
    #mem-log ul li:first-of-type a {
      text-align: start; }
    #mem-log ul li:last-of-type a {
      text-align: end; }

.logged-in #members-nav {
  display: block; }
  .logged-in #members-nav #member-welcome {
    margin-right: 0;
    width: 100%;
    align-self: start;
    padding: 1rem 0 1.5rem; }
    .logged-in #members-nav #member-welcome p {
      font-size: 1.3rem; }
  .logged-in #members-nav .product-menu {
    text-decoration: none;
    padding-top: 20px;
    background-color: #f8f8f8;
    padding: 2rem; }
    .logged-in #members-nav .product-menu li {
      padding: 0.5rem 0;
      text-decoration: none;
      display: flex;
      flex-direction: row;
      align-items: center;
      transition: ease transform 0.3s; }
      .logged-in #members-nav .product-menu li:hover {
        transform: translateX(5px) !important;
        font-weight: 500; }
      .logged-in #members-nav .product-menu li a {
        color: #1f2830;
        text-decoration: none;
        font-size: 1.1rem; }
        @media screen and (max-width: 480px) {
          .logged-in #members-nav .product-menu li a {
            font-size: 1rem; } }
      .logged-in #members-nav .product-menu li:before {
        font-family: 'Material Icons';
        font-style: normal;
        font-weight: 400;
        display: block;
        padding-right: 15px;
        font-size: 1.8rem;
        color: #BC995C;
        line-height: 0; }
      .logged-in #members-nav .product-menu li.portal:before {
        content: '\e851'; }
      .logged-in #members-nav .product-menu li.bookings:before {
        content: '\e878'; }
      .logged-in #members-nav .product-menu li.results:before {
        font-family: 'FontAwesome';
        content: '\f091';
        font-size: 1.5rem; }
      .logged-in #members-nav .product-menu li.directory:before {
        content: '\e8ef'; }
      .logged-in #members-nav .product-menu li.password:before {
        content: '\e7fd'; }
      .logged-in #members-nav .product-menu li.handicap:before {
        content: '\e3cd'; }
      .logged-in #members-nav .product-menu li.logout:before {
        content: '\e9ba';
        font-weight: 600; }

h3.weather-loader {
  padding: 0; }

@media (max-width: 1023px) {
  .desktop-nav {
    display: flex;
    justify-content: center;
    width: 100%; }
    .desktop-nav #desktop-menu-left,
    .desktop-nav #desktop-menu-right {
      display: none; } }

@media (min-width: 1024px) {
  .desktop-nav {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 1rem;
    /* Optional spacing */
    padding: 0 1rem;
    width: 100%; }
    .desktop-nav #desktop-menu-left,
    .desktop-nav #desktop-menu-right {
      display: flex; }
    .desktop-nav #desktop-menu-left .nav {
      display: flex;
      justify-content: flex-end; }
    .desktop-nav #desktop-menu-right .nav {
      display: flex;
      justify-content: flex-start; }
    .desktop-nav a.logo {
      display: flex;
      justify-content: center; }
    .desktop-nav .logo img {
      max-height: 60px;
      /* Adjust as needed */ } }

footer {
  background-color: #f8f8f8;
  z-index: 1;
  position: relative;
  border-top: 1px solid #ededed; }
  footer .container {
    padding: 3rem 2rem 1rem; }
  footer h4 {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1rem; }
  footer p, footer a {
    font-size: 0.95rem; }
  footer #club-details {
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-columns: 1fr 1fr 1fr 1fr; }
    @media screen and (max-width: 960px) {
      footer #club-details {
        grid-template-columns: 1fr 1fr 1fr;
        -ms-grid-columns: 1fr 1fr 1fr; } }
    footer #club-details #address {
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      grid-column: 1; }
      footer #club-details #address p {
        margin: 0;
        text-align: start; }
      footer #club-details #address li a i {
        padding-right: 5px; }
      @media screen and (max-width: 740px) {
        footer #club-details #address {
          -ms-grid-column-span: 2;
          -ms-grid-column: 1;
          grid-column: 1/ span 2; } }
    footer #club-details #enquiry-signup {
      -ms-grid-column: 3;
      -ms-grid-column-span: 1;
      grid-column: 3/ span 1; }
      @media screen and (max-width: 740px) {
        footer #club-details #enquiry-signup {
          -ms-grid-column-span: 2;
          -ms-grid-column: 1;
          grid-column: 1/ span 2; } }
    footer #club-details #social {
      -ms-grid-column: 2;
      -ms-grid-column-span: 2;
      grid-column: 2;
      padding-left: 1rem; }
      footer #club-details #social ul {
        display: flex;
        flex-direction: row;
        margin-top: 0.75rem;
        flex-wrap: wrap; }
        @media screen and (max-width: 480px) {
          footer #club-details #social ul {
            justify-content: center; } }
        footer #club-details #social ul li {
          margin: 0; }
          footer #club-details #social ul li a i {
            background-color: #BC995C;
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 35px;
            height: 35px;
            margin: 5px;
            text-align: center;
            border-radius: 50%;
            line-height: 14px;
            transition: ease 0.3s; }
          footer #club-details #social ul li:hover a i {
            background-color: #a8853f;
            color: #fff; }
      @media screen and (max-width: 740px) {
        footer #club-details #social {
          -ms-grid-column-span: 2;
          -ms-grid-column: 3;
          grid-column: 3/ span 2; } }
    footer #club-details #quick-links {
      -ms-grid-column-span: 1;
      -ms-grid-column: 4;
      grid-column: 4/ span 1;
      /*@include media($small) {
                -ms-grid-column-span: 2;
                -ms-grid-column: 3;
                grid-column: 3/ span 2;
            }*/ }
      @media screen and (max-width: 960px) {
        footer #club-details #quick-links {
          display: none; } }
    footer #club-details li {
      margin: 0.75rem 0;
      width: fit-content;
      display: flex; }
      @media screen and (max-width: 740px) {
        footer #club-details li {
          margin: 0.5rem 0; } }
      footer #club-details li i {
        margin-right: 5px;
        color: #BC995C;
        margin-top: 3px; }
      footer #club-details li a {
        text-decoration: none;
        transition: all 0.3s ease; }
      footer #club-details li:hover a {
        color: #BC995C; }
    footer #club-details p {
      margin: 0.75rem 0; }
  footer #copyright {
    padding: 0 2rem;
    background-color: #e9ebec; }
    footer #copyright .copy-wrap {
      display: flex;
      flex-direction: row;
      width: 100%;
      padding: 1rem 2rem; }
      @media screen and (max-width: 740px) {
        footer #copyright .copy-wrap {
          flex-direction: column; } }
    footer #copyright p, footer #copyright a {
      margin: 0;
      font-size: 0.9rem; }
      @media screen and (max-width: 740px) {
        footer #copyright p, footer #copyright a {
          font-size: 0.8rem; } }
    footer #copyright a {
      text-decoration: underline !important;
      color: #1f2830; }
      footer #copyright a:hover {
        text-decoration: none !important; }
    footer #copyright .left {
      position: relative;
      width: 50%;
      left: 0; }
      @media screen and (max-width: 740px) {
        footer #copyright .left {
          text-align: center;
          width: 100%; } }
    footer #copyright .right {
      position: relative;
      text-align: right;
      width: 50%; }
      @media screen and (max-width: 740px) {
        footer #copyright .right {
          text-align: center;
          width: 100%; } }
  footer .ft-col {
    padding-right: 1rem; }
    @media screen and (max-width: 740px) {
      footer .ft-col {
        padding-bottom: 1rem; } }
    @media screen and (max-width: 480px) {
      footer .ft-col {
        -ms-grid-column-span: 4;
        -ms-grid-column: 1;
        grid-column: 1/span 4 !important;
        text-align: center;
        padding-right: 0; } }

/* The Modal (background) */
.footer-modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: 30px;
  /* Location of the box */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */ }
  @media screen and (max-width: 600px) {
    .footer-modal {
      padding-top: 0; } }
  .footer-modal .modal-header {
    position: relative; }
    .footer-modal .modal-header .header-content {
      color: #ffffff;
      position: relative;
      z-index: 1; }
      .footer-modal .modal-header .header-content .close {
        color: #ffffff; }

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  max-width: 1500px;
  width: 100%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s; }

/* Add Animation */
@-webkit-keyframes animatetop {
  from {
    bottom: -300px;
    opacity: 0; }
  to {
    bottom: 0;
    opacity: 1; } }

@keyframes animatetop {
  from {
    bottom: -300px;
    opacity: 0; }
  to {
    bottom: 0;
    opacity: 1; } }

/* The Close Button */
.close {
  color: #1f2830;
  float: right;
  font-size: 28px;
  font-weight: bold; }

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer; }

.modal-header {
  padding: 1.5rem 2rem;
  background-color: #c9cfd4;
  color: #1f2830;
  background: #BC995C;
  background-size: cover; }
  .modal-header h4.modal-title {
    padding: 0;
    color: #ffffff; }
  .modal-header #closeBtn {
    color: #ffffff;
    opacity: 1; }

.modal-body {
  padding: 1rem 2rem; }

.product-page footer #copyright {
  max-width: inherit; }
  .product-page footer #copyright .copy-wrap {
    border-top: none; }

section.section-0 .container {
  padding: 1rem 2rem 5rem; }
  @media screen and (max-width: 960px) {
    section.section-0 .container {
      padding: 1rem 2rem 3rem; } }
  @media screen and (max-width: 480px) {
    section.section-0 .container {
      padding: 1rem 2rem 1rem; } }

.content-section:nth-of-type(even) {
  background-color: #f8f8f8; }

#banner {
  position: relative;
  overflow: hidden;
  height: 69vh;
  /* Banner background positions */ }
  #banner .bg-top-center {
    background-position: top center !important; }
  #banner .bg-top-left {
    background-position: top left !important; }
  #banner .bg-top-right {
    background-position: top right !important; }
  #banner .bg-center-center {
    background-position: center !important; }
  #banner .bg-center-left {
    background-position: center left !important; }
  #banner .bg-center-right {
    background-position: center right !important; }
  #banner .bg-bottom-center {
    background-position: bottom center !important; }
  #banner .bg-bottom-left {
    background-position: bottom left !important; }
  #banner .bg-bottom-right {
    background-position: bottom right !important; }
  @media only screen and (max-width: 916px) {
    #banner {
      height: auto; } }
  #banner .background-image {
    min-height: 69vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative; }
    @media screen and (max-width: 960px) {
      #banner .background-image {
        min-height: 350px; } }
  #banner #hero-slider {
    margin-bottom: 0;
    height: 100%; }
    #banner #hero-slider .slick-dots {
      bottom: 1rem; }
      #banner #hero-slider .slick-dots li button:before {
        font-size: 1rem; }
  #banner .hero-details {
    position: absolute;
    top: 80%;
    transform: translateY(-80%);
    padding-left: 6rem;
    color: #fff;
    z-index: 1; }
    @media screen and (max-width: 740px) {
      #banner .hero-details {
        padding-left: 2rem; } }
    #banner .hero-details .heading-container {
      width: 100%;
      display: block;
      max-width: 50vw; }
      @media screen and (max-width: 740px) {
        #banner .hero-details .heading-container {
          max-width: 80vw; } }
    #banner .hero-details h1 {
      margin: 0 0 10px; }
    #banner .hero-details p {
      margin: 0 0 20px; }
    #banner .hero-details .btn-feature {
      text-decoration: none; }
  #banner iframe.video {
    width: 100vw;
    height: 56.25vw;
    top: 50%;
    left: 50%;
    border: 0; }

.split-content:nth-of-type(even) .column.image {
  order: 1; }

.split-content:nth-of-type(even) .column.content {
  order: 2;
  padding-right: 0; }
  @media screen and (max-width: 1024px) {
    .split-content:nth-of-type(even) .column.content {
      order: 1;
      padding: 0;
      padding-top: 3rem; } }
  @media screen and (max-width: 480px) {
    .split-content:nth-of-type(even) .column.content {
      padding-top: 1rem; } }

.split-content:nth-of-type(odd) .column.image {
  order: 2; }
  @media screen and (max-width: 1024px) {
    .split-content:nth-of-type(odd) .column.image {
      order: 1; } }

.split-content:nth-of-type(odd) .column.content {
  order: 1;
  padding-left: 0; }
  @media screen and (max-width: 1024px) {
    .split-content:nth-of-type(odd) .column.content {
      padding: 0;
      padding-top: 3rem; } }
  @media screen and (max-width: 480px) {
    .split-content:nth-of-type(odd) .column.content {
      padding-top: 1rem; } }

.split-content .container {
  width: 100%;
  display: flex;
  align-content: center;
  min-height: 500px;
  overflow: hidden; }
  @media screen and (max-width: 1024px) {
    .split-content .container {
      flex-direction: column; } }

.split-content .column {
  width: 50%; }
  .split-content .column.content {
    padding: 5rem 4rem;
    align-self: center;
    height: 100%; }
    @media screen and (max-width: 1024px) {
      .split-content .column.content {
        width: 100%; } }
  .split-content .column.image {
    background-size: cover !important;
    background-position: center !important;
    width: 55%; }
    @media screen and (max-width: 1024px) {
      .split-content .column.image {
        height: 500px;
        width: 100%; } }
    @media screen and (max-width: 740px) {
      .split-content .column.image {
        height: 300px; } }

.post-categories {
  margin: 0; }
  .post-categories a {
    color: #BC995C;
    transition: all 0.3s ease; }
    .post-categories a:hover {
      text-decoration: none;
      color: #a8853f; }

p.intro {
  font-weight: 500;
  line-height: 1.8rem;
  margin-bottom: 2rem; }

.featured-caption {
  font-size: 0.8rem;
  margin-bottom: 1rem;
  margin-top: -1rem; }

article img {
  margin-bottom: 1rem; }

.category .posts-wrap {
  padding: 2rem 0; }

.single-event h4 {
  margin: 1rem 0 0.5rem; }

.single-event .eventorganiser-event-meta {
  padding: 1rem 0px; }

.single-event .eo-event-meta {
  margin: 0 0 1rem 0; }
  .single-event .eo-event-meta li {
    margin: 10px 0 3px 0; }
    .single-event .eo-event-meta li a {
      color: #BC995C;
      transition: all 0.3s ease; }
      .single-event .eo-event-meta li a:hover {
        color: #a8853f; }
  .single-event .eo-event-meta ul.eo-upcoming-dates {
    margin-bottom: .5rem; }
    .single-event .eo-event-meta ul.eo-upcoming-dates li {
      margin: 2px 0; }
  .single-event .eo-event-meta span.eo-upcoming-dates-pipe {
    margin: 0 10px;
    color: #e9ebec; }
  .single-event .eo-event-meta a.eo-upcoming-dates-show-more {
    color: #BC995C;
    transition: all 0.3s ease; }
    .single-event .eo-event-meta a.eo-upcoming-dates-show-more:hover {
      color: #a8853f;
      text-decoration: none; }
  .single-event .eo-event-meta a.eo-upcoming-dates-show-less {
    color: #BC995C;
    transition: all 0.3s ease; }
    .single-event .eo-event-meta a.eo-upcoming-dates-show-less:hover {
      color: #a8853f;
      text-decoration: none; }

.single-event .eo-event-venue-map {
  box-shadow: 0 0 5px #7d7d7d;
  margin: 10px 0; }
  .single-event .eo-event-venue-map .eo-venue-map {
    height: 250px !important; }

.single-event #upcoming-events #events-feed {
  margin-bottom: 0; }
  .single-event #upcoming-events #events-feed #events-wrapper .event-item .event-wrap {
    display: block; }
    .single-event #upcoming-events #events-feed #events-wrapper .event-item .event-wrap .event-details {
      display: flex; }

.event-item:hover .event-wrap {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }

.event-item .event-wrap {
  position: relative;
  margin: 0.5rem;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  transition: box-shadow ease 0.3s; }
  .event-item .event-wrap .inner-event-item-image-container .inner-event-item-image {
    width: 100%;
    padding-top: calc((9 / 16) * 100%);
    background-position: center;
    background-size: cover; }
  .event-item .event-wrap .event-details {
    position: relative;
    padding: 0 1rem 0 0;
    background-color: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    min-height: 180px; }
    @media screen and (max-width: 1200px) {
      .event-item .event-wrap .event-details {
        padding: 1rem 1rem 1rem 1rem;
        flex-direction: column;
        justify-content: center;
        min-height: 230px; } }
    .event-item .event-wrap .event-details .event-date {
      width: 25%;
      text-align: center;
      align-self: center; }
      @media screen and (max-width: 1200px) {
        .event-item .event-wrap .event-details .event-date {
          width: 100%; } }
      .event-item .event-wrap .event-details .event-date .event-day {
        font-size: 2rem;
        font-weight: 500; }
        @media screen and (max-width: 740px) {
          .event-item .event-wrap .event-details .event-date .event-day {
            font-size: 1.5rem; } }
      .event-item .event-wrap .event-details .event-date .event-year {
        font-size: 13px; }
    .event-item .event-wrap .event-details .word-wrap {
      width: 75%; }
      @media screen and (max-width: 1200px) {
        .event-item .event-wrap .event-details .word-wrap {
          width: 100%;
          text-align: center; } }
      .event-item .event-wrap .event-details .word-wrap p {
        margin-bottom: 0; }
    .event-item .event-wrap .event-details .btn-feature {
      display: inline-block;
      margin-top: 0.5rem; }

#events-archive #events-wrapper,
#events-venue #events-wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 2rem 0; }
  @media screen and (max-width: 740px) {
    #events-archive #events-wrapper,
    #events-venue #events-wrapper {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr; } }
  #events-archive #events-wrapper .event-item:first-of-type,
  #events-venue #events-wrapper .event-item:first-of-type {
    -ms-grid-column: 1; }
  #events-archive #events-wrapper .event-item:nth-of-type(2n+2),
  #events-venue #events-wrapper .event-item:nth-of-type(2n+2) {
    -ms-grid-column: 2; }
  #events-archive #events-wrapper .event-item:nth-of-type(3n+3),
  #events-venue #events-wrapper .event-item:nth-of-type(3n+3) {
    -ms-grid-column: 3; }
  #events-archive #events-wrapper .event-item:nth-of-type(4n+4),
  #events-venue #events-wrapper .event-item:nth-of-type(4n+4) {
    -ms-grid-column: 1;
    -ms-grid-row: 2; }

#events-archive .event-location,
#events-venue .event-location {
  position: relative; }
  #events-archive .event-location .event-address,
  #events-venue .event-location .event-address {
    position: absolute;
    top: -18px;
    right: 0;
    z-index: 1;
    background: #BC995C;
    color: #ffffff;
    padding: 5px;
    margin-bottom: 1rem; }
  #events-archive .event-location .eo-venue-map,
  #events-venue .event-location .eo-venue-map {
    z-index: 0;
    height: 400px !important; }
  @media screen and (max-width: 600px) {
    #events-archive .event-location .event-address,
    #events-venue .event-location .event-address {
      position: relative;
      top: 0;
      width: 100%;
      text-align: center; }
    #events-archive .event-location .eo-venue-map,
    #events-venue .event-location .eo-venue-map {
      height: 300px !important; } }

#events-archive nav.eo-events-nav,
#events-venue nav.eo-events-nav {
  display: grid;
  grid-template-columns: 1fr 1fr;
  direction: rtl;
  width: 100%;
  border-top: 1px solid #f8f8f8;
  padding: 1rem 1rem 0 1rem; }
  #events-archive nav.eo-events-nav .nav-next a,
  #events-archive nav.eo-events-nav .nav-previous a,
  #events-venue nav.eo-events-nav .nav-next a,
  #events-venue nav.eo-events-nav .nav-previous a {
    color: #BC995C;
    transition: all 0.3s ease; }
    #events-archive nav.eo-events-nav .nav-next a:hover,
    #events-archive nav.eo-events-nav .nav-previous a:hover,
    #events-venue nav.eo-events-nav .nav-next a:hover,
    #events-venue nav.eo-events-nav .nav-previous a:hover {
      color: #a8853f;
      text-decoration: none; }
  #events-archive nav.eo-events-nav .nav-previous,
  #events-venue nav.eo-events-nav .nav-previous {
    text-align: left; }

#upcoming-events #events-feed {
  margin-bottom: 5rem; }
  #upcoming-events #events-feed #events-wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-gap: .5rem 0; }
    @media screen and (max-width: 1024px) {
      #upcoming-events #events-feed #events-wrapper {
        grid-template-columns: 1fr 1fr; } }
    @media screen and (max-width: 740px) {
      #upcoming-events #events-feed #events-wrapper {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr; } }
    #upcoming-events #events-feed #events-wrapper .event-item .event-wrap {
      position: relative;
      margin: 0.5rem;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
      transition: box-shadow ease 0.3s;
      overflow: hidden; }
      @media screen and (max-width: 960px) {
        #upcoming-events #events-feed #events-wrapper .event-item .event-wrap {
          grid-template-rows: 1fr auto; } }
      #upcoming-events #events-feed #events-wrapper .event-item .event-wrap .event-details {
        position: relative;
        padding: 0 1rem 0 0;
        background-color: #fff;
        display: flex;
        flex-direction: row;
        align-items: center;
        min-height: 200px; }
        @media screen and (max-width: 1024px) {
          #upcoming-events #events-feed #events-wrapper .event-item .event-wrap .event-details {
            min-height: 220px; }
            #upcoming-events #events-feed #events-wrapper .event-item .event-wrap .event-details .event-date {
              width: 35%; } }
        #upcoming-events #events-feed #events-wrapper .event-item .event-wrap .event-details .word-wrap {
          width: 100%;
          padding: 1rem 2rem;
          display: flex;
          flex-direction: column;
          justify-content: center; }
          #upcoming-events #events-feed #events-wrapper .event-item .event-wrap .event-details .word-wrap a.btn-feature {
            display: block;
            margin-top: 1.5rem;
            width: auto;
            max-width: 100px; }
          @media screen and (max-width: 1200px) {
            #upcoming-events #events-feed #events-wrapper .event-item .event-wrap .event-details .word-wrap {
              text-align: initial;
              height: 100%; } }
        #upcoming-events #events-feed #events-wrapper .event-item .event-wrap .event-details .event-bottom {
          position: absolute;
          bottom: 0;
          right: 0;
          width: 100%; }
          #upcoming-events #events-feed #events-wrapper .event-item .event-wrap .event-details .event-bottom .links {
            text-decoration: none;
            display: grid;
            grid-template-columns: 1fr 1fr;
            text-align: center;
            background: #BC995C; }
            #upcoming-events #events-feed #events-wrapper .event-item .event-wrap .event-details .event-bottom .links a {
              text-decoration: none;
              padding: 0.6rem 0;
              transition: all 0.3s ease;
              font-size: 1rem;
              color: #ffffff; }
              #upcoming-events #events-feed #events-wrapper .event-item .event-wrap .event-details .event-bottom .links a:hover {
                opacity: .5; }
          #upcoming-events #events-feed #events-wrapper .event-item .event-wrap .event-details .event-bottom .event-meta-info {
            overflow-x: visible;
            margin-bottom: 0 !important;
            display: none;
            background: #f8f8f8; }
            #upcoming-events #events-feed #events-wrapper .event-item .event-wrap .event-details .event-bottom .event-meta-info ul.meta-list {
              padding: .5rem; }
              #upcoming-events #events-feed #events-wrapper .event-item .event-wrap .event-details .event-bottom .event-meta-info ul.meta-list li {
                padding: .5rem; }
                #upcoming-events #events-feed #events-wrapper .event-item .event-wrap .event-details .event-bottom .event-meta-info ul.meta-list li p {
                  margin: 0;
                  font-size: 1rem; }
        @media screen and (max-width: 740px) {
          #upcoming-events #events-feed #events-wrapper .event-item .event-wrap .event-details {
            grid-template-columns: 1fr; } }
  #upcoming-events #events-feed #upcoming-events-wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: .5rem 0; }
    @media screen and (max-width: 1024px) {
      #upcoming-events #events-feed #upcoming-events-wrapper {
        grid-template-columns: 1fr 1fr; } }
    @media screen and (max-width: 740px) {
      #upcoming-events #events-feed #upcoming-events-wrapper {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr; } }
    #upcoming-events #events-feed #upcoming-events-wrapper .event-item .event-wrap {
      position: relative;
      margin: 0.5rem;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
      transition: box-shadow ease 0.3s;
      overflow: hidden; }
      @media screen and (max-width: 960px) {
        #upcoming-events #events-feed #upcoming-events-wrapper .event-item .event-wrap {
          grid-template-rows: 1fr auto; } }
      #upcoming-events #events-feed #upcoming-events-wrapper .event-item .event-wrap .event-details {
        position: relative;
        padding: 0 1rem 2rem 0;
        background-color: #fff;
        display: flex;
        flex-direction: row;
        align-items: center;
        min-height: 200px; }
        @media screen and (max-width: 1024px) {
          #upcoming-events #events-feed #upcoming-events-wrapper .event-item .event-wrap .event-details {
            min-height: 220px; }
            #upcoming-events #events-feed #upcoming-events-wrapper .event-item .event-wrap .event-details .event-date {
              width: 35%; } }
        #upcoming-events #events-feed #upcoming-events-wrapper .event-item .event-wrap .event-details .word-wrap {
          width: 100%;
          padding: 1rem 2rem;
          display: flex;
          flex-direction: column;
          justify-content: center; }
          #upcoming-events #events-feed #upcoming-events-wrapper .event-item .event-wrap .event-details .word-wrap a.btn-feature {
            display: block;
            margin-top: 1.5rem;
            width: auto;
            max-width: 100px; }
          @media screen and (max-width: 1200px) {
            #upcoming-events #events-feed #upcoming-events-wrapper .event-item .event-wrap .event-details .word-wrap {
              text-align: initial;
              height: 100%; } }
        #upcoming-events #events-feed #upcoming-events-wrapper .event-item .event-wrap .event-details .event-bottom {
          position: absolute;
          bottom: 0;
          right: 0;
          width: 100%; }
          #upcoming-events #events-feed #upcoming-events-wrapper .event-item .event-wrap .event-details .event-bottom .links {
            text-decoration: none;
            display: grid;
            grid-template-columns: 1fr 1fr;
            text-align: center;
            background: #BC995C; }
            #upcoming-events #events-feed #upcoming-events-wrapper .event-item .event-wrap .event-details .event-bottom .links a {
              text-decoration: none;
              padding: 0.6rem 0;
              transition: all 0.3s ease;
              font-size: 1rem;
              color: #ffffff; }
              #upcoming-events #events-feed #upcoming-events-wrapper .event-item .event-wrap .event-details .event-bottom .links a:hover {
                opacity: .5; }
          #upcoming-events #events-feed #upcoming-events-wrapper .event-item .event-wrap .event-details .event-bottom .event-meta-info {
            overflow-x: visible;
            margin-bottom: 0 !important;
            display: none;
            background: #f8f8f8; }
            #upcoming-events #events-feed #upcoming-events-wrapper .event-item .event-wrap .event-details .event-bottom .event-meta-info ul.meta-list {
              padding: .5rem; }
              #upcoming-events #events-feed #upcoming-events-wrapper .event-item .event-wrap .event-details .event-bottom .event-meta-info ul.meta-list li {
                padding: .5rem; }
                #upcoming-events #events-feed #upcoming-events-wrapper .event-item .event-wrap .event-details .event-bottom .event-meta-info ul.meta-list li p {
                  margin: 0;
                  font-size: 1rem; }
        @media screen and (max-width: 740px) {
          #upcoming-events #events-feed #upcoming-events-wrapper .event-item .event-wrap .event-details {
            grid-template-columns: 1fr; } }

#latest-event-banner-container {
  position: relative;
  height: 50vh;
  margin-bottom: 5rem; }
  #latest-event-banner-container #event-banner .inner-event-item-image {
    min-height: 50vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative; }
  #latest-event-banner-container #event-details-container {
    width: 100%;
    position: absolute;
    bottom: -60px;
    display: flex;
    justify-content: center;
    align-items: center; }
    #latest-event-banner-container #event-details-container .event-details {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: row;
      background: #ffffff;
      box-shadow: 0px 0px 5px #7d7d7d; }

#events-calendar {
  /*display: grid;
    grid-template-columns: 3fr 1fr;
    grid-gap: 2rem;*/
  padding-bottom: 5rem; }
  @media screen and (max-width: 1024px) {
    #events-calendar {
      grid-template-columns: 1fr; } }
  #events-calendar .calendar-container .category-key {
    float: left;
    margin-right: 2rem; }
    #events-calendar .calendar-container .category-key p.event-category {
      margin-bottom: 3px;
      display: flex;
      align-items: center; }
      #events-calendar .calendar-container .category-key p.event-category:before {
        height: 22px;
        width: 3px;
        border: 1px solid #BC995C;
        content: "";
        position: relative;
        display: inline-block;
        top: 0px;
        background: #BC995C;
        margin-right: 7px; }
  #events-calendar .calendar-container .eo-fullcalendar-loading {
    display: none !important; }
  #events-calendar .calendar-container .eo-fullcalendar {
    margin-bottom: 2rem; }
    #events-calendar .calendar-container .eo-fullcalendar .fc-toolbar {
      margin-bottom: 25px; }
      #events-calendar .calendar-container .eo-fullcalendar .fc-toolbar .fc-center h2 {
        font-size: 30px; }
      @media screen and (max-width: 600px) {
        #events-calendar .calendar-container .eo-fullcalendar .fc-toolbar .fc-center {
          text-align: right !important; }
          #events-calendar .calendar-container .eo-fullcalendar .fc-toolbar .fc-center h2 {
            margin-top: 1rem;
            text-align: right; } }
      #events-calendar .calendar-container .eo-fullcalendar .fc-toolbar .fc-right .fc-button-group {
        transition: all 0.3s ease; }
        #events-calendar .calendar-container .eo-fullcalendar .fc-toolbar .fc-right .fc-button-group:hover button {
          background: #a8853f;
          border-color: #a8853f; }
        #events-calendar .calendar-container .eo-fullcalendar .fc-toolbar .fc-right .fc-button-group:nth-of-type(2) {
          margin: 0 1px; }
        #events-calendar .calendar-container .eo-fullcalendar .fc-toolbar .fc-right .fc-button-group button {
          background: #BC995C;
          border-color: #BC995C;
          text-shadow: none;
          box-shadow: none;
          transition: all 0.3s ease; }
          #events-calendar .calendar-container .eo-fullcalendar .fc-toolbar .fc-right .fc-button-group button span.fc-icon {
            font-size: 19px;
            line-height: 0;
            height: 0;
            top: 0;
            color: #ffffff; }
          #events-calendar .calendar-container .eo-fullcalendar .fc-toolbar .fc-right .fc-button-group button.fc-today-button {
            text-transform: uppercase;
            font-size: 13px;
            color: #ffffff;
            height: 2.6em;
            letter-spacing: 0; }
      @media screen and (max-width: 600px) {
        #events-calendar .calendar-container .eo-fullcalendar .fc-toolbar .fc-right {
          text-align: right; }
          #events-calendar .calendar-container .eo-fullcalendar .fc-toolbar .fc-right .fc-button-group:nth-of-type(1) {
            margin: 0; } }
    #events-calendar .calendar-container .eo-fullcalendar .fc-view-container .fc-view table {
      width: 100%;
      min-width: auto; }
      #events-calendar .calendar-container .eo-fullcalendar .fc-view-container .fc-view table thead tr th {
        background: #BC995C;
        color: #ffffff;
        padding: 8px 0 !important;
        border: 0; }
      #events-calendar .calendar-container .eo-fullcalendar .fc-view-container .fc-view table tbody tr td.fc-widget-content {
        padding: 0 !important; }
        #events-calendar .calendar-container .eo-fullcalendar .fc-view-container .fc-view table tbody tr td.fc-widget-content table thead tr td {
          padding: .5rem !important; }
        #events-calendar .calendar-container .eo-fullcalendar .fc-view-container .fc-view table tbody tr td.fc-widget-content table tbody tr td {
          padding: .5rem !important;
          border: 1px solid #e9ebec !important; }
          #events-calendar .calendar-container .eo-fullcalendar .fc-view-container .fc-view table tbody tr td.fc-widget-content table tbody tr td.fc-event-container .fc-event {
            padding: .5rem; }
    #events-calendar .calendar-container .eo-fullcalendar.fc-unthemed .fc-today {
      background: #fccc7a; }
    #events-calendar .calendar-container .eo-fullcalendar .fc-event-container .fc-event {
      background: #BC995C;
      border-color: #BC995C;
      transition: all 0.3s ease; }
      #events-calendar .calendar-container .eo-fullcalendar .fc-event-container .fc-event:hover {
        opacity: .7; }
    #events-calendar .calendar-container .eo-fullcalendar.eo-fullcalendar-reset td {
      border-left: none !important;
      border-right: none !important; }
  #events-calendar .latest-events-container h3.upcoming-title {
    margin-bottom: 1.5rem; }
    @media screen and (max-width: 1024px) {
      #events-calendar .latest-events-container h3.upcoming-title {
        padding-top: 1rem;
        border-top: 1px solid #e9ebec; } }
  #events-calendar .latest-events-container .event {
    position: relative;
    margin-bottom: .65rem; }
    #events-calendar .latest-events-container .event .event-wrap {
      padding: 5px;
      box-shadow: 0 0 5px #7d7d7d; }
      #events-calendar .latest-events-container .event .event-wrap .event-details {
        display: grid;
        grid-template-columns: 1fr 4fr;
        grid-gap: .6rem;
        align-items: center; }
        @media screen and (max-width: 1024px) {
          #events-calendar .latest-events-container .event .event-wrap .event-details {
            grid-template-columns: 1fr 9fr; } }
        #events-calendar .latest-events-container .event .event-wrap .event-details .event-date {
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;
          background: white;
          border-top: 5px solid #BC995C;
          padding: 0 3px 3px 3px;
          box-shadow: 0px 0px 3px #7d7d7d; }
          #events-calendar .latest-events-container .event .event-wrap .event-details .event-date .event-month {
            font-size: 14px; }
          #events-calendar .latest-events-container .event .event-wrap .event-details .event-date .event-day {
            font-size: 26px; }
          @media screen and (max-width: 1024px) {
            #events-calendar .latest-events-container .event .event-wrap .event-details .event-date {
              max-width: 5rem; } }
        #events-calendar .latest-events-container .event .event-wrap .event-details .event-title {
          text-align: left;
          padding-right: 60px; }
          #events-calendar .latest-events-container .event .event-wrap .event-details .event-title a {
            text-decoration: none;
            transition: all 0.3s ease; }
            #events-calendar .latest-events-container .event .event-wrap .event-details .event-title a span {
              font-size: 14px; }
            #events-calendar .latest-events-container .event .event-wrap .event-details .event-title a:hover {
              color: #BC995C; }
      #events-calendar .latest-events-container .event .event-wrap .event-link {
        display: flex;
        align-items: center;
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        padding: 0 6px;
        text-align: center;
        transition: all 0.3s ease; }
        #events-calendar .latest-events-container .event .event-wrap .event-link a {
          text-decoration: none;
          opacity: 0;
          color: #ffffff;
          transition: all 0.3s ease;
          z-index: 1;
          font-size: 13px;
          display: flex;
          justify-content: center;
          align-items: center;
          height: 100%; }
        #events-calendar .latest-events-container .event .event-wrap .event-link:after {
          content: '';
          width: 5px;
          height: 100%;
          position: absolute;
          top: 0;
          right: 0;
          background: #BC995C;
          transition: all 0.3s ease;
          z-index: 0; }
        #events-calendar .latest-events-container .event .event-wrap .event-link:hover a {
          color: rgba(255, 255, 255, 0.5); }
        @media screen and (max-width: 1024px) {
          #events-calendar .latest-events-container .event .event-wrap .event-link a {
            opacity: 1; }
          #events-calendar .latest-events-container .event .event-wrap .event-link::after {
            width: 55px; } }
      #events-calendar .latest-events-container .event .event-wrap:hover .event-link a {
        opacity: 1; }
      #events-calendar .latest-events-container .event .event-wrap:hover .event-link:after {
        width: 55px; }

.qtip-default {
  font-size: 14px !important;
  line-height: 16px !important; }

.posts-wrap {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 1rem; }
  @media screen and (max-width: 960px) {
    .posts-wrap {
      grid-template-columns: repeat(2, 1fr);
      -ms-grid-columns: 1fr 1fr; } }
  @media screen and (max-width: 740px) {
    .posts-wrap {
      grid-template-columns: repeat(1, 1fr);
      -ms-grid-columns: 1fr; } }
  .posts-wrap .post-wrap {
    position: relative; }
    .posts-wrap .post-wrap:first-of-type {
      -ms-grid-column: 1; }
    .posts-wrap .post-wrap:nth-of-type(2n + 2) {
      -ms-grid-column: 2; }
    .posts-wrap .post-wrap:nth-of-type(3n + 3) {
      -ms-grid-column: 3; }
    .posts-wrap .post-wrap:nth-of-type(4n + 4) {
      -ms-grid-column: 4; }
    .posts-wrap .post-wrap:nth-of-type(5n + 5) {
      -ms-grid-column: 1;
      -ms-grid-row: 2; }
    .posts-wrap .post-wrap .img-wrap .img {
      transition: all 0.3s ease; }
    .posts-wrap .post-wrap a.news-link {
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0;
      z-index: 1;
      text-decoration: none;
      color: #ffffff; }
      .posts-wrap .post-wrap a.news-link .post-content {
        position: absolute;
        bottom: 0;
        color: #ffffff;
        z-index: 1;
        padding: 0 1rem;
        background: linear-gradient(90deg, rgba(0, 0, 0, 0.75) 0%, rgba(255, 255, 255, 0) 100%); }
        .posts-wrap .post-wrap a.news-link .post-content h4 {
          font-size: 1.2rem;
          padding: 0 0 .5rem 0; }
          .posts-wrap .post-wrap a.news-link .post-content h4 a {
            color: #ffffff; }
    .posts-wrap .post-wrap:hover .img-wrap .img {
      transform: scale(1.1); }
  .posts-wrap .img-wrap {
    overflow: hidden;
    padding-top: calc((9 / 16) * 100%);
    position: relative; }
    .posts-wrap .img-wrap .overlay {
      bottom: 0; }
    .posts-wrap .img-wrap .img {
      overflow: hidden;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-size: cover !important;
      background-repeat: no-repeat;
      background-position: top center !important;
      will-change: background-size;
      min-height: initial; }
  .posts-wrap .post-content h4 a {
    padding: 0 0 0.5rem;
    text-decoration: none;
    display: block; }
  .posts-wrap .post-content .date {
    padding: .5rem 0;
    display: block; }

#more-news {
  display: inline-block;
  margin: 1rem auto 0; }

#more-articles .container a .btn-feature {
  display: inline-block !important;
  margin-top: 1rem !important; }

/* Single Post Page */
.single .posts-wrap {
  margin: 1rem 0 2rem 0; }
  .single .posts-wrap .post-wrap {
    position: relative; }
    .single .posts-wrap .post-wrap .img-wrap {
      overflow: hidden;
      margin: 0;
      position: relative;
      transition: all 0.3s ease; }
      .single .posts-wrap .post-wrap .img-wrap .overlay {
        bottom: 0; }
      .single .posts-wrap .post-wrap .img-wrap .img {
        transition: all 0.3s ease;
        background-position: center !important; }
    .single .posts-wrap .post-wrap a.news-link {
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0;
      z-index: 1;
      text-decoration: none;
      color: #ffffff; }
      .single .posts-wrap .post-wrap a.news-link .post-content {
        position: absolute;
        bottom: 0;
        color: #ffffff;
        z-index: 1;
        padding: 0 1rem;
        background: linear-gradient(90deg, rgba(0, 0, 0, 0.75) 0%, rgba(255, 255, 255, 0) 100%); }
        .single .posts-wrap .post-wrap a.news-link .post-content h4 {
          font-size: 1.2rem;
          padding: 0 0 .5rem 0; }
          .single .posts-wrap .post-wrap a.news-link .post-content h4 a {
            color: #ffffff; }
    .single .posts-wrap .post-wrap:hover .img-wrap .img {
      transform: scale(1.1); }

/* Latest News Template */
#main section#latest-news #news-feed {
  padding-bottom: 4rem; }
  #main section#latest-news #news-feed #news-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr; }
    @media screen and (max-width: 1024px) {
      #main section#latest-news #news-feed #news-wrapper {
        grid-template-columns: 1fr 1fr; } }
    @media screen and (max-width: 740px) {
      #main section#latest-news #news-feed #news-wrapper {
        grid-template-columns: 1fr; } }
    #main section#latest-news #news-feed #news-wrapper .news-item {
      margin: .5rem;
      position: relative; }
      #main section#latest-news #news-feed #news-wrapper .news-item .news-wrap {
        position: relative;
        margin: 0; }
        @media screen and (max-width: 960px) {
          #main section#latest-news #news-feed #news-wrapper .news-item .news-wrap {
            grid-template-columns: 1fr; } }
        #main section#latest-news #news-feed #news-wrapper .news-item .news-wrap:hover .image {
          transform: scale(1.1); }
        #main section#latest-news #news-feed #news-wrapper .news-item .news-wrap .image-container {
          overflow: hidden; }
          #main section#latest-news #news-feed #news-wrapper .news-item .news-wrap .image-container .image {
            width: 100%;
            padding-top: calc((9 / 9) * 100%);
            background-position: center;
            background-size: cover;
            transition: transform ease 0.5s; }
        #main section#latest-news #news-feed #news-wrapper .news-item .news-wrap .news-link {
          height: 100%;
          width: 100%;
          position: absolute;
          top: 0;
          z-index: 1;
          text-decoration: none;
          color: #fff; }
          #main section#latest-news #news-feed #news-wrapper .news-item .news-wrap .news-link .news-details {
            top: 100%;
            position: relative;
            transform: translateY(-100%);
            padding: .5rem 1.5rem;
            color: #fff; }
      #main section#latest-news #news-feed #news-wrapper .news-item .post-bottom {
        position: absolute;
        bottom: 0;
        width: 100%;
        z-index: 1;
        background: #BC995C; }
        #main section#latest-news #news-feed #news-wrapper .news-item .post-bottom .links {
          text-decoration: none;
          display: grid;
          grid-template-columns: 1fr 1fr;
          text-align: center;
          background: rgba(250, 250, 250, 0.07); }
          #main section#latest-news #news-feed #news-wrapper .news-item .post-bottom .links a {
            padding: .7rem 0;
            color: #ffffff;
            text-decoration: none;
            transition: all 0.3s ease; }
            #main section#latest-news #news-feed #news-wrapper .news-item .post-bottom .links a:hover {
              opacity: .5; }
        #main section#latest-news #news-feed #news-wrapper .news-item .post-bottom .preview-details {
          overflow-x: visible;
          margin-bottom: 0 !important;
          display: none;
          padding: 1rem;
          color: #ffffff; }
    #main section#latest-news #news-feed #news-wrapper.tabs {
      margin-top: 1rem; }
  #main section#latest-news #news-feed #tabs-container #tabs .categories {
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid #e9ebec;
    margin-top: 1rem; }
    @media screen and (max-width: 740px) {
      #main section#latest-news #news-feed #tabs-container #tabs .categories {
        flex-direction: column;
        border-bottom: none; } }
    #main section#latest-news #news-feed #tabs-container #tabs .categories .button-wrapper {
      border-right: 1px solid #e9ebec; }
      #main section#latest-news #news-feed #tabs-container #tabs .categories .button-wrapper:last-of-type {
        border-right: none; }
      #main section#latest-news #news-feed #tabs-container #tabs .categories .button-wrapper button.filter-btn {
        background: none;
        border: none;
        cursor: pointer;
        font-size: 1rem;
        color: #BC995C;
        padding: .6rem 1rem;
        transition: all 0.3s ease; }
        #main section#latest-news #news-feed #tabs-container #tabs .categories .button-wrapper button.filter-btn:hover {
          color: #a8853f;
          background: #e9ebec; }
        #main section#latest-news #news-feed #tabs-container #tabs .categories .button-wrapper button.filter-btn.mixitup-control-active {
          color: #a8853f;
          background: #e9ebec; }
      @media screen and (max-width: 740px) {
        #main section#latest-news #news-feed #tabs-container #tabs .categories .button-wrapper {
          border-right: none; }
          #main section#latest-news #news-feed #tabs-container #tabs .categories .button-wrapper button.filter-btn {
            width: 100%;
            border-bottom: 1px solid #e9ebec; } }

.home #main .container h2 {
  padding: 0.5rem 0 1rem; }
  @media screen and (max-width: 740px) {
    .home #main .container h2 {
      padding: 0.5rem 0 1.5rem; } }

.home #main section:nth-of-type(odd) {
  background-color: rgba(188, 153, 92, 0.15); }

.home #main section .container {
  padding: 6rem 2rem; }
  @media screen and (max-width: 740px) {
    .home #main section .container {
      padding: 2rem 2rem; } }
  @media screen and (max-width: 480px) {
    .home #main section .container {
      padding: 2rem 1rem; } }

.home #main section p.section-title {
  font-size: 1.2rem;
  text-transform: uppercase;
  padding: 0 0 1rem 0; }

.home #main #banner {
  position: relative;
  overflow: hidden;
  height: auto; }
  .home #main #banner .background-image {
    min-height: 100vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative; }
    @media screen and (max-width: 960px) {
      .home #main #banner .background-image {
        min-height: 450px; } }
    @media screen and (max-width: 740px) {
      .home #main #banner .background-image {
        min-height: 350px; } }
  .home #main #banner #hero-slider {
    margin-bottom: 0; }
    .home #main #banner #hero-slider .slick-track {
      width: 100% !important; }
      @media screen and (max-width: 1400px) {
        .home #main #banner #hero-slider .slick-track {
          width: 100% !important; } }
      .home #main #banner #hero-slider .slick-track .slick-slide {
        width: 100% !important; }
    .home #main #banner #hero-slider .slick-dots {
      bottom: 1rem; }
      .home #main #banner #hero-slider .slick-dots li button:before {
        font-size: 1rem; }
  .home #main #banner .hero-details {
    position: absolute;
    top: 80%;
    transform: translateY(-80%);
    padding-left: 6rem;
    color: #fff;
    z-index: 1; }
    @media screen and (max-width: 740px) {
      .home #main #banner .hero-details {
        padding-left: 2rem; } }
    @media screen and (max-width: 480px) {
      .home #main #banner .hero-details {
        text-align: center;
        width: 100%;
        padding-left: 0; } }
    .home #main #banner .hero-details .heading-container {
      width: 100%;
      display: block;
      max-width: 50vw; }
      @media screen and (max-width: 740px) {
        .home #main #banner .hero-details .heading-container {
          max-width: 80vw; } }
      @media screen and (max-width: 480px) {
        .home #main #banner .hero-details .heading-container {
          width: 100%;
          max-width: 100%; } }
    .home #main #banner .hero-details h1 {
      margin: 0 0 10px;
      letter-spacing: 3px;
      font-weight: 400;
      font-family: "proxima-nova", sans-serif; }
      @media screen and (max-width: 480px) {
        .home #main #banner .hero-details h1 {
          font-size: 1.5rem; } }
    .home #main #banner .hero-details p {
      margin: 0 0 20px; }
    .home #main #banner .hero-details .btn-feature {
      text-decoration: none;
      background: transparent;
      border: 2px solid white; }
      .home #main #banner .hero-details .btn-feature:hover {
        background: #BC995C;
        color: white; }
      @media screen and (max-width: 740px) {
        .home #main #banner .hero-details .btn-feature {
          font-size: 0.8rem; } }
  .home #main #banner iframe.video {
    width: 100vw;
    height: 56.25vw;
    top: 50%;
    left: 50%;
    border: 0; }

#full-width-text .container {
  display: flex;
  flex-direction: row;
  /*.center-text-wrap {
            display: flex;
            flex-direction: column;
            align-self: center;
            align-content: center;
            position: relative;
            top: 50%;
            transform: translateY(-50%);
            }*/ }

#cta-card .container #card-wrap {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem; }
  @media screen and (max-width: 740px) {
    #cta-card .container #card-wrap {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr; } }
  #cta-card .container #card-wrap .card {
    position: relative;
    width: 100%;
    overflow: hidden; }
    #cta-card .container #card-wrap .card:first-of-type {
      -ms-grid-column: 1; }
    #cta-card .container #card-wrap .card:nth-of-type(2) {
      -ms-grid-column: 2; }
    #cta-card .container #card-wrap .card:nth-of-type(3) {
      -ms-grid-column: 1;
      -ms-grid-row: 2; }
    #cta-card .container #card-wrap .card:nth-of-type(4) {
      -ms-grid-column: 2;
      -ms-grid-row: 2; }
    #cta-card .container #card-wrap .card .card-image {
      width: 100%;
      height: 350px; }
      #cta-card .container #card-wrap .card .card-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform ease 0.5s; }
    #cta-card .container #card-wrap .card .card-details {
      position: absolute;
      bottom: 2rem;
      padding: 0 2rem;
      left: 0;
      width: 100%;
      z-index: 1; }
      #cta-card .container #card-wrap .card .card-details a {
        color: #fff;
        text-decoration: none; }
        #cta-card .container #card-wrap .card .card-details a.btn-feature:hover {
          color: #BC995C; }
      #cta-card .container #card-wrap .card .card-details h3 {
        padding: 0.5rem 0; }
      #cta-card .container #card-wrap .card .card-details p {
        margin: 0 0 1rem; }
    #cta-card .container #card-wrap .card:hover a .card-image img {
      transform: scale(1.1); }

#news #news-wrapper .news-item .news-wrap {
  position: relative;
  margin: 0.5rem; }
  #news #news-wrapper .news-item .news-wrap .post-date {
    padding: 0; }
  #news #news-wrapper .news-item .news-wrap:hover .image {
    transform: scale(1.1); }
  @media screen and (max-width: 740px) {
    #news #news-wrapper .news-item .news-wrap {
      margin: 0; } }
  #news #news-wrapper .news-item .news-wrap .image-container {
    overflow: hidden; }
    #news #news-wrapper .news-item .news-wrap .image-container .image {
      width: 100%;
      padding-top: calc((9 / 9) * 100%);
      background-position: center;
      background-size: cover;
      transition: transform ease 0.5s; }
  #news #news-wrapper .news-item .news-wrap .news-link {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
    text-decoration: none;
    color: #fff; }
    #news #news-wrapper .news-item .news-wrap .news-link .news-details {
      top: 100%;
      position: relative;
      transform: translateY(-100%);
      padding: 2rem;
      color: #fff; }

#instagram-feed a.sbi_load_btn {
  background: #BC995C !important;
  color: #fff !important;
  font-weight: 500;
  text-transform: uppercase;
  border-radius: 0 !important;
  font-size: 16px;
  margin-top: 1rem !important;
  padding: 8px 16px !important;
  border: 1px solid #BC995C !important; }
  #instagram-feed a.sbi_load_btn:hover {
    border: 1px solid #c6a86c !important;
    background-color: #c6a86c !important;
    color: #BC995C !important; }

#instagram-feed .container {
  text-align: center; }

section#contact-us {
  position: relative;
  top: -5rem; }
  @media screen and (max-width: 1024px) {
    section#contact-us {
      top: 0;
      padding-top: 3rem; } }
  section#contact-us section#contact-container {
    display: grid;
    grid-template-columns: 4fr 2fr;
    box-shadow: 0px 0px 5px #7d7d7d;
    margin-bottom: 2rem;
    padding: 0; }
    @media screen and (max-width: 960px) {
      section#contact-us section#contact-container {
        grid-template-columns: 1fr; } }
    section#contact-us section#contact-container .contact-form {
      padding: 2rem;
      background: #ffffff; }
    section#contact-us section#contact-container .contact-details {
      background: #BC995C;
      color: #ffffff; }
      section#contact-us section#contact-container .contact-details .contact-info {
        padding: 2rem; }
        section#contact-us section#contact-container .contact-details .contact-info #address {
          padding-bottom: 2rem; }
          section#contact-us section#contact-container .contact-details .contact-info #address h4 {
            padding-bottom: 3rem; }
          section#contact-us section#contact-container .contact-details .contact-info #address ul {
            position: relative; }
            section#contact-us section#contact-container .contact-details .contact-info #address ul li {
              display: flex;
              align-items: flex-start;
              padding-bottom: 1rem;
              flex-direction: column; }
              section#contact-us section#contact-container .contact-details .contact-info #address ul li.icon {
                padding-left: 0; }
                section#contact-us section#contact-container .contact-details .contact-info #address ul li.icon:before {
                  font-family: "Font Awesome 5 Free";
                  font-weight: 900;
                  position: absolute;
                  left: -12px;
                  color: #ffffff;
                  font-size: 18px;
                  transition: all 0.3s ease;
                  padding: 0 5px 0 10px; }
                section#contact-us section#contact-container .contact-details .contact-info #address ul li.icon.map:before {
                  content: "\f3c5"; }
                section#contact-us section#contact-container .contact-details .contact-info #address ul li.icon.postal:before {
                  content: "\f466"; }
                section#contact-us section#contact-container .contact-details .contact-info #address ul li.icon.email:before {
                  content: "\f0e0"; }
                section#contact-us section#contact-container .contact-details .contact-info #address ul li.icon.phone:before {
                  content: "\e065"; }
                section#contact-us section#contact-container .contact-details .contact-info #address ul li.icon.proshop:before {
                  content: "\f07a"; }
                section#contact-us section#contact-container .contact-details .contact-info #address ul li.icon.contact:before {
                  content: "\f007"; }
              section#contact-us section#contact-container .contact-details .contact-info #address ul li p {
                margin: 0;
                padding-left: 1.8rem;
                font-size: 14px; }
                section#contact-us section#contact-container .contact-details .contact-info #address ul li p.title {
                  font-weight: 600;
                  font-size: 16px; }
              section#contact-us section#contact-container .contact-details .contact-info #address ul li a {
                color: #ffffff;
                padding-left: 1.8rem;
                font-size: 14px; }
              section#contact-us section#contact-container .contact-details .contact-info #address ul li i {
                padding-right: .35rem; }

#map {
  width: 100%;
  max-height: 500px; }
  #map iframe {
    height: 500px;
    width: 100%; }

#page-gallery a {
  width: calc(25% - -0.7rem);
  display: inline-block;
  position: relative;
  overflow: hidden;
  margin: 0.25rem;
  box-shadow: 0px 0px 5px transparent;
  transition: all 0.3s ease;
  z-index: 9999; }
  #page-gallery a:hover {
    box-shadow: 0px 0px 5px #000000; }
    #page-gallery a:hover .gallery-item {
      transform: scale(1.1); }
  @media screen and (max-width: 1200px) {
    #page-gallery a {
      width: calc(33.3333333333% - 11px);
      margin-bottom: 20px; } }
  @media screen and (max-width: 740px) {
    #page-gallery a {
      width: 100%;
      margin-left: 0; } }
  #page-gallery a:nth-of-type(3), #page-gallery a:nth-of-type(4) {
    width: calc(50% - 3.5rem); }
    @media screen and (max-width: 1200px) {
      #page-gallery a:nth-of-type(3), #page-gallery a:nth-of-type(4) {
        width: calc(33.3333333333% - 11px); } }
    @media screen and (max-width: 740px) {
      #page-gallery a:nth-of-type(3), #page-gallery a:nth-of-type(4) {
        width: 100%;
        margin-left: 0; } }
  @media screen and (max-width: 1200px) {
    #page-gallery a:nth-of-type(4) {
      margin-top: 0; } }
  @media screen and (max-width: 1200px) {
    #page-gallery a:nth-of-type(5), #page-gallery a:nth-of-type(6) {
      margin-top: 0; } }
  #page-gallery a .gallery-item {
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    height: 250px;
    transition: all 0.3s ease; }

#page-gallery:after {
  content: "";
  clear: both;
  display: table; }

#wordpress .gallery .gallery-item {
  max-height: 300px;
  overflow: hidden; }
  @media screen and (max-width: 1200px) {
    #wordpress .gallery .gallery-item {
      margin-bottom: 0.5rem; } }
  @media screen and (max-width: 600px) {
    #wordpress .gallery .gallery-item {
      width: 100%; } }

#wordpress .gallery a img {
  padding: 0 0.75rem;
  border: 0; }

#wordpress .gallery br {
  display: none; }

.pdf-documents .container .pdf-list-wrap {
  display: grid;
  flex-wrap: wrap;
  grid-template-columns: 1fr 1fr;
  margin-top: 3rem; }
  @media screen and (max-width: 740px) {
    .pdf-documents .container .pdf-list-wrap {
      grid-template-columns: 1fr; } }
  .pdf-documents .container .pdf-list-wrap .pdf-wrap {
    border-top: 1px solid #c9cfd4;
    padding: 20px 50px 20px 0; }
    @media screen and (max-width: 740px) {
      .pdf-documents .container .pdf-list-wrap .pdf-wrap {
        padding: 20px 0; } }
    .pdf-documents .container .pdf-list-wrap .pdf-wrap a.pdf {
      display: flex;
      align-items: center;
      flex-grow: 1;
      transition: all 0.3s ease;
      padding: 15px 40px 15px 15px;
      background: #ffffff;
      color: #1f2830;
      margin: 13px 0;
      width: 100%;
      text-decoration: none;
      max-height: 50px;
      box-shadow: 0px 0px 3px #bbbbbb;
      position: relative; }
      .pdf-documents .container .pdf-list-wrap .pdf-wrap a.pdf:before {
        font: var(--fa-font-regular);
        content: "\f1c1";
        font-weight: 900;
        position: relative;
        padding-right: 5px;
        padding-left: 10px;
        color: #BC995C;
        font-size: 18px;
        border-left: 2px solid #2b2d42;
        transition: all 0.3s ease; }
      .pdf-documents .container .pdf-list-wrap .pdf-wrap a.pdf:after {
        font: var(--fa-font-regular);
        content: "\f35d";
        color: #c9cfd4;
        position: absolute;
        padding: 13px;
        right: 0;
        font-size: 11px;
        opacity: 0;
        transition: all 0.3s ease; }
      .pdf-documents .container .pdf-list-wrap .pdf-wrap a.pdf:hover {
        color: #a8853f; }
        .pdf-documents .container .pdf-list-wrap .pdf-wrap a.pdf:hover:before {
          color: #a8853f;
          padding-left: 15px; }
        .pdf-documents .container .pdf-list-wrap .pdf-wrap a.pdf:hover:after {
          opacity: 1; }

.single-pdf {
  display: inline-block;
  transition: all 0.3s ease;
  padding: 11px 40px 11px 15px;
  background: #ffffff;
  color: #1f2830;
  max-width: 500px;
  text-decoration: none;
  box-shadow: 0px 0px 3px #bbbbbb;
  position: relative; }
  @media screen and (max-width: 600px) {
    .single-pdf {
      width: 100%; } }
  .single-pdf:before {
    font: var(--fa-font-regular);
    content: "\f1c1";
    font-weight: 900;
    position: relative;
    padding-right: 5px;
    padding-left: 10px;
    color: #BC995C;
    font-size: 18px;
    border-left: 2px solid #2b2d42;
    transition: all 0.3s ease;
    padding-top: 3px;
    padding-bottom: 3px; }
  .single-pdf:after {
    font: var(--fa-font-regular);
    content: "\f35d";
    color: #c9cfd4;
    position: absolute;
    padding: 13px;
    top: 0;
    right: 0;
    font-size: 18px;
    opacity: 0;
    transition: all 0.3s ease; }
  .single-pdf:hover {
    color: #a8853f; }
    .single-pdf:hover:before {
      color: #a8853f;
      padding-left: 15px; }
    .single-pdf:hover:after {
      opacity: 1; }

.video-content:nth-of-type(even) .column.video-container {
  order: 1; }

.video-content:nth-of-type(even) .column.video-text {
  order: 2;
  padding-left: 2rem; }
  @media screen and (max-width: 1024px) {
    .video-content:nth-of-type(even) .column.video-text {
      order: 1;
      padding: 0;
      padding-top: 3rem; } }
  @media screen and (max-width: 480px) {
    .video-content:nth-of-type(even) .column.video-text {
      padding-top: 1rem; } }

.video-content:nth-of-type(odd) .column.video-container {
  order: 2;
  display: flex;
  justify-content: center;
  align-items: center; }
  @media screen and (max-width: 1024px) {
    .video-content:nth-of-type(odd) .column.video-container {
      order: 1; } }

.video-content:nth-of-type(odd) .column.video-text {
  order: 1;
  padding-left: 0; }
  @media screen and (max-width: 1024px) {
    .video-content:nth-of-type(odd) .column.video-text {
      padding: 0; } }
  @media screen and (max-width: 480px) {
    .video-content:nth-of-type(odd) .column.video-text {
      padding-top: 1rem; } }

.video-content .container {
  width: 100%;
  display: flex;
  align-content: center;
  min-height: 500px;
  overflow: hidden; }
  @media screen and (max-width: 1024px) {
    .video-content .container {
      flex-direction: column; } }

.video-content .column {
  width: 50%; }
  .video-content .column.video-text {
    padding: 1rem 4rem;
    align-self: center;
    height: 100%; }
    @media screen and (max-width: 1024px) {
      .video-content .column.video-text {
        width: 100%; } }
  .video-content .column.video-container {
    background-size: cover !important;
    background-position: center !important;
    width: 55%;
    display: flex;
    justify-content: center;
    align-items: center; }
    .video-content .column.video-container a.video-link {
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
      max-height: 400px;
      width: 100%;
      height: 100%;
      background: #BC995C;
      transition: all 0.3s ease;
      box-shadow: 0 0 5px transparent; }
      .video-content .column.video-container a.video-link i.fa-play {
        position: absolute;
        z-index: 10;
        color: white;
        font-size: 40px;
        transition: all 0.3s ease; }
      .video-content .column.video-container a.video-link .video-image {
        width: 100%;
        max-height: 400px;
        height: 100%;
        background-position: center !important;
        background-size: cover !important;
        transition: all 0.3s ease; }
      .video-content .column.video-container a.video-link:hover {
        box-shadow: 0 0 5px #000000; }
        .video-content .column.video-container a.video-link:hover i.fa-play {
          font-size: 42px; }
        .video-content .column.video-container a.video-link:hover .video-image {
          opacity: .5; }
    @media screen and (max-width: 1024px) {
      .video-content .column.video-container {
        height: 500px;
        width: 100%; } }
    @media screen and (max-width: 740px) {
      .video-content .column.video-container {
        height: 300px; } }

.video-gallery .column.video-gallery-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 2rem; }
  @media screen and (max-width: 740px) {
    .video-gallery .column.video-gallery-container {
      grid-template-columns: 1fr; } }
  .video-gallery .column.video-gallery-container a.video-link {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    max-height: 400px;
    width: 100%;
    height: 100%;
    background: #BC995C;
    transition: all 0.3s ease;
    box-shadow: 0 0 5px transparent; }
    .video-gallery .column.video-gallery-container a.video-link i.fa-play {
      position: absolute;
      z-index: 10;
      color: #ffffff;
      font-size: 40px;
      transition: all 0.3s ease; }
    .video-gallery .column.video-gallery-container a.video-link .video-image {
      width: 100%;
      max-height: 300px;
      height: 250px;
      background-position: center !important;
      background-size: cover !important;
      transition: all 0.3s ease; }
      @media screen and (max-width: 960px) {
        .video-gallery .column.video-gallery-container a.video-link .video-image {
          height: 200px; } }
      @media screen and (max-width: 740px) {
        .video-gallery .column.video-gallery-container a.video-link .video-image {
          height: 250px; } }
    .video-gallery .column.video-gallery-container a.video-link:hover {
      box-shadow: 0 0 5px #000000; }
      .video-gallery .column.video-gallery-container a.video-link:hover i.fa-play {
        font-size: 42px; }
      .video-gallery .column.video-gallery-container a.video-link:hover .video-image {
        opacity: .5; }

.card-layout .cards-container {
  display: grid;
  grid-gap: 1rem; }
  .card-layout .cards-container.rows-1 {
    grid-template-columns: 1fr; }
  .card-layout .cards-container.rows-2 {
    grid-template-columns: 1fr 1fr; }
    @media screen and (max-width: 600px) {
      .card-layout .cards-container.rows-2 {
        grid-template-columns: 1fr; } }
  .card-layout .cards-container.rows-3 {
    grid-template-columns: 1fr 1fr 1fr; }
    @media screen and (max-width: 740px) {
      .card-layout .cards-container.rows-3 {
        grid-template-columns: 1fr 1fr; } }
    @media screen and (max-width: 600px) {
      .card-layout .cards-container.rows-3 {
        grid-template-columns: 1fr; } }
  .card-layout .cards-container.rows-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr; }
    @media screen and (max-width: 960px) {
      .card-layout .cards-container.rows-4 {
        grid-template-columns: 1fr 1fr 1fr; } }
    @media screen and (max-width: 740px) {
      .card-layout .cards-container.rows-4 {
        grid-template-columns: 1fr 1fr; } }
    @media screen and (max-width: 600px) {
      .card-layout .cards-container.rows-4 {
        grid-template-columns: 1fr; } }
  .card-layout .cards-container .card {
    box-shadow: 1px 1px 3px 1px #aaa;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding-bottom: 50px; }
    .card-layout .cards-container .card .image {
      position: relative;
      background-color: #e9ebec;
      overflow: hidden;
      display: flex;
      align-items: center;
      height: 200px; }
      .card-layout .cards-container .card .image img {
        width: 100%;
        height: 100%;
        object-fit: scale-down;
        padding: 30px; }
    .card-layout .cards-container .card span.title {
      display: block;
      text-align: center;
      font-size: 20px;
      padding: 13px 10px 7px 10px;
      font-weight: 500;
      color: #BC995C; }
    .card-layout .cards-container .card .card-content .caption {
      padding: 0 10px; }
      .card-layout .cards-container .card .card-content .caption p {
        font-size: 13px;
        text-align: center; }
    .card-layout .cards-container .card .card-content .website, .card-layout .cards-container .card .card-content .email {
      position: absolute;
      bottom: 0;
      display: block;
      width: 100%;
      text-align: center; }
      .card-layout .cards-container .card .card-content .website a, .card-layout .cards-container .card .card-content .email a {
        display: block;
        padding: 10px 0;
        text-decoration: none;
        color: #BC995C;
        transition: all 0.3s ease;
        background: #fafafa; }
        .card-layout .cards-container .card .card-content .website a:hover, .card-layout .cards-container .card .card-content .email a:hover {
          color: #a8853f;
          background: #e9ebec; }
    .card-layout .cards-container .card .card-content .website a:after {
      font-family: "fontawesome";
      content: "\f35d";
      color: #a8853f;
      position: relative;
      left: 0;
      bottom: 2px;
      font-size: 9px;
      opacity: 0;
      transition: all 0.3s ease; }
    .card-layout .cards-container .card .card-content .website a:hover:after {
      left: 5px;
      opacity: 1; }
    .card-layout .cards-container .card .card-content .email-website {
      position: absolute;
      bottom: 0;
      display: grid;
      grid-template-columns: 1fr 1fr;
      width: 100%;
      text-align: center; }
      .card-layout .cards-container .card .card-content .email-website a {
        display: block;
        padding: 10px 0;
        text-decoration: none;
        color: #BC995C;
        transition: all 0.3s ease;
        background: #fafafa; }
        .card-layout .cards-container .card .card-content .email-website a.email {
          position: relative; }
          .card-layout .cards-container .card .card-content .email-website a.email:hover {
            color: #a8853f;
            background: #e9ebec; }
        .card-layout .cards-container .card .card-content .email-website a.website {
          position: relative; }
          .card-layout .cards-container .card .card-content .email-website a.website:after {
            font-family: "fontawesome";
            content: "\f35d";
            color: #a8853f;
            position: relative;
            left: 0;
            bottom: 2px;
            font-size: 9px;
            opacity: 0;
            transition: all 0.3s ease; }
          .card-layout .cards-container .card .card-content .email-website a.website:hover {
            color: #a8853f;
            background: #e9ebec; }
            .card-layout .cards-container .card .card-content .email-website a.website:hover:after {
              left: 5px;
              opacity: 1; }
    .card-layout .cards-container .card .card-content .extra-text {
      padding: 10px 15px; }
      .card-layout .cards-container .card .card-content .extra-text p {
        font-size: 14px; }

.profile-layout .profiles-container {
  display: grid;
  grid-gap: 6rem 2rem;
  padding-bottom: 4rem; }
  .profile-layout .profiles-container.row-3 {
    grid-template-columns: 1fr 1fr 1fr; }
    @media screen and (max-width: 960px) {
      .profile-layout .profiles-container.row-3 {
        grid-template-columns: 1fr 1fr 1fr; } }
    @media screen and (max-width: 740px) {
      .profile-layout .profiles-container.row-3 {
        grid-template-columns: 1fr 1fr; } }
    @media screen and (max-width: 600px) {
      .profile-layout .profiles-container.row-3 {
        grid-template-columns: 1fr; } }
  .profile-layout .profiles-container.row-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr; }
    @media screen and (max-width: 960px) {
      .profile-layout .profiles-container.row-4 {
        grid-template-columns: 1fr 1fr 1fr; } }
    @media screen and (max-width: 740px) {
      .profile-layout .profiles-container.row-4 {
        grid-template-columns: 1fr 1fr; } }
    @media screen and (max-width: 600px) {
      .profile-layout .profiles-container.row-4 {
        grid-template-columns: 1fr; } }
  .profile-layout .profiles-container .profile {
    position: relative;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
    .profile-layout .profiles-container .profile .image {
      position: relative;
      background-color: #f8f8f8;
      overflow: hidden;
      display: flex;
      align-items: center;
      max-height: 400px;
      box-shadow: 0px 0px 5px #c9cfd4; }
      .profile-layout .profiles-container .profile .image img {
        width: 100%;
        height: 100%;
        object-fit: scale-down; }
    .profile-layout .profiles-container .profile .profile-content-container {
      background: #ffffff;
      position: absolute;
      bottom: -35px;
      text-align: center;
      width: 100%;
      max-width: 250px;
      padding: .6rem .6rem .8rem .6rem;
      border-bottom: 3px solid #BC995C; }
      @media screen and (max-width: 740px) {
        .profile-layout .profiles-container .profile .profile-content-container {
          box-shadow: 0px 0px 2px #c9cfd4; } }
      .profile-layout .profiles-container .profile .profile-content-container span.position {
        display: block;
        font-size: 14px;
        font-weight: 500;
        color: #BC995C; }
      .profile-layout .profiles-container .profile .profile-content-container span.name {
        display: block;
        font-size: 22px;
        font-weight: 500;
        color: #1f2830; }
      .profile-layout .profiles-container .profile .profile-content-container .profile-content .caption {
        padding: 5px 10px; }
        .profile-layout .profiles-container .profile .profile-content-container .profile-content .caption p {
          font-size: 13px;
          text-align: center;
          margin-bottom: 0; }
      .profile-layout .profiles-container .profile .profile-content-container .profile-content .email {
        padding: .4rem 0 0 0; }
        .profile-layout .profiles-container .profile .profile-content-container .profile-content .email a {
          display: inline-block;
          padding: 0;
          text-decoration: none;
          color: #BC995C;
          transition: all 0.3s ease; }
          .profile-layout .profiles-container .profile .profile-content-container .profile-content .email a:hover {
            color: #a8853f; }

#course-conditions-modal,
#members-course-conditions-modal,
#guests-course-conditions-modal {
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: rgba(188, 153, 92, 0.5);
  z-index: 2;
  padding: 2rem;
  display: unset;
  visibility: hidden;
  backdrop-filter: blur(3px); }
  @media screen and (max-width: 960px) {
    #course-conditions-modal,
    #members-course-conditions-modal,
    #guests-course-conditions-modal {
      padding: 5rem 2rem 2rem 2rem; } }
  @media screen and (max-width: 740px) {
    #course-conditions-modal,
    #members-course-conditions-modal,
    #guests-course-conditions-modal {
      padding: 4rem 2rem 2rem 2rem; } }
  @media screen and (max-width: 480px) {
    #course-conditions-modal,
    #members-course-conditions-modal,
    #guests-course-conditions-modal {
      padding: 1.5rem 1rem 1.5rem;
      background-color: rgba(188, 153, 92, 0.7);
      font-size: 0.9rem; } }
  #course-conditions-modal h1,
  #members-course-conditions-modal h1,
  #guests-course-conditions-modal h1 {
    color: #fff;
    padding: 3rem 4rem;
    text-align: center;
    width: 100%;
    font-weight: 500; }
    @media screen and (max-width: 1200px) {
      #course-conditions-modal h1,
      #members-course-conditions-modal h1,
      #guests-course-conditions-modal h1 {
        padding: 1rem 2rem; } }
    @media screen and (max-width: 480px) {
      #course-conditions-modal h1,
      #members-course-conditions-modal h1,
      #guests-course-conditions-modal h1 {
        font-size: 1.8rem; } }
  #course-conditions-modal .modal-wrap,
  #members-course-conditions-modal .modal-wrap,
  #guests-course-conditions-modal .modal-wrap {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    position: relative;
    align-content: center;
    height: 100%; }
    #course-conditions-modal .modal-wrap h2,
    #members-course-conditions-modal .modal-wrap h2,
    #guests-course-conditions-modal .modal-wrap h2 {
      color: #ffffff;
      text-align: center; }
    @media screen and (max-width: 1200px) {
      #course-conditions-modal .modal-wrap,
      #members-course-conditions-modal .modal-wrap,
      #guests-course-conditions-modal .modal-wrap {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-gap: 1rem;
        overflow-y: scroll;
        height: 100%;
        margin: 0 0 2rem;
        align-content: flex-start;
        margin: 0 1rem 2rem; } }
    #course-conditions-modal .modal-wrap #today-feed-container,
    #members-course-conditions-modal .modal-wrap #today-feed-container,
    #guests-course-conditions-modal .modal-wrap #today-feed-container {
      -ms-grid-column: 1;
      grid-column: 1; }
      @media screen and (max-width: 1200px) {
        #course-conditions-modal .modal-wrap #today-feed-container,
        #members-course-conditions-modal .modal-wrap #today-feed-container,
        #guests-course-conditions-modal .modal-wrap #today-feed-container {
          -ms-grid-column: 1;
          grid-column: 1; } }
      #course-conditions-modal .modal-wrap #today-feed-container #today-feed,
      #members-course-conditions-modal .modal-wrap #today-feed-container #today-feed,
      #guests-course-conditions-modal .modal-wrap #today-feed-container #today-feed {
        display: flex;
        flex-direction: column;
        align-items: center; }
    #course-conditions-modal .modal-wrap #forecast-feed,
    #members-course-conditions-modal .modal-wrap #forecast-feed,
    #guests-course-conditions-modal .modal-wrap #forecast-feed {
      -ms-grid-column: 2;
      grid-column: 2; }
      @media screen and (max-width: 1200px) {
        #course-conditions-modal .modal-wrap #forecast-feed,
        #members-course-conditions-modal .modal-wrap #forecast-feed,
        #guests-course-conditions-modal .modal-wrap #forecast-feed {
          -ms-grid-column: 1;
          grid-column: 1; } }
    #course-conditions-modal .modal-wrap #playing-conditions,
    #members-course-conditions-modal .modal-wrap #playing-conditions,
    #guests-course-conditions-modal .modal-wrap #playing-conditions {
      -ms-grid-column: 3;
      grid-column: 3; }
      @media screen and (max-width: 1200px) {
        #course-conditions-modal .modal-wrap #playing-conditions,
        #members-course-conditions-modal .modal-wrap #playing-conditions,
        #guests-course-conditions-modal .modal-wrap #playing-conditions {
          -ms-grid-column: 1;
          grid-column: 1; } }
  #course-conditions-modal #full-weather-feed,
  #members-course-conditions-modal #full-weather-feed,
  #guests-course-conditions-modal #full-weather-feed {
    height: 100%; }
    #course-conditions-modal #full-weather-feed .container.top,
    #members-course-conditions-modal #full-weather-feed .container.top,
    #guests-course-conditions-modal #full-weather-feed .container.top {
      padding: 2rem 4rem; }
    #course-conditions-modal #full-weather-feed #location,
    #members-course-conditions-modal #full-weather-feed #location,
    #guests-course-conditions-modal #full-weather-feed #location {
      font-weight: 500;
      color: #fff; }
  #course-conditions-modal #weather-modal-close,
  #members-course-conditions-modal #weather-modal-close,
  #guests-course-conditions-modal #weather-modal-close {
    cursor: pointer;
    position: absolute;
    right: 2rem;
    top: 2rem;
    z-index: 2; }
    @media screen and (max-width: 740px) {
      #course-conditions-modal #weather-modal-close,
      #members-course-conditions-modal #weather-modal-close,
      #guests-course-conditions-modal #weather-modal-close {
        right: 1rem;
        top: 1rem; } }
    #course-conditions-modal #weather-modal-close span,
    #members-course-conditions-modal #weather-modal-close span,
    #guests-course-conditions-modal #weather-modal-close span {
      transition: all 0.3s ease;
      color: #ffffff;
      font-size: 2rem; }
    #course-conditions-modal #weather-modal-close:hover span,
    #members-course-conditions-modal #weather-modal-close:hover span,
    #guests-course-conditions-modal #weather-modal-close:hover span {
      opacity: .5; }
  #course-conditions-modal .card,
  #members-course-conditions-modal .card,
  #guests-course-conditions-modal .card {
    background-color: rgba(2, 5, 21, 0.7);
    padding: 1rem;
    margin: 0rem 1rem 0rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%; }
    @media screen and (max-width: 1200px) {
      #course-conditions-modal .card,
      #members-course-conditions-modal .card,
      #guests-course-conditions-modal .card {
        margin: 0;
        padding: 2rem; } }
    #course-conditions-modal .card h3,
    #members-course-conditions-modal .card h3,
    #guests-course-conditions-modal .card h3 {
      color: #fff; }
  #course-conditions-modal .weather-wrapper,
  #members-course-conditions-modal .weather-wrapper,
  #guests-course-conditions-modal .weather-wrapper {
    height: auto;
    display: grid;
    grid-template-columns: 1fr 1fr; }
    #course-conditions-modal .weather-wrapper.container,
    #members-course-conditions-modal .weather-wrapper.container,
    #guests-course-conditions-modal .weather-wrapper.container {
      padding: 1rem 2rem; }
  #course-conditions-modal #outlook-forecast h3,
  #members-course-conditions-modal #outlook-forecast h3,
  #guests-course-conditions-modal #outlook-forecast h3 {
    color: #fff; }
  #course-conditions-modal .daily-forecast,
  #members-course-conditions-modal .daily-forecast,
  #guests-course-conditions-modal .daily-forecast {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding: 0.25rem;
    margin: 0.5rem 0;
    color: #fff; }
    #course-conditions-modal .daily-forecast .day-name,
    #members-course-conditions-modal .daily-forecast .day-name,
    #guests-course-conditions-modal .daily-forecast .day-name {
      -ms-grid-column: 1;
      grid-column: 1;
      align-self: center;
      text-align: start; }
    #course-conditions-modal .daily-forecast .forecast-icon,
    #members-course-conditions-modal .daily-forecast .forecast-icon,
    #guests-course-conditions-modal .daily-forecast .forecast-icon {
      -ms-grid-column: 2;
      grid-column: 2;
      width: 40px;
      height: 40px;
      margin: 0 auto; }
      @media screen and (max-width: 740px) {
        #course-conditions-modal .daily-forecast .forecast-icon,
        #members-course-conditions-modal .daily-forecast .forecast-icon,
        #guests-course-conditions-modal .daily-forecast .forecast-icon {
          width: 30px;
          height: 30px; } }
    #course-conditions-modal .daily-forecast .temp-range,
    #members-course-conditions-modal .daily-forecast .temp-range,
    #guests-course-conditions-modal .daily-forecast .temp-range {
      -ms-grid-column: 3;
      grid-column: 3;
      display: flex;
      flex-direction: row;
      justify-content: space-evenly;
      align-self: center; }
    #course-conditions-modal .daily-forecast .precip,
    #members-course-conditions-modal .daily-forecast .precip,
    #guests-course-conditions-modal .daily-forecast .precip {
      -ms-grid-column: 4;
      grid-column: 4;
      text-align: center;
      align-self: center; }
  #course-conditions-modal .day-name,
  #members-course-conditions-modal .day-name,
  #guests-course-conditions-modal .day-name {
    text-align: center;
    color: #fff; }
  #course-conditions-modal .icon,
  #members-course-conditions-modal .icon,
  #guests-course-conditions-modal .icon {
    width: 100px;
    height: 100px;
    margin: 1rem 0 0; }
    @media screen and (max-width: 740px) {
      #course-conditions-modal .icon,
      #members-course-conditions-modal .icon,
      #guests-course-conditions-modal .icon {
        width: 75px;
        height: 75px; } }
    @media screen and (max-width: 740px) {
      #course-conditions-modal .icon,
      #members-course-conditions-modal .icon,
      #guests-course-conditions-modal .icon {
        width: 50px;
        height: 50px; } }
  #course-conditions-modal .outlook,
  #members-course-conditions-modal .outlook,
  #guests-course-conditions-modal .outlook {
    font-weight: 500;
    font-size: 1.2rem;
    padding: 0.5rem;
    color: #fff; }
  #course-conditions-modal .current-temp,
  #members-course-conditions-modal .current-temp,
  #guests-course-conditions-modal .current-temp {
    font-size: 2rem;
    font-weight: 500;
    padding: 0.5rem;
    color: #fff; }
  #course-conditions-modal .feels-like,
  #members-course-conditions-modal .feels-like,
  #guests-course-conditions-modal .feels-like {
    padding: 0.5rem;
    color: #fff; }
  #course-conditions-modal a.btn-feature,
  #members-course-conditions-modal a.btn-feature,
  #guests-course-conditions-modal a.btn-feature {
    margin: 0.5rem; }
  #course-conditions-modal #playing-conditions #conditions,
  #members-course-conditions-modal #playing-conditions #conditions,
  #guests-course-conditions-modal #playing-conditions #conditions {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 1rem; }
    @media screen and (max-width: 1200px) {
      #course-conditions-modal #playing-conditions #conditions,
      #members-course-conditions-modal #playing-conditions #conditions,
      #guests-course-conditions-modal #playing-conditions #conditions {
        width: 50%; } }
    @media screen and (max-width: 740px) {
      #course-conditions-modal #playing-conditions #conditions,
      #members-course-conditions-modal #playing-conditions #conditions,
      #guests-course-conditions-modal #playing-conditions #conditions {
        width: 100%; } }
  #course-conditions-modal #playing-conditions .condition,
  #members-course-conditions-modal #playing-conditions .condition,
  #guests-course-conditions-modal #playing-conditions .condition {
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    text-align: right;
    padding: 0.5rem 0;
    align-items: center;
    color: #fff; }
  #course-conditions-modal #playing-conditions .status,
  #members-course-conditions-modal #playing-conditions .status,
  #guests-course-conditions-modal #playing-conditions .status {
    width: 80px;
    display: inline-block;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.2);
    padding: 5px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0 auto;
    -ms-grid-column: 2;
    grid-column: 2; }
  @media screen and (max-width: 1200px) {
    #course-conditions-modal #playing-conditions,
    #members-course-conditions-modal #playing-conditions,
    #guests-course-conditions-modal #playing-conditions {
      margin: 0rem 0rem 3.5rem; } }

table.course-conditions-table {
  width: 100%; }
  table.course-conditions-table tbody tr.weather-buttons td {
    padding: 0; }
    table.course-conditions-table tbody tr.weather-buttons td table tbody tr td .tab {
      background-size: contain;
      transition: all 0.3s ease;
      margin-bottom: 0; }
      table.course-conditions-table tbody tr.weather-buttons td table tbody tr td .tab:hover {
        opacity: .8; }

table.weather-table tbody tr.tableContent td table {
  margin: 0;
  width: 100%; }
  table.weather-table tbody tr.tableContent td table tr th {
    background: #BC995C;
    padding: 1rem; }
  table.weather-table tbody tr.tableContent td table.portal.weather-table {
    border: 1px solid #ccc; }
    table.weather-table tbody tr.tableContent td table.portal.weather-table tbody tr td {
      padding: 1rem;
      vertical-align: top; }
      table.weather-table tbody tr.tableContent td table.portal.weather-table tbody tr td .weather-table tbody tr {
        border: 0; }
        table.weather-table tbody tr.tableContent td table.portal.weather-table tbody tr td .weather-table tbody tr td {
          padding: .5rem;
          vertical-align: top; }
          table.weather-table tbody tr.tableContent td table.portal.weather-table tbody tr td .weather-table tbody tr td b {
            font-family: "Poppins", sans-serif !important;
            font: revert;
            font-size: 16px; }
          table.weather-table tbody tr.tableContent td table.portal.weather-table tbody tr td .weather-table tbody tr td:first-of-type {
            padding: 1rem 3rem 1rem 1rem; }
          table.weather-table tbody tr.tableContent td table.portal.weather-table tbody tr td .weather-table tbody tr td:last-of-type .weather-table tbody tr td {
            padding: .5rem; }

table.course-news tbody:last-of-type td table {
  margin: 0;
  width: 100%; }
  table.course-news tbody:last-of-type td table tr th {
    background: #BC995C;
    padding: 1rem; }
  table.course-news tbody:last-of-type td table.portal {
    border: 1px solid #ccc; }
    table.course-news tbody:last-of-type td table.portal tbody tr {
      border: none; }
      table.course-news tbody:last-of-type td table.portal tbody tr td {
        padding: 1rem;
        vertical-align: top; }
        table.course-news tbody:last-of-type td table.portal tbody tr td .wysiwygDiv button.updateButton {
          font-family: "Inter", sans-serif;
          border: none;
          background-color: #BC995C;
          padding: 8px 16px;
          border: 1px solid #BC995C;
          color: #fff;
          text-transform: uppercase;
          font-weight: 500;
          cursor: pointer;
          transition: ease 0.3s;
          text-decoration: none;
          display: inline-block;
          margin: 0.5rem 0;
          font-size: inherit;
          font-family: "Poppins", sans-serif; }
          table.course-news tbody:last-of-type td table.portal tbody tr td .wysiwygDiv button.updateButton:hover {
            background: #a8853f; }
        table.course-news tbody:last-of-type td table.portal tbody tr td table tbody tr td:first-of-type {
          width: 35%; }
        table.course-news tbody:last-of-type td table.portal tbody tr td table tbody tr td table tbody tr:first-of-type {
          background: #BC995C;
          color: #ffffff; }

.product-page .courseNews-edit {
  width: 100%; }
  .product-page .courseNews-edit table.portal tbody tr {
    border: 0; }
  .product-page .courseNews-edit table.portal table {
    width: 100%; }
    .product-page .courseNews-edit table.portal table tbody tr {
      border-bottom: 1px solid #e9ebec; }
      .product-page .courseNews-edit table.portal table tbody tr td a {
        color: #BC995C;
        transition: all 0.3s ease; }
        .product-page .courseNews-edit table.portal table tbody tr td a:hover {
          color: #a8853f; }
  .product-page .courseNews-edit table.portal form[name="wysiwygForm"] table {
    width: 100%; }
    .product-page .courseNews-edit table.portal form[name="wysiwygForm"] table tr {
      border: 0; }
    .product-page .courseNews-edit table.portal form[name="wysiwygForm"] table table#idAreaoEdit1 {
      width: 100%;
      margin: 0 auto;
      max-width: 750px;
      margin-bottom: 2rem; }
      .product-page .courseNews-edit table.portal form[name="wysiwygForm"] table table#idAreaoEdit1 table {
        width: 100%; }
        .product-page .courseNews-edit table.portal form[name="wysiwygForm"] table table#idAreaoEdit1 table table.istoolbar {
          width: auto; }
          .product-page .courseNews-edit table.portal form[name="wysiwygForm"] table table#idAreaoEdit1 table table.istoolbar td {
            padding: 0; }
          .product-page .courseNews-edit table.portal form[name="wysiwygForm"] table table#idAreaoEdit1 table table.istoolbar table {
            width: 100%; }
            .product-page .courseNews-edit table.portal form[name="wysiwygForm"] table table#idAreaoEdit1 table table.istoolbar table table {
              width: auto; }
      .product-page .courseNews-edit table.portal form[name="wysiwygForm"] table table#idAreaoEdit1 table#cntContaineroEdit1 {
        width: 100%; }
        .product-page .courseNews-edit table.portal form[name="wysiwygForm"] table table#idAreaoEdit1 table#cntContaineroEdit1 iframe table {
          width: 100%; }
  .product-page .courseNews-edit table.portal form[name="wysiwygForm"] input[type="submit"],
  .product-page .courseNews-edit table.portal form[name="wysiwygForm"] input[type="button"] {
    background: #BC995C;
    border-color: #BC995C;
    color: #ffffff;
    padding: .5rem 1rem;
    cursor: pointer;
    transition: all 0.3s ease; }
    .product-page .courseNews-edit table.portal form[name="wysiwygForm"] input[type="submit"]:hover,
    .product-page .courseNews-edit table.portal form[name="wysiwygForm"] input[type="button"]:hover {
      background: #a8853f;
      border-color: #a8853f; }
  .product-page .courseNews-edit table#idAreaoEdit1 {
    width: 100%;
    margin: 0 auto;
    max-width: 750px;
    margin-bottom: 2rem; }
    .product-page .courseNews-edit table#idAreaoEdit1 table {
      width: 100%; }
      .product-page .courseNews-edit table#idAreaoEdit1 table table.istoolbar {
        width: auto; }
        .product-page .courseNews-edit table#idAreaoEdit1 table table.istoolbar td {
          padding: 0; }
        .product-page .courseNews-edit table#idAreaoEdit1 table table.istoolbar table {
          width: 100%; }
          .product-page .courseNews-edit table#idAreaoEdit1 table table.istoolbar table table {
            width: auto; }
    .product-page .courseNews-edit table#idAreaoEdit1 table#cntContaineroEdit1 {
      width: 100%; }
      .product-page .courseNews-edit table#idAreaoEdit1 table#cntContaineroEdit1 iframe table {
        width: 100%; }

table.webcam-table tbody tr:last-of-type {
  text-align: center; }
  table.webcam-table tbody tr:last-of-type td table.portal {
    border-color: #ccc; }
    table.webcam-table tbody tr:last-of-type td table.portal tbody tr td {
      text-align: center; }
      table.webcam-table tbody tr:last-of-type td table.portal tbody tr td img {
        max-width: 1100px;
        width: 100%; }

table.radar-table .tableContent td table.portal {
  border: 1px solid #ccc; }
  table.radar-table .tableContent td table.portal tbody tr td {
    text-align: center; }

table.daylight-table .tableContent td table.portal {
  border: 1px solid #ccc; }
  table.daylight-table .tableContent td table.portal tbody tr td table {
    width: 100%; }
    table.daylight-table .tableContent td table.portal tbody tr td table tbody tr {
      border: 0; }
      table.daylight-table .tableContent td table.portal tbody tr td table tbody tr td b {
        font-family: "Poppins", sans-serif;
        font: unset;
        font-size: 16px;
        font-weight: 600; }

#bookings-modal {
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: rgba(188, 153, 92, 0.5);
  z-index: 2;
  padding: 2rem;
  display: unset;
  visibility: hidden;
  backdrop-filter: blur(3px); }
  @media screen and (max-width: 960px) {
    #bookings-modal {
      padding: 5rem 2rem 2rem 2rem; } }
  @media screen and (max-width: 740px) {
    #bookings-modal {
      padding: 4rem 2rem 2rem 2rem; } }
  @media screen and (max-width: 480px) {
    #bookings-modal {
      padding: 1.5rem 1rem 1.5rem;
      background-color: rgba(188, 153, 92, 0.7);
      font-size: 0.9rem; } }
  #bookings-modal #public-modal-close {
    cursor: pointer;
    position: absolute;
    right: 2rem;
    top: 2rem;
    z-index: 2;
    transition: all 0.3s ease; }
    @media screen and (max-width: 740px) {
      #bookings-modal #public-modal-close {
        right: 1rem;
        top: 1rem; } }
    #bookings-modal #public-modal-close span {
      transition: all 0.3s ease;
      color: #ffffff;
      font-size: 2rem; }
    #bookings-modal #public-modal-close:hover span {
      opacity: .5; }
  #bookings-modal h2 {
    color: #ffffff; }
    @media screen and (max-width: 960px) {
      #bookings-modal h2 {
        position: absolute;
        top: 33px;
        left: 35px; } }
  #bookings-modal .modal-wrap {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    position: relative;
    align-content: center;
    height: 100%;
    max-width: 1150px;
    margin: auto; }
    @media screen and (max-width: 960px) {
      #bookings-modal .modal-wrap {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        overflow-y: scroll;
        height: 100%;
        margin: 0 0 30px 0;
        align-content: flex-start;
        grid-gap: 2rem; } }
    #bookings-modal .modal-wrap .book-col {
      background-color: rgba(2, 5, 21, 0.7);
      padding: 2rem;
      margin: 0rem 1rem 0rem;
      display: flex;
      flex-direction: column;
      justify-content: center; }
      @media screen and (max-width: 960px) {
        #bookings-modal .modal-wrap .book-col {
          width: 100%;
          margin: 0; } }
      #bookings-modal .modal-wrap .book-col #fee-table {
        width: 100%; }
        #bookings-modal .modal-wrap .book-col #fee-table .fee-class {
          margin-bottom: 15px; }
          #bookings-modal .modal-wrap .book-col #fee-table .fee-class h3 {
            color: #ffffff;
            margin-bottom: 5px; }
          #bookings-modal .modal-wrap .book-col #fee-table .fee-class ul {
            color: #ffffff; }
            #bookings-modal .modal-wrap .book-col #fee-table .fee-class ul li {
              display: flex;
              justify-content: space-between;
              margin-bottom: 5px; }
        #bookings-modal .modal-wrap .book-col #fee-table .btn-container {
          display: flex;
          justify-content: center; }
      #bookings-modal .modal-wrap .book-col h3 {
        color: #ffffff;
        margin-bottom: 10px; }
      #bookings-modal .modal-wrap .book-col p {
        color: #ffffff; }
        #bookings-modal .modal-wrap .book-col p a {
          color: #ffffff; }
      #bookings-modal .modal-wrap .book-col ul li {
        color: #ffffff; }
      #bookings-modal .modal-wrap .book-col .public-buttons {
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
        flex-direction: column;
        padding: 13px 0; }
        @media screen and (max-width: 960px) {
          #bookings-modal .modal-wrap .book-col .public-buttons {
            flex-direction: row; } }
        @media screen and (max-width: 740px) {
          #bookings-modal .modal-wrap .book-col .public-buttons {
            flex-direction: column; } }
        #bookings-modal .modal-wrap .book-col .public-buttons a.btn {
          font-family: "Poppins", sans-serif;
          border: none;
          background-color: #BC995C;
          padding: 8px 16px;
          margin: 5px 0;
          border: 1px solid #BC995C;
          color: #fff;
          text-transform: uppercase;
          text-align: center;
          font-weight: 500;
          cursor: pointer;
          transition: ease 0.3s;
          text-decoration: none; }
          #bookings-modal .modal-wrap .book-col .public-buttons a.btn:hover {
            border: 1px solid #a8853f;
            background-color: #a8853f;
            color: #fff; }
          @media screen and (max-width: 960px) {
            #bookings-modal .modal-wrap .book-col .public-buttons a.btn {
              width: 100%;
              margin: 5px 0px; } }
          @media screen and (max-width: 740px) {
            #bookings-modal .modal-wrap .book-col .public-buttons a.btn {
              width: 100%;
              margin: 5px 0; } }
          #bookings-modal .modal-wrap .book-col .public-buttons a.btn i {
            font-size: 12px;
            position: relative;
            left: 0;
            bottom: 2px; }

#reciprocal-clubs {
  padding-bottom: 4rem; }
  #reciprocal-clubs .club-group {
    position: relative; }
    #reciprocal-clubs .club-group .group-title {
      display: flex;
      align-items: center;
      cursor: pointer;
      flex-grow: 1;
      padding: 15px 40px 15px 10px;
      background: #ffffff;
      color: #BC995C;
      margin: 13px 0 0 0;
      width: 100%;
      text-decoration: none;
      max-height: 50px;
      box-shadow: 0px 0px 3px #bbbbbb;
      position: relative;
      overflow: hidden;
      transition: all 0.3s ease; }
      #reciprocal-clubs .club-group .group-title:after {
        content: '';
        width: 13px;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        background: #BC995C;
        transition: all 0.3s ease; }
      #reciprocal-clubs .club-group .group-title span.title {
        font-size: 23px;
        position: relative;
        border-left: 2px solid #7d7d7d;
        padding: 6px 0 6px 10px;
        transition: all 0.3s ease; }
      #reciprocal-clubs .club-group .group-title i.fa-plus {
        opacity: 0;
        position: absolute;
        right: 23px;
        color: #ffffff;
        z-index: 1;
        transition: all 0.3s ease; }
      #reciprocal-clubs .club-group .group-title:hover {
        background: #f8f8f8; }
        #reciprocal-clubs .club-group .group-title:hover:after {
          width: 60px; }
        #reciprocal-clubs .club-group .group-title:hover span.title {
          padding-left: 15px; }
        #reciprocal-clubs .club-group .group-title:hover i.fa-plus {
          opacity: 1; }
      #reciprocal-clubs .club-group .group-title.active {
        background: #e9ebec; }
        #reciprocal-clubs .club-group .group-title.active:after {
          width: 60px; }
        #reciprocal-clubs .club-group .group-title.active span.title {
          border-left: 4px solid #BC995C;
          padding-left: 10px; }
        #reciprocal-clubs .club-group .group-title.active i.fa-plus {
          opacity: 1;
          transform: rotate(45deg); }
        #reciprocal-clubs .club-group .group-title.active:hover span.title {
          padding-left: 10px; }
    #reciprocal-clubs .club-group .club-list {
      display: none;
      border: 1px solid #e9ebec;
      border-top: 0;
      padding-top: 30px;
      /*&.hide {
                display: none;
            }*/ }
      #reciprocal-clubs .club-group .club-list.open {
        display: block; }
      #reciprocal-clubs .club-group .club-list .reciprocal-clubs-container {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr; }
        @media screen and (max-width: 1200px) {
          #reciprocal-clubs .club-group .club-list .reciprocal-clubs-container {
            grid-template-columns: 1fr 1fr; } }
        @media screen and (max-width: 740px) {
          #reciprocal-clubs .club-group .club-list .reciprocal-clubs-container {
            grid-template-columns: 1fr; } }
        #reciprocal-clubs .club-group .club-list .reciprocal-clubs-container .reciprocal-club {
          margin: 0 20px 20px 20px;
          box-shadow: 0px 0px 3px #bbbbbb;
          background: #ffffff;
          position: relative; }
          #reciprocal-clubs .club-group .club-list .reciprocal-clubs-container .reciprocal-club .title-container {
            display: flex;
            align-items: center;
            background: #BC995C;
            height: 38px;
            margin-bottom: 10px; }
            #reciprocal-clubs .club-group .club-list .reciprocal-clubs-container .reciprocal-club .title-container .image-container {
              display: flex;
              align-items: center;
              padding: 10px;
              height: 65px;
              width: 65px;
              justify-content: center;
              border: 2px solid #BC995C;
              position: relative;
              top: 1px;
              left: -9px;
              background: white;
              border-radius: 50%;
              overflow: hidden; }
              #reciprocal-clubs .club-group .club-list .reciprocal-clubs-container .reciprocal-club .title-container .image-container img {
                max-width: 65px;
                width: 100%;
                height: auto; }
            #reciprocal-clubs .club-group .club-list .reciprocal-clubs-container .reciprocal-club .title-container h3.title {
              background: #BC995C;
              color: #ffffff;
              padding: 0;
              font-size: 18px; }
              @media screen and (max-width: 480px) {
                #reciprocal-clubs .club-group .club-list .reciprocal-clubs-container .reciprocal-club .title-container h3.title {
                  font-size: 14px; } }
          #reciprocal-clubs .club-group .club-list .reciprocal-clubs-container .reciprocal-club .rc-contact-details {
            border-bottom: 0;
            padding: 10px 20px 30px 20px;
            margin-bottom: 20px; }
            #reciprocal-clubs .club-group .club-list .reciprocal-clubs-container .reciprocal-club .rc-contact-details p {
              font-size: 14px;
              padding: 4px 0;
              margin: 0; }
              #reciprocal-clubs .club-group .club-list .reciprocal-clubs-container .reciprocal-club .rc-contact-details p strong {
                color: #BC995C; }
          #reciprocal-clubs .club-group .club-list .reciprocal-clubs-container .reciprocal-club .club-bottom {
            position: absolute;
            bottom: 0;
            width: 100%; }
            #reciprocal-clubs .club-group .club-list .reciprocal-clubs-container .reciprocal-club .club-bottom .links {
              display: grid;
              grid-template-columns: 1fr 1fr;
              text-align: center;
              background: #ffffff;
              border-top: 1px solid #f0f5ff; }
              #reciprocal-clubs .club-group .club-list .reciprocal-clubs-container .reciprocal-club .club-bottom .links a {
                padding: 8px;
                text-decoration: none;
                color: #BC995C;
                transition: all 0.3s ease;
                font-weight: 500; }
                #reciprocal-clubs .club-group .club-list .reciprocal-clubs-container .reciprocal-club .club-bottom .links a:hover {
                  color: #a8853f; }
                #reciprocal-clubs .club-group .club-list .reciprocal-clubs-container .reciprocal-club .club-bottom .links a.email {
                  margin: 0;
                  border-right: 1px solid #f0f5ff; }
                #reciprocal-clubs .club-group .club-list .reciprocal-clubs-container .reciprocal-club .club-bottom .links a.website {
                  margin: 0; }
                  #reciprocal-clubs .club-group .club-list .reciprocal-clubs-container .reciprocal-club .club-bottom .links a.website:after {
                    font-family: "fontawesome";
                    content: "\f35d";
                    color: #fccc7a;
                    position: relative;
                    left: 0;
                    bottom: 2px;
                    font-size: 11px;
                    opacity: 0;
                    transition: all 0.3s ease; }
                  #reciprocal-clubs .club-group .club-list .reciprocal-clubs-container .reciprocal-club .club-bottom .links a.website:hover:after {
                    opacity: 1;
                    left: 6px; }

section#holes {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-bottom: 2rem; }
  section#holes .hole {
    width: 31%;
    margin: 1%;
    box-shadow: 1px 1px 8px 0px #ccc; }
    @media screen and (max-width: 1200px) {
      section#holes .hole {
        width: 48%; } }
    @media screen and (max-width: 740px) {
      section#holes .hole {
        width: 100%;
        margin: 2% 0; } }
    section#holes .hole .hole-wrap {
      height: 100%;
      position: relative; }
      section#holes .hole .hole-wrap .image-container {
        position: relative;
        transition: all 0.3s ease;
        background-color: #BC995C;
        overflow: hidden; }
        section#holes .hole .hole-wrap .image-container a .hole-image {
          padding-top: calc((9 / 16) * 100%);
          background-position: center;
          background-size: cover;
          transition: all 0.3s ease; }
        section#holes .hole .hole-wrap .image-container:hover a .hole-image {
          transform: scale(1.1); }
      section#holes .hole .hole-wrap .hole-bottom {
        position: absolute;
        bottom: 0;
        width: 100%; }
      section#holes .hole .hole-wrap .image-container.gallery {
        position: relative;
        transition: all 0.3s ease;
        background-color: #BC995C;
        overflow: hidden; }
        section#holes .hole .hole-wrap .image-container.gallery a {
          display: none; }
          section#holes .hole .hole-wrap .image-container.gallery a:first-child {
            display: block; }
          section#holes .hole .hole-wrap .image-container.gallery a .hole-image {
            padding-top: calc((9 / 16) * 100%);
            background-position: center !important;
            background-size: cover !important;
            transition: all 0.3s ease; }
        section#holes .hole .hole-wrap .image-container.gallery i.gallery-icon {
          position: absolute;
          bottom: 0;
          right: 0;
          color: #ffffff;
          padding: 10px;
          transition: all 0.3s ease; }
        section#holes .hole .hole-wrap .image-container.gallery:hover a .hole-image {
          transform: scale(1.1); }
        section#holes .hole .hole-wrap .image-container.gallery:hover i.gallery-icon {
          font-size: 28px; }
    section#holes .hole .feature {
      display: flex;
      justify-content: space-around;
      background-color: #BC995C;
      align-items: center;
      color: #fff;
      position: relative;
      text-transform: uppercase;
      font-weight: 500; }
      section#holes .hole .feature .title {
        border: 1px solid #BC995C;
        border-radius: 50%;
        background-color: #fff;
        height: 85px;
        width: 85px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        vertical-align: middle;
        text-align: center;
        font-size: 44px;
        font-weight: normal;
        color: #BC995C;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0; }
    section#holes .hole .content {
      margin-bottom: 1rem;
      padding: 2.5rem 1rem;
      text-align: center; }
    section#holes .hole .links {
      text-decoration: none;
      display: flex;
      flex-direction: row;
      justify-content: space-evenly;
      padding: 1rem 0;
      background-color: #fff; }
      section#holes .hole .links a {
        color: #BC995C;
        text-decoration: none;
        text-transform: uppercase;
        font-weight: 500;
        width: 50%;
        text-align: center;
        transition: all 0.3s ease; }
        section#holes .hole .links a:hover {
          color: #a8853f; }
  section#holes .hole-info {
    display: table;
    width: 100%;
    padding: 1rem;
    background-color: #f8f8f8;
    min-width: inherit; }
    section#holes .hole-info tr {
      width: 100%;
      padding: 0 1rem;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr; }
      section#holes .hole-info tr td {
        text-align: center; }

.page-template-page-course-tour .scorecard {
  height: auto; }

.page-template-page-course-tour .table-overflow {
  overflow-x: visible;
  margin-bottom: 0 !important;
  display: none; }

.page-template-page-course-tour .details {
  height: auto; }

#business-directory {
  display: flex;
  flex-direction: row-reverse;
  padding-bottom: 4rem; }
  @media screen and (max-width: 960px) {
    #business-directory {
      flex-direction: column-reverse; } }
  #business-directory #mix-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 1.5rem;
    width: 75%;
    margin-bottom: 2rem; }
    @media screen and (max-width: 960px) {
      #business-directory #mix-wrapper {
        width: 100%;
        grid-template-columns: 1fr 1fr; } }
    @media screen and (max-width: 740px) {
      #business-directory #mix-wrapper {
        grid-template-columns: 1fr; } }
    #business-directory #mix-wrapper .mix-target {
      margin: 1%;
      width: 100%;
      box-shadow: 1px 1px 3px 1px #aaa;
      background: #c6a86c; }
      #business-directory #mix-wrapper .mix-target polygon {
        fill: #c6a86c; }
      @media screen and (max-width: 600px) {
        #business-directory #mix-wrapper .mix-target {
          width: 100%; } }
      #business-directory #mix-wrapper .mix-target .business_card {
        position: relative;
        height: 100%; }
        #business-directory #mix-wrapper .mix-target .business_card .logo {
          position: relative;
          background-color: #ffffff;
          overflow: hidden;
          display: flex;
          align-items: center;
          height: 165px; }
          #business-directory #mix-wrapper .mix-target .business_card .logo img {
            width: 100%;
            height: 100%;
            object-fit: scale-down;
            padding: 30px; }
            #business-directory #mix-wrapper .mix-target .business_card .logo img.premium-badge {
              max-width: 90px;
              position: absolute;
              top: 0;
              right: 0;
              padding: 5px; }
            #business-directory #mix-wrapper .mix-target .business_card .logo img.placeholder {
              opacity: .5;
              padding: 50px; }
          #business-directory #mix-wrapper .mix-target .business_card .logo svg {
            position: absolute;
            bottom: 0;
            width: 100%;
            height: 2vw;
            /* set height to pixels if you want angle to change with screen width */ }
            @media screen and (max-width: 600px) {
              #business-directory #mix-wrapper .mix-target .business_card .logo svg {
                height: 6vw; } }
            #business-directory #mix-wrapper .mix-target .business_card .logo svg polygon {
              opacity: 0.8; }
        #business-directory #mix-wrapper .mix-target .business_card .info {
          display: flex;
          justify-content: center;
          align-items: center;
          padding: 20px;
          word-break: break-word;
          color: #ffffff;
          margin-bottom: 40px; }
          #business-directory #mix-wrapper .mix-target .business_card .info h2,
          #business-directory #mix-wrapper .mix-target .business_card .info p,
          #business-directory #mix-wrapper .mix-target .business_card .info a {
            color: #ffffff !important; }
          #business-directory #mix-wrapper .mix-target .business_card .info .title h2 {
            font-size: 18px !important;
            text-transform: uppercase !important;
            font-weight: 600 !important;
            text-align: center;
            line-height: 1.5rem; }
          #business-directory #mix-wrapper .mix-target .business_card .info .business-bottom {
            position: absolute;
            bottom: 0;
            width: 100%;
            left: 0;
            background: rgba(255, 255, 255, 0.09); }
            #business-directory #mix-wrapper .mix-target .business_card .info .business-bottom .links {
              text-decoration: none;
              display: grid;
              grid-template-columns: 1fr 1fr;
              text-align: center;
              background: rgba(250, 250, 250, 0.07); }
              #business-directory #mix-wrapper .mix-target .business_card .info .business-bottom .links a {
                text-decoration: none;
                padding: .5rem 0;
                transition: all 0.3s ease;
                font-size: 14px; }
                #business-directory #mix-wrapper .mix-target .business_card .info .business-bottom .links a.business-details {
                  border-right: 1px solid rgba(255, 255, 255, 0.2); }
                #business-directory #mix-wrapper .mix-target .business_card .info .business-bottom .links a.business-website:after {
                  font-family: "fontawesome";
                  content: "\f35d";
                  color: #ffffff;
                  position: relative;
                  left: 0;
                  bottom: 2px;
                  font-size: 9px;
                  opacity: 0;
                  transition: all 0.3s ease; }
                #business-directory #mix-wrapper .mix-target .business_card .info .business-bottom .links a:hover {
                  opacity: .5; }
                  #business-directory #mix-wrapper .mix-target .business_card .info .business-bottom .links a:hover.business-website:after {
                    opacity: 1;
                    left: 6px; }
            #business-directory #mix-wrapper .mix-target .business_card .info .business-bottom .details-list {
              overflow-x: visible;
              margin-bottom: 0 !important;
              display: none; }
              #business-directory #mix-wrapper .mix-target .business_card .info .business-bottom .details-list ul {
                list-style-type: none;
                padding: 0;
                color: #ffffff;
                margin: 0; }
                #business-directory #mix-wrapper .mix-target .business_card .info .business-bottom .details-list ul li {
                  position: relative;
                  padding: 5px 10px;
                  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
                  display: flex;
                  align-items: center; }
                  #business-directory #mix-wrapper .mix-target .business_card .info .business-bottom .details-list ul li:last-of-type {
                    border-bottom: none; }
                  #business-directory #mix-wrapper .mix-target .business_card .info .business-bottom .details-list ul li .fa,
                  #business-directory #mix-wrapper .mix-target .business_card .info .business-bottom .details-list ul li .fas {
                    margin-right: 10px;
                    color: #ffffff;
                    float: left;
                    font-size: 14px;
                    margin: 6px 6px 6px 0;
                    transition: all 0.3s ease; }
                    #business-directory #mix-wrapper .mix-target .business_card .info .business-bottom .details-list ul li .fa.fa-info:before,
                    #business-directory #mix-wrapper .mix-target .business_card .info .business-bottom .details-list ul li .fas.fa-info:before {
                      margin-right: 5px; }
                  #business-directory #mix-wrapper .mix-target .business_card .info .business-bottom .details-list ul li p {
                    margin: 0;
                    font-size: 13px;
                    line-height: 1.3rem; }
                  #business-directory #mix-wrapper .mix-target .business_card .info .business-bottom .details-list ul li a {
                    text-decoration: none;
                    font-size: 13px;
                    transition: all 0.3s ease; }
                  #business-directory #mix-wrapper .mix-target .business_card .info .business-bottom .details-list ul li:hover.email {
                    cursor: pointer; }
                    #business-directory #mix-wrapper .mix-target .business_card .info .business-bottom .details-list ul li:hover.email i {
                      opacity: .5; }
                    #business-directory #mix-wrapper .mix-target .business_card .info .business-bottom .details-list ul li:hover.email a {
                      opacity: .5; }
  #business-directory .sidebar-container {
    margin: 10px 0 0 0;
    width: 25%; }
    @media screen and (max-width: 960px) {
      #business-directory .sidebar-container {
        width: 100%; } }
    #business-directory .sidebar-container #sidebar {
      padding: 10px 0;
      margin-right: 1.5rem; }
      #business-directory .sidebar-container #sidebar .title {
        font-size: 1.3rem;
        font-weight: 500;
        padding: 0 12px; }
      #business-directory .sidebar-container #sidebar ul.categories {
        list-style-type: none;
        display: flex;
        flex-direction: column;
        margin-top: 10px;
        border-top: 1px solid #e9ebec; }
        @media screen and (max-width: 960px) {
          #business-directory .sidebar-container #sidebar ul.categories {
            flex-direction: row;
            flex-wrap: wrap;
            margin-bottom: .5rem;
            border-bottom: 1px solid #e9ebec; } }
        #business-directory .sidebar-container #sidebar ul.categories .button-wrapper {
          width: 100%;
          border: #ffffff;
          margin: 1px 0;
          overflow: hidden; }
          @media screen and (max-width: 960px) {
            #business-directory .sidebar-container #sidebar ul.categories .button-wrapper {
              width: 50%;
              padding-right: 1px; } }
          @media screen and (max-width: 600px) {
            #business-directory .sidebar-container #sidebar ul.categories .button-wrapper {
              width: 100%; } }
          #business-directory .sidebar-container #sidebar ul.categories .button-wrapper button {
            width: 100%;
            height: 100%;
            position: relative;
            background: #ffffff;
            border: #ffffff;
            border-left: 4px solid #BC995C;
            padding: 12px 15px;
            text-align: left;
            cursor: pointer;
            transition: all 0.3s ease;
            font-size: .9rem; }
            @media screen and (max-width: 960px) {
              #business-directory .sidebar-container #sidebar ul.categories .button-wrapper button {
                font-size: 16px; } }
            #business-directory .sidebar-container #sidebar ul.categories .button-wrapper button:before {
              font-family: "fontawesome";
              position: absolute;
              right: 15px;
              content: '\f054';
              margin-left: -27px;
              color: #e9ebec;
              font-weight: 400;
              transition: all 0.3s ease;
              z-index: 1; }
              @media screen and (max-width: 480px) {
                #business-directory .sidebar-container #sidebar ul.categories .button-wrapper button:before {
                  margin-left: -15px; } }
            #business-directory .sidebar-container #sidebar ul.categories .button-wrapper button:after {
              content: '';
              width: 0px;
              height: 100%;
              position: absolute;
              top: 0;
              right: 0;
              background-color: #BC995C;
              transition: all 0.3s ease;
              z-index: 0; }
            #business-directory .sidebar-container #sidebar ul.categories .button-wrapper button:hover {
              background: #f8f8f8;
              border-left: 8px solid #BC995C; }
              #business-directory .sidebar-container #sidebar ul.categories .button-wrapper button:hover:before {
                right: 12px; }
            #business-directory .sidebar-container #sidebar ul.categories .button-wrapper button.mixitup-control-active {
              background-color: #e9ebec !important;
              font-weight: 500;
              border-left: 8px solid #BC995C; }
              #business-directory .sidebar-container #sidebar ul.categories .button-wrapper button.mixitup-control-active:before {
                position: absolute;
                right: 13px;
                top: 15px;
                content: '\f105';
                font: var(--fa-font-solid);
                color: #ffffff;
                font-weight: 400;
                font-size: 18px;
                z-index: 1;
                transition: all 0.3s ease; }
                @media screen and (max-width: 960px) {
                  #business-directory .sidebar-container #sidebar ul.categories .button-wrapper button.mixitup-control-active:before {
                    transform: rotate(90deg);
                    transition: all 0.3s ease; } }
              #business-directory .sidebar-container #sidebar ul.categories .button-wrapper button.mixitup-control-active:after {
                content: '';
                width: 40px;
                height: 100%;
                position: absolute;
                top: 0;
                right: 0;
                transition: all 0.3s ease;
                z-index: 0; }

html.loading::before {
  content: "";
  background: linear-gradient(-45deg, #e9ebec, #BC995C, #f8f8f8, #cca460);
  background-size: 400% 400%;
  animation: gradient 15s ease infinite;
  height: 100vh;
  width: 100%;
  display: block;
  position: absolute;
  z-index: 9; }

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

#page-loader {
  position: absolute;
  z-index: 99;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  #page-loader img {
    max-width: 500px;
    display: block !important; }
    @media screen and (max-width: 600px) {
      #page-loader img {
        width: 80%; } }
  #page-loader h5.loading-text {
    text-align: center;
    padding: 2rem;
    font-weight: 500;
    color: #fff;
    letter-spacing: 2px; }

.portal-wrap {
  display: grid;
  grid-template-columns: 2fr 8fr;
  box-sizing: border-box; }
  @media screen and (max-width: 1024px) {
    .portal-wrap {
      grid-template-columns: 1fr; } }
  .portal-wrap .portal-col {
    padding: 2rem; }
  .portal-wrap .module {
    display: none; }
    .portal-wrap .module a {
      color: #BC995C;
      transition: all 0.3s ease; }
      .portal-wrap .module a:hover {
        color: #a8853f;
        text-decoration: none; }
  .portal-wrap .module.active {
    display: block; }
  .portal-wrap #greeting #welcome .name {
    font-weight: 600; }
  @media screen and (max-width: 1024px) {
    .portal-wrap #greeting {
      display: flex;
      justify-content: space-between; }
      .portal-wrap #greeting #welcome {
        padding: 0;
        margin: 0; } }
  @media screen and (max-width: 480px) {
    .portal-wrap #greeting {
      flex-direction: column; } }
  .portal-wrap button.mobile-btn {
    display: none;
    margin: 0;
    font-family: "Poppins", sans-serif;
    background-color: #BC995C;
    padding: 8px 16px;
    border: 1px solid #BC995C;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none; }
    .portal-wrap button.mobile-btn.open {
      background: #a8853f;
      border-color: #a8853f; }
    @media screen and (max-width: 1024px) {
      .portal-wrap button.mobile-btn {
        display: block; } }
    @media screen and (max-width: 480px) {
      .portal-wrap button.mobile-btn {
        margin-top: 1rem; } }
  @media screen and (max-width: 1024px) {
    .portal-wrap #include-details {
      min-height: calc(100vh - 294px); } }
  @media screen and (max-width: 1024px) {
    .portal-wrap .module-controls {
      display: none;
      margin-top: 2rem; } }

#controls {
  background-color: #e9ebec; }
  #controls #greeting h1 {
    font-size: 2rem; }
  #controls #portal-buttons {
    display: flex;
    flex-direction: column; }
    #controls #portal-buttons button {
      border: none;
      background-color: transparent;
      outline: none;
      margin-bottom: 0.5rem; }
      #controls #portal-buttons button a {
        padding: 1rem;
        text-decoration: none;
        display: inline-block;
        font-weight: 600;
        font-size: 1rem;
        width: 100%;
        text-align: left;
        transition: ease all 0.3s;
        color: #1f2830; }
        #controls #portal-buttons button a i {
          font-size: 1.1rem;
          margin-right: 5px;
          transition: ease margin-left 0.3s; }
          #controls #portal-buttons button a i img {
            transition: all 0.3s ease; }
            #controls #portal-buttons button a i img.teenet-logo {
              width: 1.5rem;
              filter: saturate(0%) grayscale(100%) brightness(69%) contrast(1000%);
              -webkit-filter: saturate(0%) grayscale(100%) brightness(69%) contrast(1000%); }
      #controls #portal-buttons button.active a {
        color: #BC995C;
        background-color: #e0e0e0; }
        #controls #portal-buttons button.active a i {
          color: #BC995C;
          margin-left: 10px; }
      #controls #portal-buttons button.external-link {
        position: relative;
        display: flex;
        align-items: center; }
        #controls #portal-buttons button.external-link:after {
          font-family: "fontawesome";
          content: "\f35d";
          color: #c9cfd4;
          position: absolute;
          padding: 1.5rem;
          right: 0;
          font-size: 11px;
          opacity: 0;
          transition: all 0.3s ease; }
        @media screen and (max-width: 1024px) {
          #controls #portal-buttons button.external-link:after {
            opacity: 1; } }
      #controls #portal-buttons button:hover.external-link:after {
        opacity: 1; }
      #controls #portal-buttons button:hover a {
        color: #BC995C;
        background-color: #e0e0e0; }
        #controls #portal-buttons button:hover a i {
          color: #BC995C;
          margin-left: 10px; }
          #controls #portal-buttons button:hover a i img.teenet-logo {
            width: 1.5rem;
            filter: none;
            -webkit-filter: none; }

.portal-wrap {
  box-shadow: 0px 0px 1px 1px #ded8d8;
  min-height: calc(
 100vh - 170px); }
  .portal-wrap h3 {
    text-transform: uppercase;
    font-size: 1.3rem;
    margin-bottom: 0.5rem; }
  .portal-wrap #leaderboards {
    color: #1f2830;
    position: relative; }
    .portal-wrap #leaderboards .portalLink {
      margin: 0 1rem 2rem 0;
      display: inline-block; }
    .portal-wrap #leaderboards #comp-leaderboards {
      margin-bottom: 2rem;
      z-index: 1;
      position: relative; }
      .portal-wrap #leaderboards #comp-leaderboards ul {
        margin-bottom: 1rem; }
        .portal-wrap #leaderboards #comp-leaderboards ul a {
          color: #1f2830; }
        .portal-wrap #leaderboards #comp-leaderboards ul .portGenBold {
          font-size: 0.9rem; }
        .portal-wrap #leaderboards #comp-leaderboards ul .portDescLb {
          display: none; }
      .portal-wrap #leaderboards #comp-leaderboards span.portalLink a {
        color: #1f2830;
        display: block; }
    .portal-wrap #leaderboards #merit ul li {
      margin-bottom: 1rem; }
      .portal-wrap #leaderboards #merit ul li a {
        color: #1f2830; }
    .portal-wrap #leaderboards #merit .portGenEm {
      display: none; }
  .portal-wrap #details .portalLink a {
    font-family: "Inter", sans-serif;
    border: none;
    background-color: #BC995C;
    padding: 8px 16px;
    border: 1px solid #BC995C;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    cursor: pointer;
    transition: ease 0.3s;
    text-decoration: none;
    display: inline-block;
    margin: 0.5rem 0; }
    .portal-wrap #details .portalLink a:hover {
      border: 1px solid #a8853f;
      background-color: #a8853f; }
  .portal-wrap #results-feed .portGenBold {
    font-size: 0.9rem; }
  .portal-wrap #results-feed ul {
    margin-bottom: 0.5rem; }
  .portal-wrap #mistats div .portalLink {
    display: none; }
  .portal-wrap #mistats #miStats_body #roundsPlayed,
  .portal-wrap #mistats #miStats_body #average {
    display: flex;
    flex-direction: row;
    margin-bottom: 0.5rem; }
    .portal-wrap #mistats #miStats_body #roundsPlayed:before,
    .portal-wrap #mistats #miStats_body #average:before {
      font-family: "FontAwesome";
      content: "\f0a3";
      margin-right: 0.5rem;
      color: #BC995C; }
  .portal-wrap #mistats #miStats_body #courseName {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 1rem 0; }
  .portal-wrap #mistats #miStats_body #average {
    margin-bottom: 2rem; }
  .portal-wrap #mistats #miStats_body .pie-chart {
    display: inline-block;
    width: 32.7% !important;
    padding: 2rem;
    box-sizing: border-box; }
    @media screen and (max-width: 740px) {
      .portal-wrap #mistats #miStats_body .pie-chart {
        display: block;
        width: 100% !important; } }
    .portal-wrap #mistats #miStats_body .pie-chart .pie-title {
      text-align: center;
      margin-bottom: 1rem; }
      .portal-wrap #mistats #miStats_body .pie-chart .pie-title h4 {
        font-size: 1.1rem; }
    .portal-wrap #mistats #miStats_body .pie-chart canvas {
      height: 200px !important;
      width: 100% !important; }
  .portal-wrap #mistats #miStats_body .portalLink {
    display: block; }
  .portal-wrap #mistats #miStats_body .stat-total {
    margin-left: 5px;
    font-weight: 600; }
  .portal-wrap #partners ul {
    margin-bottom: 1rem; }
  .portal-wrap #partners .portName:before {
    font-family: "FontAwesome";
    content: "\f406";
    color: #BC995C;
    margin-right: 0.5rem; }
  .portal-wrap #news {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2rem;
    grid-row: auto; }
    @media screen and (max-width: 600px) {
      .portal-wrap #news {
        grid-template-columns: 1fr; } }
    .portal-wrap #news .news-item .post-content a {
      display: grid;
      text-decoration: none;
      position: relative; }
      .portal-wrap #news .news-item .post-content a .title-date {
        order: 2;
        z-index: 1;
        padding: 0.5rem 1rem;
        position: absolute;
        color: #fff;
        bottom: 0px;
        background: linear-gradient(90deg, rgba(0, 0, 0, 0.75) 0%, rgba(255, 255, 255, 0) 100%); }
        .portal-wrap #news .news-item .post-content a .title-date h5 {
          font-size: 0.8rem;
          line-height: 1.1rem; }
        .portal-wrap #news .news-item .post-content a .title-date h2 {
          font-size: 1.1rem;
          line-height: 1.5rem;
          font-weight: 600; }
      .portal-wrap #news .news-item .post-content a .image-wrap {
        order: 1;
        position: relative;
        padding-top: 56.25%;
        max-height: initial; }
        .portal-wrap #news .news-item .post-content a .image-wrap .post-image {
          overflow: hidden;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background-size: cover;
          background-repeat: no-repeat;
          background-position: top center;
          will-change: background-size;
          min-height: initial; }
  .portal-wrap #upcoming-events .events {
    margin: 1rem;
    box-shadow: 6px 4px 0px 1px #efefef;
    padding: 1rem;
    border: 1px solid; }

/* Classic Members Homepage */
#main #members-home #member-banner-section {
  position: relative;
  height: 100%; }
  #main #members-home #member-banner-section #members-info {
    display: grid;
    grid-template-columns: 1fr 2.1fr;
    grid-gap: 2rem;
    max-width: 1440px;
    margin: 0 auto 5rem auto;
    padding: 4rem 0 0 0;
    position: relative;
    z-index: 1;
    top: 30px; }
    @media screen and (max-width: 1400px) {
      #main #members-home #member-banner-section #members-info {
        grid-template-columns: 1fr 2fr;
        padding: 4rem 3rem 0 3rem; } }
    @media screen and (max-width: 960px) {
      #main #members-home #member-banner-section #members-info {
        display: flex;
        flex-direction: column-reverse;
        padding: 4rem 3rem 0 3rem;
        margin: 0;
        top: 0; } }
    @media screen and (max-width: 600px) {
      #main #members-home #member-banner-section #members-info {
        grid-template-columns: 1fr;
        grid-gap: 0; } }
    #main #members-home #member-banner-section #members-info #member-quick-links {
      display: grid;
      grid-gap: 2rem; }
      #main #members-home #member-banner-section #members-info #member-quick-links a.members-btn {
        position: relative;
        padding: 1rem;
        display: flex;
        align-items: center;
        background: #BC995C;
        color: #ffffff;
        text-decoration: none;
        font-weight: 600;
        font-size: 1rem;
        width: 100%;
        text-align: left;
        overflow: hidden;
        transition: all 0.3s ease; }
        #main #members-home #member-banner-section #members-info #member-quick-links a.members-btn i {
          font-size: 1.1rem;
          margin-right: 5px;
          transition: ease margin-left 0.3s; }
        #main #members-home #member-banner-section #members-info #member-quick-links a.members-btn i.btn-end {
          position: absolute;
          right: 5px;
          font-size: 7rem;
          margin-right: 5px;
          color: #5078c7;
          transition: all 0.3s ease; }
          @media screen and (max-width: 600px) {
            #main #members-home #member-banner-section #members-info #member-quick-links a.members-btn i.btn-end {
              font-size: 5rem; } }
        #main #members-home #member-banner-section #members-info #member-quick-links a.members-btn:hover {
          background: #a8853f; }
          #main #members-home #member-banner-section #members-info #member-quick-links a.members-btn:hover i {
            margin-left: 10px; }
            #main #members-home #member-banner-section #members-info #member-quick-links a.members-btn:hover i.btn-end {
              color: #ffffff; }
    #main #members-home #member-banner-section #members-info #featured-news #news-item .news-wrap {
      display: flex;
      flex-direction: column; }
      @media screen and (max-width: 600px) {
        #main #members-home #member-banner-section #members-info #featured-news #news-item .news-wrap {
          display: none; } }
      #main #members-home #member-banner-section #members-info #featured-news #news-item .news-wrap .image-container {
        height: 400px;
        width: 100%;
        position: relative; }
        @media screen and (max-width: 740px) {
          #main #members-home #member-banner-section #members-info #featured-news #news-item .news-wrap .image-container {
            height: 500px; } }
        @media screen and (max-width: 480px) {
          #main #members-home #member-banner-section #members-info #featured-news #news-item .news-wrap .image-container {
            height: 600px; } }
        #main #members-home #member-banner-section #members-info #featured-news #news-item .news-wrap .image-container .image {
          height: 100%;
          width: 100%;
          background-position: center;
          background-size: cover; }
        #main #members-home #member-banner-section #members-info #featured-news #news-item .news-wrap .image-container .news-content {
          display: flex;
          flex-direction: column;
          position: absolute;
          bottom: 0%;
          padding: 4rem 1rem 1rem 1rem;
          background: linear-gradient(0deg, rgba(0, 0, 0, 0.75) 0%, rgba(255, 255, 255, 0) 100%); }
          #main #members-home #member-banner-section #members-info #featured-news #news-item .news-wrap .image-container .news-content .news-details p {
            color: #ffffff;
            margin: 0; }
          #main #members-home #member-banner-section #members-info #featured-news #news-item .news-wrap .image-container .news-content .news-details a {
            color: #ffffff;
            text-decoration: none; }
          #main #members-home #member-banner-section #members-info #featured-news #news-item .news-wrap .image-container .news-content p {
            color: #ffffff; }
          #main #members-home #member-banner-section #members-info #featured-news #news-item .news-wrap .image-container .news-content a.btn-feature {
            width: 100px; }
  #main #members-home #member-banner-section #banner-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-color: #e1e1e1; }
    #main #members-home #member-banner-section #banner-container .background-image {
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center; }
    @media screen and (max-width: 960px) {
      #main #members-home #member-banner-section #banner-container {
        height: 38vh; } }

#main #members-home #members-news-feed {
  max-width: 1440px;
  margin: 3rem auto 5rem auto; }
  @media screen and (max-width: 1400px) {
    #main #members-home #members-news-feed {
      margin: 3rem 3rem 5rem 3rem; } }
  #main #members-home #members-news-feed #members-news-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 2rem;
    margin-top: 1rem; }
    @media screen and (max-width: 960px) {
      #main #members-home #members-news-feed #members-news-wrapper {
        grid-template-columns: 1fr 1fr; } }
    @media screen and (max-width: 600px) {
      #main #members-home #members-news-feed #members-news-wrapper {
        grid-template-columns: 1fr; } }
    #main #members-home #members-news-feed #members-news-wrapper .news-item .news-wrap {
      display: flex;
      flex-direction: column; }
      #main #members-home #members-news-feed #members-news-wrapper .news-item .news-wrap .image-container {
        height: 200px;
        position: relative; }
        #main #members-home #members-news-feed #members-news-wrapper .news-item .news-wrap .image-container .image {
          width: 100%;
          height: 100%;
          background-position: center;
          background-size: cover; }
        #main #members-home #members-news-feed #members-news-wrapper .news-item .news-wrap .image-container .news-details {
          position: absolute;
          bottom: 0;
          padding: 0.5rem 1rem;
          background: linear-gradient(90deg, rgba(0, 0, 0, 0.75) 0%, rgba(255, 255, 255, 0) 100%); }
          #main #members-home #members-news-feed #members-news-wrapper .news-item .news-wrap .image-container .news-details p {
            color: #ffffff;
            margin: 0; }
          #main #members-home #members-news-feed #members-news-wrapper .news-item .news-wrap .image-container .news-details a {
            color: #ffffff;
            text-decoration: none; }
      #main #members-home #members-news-feed #members-news-wrapper .news-item .news-wrap .news-content {
        display: flex;
        flex-direction: column; }
        #main #members-home #members-news-feed #members-news-wrapper .news-item .news-wrap .news-content a.btn-feature {
          margin-top: 0; }
          #main #members-home #members-news-feed #members-news-wrapper .news-item .news-wrap .news-content a.btn-feature:after {
            font-family: "fontawesome";
            content: "\f054";
            position: absolute;
            right: 20px;
            font-size: 11px;
            opacity: 0;
            transition: all 0.3s ease;
            color: rgba(255, 255, 255, 0.2); }
          #main #members-home #members-news-feed #members-news-wrapper .news-item .news-wrap .news-content a.btn-feature:hover:after {
            right: 15px;
            opacity: 1; }

/* Classic Members Homepage Events */
#main #members-home #members-news-events-feed {
  max-width: 1440px;
  margin: 3rem auto 5rem auto;
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-gap: 2rem; }
  @media screen and (max-width: 1400px) {
    #main #members-home #members-news-events-feed {
      margin: 3rem 3rem 5rem 3rem; } }
  @media screen and (max-width: 1024px) {
    #main #members-home #members-news-events-feed {
      grid-template-columns: 1fr; } }
  #main #members-home #members-news-events-feed #members-news-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2rem;
    margin-top: 1rem; }
    @media screen and (max-width: 600px) {
      #main #members-home #members-news-events-feed #members-news-wrapper {
        grid-template-columns: 1fr; } }
    #main #members-home #members-news-events-feed #members-news-wrapper .news-item .news-wrap {
      display: flex;
      flex-direction: column; }
      #main #members-home #members-news-events-feed #members-news-wrapper .news-item .news-wrap .image-container {
        height: 200px;
        position: relative; }
        #main #members-home #members-news-events-feed #members-news-wrapper .news-item .news-wrap .image-container .image {
          width: 100%;
          height: 100%;
          background-position: center;
          background-size: cover; }
        #main #members-home #members-news-events-feed #members-news-wrapper .news-item .news-wrap .image-container .news-details {
          position: absolute;
          bottom: 0;
          padding: 0.5rem 1rem;
          background: linear-gradient(90deg, rgba(0, 0, 0, 0.75) 0%, rgba(255, 255, 255, 0) 100%); }
          #main #members-home #members-news-events-feed #members-news-wrapper .news-item .news-wrap .image-container .news-details p {
            color: #ffffff;
            margin: 0; }
          #main #members-home #members-news-events-feed #members-news-wrapper .news-item .news-wrap .image-container .news-details a {
            color: #ffffff;
            text-decoration: none; }
      #main #members-home #members-news-events-feed #members-news-wrapper .news-item .news-wrap .news-content {
        display: flex;
        flex-direction: column; }
        #main #members-home #members-news-events-feed #members-news-wrapper .news-item .news-wrap .news-content a.btn-feature {
          margin-top: 0; }
          #main #members-home #members-news-events-feed #members-news-wrapper .news-item .news-wrap .news-content a.btn-feature:after {
            font-family: "fontawesome";
            content: "\f054";
            position: absolute;
            right: 20px;
            font-size: 11px;
            opacity: 0;
            transition: all 0.3s ease;
            color: rgba(255, 255, 255, 0.2); }
          #main #members-home #members-news-events-feed #members-news-wrapper .news-item .news-wrap .news-content a.btn-feature:hover:after {
            right: 15px;
            opacity: 1; }
  #main #members-home #members-news-events-feed #members-events {
    padding-top: 1.5rem; }
    #main #members-home #members-news-events-feed #members-events #members-events-wrapper {
      display: grid;
      grid-template-columns: 1fr;
      grid-gap: 2rem;
      margin-top: 1rem; }
      @media screen and (max-width: 1024px) {
        #main #members-home #members-news-events-feed #members-events #members-events-wrapper {
          grid-template-columns: 1fr 1fr 1fr; } }
      @media screen and (max-width: 740px) {
        #main #members-home #members-news-events-feed #members-events #members-events-wrapper {
          grid-template-columns: 1fr; } }
      #main #members-home #members-news-events-feed #members-events #members-events-wrapper .event-item .event-wrap {
        margin: 0; }
        #main #members-home #members-news-events-feed #members-events #members-events-wrapper .event-item .event-wrap .inner-event-item-image {
          padding: 0;
          height: 243px; }
          @media screen and (max-width: 740px) {
            #main #members-home #members-news-events-feed #members-events #members-events-wrapper .event-item .event-wrap .inner-event-item-image {
              height: 275px; } }
        #main #members-home #members-news-events-feed #members-events #members-events-wrapper .event-item .event-wrap .event-details {
          position: absolute;
          bottom: 0;
          background: linear-gradient(90deg, rgba(0, 0, 0, 0.75) 0%, rgba(255, 255, 255, 0) 100%);
          min-height: 100%; }
          @media screen and (max-width: 1200px) {
            #main #members-home #members-news-events-feed #members-events #members-events-wrapper .event-item .event-wrap .event-details {
              width: 100%;
              flex-direction: row; } }
          #main #members-home #members-news-events-feed #members-events #members-events-wrapper .event-item .event-wrap .event-details .event-date {
            color: #ffffff; }
            @media screen and (max-width: 1200px) {
              #main #members-home #members-news-events-feed #members-events #members-events-wrapper .event-item .event-wrap .event-details .event-date {
                flex-shrink: 4; } }
          #main #members-home #members-news-events-feed #members-events #members-events-wrapper .event-item .event-wrap .event-details .word-wrap {
            color: #ffffff; }
            #main #members-home #members-news-events-feed #members-events #members-events-wrapper .event-item .event-wrap .event-details .word-wrap a {
              text-decoration: none;
              color: #ffffff; }
            @media screen and (max-width: 1200px) {
              #main #members-home #members-news-events-feed #members-events #members-events-wrapper .event-item .event-wrap .event-details .word-wrap {
                text-align: left; } }

/* Classic Members Homepage Tabbed News */
#main #members-home #members-news-feed #tabs-container #tabs ul.categories {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #e9ebec;
  margin-top: 1rem; }
  @media screen and (max-width: 740px) {
    #main #members-home #members-news-feed #tabs-container #tabs ul.categories {
      flex-direction: column;
      border-bottom: none; } }
  #main #members-home #members-news-feed #tabs-container #tabs ul.categories .button-wrapper {
    border-right: 1px solid #e9ebec; }
    #main #members-home #members-news-feed #tabs-container #tabs ul.categories .button-wrapper:last-of-type {
      border-right: none; }
    #main #members-home #members-news-feed #tabs-container #tabs ul.categories .button-wrapper button.filter-btn {
      background: none;
      border: none;
      cursor: pointer;
      font-size: 1rem;
      color: #BC995C;
      padding: .6rem 1rem;
      transition: all 0.3s ease; }
      #main #members-home #members-news-feed #tabs-container #tabs ul.categories .button-wrapper button.filter-btn:hover {
        color: #a8853f;
        background: #e9ebec; }
      #main #members-home #members-news-feed #tabs-container #tabs ul.categories .button-wrapper button.filter-btn.mixitup-control-active {
        color: #a8853f;
        background: #e9ebec; }
    @media screen and (max-width: 740px) {
      #main #members-home #members-news-feed #tabs-container #tabs ul.categories .button-wrapper {
        border-right: none; }
        #main #members-home #members-news-feed #tabs-container #tabs ul.categories .button-wrapper button.filter-btn {
          width: 100%;
          border-bottom: 1px solid #e9ebec; } }

/* Classic Portal Page */
#main .classic-portal-wrap {
  min-height: calc( 100vh - 170px);
  box-shadow: 0px 0px 1px 1px #ded8d8; }
  #main .classic-portal-wrap .portal-include {
    position: relative;
    background: #ffffff;
    padding: 1rem 1rem 4rem 1rem;
    min-height: 465px;
    height: 100%;
    box-shadow: 0px 0px 5px #c9cfd4;
    overflow: hidden; }
    #main .classic-portal-wrap .portal-include .portal-content-container {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      padding: 1rem;
      z-index: 99; }
      #main .classic-portal-wrap .portal-include .portal-content-container .portal-content {
        overflow-y: auto;
        overflow-x: hidden;
        max-height: 400px; }
        #main .classic-portal-wrap .portal-include .portal-content-container .portal-content .portalLink {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%; }
          #main .classic-portal-wrap .portal-include .portal-content-container .portal-content .portalLink a {
            font-family: "Inter", sans-serif;
            border: none;
            background-color: #BC995C;
            padding: 8px 16px;
            border: 1px solid #BC995C;
            color: #fff;
            text-transform: uppercase;
            font-weight: 500;
            cursor: pointer;
            transition: ease 0.3s;
            text-decoration: none;
            display: inline-block;
            margin: 0;
            width: 100%; }
            #main .classic-portal-wrap .portal-include .portal-content-container .portal-content .portalLink a:after {
              font-family: "fontawesome";
              content: "\f054";
              position: absolute;
              right: 20px;
              font-size: 11px;
              opacity: 0;
              transition: all 0.3s ease;
              color: rgba(255, 255, 255, 0.2); }
            #main .classic-portal-wrap .portal-include .portal-content-container .portal-content .portalLink a:hover {
              border: 1px solid #a8853f;
              background-color: #a8853f; }
              #main .classic-portal-wrap .portal-include .portal-content-container .portal-content .portalLink a:hover:after {
                right: 15px;
                opacity: 1; }
      #main .classic-portal-wrap .portal-include .portal-content-container img.teenet-logo {
        position: absolute;
        top: 0;
        right: 0;
        width: 5rem;
        padding: 1rem; }
  #main .classic-portal-wrap .portGenNorm a {
    color: #BC995C;
    transition: all 0.3s ease; }
    #main .classic-portal-wrap .portGenNorm a:hover {
      color: #a8853f; }
  #main .classic-portal-wrap #member-banner-section {
    position: relative;
    height: 100%; }
    #main .classic-portal-wrap #member-banner-section #members-info {
      display: grid;
      grid-template-columns: 1fr 2.1fr;
      grid-gap: 2rem;
      max-width: 1440px;
      margin: 0 auto 2rem auto;
      padding: 4rem 0 0 0;
      position: relative;
      z-index: 1;
      top: 30px; }
      @media screen and (max-width: 1400px) {
        #main .classic-portal-wrap #member-banner-section #members-info {
          padding: 4rem 2rem 0 2rem;
          margin: 0 0 2rem 0; } }
      @media screen and (max-width: 960px) {
        #main .classic-portal-wrap #member-banner-section #members-info {
          grid-template-columns: 1fr;
          padding: 4rem 2rem 2rem 2rem;
          top: 0;
          margin: 0; } }
      #main .classic-portal-wrap #member-banner-section #members-info #member-quick-links {
        display: grid;
        grid-gap: 2rem; }
        #main .classic-portal-wrap #member-banner-section #members-info #member-quick-links a.members-btn {
          position: relative;
          padding: 1rem;
          display: flex;
          align-items: center;
          background: #BC995C;
          color: #ffffff;
          text-decoration: none;
          font-weight: 600;
          font-size: 1rem;
          width: 100%;
          text-align: left;
          overflow: hidden;
          transition: all 0.3s ease; }
          #main .classic-portal-wrap #member-banner-section #members-info #member-quick-links a.members-btn i {
            font-size: 1.1rem;
            margin-right: 5px;
            transition: ease margin-left 0.3s; }
          #main .classic-portal-wrap #member-banner-section #members-info #member-quick-links a.members-btn i.btn-end {
            position: absolute;
            right: 5px;
            font-size: 7rem;
            margin-right: 5px;
            color: #5078c7;
            transition: all 0.3s ease; }
            @media screen and (max-width: 600px) {
              #main .classic-portal-wrap #member-banner-section #members-info #member-quick-links a.members-btn i.btn-end {
                font-size: 5rem; } }
          #main .classic-portal-wrap #member-banner-section #members-info #member-quick-links a.members-btn:hover {
            background: #a8853f; }
            #main .classic-portal-wrap #member-banner-section #members-info #member-quick-links a.members-btn:hover i {
              margin-left: 10px; }
              #main .classic-portal-wrap #member-banner-section #members-info #member-quick-links a.members-btn:hover i.btn-end {
                color: #ffffff; }
      #main .classic-portal-wrap #member-banner-section #members-info #main-includes {
        height: 400px; }
        @media screen and (max-width: 960px) {
          #main .classic-portal-wrap #member-banner-section #members-info #main-includes {
            height: auto; } }
        #main .classic-portal-wrap #member-banner-section #members-info #main-includes .includes {
          display: grid;
          grid-template-columns: 1fr 1fr;
          grid-gap: 2rem; }
          @media screen and (max-width: 960px) {
            #main .classic-portal-wrap #member-banner-section #members-info #main-includes .includes {
              grid-template-columns: 1fr; } }
          #main .classic-portal-wrap #member-banner-section #members-info #main-includes .includes .portal-include {
            min-height: 400px;
            background: #ffffff;
            border-color: #e9ebec;
            overflow: hidden; }
            #main .classic-portal-wrap #member-banner-section #members-info #main-includes .includes .portal-include .portal-content-container {
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              padding: 1rem;
              z-index: 99; }
              #main .classic-portal-wrap #member-banner-section #members-info #main-includes .includes .portal-include .portal-content-container .portal-content {
                max-height: 280px; }
            #main .classic-portal-wrap #member-banner-section #members-info #main-includes .includes .portal-include i.fas {
              color: #f5f5f5;
              position: absolute;
              top: -30px;
              left: 0;
              z-index: 0;
              font-size: 27rem;
              width: 100%;
              display: flex;
              justify-content: center;
              align-items: center; }
    #main .classic-portal-wrap #member-banner-section #banner-container {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 0;
      background-color: #e1e1e1; }
      #main .classic-portal-wrap #member-banner-section #banner-container .background-image {
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center; }
      @media screen and (max-width: 960px) {
        #main .classic-portal-wrap #member-banner-section #banner-container {
          height: 38vh; } }
  #main .classic-portal-wrap #details section#group {
    padding: 0 2rem; }
    #main .classic-portal-wrap #details section#group:nth-of-type(even) {
      background-color: #f8f8f8; }
    #main .classic-portal-wrap #details section#group section#group-container {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-gap: 2rem;
      padding: 4rem 0rem;
      max-width: 1440px;
      margin: 0 auto; }
      @media screen and (max-width: 960px) {
        #main .classic-portal-wrap #details section#group section#group-container {
          grid-template-columns: 1fr; } }
      #main .classic-portal-wrap #details section#group section#group-container #prizes-feed {
        padding-bottom: 4.5rem; }
      #main .classic-portal-wrap #details section#group section#group-container #leaderboards span.portalLink:nth-of-type(2) {
        bottom: 45px; }
  #main .classic-portal-wrap #details #mistats.portal-include #miStats_body .pie-chart {
    width: 32%;
    display: inline-block;
    text-align: center; }

#main .classic-portal-wrap .portal-include:after {
  font-family: 'fontawesome';
  color: #f8f8f8;
  height: 100%;
  width: 100%;
  position: absolute;
  top: -20px;
  left: 0;
  z-index: 0;
  font-size: 31rem;
  display: flex;
  justify-content: center;
  align-items: center; }

#main .classic-portal-wrap .portal-include#member-details:after {
  content: '\f4ff'; }

#main .classic-portal-wrap .portal-include#bookings-feed:after {
  content: "\f073"; }

#main .classic-portal-wrap .portal-include#results-feed:after {
  content: "\f0cb"; }

#main .classic-portal-wrap .portal-include#prizes-feed:after {
  content: "\f559"; }

#main .classic-portal-wrap .portal-include#partners:after {
  content: "\f0c0"; }

#main .classic-portal-wrap .portal-include#mistats:after {
  content: "\f200"; }

#main .classic-portal-wrap .portal-include#teenet:after {
  content: "\f0ac"; }

#main .classic-portal-wrap .portal-include#leaderboards:after {
  content: "\f0cb"; }

#main .classic-portal-wrap .portal-include#matchplay-feed:after {
  content: "\f450"; }

#main .classic-portal-wrap .portal-include#intranet:after {
  content: "\f6ff"; }

/*saf test*/
.membership-slider {
  padding-bottom: 4rem; }
  .membership-slider .container {
    padding-bottom: 0; }
    .membership-slider .container #slider-wrapper #category {
      position: relative;
      min-height: 450px;
      background: #ffffff;
      padding: 1rem;
      margin: 1rem;
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
      border-top: 10px solid #BC995C;
      transition: all 0.3s ease; }
      .membership-slider .container #slider-wrapper #category:hover {
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }
      .membership-slider .container #slider-wrapper #category h3.category-title {
        text-align: center; }
      .membership-slider .container #slider-wrapper #category .category-price {
        font-size: 3rem;
        padding: 1rem 0;
        color: #BC995C;
        text-align: center; }
      .membership-slider .container #slider-wrapper #category .price-frequency {
        color: #2b2d42; }
      .membership-slider .container #slider-wrapper #category .category-content {
        padding: 1rem 0;
        text-align: center; }
      .membership-slider .container #slider-wrapper #category .category-links a.btn-feature {
        position: relative;
        margin: .5rem; }
        .membership-slider .container #slider-wrapper #category .category-links a.btn-feature.pdf:before {
          font-family: "Font Awesome 5 Free";
          content: "\f1c1";
          font-weight: 900;
          position: relative;
          color: #ffffff;
          padding-right: 5px;
          transition: all 0.3s ease; }
      @media screen and (max-width: 960px) {
        .membership-slider .container #slider-wrapper #category .category-links {
          display: flex;
          justify-content: center;
          flex-direction: column; } }
      @media screen and (max-width: 740px) {
        .membership-slider .container #slider-wrapper #category .category-links {
          flex-direction: row; } }

/* Product */
.product-page .members .section .container {
  margin: 0 auto;
  padding: 100px 0;
  max-width: 1400px;
  width: 100%;
  /* Login Page */
  /* Login Error overrides */
  /* Change Password */
  /* General Details */
  /* Event List - /views/members/booking/eventList.xhtml */
  /* Form ID */ }
  @media screen and (max-width: 1550px) {
    .product-page .members .section .container {
      max-width: 100%;
      padding: 100px 5%; } }
  @media screen and (max-width: 1024px) {
    .product-page .members .section .container {
      padding: 70px 5%; } }
  @media screen and (max-width: 740px) {
    .product-page .members .section .container {
      padding: 50px 7%; } }
  .product-page .members .section .container h1, .product-page .members .section .container h2, .product-page .members .section .container h3, .product-page .members .section .container h4, .product-page .members .section .container h5, .product-page .members .section .container h6 {
    font-family: "Poppins", sans-serif; }
  .product-page .members .section .container .glyphicon {
    font-family: 'Glyphicons Halflings'; }
  .product-page .members .section .container .error .panel a {
    color: #1f2830;
    text-decoration: underline; }
  .product-page .members .section .container .login .left {
    width: 30%;
    float: left; }
    @media screen and (max-width: 960px) {
      .product-page .members .section .container .login .left {
        width: 100%;
        float: none;
        margin: 0 0 30px; } }
    .product-page .members .section .container .login .left form {
      padding: 40px;
      background: #e9ebec; }
      .product-page .members .section .container .login .left form .input {
        width: 100%; }
        .product-page .members .section .container .login .left form .input input[type=text],
        .product-page .members .section .container .login .left form .input input[type=password] {
          display: block;
          padding: 5px 4px;
          margin-top: 8px;
          margin-bottom: 20px;
          background: #ffffff;
          width: 100%;
          height: 30px;
          color: #1f2830;
          font-size: 14px;
          border: 1px solid #c9cfd4; }
        .product-page .members .section .container .login .left form .input input[type=submit] {
          border: 0;
          margin: 20px 0 !important; }
      .product-page .members .section .container .login .left form .remember {
        float: left;
        padding: 5px 10px 0 0px;
        display: inline-block; }
      .product-page .members .section .container .login .left form a {
        font-size: 14px;
        color: #1f2830;
        text-decoration: underline !important; }
        .product-page .members .section .container .login .left form a:hover {
          text-decoration: none !important; }
  .product-page .members .section .container .login .right {
    width: 60%;
    float: right; }
    @media screen and (max-width: 960px) {
      .product-page .members .section .container .login .right {
        width: 100%;
        float: none; } }
    .product-page .members .section .container .login .right h2 {
      font-size: 24px;
      line-height: 30px;
      font-weight: 400;
      text-transform: none;
      letter-spacing: 1px;
      margin: 30px 0 15px; }
      @media screen and (max-width: 1024px) {
        .product-page .members .section .container .login .right h2 {
          font-size: 24px;
          line-height: 28px;
          margin: 0 0 20px; } }
      @media screen and (max-width: 740px) {
        .product-page .members .section .container .login .right h2 {
          font-size: 20px;
          line-height: 24px; } }
    .product-page .members .section .container .login .right h2 + p {
      margin-bottom: 0; }
    .product-page .members .section .container .login .right h4 {
      font-size: 20px;
      line-height: 26px;
      font-weight: 400;
      text-transform: none;
      letter-spacing: 1px;
      margin: 0 0 10px; }
    .product-page .members .section .container .login .right p a {
      color: #1f2830;
      text-decoration: underline !important; }
  .product-page .members .section .container .header h1 {
    font-size: 30px;
    line-height: 36px;
    font-weight: 400;
    letter-spacing: 1.5px;
    margin: 0 0 35px; }
  .product-page .members .section .container .change-password,
  .product-page .members .section .container .password {
    text-align: center; }
    .product-page .members .section .container .change-password table.portal,
    .product-page .members .section .container .password table.portal {
      border: 1px solid #e9ebec;
      width: 50%;
      font-family: "Poppins", sans-serif;
      margin-top: 30px; }
      @media screen and (max-width: 1024px) {
        .product-page .members .section .container .change-password table.portal,
        .product-page .members .section .container .password table.portal {
          width: 80%; } }
      @media screen and (max-width: 600px) {
        .product-page .members .section .container .change-password table.portal,
        .product-page .members .section .container .password table.portal {
          width: 100%; } }
      .product-page .members .section .container .change-password table.portal tr th,
      .product-page .members .section .container .password table.portal tr th {
        text-align: center;
        background: #BC995C;
        color: #ffffff;
        padding: 10px;
        font-size: 20px;
        font-weight: 400;
        height: auto;
        font-family: "Poppins", sans-serif; }
        @media screen and (max-width: 740px) {
          .product-page .members .section .container .change-password table.portal tr th,
          .product-page .members .section .container .password table.portal tr th {
            font-size: 18px; } }
      .product-page .members .section .container .change-password table.portal tr td,
      .product-page .members .section .container .password table.portal tr td {
        background: #c9cfd4;
        padding: 0;
        font-family: "Poppins", sans-serif; }
        .product-page .members .section .container .change-password table.portal tr td div[align=right],
        .product-page .members .section .container .password table.portal tr td div[align=right] {
          font-size: 17px; }
          @media screen and (max-width: 740px) {
            .product-page .members .section .container .change-password table.portal tr td div[align=right],
            .product-page .members .section .container .password table.portal tr td div[align=right] {
              font-size: 15px;
              line-height: 22px; } }
        .product-page .members .section .container .change-password table.portal tr td input,
        .product-page .members .section .container .password table.portal tr td input {
          margin: 10px 0 0;
          border: 1px solid #c9cfd4; }
        .product-page .members .section .container .change-password table.portal tr td table[align=center],
        .product-page .members .section .container .password table.portal tr td table[align=center] {
          width: 100%; }
          .product-page .members .section .container .change-password table.portal tr td table[align=center] tr td,
          .product-page .members .section .container .password table.portal tr td table[align=center] tr td {
            padding: 10px 40px 0 0px; }
            .product-page .members .section .container .change-password table.portal tr td table[align=center] tr td input,
            .product-page .members .section .container .password table.portal tr td table[align=center] tr td input {
              width: 100%;
              height: 34px; }
        .product-page .members .section .container .change-password table.portal tr td input[type=submit],
        .product-page .members .section .container .password table.portal tr td input[type=submit] {
          border: 0;
          margin-top: 20px; }
        .product-page .members .section .container .change-password table.portal tr td input[type=button],
        .product-page .members .section .container .password table.portal tr td input[type=button] {
          display: inline-block;
          background: #BC995C;
          color: #ffffff;
          border-radius: 40px;
          font-size: 13px;
          line-height: 16px;
          font-weight: 700;
          letter-spacing: 1.25px;
          text-transform: uppercase;
          height: 36px;
          text-decoration: uppercase;
          padding: 9px 20px;
          transition: all 0.3s ease;
          cursor: pointer;
          margin-bottom: 2px;
          margin-left: 1px;
          border: 0;
          margin-top: 20px; }
          .product-page .members .section .container .change-password table.portal tr td input[type=button]:hover,
          .product-page .members .section .container .password table.portal tr td input[type=button]:hover {
            color: #BC995C;
            background: #ffffff;
            transition: all 0.3s ease;
            box-shadow: 0px 0px 3px #c9cfd4;
            padding: 10px 30px;
            letter-spacing: 1.5px; }
  .product-page .members .section .container form a {
    color: #1f2830; }
  .product-page .members .section .container form table tbody tr td div input[type=submit]:hover {
    padding: 10px 20px !important; }
  .product-page .members .section .container form table tbody tr td div input[type=button] {
    background: #c6a86c;
    color: #ffffff;
    border-radius: 40px;
    padding: 10px 15px;
    transition: all 0.3s ease;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 1.25px;
    background: #ffffff;
    color: #c6a86c;
    border: 0 !important;
    padding: 10px 20px !important;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 1.25px;
    transition: all 0.3s ease;
    box-shadow: 0px 0px 3px #c9cfd4; }
    .product-page .members .section .container form table tbody tr td div input[type=button]:hover {
      padding: 10px 20px !important;
      box-shadow: 0px 0px 3px #c9cfd4;
      transition: all 0.3s ease; }
  .product-page .members .section .container form table tbody tr td div table.portal {
    border-collapse: collapse;
    width: 50%;
    border: 1px solid #c9cfd4; }
    @media screen and (max-width: 1550px) {
      .product-page .members .section .container form table tbody tr td div table.portal {
        width: 70%; } }
    @media screen and (max-width: 1200px) {
      .product-page .members .section .container form table tbody tr td div table.portal {
        width: 80%; } }
    @media screen and (max-width: 1024px) {
      .product-page .members .section .container form table tbody tr td div table.portal {
        width: 100%; } }
    .product-page .members .section .container form table tbody tr td div table.portal tbody tr th {
      background: #BC995C;
      text-align: center;
      padding: 10px;
      font-size: 20px;
      font-weight: 700;
      height: auto; }
    .product-page .members .section .container form table tbody tr td div table.portal tbody tr td {
      padding: 10px;
      background: #e9ebec; }
      .product-page .members .section .container form table tbody tr td div table.portal tbody tr td:first-of-type {
        text-align: right; }
      .product-page .members .section .container form table tbody tr td div table.portal tbody tr td select {
        /* Custom Overrides */
        background-color: white;
        display: inline-block;
        font: inherit;
        line-height: 1.5em;
        padding: 0.5em 3.5em 0.5em 1em;
        margin: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-appearance: none;
        -moz-appearance: none;
        height: 41px;
        width: 120px;
        font-family: "Poppins", sans-serif;
        font-size: 15px;
        letter-spacing: 1px;
        border-radius: 0 !important;
        -webkit-appearance: none;
        padding: 10px;
        border: 1px solid #c9cfd4;
        /* Custom Arrows */
        background-image: linear-gradient(45deg, transparent 50%, #c9cfd4 50%), linear-gradient(135deg, #c9cfd4 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
        background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
        background-size: 5px 5px,
 5px 5px,
 1px 1.5em;
        background-repeat: no-repeat; }
        .product-page .members .section .container form table tbody tr td div table.portal tbody tr td select:focus {
          background-image: linear-gradient(45deg, #9d7f4c 50%, transparent 50%), linear-gradient(135deg, transparent 50%, #9d7f4c 50%), linear-gradient(to right, #ccc, #ccc);
          background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, calc(100% - 2.5em) 0.5em;
          background-size: 5px 5px,
 5px 5px,
 1px 1.5em;
          background-repeat: no-repeat;
          outline: 0; }
        .product-page .members .section .container form table tbody tr td div table.portal tbody tr td select:-moz-focusring {
          color: transparent;
          text-shadow: 0 0 0 #000; }
      .product-page .members .section .container form table tbody tr td div table.portal tbody tr td table.calendarTable tbody tr td {
        padding: 0; }
  .product-page .members .section .container #eventListForm {
    /* Overrides */
    /* Event Listing container */ }
    .product-page .members .section .container #eventListForm .ui-widget input,
    .product-page .members .section .container #eventListForm .ui-widget {
      font-family: "Poppins", sans-serif; }
    .product-page .members .section .container #eventListForm .eventListContain .ui-grid {
      /* Title */
      /* Calendar Buttons */
      /* Event Notice */
      /* Event List */ }
      .product-page .members .section .container #eventListForm .eventListContain .ui-grid .title {
        /* Timer */ }
        @media screen and (max-width: 1200px) {
          .product-page .members .section .container #eventListForm .eventListContain .ui-grid .title {
            width: 41.66666%; } }
        @media screen and (max-width: 740px) {
          .product-page .members .section .container #eventListForm .eventListContain .ui-grid .title {
            width: 100%; } }
        .product-page .members .section .container #eventListForm .eventListContain .ui-grid .title h3 {
          margin: 0 0 35px; }
          @media screen and (max-width: 600px) {
            .product-page .members .section .container #eventListForm .eventListContain .ui-grid .title h3 {
              margin: 0 0 30px; } }
          .product-page .members .section .container #eventListForm .eventListContain .ui-grid .title h3 .eventHeader {
            font-size: 30px;
            line-height: 36px;
            font-weight: 400;
            letter-spacing: 1.5px;
            font-family: "Poppins", sans-serif !important;
            text-transform: none; }
            @media screen and (max-width: 600px) {
              .product-page .members .section .container #eventListForm .eventListContain .ui-grid .title h3 .eventHeader {
                font-size: 22px !important;
                line-height: 26px; } }
        .product-page .members .section .container #eventListForm .eventListContain .ui-grid .title #systemTimeId {
          font-family: "Poppins", sans-serif !important;
          margin-top: 0; }
          @media screen and (max-width: 600px) {
            .product-page .members .section .container #eventListForm .eventListContain .ui-grid .title #systemTimeId {
              margin-bottom: 20px;
              font-size: 14px; } }
      .product-page .members .section .container #eventListForm .eventListContain .ui-grid .event-nav {
        /* Edit Days Link */ }
        @media screen and (max-width: 1200px) {
          .product-page .members .section .container #eventListForm .eventListContain .ui-grid .event-nav {
            width: 58.33333%; } }
        @media screen and (max-width: 740px) {
          .product-page .members .section .container #eventListForm .eventListContain .ui-grid .event-nav {
            width: 100%; } }
        @media screen and (max-width: 600px) {
          .product-page .members .section .container #eventListForm .eventListContain .ui-grid .event-nav {
            background: #c6a86c;
            width: 100%;
            text-align: left; } }
        .product-page .members .section .container #eventListForm .eventListContain .ui-grid .event-nav .ui-buttonset {
          margin-right: 0; }
        .product-page .members .section .container #eventListForm .eventListContain .ui-grid .event-nav .ui-selectonebutton {
          padding: 0; }
        .product-page .members .section .container #eventListForm .eventListContain .ui-grid .event-nav .viewMenuClass .ui-button.ui-widget {
          background: #c6a86c;
          color: #ffffff;
          border-radius: 40px;
          padding: 10px 15px;
          transition: all 0.3s ease;
          text-transform: uppercase;
          font-weight: 700;
          font-size: 13px;
          line-height: 16px;
          letter-spacing: 1.25px;
          margin: 0 0 0 10px; }
          @media screen and (max-width: 600px) {
            .product-page .members .section .container #eventListForm .eventListContain .ui-grid .event-nav .viewMenuClass .ui-button.ui-widget {
              padding: 10px;
              margin: 0; } }
          .product-page .members .section .container #eventListForm .eventListContain .ui-grid .event-nav .viewMenuClass .ui-button.ui-widget:hover {
            background: #ffffff;
            color: #c6a86c;
            transition: all 0.3s ease;
            box-shadow: 0px 0px 3px #c9cfd4; }
            @media screen and (max-width: 600px) {
              .product-page .members .section .container #eventListForm .eventListContain .ui-grid .event-nav .viewMenuClass .ui-button.ui-widget:hover {
                background: #c6a86c;
                color: #e9ebec;
                box-shadow: none; } }
        .product-page .members .section .container #eventListForm .eventListContain .ui-grid .event-nav .event-editdays {
          position: relative;
          top: 0;
          left: 0;
          font-size: 14px; }
          @media screen and (max-width: 600px) {
            .product-page .members .section .container #eventListForm .eventListContain .ui-grid .event-nav .event-editdays {
              left: auto;
              top: auto;
              display: block; } }
          .product-page .members .section .container #eventListForm .eventListContain .ui-grid .event-nav .event-editdays a {
            background: #e9ebec;
            color: #c6a86c;
            border-radius: 0;
            padding: 10px 15px;
            transition: all 0.3s ease;
            text-transform: uppercase;
            font-weight: 700;
            font-size: 13px;
            line-height: 16px;
            letter-spacing: 1.25px;
            margin: 0 0 0 10px; }
            @media screen and (max-width: 600px) {
              .product-page .members .section .container #eventListForm .eventListContain .ui-grid .event-nav .event-editdays a {
                margin: 0 auto; } }
          .product-page .members .section .container #eventListForm .eventListContain .ui-grid .event-nav .event-editdays:hover a {
            background: #c6a86c;
            color: #e9ebec;
            transition: all 0.3s ease; }
      .product-page .members .section .container #eventListForm .eventListContain .ui-grid .eventList {
        /* Checkbox Labels */ }
        @media screen and (max-width: 1200px) {
          .product-page .members .section .container #eventListForm .eventListContain .ui-grid .eventList {
            margin-top: 0; } }
        @media screen and (max-width: 600px) {
          .product-page .members .section .container #eventListForm .eventListContain .ui-grid .eventList {
            margin: 10px auto; } }
        @media screen and (max-width: 1200px) {
          .product-page .members .section .container #eventListForm .eventListContain .ui-grid .eventList .ui-grid-col-3 {
            width: 280px; } }
        @media screen and (max-width: 740px) {
          .product-page .members .section .container #eventListForm .eventListContain .ui-grid .eventList .ui-grid-col-3 {
            width: 45%; } }
        @media screen and (max-width: 600px) {
          .product-page .members .section .container #eventListForm .eventListContain .ui-grid .eventList .ui-grid-col-3 {
            width: 100%; } }
        .product-page .members .section .container #eventListForm .eventListContain .ui-grid .eventList .ui-grid-col-3 .ui-panelgrid.display-options tbody tr td.ui-panelgrid-cell .ui-inputfield.hasDatepicker {
          padding: 10px;
          font-size: 14px;
          letter-spacing: 0;
          display: block;
          float: left;
          margin: 0 auto; }
        .product-page .members .section .container #eventListForm .eventListContain .ui-grid .eventList .ui-grid-col-3 .ui-panelgrid.display-options tbody tr td.ui-panelgrid-cell .ui-button-icon-only {
          padding: 7px 20px 8px;
          display: block;
          float: left;
          border: 1px solid #ccc;
          margin: 0 10px; }
          @media screen and (max-width: 1400px) {
            .product-page .members .section .container #eventListForm .eventListContain .ui-grid .eventList .ui-grid-col-3 .ui-panelgrid.display-options tbody tr td.ui-panelgrid-cell .ui-button-icon-only {
              padding: 7px 10px 8px;
              margin: 0 5px; } }
        .product-page .members .section .container #eventListForm .eventListContain .ui-grid .eventList .ui-grid-col-3 .ui-panelgrid.display-options tbody tr td.ui-panelgrid-cell .ui-outputlabel.ui-widget,
        .product-page .members .section .container #eventListForm .eventListContain .ui-grid .eventList .ui-grid-col-3 .ui-panelgrid.display-options tbody tr td.ui-panelgrid-cell .ui-selectonelistbox.ui-inputfield {
          font-size: 14px; }
        @media screen and (max-width: 1200px) {
          .product-page .members .section .container #eventListForm .eventListContain .ui-grid .eventList .ui-grid-col-9 {
            width: 400px;
            float: right; } }
        @media screen and (max-width: 740px) {
          .product-page .members .section .container #eventListForm .eventListContain .ui-grid .eventList .ui-grid-col-9 {
            width: 55%; } }
        @media screen and (max-width: 600px) {
          .product-page .members .section .container #eventListForm .eventListContain .ui-grid .eventList .ui-grid-col-9 {
            width: 100%;
            float: none; } }
        @media screen and (max-width: 600px) {
          .product-page .members .section .container #eventListForm .eventListContain .ui-grid .eventList .ui-grid-col-9 div {
            float: left !important; } }
        .product-page .members .section .container #eventListForm .eventListContain .ui-grid .eventList .ui-grid-col-9 .menuItem {
          font-size: 13px !important; }

/* Product Overrides */
.product-page table th, .product-page table td {
  font-family: "Poppins", sans-serif;
  font-size: 14px; }

.product-page .ui-widget input, .product-page .ui-widget select, .product-page .ui-widget textarea, .product-page .ui-widget button {
  font-family: "Poppins", sans-serif;
  font-size: 12px; }

.product-page #ui-datepicker-div .ui-datepicker {
  font-family: "Poppins", sans-serif;
  font-size: 12px; }

#eventListReact #npContainer {
  max-width: 100%; }
  #eventListReact #npContainer #pfBody {
    max-width: 100%; }

/* Single Event
/members/bookings/open/event.msp?booking_event_id=100969&booking_resource_id=3000000
*/
@media screen and (max-width: 740px) {
  .product-page .members .page-content #ts-header .nav-top {
    margin: 0 0 10px; } }

@media screen and (max-width: 740px) {
  .product-page .members .page-content #ts-header .nav-top .nav-title {
    width: 100%;
    margin-top: 10px; } }

.product-page .members .page-content #ts-header .nav-top .nav-title h2 {
  font-size: 30px;
  line-height: 36px;
  font-weight: 400;
  letter-spacing: 1.5px;
  margin: 0 0 35px;
  text-transform: none; }
  @media screen and (max-width: 740px) {
    .product-page .members .page-content #ts-header .nav-top .nav-title h2 {
      font-size: 22px;
      line-height: 26px; } }
  @media screen and (max-width: 740px) {
    .product-page .members .page-content #ts-header .nav-top .nav-title h2 {
      font-size: 22px;
      line-height: 26px;
      position: absolute;
      float: left;
      left: 7%; } }

@media screen and (max-width: 740px) {
  .product-page .members .page-content #ts-header .nav-top .nav-title {
    margin: 0 0 10px; } }

@media screen and (max-width: 740px) {
  .product-page .members .page-content #ts-header .nav-top .nav-title .top-nav {
    float: left;
    display: inline;
    margin: 50px 0 10px 0px;
    text-align: left;
    width: 100%; } }

.product-page .members .page-content #ts-header .nav-top .nav-title .top-nav .btn {
  background: #c6a86c;
  color: #ffffff;
  border-radius: 40px;
  padding: 10px 15px;
  transition: all 0.3s ease;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1.25px;
  background: #c6a86c !important;
  border: 0 !important;
  font-family: "Poppins", sans-serif !important; }
  @media screen and (max-width: 740px) {
    .product-page .members .page-content #ts-header .nav-top .nav-title .top-nav .btn {
      width: 46%;
      margin: 0 auto; } }
  .product-page .members .page-content #ts-header .nav-top .nav-title .top-nav .btn:hover {
    background: #ffffff;
    color: #c6a86c;
    transition: all 0.3s ease;
    box-shadow: 0px 0px 3px #b0b0b0;
    background: #ffffff !important;
    color: #c6a86c !important; }

.product-page .members .page-content #ts-header .nav-top .nav-title .font-btns a {
  color: #c6a86c; }
  @media screen and (max-width: 740px) {
    .product-page .members .page-content #ts-header .nav-top .nav-title .font-btns a {
      float: right;
      padding-top: 8px;
      margin: 0 10px; } }

.product-page .members .page-content #ts-header .nav-top .nav-date {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  letter-spacing: 1px; }
  @media screen and (max-width: 740px) {
    .product-page .members .page-content #ts-header .nav-top .nav-date {
      position: absolute;
      right: 7%; } }

@media screen and (max-width: 740px) {
  .product-page .members .page-content #ts-header .nav-btm {
    width: 100%;
    text-align: left; } }

@media screen and (max-width: 740px) {
  .product-page .members .page-content #ts-header .nav-btm .ts-filters {
    text-align: left; } }

@media screen and (max-width: 740px) {
  .product-page .members .page-content #ts-header .nav-btm .ts-filters.form-group {
    text-align: left; } }

.product-page .members .page-content #ts-header .nav-btm .ts-filters.form-group strong {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 15px; }

.product-page .members .page-content #ts-header .nav-btm .ts-filters.form-group .checkbox-inline,
.product-page .members .page-content #ts-header .nav-btm .ts-filters.form-group .radio-inline {
  font-family: "Poppins", sans-serif; }

.product-page .members .page-content #ts-header .nav-btm .ts-filters.form-group #showing-booking-qty {
  font-family: "Poppins", sans-serif;
  padding: 0 4px; }

.product-page .members .page-content .main-content .teetime-day-table {
  padding-left: 0 !important;
  padding-right: 0 !important; }
  .product-page .members .page-content .main-content .teetime-day-table .row-wrapper {
    width: 100%; }
    .product-page .members .page-content .main-content .teetime-day-table .row-wrapper .row-time .row .row-heading-inner {
      padding: 10px 0; }
      .product-page .members .page-content .main-content .teetime-day-table .row-wrapper .row-time .row .row-heading-inner h3 {
        font-size: 16px !important;
        font-weight: 600;
        margin: 0 0 5px; }
      .product-page .members .page-content .main-content .teetime-day-table .row-wrapper .row-time .row .row-heading-inner h4 {
        margin: 0;
        text-transform: none;
        letter-spacing: 0.5px; }
    .product-page .members .page-content .main-content .teetime-day-table .row-wrapper .btn .btn-label {
      font-family: "Poppins", sans-serif; }

/* Group Bookings 
https://contemporary.miclub.com.au/views/members/booking/makeBooking.xhtml?booking_event_id=1722&booking_row_id=1724
*/
.product-page .members #make-booking-cont #headerForm .container-fluid {
  padding-left: 0; }

.product-page .members #make-booking-cont #headerForm .eventHeader {
  font-size: 30px;
  line-height: 36px;
  font-weight: 400;
  letter-spacing: 1.5px;
  font-family: "Poppins", sans-serif !important;
  text-transform: none;
  margin: 0 0 35px;
  display: block; }

.product-page .members #make-booking-cont #headerForm .groupHeader {
  font-size: 20px;
  line-height: 26px;
  font-weight: 400;
  font-family: "Poppins", sans-serif !important; }

.product-page .members #make-booking-cont #headerForm .mbCancel .btn-primary {
  background: #c6a86c !important;
  color: #ffffff;
  border-radius: 40px;
  padding: 10px 15px;
  transition: all 0.3s ease;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1.25px;
  border: 0 !important; }
  .product-page .members #make-booking-cont #headerForm .mbCancel .btn-primary:hover {
    background: #ffffff !important;
    color: #c6a86c !important;
    transition: all 0.3s ease;
    box-shadow: 0px 0px 3px #c9cfd4; }

.product-page .members #make-booking-cont #headerForm .timeout {
  font-family: "Poppins", sans-serif; }
  .product-page .members #make-booking-cont #headerForm .timeout .danger {
    font-family: "Poppins", sans-serif; }
    @media screen and (max-width: 740px) {
      .product-page .members #make-booking-cont #headerForm .timeout .danger {
        float: none; } }

.product-page .members #make-booking-cont #bookForm .confirmBook .btn-success {
  border-radius: 40px;
  padding: 10px 15px;
  transition: all 0.3s ease;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1.25px;
  border: 0 !important;
  font-family: "Poppins", sans-serif; }
  .product-page .members #make-booking-cont #bookForm .confirmBook .btn-success .ui-button-text {
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 1.25px; }
  .product-page .members #make-booking-cont #bookForm .confirmBook .btn-success:hover {
    background: #ffffff !important;
    color: #5cb85c !important;
    transition: all 0.3s ease;
    box-shadow: 0px 0px 3px #c9cfd4; }

/* Wait List 
/views/members/booking/waitlistV2.xhtml
*/
.product-page .members .section #waitListContainer form .btn {
  background: #c6a86c;
  color: #ffffff;
  border-radius: 40px;
  padding: 10px 15px;
  transition: all 0.3s ease;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1.25px;
  background: #c6a86c !important;
  border: 0 !important; }
  .product-page .members .section #waitListContainer form .btn:hover {
    background: #ffffff;
    color: #c6a86c;
    transition: all 0.3s ease;
    box-shadow: 0px 0px 3px #b0b0b0;
    background: #ffffff !important;
    color: #c6a86c !important; }

.product-page .members .section #waitListContainer form .nav-title h2 {
  font-size: 30px;
  line-height: 36px;
  font-weight: 400;
  letter-spacing: 1.5px;
  margin: 0 0 35px;
  text-transform: none; }
  @media screen and (max-width: 740px) {
    .product-page .members .section #waitListContainer form .nav-title h2 {
      font-size: 22px;
      line-height: 26px; } }

.product-page .members .section #waitListContainer form .wlOptions tr td,
.product-page .members .section #waitListContainer form .wlOptions tr span,
.product-page .members .section #waitListContainer form .wlOptions tr .ui-helper-hidden-accessible {
  font-family: "Poppins", sans-serif !important; }
  .product-page .members .section #waitListContainer form .wlOptions tr td .ui-widget .label,
  .product-page .members .section #waitListContainer form .wlOptions tr span .ui-widget .label,
  .product-page .members .section #waitListContainer form .wlOptions tr .ui-helper-hidden-accessible .ui-widget .label {
    font-family: "Poppins", sans-serif !important;
    font-size: 15px; }
  .product-page .members .section #waitListContainer form .wlOptions tr td .ui-selectonemenu-label,
  .product-page .members .section #waitListContainer form .wlOptions tr span .ui-selectonemenu-label,
  .product-page .members .section #waitListContainer form .wlOptions tr .ui-helper-hidden-accessible .ui-selectonemenu-label {
    font-family: "Poppins", sans-serif !important;
    font-size: 15px; }

.product-page .members .section #waitListContainer form #reserves {
  font-family: "Poppins", sans-serif !important; }

.product-page .members .section #waitListContainer form .mb-tabs {
  font-family: "Poppins", sans-serif !important; }
  .product-page .members .section #waitListContainer form .mb-tabs .ui-tabs-nav li {
    border-radius: 40px;
    padding: 10px 15px;
    transition: all 0.3s ease;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 1.25px;
    border: 0 !important;
    font-family: "Poppins", sans-serif;
    background: #c6a86c !important;
    color: #ffffff !important; }
    .product-page .members .section #waitListContainer form .mb-tabs .ui-tabs-nav li:hover {
      background: #ffffff !important;
      color: #c6a86c !important;
      box-shadow: 0px 0px 3px #c9cfd4; }
      .product-page .members .section #waitListContainer form .mb-tabs .ui-tabs-nav li:hover a {
        color: #c6a86c !important; }
    .product-page .members .section #waitListContainer form .mb-tabs .ui-tabs-nav li a {
      padding: 0;
      font-family: "Poppins", sans-serif;
      color: #ffffff;
      font-size: 13px;
      line-height: 16px;
      letter-spacing: 1.25px; }
    .product-page .members .section #waitListContainer form .mb-tabs .ui-tabs-nav li.ui-state-active {
      box-shadow: none; }
      .product-page .members .section #waitListContainer form .mb-tabs .ui-tabs-nav li.ui-state-active:hover {
        box-shadow: 0px 0px 3px #c9cfd4; }

/* Edit Member Details
/members/details/edit.member.xsp
*/
.product-page .members.my-details form table div a {
  color: #1f2830 !important;
  text-decoration: underline !important; }

.product-page .members.my-details form table td input[type=button] {
  margin-top: 0 !important; }

.product-page .members.my-details form table td input[type=button] {
  background: #c6a86c !important;
  color: #ffffff;
  border-radius: 40px;
  font-size: 13px !important;
  line-height: 16px;
  font-weight: 700;
  letter-spacing: 1.25px;
  text-transform: uppercase;
  height: 36px;
  text-decoration: none;
  padding: 10px 20px;
  transition: all 0.3s ease;
  cursor: pointer;
  margin-bottom: 2px;
  margin-left: 1px;
  font-family: "Poppins", sans-serif;
  border: 0 !important; }
  .product-page .members.my-details form table td input[type=button]:hover {
    background: #ffffff !important;
    color: #c6a86c !important;
    transition: all 0.3s ease;
    box-shadow: 0px 0px 3px #c9cfd4; }

.product-page .members.my-details form table table.portal {
  width: 50%;
  font-family: "Poppins", sans-serif;
  margin-top: 30px;
  border: 0; }
  .product-page .members.my-details form table table.portal tr th {
    text-align: center;
    background: #BC995C;
    color: #ffffff;
    padding: 10px;
    font-size: 20px;
    font-weight: 400;
    height: auto;
    font-family: "Poppins", sans-serif;
    border: 0; }
    @media screen and (max-width: 740px) {
      .product-page .members.my-details form table table.portal tr th {
        font-size: 18px; } }
  .product-page .members.my-details form table table.portal tr td {
    background: #c9cfd4;
    border: 0px solid #e9ebec;
    padding: 5px 10px;
    font-size: 17px; }
    .product-page .members.my-details form table table.portal tr td:first-of-type {
      padding: 5px 10px 5px 30px; }
    .product-page .members.my-details form table table.portal tr td input {
      margin: 10px 0 0;
      border: 1px solid #c9cfd4; }
    .product-page .members.my-details form table table.portal tr td select {
      font-size: 15px;
      border: 1px solid #c9cfd4;
      height: 38px;
      margin-top: 10px;
      margin-bottom: 10px; }
    .product-page .members.my-details form table table.portal tr td table.calendarTable tr td {
      padding: 0; }
  .product-page .members.my-details form table table.portal tr:last-of-type td {
    padding-bottom: 20px; }

/* MiStats
/members/miStats.msp
*/
.product-page .members .miStats {
  /* Right top buttons */ }
  .product-page .members .miStats span, .product-page .members .miStats input, .product-page .members .miStats select {
    font-family: "Poppins", sans-serif; }
  .product-page .members .miStats .col-xs-12 {
    padding-left: 0;
    padding-right: 0; }
    @media screen and (max-width: 740px) {
      .product-page .members .miStats .col-xs-12 {
        width: 100%;
        padding: 0; } }
    .product-page .members .miStats .col-xs-12 .col-xs-11.col-sm-6 {
      padding-left: 0;
      padding-right: 0; }
      @media screen and (max-width: 740px) {
        .product-page .members .miStats .col-xs-12 .col-xs-11.col-sm-6 {
          width: 100%;
          padding: 0; } }
  .product-page .members .miStats .text-right.pull-right {
    padding: 0;
    margin: 0 auto; }
    .product-page .members .miStats .text-right.pull-right a.btn,
    .product-page .members .miStats .text-right.pull-right .btn-primary {
      background: #c6a86c !important;
      color: #ffffff;
      border-radius: 40px;
      font-size: 13px;
      line-height: 16px;
      font-weight: 700;
      letter-spacing: 1.25px;
      text-transform: uppercase;
      height: 36px;
      text-decoration: none;
      padding: 10px 20px;
      transition: all 0.3s ease;
      cursor: pointer;
      margin-bottom: 2px;
      margin-left: 1px;
      font-family: "Poppins", sans-serif;
      border: 0; }
      .product-page .members .miStats .text-right.pull-right a.btn:hover,
      .product-page .members .miStats .text-right.pull-right .btn-primary:hover {
        background: #ffffff !important;
        color: #c6a86c !important;
        transition: all 0.3s ease;
        box-shadow: 0px 0px 3px #c9cfd4; }
  .product-page .members .miStats .col-xs-12.col-md-3 {
    margin: 0 auto;
    padding: 0; }
    .product-page .members .miStats .col-xs-12.col-md-3 h2 {
      text-transform: none; }
  .product-page .members .miStats #golfCourse #changeCourseButton {
    background: #c6a86c !important;
    color: #ffffff;
    border-radius: 40px;
    font-size: 13px;
    line-height: 16px;
    font-weight: 700;
    letter-spacing: 1.25px;
    text-transform: uppercase;
    height: 36px;
    text-decoration: none;
    padding: 10px 20px;
    transition: all 0.3s ease;
    cursor: pointer;
    margin-bottom: 2px;
    margin-left: 1px;
    font-family: "Poppins", sans-serif;
    border: 0; }
    .product-page .members .miStats #golfCourse #changeCourseButton:hover {
      background: #ffffff !important;
      color: #c6a86c !important;
      transition: all 0.3s ease;
      box-shadow: 0px 0px 3px #c9cfd4; }
  .product-page .members .miStats .highlight-pannel {
    width: 100%; }

/* Playing Partners 
/views/members/playingPartners.xhtml
*/
.product-page .members #make-booking-cont #partnerForm h3 {
  font-family: "Poppins", sans-serif !important;
  font-size: 30px !important;
  line-height: 36px;
  font-weight: 400 !important;
  letter-spacing: 1.5px;
  margin: 0 0 35px; }
  .product-page .members #make-booking-cont #partnerForm h3.eventHeader {
    font-family: "Poppins", sans-serif !important;
    font-size: 30px !important;
    line-height: 36px;
    font-weight: 400 !important;
    text-transform: none !important; }

.product-page .members #make-booking-cont #partnerForm span, .product-page .members #make-booking-cont #partnerForm input, .product-page .members #make-booking-cont #partnerForm select, .product-page .members #make-booking-cont #partnerForm .recordName {
  font-family: "Poppins", sans-serif; }

.product-page .members #make-booking-cont #partnerForm .container-flui {
  padding: 0; }

.product-page .members #make-booking-cont #partnerForm .mbCancel .btn {
  background: #c6a86c !important;
  color: #ffffff;
  border-radius: 40px;
  font-size: 13px;
  line-height: 16px;
  font-weight: 700;
  letter-spacing: 1.25px;
  text-transform: uppercase;
  height: 36px;
  text-decoration: none;
  padding: 10px 20px;
  transition: all 0.3s ease;
  cursor: pointer;
  margin-bottom: 2px;
  margin-left: 1px;
  font-family: "Poppins", sans-serif;
  border: 0; }
  .product-page .members #make-booking-cont #partnerForm .mbCancel .btn:hover {
    background: #ffffff !important;
    color: #c6a86c !important;
    transition: all 0.3s ease;
    box-shadow: 0px 0px 3px #c9cfd4; }

/* Members Directory
/members/directory/index.msp
*/
.product-page .members #memberSearch #mainLayout .ui-panel {
  background: #e9ebec;
  border: 1px solid #c9cfd4;
  margin-bottom: 40px;
  padding: 30px 30px !important;
  overflow: hidden;
  border-radius: 0;
  margin: 0; }
  @media screen and (max-width: 960px) {
    .product-page .members #memberSearch #mainLayout .ui-panel {
      width: 100% !important;
      float: none !important;
      margin-bottom: 40px !important; } }
  .product-page .members #memberSearch #mainLayout .ui-panel .ui-panel-titlebar {
    padding: 0 !important; }
  .product-page .members #memberSearch #mainLayout .ui-panel .ui-panel-title {
    font-family: "Poppins", sans-serif !important;
    font-size: 20px;
    margin: 0 0 20px;
    text-transform: uppercase;
    line-height: 30px;
    font-weight: 400;
    letter-spacing: 1.5px !important;
    padding: 0 !important;
    display: block; }
  .product-page .members #memberSearch #mainLayout .ui-panel .ui-panel-content {
    padding: 0;
    overflow: hidden;
    font-family: "Poppins", sans-serif; }
    .product-page .members #memberSearch #mainLayout .ui-panel .ui-panel-content #alphaList a {
      background: #ffffff;
      color: #c6a86c;
      border: 1px solid #c9cfd4; }
      .product-page .members #memberSearch #mainLayout .ui-panel .ui-panel-content #alphaList a:hover {
        background: #c6a86c;
        color: #ffffff;
        box-shadow: 0px 0px 3px #c9cfd4; }
    .product-page .members #memberSearch #mainLayout .ui-panel .ui-panel-content #inputSearch {
      display: flex; }
      @media screen and (max-width: 1400px) {
        .product-page .members #memberSearch #mainLayout .ui-panel .ui-panel-content #inputSearch {
          display: block; } }
      .product-page .members #memberSearch #mainLayout .ui-panel .ui-panel-content #inputSearch .ui-inputfield {
        box-shadow: none;
        border-radius: 0;
        border: 1px solid #c9cfd4;
        height: 36px;
        margin: 0;
        padding: 5px; }
        @media screen and (max-width: 1400px) {
          .product-page .members #memberSearch #mainLayout .ui-panel .ui-panel-content #inputSearch .ui-inputfield {
            width: 100%;
            margin: 20px 0; } }
      .product-page .members #memberSearch #mainLayout .ui-panel .ui-panel-content #inputSearch .ui-selectmanybutton {
        margin: 0 !important;
        padding: 0 !important; }
        @media screen and (max-width: 600px) {
          .product-page .members #memberSearch #mainLayout .ui-panel .ui-panel-content #inputSearch .ui-selectmanybutton {
            display: block !important; } }
        .product-page .members #memberSearch #mainLayout .ui-panel .ui-panel-content #inputSearch .ui-selectmanybutton .ui-button {
          background: #BC995C;
          color: #ffffff;
          font-family: "Poppins", sans-serif !important;
          border: 0;
          border-radius: 0px;
          font-size: 13px;
          line-height: 16px;
          font-weight: 700;
          letter-spacing: 1.25px;
          text-transform: uppercase;
          height: 36px;
          text-decoration: none;
          padding: 10px 20px;
          transition: all 0.3s ease; }
          @media screen and (max-width: 600px) {
            .product-page .members #memberSearch #mainLayout .ui-panel .ui-panel-content #inputSearch .ui-selectmanybutton .ui-button {
              width: 50%;
              float: left;
              display: block; } }
          .product-page .members #memberSearch #mainLayout .ui-panel .ui-panel-content #inputSearch .ui-selectmanybutton .ui-button.ui-state-active {
            background: #c6a86c; }
            @media screen and (max-width: 600px) {
              .product-page .members #memberSearch #mainLayout .ui-panel .ui-panel-content #inputSearch .ui-selectmanybutton .ui-button.ui-state-active {
                width: 50%;
                float: left;
                display: block; } }
          .product-page .members #memberSearch #mainLayout .ui-panel .ui-panel-content #inputSearch .ui-selectmanybutton .ui-button:hover {
            background: #ffffff;
            color: #c6a86c;
            box-shadow: 0px 0px 3px #c9cfd4; }
      .product-page .members #memberSearch #mainLayout .ui-panel .ui-panel-content #inputSearch .membSrchBt {
        background: #c6a86c;
        color: #ffffff;
        font-family: "Poppins", sans-serif !important;
        border: 0;
        border-radius: 40px;
        font-size: 13px;
        line-height: 16px;
        font-weight: 700;
        letter-spacing: 1.25px;
        text-transform: uppercase;
        height: 36px;
        text-decoration: none;
        padding: 10px 20px;
        transition: all 0.3s ease; }
        @media screen and (max-width: 1400px) {
          .product-page .members #memberSearch #mainLayout .ui-panel .ui-panel-content #inputSearch .membSrchBt {
            float: right; } }
        .product-page .members #memberSearch #mainLayout .ui-panel .ui-panel-content #inputSearch .membSrchBt:hover {
          background: #ffffff;
          color: #c6a86c;
          box-shadow: 0px 0px 3px #c9cfd4; }

.product-page .members #memberSearch #mainLayout .ui-datatable.clearBoth .ui-datatable-tablewrapper table {
  border: 1px solid #c9cfd4; }
  .product-page .members #memberSearch #mainLayout .ui-datatable.clearBoth .ui-datatable-tablewrapper table thead tr th.ui-state-default {
    background: #BC995C;
    color: #ffffff;
    border: 0; }
  .product-page .members #memberSearch #mainLayout .ui-datatable.clearBoth .ui-datatable-tablewrapper table thead tr th .ui-column-title {
    color: #ffffff;
    padding: 10px;
    font-size: 15px;
    font-weight: 400;
    display: block;
    font-family: "Poppins", sans-serif; }
  .product-page .members #memberSearch #mainLayout .ui-datatable.clearBoth .ui-datatable-tablewrapper table tbody tr.ui-datatable-selectable {
    border: 0 !important; }
  .product-page .members #memberSearch #mainLayout .ui-datatable.clearBoth .ui-datatable-tablewrapper table tbody tr td {
    background: #e9ebec;
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    padding: 10px 20px !important;
    border: 0; }

.product-page .members #memberSearch #mainLayout .ui-datatable.clearBoth .ui-paginator .ui-paginator-page,
.product-page .members #memberSearch #mainLayout .ui-datatable.clearBoth .ui-paginator .ui-paginator-pages,
.product-page .members #memberSearch #mainLayout .ui-datatable.clearBoth .ui-paginator .ui-paginator-next,
.product-page .members #memberSearch #mainLayout .ui-datatable.clearBoth .ui-paginator .ui-paginator-last,
.product-page .members #memberSearch #mainLayout .ui-datatable.clearBoth .ui-paginator .ui-paginator-first,
.product-page .members #memberSearch #mainLayout .ui-datatable.clearBoth .ui-paginator .ui-paginator-prev,
.product-page .members #memberSearch #mainLayout .ui-datatable.clearBoth .ui-paginator .ui-paginator-current {
  height: 22px;
  overflow: hidden;
  line-height: 17px; }

.product-page .members #memberSearch #mainLayout .ui-datatable.clearBoth .ui-paginator .ui-paginator-page.ui-state-active {
  font-size: 12px;
  height: 20px; }

/* Public Bookings */
.product-page.modal-open .modal .modal-dialog .modal-content {
  top: 105px; }
  .product-page.modal-open .modal .modal-dialog .modal-content .modal-header {
    height: auto; }

.product-page.modal-open .modal#editPublicMemberModal .modal-dialog .modal-content {
  top: 0; }

.product-page .members .section .container .teetime-fixtures-table .cell p {
  font-family: "Poppins", sans-serif !important; }

@media screen and (max-width: 740px) {
  .product-page .members .section .container .public-calendar .row .teetime-search-filters .registration-link {
    margin: 10px 0; } }

.product-page.view-public-portal {
  height: auto; }
  .product-page.view-public-portal #main {
    transform: inherit; }
    .product-page.view-public-portal #main.is-pushed {
      transform: translateX(-33%); }
    .product-page.view-public-portal #main .btn-group.btn-user .btn .glyphicon-user {
      color: #ffffff; }
    .product-page.view-public-portal #main .btn-group.btn-user .btn:focus {
      background: #e9ebec !important;
      border: 1px solid #e9ebec !important;
      color: #ffffff; }

.product-page #fc_frame {
  left: unset !important;
  right: 0px !important; }

.ui-growl {
  right: 0;
  left: 45%; }

#npMenuJQ {
  top: unset !important;
  bottom: 0;
  z-index: 2; }

.glyphicons {
  font-family: "Glyphicons Halflings" !important; }

.product-page .login .left {
  min-height: 90vh; }

.product-page .nav-title {
  margin-bottom: 3rem; }
  .product-page .nav-title h2, .product-page .nav-title span.nav-date {
    font-family: "Poppins", sans-serif; }

.product-page h1, .product-page h2, .product-page h3, .product-page h4 {
  font-family: "Poppins", sans-serif !important; }

.product-page .eventHeader {
  font-family: "Poppins", sans-serif !important; }

.product-page select {
  border: 1px solid #e9ebec;
  padding: .5rem 2rem .5rem .5rem;
  font-size: inherit; }
  .product-page select#courseSelectInactive {
    padding: 6px 12px; }

.product-page input {
  border: 0;
  box-shadow: none;
  border-bottom: 1px solid #e9ebec;
  border-radius: 0;
  color: #BC995C; }

.product-page .input-group span.input-group-addon {
  border-radius: 0; }

.product-page .input-group input {
  border: 1px solid #cccccc; }

.product-page .ui-button.ui-widget {
  border-radius: 0;
  border-color: #BC995C;
  transition: all 0.3s ease; }
  .product-page .ui-button.ui-widget.selected {
    background: #a8853f;
    border-color: #a8853f; }
  .product-page .ui-button.ui-widget.ui-state-active {
    background: #a8853f;
    border-color: #a8853f; }
  .product-page .ui-button.ui-widget.ui-state-hover {
    background: #a8853f;
    border-color: #a8853f; }

.product-page .btn {
  background: #BC995C;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #ffffff;
  border-radius: 0;
  border: 0;
  transition: all 0.3s ease;
  text-transform: uppercase;
  padding: .5em .8em; }
  .product-page .btn:hover {
    background: #a8853f !important;
    border-color: #a8853f !important;
    color: #ffffff;
    font-weight: 600; }
  .product-page .btn:focus {
    background: #a8853f !important;
    border-color: #a8853f !important;
    color: #ffffff; }
  .product-page .btn[disabled] {
    background-color: #BC995C;
    border-color: #BC995C; }
  .product-page .btn.btn-primary {
    background: #BC995C;
    font-family: "Poppins", sans-serif !important;
    border-radius: 0;
    border: 0;
    transition: all 0.3s ease;
    text-transform: uppercase;
    padding: .5em .8em;
    text-decoration: none;
    box-shadow: none; }
    .product-page .btn.btn-primary:hover {
      background: #a8853f !important; }
    .product-page .btn.btn-primary.active {
      background: #a8853f; }
  .product-page .btn.no-login {
    color: #ffffff; }
    .product-page .btn.no-login strong {
      color: #ffffff; }
  .product-page .btn.disabled {
    background: #BC995C; }
  .product-page .btn.btn-book-group {
    background: #BC995C;
    border: #BC995C;
    border-radius: 0;
    color: #ffffff;
    font-size: 14px;
    padding: 4px 8px;
    transition: all 0.3s ease; }
    .product-page .btn.btn-book-group:hover {
      background: #a8853f !important;
      border-color: #a8853f !important; }
  .product-page .btn.btn-book-me {
    background: #2b2d42;
    border: #2b2d42;
    border-radius: 0;
    color: #ffffff;
    font-size: 14px;
    padding: 4px 8px;
    transition: all 0.3s ease; }
    .product-page .btn.btn-book-me:hover {
      background: #3F4261;
      border-color: #3F4261; }
  .product-page .btn.small-btn {
    padding: 7px 6px 7px 27px; }
    .product-page .btn.small-btn:hover {
      font-weight: 600 !important; }
  .product-page .btn.dropdown-toggle {
    background: #ffffff;
    color: #1f2830;
    border: 1px solid #e9ebec !important;
    margin-left: .5em; }
    .product-page .btn.dropdown-toggle:hover {
      background: #e9ebec !important;
      border: 1px solid #e9ebec !important; }
  .product-page .btn.btn-success {
    color: #ffffff;
    background-color: #5cb85c;
    border-color: #5cb85c;
    border-radius: 0;
    transition: all 0.3s ease; }
    .product-page .btn.btn-success:hover {
      background-color: #389438 !important;
      border-color: #389438 !important;
      font-weight: 600; }
  .product-page .btn.inputSelector:focus {
    background-color: #e6e6e6 !important; }
  .product-page .btn span.ui-button-icon-left.ui-icon {
    color: #ffffff; }
  .product-page .btn span.glyphicon {
    color: #ffffff; }

.product-page .btn-group.btn-user .btn .glyphicon-user {
  color: #1f2830; }

.product-page .btn-group.btn-user .btn:focus {
  background: #e9ebec !important;
  border: 1px solid #e9ebec !important;
  color: #1f2830; }

.product-page .unpaid-status .btn.payment-status {
  background-color: #BE282D;
  color: #ffffff; }
  .product-page .unpaid-status .btn.payment-status:hover {
    background-color: #72181b !important; }
  .product-page .unpaid-status .btn.payment-status:focus {
    background-color: #72181b !important; }

.product-page .event-nav {
  display: flex;
  justify-content: flex-start;
  flex-direction: row-reverse;
  align-items: center; }
  .product-page .event-nav .ui-button.ui-widget {
    background: #BC995C;
    font-family: "Poppins", sans-serif !important;
    border-radius: 0;
    border: 0;
    transition: all 0.3s ease;
    text-transform: uppercase;
    padding: .5em 1em; }
    .product-page .event-nav .ui-button.ui-widget:hover {
      background: #a8853f; }
    .product-page .event-nav .ui-button.ui-widget.ui-state-active {
      background: #a8853f; }
  .product-page .event-nav .bookOther .ui-button.ui-widget {
    padding: 3.5px; }
    .product-page .event-nav .bookOther .ui-button.ui-widget:hover {
      padding: 3.5px !important; }

.product-page .ui-panelgrid.ui-widget.editPanel {
  border: none;
  margin-top: 3rem; }
  .product-page .ui-panelgrid.ui-widget.editPanel .ui-widget-header {
    background: none;
    padding: 17px 9px;
    border-bottom: 1px solid #e9ebec; }
  .product-page .ui-panelgrid.ui-widget.editPanel .ui-panelgrid-content .ui-g {
    border-bottom: 1px solid #e9ebec;
    padding: 1rem; }
    .product-page .ui-panelgrid.ui-widget.editPanel .ui-panelgrid-content .ui-g .ui-panelgrid-cell {
      padding: 0; }

.product-page .ui-datatable table thead tr, .product-page .ui-datatable.ui-widget table thead tr {
  border: 0;
  border-bottom: 1px solid #e9ebec; }
  .product-page .ui-datatable table thead tr th, .product-page .ui-datatable.ui-widget table thead tr th {
    border: 0;
    background: #ffffff;
    text-align: left; }

.product-page .ui-datatable table tbody tr td, .product-page .ui-datatable.ui-widget table tbody tr td {
  border: 0;
  background: #ffffff;
  border-bottom: 1px solid #e9ebec; }
  .product-page .ui-datatable table tbody tr td div, .product-page .ui-datatable.ui-widget table tbody tr td div {
    margin: 0;
    display: flex; }

.product-page table.portal tbody tr {
  border-bottom: 1px solid #e9ebec; }
  .product-page table.portal tbody tr th {
    text-align: left;
    font-weight: 600;
    padding: 1rem; }
  .product-page table.portal tbody tr td {
    text-align: left;
    padding: 1rem; }

.product-page .ui-corner-all {
  border-radius: 0; }
  .product-page .ui-corner-all li.ui-selectcheckboxmenu-token.ui-state-active {
    border: 1px solid #BC995C;
    color: #BC995C; }

.product-page .nav-tabs.tabs-primary li a {
  color: #BC995C; }

.product-page .nav-tabs.tabs-primary li.active a {
  background: #BC995C !important;
  border-color: #BC995C !important;
  border-radius: 0; }

.product-page .ui-datatable.ui-widget th {
  width: 50px !important;
  text-align: left !important;
  padding: 1rem; }

.product-page .ui-datatable.ui-widget .ui-paginator .ui-paginator-next .ui-icon, .product-page .ui-datatable.ui-widget .ui-paginator .ui-paginator-prev .ui-icon, .product-page .ui-datatable.ui-widget .ui-paginator .ui-paginator-first .ui-icon, .product-page .ui-datatable.ui-widget .ui-paginator .ui-paginator-last .ui-icon {
  height: 15px; }

.product-padding {
  min-height: 88vh !important;
  padding: 2rem 2rem 5rem 2rem;
  width: 100%;
  margin: 0 auto; }

.product-page .content.members.password {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center; }
  .product-page .content.members.password .header {
    text-align: center; }
  .product-page .content.members.password table.portal {
    width: 50%;
    margin: 2rem auto 0; }
    @media screen and (max-width: 740px) {
      .product-page .content.members.password table.portal {
        width: 80%; } }
    .product-page .content.members.password table.portal tr {
      border-bottom: 0; }
      .product-page .content.members.password table.portal tr th {
        text-align: center;
        font-size: 1.2rem;
        font-weight: 600;
        padding-bottom: 1rem; }
      .product-page .content.members.password table.portal tr table {
        width: 100%; }
        .product-page .content.members.password table.portal tr table tr {
          width: 100%;
          margin: 1rem 0; }
          .product-page .content.members.password table.portal tr table tr td {
            width: 50% !important;
            font-size: 1rem;
            font-weight: 600;
            padding: 1rem 0; }
            .product-page .content.members.password table.portal tr table tr td div {
              margin-right: 2rem; }
          .product-page .content.members.password table.portal tr table tr input {
            border: none;
            border-bottom: 1px solid #e9ebec;
            width: 100%;
            color: #BC995C; }
      .product-page .content.members.password table.portal tr td input[type="submit"], .product-page .content.members.password table.portal tr td input[value="Cancel"] {
        margin-top: 2rem;
        background-color: #BC995C;
        border: 1px solid #BC995C !important;
        color: #ffffff;
        padding: 0.5rem 1.5rem;
        border: none;
        font-weight: 600;
        text-transform: uppercase;
        transition: all 0.3s ease; }
        .product-page .content.members.password table.portal tr td input[type="submit"]:hover, .product-page .content.members.password table.portal tr td input[value="Cancel"]:hover {
          background-color: #a8853f;
          border-color: #a8853f !important; }

.product-page form#memberSearch #mainLayout .ui-panel {
  min-height: 130px;
  display: flex;
  justify-content: center;
  flex-direction: column; }
  @media screen and (max-width: 1200px) {
    .product-page form#memberSearch #mainLayout .ui-panel {
      min-height: 200px; } }

.product-page form#memberSearch #mainLayout #alphaList {
  float: none; }
  .product-page form#memberSearch #mainLayout #alphaList a {
    width: 25px;
    height: 28px;
    line-height: 28px;
    background: #BC995C;
    color: #ffffff;
    border-color: #BC995C; }
  @media screen and (max-width: 1400px) {
    .product-page form#memberSearch #mainLayout #alphaList {
      display: grid;
      grid-template-columns: repeat(13, 2fr); }
      .product-page form#memberSearch #mainLayout #alphaList a {
        width: calc(100% - 1px); } }
  @media screen and (max-width: 1200px) {
    .product-page form#memberSearch #mainLayout #alphaList {
      grid-template-columns: repeat(9, 2fr); }
      .product-page form#memberSearch #mainLayout #alphaList a {
        width: calc(100% - 1px);
        height: 33px;
        line-height: 32px; } }
  @media screen and (max-width: 960px) {
    .product-page form#memberSearch #mainLayout #alphaList {
      grid-template-columns: repeat(13, 2fr); }
      .product-page form#memberSearch #mainLayout #alphaList a {
        height: 50px;
        line-height: 50px; } }
  @media screen and (max-width: 600px) {
    .product-page form#memberSearch #mainLayout #alphaList a {
      height: 35px;
      line-height: 35px; } }
  @media screen and (max-width: 480px) {
    .product-page form#memberSearch #mainLayout #alphaList {
      grid-template-columns: repeat(9, 2fr); } }

.product-page form#memberSearch #mainLayout div#memberSearch\:accountsTableId .ui-datatable-tablewrapper {
  overflow: unset; }
  .product-page form#memberSearch #mainLayout div#memberSearch\:accountsTableId .ui-datatable-tablewrapper table tbody#memberSearch\:accountsTableId_data tr {
    transition: all 0.3s ease; }
    .product-page form#memberSearch #mainLayout div#memberSearch\:accountsTableId .ui-datatable-tablewrapper table tbody#memberSearch\:accountsTableId_data tr.ui-state-highlight {
      border: 0; }
      .product-page form#memberSearch #mainLayout div#memberSearch\:accountsTableId .ui-datatable-tablewrapper table tbody#memberSearch\:accountsTableId_data tr.ui-state-highlight td {
        background: #fccc7a;
        transition: all 0.3s ease;
        color: #BC995C; }
    .product-page form#memberSearch #mainLayout div#memberSearch\:accountsTableId .ui-datatable-tablewrapper table tbody#memberSearch\:accountsTableId_data tr.ui-state-hover {
      border: 0; }
      .product-page form#memberSearch #mainLayout div#memberSearch\:accountsTableId .ui-datatable-tablewrapper table tbody#memberSearch\:accountsTableId_data tr.ui-state-hover td {
        background: #fccc7a;
        transition: all 0.3s ease;
        border: 0;
        border-bottom: 1px solid #e9ebec;
        color: #BC995C; }

.product-page form#memberSearch #mainLayout .ui-panel.mainBoxTp .ui-panel-content #inputSearch {
  display: flex;
  align-items: center; }
  .product-page form#memberSearch #mainLayout .ui-panel.mainBoxTp .ui-panel-content #inputSearch #memberSearch\:searchTextId {
    font-size: 18px;
    max-width: 300px;
    width: 100%; }
    @media screen and (max-width: 1400px) {
      .product-page form#memberSearch #mainLayout .ui-panel.mainBoxTp .ui-panel-content #inputSearch #memberSearch\:searchTextId {
        max-width: 250px; } }
    @media screen and (max-width: 1200px) {
      .product-page form#memberSearch #mainLayout .ui-panel.mainBoxTp .ui-panel-content #inputSearch #memberSearch\:searchTextId {
        max-width: 100%;
        width: calc(100% - 80px); } }
  .product-page form#memberSearch #mainLayout .ui-panel.mainBoxTp .ui-panel-content #inputSearch .ui-selectmanybutton {
    float: left; }
  .product-page form#memberSearch #mainLayout .ui-panel.mainBoxTp .ui-panel-content #inputSearch .membSrchBt {
    background: #BC995C;
    color: #ffffff;
    font-size: 16px; }
    .product-page form#memberSearch #mainLayout .ui-panel.mainBoxTp .ui-panel-content #inputSearch .membSrchBt:hover {
      background: #a8853f;
      border-color: #a8853f; }
    @media screen and (max-width: 1200px) {
      .product-page form#memberSearch #mainLayout .ui-panel.mainBoxTp .ui-panel-content #inputSearch .membSrchBt {
        bottom: -1px; } }
  @media screen and (max-width: 1200px) {
    .product-page form#memberSearch #mainLayout .ui-panel.mainBoxTp .ui-panel-content #inputSearch {
      position: relative;
      flex-direction: column-reverse;
      justify-content: flex-start;
      align-items: flex-start;
      position: relative; }
      .product-page form#memberSearch #mainLayout .ui-panel.mainBoxTp .ui-panel-content #inputSearch .ui-selectmanybutton {
        padding: 0 0 .5rem 0 !important; }
      .product-page form#memberSearch #mainLayout .ui-panel.mainBoxTp .ui-panel-content #inputSearch .membSrchBt {
        position: absolute;
        right: 0; } }
  @media screen and (max-width: 480px) {
    .product-page form#memberSearch #mainLayout .ui-panel.mainBoxTp .ui-panel-content #inputSearch .ui-selectmanybutton {
      display: flex !important;
      flex-direction: column;
      width: 100%; } }

@media screen and (max-width: 960px) {
  .product-page form#memberSearch #mainLayout .ui-panel.mainBoxTp {
    width: 100% !important; } }

.product-page .event-nav span.event-editdays {
  position: inherit; }
  .product-page .event-nav span.event-editdays a {
    transition: all 0.3s ease;
    background: #466bb3;
    font-family: "Inter", sans-serif !important;
    border-radius: 0;
    border: 0;
    transition: all 0.3s ease;
    text-transform: uppercase;
    padding: 0.5em 1em;
    color: #ffffff;
    line-height: 1.2em;
    font-size: 1.2em; }
    .product-page .event-nav span.event-editdays a:hover {
      color: #a8853f; }

.product-page .event-nav .bookOther .ui-state-default {
  margin: 2px 5px; }

.product-page.modal-open #main {
  transform: none; }
  .product-page.modal-open #main .modal {
    overflow-y: hidden; }

.select-equipment .equipRow {
  border-bottom: 1px solid #e9ebec; }

hr.sectionBreak {
  height: 1px;
  background: #e9ebec;
  border: 0;
  margin-bottom: 2rem; }

#waitListContainer .wlOptions {
  width: 100%; }

#waitListContainer .btn {
  background: #BC995C;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #ffffff;
  border-radius: 0;
  border: 0;
  transition: all 0.3s ease;
  text-transform: uppercase;
  padding: .5em .8em; }
  #waitListContainer .btn:hover {
    background: #a8853f !important; }

#waitListContainer #reserves {
  margin-bottom: 2rem; }
  #waitListContainer #reserves .reserveContainer .ui-outputlabel {
    margin: .5px; }
  #waitListContainer #reserves .warningPanel {
    margin: 2px 0px 10px 2px; }

#waitListContainer .mb-tabs {
  border-top: 1px solid #e9ebec;
  padding-top: 2rem; }
  #waitListContainer .mb-tabs .ui-tabs .ui-tabs-nav li {
    border-radius: 0;
    transition: all 0.3s ease; }
    #waitListContainer .mb-tabs .ui-tabs .ui-tabs-nav li.ui-state-default {
      border-color: #BC995C !important; }
      #waitListContainer .mb-tabs .ui-tabs .ui-tabs-nav li.ui-state-default a {
        color: #BC995C; }
    #waitListContainer .mb-tabs .ui-tabs .ui-tabs-nav li.ui-state-active {
      background: #BC995C !important; }
      #waitListContainer .mb-tabs .ui-tabs .ui-tabs-nav li.ui-state-active a {
        color: #ffffff !important; }
  #waitListContainer .mb-tabs .ui-tabs .ui-tabs-panels .ui-tabs-panel {
    padding-top: 2rem; }
    #waitListContainer .mb-tabs .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datatable.ui-widget .ui-datatable-tablewrapper table {
      table-layout: unset; }
      #waitListContainer .mb-tabs .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datatable.ui-widget .ui-datatable-tablewrapper table thead tr {
        border: none; }
        #waitListContainer .mb-tabs .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datatable.ui-widget .ui-datatable-tablewrapper table thead tr th {
          width: auto !important;
          text-align: left !important;
          background: transparent;
          border: 0;
          padding-bottom: 1rem; }
      #waitListContainer .mb-tabs .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datatable.ui-widget .ui-datatable-tablewrapper table tbody tr td {
        border: 0;
        padding: 1rem;
        border-top: 1px solid #e9ebec;
        border-bottom: 1px solid #e9ebec; }
    #waitListContainer .mb-tabs .ui-tabs .ui-tabs-panels .ui-tabs-panel table.guestForm tbody tr td {
      vertical-align: middle !important;
      padding: .5rem .5rem .5rem 0; }
      #waitListContainer .mb-tabs .ui-tabs .ui-tabs-panels .ui-tabs-panel table.guestForm tbody tr td input {
        border: 0;
        box-shadow: none;
        border-bottom: 1px solid #e9ebec;
        border-radius: 0;
        color: #BC995C; }

.product-page .select-holes {
  margin-left: 0;
  width: 100% !important;
  overflow: hidden;
  text-align: right; }
  .product-page .select-holes .ui-button.ui-widget {
    border-radius: 0; }

.product-page .mb-tabs {
  border-top: 1px solid #e9ebec;
  padding-top: 2rem;
  margin-top: 2rem; }

.product-page .ui-tabs.ui-tabs-top .ui-tabs-nav li {
  border-radius: 0;
  transition: all 0.3s ease; }
  .product-page .ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-state-default {
    border-color: #BC995C !important; }
    .product-page .ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-state-default a {
      color: #BC995C; }
  .product-page .ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-state-active {
    background: #BC995C !important; }
    .product-page .ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-state-active a {
      color: #ffffff !important; }

.product-page .ui-tabs .ui-tabs-nav li {
  border-radius: 0;
  transition: all 0.3s ease; }
  .product-page .ui-tabs .ui-tabs-nav li.ui-state-default {
    border-color: #BC995C !important; }
    .product-page .ui-tabs .ui-tabs-nav li.ui-state-default a {
      color: #BC995C; }
  .product-page .ui-tabs .ui-tabs-nav li.ui-state-active {
    background: #BC995C !important; }
    .product-page .ui-tabs .ui-tabs-nav li.ui-state-active a {
      color: #ffffff !important; }

.product-page .ui-tabs .ui-tabs-panels .ui-tabs-panel {
  padding-top: 2rem; }
  .product-page .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datatable.ui-widget .ui-datatable-tablewrapper table {
    table-layout: unset; }
    .product-page .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datatable.ui-widget .ui-datatable-tablewrapper table thead tr {
      border: none; }
      .product-page .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datatable.ui-widget .ui-datatable-tablewrapper table thead tr th {
        width: auto !important;
        text-align: left !important;
        background: transparent;
        border: 0;
        padding-bottom: 1rem; }
    .product-page .ui-tabs .ui-tabs-panels .ui-tabs-panel .ui-datatable.ui-widget .ui-datatable-tablewrapper table tbody tr td {
      border: 0;
      padding: 1rem;
      border-top: 1px solid #e9ebec;
      border-bottom: 1px solid #e9ebec; }
  .product-page .ui-tabs .ui-tabs-panels .ui-tabs-panel table.guestForm tbody tr td {
    vertical-align: middle !important;
    padding: .5rem .5rem .5rem 0; }
    .product-page .ui-tabs .ui-tabs-panels .ui-tabs-panel table.guestForm tbody tr td input {
      border: 0;
      box-shadow: none;
      border-bottom: 1px solid #e9ebec;
      border-radius: 0;
      color: #BC995C !important; }

.product-page .miStats {
  display: inline-block;
  width: 100%; }

.product-page #scoreDataContainer {
  padding: 0; }
  .product-page #scoreDataContainer #barChartButtons #barChartButtonsGroup .btn.active {
    background: #a8853f;
    color: #ffffff; }
  .product-page #scoreDataContainer #scoreData {
    padding: 0;
    margin-top: 1rem; }
    .product-page #scoreDataContainer #scoreData table.scoreDataTable {
      width: 100%;
      text-align: center;
      table-layout: fixed;
      overflow: scroll; }
      .product-page #scoreDataContainer #scoreData table.scoreDataTable thead {
        background: transparent; }
        .product-page #scoreDataContainer #scoreData table.scoreDataTable thead tr th {
          background: transparent;
          color: #1f2830;
          font-weight: 600;
          padding: 1rem; }
      .product-page #scoreDataContainer #scoreData table.scoreDataTable tbody tr td {
        text-align: left;
        padding: 1rem; }

.product-page #charts {
  text-align: center; }
  .product-page #charts .canvas-holder .pie-title h4 {
    font-family: "Poppins", sans-serif; }

.product-page .score-data {
  border-bottom: 0 !important; }
  .product-page .score-data thead {
    background: #BC995C; }

.product-page .highlight-pannel {
  border: 0;
  background: transparent; }
  .product-page .highlight-pannel .score-data table.table thead {
    color: #1f2830;
    background: transparent; }
    .product-page .highlight-pannel .score-data table.table thead tr th {
      font-weight: 600;
      padding: 1rem;
      border-bottom: 0; }
  .product-page .highlight-pannel .score-data table.table tbody tr td {
    padding: 1rem;
    vertical-align: middle; }
    .product-page .highlight-pannel .score-data table.table tbody tr td.inputField .inputNumber {
      width: 45px;
      text-align: center; }

.product-padding form[name="form"] table td input[value="Update"], .product-padding form[name="form"] table td input[value="Cancel"], .product-padding form[name="form"] table td input[value="Back"] {
  margin-top: 2rem;
  background-color: #BC995C;
  color: #fff;
  padding: 0.5rem 1.5rem;
  border: none;
  font-weight: 600;
  font-family: "Poppins", sans-serif !important;
  text-transform: uppercase;
  transition: all 0.3s ease;
  cursor: pointer;
  font-size: inherit;
  line-height: inherit; }
  .product-padding form[name="form"] table td input[value="Update"]:hover, .product-padding form[name="form"] table td input[value="Cancel"]:hover, .product-padding form[name="form"] table td input[value="Back"]:hover {
    background-color: #a8853f; }

@media screen and (max-width: 740px) {
  .product-padding form[name="form"] table td div {
    display: flex;
    flex-direction: column; }
    .product-padding form[name="form"] table td div a {
      margin: 0.5rem 0; } }

.product-padding form[name="form"] table table {
  margin: 2rem auto 0 auto;
  max-width: 900px;
  width: 100%; }
  .product-padding form[name="form"] table table th {
    text-align: center;
    font-size: 1.2rem;
    font-weight: 600;
    padding-bottom: 1rem; }
  .product-padding form[name="form"] table table tr td {
    font-size: 1rem;
    padding: 1rem 0; }
    .product-padding form[name="form"] table table tr td:first-of-type {
      text-align: right;
      padding-right: 2em;
      font-weight: 600;
      width: 30%; }
    .product-padding form[name="form"] table table tr td:last-of-type input {
      width: 100%;
      border: none;
      border-bottom: 1px solid #e9ebec;
      width: 100%;
      color: #BC995C; }
    .product-padding form[name="form"] table table tr td table {
      margin: 0; }
  .product-padding form[name="form"] table table.portal tbody tr {
    border: 0; }

#MB_window #MB_frame #MB_header #MB_caption {
  font-family: "Poppins", sans-serif; }

#MB_window #MB_frame #MB_content #shortButtonBarN a {
  transition: all 0.3s ease; }
  #MB_window #MB_frame #MB_content #shortButtonBarN a:hover {
    color: #a8853f;
    text-decoration: none; }
  #MB_window #MB_frame #MB_content #shortButtonBarN a.high {
    color: #BC995C;
    font-weight: 600; }

@media screen and (max-width: 740px) {
  #MB_window {
    position: fixed !important;
    left: 0 !important; } }

#account-feed table tbody tr td {
  font-size: 16px; }
  #account-feed table tbody tr td:first-of-type {
    text-align: left; }

.panel .panel-body form .form-group .cc-expiry-field select#card-expiry-mth, .panel .panel-body form .form-group .cc-expiry-field select#card-expiry-yr {
  padding: 0 .5rem !important; }

table.displayAccTransactions {
  width: 100%; }

#bookings-feed ul li.booking-date {
  font-weight: 600; }

#bookings-feed ul li.booking-title {
  margin-bottom: 1rem; }

div#prizes-feed {
  position: relative;
  padding-bottom: 4rem; }
  div#prizes-feed span.portalLink {
    position: absolute;
    bottom: 0; }
  div#prizes-feed .prizePort .prizeDiv, div#prizes-feed .prizePort .prizePort-dollar, div#prizes-feed .prizePort .prizePort-ball, div#prizes-feed .prizePort .prizePort-voucher {
    padding-bottom: 1rem;
    border-bottom: 1px solid #efefef;
    margin-bottom: 1rem; }

.prizePortLeft, .prizePortRight {
  display: inline-block; }

.prizePortLeft {
  font-weight: 600;
  margin-right: .5rem; }

form#prizeAccountForm table {
  width: auto !important; }
  form#prizeAccountForm table tbody tr td {
    padding: 1rem;
    text-align: left !important; }
    form#prizeAccountForm table tbody tr td span.largeText {
      font-weight: 600; }
    form#prizeAccountForm table tbody tr td label {
      font-weight: 600; }
  @media screen and (max-width: 960px) {
    form#prizeAccountForm table {
      display: block;
      overflow: scroll; } }

form#prizeAccountForm #mainLayout table {
  width: 100% !important; }

#main.product-padding form.mpDraw .full-col {
  display: grid;
  grid-template-columns: 1fr 2fr;
  width: 100%; }
  #main.product-padding form.mpDraw .full-col .col-half {
    width: 100%; }
    #main.product-padding form.mpDraw .full-col .col-half .ui-autocomplete {
      margin-right: 1rem; }
    #main.product-padding form.mpDraw .full-col .col-half .ui-button {
      background: #BC995C;
      color: #ffffff;
      font-family: "Poppins", sans-serif !important;
      border-radius: 0;
      border: 0;
      transition: all 0.3s ease;
      text-transform: uppercase; }
      #main.product-padding form.mpDraw .full-col .col-half .ui-button .ui-icon {
        color: #ffffff; }
      #main.product-padding form.mpDraw .full-col .col-half .ui-button .ui-button-text {
        padding: .3em .5em .3em 1.3em; }
      #main.product-padding form.mpDraw .full-col .col-half .ui-button:hover {
        background: #a8853f; }
    #main.product-padding form.mpDraw .full-col .col-half .print-tools-container .print-tools .print-scaler a, #main.product-padding form.mpDraw .full-col .col-half .print-tools-container .print-tools .print-top-margin a {
      transition: all 0.3s ease; }
      #main.product-padding form.mpDraw .full-col .col-half .print-tools-container .print-tools .print-scaler a:hover, #main.product-padding form.mpDraw .full-col .col-half .print-tools-container .print-tools .print-top-margin a:hover {
        color: #BC995C; }
      #main.product-padding form.mpDraw .full-col .col-half .print-tools-container .print-tools .print-scaler a.print-tools-selected, #main.product-padding form.mpDraw .full-col .col-half .print-tools-container .print-tools .print-top-margin a.print-tools-selected {
        border-radius: 0;
        background: #BC995C; }
        #main.product-padding form.mpDraw .full-col .col-half .print-tools-container .print-tools .print-scaler a.print-tools-selected:hover, #main.product-padding form.mpDraw .full-col .col-half .print-tools-container .print-tools .print-top-margin a.print-tools-selected:hover {
          color: #ffffff;
          text-decoration: underline; }

#main.product-padding form.mpDraw .draw-container {
  background-color: transparent;
  overflow: hidden;
  margin: 0 auto; }
  #main.product-padding form.mpDraw .draw-container .match {
    border-radius: 0; }
    #main.product-padding form.mpDraw .draw-container .match .matchResult {
      background: #ffffff;
      color: #BC995C; }
      #main.product-padding form.mpDraw .draw-container .match .matchResult.winner a span.result {
        color: #BC995C;
        transition: all 0.3s ease; }
        #main.product-padding form.mpDraw .draw-container .match .matchResult.winner a span.result:hover {
          color: #a8853f; }
    #main.product-padding form.mpDraw .draw-container .match .leader {
      background: #BC995C;
      color: #ffffff;
      transition: all 0.3s ease; }
      #main.product-padding form.mpDraw .draw-container .match .leader .entrantsPairing label.winIcon {
        color: #ffffff; }
      #main.product-padding form.mpDraw .draw-container .match .leader .entrantsPairing button.iconBtn span.fa-phone {
        color: #ffffff;
        transition: all 0.3s ease; }
      #main.product-padding form.mpDraw .draw-container .match .leader .entrantsPairing button.iconBtn:hover span.fa-phone {
        opacity: .8; }
      #main.product-padding form.mpDraw .draw-container .match .leader .entrantsPairing a {
        color: #ffffff; }
        #main.product-padding form.mpDraw .draw-container .match .leader .entrantsPairing a span {
          color: #ffffff; }
      #main.product-padding form.mpDraw .draw-container .match .leader.badgeP1[data-seed1]:after {
        background: #a8853f;
        color: #ffffff; }
      #main.product-padding form.mpDraw .draw-container .match .leader.hovered {
        background: #a8853f !important;
        transition: all 0.3s ease; }
    #main.product-padding form.mpDraw .draw-container .match .loser.badgeP1[data-seed1]:after {
      background: #a8853f;
      color: #ffffff; }
    #main.product-padding form.mpDraw .draw-container .match .matchP1.badgeP1[data-seed1]:after, #main.product-padding form.mpDraw .draw-container .match .matchP2.badgeP1[data-seed1]:after {
      background: #a8853f;
      color: #ffffff; }
    #main.product-padding form.mpDraw .draw-container .match .matchP1 button.iconBtn span.fa-phone, #main.product-padding form.mpDraw .draw-container .match .matchP2 button.iconBtn span.fa-phone {
      color: #BC995C;
      transition: all 0.3s ease; }
    #main.product-padding form.mpDraw .draw-container .match .matchP1 button.iconBtn:hover span.fa-phone, #main.product-padding form.mpDraw .draw-container .match .matchP2 button.iconBtn:hover span.fa-phone {
      opacity: .8; }
    #main.product-padding form.mpDraw .draw-container .match .matchP1.hovered, #main.product-padding form.mpDraw .draw-container .match .matchP2.hovered {
      background: #fccc7a;
      transition: all 0.3s ease; }

form#payment-form .form-row input[type="submit"] {
  padding: 0.5em 0.8em;
  margin-bottom: 0;
  font-size: 14px;
  border: 0;
  background-color: #BC995C;
  color: #ffffff;
  font-weight: 600;
  text-transform: uppercase;
  transition: all 0.3s ease;
  border-radius: 0 !important;
  vertical-align: middle; }
  form#payment-form .form-row input[type="submit"]:hover {
    background: #a8853f; }

.product-padding form[name="form"] table.title-table tbody tr {
  display: flex;
  align-items: center; }

.product-padding form[name="form"] div#form\:outerPanel_content table#form\:followerPanel table, .product-padding form[name="form"] div#form\:outerPanel_content table#form\:followerPanel table.oom-table, .product-padding form[name="form"] div#form\:outerPanel_content table#form\:leaderboardPanel table, .product-padding form[name="form"] div#form\:outerPanel_content table#form\:leaderboardPanel table.oom-table {
  width: 100%;
  max-width: unset; }
  .product-padding form[name="form"] div#form\:outerPanel_content table#form\:followerPanel table th#form\:oom\:j_idt45, .product-padding form[name="form"] div#form\:outerPanel_content table#form\:followerPanel table.oom-table th#form\:oom\:j_idt45, .product-padding form[name="form"] div#form\:outerPanel_content table#form\:leaderboardPanel table th#form\:oom\:j_idt45, .product-padding form[name="form"] div#form\:outerPanel_content table#form\:leaderboardPanel table.oom-table th#form\:oom\:j_idt45 {
    width: 200px; }

@media screen and (max-width: 1024px) {
  .product-padding form[name="form"] div#form\:outerPanel_content {
    display: block;
    width: 100%;
    overflow-x: scroll; }
    .product-padding form[name="form"] div#form\:outerPanel_content table.oom-table {
      display: block;
      width: 100%; } }

.product-padding .player-details-container div#form\:j_idt20 .ui-datatable-tablewrapper table tbody tr td {
  transition: all 0.3s ease; }

.product-padding .player-details-container div#form\:j_idt20 .ui-datatable-tablewrapper table tbody tr.ui-state-hover {
  border: 0;
  color: #1f2830; }

.product-padding .player-details-container div#form\:j_idt20 .ui-datatable-tablewrapper table tbody tr.ui-state-highlight {
  border: 0;
  color: #BC995C; }
  .product-padding .player-details-container div#form\:j_idt20 .ui-datatable-tablewrapper table tbody tr.ui-state-highlight td {
    background: #fccc7a;
    color: #BC995C; }

.product-padding .player-details-container div#form\:j_idt20 .ui-datatable-tablewrapper table tbody tr:hover {
  color: #BC995C; }
  .product-padding .player-details-container div#form\:j_idt20 .ui-datatable-tablewrapper table tbody tr:hover td {
    background: #fccc7a; }

.product-padding form[name="form"] div#form\:outerPanel_content table#form\:followerPanel table thead tr th .ui-inputfield, .product-padding form[name="form"] div#form\:outerPanel_content table#form\:followerPanel table.oom-table thead tr th .ui-inputfield, .product-padding form[name="form"] div#form\:outerPanel_content table#form\:leaderboardPanel table thead tr th .ui-inputfield, .product-padding form[name="form"] div#form\:outerPanel_content table#form\:leaderboardPanel table.oom-table thead tr th .ui-inputfield {
  border: 0;
  border-bottom: 1px solid #e9ebec;
  box-shadow: none;
  color: #BC995C; }
  .product-padding form[name="form"] div#form\:outerPanel_content table#form\:followerPanel table thead tr th .ui-inputfield::placeholder, .product-padding form[name="form"] div#form\:outerPanel_content table#form\:followerPanel table.oom-table thead tr th .ui-inputfield::placeholder, .product-padding form[name="form"] div#form\:outerPanel_content table#form\:leaderboardPanel table thead tr th .ui-inputfield::placeholder, .product-padding form[name="form"] div#form\:outerPanel_content table#form\:leaderboardPanel table.oom-table thead tr th .ui-inputfield::placeholder {
    color: #BC995C; }

.product-padding form[name="form"] div#form\:outerPanel_content table#form\:followerPanel table tbody tr td .ui-button.ui-widget, .product-padding form[name="form"] div#form\:outerPanel_content table#form\:followerPanel table.oom-table tbody tr td .ui-button.ui-widget, .product-padding form[name="form"] div#form\:outerPanel_content table#form\:leaderboardPanel table tbody tr td .ui-button.ui-widget, .product-padding form[name="form"] div#form\:outerPanel_content table#form\:leaderboardPanel table.oom-table tbody tr td .ui-button.ui-widget {
  border-color: #BC995C;
  background: #BC995C;
  padding: .3rem 1rem;
  transition: all 0.3s ease; }
  .product-padding form[name="form"] div#form\:outerPanel_content table#form\:followerPanel table tbody tr td .ui-button.ui-widget span, .product-padding form[name="form"] div#form\:outerPanel_content table#form\:followerPanel table.oom-table tbody tr td .ui-button.ui-widget span, .product-padding form[name="form"] div#form\:outerPanel_content table#form\:leaderboardPanel table tbody tr td .ui-button.ui-widget span, .product-padding form[name="form"] div#form\:outerPanel_content table#form\:leaderboardPanel table.oom-table tbody tr td .ui-button.ui-widget span {
    color: #ffffff; }
    .product-padding form[name="form"] div#form\:outerPanel_content table#form\:followerPanel table tbody tr td .ui-button.ui-widget span.ui-icon, .product-padding form[name="form"] div#form\:outerPanel_content table#form\:followerPanel table.oom-table tbody tr td .ui-button.ui-widget span.ui-icon, .product-padding form[name="form"] div#form\:outerPanel_content table#form\:leaderboardPanel table tbody tr td .ui-button.ui-widget span.ui-icon, .product-padding form[name="form"] div#form\:outerPanel_content table#form\:leaderboardPanel table.oom-table tbody tr td .ui-button.ui-widget span.ui-icon {
      background-image: url("/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-miclub"); }
  .product-padding form[name="form"] div#form\:outerPanel_content table#form\:followerPanel table tbody tr td .ui-button.ui-widget:hover, .product-padding form[name="form"] div#form\:outerPanel_content table#form\:followerPanel table.oom-table tbody tr td .ui-button.ui-widget:hover, .product-padding form[name="form"] div#form\:outerPanel_content table#form\:leaderboardPanel table tbody tr td .ui-button.ui-widget:hover, .product-padding form[name="form"] div#form\:outerPanel_content table#form\:leaderboardPanel table.oom-table tbody tr td .ui-button.ui-widget:hover {
    background: #a8853f;
    border-color: #a8853f; }

@media screen and (max-width: 1024px) {
  .product-padding form[name="form"] div#form\:outerPanel_content table#form\:followerPanel table, .product-padding form[name="form"] div#form\:outerPanel_content table#form\:followerPanel table.oom-table, .product-padding form[name="form"] div#form\:outerPanel_content table#form\:leaderboardPanel table, .product-padding form[name="form"] div#form\:outerPanel_content table#form\:leaderboardPanel table.oom-table {
    display: block;
    overflow-x: scroll; } }

.product-page .page-content.voucher-shop {
  max-width: 100%; }
  .product-page .page-content.voucher-shop .panel .panel-body .voucher-details .form-control {
    border-radius: 0;
    box-shadow: none;
    border-color: #e9ebec;
    color: #BC995C; }
    .product-page .page-content.voucher-shop .panel .panel-body .voucher-details .form-control::placeholder {
      color: #cca460; }

.product-page .page-content.special-page {
  max-width: 100%; }
  .product-page .page-content.special-page .panel .panel-content .pull-right {
    text-align: right; }
    .product-page .page-content.special-page .panel .panel-content .pull-right .btn h2 {
      color: #ffffff; }
    .product-page .page-content.special-page .panel .panel-content .pull-right .btn div {
      color: #ffffff; }

table.report-table tbody table.portal td b a {
  color: #BC995C;
  transition: all 0.3s ease; }
  table.report-table tbody table.portal td b a:hover {
    color: #a8853f;
    text-decoration: none; }

table.report-table tbody table.portal td a {
  color: #BC995C;
  transition: all 0.3s ease; }
  table.report-table tbody table.portal td a:hover {
    color: #a8853f;
    text-decoration: none; }

.login {
  width: 100%;
  background: url(/cms/wp-content/themes/elements/assets/images/login.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  padding-bottom: 0rem; }
  .login #page-heading {
    padding-top: 0;
    padding-bottom: 2rem; }
  .login .left {
    width: 50%;
    position: relative;
    background-color: #fff;
    height: auto;
    padding: 4rem; }
    @media screen and (max-width: 740px) {
      .login .left {
        width: 100%;
        padding: 1rem 2rem 2rem; } }
    .login .left #mem-log {
      padding: 2rem 0; }
    .login .left .login-notice h5 {
      padding-bottom: 1rem; }

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