@charset "UTF-8";
/* Lato Bold */
@font-face {
  font-family: "Lato Bold";
  src: url("scss/fonts/Lato/Lato-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
/* Lato Regular */
@font-face {
  font-family: "Lato";
  src: url("scss/fonts/Lato/Lato-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* Raleway Variable */
@font-face {
  font-family: "Raleway";
  src: url("scss/fonts/Raleway/Raleway-VariableFont_wght.ttf") format("truetype");
  font-weight: 1 999; /* Variable weight range */
  font-style: normal;
  font-display: swap;
}
/* Roboto Variable */
@font-face {
  font-family: "Roboto";
  src: url("scss/fonts/Roboto/Roboto-VariableFont_wdth,wght.ttf") format("truetype");
  font-weight: 1 999; /* Adjust as needed */
  font-stretch: 50% 200%; /* Optional for width axis */
  font-style: normal;
  font-display: swap;
}
/*
 Theme Name:   Adele Fox
 Theme URI:    https://adelefox.com/
 Description:  Child theme for the BlankSlate theme
 Author:       Robert Granlund
 Author URI:   https://rockintuit.com/
 Template:     blankslate
 Version:      1.0.0
*/
/* Add your custom CSS below this line */
/* Lato Regular */
/* Raleway Variable */
/* Roboto Variable */
html {
  scroll-behavior: smooth;
}

body {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  font-size: 16px;
  font-family: "Roboto", Sans-serif;
  color: #333333;
}

* {
  box-sizing: border-box;
}

a {
  color: #F4F4F4;
  text-decoration: none;
  display: inline;
  font-family: "Lato", Sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  display: inline !important;
  font-family: "Lato", Sans-serif;
}

.container {
  width: 80%;
  margin: 0 auto;
  padding: 1.5% 0;
}
@media screen and (max-width: 1024px) {
  .container {
    width: 90%;
  }
}
@media screen and (max-width: 661px) {
  .container {
    width: 95%;
  }
}

.btn-cont {
  width: 100%;
  text-align: center;
}

.full-btn-cont {
  width: 100%;
  text-align: center;
  margin-left: 10%;
}

.green-btn {
  padding: 1.25% 2.75%;
  background-color: #4DC6C6;
  transition: background-color 0.3s ease;
  border-radius: 3px;
  display: inline-block;
  font-size: calc(16px + 0.25vw);
  font-weight: 600;
}
@media screen and (max-width: 661px) {
  .green-btn {
    padding: 2.25% 5%;
  }
}
.green-btn:hover {
  background-color: #2F9A9A;
}

.drk-green-btn {
  padding: 1.35% 3%;
  background-color: #2F9A9A;
  transition: background-color 0.3s ease;
  border-radius: 3px;
  display: inline-block;
  font-size: calc(16px + 0.5vw);
  font-weight: 600;
}
@media screen and (max-width: 661px) {
  .drk-green-btn {
    padding: 2.25% 5%;
  }
}
.drk-green-btn:hover {
  background-color: #4DC6C6;
}

.green-white-btn {
  padding: 1.25% 2.75%;
  background-color: #4DC6C6;
  transition: background-color 0.3s ease, color 0.4s ease;
  border-radius: 3px;
  display: inline-block;
  font-size: calc(16px + 0.25vw);
  font-weight: 600;
}
@media screen and (max-width: 661px) {
  .green-white-btn {
    padding: 2.25% 5%;
  }
}
.green-white-btn:hover {
  background-color: #FFFFFF;
  color: #2F9A9A;
}

.green-submit-btn {
  padding: 1.25% 2.75%;
  background-color: #4DC6C6 !important;
  transition: background-color 0.3s ease;
  border-radius: 3px;
  display: inline-block;
  font-size: calc(16px + 0.25vw);
  color: #FFFFFF;
  border: 1px solid #4DC6C6 !important;
}
@media screen and (max-width: 661px) {
  .green-submit-btn {
    padding: 2.25% 5%;
  }
}
.green-submit-btn:hover {
  background-color: #FFFFFF !important;
  border: 1px solid #4DC6C6 !important;
  color: #2F9A9A !important;
}

.green-submit-btn {
  padding: 3.25% 15.75%;
  background-color: #2F9A9A;
  transition: background-color 0.3s ease;
  border-radius: 3px;
  display: inline-block;
  font-size: calc(16px + 0.125vw);
  margin: 0 auto;
  color: #FFFFFF;
}
.green-submit-btn:hover {
  background-color: #4DC6C6;
}

.white-btn {
  padding: 1% 2%;
  background-color: #FFFFFF;
  transition: background-color 0.3s ease, color 0.5s ease;
  border-radius: 3px;
  display: inline-block;
  font-size: calc(16px + 0.25vw);
  font-weight: 600;
  color: #2F9A9A;
}
@media screen and (max-width: 661px) {
  .white-btn {
    padding: 2.25% 5%;
  }
}
.white-btn:hover {
  background-color: #2F9A9A;
  color: #FFFFFF;
}

.black-btn {
  padding: 1% 2%;
  background-color: #000000;
  transition: background-color 0.3s ease, color 0.5s ease;
  border-radius: 3px;
  display: inline-block;
  font-size: calc(16px + 0.25vw);
  font-weight: 500;
  color: #FFFFFF;
}
@media screen and (max-width: 661px) {
  .black-btn {
    padding: 2.25% 5%;
  }
}
.black-btn:hover {
  background-color: #FFFFFF;
  color: #000000;
}

.blue-btn {
  padding: 1% 2%;
  background-color: transparent;
  transition: background-color 0.3s ease, color 0.5s ease;
  border-radius: 3px;
  display: inline-block;
  font-size: calc(16px + 0.125vw);
  font-weight: 500;
  color: #0d6efd;
  border: solid 1px #0d6efd;
}
@media screen and (max-width: 661px) {
  .blue-btn {
    padding: 2.25% 5%;
  }
}
.blue-btn:hover {
  background-color: #0654c4;
  color: #FFFFFF;
}

.read-more-btn {
  padding: 1% 2%;
  background-color: transparent;
  transition: background-color 0.3s ease, color 0.5s ease;
  border-radius: 3px;
  display: inline-block;
  font-size: calc(16px + 0.125vw);
  font-weight: 500;
  color: #5B5B5B;
  border: solid 1px #5B5B5B;
}
@media screen and (max-width: 661px) {
  .read-more-btn {
    padding: 2.25% 5%;
  }
}
.read-more-btn:hover {
  border: 1px solid #0654c4;
  color: #0654c4;
}

.associate-btn {
  padding: 1.25% 2.75%;
  background-color: transparent;
  transition: background-color 0.3s ease, color 0.5s ease;
  border-radius: 3px;
  display: inline-block;
  font-size: calc(16px + 0.25vw);
  color: #2F9A9A;
  border: solid 1px #2F9A9A;
  font-family: "Lato", Sans-serif;
  font-weight: 300;
}
@media screen and (max-width: 661px) {
  .associate-btn {
    padding: 2.25% 5%;
  }
}
.associate-btn:hover {
  background-color: #2F9A9A;
  color: #FFFFFF;
}

.form-field {
  width: 100%;
  padding: 1% 0;
}

#header {
  width: 100%;
  position: relative;
  height: 100px;
}
#header #header-main-cont {
  width: 100%;
  position: relative;
  position: fixed;
  top: 0;
  z-index: 5;
  height: 150px;
  background-color: #F4F4F4;
  border-bottom: 1px solid #E6E6E6;
}
@media screen and (max-width: 1024px) {
  #header #header-main-cont {
    height: 115px;
  }
}
@media screen and (max-width: 661px) {
  #header #header-main-cont {
    height: 100px;
  }
}
#header #header-main-cont .container {
  padding: 0.5% 0 0.5%;
}
@media screen and (max-width: 1024px) {
  #header #header-main-cont .container {
    padding: 0.75% 0 0.5%;
  }
}
#header #header-main-cont .header-contact-cont {
  width: 100%;
  background-color: #2F9A9A;
  height: 50px;
}
#header #header-main-cont .header-contact-cont .header-contact {
  width: 80%;
  margin: 0 auto;
  padding: 15px 0;
  color: #F4F4F4;
  text-align: right;
  font-size: calc(16px + 0.25vw);
}
@media screen and (max-width: 1024px) {
  #header #header-main-cont .header-contact-cont .header-contact {
    padding: 7px 0;
    justify-content: space-around;
  }
}
@media screen and (max-width: 1024px) {
  #header #header-main-cont .header-contact-cont .header-contact {
    text-align: center;
    width: 95%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (max-width: 661px) {
  #header #header-main-cont .header-contact-cont .header-contact a {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
#header #header-main-cont .header-contact-cont .header-contact a svg {
  padding: 10px 0px 0 0;
  width: 40px;
  height: 25px;
}
@media screen and (max-width: 661px) {
  #header #header-main-cont .header-contact-cont .header-contact a svg {
    padding: 0;
  }
}
#header #header-main-cont .container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 50px;
}
@media screen and (max-width: 1024px) {
  #header #header-main-cont .container {
    justify-content: space-between;
    align-items: center;
    /* optional, for vertical alignment */
  }
}
#header #header-main-cont .container #branding {
  flex-basis: 30%;
}
@media screen and (max-width: 768px) {
  #header #header-main-cont .container #branding {
    flex-basis: 40%;
  }
}
@media screen and (max-width: 661px) {
  #header #header-main-cont .container #branding {
    flex-basis: 50%;
  }
}
@media screen and (max-width: 661px) {
  #header #header-main-cont .container #branding #site-logo {
    padding-top: 5px;
  }
}
#header #header-main-cont .container #branding #site-logo a {
  display: block;
}
#header #header-main-cont .container #branding #site-logo a img {
  width: 90%;
  height: auto;
}
#header #header-main-cont .container #menu {
  display: block;
  flex-basis: 70%;
}
@media screen and (max-width: 1024px) {
  #header #header-main-cont .container #menu {
    display: none;
  }
}
#header #header-main-cont .container #menu .menu-main-menu-container ul.menu {
  margin: 0 0 0 10%;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#header #header-main-cont .container #menu .menu-main-menu-container ul.menu li a {
  color: #000000;
  font-size: calc(14px + 0.025vw);
  font-weight: bold;
}
#header #header-main-cont .container #menu .menu-main-menu-container ul.menu li a:active {
  color: #2F9A9A;
}
#header #header-main-cont .container #menu .menu-main-menu-container ul.menu li a:hover {
  color: #2F9A9A;
}
#header #header-main-cont .container #menu .menu-main-menu-container ul.menu .current-menu-item a {
  color: #2F9A9A;
}
#header #header-main-cont .container #mobile-cont {
  display: none;
}
@media screen and (max-width: 1024px) {
  #header #header-main-cont .container #mobile-cont {
    display: block;
    /* Base styles */
    /* Overlay */
    /* Menu Wrapper */
  }
  #header #header-main-cont .container #mobile-cont #hamburger {
    font-size: 2rem;
    z-index: 1001;
    background: none;
    border: none;
    cursor: pointer;
    color: #4DC6C6;
  }
  #header #header-main-cont .container #mobile-cont #menu-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
  }
  #header #header-main-cont .container #mobile-cont #menu-wrapper {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 75%;
    height: 100%;
    background: #4DC6C6;
    border-left: solid 1px #2F9A9A;
    z-index: 1002;
    text-align: center;
    padding: 4rem 2rem;
    overflow-y: auto;
    box-shadow: inset 4px 0 8px -2px rgba(0, 0, 0, 0.2);
    /* Nav links styling (optional) */
  }
  #header #header-main-cont .container #mobile-cont #menu-wrapper nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  #header #header-main-cont .container #mobile-cont #menu-wrapper nav li {
    margin-bottom: 1.5rem;
  }
  #header #header-main-cont .container #mobile-cont #menu-wrapper nav a {
    text-decoration: none;
    font-size: 1.5rem;
    color: #FFFFFF;
    transition: color ease 0.375s;
  }
  #header #header-main-cont .container #mobile-cont #menu-wrapper nav a:hover {
    text-decoration: underline;
    color: #F4F4F4;
  }
}

