/*##############################################################################
## Import                                                                      #
##############################################################################*/
/*##############################################################################
## Colors                                                                      #
##############################################################################*/
/*##############################################################################
## Fonts                                                                       #
##############################################################################*/
.lato {
  font-family: "lato",sans-serif; }

.playfair {
  font-family: 'Playfair Display', serif; }

.prox {
  font-family: "proxima-nova", sans-serif; }

.caveat, .washco h1, .washco h1.washco_title div, .home #homepage_slider div.slide .cont span h2, .home .home_cta .ctas .cta h4, .upcoming_events h3, .featured_partners h3, .post-type-archive-health_resources .content ul.healthy_resource_list li .cont h2, .resource_cont h2 {
  font-family: 'Caveat', cursive; }

.sans, .washco a,
.washco p,
.washco div,
.washco span,
.washco label,
.washco fieldset,
.washco button,
.washco input,
.washco textarea {
  font-family: 'Open Sans', sans-serif; }

/*##############################################################################
## Media Queries                                                               #
##############################################################################*/
/*##############################################################################
## Animations                                                                  #
##############################################################################*/
/*##############################################################################
## Transitions                                                                 #
##############################################################################*/
/*##############################################################################
## Absolute Position                                                           #
##############################################################################*/
.absolute {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0; }

/*##############################################################################
## Absolute Shaders                                                            #
##############################################################################*/
.dd_scrollbar {
  -webkit-overflow-scrolling: touch; }
  .dd_scrollbar::-webkit-scrollbar {
    width: 8px;
    height: 8px; }
  .dd_scrollbar::-webkit-scrollbar-button {
    width: 0px;
    height: 0px; }
  .dd_scrollbar::-webkit-scrollbar-thumb {
    background: #333;
    border: 100px none #333;
    border-radius: 0px; }
  .dd_scrollbar::-webkit-scrollbar-thumb:hover {
    background: #333; }
  .dd_scrollbar::-webkit-scrollbar-thumb:active {
    background: #333; }
  .dd_scrollbar::-webkit-scrollbar-track {
    background: transparent;
    border: 100px none #333;
    border-radius: 0px; }
  .dd_scrollbar::-webkit-scrollbar-track:hover {
    background: transparent; }
  .dd_scrollbar::-webkit-scrollbar-track:active {
    background: transparent; }
  .dd_scrollbar::-webkit-scrollbar-corner {
    background: transparent; }

.switch_toggle {
  /* Rounded sliders */ }
  .switch_toggle label span.form_label {
    position: relative;
    top: -20px; }
  .switch_toggle .switch {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 24px; }
  .switch_toggle .switch input {
    opacity: 0;
    width: 0;
    height: 0; }
  .switch_toggle .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #333;
    -webkit-transition: .4s;
    transition: .4s; }
  .switch_toggle .slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s; }
  .switch_toggle input:checked + .slider {
    background-color: rgba(0, 0, 0, 0.05); }
  .switch_toggle input:focus + .slider {
    box-shadow: 0 0 0px #0000; }
  .switch_toggle input:checked + .slider:before {
    left: calc(100% - 20px); }
  .switch_toggle .slider.round {
    border-radius: 34px; }
  .switch_toggle .slider.round:before {
    border-radius: 50%; }

#news_container {
  overflow: hidden; }

