/* General
----------------------------------------------------- */
body {
  font-family: europa, sans-serif;
  font-weight: normal;
  color: #1C1919;
  font-size: 16px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#page {
  overflow: hidden;
}

@media (max-width: 991px) {
  .container {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .container {
    max-width: 100%;
  }
}
body #page-wrapper p {
  margin-bottom: 1.5rem;
}

body #page-wrapper p,
body #page-wrapper ul,
body #page-wrapper ol {
  text-align: inherit;
  line-height: 1.5;
}

a {
  color: #cab293;
}
a:hover {
  color: #c2a682;
  text-decoration: underline;
}

body h1, body h2, body h3, body h4, body h5, body h6 {
  font-family: europa, sans-serif;
  font-weight: 400;
  margin-bottom: 1.5rem;
}
body h1, body h2 {
  font-family: garamond-premier-pro-display, serif;
  font-weight: 300;
  margin-bottom: 2rem;
  line-height: 1;
  letter-spacing: 0.01em;
}
body h1 {
  font-size: 4rem;
}
body h2 {
  font-size: 3.4rem;
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  body h2 {
    font-size: 2.6rem;
  }
}
body h4 {
  font-weight: bold;
  font-size: 27px;
  letter-spacing: 0.18em;
  line-height: 1.8;
  text-align: center;
  color: #1c1919;
  text-transform: uppercase;
}
body .thin-title {
  font-family: europa, sans-serif;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 0.15rem;
  line-height: 1.2;
  font-size: 1.3rem;
}
body h4.thin-title {
  font-size: 1.1rem;
}
body .title-underlined {
  position: relative;
  display: inline-block;
  margin-bottom: 30px;
}
body .title-underlined:after {
  content: "";
  border-bottom: 2px solid #c7ab8b;
  position: absolute;
  display: block;
  width: 100%;
  padding-top: 10px;
}

.landing-section {
  padding: 6rem 0;
}
@media (max-width: 575px) {
  .landing-section {
    padding: 2rem 0;
  }
}
.landing-section .smaller-text {
  font-size: 85%;
}

.vertical-center {
  min-height: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
}

.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
  padding-top: 0;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.embed-container iframe, .embed-container object, .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

a.btn {
  text-decoration: none;
}
a.btn:hover {
  text-decoration: none;
}

/* Above the Fold
----------------------------------------------------- */
.ffp-atf {
  background: url(../bg-home2.html) no-repeat center center rgba(103, 96, 90, 0.6);
  background-blend-mode: multiply;
  background-size: cover;
  border-radius: 0;
  min-height: 80vh;
}
@media (max-width: 767px) {
  .ffp-atf {
    min-height: 100px;
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.ffp-atf.ffp-fall2021-atf {
  background: url("../ffp-atf-fall-launch-2021%402x.html") no-repeat center center;
  background-size: cover;
}
.ffp-atf .container {
  z-index: 10;
  position: relative;
}
.ffp-atf .atf-content {
  color: #fff;
  padding-top: 0px;
}
.ffp-atf .ffp-icon-white {
  width: 100px;
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;
  -webkit-filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.4));
  filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.4));
  opacity: 0.4;
}
.ffp-atf h1 {
  color: #fff;
  font-size: 4rem;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .ffp-atf h1 {
    font-size: 2.8rem;
  }
}
.ffp-atf p {
  font-size: 1.2rem;
  margin-bottom: 0;
}
.ffp-atf .btn-primary,
.ffp-atf .btn-secondary {
  margin: 40px 0 20px;
}

/* Learning Pages
----------------------------------------------------- */
.learning-section {
  padding: 100px 0;
}
.learning-section .smaller-text {
  font-size: 85%;
}
.learning-section .carousel .carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23c09970'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.learning-section .carousel .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23c09970'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.section-learning-open {
  padding-bottom: 80px;
}

.ffp-atf-system,
.ffp-atf-getstarted {
  background-image: url(../bg-atf-system.html);
  background-blend-mode: normal;
  min-height: 60vh;
}
.ffp-atf-system h3,
.ffp-atf-getstarted h3 {
  letter-spacing: 0.3rem;
  color: #fff;
  margin-bottom: 40px;
}

