.membership-index-index .page-title-wrapper {
  display: none;
}
.membership-index-index .membership__landing {
  /*@media screen and (max-width: 767px) {
            .container-card {
                //height: 530px;
            }

            .container--inner {
                &.col {
                    display: block;
                    width: 100%;

                    &.left {
                        padding-top: 35px;
                    }
                    &.image {
                        height: 25vh;
                    }
                }

                .title {
                    padding-bottom: 0;
                    margin-bottom: 1em !important;
                }
            }
        }


        !** mobile RWD *!

        // iPhone 6/7/8/SE
        @media screen and (max-width: 375px) {
            .container-card {
                height: 470px;
            }
            .container--inner {
                &.col {
                    &.left {
                        padding-top: 20px;
                    }
                    &.image {
                        height: 17vh;
                    }
                }
                .title {
                    margin-bottom: 0 !important;
                    h3 {
                        margin-bottom: 0.5em;
                    }
                }
                .content {
                    p {
                        margin: 0.5em;
                    }
                    * {
                        font-size: 1.5rem;
                    }
                }
                &.row.bottom {
                    margin: 1em 0;
                    .section-title {
                        width: 80%;
                    }
                }
            }
        }
        // iPhone 5/SE
        @media screen and (max-width: 320px) {
            .container--inner {
                &.col {
                    &.left {
                        padding-top: 15px;
                    }
                    &.image {
                        height: 15vh;
                    }
                }

                .content {
                    /!* {
                    //    font-size: 1.6rem;
                    //}
                }
                * {
                    font-size: 1.7rem;
                }

            }
        }*/
  /** TRYING ALTERNATE DESIGN */
  /** mobile RWD */
}
.membership-index-index .membership__landing .container-card {
  background-color: #F7F6F3;
}
.membership-index-index .membership__landing .container--inner * {
  font-family: "Avenir", Helvetica, sans-serif !important;
  letter-spacing: 1.75px;
  font-size: 2.5rem;
  color: #292825;
  line-height: 1.5em;
}
.membership-index-index .membership__landing .container--inner.col {
  display: inline-block;
  width: 50%;
  vertical-align: top;
  height: 100%;
}
.membership-index-index .membership__landing .container--inner.col.left {
  padding-top: 85px;
}
.membership-index-index .membership__landing .container--inner.col.left > * {
  width: 60%;
  margin: 0 auto;
}
.membership-index-index .membership__landing .container--inner.row.bottom {
  text-align: center;
  margin: 4em 0;
  position: relative !important;
  top: unset !important;
  /* accordion styling */
}
.membership-index-index .membership__landing .container--inner.row.bottom * {
  position: relative !important;
  top: unset !important;
  font-size: 1.5rem;
}
.membership-index-index .membership__landing .container--inner.row.bottom #membership-faq.active .section-content {
  height: 750px;
  opacity: 1;
  overflow: scroll;
}
.membership-index-index .membership__landing .container--inner.row.bottom #membership-faq .section-content {
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: height 0.5s, opacity 1s, overflow 1s ease-in-out;
}
.membership-index-index .membership__landing .container--inner.row.bottom #membership-faq .section-content * {
  letter-spacing: 1px;
}
.membership-index-index .membership__landing .container--inner.row.bottom #membership-faq .section-content > div {
  margin-bottom: 6em;
}
.membership-index-index .membership__landing .container--inner.row.bottom #membership-faq .section-content .ts-content {
  padding: 0 5%;
}
.membership-index-index .membership__landing .container--inner.row.bottom #membership-faq .section-content .ts-subtitle {
  margin: 2.25em 0 1.5em;
}
.membership-index-index .membership__landing .container--inner.row.bottom #membership-faq .section-content .ts-subtitle h2 {
  margin: 0;
  font-weight: 700;
}
.membership-index-index .membership__landing .container--inner.row.bottom #membership-faq .section-content .ts-text p {
  margin: 0;
  font-size: 0.875em;
}
.membership-index-index .membership__landing .container--inner.row.bottom .section-title {
  text-transform: uppercase;
  display: inline-block;
  width: 60%;
  line-height: 0;
  border-bottom: 1px solid #7A7A7A;
  margin: 0 auto;
}
.membership-index-index .membership__landing .container--inner.row.bottom .section-title a {
  display: inline-block;
  width: 100%;
  line-height: 2em;
}
.membership-index-index .membership__landing .container--inner.image {
  background-image: url("../images/membership/membership_landing_1.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.membership-index-index .membership__landing .container--inner .title {
  border-bottom: 1px solid #353330;
  text-transform: uppercase;
  padding-bottom: 0.5em;
  margin-bottom: 1.5em !important;
}
.membership-index-index .membership__landing .container--inner .title strong {
  display: block;
  letter-spacing: 2px !important;
  font-family: "Avenir Black", "Arial Black", sans-serif !important;
}
.membership-index-index .membership__landing .container--inner .title,
.membership-index-index .membership__landing .container--inner p {
  text-align: center;
}
.membership-index-index .membership__landing .container--inner .content * {
  font-size: 2.4rem;
  letter-spacing: 1.5px;
  line-height: 1.7em;
}
.membership-index-index .membership__landing .container--inner .content ul {
  padding: 0.2em 0 0 1em;
  width: 110%;
}
.membership-index-index .membership__landing .container--inner .content ul li {
  font-size: 0.8em;
  padding: 5px 0;
}
.membership-index-index .membership__landing .container--inner .content ul li:first-letter {
  text-transform: capitalize;
}
.membership-index-index .membership__landing .container--inner .actions {
  margin-top: 3em !important;
  margin-bottom: 1em !important;
}
.membership-index-index .membership__landing .container--inner .actions button.btn.ts-btn {
  width: 100%;
  padding: 0.8em 2em;
  font-size: large;
}
.membership-index-index .membership__landing .container--inner .actions button.btn.ts-btn.disabled:after {
  content: '\2713';
  padding-left: 1em;
}
.membership-index-index .membership__landing .container--inner .actions button.btn.ts-btn[data-renewal-eligible='true'] {
  color: #000 !important;
  background: #FFF !important;
}
.membership-index-index .membership__landing .container--inner .actions span[class*='caption__'] {
  font-size: 0.5em;
  font-style: italic;
  text-align: center;
  display: block;
  padding: 5px;
}
.membership-index-index .membership__landing .container--inner .terms {
  text-align: center;
}
.membership-index-index .membership__landing .container--inner .terms * {
  font-size: 0.5em;
  letter-spacing: 0.05em;
}
.membership-index-index .membership__landing .container--inner .terms a {
  text-decoration: underline;
}
@media screen and (min-width: 768px) and (max-height: 859px) {
  .membership-index-index .membership__landing .container-card {
    min-height: 670px;
  }
  .membership-index-index .membership__landing .container--inner.col.left {
    padding-top: 65px;
  }
}
@media screen and (min-width: 1032px) {
  .membership-index-index .membership__landing .container-card {
    height: 80vh;
  }
}
@media screen and (max-width: 1211px) {
  .membership-index-index .membership__landing .container--inner.col.left {
    padding-top: 135px;
  }
  .membership-index-index .membership__landing .container--inner * {
    font-size: 2rem;
  }
  .membership-index-index .membership__landing .container--inner .content * {
    font-size: 1.9rem;
  }
  .membership-index-index .membership__landing .container--inner .actions button.btn.ts-btn {
    font-size: 0.7em;
  }
}
@media screen and (max-width: 1031px) {
  .membership-index-index .membership__landing .container-card {
    height: 670px;
  }
  .membership-index-index .membership__landing .container--inner.col.left {
    padding-top: 85px;
  }
  .membership-index-index .membership__landing .container--inner.col.left > * {
    width: 80%;
  }
}
@media screen and (max-width: 991px) {
  .membership-index-index .membership__landing .container-card {
    height: 630px;
  }
}
@media screen and (max-width: 912px) {
  .membership-index-index .membership__landing .container-card {
    height: 570px;
  }
}
@media screen and (max-width: 799px) {
  .membership-index-index .membership__landing .container-card {
    height: 560px;
  }
  .membership-index-index .membership__landing .container--inner.col.left {
    padding-top: 65px;
  }
  .membership-index-index .membership__landing .container--inner.col.left > * {
    width: 90%;
  }
  .membership-index-index .membership__landing .container--inner .content ul li {
    padding: 0;
  }
  .membership-index-index .membership__landing .container--inner .actions {
    margin-top: 1em !important;
    margin-bottom: 0 !important;
  }
}
@media screen and (max-width: 767px) {
  .membership-index-index .membership__landing {
    min-height: 130vh;
  }
  .membership-index-index .membership__landing .container-card {
    position: relative;
  }
  .membership-index-index .membership__landing .container--inner.col {
    display: block;
    width: 100%;
  }
  .membership-index-index .membership__landing .container--inner.col.left {
    padding-top: 35px;
    position: absolute;
    top: 25vh;
    overflow: hidden;
    margin: 0 auto;
    background: #F7F6F3;
  }
  .membership-index-index .membership__landing .container--inner.col.image {
    background-position: bottom;
    position: fixed;
    height: 95%;
    width: 96%;
    left: 15px;
    top: 0;
  }
  .membership-index-index .membership__landing .container--inner.row.bottom {
    position: relative;
    background: #F7F6F3;
  }
  .membership-index-index .membership__landing .container--inner .title {
    padding-bottom: 0;
    margin-bottom: 1em !important;
  }
}
@media screen and (max-width: 676px) {
  .membership-index-index .membership__landing .container-card {
    width: 99%;
    height: 520px;
  }
  .membership-index-index .membership__landing .container--inner.col.left {
    top: 110px;
  }
  .membership-index-index .membership__landing .container--inner.col.image {
    width: 94%;
    top: -18vh;
  }
  .membership-index-index .membership__landing .container--inner.row.bottom {
    width: 99%;
    margin: unset;
  }
}
@media screen and (max-width: 488px) {
  .membership-index-index .membership__landing .container-card {
    width: 100%;
  }
  .membership-index-index .membership__landing .container--inner.col.image {
    width: 93%;
  }
  .membership-index-index .membership__landing .container--inner.row.bottom {
    width: 100%;
  }
  .membership-index-index .membership__landing .container--inner.row.bottom .section-title {
    width: 80%;
  }
}
@media screen and (max-width: 375px) {
  .membership-index-index .membership__landing .container-card {
    height: 440px;
  }
  .membership-index-index .membership__landing .container--inner.col.left {
    padding-top: 20px;
  }
  .membership-index-index .membership__landing .container--inner.col.image {
    height: 95%;
    width: 93%;
    left: 12px;
    top: -10vh;
  }
  .membership-index-index .membership__landing .container--inner .title {
    margin-bottom: 0 !important;
  }
  .membership-index-index .membership__landing .container--inner .title h3 {
    margin-bottom: 0.5em;
  }
  .membership-index-index .membership__landing .container--inner .content p {
    margin: 0.5em;
  }
  .membership-index-index .membership__landing .container--inner .content * {
    font-size: 1.5rem;
  }
  .membership-index-index .membership__landing .container--inner.row.bottom {
    margin: 1em 0;
    /*.section-title {
                        width: 80%;
                    }*/
  }
}
@media screen and (max-width: 320px) {
  .membership-index-index .membership__landing .container--inner.col.left {
    padding-top: 15px;
  }
  .membership-index-index .membership__landing .container--inner .content ul {
    width: 100%;
  }
  .membership-index-index .membership__landing .container--inner * {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 312px) {
  .membership-index-index .membership__landing .container--inner.col.image {
    width: 91%;
  }
}
@media screen and (max-width: 280px) {
  .membership-index-index .membership__landing .container-card {
    height: auto;
  }
  .membership-index-index .membership__landing .container--inner.col.left {
    position: relative;
    top: unset;
  }
  .membership-index-index .membership__landing .container--inner.row.bottom {
    padding: 1em 0;
    margin: 0;
  }
  .membership-index-index .membership__landing .container--inner.row.bottom .section-title {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  div.footer-copyright {
    background: #ffffff;
    padding: 1em 0 0;
  }
}