/**
 * Theme Name:     BlankSlate Child
 * Author:         Open Collective
 * Template:       blankslate
 * Text Domain:	   blankslate-child
 * Description:    Donate: https://opencollective.com/blankslate. Learn: https://blankslate.me/. BlankSlate is the definitive WordPress boilerplate starter theme.
 */

 /* Variables */

 :root {
   --ice-blue: #F4FCFF;
   --lite-blue: #42C2FA;
   --medium-blue: #028ECB;
   --dark-blue: #035376;
   --lite-green: #0DBE58;
   --medium-green: #19720D;
   --dark-green: #0B550B;
   --copy: #505050;
 }

 /* Resets */

 html {
   overflow-x: hidden !important;
 }

 html * {
   font-family: "proxima-nova", sans-serif;
   box-sizing: border-box;
 }

 a, a:hover, a:visited, a:active {
   color: inherit;
 }

 h1, h2, h3, h4, h5, h6 {
   margin-top: 0;
   margin-bottom: 0;
 }

 p {
   margin: 0;
 }

 img {
   max-width: 100%;
 }

ul,
ol {
  /* user-agent styles */
  display: block;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  padding-inline-start: 40px;
}

ol {
  list-style-type: decimal;
}

li {
  display: list-item;
  text-align: match-parent;
}

::marker {
  unicode-bidi: isolate;
  font-variant-numeric: tabular-nums;
  text-transform: none;
}

 header ol, header ul,
 footer ol, footer ul {
  list-style: none;
  padding-inline-start: 0px;
 }

 main li {
  margin-bottom: 10px;
  font-weight: 100;
  font-size: 18px;
 }

 em {
  font-style: italic;
 }

 /* Elements */

 body {
   background: #F5F5F5;
   overflow-x: hidden;
 }

 main {
   background: white;
 }

 strong {
   font-weight: 700;
 }

 /* Text Classes */

 html * {
   font-family: "area-normal", sans-serif;
   color: black;
 }

 p {  
   font-family: "area-normal", sans-serif;
   font-size: 18px;
   font-weight: 100;
   color: var(--copy);
   line-height: 2;
 }

 p.large {
   font-family: 'ff-ernestine-pro', sans-serif;
   font-size: 25px;
   font-weight: 700;
   color: var(--medium-blue);
   line-height: 1.4;
 }

 a.read-more {
   font-size: 16px;
   font-weight: 500;
   color: white;

 }

 /* reduce fontsize to 60% of desktop size */
 @media only screen and (max-width: 500px) {

 }

 /* Wrappers */

 .site-wrapper {
   max-width: 1920px;
   margin: 0 auto;
 }

 .block-wrapper {
   padding: clamp(4rem, 7vw, 7rem) clamp(2rem, 9vw, 9rem) 0 clamp(2rem, 9vw, 9rem);
 }

 .block-wrapper--reverse {
   padding: 0 clamp(2rem, 9vw, 9rem) clamp(4rem, 9vw, 9rem) clamp(2rem, 9vw, 9rem);
 }

 .block-wrapper--full {
   padding: clamp(4rem, 7vw, 7rem) clamp(2rem, 9vw, 9rem);
 }