.ffp-atf-getstarted {
  background-image: url(../jpg/atf-getstarted.jpg);
}
.ffp-atf-getstarted h4 {
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 0.25em;
  line-height: 1.5;
  text-transform: uppercase;
}
.ffp-atf-getstarted h1.serif {
  font-weight: 300;
  font-size: 90px;
  letter-spacing: 0.01em;
  line-height: 1;
  text-align: center;
  color: #f7f7f5;
}
@media (max-width: 767px) {
  .ffp-atf-getstarted h1.serif {
    font-size: 48px;
  }
}

.section-learning-system {
  background: #fff;
}
.section-learning-system .system-icon {
  width: 160px;
  height: auto;
  max-width: 90%;
  margin: 30px auto 20px;
}

.key-icon {
  width: 125px;
  margin-top: -62px;
  margin-bottom: 20px;
}

.key-title {
  display: inline-block;
  width: auto;
  padding-bottom: 5px;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 18px;
  letter-spacing: 0.2em;
  line-height: 1.1;
  text-align: center;
  color: #1c1919;
  text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.feature-content {
  max-width: 350px;
  margin: 35px auto 35px;
}
.feature-content h5 {
  font-weight: normal;
  font-size: 20px;
  letter-spacing: 0.18em;
  line-height: 1;
  text-align: center;
  color: #c39a6a;
  margin-bottom: 15px;
}
.feature-content h4 {
  margin-bottom: 15px;
}

.section-start-video {
  background-color: #fff;
}

body #page-wrapper .section-key-introduction,
body #page-wrapper .section-start-introduction {
  background-color: #edecea;
}
body #page-wrapper .section-key-introduction.start-1,
body #page-wrapper .section-start-introduction.start-1 {
  background-color: #f7f7f4;
}
body #page-wrapper .section-key-introduction.start-1 .container-smarter,
body #page-wrapper .section-start-introduction.start-1 .container-smarter {
  background-color: #e5d9cc;
  max-width: 1600px;
  padding-top: 180px;
  margin-top: -160px;
  padding-bottom: 100px;
}
body #page-wrapper .section-key-introduction.start-1 .container-smarter h3,
body #page-wrapper .section-start-introduction.start-1 .container-smarter h3 {
  font-size: 40px;
  line-height: 1.3;
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  body #page-wrapper .section-key-introduction.start-1 .container-smarter h3,
  body #page-wrapper .section-start-introduction.start-1 .container-smarter h3 {
    font-size: 28px;
  }
}
body #page-wrapper .section-key-introduction.start-1 .container-smarter p,
body #page-wrapper .section-start-introduction.start-1 .container-smarter p {
  margin-bottom: 35px;
}
body #page-wrapper .section-key-introduction.start-1 .container-smarter p span,
body #page-wrapper .section-start-introduction.start-1 .container-smarter p span {
  font-weight: bold;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
body #page-wrapper .section-key-introduction.start-2,
body #page-wrapper .section-start-introduction.start-2 {
  background-color: #ffffff;
}
body #page-wrapper .section-key-introduction.start-3,
body #page-wrapper .section-start-introduction.start-3 {
  background-color: #f7f7f4;
}
body #page-wrapper .section-key-introduction.start-4,
body #page-wrapper .section-start-introduction.start-4 {
  background-color: #f8f9fb;
}

.section-key-introduction h2 {
  font-style: italic;
}

.section-key-how-it-works {
  background: #f7f7f7;
  padding-bottom: 0;
}