#intro {
  background-repeat: no-repeat;
  background-size: 40%;
  background-position: 90%;
  padding: 3.5% 0;
}
@media screen and (max-width: 661px) {
  #intro {
    background-position: 100%;
  }
}
#intro .container .entry-content {
  width: 60%;
  padding: 2.5% 0;
}
@media screen and (max-width: 661px) {
  #intro .container .entry-content {
    width: 65%;
  }
}
#intro .container .entry-content h1 {
  font-size: calc(24px + 2.275vw);
  line-height: calc(24px + 3vw);
  color: #2F9A9A;
  display: block;
  font-family: "Lato", Sans-serif;
}
#intro .container .entry-content h1 span {
  color: #5B5B5B;
}
#intro .container .entry-content h2 {
  font-size: calc(14px + 0.35vw);
  line-height: calc(14px + 1vw);
  margin: 2.5% 0 3.5%;
  color: #5B5B5B;
  display: block;
  font-family: "Raleway", Sans-serif;
  font-weight: 400;
}

#discover {
  background-color: #E6E6E6;
}
#discover .container {
  padding: 1.5% 0 5%;
}
#discover .container .title {
  width: 100%;
  padding: 5% 0;
  text-align: center;
}
@media screen and (max-width: 661px) {
  #discover .container .title {
    padding: 7.5% 0;
  }
}
#discover .container .title h2 {
  color: #5B5B5B;
  font-family: "Lato", Sans-serif;
  font-size: calc(14px + 2.125vw);
  line-height: calc(14px + 1vw);
}
#discover .container .discover-cont {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  /* <-- Make all .box same height */
}
@media screen and (max-width: 661px) {
  #discover .container .discover-cont {
    flex-wrap: wrap;
    gap: 1rem;
  }
}
#discover .container .discover-cont .box {
  flex-basis: 22%;
  border-top: 4px solid #2F9A9A;
  padding-bottom: 2.5%;
  background-color: #FFFFFF;
}
@media screen and (max-width: 1024px) {
  #discover .container .discover-cont .box {
    flex-basis: 23.5%;
  }
}
@media screen and (max-width: 661px) {
  #discover .container .discover-cont .box {
    flex: 1 1 calc(50% - 0.5rem);
  }
}
#discover .container .discover-cont .box .image {
  width: 100%;
}
#discover .container .discover-cont .box .image img {
  width: 100%;
  height: auto;
}
#discover .container .discover-cont .box .title {
  width: 100%;
  padding: 5% 0;
  text-align: center;
}
#discover .container .discover-cont .box .title h3 {
  display: inline;
  color: #2F9A9A;
  font-size: calc(14px + 1vw);
}
#discover .container .discover-cont .box .content {
  text-align: center;
  padding: 0 7.5%;
}

#alive {
  padding: 2.5% 0 0.5%;
  background: linear-gradient(to bottom, #2F9A9A 0%, #4DC6C6 100%);
}
#alive .container .title {
  padding: 0 0 0.5% 0;
  text-align: center;
}
@media screen and (max-width: 661px) {
  #alive .container .title {
    padding: 5% 0 3.5% 0;
  }
}
#alive .container .title h2 {
  font-size: calc(24px + 1.75vw);
  line-height: calc(24px + 3vw);
  color: #FFFFFF;
  display: block;
  font-family: "Lato", Sans-serif;
}
@media screen and (max-width: 661px) {
  #alive .container .title h2 {
    font-size: 25px;
  }
}
#alive .container .content {
  text-align: center;
  color: #FFFFFF;
  font-size: 125%;
  font-weight: 300;
}
#alive .container .btn-cont {
  width: 100%;
  text-align: center;
  padding: 3% 0;
}
@media screen and (max-width: 661px) {
  #alive .container .btn-cont {
    padding: 7.5% 0;
  }
}