button.mobile_nav {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 999;
  background: none !important;
  padding: 0;
  font-size: 2.0rem;
  width: 100px;
  height: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
  color: #333 !important; }
  @media only screen and (max-width: 1366px) {
    button.mobile_nav {
      display: block; } }

button.silent_close {
  width: 100vw;
  height: 100vh;
  border-radius: 0 !important;
  background: rgba(0, 0, 0, 0.64) !important;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 990;
  display: none; }

.acf_ajax {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 99999999999999999999999999999999;
  background: rgba(255, 255, 255, 0.94);
  display: flex;
  align-items: center;
  justify-content: center; }
  .acf_ajax .cont {
    max-width: 500px; }
    .acf_ajax .cont button.close_ajax {
      position: absolute;
      right: 0;
      top: 0;
      background: none;
      color: #333;
      padding: 0;
      width: calc(24px*3);
      height: calc(24px*3);
      display: flex;
      align-items: center;
      justify-content: center; }

ul.wash_crumbs {
  display: flex;
  align-items: center;
  margin-bottom: calc(24px*2);
  background: rgba(0, 0, 0, 0.024);
  height: calc(24px*2);
  padding: 0 24px;
  border-radius: calc(24px/2);
  width: 100%; }
  ul.wash_crumbs li {
    text-transform: capitalize; }
    ul.wash_crumbs li a {
      color: #333; }
  ul.wash_crumbs i {
    margin: 0 calc(24px/2);
    opacity: 0.24; }

.washco h1 {
  font-weight: 600; }
  .washco h1.washco_title {
    margin: 0;
    height: 360px;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
    color: white;
    font-size: 5.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative; }
    @media only screen and (max-width: 860px) {
      .washco h1.washco_title {
        font-size: 4.0rem; } }
    @media only screen and (max-width: 1024px) {
      .washco h1.washco_title {
        font-size: 3.0rem; } }
    .washco h1.washco_title div {
      position: relative;
      z-index: 99;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
    .washco h1.washco_title span {
      position: absolute;
      z-index: 98;
      background: rgba(0, 0, 0, 0.2);
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
.washco a.btn,
.washco a.button,
.washco .button,
.washco button {
  background: #425CC7;
  border-radius: 24px;
  color: white; }
.washco .site-header {
  width: 100%;
  border-bottom: none;
  padding: 0 calc(24px*2);
  height: 130px;
  display: flex;
  align-items: center;
  background: white; }
  .washco .site-header .wrap {
    width: 100%;
    max-width: 100%;
    display: flex;
    align-items: center; }
    .washco .site-header .wrap .title-area {
      padding: 0; }
      .washco .site-header .wrap .title-area h1 {
        margin-bottom: 0; }
        @media only screen and (max-width: 600px) {
          .washco .site-header .wrap .title-area h1 {
            transform: scale(0.8);
            position: relative;
            left: -70px; } }
        .washco .site-header .wrap .title-area h1 a {
          display: block; }
        .washco .site-header .wrap .title-area h1 [data-name="Group 103"],
        .washco .site-header .wrap .title-area h1 [data-name="Group 104"] {
          fill: #007473; }
  .washco .site-header .nav-primary {
    float: none;
    margin-left: auto; }
    @media only screen and (max-width: 375px) {
      .washco .site-header .nav-primary {
        width: 100%; } }
    @media only screen and (max-width: 1600px) {
      .washco .site-header .nav-primary ul li a {
        font-size: 1.0rem; } }
    @media only screen and (max-width: 1366px) {
      .washco .site-header .nav-primary {
        position: fixed;
        background: #425CC7;
        width: 100%;
        height: 100vh;
        top: 0;
        right: 0;
        z-index: 9999;
        display: none; }
        .washco .site-header .nav-primary li {
          width: 100%;
          border-bottom: solid 1px rgba(255, 255, 255, 0.2); }
          .washco .site-header .nav-primary li.chat_now a.button {
            margin-left: 0;
            background: white;
            color: black;
            border-radius: 0; }
          .washco .site-header .nav-primary li a {
            color: white;
            font-size: 1.0rem;
            font-weight: 600;
            display: flex;
            align-items: center; }
            .washco .site-header .nav-primary li a.sf-with-ul span {
              display: flex;
              align-items: center;
              width: 100%; }
              .washco .site-header .nav-primary li a.sf-with-ul span i {
                margin-left: auto; }
        .washco .site-header .nav-primary > .wrap {
          flex-direction: column; }
          .washco .site-header .nav-primary > .wrap h2 {
            width: 100%;
            color: white;
            display: flex;
            align-items: center;
            padding: 0 24px; }
            .washco .site-header .nav-primary > .wrap h2 button {
              text-align: right;
              margin-left: auto;
              padding: 24px 0 24px 24px; }
        .washco .site-header .nav-primary ul.sub-menu-mobile,
        .washco .site-header .nav-primary ul.sub-menu {
          border: none;
          position: relative !important;
          left: 0 !important;
          visibility: visible !important;
          opacity: 1 !important;
          width: 100%;
          background: rgba(255, 255, 255, 0.34); }
          .washco .site-header .nav-primary ul.sub-menu-mobile li a,
          .washco .site-header .nav-primary ul.sub-menu li a {
            background: none !important;
            border: none;
            width: 100% !important;
            font-size: 0.88rem !important;
            color: white !important;
            padding-left: calc(24px*2); }
          .washco .site-header .nav-primary ul.sub-menu-mobile.expanded,
          .washco .site-header .nav-primary ul.sub-menu.expanded {
            display: block !important; } }
    .washco .site-header .nav-primary a {
      font-size: 1.2rem;
      font-weight: 600; }
      .washco .site-header .nav-primary a.button {
        background: none;
        border: solid;
        margin-left: 8px;
        font-weight: 300;
        border: solid 1px black;
        padding: 16px 24px;
        border-radius: 8px;
        color: black; }
        .washco .site-header .nav-primary a.button:hover {
          background: white;
          color: black; }
    .washco .site-header .nav-primary ul.sub-menu-mobile,
    .washco .site-header .nav-primary ul.sub-menu {
      z-index: 999999999999; }
      .washco .site-header .nav-primary ul.sub-menu-mobile li a,
      .washco .site-header .nav-primary ul.sub-menu li a {
        color: #333;
        font-size: 1.12rem; }
.washco .site-inner {
  border-bottom: solid 1px rgba(0, 0, 0, 0.24);
  padding-bottom: calc(48px);
  margin-bottom: calc(48px); }
.washco .site-footer {
  background-color: #F4F4F4; }
  .washco .site-footer .menu-social-item {
    display: inline-block;
    margin-right: 20px; }

.home button.mobile_nav {
  color: white !important; }
.home.admin-bar .site-header {
  top: 32px; }
.home .site-inner {
  display: none; }
.home .site-header {
  background: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  color: white; }
  .home .site-header h1 [data-name="Group 103"],
  .home .site-header h1 [data-name="Group 104"] {
    fill: white !important; }
  .home .site-header h1 a {
    display: block; }
  .home .site-header .nav-primary a {
    font-size: 1.2rem;
    color: white; }
    .home .site-header .nav-primary a.button {
      background: none;
      border: solid;
      margin-left: 8px;
      font-weight: 300;
      border: solid 1px white;
      padding: 16px 24px;
      border-radius: 8px;
      color: white; }
      .home .site-header .nav-primary a.button:hover {
        background: white;
        color: black; }
.home #homepage_slider div.slide .cont {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center; }
  .home #homepage_slider div.slide .cont span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap; }
    .home #homepage_slider div.slide .cont span h2 {
      color: white;
      font-size: 6.0rem;
      width: 100%;
      text-align: center; }
      @media only screen and (max-width: 1446px) {
        .home #homepage_slider div.slide .cont span h2 {
          font-size: 5.0rem; } }
      @media only screen and (max-width: 1024px) {
        .home #homepage_slider div.slide .cont span h2 {
          font-size: 4.0rem; } }
      @media only screen and (max-width: 860px) {
        .home #homepage_slider div.slide .cont span h2 {
          font-size: 3.0rem; } }
    .home #homepage_slider div.slide .cont span a.button {
      text-transform: capitalize; }
.home .home_cta {
  position: relative;
  z-index: 98;
  background: #004F51;
  padding: calc(24px*8) calc(24px*4);
  color: white; }
  .home .home_cta h3 {
    text-align: center;
    font-size: 2.52rem;
    font-weight: 300; }
  .home .home_cta p.mission_desc {
    text-align: center;
    margin-bottom: calc(24px*3); }
  .home .home_cta a {
    color: white; }
  .home .home_cta .ctas {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: calc(24px*2); }
    @media only screen and (max-width: 1024px) {
      .home .home_cta .ctas {
        grid-template-columns: repeat(2, 1fr); } }
    @media only screen and (max-width: 860px) {
      .home .home_cta .ctas {
        grid-template-columns: 1fr; } }
    .home .home_cta .ctas .cta {
      height: 374px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      text-align: center; }
      .home .home_cta .ctas .cta img {
        margin: auto; }
      .home .home_cta .ctas .cta h4 {
        width: 100%;
        font-size: 3.4rem;
        margin-bottom: 0; }
        @media only screen and (max-width: 1366px) {
          .home .home_cta .ctas .cta h4 {
            font-size: 2.4rem; } }
        @media only screen and (max-width: 1024px) {
          .home .home_cta .ctas .cta h4 {
            font-size: 2.0rem; } }
      .home .home_cta .ctas .cta .cta_desc {
        padding: 0 24px; }
.home .photo_spacer {
  position: relative;
  top: -114px;
  z-index: 99;
  width: 100%;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  height: 614px; }
  @media only screen and (max-width: 860px) {
    .home .photo_spacer {
      display: none; } }

.upcoming_events {
  padding: 0 calc(24px*2);
  margin-bottom: calc(24px*4); }
  @media only screen and (max-width: 860px) {
    .upcoming_events {
      padding: 0 24px; } }
  .upcoming_events h3 {
    font-size: 4.0rem;
    color: #004F51;
    margin: 0;
    width: 100%;
    height: calc(24px*8);
    display: flex;
    align-items: center; }
    @media only screen and (max-width: 1024px) {
      .upcoming_events h3 {
        font-size: 3.0rem; } }
    @media only screen and (max-width: 860px) {
      .upcoming_events h3 {
        margin-top: calc(24px*2);
        flex-wrap: wrap;
        justify-content: center;
        font-size: 2.2rem; } }
    .upcoming_events h3 a.button {
      margin-left: auto;
      font-size: 1.4rem; }
      @media only screen and (max-width: 1024px) {
        .upcoming_events h3 a.button {
          font-size: 1.0rem; } }
      @media only screen and (max-width: 860px) {
        .upcoming_events h3 a.button {
          width: 100%;
          margin-bottom: calc(24px*2); } }
  .upcoming_events .events_cont {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: calc(24px*2); }
    @media only screen and (max-width: 1024px) {
      .upcoming_events .events_cont {
        grid-template-columns: repeat(2, 1fr); } }
    @media only screen and (max-width: 860px) {
      .upcoming_events .events_cont {
        grid-template-columns: 1fr; } }
    .upcoming_events .events_cont .event {
      border: solid 1px rgba(0, 0, 0, 0.05);
      overflow: hidden; }
      .upcoming_events .events_cont .event img {
        height: 345px;
        width: 100%;
        object-fit: cover; }
      .upcoming_events .events_cont .event .cont {
        padding: calc(24px*2) 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap; }
        .upcoming_events .events_cont .event .cont a,
        .upcoming_events .events_cont .event .cont h4,
        .upcoming_events .events_cont .event .cont div {
          text-align: center;
          width: 100%; }
        .upcoming_events .events_cont .event .cont h4 {
          width: 88%;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          margin-top: 24px; }
        .upcoming_events .events_cont .event .cont div.hosted {
          font-size: 0.9rem;
          color: rgba(0, 0, 0, 0.54); }
        .upcoming_events .events_cont .event .cont a {
          margin-top: 24px; }
  .upcoming_events.news {
    background: #004F51;
    padding-bottom: calc(24px*4);
    position: relative;
    overflow: hidden; }
    @media only screen and (max-width: 1024px) {
      .upcoming_events.news {
        margin-bottom: 0; } }
    .upcoming_events.news h3 {
      color: #fff; }
    .upcoming_events.news h4 {
      color: black; }
    .upcoming_events.news .event {
      border: none;
      background: white; }

.featured_partners {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap; }
  .featured_partners h3 {
    color: #004F51;
    font-size: 4.0rem;
    margin: 0;
    height: calc(24px*8);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%; }
    @media only screen and (max-width: 860px) {
      .featured_partners h3 {
        font-size: 2.6rem; } }
    @media only screen and (max-width: 600px) {
      .featured_partners h3 {
        font-size: 2.0rem; } }
  .featured_partners .partners_slider {
    width: 100%;
    padding: 0 calc(24px*4); }
    .featured_partners .partners_slider .slide {
      background-repeat: no-repeat !important;
      background-position: center center !important;
      background-size: contain !important;
      height: 218px;
      width: 300px; }
      .featured_partners .partners_slider .slide span {
        opacity: 0; }
  .featured_partners a.button {
    margin: calc(24px*2); }

.post-type-archive-partners .content,
.single-tribe-events .content,
.post-type-archive-tribe_events .content,
.post-type-archive-health_resources .content,
.single-health_resources .content,
.single-resource .content {
  width: 100%; }
.post-type-archive-partners .entry,
.single-tribe-events .entry,
.post-type-archive-tribe_events .entry,
.post-type-archive-health_resources .entry,
.single-health_resources .entry,
.single-resource .entry {
  margin-bottom: 0; }
.post-type-archive-partners .site-inner,
.single-tribe-events .site-inner,
.post-type-archive-tribe_events .site-inner,
.post-type-archive-health_resources .site-inner,
.single-health_resources .site-inner,
.single-resource .site-inner {
  margin-top: calc(24px*2);
  padding-top: 0; }

.post-type-archive-health_resources .entry {
  margin-bottom: 0; }
.post-type-archive-health_resources .content ul.healthy_resource_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: calc(24px*2); }
  .post-type-archive-health_resources .content ul.healthy_resource_list li .resource_img {
    height: 384px;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important; }
  .post-type-archive-health_resources .content ul.healthy_resource_list li .cont {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap; }
    .post-type-archive-health_resources .content ul.healthy_resource_list li .cont h2,
    .post-type-archive-health_resources .content ul.healthy_resource_list li .cont span {
      width: 100%; }
    .post-type-archive-health_resources .content ul.healthy_resource_list li .cont h2 {
      font-size: 2.6rem;
      text-align: center;
      color: #007473;
      margin-top: 24px; }
    .post-type-archive-health_resources .content ul.healthy_resource_list li .cont span {
      text-align: center;
      margin: 24px 0; }

.partners_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: calc(24px/2); }

.resource_cont h2 {
  text-align: center;
  width: 100%;
  font-size: 4.0rem;
  color: #007473;
  margin-top: calc(24px*6); }
  .resource_cont h2:first-child {
    margin-top: 0; }
.resource_cont div.desc {
  margin-bottom: calc(24px*2);
  width: 100%;
  text-align: center; }
.resource_cont ul.resource_list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: calc(24px*2);
  margin-bottom: calc(24px*2); }
  .resource_cont ul.resource_list li {
    padding: 24px;
    border: solid 1px rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap; }
    .resource_cont ul.resource_list li h3,
    .resource_cont ul.resource_list li .resource_desc {
      text-align: center; }
    .resource_cont ul.resource_list li h3 {
      color: #007473;
      width: 100%;
      margin: 0;
      font-weight: 300; }
    .resource_cont ul.resource_list li .resource_desc {
      width: 100%;
      margin: 24px 0;
      font-size: 0.84rem; }
    .resource_cont ul.resource_list li a.button {
      font-size: 0.84rem; }

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