@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/source-sans-3-0.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/source-sans-3-1.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/source-sans-3-2.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/source-sans-3-3.ttf) format('truetype');
}

/* Larger, open reading typography on the original light backgrounds. */
.aboutIntro, .experienceDetails, .whatYouGetLeadin, .whatYouGetValueProps,
.tricksGrid, #steps, #choose-your-magic, #join-lou,
.page-template-page-full .entry-content {
 font-family: 'Source Sans 3', Arial, sans-serif;
 font-size: 20px;
 font-weight: 400;
 line-height: 1.65;
 color: #454545;
}
.aboutIntro p, .experienceDetails p, .experienceDetails .large-11,
.whatYouGetLeadin p, .whatYouGetLeadin .large-10,
.whatYouGetValueProps p, #steps li,
.page-template-page-full .entry-content p {
 font-family: 'Source Sans 3', Arial, sans-serif;
 font-size: 20px;
 line-height: 1.65;
}
.aboutIntro h2, .experienceDetails h2, .experienceDetails h3,
.whatYouGetLeadin h2, .whatYouGetValueProps h3, .whatYouGetValueProps h4,
.tricksGrid h4, #steps h2, #steps li, #choose-your-magic h2,
.magic-effect-choices a, #join-lou h3,
.page-template-page-full .entry-content h1 {
 font-family: 'Source Sans 3', Arial, sans-serif;
 font-weight: 600;
 letter-spacing: -.02em;
 line-height: 1.2;
}
.aboutIntro h2, .experienceDetails h2, .whatYouGetLeadin h2,
.whatYouGetValueProps h3, #choose-your-magic h2 { font-size: 40px; }
.experienceDetails h3, .whatYouGetValueProps h4, .tricksGrid h4,
#join-lou h3 { font-size: 27px; }
.whatYouGetValueProps h4 { min-height: 2.5em; }
.magic-effect-choices a { font-size: 24px; }
.tricksGrid h4.gray { word-break: normal !important; hyphens: none !important; }
@media(max-width:767px) {
 .aboutIntro, .experienceDetails, .whatYouGetLeadin, .whatYouGetValueProps,
 .tricksGrid, #steps, #choose-your-magic, #join-lou,
 .page-template-page-full .entry-content,
 .aboutIntro p, .experienceDetails p, .experienceDetails .large-11,
 .whatYouGetLeadin p, .whatYouGetLeadin .large-10,
 .whatYouGetValueProps p, #steps li,
 .page-template-page-full .entry-content p { font-size: 18px; }
 .aboutIntro h2, .experienceDetails h2, .whatYouGetLeadin h2,
 .whatYouGetValueProps h3, #choose-your-magic h2 { font-size: 32px; }
 .experienceDetails h3, .whatYouGetValueProps h4, .tricksGrid h4,
 #join-lou h3 { font-size: 25px; }
 .whatYouGetValueProps h4 { min-height: 0; }
 .magic-effect-choices a { font-size: 22px; }
}

/* Match the Get Started program details to the larger reading size. */
.page-template-page-getstarted #session-details h3,
.page-template-page-getstarted #stripe h3,
.page-template-page-getstarted #stripe h4 {
 font-size: 32px;
 line-height: 1.25;
}
.page-template-page-getstarted #session-details h3 { margin-bottom: 1em; }
.page-template-page-getstarted #stripe h4 { min-height: 2.5em; }
.page-template-page-getstarted #session-details .session-details-list li,
.page-template-page-getstarted #stripe p {
 font-size: 20px;
 line-height: 1.65;
}
@media(max-width:767px) {
 .page-template-page-getstarted #session-details h3,
 .page-template-page-getstarted #stripe h3,
 .page-template-page-getstarted #stripe h4 { font-size: 28px; }
 .page-template-page-getstarted #stripe h4 { min-height: 0; }
 .page-template-page-getstarted #session-details .session-details-list li,
 .page-template-page-getstarted #stripe p { font-size: 18px; }
 .page-template-page-getstarted #session-details .columns,
 .page-template-page-getstarted #stripe .columns { margin-bottom: 1.5em; }
}

/* Give each of the three easy-step descriptions greater emphasis. */
.page-template-page-getstarted #steps ul.ten-steps li {
 font-size: 24px;
 line-height: 1.4;
}
@media(max-width:767px) {
 .page-template-page-getstarted #steps ul.ten-steps li { font-size: 22px; }
}