#options {
  background: linear-gradient(to bottom, #FFFFFF 45%, #4DC6C6 200%);
}
#options .container .title {
  width: 100%;
  text-align: center;
  padding: 3% 0 5% 0;
  text-align: center;
}
@media screen and (max-width: 661px) {
  #options .container .title {
    padding: 7.5% 0;
  }
}
#options .container .title h2 {
  font-size: calc(24px + 1.75vw);
  line-height: calc(24px + 3vw);
  color: #5B5B5B;
  display: block;
  font-family: "Lato", Sans-serif;
}
@media screen and (max-width: 661px) {
  #options .container .title h2 {
    font-size: 22px;
  }
}
#options .container .options-cont {
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: stretch;
  /* <-- Make all .box same height */
}
@media screen and (max-width: 661px) {
  #options .container .options-cont {
    display: block;
  }
}
#options .container .options-cont .box {
  flex-basis: 32%;
  border-top: 4px solid #2F9A9A;
  padding-bottom: 2.5%;
  background-color: #FFFFFF;
}
@media screen and (max-width: 661px) {
  #options .container .options-cont .box {
    width: 100%;
    padding-bottom: 12.5%;
  }
}
#options .container .options-cont .box .image {
  width: 100%;
}
#options .container .options-cont .box .image img {
  width: 100%;
  height: auto;
}
#options .container .options-cont .box .title {
  width: 90%;
  margin: 0 auto;
  padding: 5% 0;
  text-align: center;
}
#options .container .options-cont .box .title h3 {
  display: inline;
  color: #2F9A9A;
  font-size: calc(14px + 1vw);
}
@media screen and (max-width: 661px) {
  #options .container .options-cont .box .title h3 {
    font-size: calc(14px + 2.5vw);
  }
}
#options .container .options-cont .box .content {
  text-align: center;
  padding: 0 7.5%;
}
@media screen and (max-width: 661px) {
  #options .container .options-cont .box .content {
    line-height: calc(21px + 0.75vw);
  }
}
#options .container .btn-cont {
  width: 100%;
  text-align: center;
  padding: 3% 0;
}
@media screen and (max-width: 661px) {
  #options .container .btn-cont {
    padding: 10% 0;
  }
}

#improve {
  padding: 7.5% 0 7.5%;
  position: relative;
  z-index: 2;
}
#improve:before {
  content: "";
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: linear-gradient(to right, #4DC6C6 0%, #FFFFFF 100%);
}
#improve:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.35;
  z-index: -1;
  background-size: cover;
  background-position: center;
}
#improve .container .title {
  width: 50%;
  margin-right: 50%;
  min-width: 325px;
}
@media screen and (max-width: 661px) {
  #improve .container .title {
    width: 100%;
    margin-right: 0;
    text-align: center;
  }
}
#improve .container .title h2 {
  font-family: "Lato", Sans-serif;
  color: #000000;
  font-size: calc(21px + 2vw);
}
#improve .container .content {
  font-size: 135%;
  width: 43%;
  margin-right: 57%;
  min-width: 325px;
  padding: 3% 0;
  text-align: center;
  color: #000000;
}
@media screen and (max-width: 661px) {
  #improve .container .content {
    width: 100%;
    margin-right: 0;
  }
}
#improve .container .btn-cont {
  width: 100%;
  text-align: left;
}
@media screen and (max-width: 661px) {
  #improve .container .btn-cont {
    padding: 5% 0;
    text-align: center;
  }
}

.associates-header {
  width: 100%;
  text-align: center;
  padding: 7% 0 9%;
  position: relative;
  z-index: 1;
}
.associates-header:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  z-index: -2;
}
.associates-header:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  opacity: 0.6;
  z-index: -1;
}
.associates-header h1 {
  color: #FFFFFF;
  font-size: calc(21px + 2.5vw);
  font-family: "Lato", Sans-serif;
}

.associate-note {
  padding: 0.75%;
  margin: 2.5% 0 3%;
  color: #FFFFFF;
  text-align: center;
  width: 100%;
  background-color: #2F9A9A;
  border-radius: 13px;
}
@media screen and (max-width: 661px) {
  .associate-note {
    padding: 2.75% 2.75% 2.5%;
    margin: 5% auto 7.5%;
  }
}
.associate-note h2 {
  font-size: calc(16px + 0.05vw);
}