.block-wrapper--raised {
  padding: 0 clamp(2rem, 9vw, 9rem) clamp(4rem, 7vw, 7rem) clamp(2rem, 9vw, 9rem);
}

 .block-wrapper--thin {
   padding: clamp(2rem, 6vw, 6rem);
 }

 .block-wrapper--side {
   padding: 0 clamp(2rem, 9vw, 9rem);
 }

 .block-wrapper--inner {
   padding: clamp(4rem, 5vw, 5rem) clamp(2rem, 5vw, 5rem);
 }

 .block-wrapper--horizontal {
   padding: 0 clamp(2rem, 9vw, 9rem) 0 clamp(2rem, 9vw, 9rem);
 }

 .block-wrapper--vertical {
   padding: clamp(4rem, 9vw, 9rem) 0 clamp(4rem, 9vw, 9rem) 0;
 }

 /* Stacks */

 .stack-xtra-small > * + * {
   margin-block-start: 0.5rem;
 }

 .stack-small > * + * {
   margin-block-start: 1rem;
 }

 .stack > * + * {
   margin-block-start: 2rem;
 }

 .stack-medium > * + * {
   margin-block-start: 3rem;
 }

 .stack-large > * + * {
   margin-block-start: 4rem;
 }

 .stack-xtra-large > * + * {
   margin-block-start: 6rem;
 }

 .stack-xtra-xtra-large > * + * {
   margin-block-start: 8rem;
 }

 /* Max Width */

 .max-1440 {
   display: block;
   margin: 0 auto;
   max-width: 1440px;
 }

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

 .max-1080 {
   display: block;
   margin: 0 auto;
   max-width: 1080px;
 }

 .max-800 {
   display: block;
   margin: 0 auto;
   max-width: 800px;
 }

 .max-700 {
   display: block;
   margin: 0 auto;
   max-width: 700px;
 }

 .max-450 {
   display: block;
   margin-left: auto;
   margin-right: auto;
   max-width: 450px;
 }

 .max-350 {
   display: block;
   margin-left: auto;
   margin-right: auto;
   max-width: 350px;
 }

 .aspect-3w2h {
   aspect-ratio: 3/2;
   max-width: 100%;
 }

.rule.small {
  display: block;
  width: 120px;
  height: 3px;
  background-color: var(--lite-blue);
}

.rule.long {
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--lite-blue);
}

.rule.thick {
  width: 100%;
  height: 25px;
  background-color: var(--lite-blue);
}

.photo-caption {
  font-family: 'area-normal', sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: var(--medium-blue);
}

.paragraph-title,
.sidebar .menu-item {
  font-family: 'area-normal', sans-serif;
  font-size: 22px;
  font-weight: 700;
  color: var(--medium-blue);
  line-height: 1.4;
}

.btn.green {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 275px;
  height: 75px;
  font-family: 'area-normal', sans-serif;
  font-size: 20px;
  color: white;
  background-color: var(--medium-green);
  cursor: pointer !important;
  text-decoration: none;
}

.color-medium-blue {
  color: var(--medium-blue);
}

.color-dark-blue {
  color: var(--dark-blue);
}

 /* Utility Classes */

 .bg-image {
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
 }

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

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

 .self-centered {
   display: block;
   margin-left: auto;
   margin-right: auto;
 }

 .vertical-center {
   display: flex;
   align-items: center;
 }

 .position-relative {
   position: relative;
 }

 .overflow-hidden {
   overflow: hidden;
 }

 .self-centered {
   margin-left: auto;
   margin-right: auto;
 }

 .margin-fix {
   margin-block-start: 3.5rem;
 }

 /* Buttons */

 .button {
   display: grid;
   place-items: center;
   width: 250px;
   height: 75px;
   max-width: 100%;
   color: white;
   text-align: center;
   text-transform: uppercase;
   text-decoration: none;
   cursor: pointer !important;
 }

 .button.small {

 }

 /* Flexbox */

 .flex-wrapper {
   display: flex;
   flex-wrap: wrap;
   column-gap: 5vw;
   row-gap: 3rem;
 }

 .flex-item {
   flex: 1 0 320px;
   max-width: 100%;
 }

 /* Colors */

 .bg-green {
   background-color: green;
 }

 .bg-ice-blue {
   background-color: var(--ice-blue);
 }

 /* ------------------------------------- */
 /* ------ Project Specific Styles ------ */
 /* ------------------------------------- */

h2 {
  font-family: 'ff-ernestine-pro', sans-serif;
  font-size: 47px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--medium-blue);
}

h3 {
  font-family: 'ff-ernestine-pro', sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--medium-blue);
}

h4 {
  font-family: 'area-normal', sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--medium-blue);
}

h5 {
  font-size: 20px;
  font-weight: 900;
  line-height: 1.4;
  color: var(--dark-blue);
}

.color-copy {
  color: var(--copy);
}

