/*! optin.css
 *
 *  Styles specific to Optin pages
 *
 */

.content__subheader {
  max-width: 35rem;
}

.brainhacks-subscribe-submit {
  font-size: 1.25rem;
}

.session-brainhacks__header {
  margin-bottom: 2rem;
}

.page-optin-brainhacks .content__title {
  font-size: 2.333333333rem;
  max-width: 100%;
}

.brainhacks__video {
  max-width: 39.4444444rem;
}

@media screen and (max-width: 48em) {
  .page-optin-brainhacks .content__title {
    font-size: 2.1111111rem;
  }
}

@media screen and (max-width: 47em) {
  .btn-subscribe-show {
    font-size: 1.25rem;
  }
  .content__title {
    font-size: 2.5rem;
  }
  body:not(.page-optin-brainhacks) .btn__ddl {
    display: none;
  }
}

@media screen and (max-width: 46.5em) {
  .page-optin-weightloss .content__title {
    max-width: 12em;
  }
}

@media screen and (max-width: 46em) {
  .content__subheader {
    /* max-width: 22.5em;    */
  }
  .content__subtitle {
    max-width: 20em
  }
  .content__subtitle .line-block {
    display: inline;
  }
  .session__subtitle .line-block--m {
    display: block;
  }
}

@media screen and (max-width: 45em) {
  /* .phobia__subtitle{
    max-width: 28rem
  } */
}

@media screen and (max-width: 44em) {
  .page-optin-brainhacks .content__title {
    font-size: 2rem;
  }
}

@media screen and (max-width: 43.2em) {
  .page-optin-weightloss .modal__title {
    font-size: 2.75rem;
    line-height: 1.125;
  }
}

@media screen and (max-width: 43em) {
  .page-optin-brainhacks .modal__title {
    font-size: 2.722222222rem;
  }
}

@media screen and (max-width: 42.125em) {
  .brainhacks-subscribe-submit {
    padding-top: .9em;
    padding-bottom: .9em
  }
  .subscribe__pic {
    width: 10em
  }
}

@media screen and (max-width: 42em) {
  .btn-subscribe-submit {
    font-size: 1.11764705882rem;
  }
}

@media screen and (max-width: 40em) {
  .page-optin-phobia .content__title {
    font-size: 2.125rem;
    line-height: 1.25;
    max-width: 10.5em;
  }
  .page-optin-phobia .content__title .line-block {
    display: inline;
  }
  .page-optin-brainhacks .content__title {
    font-size: 1.888888889rem;
  }
  .page-optin-brainhacks .modal__title {
    font-size: 2.5rem;
    max-width: 13em;
  }
}

@media screen and (max-width: 39.5em) {
  .session-brainhacks__header {
    margin-bottom: 1.5rem;
  }
  .video__container {
    margin-bottom: 2rem;
  }
  .page-optin-weightloss .modal__title {
    font-size: 2.5rem;
    line-height: 1.125;
  }
}

@media screen and (max-width: 38em) {
  .btn-subscribe-show {
    font-size: 1.17647rem;
  }
}

@media screen and (max-width: 37.2em) {
  .content__subheader {
    max-width: 21.2em;
  }
  .content__title {
    font-size: 2.25rem;
    line-height: 1.2;
  }
  .content__subtitle {
    font-size: 1.25rem;
    line-height: 1.35;
  }
  .page-optin-phobia .content__subtitle {
    max-width: 15em;
  }
  .session__pic {
    max-width: 300px;
    width: 90%
  }
}

@media screen and (max-width: 36em) {
  .page-optin .btn-subscribe-submit {
    font-size: 1.125rem;
  }
  .page-optin-weightloss .content__title {
    /* max-width: 27rem; */
  }
}

@media screen and (max-width: 35em) {
  .btn-subscribe-show {
    font-size: 1.125rem;
  }
}

@media screen and (max-width: 34em) {
  .btn-subscribe-show {
    /* font-size: 1rem; */
    padding-top: 1.125em;
    padding-bottom: 1.125em
  }
  .page-optin-weightloss .modal__title {
    font-size: 2.25rem;
    line-height: 1.25;
    max-width: 27rem
  }
}

@media screen and (max-width: 33em) {
  .content__title {
    font-size: 2rem;
    line-height: 1.3;
    /* max-width: 25rem */
  }
  .page-optin-brainhacks .content__title {
    font-size: 1.6666667rem;
  }
  .page-optin-brainhacks .modal__title {
    font-size: 2rem;
    line-height: 1.4;
  }
}

@media screen and (max-width: 32em) {
  .page-optin-phobia .modal__title {
    font-size: 2.25rem;
    line-height: 1.125;
    /* max-width: 28rem; */
  }
}

@media screen and (max-width: 31.5em) {}