.associate {
  width: 100%;
  border: 1px dotted #E6E6E6;
  display: flex;
  margin-bottom: 2.5%;
}
@media screen and (max-width: 1024px) {
  .associate {
    margin-bottom: 7.5%;
  }
}
@media screen and (max-width: 661px) {
  .associate {
    display: block;
    margin-bottom: 15%;
  }
}
.associate .box {
  width: 100%;
}
.associate .image-box {
  flex-basis: 40%;
  overflow: hidden;
  /* ensures cropping */
  position: relative;
}
.associate .image-box img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  /* covers the container, cropping as needed */
  display: block;
}
.associate .content-box {
  flex-basis: 60%;
  padding: 2.5% 5% 2.5% 2.5%;
  background-color: #E6E6E6;
  position: relative;
}
@media screen and (max-width: 661px) {
  .associate .content-box {
    padding: 5% 5% 10%;
  }
}
.associate .content-box .title {
  width: 100%;
  padding: 1% 0 2%;
}
.associate .content-box .title h2 {
  color: #2F9A9A;
  font-size: calc(18px + 1.125vw);
}
.associate .content-box .specialty {
  padding: 1.5% 0;
  font-size: calc(18px + 0.35vw);
  color: #000000;
  font-family: "Lato", Sans-serif;
}
@media screen and (max-width: 661px) {
  .associate .content-box .specialty {
    padding: 3.5% 0;
  }
}
.associate .content-box .focus-areas {
  color: #000000;
}
@media screen and (max-width: 661px) {
  .associate .content-box .focus-areas {
    padding: 3.5% 0;
  }
}
.associate .content-box .focus-areas .title {
  padding: 1.5% 0;
  width: 100%;
  color: #2F9A9A;
  font-size: calc(18px + 0.3vw);
  font-weight: 400;
}
.associate .content-box .age,
.associate .content-box .location,
.associate .content-box .fees,
.associate .content-box .hours {
  padding: 1.5% 0;
  width: 100%;
  color: #2F9A9A;
}
.associate .content-box .age span,
.associate .content-box .location span,
.associate .content-box .fees span,
.associate .content-box .hours span {
  color: #000000;
}
@media screen and (max-width: 661px) {
  .associate .content-box .age,
  .associate .content-box .location,
  .associate .content-box .fees,
  .associate .content-box .hours {
    padding: 3.5% 0;
  }
}
.associate .content-box .content {
  padding: 1% 0;
  width: 100%;
  color: #5B5B5B;
  line-height: calc(21px + 0.5vw);
  font-weight: 300;
}
@media screen and (max-width: 661px) {
  .associate .content-box .content {
    padding: 3.5% 0;
  }
}
.associate .content-box .btn-cont {
  bottom: 5%;
  width: 100%;
  right: 5%;
  text-align: right;
  margin-top: 25px;
}
@media screen and (max-width: 661px) {
  .associate .content-box .btn-cont {
    margin-top: 35px;
    text-align: center;
  }
}
.associate .assoc-content-box {
  flex-basis: 70%;
  padding: 2.5% 5% 2.5% 2.5%;
  background-color: #E6E6E6;
  position: relative;
}
.associate .assoc-content-box .title {
  width: 100%;
  padding: 1% 0 2%;
}
.associate .assoc-content-box .title h2 {
  color: #2F9A9A;
  font-size: calc(18px + 1.125vw);
}
.associate .assoc-content-box .specialty {
  padding: 1.5% 0;
  font-size: calc(18px + 0.35vw);
  color: #000000;
  font-family: "Lato", Sans-serif;
}
.associate .assoc-content-box .focus-areas {
  color: #000000;
}
.associate .assoc-content-box .focus-areas .title {
  padding: 1.5% 0;
  width: 100%;
  color: #2F9A9A;
  font-size: calc(18px + 0.3vw);
  font-weight: 400;
}
.associate .assoc-content-box .age,
.associate .assoc-content-box .location,
.associate .assoc-content-box .fees,
.associate .assoc-content-box .hours {
  padding: 1.5% 0;
  width: 100%;
  color: #2F9A9A;
}
.associate .assoc-content-box .age span,
.associate .assoc-content-box .location span,
.associate .assoc-content-box .fees span,
.associate .assoc-content-box .hours span {
  color: #000000;
}
.associate .assoc-content-box .content {
  padding: 1% 0;
  width: 100%;
  color: #5B5B5B;
  line-height: calc(21px + 0.5vw);
  font-weight: 300;
}
.associate .assoc-content-box .btn-cont {
  position: absolute;
  bottom: 5%;
  width: 100%;
  right: 5%;
  text-align: right;
}
.associate .assoc-content-box .more-info,
.associate .assoc-content-box .more-info-cont {
  display: flex;
  gap: 25px;
}
@media screen and (max-width: 661px) {
  .associate .assoc-content-box .more-info,
  .associate .assoc-content-box .more-info-cont {
    display: block;
    margin: 10% 0;
  }
}
.associate .assoc-content-box .more-info .acf-accordion,
.associate .assoc-content-box .more-info-cont .acf-accordion {
  width: 100%;
  margin: 0 auto 35px;
}
@media screen and (max-width: 661px) {
  .associate .assoc-content-box .more-info .acf-accordion,
  .associate .assoc-content-box .more-info-cont .acf-accordion {
    margin: 7px auto 8px;
  }
}
.associate .assoc-content-box .more-info .acf-accordion .acf-accordion__header,
.associate .assoc-content-box .more-info-cont .acf-accordion .acf-accordion__header {
  cursor: pointer;
  margin: 0;
  padding: 0.5em;
  background: #2F9A9A;
  color: #FFFFFF;
  width: 100%;
  text-align: center;
  display: inline-block !important;
  position: relative;
}
@media screen and (max-width: 661px) {
  .associate .assoc-content-box .more-info .acf-accordion .acf-accordion__header,
  .associate .assoc-content-box .more-info-cont .acf-accordion .acf-accordion__header {
    padding: 12px 8px;
  }
}
.associate .assoc-content-box .more-info .acf-accordion .acf-accordion__header:hover,
.associate .assoc-content-box .more-info-cont .acf-accordion .acf-accordion__header:hover {
  background-color: #4DC6C6;
}
.associate .assoc-content-box .more-info .acf-accordion .acf-accordion__header:after,
.associate .assoc-content-box .more-info-cont .acf-accordion .acf-accordion__header:after {
  content: "+";
  font-weight: bold;
  position: absolute;
  right: 0.5em;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.2s ease;
}
.associate .assoc-content-box .more-info .acf-accordion .acf-accordion__header.active,
.associate .assoc-content-box .more-info-cont .acf-accordion .acf-accordion__header.active {
  background: #FFFFFF;
  color: #2F9A9A;
  border-bottom: 1px solid #2F9A9A;
}
.associate .assoc-content-box .more-info .acf-accordion .acf-accordion__header.active:after,
.associate .assoc-content-box .more-info-cont .acf-accordion .acf-accordion__header.active:after {
  content: "–";
  /* you can also use '\2212' for the Unicode minus-sign */
}
.associate .assoc-content-box .more-info .acf-accordion .acf-accordion__body,
.associate .assoc-content-box .more-info-cont .acf-accordion .acf-accordion__body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out, padding 0.3s ease-out;
  color: #5B5B5B;
  background-color: #FFFFFF;
  /* collapsed padding */
}
.associate .assoc-content-box .more-info .acf-accordion .acf-accordion__body ul,
.associate .assoc-content-box .more-info-cont .acf-accordion .acf-accordion__body ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.associate .assoc-content-box .more-info .acf-accordion .acf-accordion__body ul li,
.associate .assoc-content-box .more-info-cont .acf-accordion .acf-accordion__body ul li {
  margin-bottom: 15px;
}
.associate .assoc-content-box .more-info .acf-accordion .acf-accordion__body ul li a,
.associate .assoc-content-box .more-info-cont .acf-accordion .acf-accordion__body ul li a {
  display: flex;
  align-items: center;
  color: #4DC6C6;
  font-size: 95%;
  font-weight: 600;
  transition: ease color 0.4s;
}
.associate .assoc-content-box .more-info .acf-accordion .acf-accordion__body ul li a svg,
.associate .assoc-content-box .more-info-cont .acf-accordion .acf-accordion__body ul li a svg {
  height: 18px;
  width: auto;
  fill: #4DC6C6;
  margin-right: 10px;
  transition: ease fill 0.4s, margin-right ease 0.5s;
}
.associate .assoc-content-box .more-info .acf-accordion .acf-accordion__body ul li a:hover,
.associate .assoc-content-box .more-info-cont .acf-accordion .acf-accordion__body ul li a:hover {
  color: #2F9A9A;
}
.associate .assoc-content-box .more-info .acf-accordion .acf-accordion__body ul li a:hover svg,
.associate .assoc-content-box .more-info-cont .acf-accordion .acf-accordion__body ul li a:hover svg {
  fill: #2F9A9A;
  margin-right: 15px;
}
.associate .assoc-content-box .more-info .acf-accordion .acf-accordion__body p,
.associate .assoc-content-box .more-info-cont .acf-accordion .acf-accordion__body p {
  margin: 0;
  padding: 1.5% 0;
}
.associate .assoc-content-box .more-info .acf-accordion .acf-accordion__body p a,
.associate .assoc-content-box .more-info-cont .acf-accordion .acf-accordion__body p a {
  color: #2F9A9A;
}
.associate .assoc-content-box .more-info .acf-accordion .acf-accordion__header.active + .acf-accordion__body,
.associate .assoc-content-box .more-info-cont .acf-accordion .acf-accordion__header.active + .acf-accordion__body {
  padding: 5%;
}
.associate .assoc-content-box .more-info-cont .acf-accordion .acf-accordion__header {
  padding: 2.5%;
}
.associate .contact-cont {
  flex-basis: 30%;
  background-color: transparent;
}
.associate .contact-cont .image-box {
  width: 100%;
}
.associate .contact-cont .image-box img {
  width: 100%;
}
.associate .contact-cont .contact {
  background-color: #F4F4F4;
  padding: 2.5%;
}
.associate .contact-cont .contact .content-box {
  background-color: transparent;
  line-height: calc(21px + 0.5vw);
  font-weight: 300;
}
.associate .contact-cont .contact .content-box form input {
  padding: 10px;
  border: solid 1px #5B5B5B;
}
.associate .contact-cont .contact .contact-disclaimer {
  border-radius: 7px;
  padding: 5% 3%;
  text-align: center;
  color: #FFFFFF;
  background-color: #2F9A9A;
}

#general-contact {
  background-color: #2F9A9A;
  padding: 3.5% 0;
}
#general-contact .container {
  width: 70%;
  margin: 0 auto;
  display: flex;
}
@media screen and (max-width: 661px) {
  #general-contact .container {
    width: 85%;
    display: block;
  }
}
#general-contact .container .box.contact-content {
  flex-basis: 35%;
}
#general-contact .container .box.contact-content .title {
  width: 100%;
  padding: 0 0 2.5%;
}
#general-contact .container .box.contact-content .title h4 {
  color: #FFFFFF;
  font-size: calc(21px + 1.75vw);
}
#general-contact .container .box.contact-content .content {
  color: #FFFFFF;
  line-height: calc(21px + 0.25vw);
}
#general-contact .container .box.contact-form {
  flex-basis: 65%;
  padding: 0 3.5%;
}
#general-contact .container .box.contact-form .form-field {
  width: 100%;
  padding: 0;
}
#general-contact .container .box.contact-form .form-field input {
  width: 100%;
  height: 45px;
  padding: 10px;
}
#general-contact .container .box.contact-form .form-field textarea {
  width: 100%;
  height: 100px;
  padding: 10px;
}

#services-banner {
  padding: 10% 0;
  position: relative;
  text-align: center;
}
#services-banner:before {
  content: "";
  z-index: -1;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-position: 100% 40%;
  background-size: cover;
  background-repeat: no-repeat;
}
#services-banner h1 {
  font-size: calc(24px + 1.75vw);
  color: #2F9A9A;
}

#services {
  background-color: #F4F4F4;
  padding: 5% 10%;
}
#services .container {
  text-align: center;
  font-weight: 400;
  color: #5B5B5B;
  line-height: calc(16px + 1vw);
}
#services .container h2 {
  font-size: calc(16px + 0.35vw);
  padding: 0 0 2.5%;
  font-family: "Raleway", Sans-serif;
  font-weight: 500;
}