#top-bar {
  display: flex;
  align-items: center;
  width: 100%;
  height: 60px;
  background-color: var(--medium-blue);
  padding-left: clamp(32px, 3vw, 85px);
  padding-right: clamp(32px, 3vw, 85px);
}

#top-bar ul,
#main-menu ul {
  display: flex;
  flex-wrap: wrap;
  column-gap: 3rem;
  row-gap: 1rem;
}

.blue-rule {
  border-bottom: 8px solid var(--dark-blue);
}

#main-menu ul {
  column-gap: 6rem;
}

#top-bar a {
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "area-normal", sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 1px;
}

header {
  position: relative;
  background-color: white;
}

header #main-menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: clamp(16px, 2vw, 40px);
  padding-bottom: clamp(16px, 2vw, 40px);
  padding-left: clamp(32px, 3vw, 85px);
  padding-right: clamp(32px, 3vw, 85px);
  background-color: white;
}

header #main-menu li {
  position: relative;
  padding-bottom: 2rem;
  padding-top: 2rem;
}

header #main-menu a {
  text-transform: uppercase;
  font-family: "area-normal", sans-serif;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 1px;
}

header #main-menu .header-logo {
  max-height: 85px;
  max-width: 88%;
}

/* Sub Menus */

#main-menu ul.sub-menu {
  position: absolute;
  z-index: 100;
  top: 4rem;
  left: 100%;
  transform: translateX(-100%);
  display: none;
  padding: 2rem;
  background-color: var(--dark-blue);
  width: 400px;
  max-width: max-content;
}

#main-menu ul.sub-menu:hover {
  display: block;
}

#main-menu li.menu-item-has-children:hover ul.sub-menu {
  display: block;
}

#main-menu ul.sub-menu li {
  text-align: center;
  padding-bottom: 0rem;
  padding-top: 0rem;
}

#main-menu ul.sub-menu li:after {
  content: '';  
  width: 100%;
  height: 1px;
  background-color: var(--lite-blue);
  display: block;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

#main-menu ul.sub-menu li:last-of-type:after {
  content: '';
  height: 0px;
  margin-top: 0rem;
  margin-bottom: 0rem;
}

#main-menu ul.sub-menu a {
  color: white;
  text-decoration: none;
  font-weight: 500;
  text-transform: none;
}

#main-menu ul.sub-menu li.current-menu-item a {
  font-weight: 700;
}


hero {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  aspect-ratio: 19/7;
  background-color: #028ECB;
  min-height: 350px;
}

hero .hero-text * {
  font-family: 'area normal', sans-serif;
  font-size: 58px;
  font-weight: 700;     
  line-height: 1.2;        
  color: white;
  text-align: center;
  max-width: 875px;
}

hero .hero-text strong {
  color: var(--medium-green)
}

@media only screen and (max-width: 999px) {
  hero .hero-text * {
    font-size: 45px;
  }
}

@media only screen and (max-width: 768px) {
  hero .hero-text * {
    font-size: 38px;
  }
}

@media only screen and (max-width: 500px) {
  hero .hero-text * {
    font-size: 32px;
  }
}

@media only screen and (max-width: 400px) {
  hero .hero-text * {
    font-size: 26px;
  }
}

#footer {
  display: flex;
  align-items: end;
  height: 355px;
  background-color: white;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#footer .flex-wrapper {
  display: flex;
  flex-wrap: wrap;
  column-gap: 3rem;
  row-gap: 3rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  transform: translateY(1.25vw);
}

#footer .flex-wrapper .flex-item {
  flex: 0 0 auto;
  max-width: 100%;
}

#footer .flex-wrapper .flex-item * {
  color: white !important;
}

#footer .flex-wrapper .flex-item h3 {
  font-family: 'area-normal', sans-serif;
  font-size: 28px;
  font-weight: 900;
  line-height: 1.4;
}

#footer .flex-wrapper .flex-item p, 
#footer .flex-wrapper .flex-item a {
  font-family: 'area-normal', sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
}