.section-key-video,
.section-start-video {
  background-size: contain;
  background-repeat: repeat-x;
  background-position: center center;
  position: relative;
}
.section-key-video:before,
.section-start-video:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 50%;
  width: 100%;
  z-index: -1;
}
.section-key-video:after,
.section-start-video:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 50%;
  width: 100%;
  z-index: -1;
}
.section-key-video.key-1:before,
.section-start-video.key-1:before {
  background-color: #f7f7f7;
}
.section-key-video.key-1:after,
.section-start-video.key-1:after {
  background-color: #edecea;
}
.section-key-video.key-2:before,
.section-start-video.key-2:before {
  background-color: #edecea;
}
.section-key-video.key-2:after,
.section-start-video.key-2:after {
  background-color: #f6f8f9;
}
.section-key-video.key-3:before,
.section-start-video.key-3:before {
  background-color: #f5f5f4;
}
.section-key-video.key-3:after,
.section-start-video.key-3:after {
  background-color: #e4e4e4;
}
.section-key-video.start-1:before,
.section-start-video.start-1:before {
  background-color: #edecea;
}
.section-key-video.start-1:after,
.section-start-video.start-1:after {
  background-color: #f6f8f9;
}
.section-key-video.start-2,
.section-start-video.start-2 {
  background: #f8f8f8;
}
.section-key-video.start-3:before,
.section-start-video.start-3:before {
  background-color: #edecea;
}
.section-key-video.start-3:after,
.section-start-video.start-3:after {
  background-color: #f6f8f9;
}
.section-key-video.start-4:before,
.section-start-video.start-4:before {
  background-color: #f6f8f9;
}
.section-key-video.start-4:after,
.section-start-video.start-4:after {
  background-color: #ebebea;
}

.section-key-learn-more {
  background: #f4f4f4;
}
.section-key-learn-more h2 {
  font-size: 2.4rem;
  font-style: italic;
}

.section-key-life-with {
  background: #edecea;
  padding-bottom: 6rem;
}
.section-key-life-with img {
  max-width: 250px;
}

.section-start-smarter {
  background-color: #e7e6e3;
}
.section-start-smarter h2 {
  font-size: 2.4rem;
  font-style: italic;
}
.section-start-smarter .thin-title span {
  color: #A8937B;
}

.section-start-goaltips {
  background-color: #f6f8f9;
}
.section-start-goaltips .goal-tip-wrapper {
  background: #f1f3f4;
  padding: 20px 25px;
}
.section-start-goaltips .goal-tip-wrapper img {
  margin-bottom: 20px;
}

body #page-wrapper .section-start-nextsteps {
  background-color: #ebe8e2;
  padding: 150px 0;
}

.section-cta-start {
  background: #edecea;
}

body #page-wrapper .section-cta-subscribe {
  background: #1c1919;
  color: #fff;
}
body #page-wrapper .section-cta-subscribe h2 {
  font-size: 80px;
  color: #ccaf8e;
}
@media (max-width: 767px) {
  body #page-wrapper .section-cta-subscribe h2 {
    font-size: 48px;
  }
}
body #page-wrapper .section-cta-subscribe p {
  color: #fff;
}
body #page-wrapper .section-cta-subscribe .cta-right {
  background-image: url(../jpg/cta-subscription.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.section-learning-actions .learning-action-inner {
  background-color: #f1f1f1;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 10px;
  padding: 30px 30px;
  height: 100%;
  color: #fff;
}
.section-learning-actions .learning-action-inner.inner-community {
  background-image: url(../jpg/section-community.jpg);
}
.section-learning-actions .learning-action-inner.inner-guidebook {
  background-image: url(../jpg/section-guidebook.jpg);
}
.section-learning-actions .learning-action-inner.inner-onboarding {
  background-image: url(../jpg/section-onboarding.jpg);
}
.section-learning-actions .learning-action-inner.inner-business {
  background-image: url(../jpg/section-businessowner.jpg);
}
.section-learning-actions .learning-action-inner.inner-pro {
  background-image: url(../jpg/section-pro.jpg);
}
.section-learning-actions .learning-action-inner h3 {
  max-width: 500px;
}
.section-learning-actions .actions-thirds .learning-action-inner {
  padding: 200px 30px;
}
.section-learning-actions .actions-full .learning-action-inner {
  padding: 80px 40px 40px;
}

/*# sourceMappingURL=learning-pages.css.map */