#next-chapter {
  background: linear-gradient(to bottom, #FFFFFF 5%, #4DC6C6 200%);
  padding: 5% 0;
}
#next-chapter .container .title {
  text-align: center;
}
#next-chapter .container .title h3 {
  font-size: calc(24px + 1.5vw);
  color: #5B5B5B;
}
#next-chapter .container .content {
  text-align: center;
}
#next-chapter .container .content h4 {
  font-size: calc(18px + 0.75vw);
  color: #5B5B5B;
}
#next-chapter .container .therapy-options {
  width: 100%;
  padding: 2.5% 2.5% 5%;
}
#next-chapter .container .therapy-options .acf-tabs__titles {
  display: flex;
  justify-content: space-between;
  padding: 0;
  /* Styling for your tab titles */
}
@media screen and (max-width: 661px) {
  #next-chapter .container .therapy-options .acf-tabs__titles {
    flex-wrap: wrap;
    justify-content: center;
    list-style-position: outside;
  }
}
#next-chapter .container .therapy-options .acf-tabs__titles .acf-tab-title {
  display: inline-block;
  padding: 1.75% 2.5%;
  cursor: pointer;
  background-color: #F4F4F4;
  color: #2F9A9A;
  font-weight: bold;
  transition: background-color 0.35s ease;
}
@media screen and (max-width: 661px) {
  #next-chapter .container .therapy-options .acf-tabs__titles .acf-tab-title {
    flex-basis: 23%;
    margin: 2% 1%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
}
#next-chapter .container .therapy-options .acf-tabs__titles .acf-tab-title:hover {
  background-color: #4DC6C6;
  color: #FFFFFF;
}
#next-chapter .container .therapy-options .acf-tabs__titles .acf-tab-title.active {
  background-color: #4DC6C6;
  color: #FFFFFF;
}
#next-chapter .container .therapy-options .acf-tab-panel {
  display: none;
  background-color: #FFFFFF;
  padding: 2.5% 5%;
}
@media screen and (max-width: 661px) {
  #next-chapter .container .therapy-options .acf-tab-panel {
    padding: 10px;
  }
}
#next-chapter .container .therapy-options .acf-tab-panel ul {
  -moz-column-count: 2;
       column-count: 2;
  /* number of columns */
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  /* space between them */
  list-style-position: outside;
  padding: 0 0 0 25px;
  margin: 0;
}
@media screen and (max-width: 661px) {
  #next-chapter .container .therapy-options .acf-tab-panel ul {
    -moz-column-gap: 35px;
         column-gap: 35px;
  }
}
#next-chapter .container .therapy-options .acf-tab-panel ul li {
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  /* prevents items from splitting across columns */
  margin-bottom: 0.5em;
}
#next-chapter .container .therapy-options .acf-tab-panel.active {
  display: block;
}

#diagnosis-specific .container {
  padding: 5% 0;
}
#diagnosis-specific .container .diagnosis-title {
  text-align: center;
}
#diagnosis-specific .container .diagnosis-title h3 {
  color: #5B5B5B;
  font-size: calc(21px + 1.75vw);
}
#diagnosis-specific .container .diagnosis-content {
  text-align: center;
  padding: 5% 0;
  color: #5B5B5B;
}
@media screen and (max-width: 661px) {
  #diagnosis-specific .container .diagnosis-content {
    padding: 10% 0;
  }
}
#diagnosis-specific .container .specific-cont {
  display: flex;
  flex-wrap: wrap;
  /* if you need multiple rows */
  align-items: stretch;
  /* stretch items to same height */
}
#diagnosis-specific .container .specific-cont .box {
  width: 100%;
  flex-basis: 50%;
  padding: 5%;
}
@media screen and (max-width: 661px) {
  #diagnosis-specific .container .specific-cont .box {
    padding: 10% 5% 15%;
  }
}
#diagnosis-specific .container .specific-cont .box .title {
  width: 100%;
  padding: 1% 0;
}
@media screen and (max-width: 661px) {
  #diagnosis-specific .container .specific-cont .box .title {
    text-align: center;
  }
}
#diagnosis-specific .container .specific-cont .box .title h4 {
  font-size: calc(21px + 0.75vw);
}
@media screen and (max-width: 661px) {
  #diagnosis-specific .container .specific-cont .box .title h4 {
    font-size: 21px;
  }
}
#diagnosis-specific .container .specific-cont .box .content {
  font-size: 115%;
}
#diagnosis-specific .container .specific-cont .box .content ol li {
  padding: 5px 0;
}
#diagnosis-specific .container .specific-cont .box .link-cont {
  width: 100%;
}
#diagnosis-specific .container .specific-cont .box .link-cont a {
  font-size: 125%;
}
#diagnosis-specific .container .specific-cont .box .link-cont a:hover {
  color: #4DC6C6 !important;
}
#diagnosis-specific .container .specific-cont .box:nth-child(1),
#diagnosis-specific .container .specific-cont .box:nth-child(4) {
  background-color: #F4F4F4;
}
#diagnosis-specific .container .specific-cont .box:nth-child(1) .title h4,
#diagnosis-specific .container .specific-cont .box:nth-child(4) .title h4 {
  color: #2F9A9A;
}
#diagnosis-specific .container .specific-cont .box:nth-child(1) .content,
#diagnosis-specific .container .specific-cont .box:nth-child(4) .content {
  color: #5B5B5B;
}
#diagnosis-specific .container .specific-cont .box:nth-child(1) .link-cont a,
#diagnosis-specific .container .specific-cont .box:nth-child(4) .link-cont a {
  color: #2F9A9A;
  font-weight: 600;
}
#diagnosis-specific .container .specific-cont .box:nth-child(2),
#diagnosis-specific .container .specific-cont .box:nth-child(3) {
  background-color: #2F9A9A;
}
#diagnosis-specific .container .specific-cont .box:nth-child(2) .title h4,
#diagnosis-specific .container .specific-cont .box:nth-child(3) .title h4 {
  color: #FFFFFF;
}
#diagnosis-specific .container .specific-cont .box:nth-child(2) .content,
#diagnosis-specific .container .specific-cont .box:nth-child(3) .content {
  color: #FFFFFF;
}
#diagnosis-specific .container .specific-cont .box:nth-child(2) .link-cont a,
#diagnosis-specific .container .specific-cont .box:nth-child(3) .link-cont a {
  color: #FFFFFF;
  font-weight: 600;
}
#diagnosis-specific .container .specific-cont > * {
  flex: 1 1 0;
}

#how-work {
  background-color: #F4F4F4;
  padding: 2.5% 0;
}
@media screen and (max-width: 661px) {
  #how-work {
    padding: 10% 0 0;
  }
}
@media screen and (max-width: 661px) {
  #how-work .container {
    width: 100%;
    padding: 0;
  }
}
#how-work .container .work-title {
  width: 100%;
  text-align: center;
  padding: 2.5% 0 5%;
}
#how-work .container .work-title h4 {
  color: #5B5B5B;
  font-size: calc(21px + 1.75vw);
}
@media screen and (max-width: 661px) {
  #how-work .container .work-title h4 {
    font-size: 25px;
  }
}
#how-work .container .box-cont {
  display: flex;
  gap: 2.5%;
}
@media screen and (max-width: 661px) {
  #how-work .container .box-cont {
    display: block;
  }
}
#how-work .container .box-cont .box {
  flex-basis: 50%;
  line-height: calc(21px + 0.25vw);
}
#how-work .container .box-cont .box img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 661px) {
  #how-work .container .box-cont .content-box {
    width: 90%;
    margin: auto;
    padding-bottom: 10%;
  }
}
@media screen and (max-width: 661px) {
  #how-work .container .box-cont .image-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* pushes content and image apart */
  }
}
#how-work .container .box-cont .box-content {
  width: 90%;
  margin: 0 auto;
}

#best-fit {
  background-color: #4DC6C6;
}
#best-fit .container {
  padding: 3.5% 0;
}
@media screen and (max-width: 661px) {
  #best-fit .container {
    padding: 10% 0;
  }
}
#best-fit .container .title {
  width: 100%;
  padding: 0 0 2.5%;
  text-align: center;
}
#best-fit .container .title h5 {
  color: #FFFFFF;
  font-size: calc(21px + 1.5vw);
}
#best-fit .container .content {
  text-align: center;
  color: #FFFFFF;
}
@media screen and (max-width: 661px) {
  #best-fit .container .content {
    line-height: 25px;
  }
}
#best-fit .container .btn-cont {
  padding: 7.5% 0 0;
}
@media screen and (max-width: 661px) {
  #best-fit .container .btn-cont {
    padding: 7.5% 0;
  }
}