#footer .flex-wrapper .flex-item a {
  text-transform: uppercase;
}

#footer #menu-footer-menu {
  display: flex;
  flex-wrap: wrap;
  column-gap: 3rem;
  row-gap: 1rem;
}

@media only screen and (max-width: 768px) {
  #footer .flex-wrapper .flex-item h3 {
    font-size: 24px;
  }
  #footer .flex-wrapper .flex-item p,
  #footer .flex-wrapper .flex-item a {
    font-size: 18px;
  }
  #footer .flex-wrapper {
    row-gap: 2rem;
  }
}

@media only screen and (max-width: 400px) {
  #footer .flex-wrapper .flex-item h3 {
    font-size: 20px;
  }
  #footer .flex-wrapper .flex-item p,
  #footer .flex-wrapper .flex-item a {
    font-size: 16px;
  }
  #footer .flex-wrapper {
    row-gap: 1rem;
  }
}



/* Mobile Menu */

/* Header Styles */

header .flex-wrapper {
  justify-content: space-between;
  column-gap: 0px;
}

header .flex-item {
  flex-grow: 0;
}

header .desktop-menu {
  display: flex;
}

header .mobile-menu {
  display: none;
  position: absolute;
  z-index: 100;
  top: 133px;
  left: 0;
  padding-top: 2rem;
  padding-bottom: 3rem;
  width: 100%;
  justify-content: center;
  text-align: center;
  background-color: var(--dark-blue);
}

header .mobile-menu.open {
  display: flex;
}

header .mobile-menu ul {
  padding-left: 0rem;
}

header .mobile-menu li {
  list-style: none;
  margin-bottom: 2rem;
}

header .mobile-menu li:last-of-type {
  margin-bottom: 0rem;
}

header .mobile-menu a {
  font-size: 1.5rem;
  font-weight: 600;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
}

header .mobile-menu .sub-menu {
  padding-top: 2rem;
  padding-bottom: 2rem;
  margin-top: 2rem;
  background-color: var(--medium-green);
}

header .menu-mobile-menu-container {
  width: 100%;
}

@media only screen and (max-width: 500px) {
  header .mobile-menu a {
    font-size: 1rem;
  }
}

/* WP Menu Reset */

#main-menu {
  height: 125px;
}

#menu-container {
  display: flex;
}

#menu-main-menu {
  display: flex;
  align-items: center;
  width: max-content;
  column-gap: 2.5rem;
}

#menu-main-menu li {
  list-style: none;
}

#menu-main-menu li a {
  font-size: 20px;
  font-weight: 600;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
}

/* Burger Styles */

header .burger-icon {
  display: none;
}

header .burger-icon {
  position: relative;
  width: 30px;
  height: 19px;
}

header .burger-icon:hover {
  cursor: pointer;
}

header .burger-patty {
  margin-bottom: 5px;
  width: 30px;
  height: 3px;
  background: var(--dark-blue);
  opacity: 1;
}

header .burger-patty:last-of-type {
  margin-bottom: 0px;
}

header .burger-patty:nth-of-type(3) {
  position: absolute;
  bottom: 3px;
}

header .burger-icon.open :where(.burger-patty:first-of-type, .burger-patty:last-of-type) {
  opacity: 0;
}

header .burger-icon.open .burger-patty:nth-of-type(2) {
  transform: rotate(45deg);
}

header .burger-icon.open .burger-patty:nth-of-type(3) {
  transform: rotate(-45deg);
}

/* Media Queries */

@media only screen and (max-width: 999px) {
  header .desktop-menu {
    display: none;
  }

  header .burger-icon {
    display: block;
  }

  header #menu-container {
    display: flex;
    align-items: center;
  }
}

.art-button-row {
  transform: translateY(-3rem);
  bottom: -3rem;
  left: 50%;
  right: 0;
}

.art-button-row .flex-wrapper {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  column-gap: 3rem;
  row-gap: 1rem;
}

.art-button-row .flex-item {
  flex: 0 0 auto;
  max-width: 100%;
}