@media screen and (max-width: 31em) {
  .btn__wow-wrap {
    max-width: 20em;
    width: 100%;
  }
  .page-optin-brainhacks .btn__wow-wrap {
    max-width: 17rem
  }
  .page-optin-brainhacks .btn__wrap .ddl--r {
    /* right: -1rem; */
  }
  .btn-subscribe-show {
    font-size: 1.25rem;
    line-height: 1.25;
    padding-top: .35em;
    padding-bottom: .35em;
  }
}

@media screen and (max-width: 29em) {
  .page-optin-brainhacks .content__title {
    font-size: 2rem;
    max-width: 11em;
  }
}

@media screen and (max-width: 28.5em) {
  .content__title {
    font-size: 1.75rem;
  }
  .page-optin-confidence .modal__title {
    font-size: 2rem;
  }
}

@media screen and (max-width: 28em) {
  .page-optin-phobia .modal__title,
  .page-optin-weightloss .modal__title {
    font-size: 2rem;
  }
  .page-optin-brainhacks .btn__wrap .ddl--r {
    right: -2rem;
  }
  .btn-subscribe-show .line-block--m {
    display: block;
  }
}

@media screen and (max-width: 27em) {
  .page-optin-brainhacks .modal__title {
    font-size: 1.75rem;
    max-width: 12em;
  }
  .page-optin-brainhacks .modal__txt {
    font-size: 1.066666667rem;
  }
}

@media screen and (max-width: 25.5em) {
  .page-optin-brainhacks .content__title {
    font-size: 1.85rem;
  }
}

@media screen and (max-width: 25.25em) {
  .page-optin-confidence .modal__title {
    font-size: 1.7rem;
  }
  .page-optin-phobia .content__title {
    font-size: 1.75rem;
  }
}

@media screen and (max-width: 25em) {
  body:not(.page-optin-brainhacks) .btn-subscribe-submit {
    font-size: 1.133333rem;
    font-weight: 600;
    padding-top: .35em;
    padding-bottom: .35em
  }
  body:not(.page-optin-brainhacks) .btn-subscribe-submit__lbl {
    max-width: 12rem;
  }
  .brainhacks-subscribe-submit {
    padding-bottom: 1.125em;
  }
  .page-optin-weightloss .modal__title {
    font-size: 1.75rem;
    max-width: 21.25rem;
  }
}

@media screen and (max-width: 24.5em) {
  .content__title {
    font-size: 1.8rem;
    max-width: 11em;
  }
  .page-optin-confidence .content__title {
    max-width: 12em;
  }
  .page-optin-weightloss .content__title {
    max-width: 11em;
  }
  .content__title .line-block {
    display: inline;
  }
  .page-optin-phobia .modal__title {
    font-size: 1.75rem;
    max-width: 12em;
  }
}
@media screen and (max-width: 24.375em){
  .page-optin-brainhacks .modal__title {
    font-size: 1.7rem;
  }  
}
@media screen and (max-width: 24em) {
  .content__subtitle {
    max-width: 13.75em;
  }
  .page-optin-brainhacks .modal__txt {
    font-size: 0.933rem
  }
}

@media screen and (max-width: 23.5em) {
  .brainhacks-subscribe-submit {
    font-size: 1.133333rem;
    font-weight: 600;
    padding-top: .35em;
    padding-bottom: .45em
  }
  .brainhacks-subscribe-submit .btn-subscribe-submit__lbl {
    max-width: 8.888em;
  }
}

@media screen and (max-width: 23em) {
  .page-optin-brainhacks .content__subtitle {
    font-size: 1.125rem;
  }
  .page-optin-brainhacks .modal__title {
    font-size: 1.5rem;
    max-width: 13em;
  }
}

@media screen and (max-width: 22.5em) {
  .page-optin-brainhacks .btn__ddl {
    display: none;
  }
}

@media screen and (max-width: 22.2em) {
  .content__title {
    font-size: 1.5rem;
  }
  .confidence__title {
    font-size: 1.5rem;
  }
  .phobia__title {
    max-width: 18.2rem;
  }
  .content__subtitle {
    font-size: 1.125rem;
  }
  .page-optin-weightloss .modal__title {
    font-size: 1.5rem;
    line-height: 1.35;
    max-width: 19.25rem;
  }
  .page-optin-brainhacks .content__title {
    font-size: 1.75rem;
    max-width: 20rem;
  }
  .btn-subscribe-show {
    font-size: 1.125rem;
  }
  .btn-subscribe-submit {
    font-weight: 400;
  }
}

@media screen and (max-width: 21.5em) {
  .page-optin-phobia .modal__title,
  .page-optin-confidence .modal__title {
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 21em) {
  .page-optin-brainhacks .content__title {
    font-size: 1.625rem;
  }
}

@media screen and (max-width: 20.2em) {
  .page-optin-phobia .content__title {
    font-size: 1.625rem;
  }
}

@media screen and (max-width: 20em) {
  .page-optin-brainhacks .modal__txt {
    font-size: 0.875rem
  }
}