#bottom-banner {
  position: relative;
}
#bottom-banner img {
  position: relative;
  margin-bottom: -4px;
  width: 100%;
  height: auto;
}

#adult-adhd {
  margin-top: 3.5%;
  padding: 0 0 3.5%;
}
#adult-adhd .container {
  display: flex;
  padding: 0;
  border: 1px solid #F4F4F4;
}
@media screen and (max-width: 661px) {
  #adult-adhd .container {
    display: block;
  }
}
#adult-adhd .container .box {
  flex-basis: 50%;
}
#adult-adhd .container .box img {
  width: 100%;
  height: auto;
}
#adult-adhd .container .box .title {
  padding: 3.5% 0 1.5% 5%;
}
#adult-adhd .container .box .title h1 {
  color: #2F9A9A;
  font-size: calc(21px + 0.85vw);
  font-weight: 400;
}
#adult-adhd .container .box .content {
  padding: 0 3% 3% 5%;
  line-height: calc(21px + 0.25vw);
}
#adult-adhd .container .box .content h3 {
  font-size: calc(18px + 0.25vw);
  font-weight: bold;
  color: #000000;
}
@media screen and (max-width: 661px) {
  #adult-adhd .container .box .content ul ul {
    padding: 3.5%;
  }
}
#adult-adhd .container .box .content .btn-cont {
  text-align: center;
}
#adult-adhd .container .box .content .btn-cont .white-btn {
  border: 1px solid #2F9A9A;
  font-size: 95%;
}

#adhd-coaching {
  padding: 1.5% 0;
  background: linear-gradient(to bottom, #4DC6C6 45%, #2F9A9A 100%);
}
@media screen and (max-width: 661px) {
  #adhd-coaching {
    padding: 5% 0 0;
  }
}
#adhd-coaching .container {
  display: flex;
}
@media screen and (max-width: 661px) {
  #adhd-coaching .container {
    display: block;
    width: 100%;
  }
}
#adhd-coaching .container .box {
  flex-basis: 50%;
  padding: 1.5%;
}
#adhd-coaching .container .box .title {
  padding: 5% 0 2.5%;
}
@media screen and (max-width: 661px) {
  #adhd-coaching .container .box .title {
    text-align: center;
    padding: 5% 7%;
  }
}
#adhd-coaching .container .box .title h2 {
  color: #FFFFFF;
  font-size: calc(21px + 0.5vw);
}
@media screen and (max-width: 661px) {
  #adhd-coaching .container .box .title h2 {
    font-size: 31px;
  }
}
#adhd-coaching .container .box .content {
  color: #FFFFFF;
  line-height: calc(21px + 0.5vw);
}
#adhd-coaching .container .box .btn-cont {
  padding: 3.5% 0;
  text-align: left;
}
@media screen and (max-width: 661px) {
  #adhd-coaching .container .box .btn-cont {
    text-align: center;
    padding: 5% 0 10%;
  }
}
#adhd-coaching .container .box img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 661px) {
  #adhd-coaching .container .content-box {
    width: 90%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 661px) {
  #adhd-coaching .container .image-box {
    width: 100%;
    margin: 0 auto;
    padding: 5% 0 0;
  }
}

#article-title {
  width: 85%;
  margin: 0 auto;
  padding: 5% 2.5% 1.5%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.5%;
}
#article-title .title h1 {
  color: #000000;
  font-size: calc(21px + 0.5vw);
}
#article-title .border {
  width: 100%;
  height: 5px;
  margin-top: 5px;
  border-top: solid 1px #5B5B5B;
  border-bottom: solid 1px #5B5B5B;
}

#articles .container {
  display: flex;
  flex-wrap: wrap;
  gap: 3%;
  padding: 0;
}
@media screen and (max-width: 661px) {
  #articles .container {
    display: block;
  }
}
#articles .container article {
  border: solid 2px #F4F4F4;
  padding: 1%;
  margin-bottom: 5%;
  flex: 0 1 31.333%;
  /* don’t grow, can shrink, base = one-third minus gap */
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 661px) {
  #articles .container article {
    margin-bottom: 10%;
    padding: 5%;
  }
}
#articles .container article h2 {
  padding-top: 2.5%;
  font-size: calc(21px + 0.125vw);
}
#articles .container article h2 a {
  color: #000000;
  transition: color 0.5s ease;
}
#articles .container article h2 a:hover {
  color: #0d6efd;
}
#articles .container article .entry-content {
  width: 100%;
  display: inline-block;
  /* shrink‐wrap to image size */
  overflow: hidden;
  background-color: #F4F4F4;
  /* hide any parts that grow beyond the container */
  margin-bottom: 5%;
}
#articles .container article .entry-content a {
  display: block;
}
#articles .container article .entry-content a img {
  height: auto;
  display: block;
  /* remove inline‐img whitespace */
  width: 100%;
  /* ensure it fills the container */
  transition: transform 0.5s ease;
  /* animate the transform */
  transform-origin: center center;
  /* scale out from the center */
}
#articles .container article .entry-summary {
  width: 100%;
}
#articles .container article .entry-summary a {
  display: block;
}
#articles .container article .entry-summary a img {
  width: 100%;
  height: auto;
}
#articles .container article .btn-cont {
  margin-top: auto;
  text-align: left;
}
#articles .container article:hover a img {
  transform: scale(1.15);
}