a.art-button {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  color: white;
  text-align: center;
  text-decoration: none;
  cursor: pointer !important;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  padding: 2rem;
  min-width: 300px;
  min-height: 96px;
}

a.art-button span {
  transform: translateY(4px);
  color: white !important;
}

a.art-button.green {
  background-image: url('/wp-content/uploads/2025/01/art-button_green.png');
}

a.art-button.light-blue {
  background-image: url('/wp-content/uploads/2025/01/art-button_light-blue.png');
}

a.art-button.medium-blue {
  background-image: url('/wp-content/uploads/2025/01/art-button_medium-blue.png');
}

a.art-button.dark-blue {
  background-image: url('/wp-content/uploads/2025/01/art-button_dark-blue.png');
}

.youtube-video-container iframe {
  width: 100%;
  aspect-ratio: 16/9;
}

section#page-intro p {
  text-align: center;
}

.wysiwyg-content strong {
  font-size: 22px;
  color: var(--medium-blue);
}

.standard-cards .card-image {
  display: block;
  width: 100%;
  aspect-ratio: 5/3;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #028ECB;
}

.standard-cards .card-title {
  display: block;
  font-size: 20px;
  font-weight: 600;
  color: var(--dark-blue);
  text-transform: uppercase;
  text-decoration: none;
}

.action-cards .card {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 80/55;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #028ECB;
} 

.action-cards .card .card-text {
  position: relative;
  padding-bottom: 6px;
  font-family: 'area-normal', sans-serif;
  font-size: 40px;
  font-weight: 700;
  color: white;
  letter-spacing: 1px;
  border-bottom: 6px solid var(--lite-green);
}

.action-cards .card .card-text:after {
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(150%);
  content: '>';
  font-size: 40px;
  font-weight: 700;
  color: vwhite;
}

.double-divider .divider-line {
  display: block;
  margin: 0 auto;
  width: 75%;
  height: 1px;
  background-color: #ccc;
}

.google-map iframe {
  display: block;
  margin: 0 auto;
  aspect-ratio: 900/575;
  width: 900px;
  height: 575px;
  max-width: 100%;
}

.locations-and-directions .location-title {
  font-family: 'area-normal', sans-serif;
  font-size: 22px;
  font-weight: 600;
  color: var(--dark-blue);
}

.locations-and-directions .flex-wrapper {
  justify-content: center;
  text-align: center;
}

.locations-and-directions p {
  line-height: 1.6;
}

/* Brush Boxes */

.brush-boxes.flex-wrapper {
  justify-content: center;
  row-gap: 7rem;
}

.brush-boxes.flex-wrapper .flex-item {
  flex: 0 0 280px;
}

.brush-boxes .bg-image {
  aspect-ratio: 1/1;
  width: 100%;
  max-width: 100%;
}

.brush-boxes .flex-item {
  flex: 0 0 auto;
  max-width: 100%;
}

.brush-boxes .brush-box {
  position: relative;
}

.brush-boxes .art-button {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
}

/* Alternating Rows */

.alternate-rows.type-1 .flex-wrapper {
  column-gap: 7%;
}

.alternate-rows.type-1 .flex-wrapper .flex-item.image {
  flex: 1 0 50%;
}

.alternate-rows.type-1 .flex-wrapper .flex-item.text {
  flex: 1 0 43%;
}

.alternate-rows.type-2 .flex-wrapper .flex-item.text {
  flex: 1 0 60%;
}

.alternate-rows.type-2 .flex-wrapper:nth-of-type(even) .flex-item.text {
  order: 1;
}

.alternate-rows.type-2 .flex-wrapper:nth-of-type(even) .flex-item.image {
  order: 2;
}

.alternate-rows.type-1 .flex-wrapper:nth-of-type(even) .flex-item.text {
  order: 2;
}

.alternate-rows.type-1 .flex-wrapper:nth-of-type(even) .flex-item.image {
  order: 1;
}



/* Sidebar */

.content-has-sidebar > .flex-wrapper {
  justify-content: space-between;
  column-gap: 5rem;
}

.content-has-sidebar.gap-large > .flex-wrapper {
  column-gap: clamp(10rem, 15vw, 15rem);
}

.content-has-sidebar > .flex-wrapper.outer > .flex-item.content {
  flex: 1 0 500px;
  max-width: max(900px, 100%);
}

.content-has-sidebar > .flex-wrapper.outer > .flex-item.sidebar {
  flex: 0 0 300px;
  min-width: min(300px, 100%);
  max-width: 100%;
}

.content-has-sidebar .flex-wrapper.inner .flex-item {
  flex: 0 0 280px;
  max-width: 100%;
}

.sidebar a.menu-item {
  display: block;
  text-decoration: none;
  cursor: pointer !important;
}

/* Membership Cards */

.membership-cards.flex-wrapper {
  column-gap: 3rem !important;
}

.membership-cards.flex-wrapper .flex-item {
  flex: 1 0 360px !important;
  max-width: 100% !important;
}

main#our-staff .flex-wrapper.outer  {
  column-gap: 2.5rem !important;
}

.team-cards.flex-wrapper {
  column-gap: 2.25rem !important;
}

.team-cards .flex-item {
  flex: 0 0 280px !important;
  max-width: 100% !important;
}

.team-cards .card-image {
  aspect-ratio: 1/1;
  width: 100%;
  max-width: 100%;
}

.membership-cards .card-title,
.team-cards .card-title {
  font-family: 'ff-ernestine-pro', sans-serif;
  font-size: 30px;
  font-weight: 600;
  color: var(--medium-blue);
}

.team-cards .card-subtitle {
  font-family: 'area-normal', sans-serif;
  font-size: 22px;
  font-weight: 600;
  color: var(--copy);
}

section#donate-form {
  margin-top: 5rem;
}

/* Gravity Forms */

.gform_body input,
.gform_body textarea {
  background-color: var(--ice-blue) !important;
  border: none !important;
  border-radius: 0 !important;
  font-size: 20px !important;
}

.gform_body input {
  height: clamp(40px, 5vw, 75px) !important;
}

.gform_body input::placeholder,
.gform_body textarea::placeholder {
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  color: var(--dark-blue);
}

.gform_button[type="submit"] {
  display: flex !important;
  margin: 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  width: 373px !important;
  max-width: 100% !important;
  height: 75px !important;
  font-family: 'area-normal', sans-serif !important;
  font-size: clamp(15px, 5vw, 20px) !important;
  font-weight: 600 !important;
  color: white !important;
  letter-spacing: 1px !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  background-color: var(--medium-green) !important;
  cursor: pointer !important;
  border-radius: 8px !important;
}

.gform-field-label--type-sub {
  display: none !important;
}

.sidebar .menu-item.active:after {
  content: '';
  display: inline-block;
  margin-left: 1rem;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background-color: var(--lite-green);
}

.flex-wrapper.inner.board-members {
  column-gap: 0;
}

.board-member h3 {
  font-family: 'ff-ernestine-pro', sans-serif;
  font-size: 30px;
  font-weight: 600;
  color: #0272A3;
}

h3.thank-you-message {
  font-family: 'ff-ernestine-pro', sans-serif;
  font-size: 30px;
  font-weight: 400;
  color: var(--medium-blue);
}

.current-members .flex-item .membership_level {
  font-size: 22px;
  font-weight: 700;
  color: var(--medium-blue);
}

.current-members .flex-item .members {
  font-size: 22px;
}

/* Flexslider */

.flexslider {
  border: none !important;
}

.slide-img {
  display: block;
  height: 500px;
  background-position: center;
  background-size: cover;
}

/* FAQ */

.faq-item .rule.long {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.faq-item .view-answer {
  cursor: pointer;
}

main .raised {
  transform: translateY(calc(clamp(4rem, 7vw, 7rem) * -1));
}

@media only screen and (max-width: 999px) {
  #top-bar {
    display: none !important;
  }
}

.event-details {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  font-weight: 600;
}