#single-post .post-title {
  padding: 5% 15%;
  background-color: #4DC6C6;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 661px) {
  #single-post .post-title {
    text-align: center;
    padding: 5% 5% 15%;
  }
}
#single-post .post-title:after {
  content: "";
  width: 80%;
  height: 1px;
  position: absolute;
  border-bottom: 1px solid #FFFFFF;
  bottom: 20%;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 1024px) {
  #single-post .post-title:after {
    bottom: 12.5%;
  }
}
#single-post .post-title h1 {
  font-size: calc(21px + 3vw);
  color: #FFFFFF;
}
#single-post .container .content-container {
  display: flex;
  gap: 50px;
}
@media screen and (max-width: 661px) {
  #single-post .container .content-container {
    display: block;
  }
}
#single-post .container .content-container .content {
  flex-basis: 70%;
  float: left;
}
@media screen and (max-width: 661px) {
  #single-post .container .content-container .content {
    padding: 7.5%;
  }
}
#single-post .container .content-container .content a {
  color: #4DC6C6;
  font-weight: 600;
  font-size: 125%;
  transition: color ease 0.5s;
}
#single-post .container .content-container .content a:hover {
  color: #2F9A9A;
}
#single-post .container .content-container .sidebar {
  flex-basis: 30%;
}
#single-post .container .content-container .sidebar .sidebar-cont {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  position: relative;
  border-radius: 5px;
  padding: 15px;
  height: auto;
}
#single-post .container .content-container .sidebar .sidebar-cont .toc-cont {
  margin-bottom: 25px;
}
@media screen and (max-width: 661px) {
  #single-post .container .content-container .sidebar .sidebar-cont .toc-cont {
    display: none;
  }
}
#single-post .container .content-container .sidebar .sidebar-cont .toc-cont .toc-title {
  padding: 15px 15px 20px;
  margin-bottom: 25px;
  text-align: center;
  font-size: calc(16px + 0.5vw);
  border-bottom: 1px solid #000000;
}
#single-post .container .content-container .sidebar .sidebar-cont .toc-cont ul.toc-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
#single-post .container .content-container .sidebar .sidebar-cont .toc-cont ul.toc-list li.toc-item {
  margin-bottom: 10px;
}
#single-post .container .content-container .sidebar .sidebar-cont .toc-cont ul.toc-list li.toc-item:hover svg {
  fill: #2F9A9A;
}
#single-post .container .content-container .sidebar .sidebar-cont .toc-cont ul.toc-list li.toc-item:hover a {
  color: #2F9A9A;
  text-decoration: underline;
}
#single-post .container .content-container .sidebar .sidebar-cont .toc-cont ul.toc-list li.toc-item svg {
  width: 25px;
  fill: #4DC6C6;
  padding: 0 5px 0 0;
  transition: fill ease 0.4s;
}
#single-post .container .content-container .sidebar .sidebar-cont .toc-cont ul.toc-list li.toc-item a {
  display: flex;
  align-items: center;
  color: #000000;
  text-decoration: none;
  transition: color ease 0.3s, -webkit-text-decoration ease 0.5;
  transition: color ease 0.3s, text-decoration ease 0.5;
  transition: color ease 0.3s, text-decoration ease 0.5, -webkit-text-decoration ease 0.5;
}
#single-post .container .content-container .sidebar .sidebar-cont .related-posts {
  margin: 5% auto;
  padding: 15px;
}
@media screen and (max-width: 1024px) {
  #single-post .container .content-container .sidebar .sidebar-cont .related-posts {
    padding: 15px 0;
  }
}
#single-post .container .content-container .sidebar .sidebar-cont .related-posts .title-cont {
  border-bottom: 1px solid #000000;
  text-align: center;
  padding: 0 0 10px;
  margin-bottom: 35px;
}
#single-post .container .content-container .sidebar .sidebar-cont .related-posts .title-cont h3 {
  color: #000000;
  font-size: calc(16px + 0.5vw);
}
#single-post .container .content-container .sidebar .sidebar-cont .related-posts .img-cont {
  width: 100%;
  height: auto;
}
#single-post .container .content-container .sidebar .sidebar-cont .related-posts .img-cont img {
  width: 100%;
  height: auto;
}
#single-post .container .content-container .sidebar .sidebar-cont .related-posts .related-title {
  width: 100%;
  padding: 5px 0;
  font-weight: 600;
  font-size: 115%;
}
#single-post .container .content-container .sidebar .sidebar-cont .related-posts .read-more {
  font-size: 12px;
  padding-top: 10px;
}
#single-post .container .content-container .sidebar .sidebar-cont .related-posts ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
#single-post .container .content-container .sidebar .sidebar-cont .related-posts ul li {
  margin: 0 0 35px;
}
#single-post .container .content-container .sidebar .sidebar-cont .related-posts ul li:hover a {
  color: #4DC6C6;
}
#single-post .container .content-container .sidebar .sidebar-cont .related-posts ul li a {
  color: #2F9A9A;
  text-decoration: none;
  transition: color ease 0.5s;
}
#single-post .container .content-container .toc-sidebar {
  width: 100%;
  display: none;
  padding: 5%;
}
@media screen and (max-width: 661px) {
  #single-post .container .content-container .toc-sidebar {
    display: block;
  }
}
#single-post .container .content-container .toc-sidebar .toc-cont {
  margin-bottom: 25px;
}
#single-post .container .content-container .toc-sidebar .toc-cont .toc-title {
  padding: 15px 15px 20px;
  margin-bottom: 25px;
  text-align: center;
  font-size: 25px;
  border-bottom: 1px solid #000000;
}
#single-post .container .content-container .toc-sidebar .toc-cont ul.toc-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
#single-post .container .content-container .toc-sidebar .toc-cont ul.toc-list li.toc-item {
  margin-bottom: 10px;
}
#single-post .container .content-container .toc-sidebar .toc-cont ul.toc-list li.toc-item:hover svg {
  fill: #2F9A9A;
}
#single-post .container .content-container .toc-sidebar .toc-cont ul.toc-list li.toc-item:hover a {
  color: #2F9A9A;
  text-decoration: underline;
}
#single-post .container .content-container .toc-sidebar .toc-cont ul.toc-list li.toc-item svg {
  width: 25px;
  fill: #4DC6C6;
  padding: 0 5px 0 0;
  transition: fill ease 0.4s;
}
#single-post .container .content-container .toc-sidebar .toc-cont ul.toc-list li.toc-item a {
  display: flex;
  align-items: center;
  color: #000000;
  text-decoration: none;
  transition: color ease 0.3s, -webkit-text-decoration ease 0.5;
  transition: color ease 0.3s, text-decoration ease 0.5;
  transition: color ease 0.3s, text-decoration ease 0.5, -webkit-text-decoration ease 0.5;
}
#single-post .container .faq-list {
  width: 100%;
  padding: 3.5% 0;
}
#single-post .container .faq-list .faq-title {
  padding-bottom: 2.5%;
}
#single-post .container .faq-list .faq-title h4 {
  font-size: calc(21px + 1vw);
  color: #4DC6C6;
}
#single-post .container .faq-list .faq-item {
  margin-bottom: 1em;
}
#single-post .container .faq-list .faq-item .faq-question {
  display: block;
  width: 100%;
  text-align: left;
  background: none;
  border: none;
  font-size: 1.1em;
  cursor: pointer;
}
#single-post .container .faq-list .faq-item .faq-answer {
  padding: 0.5em 1em;
  border-left: 3px solid #0073aa;
  margin-top: 0.5em;
}

.single-footer {
  width: 100%;
  margin: 5% auto;
}
.single-footer .navigation {
  width: 80%;
  margin: 0 auto;
}
.single-footer .navigation .nav-links {
  display: flex;
  justify-content: space-around;
  gap: 15px;
}
.single-footer .navigation .nav-links a {
  color: #4DC6C6;
  font-size: 125%;
  transition: color ease 0.5s;
}
.single-footer .navigation .nav-links a:hover {
  color: #2F9A9A;
}
.single-footer .navigation .nav-links > *:not(:first-child) {
  border-left: 1px solid #ccc;
  padding-left: 1rem;
}

#meet {
  margin: 3.5% auto 5%;
  width: 100%;
}
#meet .container {
  display: flex;
  border: solid 1px #E6E6E6;
  border-radius: 3px;
}
@media screen and (max-width: 661px) {
  #meet .container {
    display: block;
  }
}
#meet .container .image {
  width: 100%;
  padding: 0 2.5% 0 0;
}
@media screen and (max-width: 661px) {
  #meet .container .image {
    height: 450px;
    padding: 0;
    text-align: center;
  }
}
#meet .container .image img {
  height: auto;
  width: 100%;
}
@media screen and (max-width: 661px) {
  #meet .container .image img {
    height: auto;
  }
}
#meet .container .image .content-cont {
  width: 100%;
  padding: 2.5%;
}
#meet .container .image .content-cont .header {
  width: 100%;
  padding: 2.5% 0;
}
@media screen and (max-width: 661px) {
  #meet .container .image .content-cont .header {
    text-align: center;
  }
}
#meet .container .image .content-cont .header h1 {
  font-size: calc(21px + 1.5vw);
  color: #2F9A9A;
  font-weight: 300;
}
@media screen and (max-width: 661px) {
  #meet .container .image .content-cont .header h1 {
    font-size: 35px;
  }
}
#meet .container .image .content-cont .entry-content {
  line-height: 25px;
}
#meet .container .image .content-cont .entry-content .field {
  padding: 3.5%;
  text-align: center;
  color: #000000;
  border: solid 1px #E6E6E6;
  margin: 3% auto;
}
#meet .container .image .content-cont .entry-content .field h2 {
  font-size: calc(14px + 0.125vw);
}
@media screen and (max-width: 661px) {
  #meet .container .image .content-cont .entry-content p {
    text-align: center;
  }
}
#meet .container .image .content-cont .entry-content .btn-cont {
  padding: 2.5% 0;
}
#meet .container .image .content-cont .entry-content .award-cont {
  display: flex;
  align-items: center;
  justify-content: center;
}
#meet .container .image .content-cont .entry-content .award-cont .box {
  width: 100%;
  padding: 5%;
}
#meet .container .image .content-cont .entry-content .award-cont .box img {
  width: 100%;
  height: auto;
}

#landing-banner {
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
}
@media screen and (max-width: 661px) {
  #landing-banner {
    background-size: cover;
    background-position: 55%;
  }
}
#landing-banner .container {
  padding: 5% 0 15%;
}
@media screen and (max-width: 1024px) {
  #landing-banner .container {
    padding: 5% 0 20%;
  }
}
@media screen and (max-width: 661px) {
  #landing-banner .container {
    padding: 7.5% 0 40%;
  }
}
#landing-banner .container .title {
  text-align: center;
  margin-bottom: 2.5%;
}
#landing-banner .container .title h1 {
  color: #2F9A9A;
  font-size: calc(21px + 2.75vw);
  font-weight: 500;
}
#landing-banner .container .content {
  text-align: center;
}
#landing-banner .container .content h2 {
  font-family: "Raleway", Sans-serif;
  font-weight: 300;
  font-size: calc(16px + 0.5vw);
}
@media screen and (max-width: 661px) {
  #landing-banner .container .content h2 {
    font-weight: 400;
  }
}

#greeting {
  background: linear-gradient(to right, #4DC6C6 -200%, #FFFFFF 150%);
}
#greeting .container {
  display: flex;
  gap: 25px;
  padding: 5% 0 0;
}
@media screen and (max-width: 661px) {
  #greeting .container {
    display: block;
  }
}
#greeting .container .content-cont {
  width: 100%;
  line-height: calc(21px + 0.5vw);
  margin-bottom: 5%;
}
@media screen and (max-width: 661px) {
  #greeting .container .content-cont {
    padding: 5%;
    line-height: 25px;
  }
}
#greeting .container .content-cont h3 {
  font-family: "Raleway", Sans-serif;
  font-size: 125%;
  display: inline;
  font-weight: 400;
}
#greeting .container .content-cont .btn-cont {
  text-align: left;
  padding: 3.5% 0 0;
}
@media screen and (max-width: 661px) {
  #greeting .container .content-cont .btn-cont {
    text-align: center;
  }
}
#greeting .container .image-cont {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* pushes content and image apart */
}
#greeting .container .image-cont img {
  width: 100%;
  height: auto;
  position: relative;
  left: 0;
  bottom: 0;
  margin-top: auto;
}
@media screen and (max-width: 661px) {
  #greeting .container .image-cont img {
    position: relative;
    margin-top: auto;
  }
}

#ready {
  background: linear-gradient(to bottom, #FFFFFF 25%, #4DC6C6 150%);
  padding: 2.5% 0;
}
@media screen and (max-width: 661px) {
  #ready {
    padding: 7.5% 0;
  }
}
#ready .container {
  text-align: center;
  width: 70%;
}
@media screen and (max-width: 1024px) {
  #ready .container {
    width: 80%;
  }
}
@media screen and (max-width: 661px) {
  #ready .container {
    width: 90%;
  }
}
#ready .container h3 {
  font-size: calc(21px + 2vw);
}
#ready .container h4 {
  font-size: calc(16px + 1vw);
}
#ready .container h5 {
  font-size: calc(16px + 0.25vw);
  font-weight: 300;
  font-family: "Raleway", Sans-serif;
}
#ready .container .ul-columns {
  width: 95%;
  margin: 5% auto 2.5%;
  display: flex;
  gap: 1.5rem;
}
@media screen and (max-width: 1024px) {
  #ready .container .ul-columns {
    gap: 16px;
  }
}
@media screen and (max-width: 661px) {
  #ready .container .ul-columns {
    gap: 2px;
    margin: 7.55% auto 10%;
  }
}
#ready .container .ul-columns ul {
  flex: 1;
  /* optional spacing between columns */
  list-style-position: inside;
  list-style: none;
  padding: 0;
  margin: 0;
  /* optional for better alignment */
}
#ready .container .ul-columns ul li {
  background-color: #FFFFFF;
  width: 100%;
  padding: 10px 0;
  margin-bottom: 2px;
  font-size: calc(14px + 0.0125vw);
}
@media screen and (max-width: 1024px) {
  #ready .container .ul-columns ul li {
    padding: 10px 5px !important;
    font-size: calc(12px + 0.125vw) !important;
  }
}
@media screen and (max-width: 661px) {
  #ready .container .ul-columns ul li {
    min-height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

#general-contact-landing {
  background-color: #2F9A9A;
  padding: 3.5% 0;
}
#general-contact-landing .container {
  width: 70%;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  #general-contact-landing .container {
    flex-basis: 65%;
  }
}
@media screen and (max-width: 661px) {
  #general-contact-landing .container {
    width: 90%;
    display: block;
  }
}
#general-contact-landing .container .box.contact-content {
  flex-basis: 30%;
  padding-right: 3.5%;
}
@media screen and (max-width: 1024px) {
  #general-contact-landing .container .box.contact-content {
    margin-bottom: 15%;
  }
}
@media screen and (max-width: 768px) {
  #general-contact-landing .container .box.contact-content {
    padding-right: 1.5%;
    flex-basis: 35%;
  }
}
#general-contact-landing .container .box.contact-content .title {
  width: 100%;
  padding: 0 0 2.5%;
}
@media screen and (max-width: 661px) {
  #general-contact-landing .container .box.contact-content .title {
    padding: 7.5% 0;
    text-align: center;
  }
}
#general-contact-landing .container .box.contact-content .title h4 {
  color: #FFFFFF;
  font-size: calc(21px + 1.75vw);
}
#general-contact-landing .container .box.contact-content .content {
  color: #FFFFFF;
  line-height: calc(21px + 0.25vw);
  line-height: 25px;
}
#general-contact-landing .container .box.contact-form {
  flex-basis: 65%;
  padding: 0 5%;
}
@media screen and (max-width: 661px) {
  #general-contact-landing .container .box.contact-form {
    padding: 10% 0;
  }
}
#general-contact-landing .container .box.contact-form .form-field {
  width: 100%;
  padding: 0;
  color: #FFFFFF;
}
#general-contact-landing .container .box.contact-form .form-field p {
  margin: 0 0 7px;
}
#general-contact-landing .container .box.contact-form .form-field .wpcf7-form-control {
  display: flex;
}
#general-contact-landing .container .box.contact-form .form-field .wpcf7-form-control .wpcf7-list-item {
  display: flex;
  align-items: center;
}
#general-contact-landing .container .box.contact-form .form-field input {
  width: 100%;
  height: 40px;
  padding: 5px;
}
#general-contact-landing .container .box.contact-form .form-field textarea {
  width: 100%;
  height: 100px;
  padding: 10px;
}

#page .container a {
  color: #4DC6C6;
}
#page .container ul li a {
  color: #4DC6C6;
}

#footer {
  background-color: #E6E6E6;
}
#footer .container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 50px;
}
@media screen and (max-width: 661px) {
  #footer .container {
    display: block;
    padding: 7.5% 0;
  }
}
#footer .container #footer-branding {
  flex-basis: 30%;
}
@media screen and (max-width: 1024px) {
  #footer .container #footer-branding {
    flex-basis: 40%;
  }
}
@media screen and (max-width: 768px) {
  #footer .container #footer-branding {
    flex-basis: 45%;
  }
}
@media screen and (max-width: 661px) {
  #footer .container #footer-branding {
    padding: 5% 0;
  }
}
#footer .container #footer-branding #footer-site-logo a {
  display: block;
}
#footer .container #footer-branding #footer-site-logo a img {
  width: 90%;
  height: auto;
}
#footer .container #social-cont {
  flex-basis: 70%;
  height: 50px;
}
@media screen and (max-width: 1024px) {
  #footer .container #social-cont {
    flex-basis: 60%;
  }
}
@media screen and (max-width: 768px) {
  #footer .container #social-cont {
    flex-basis: 55%;
  }
}
@media screen and (max-width: 661px) {
  #footer .container #social-cont {
    padding: 5% 0;
  }
}
#footer .container #social-cont .social {
  margin-left: 40%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2%;
  height: 50px;
}
@media screen and (max-width: 661px) {
  #footer .container #social-cont .social {
    margin-left: 0;
  }
}
#footer .container #social-cont .social .icon {
  /*flex-basis: 14%;*/
  height: 50px;
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #2F9A9A;
  border-radius: 50%;
}
#footer .container #social-cont .social .icon a {
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#footer .container #social-cont .social .icon a img {
  height: 90%;
  width: 90%;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: height 0.3s ease, width 0.3s ease;
  display: block;
}
#footer .container #social-cont .social .icon:hover img {
  height: 100%;
  width: 100%;
}
#footer #copyright {
  width: 100%;
  text-align: center;
  padding: 1.5% 0;
  background-color: #FFFFFF;
  font-weight: bold;
}
@media screen and (max-width: 661px) {
  #footer #copyright {
    padding: 5%;
  }
}
#footer #copyright a {
  color: #000000;
}/*# sourceMappingURL=style.css.map */