@import "https://use.typekit.net/mxz4hna.css";
@import "https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800";
/*


Freight Sans Pro

	Book	400	normal
	Book Italic	400	italic
	Medium	500	normal
	Medium Italic	500	italic
	Semibold	600	normal
	Semibold Italic	600	italic
	Bold	700	normal
	Bold Italic	700	italic
	Black	900	normal
	Black Italic	900	italic

---

Hind

	Light	300	normal
	Regular	400	normal
	Medium	500	normal
	SemiBold	600	normal
	Bold	700	normal

*/
.font-heading, h1, h2, h3, h4, h5, h6, .content-styles h1, .content-styles h2, .content-styles h3, .content-styles h4, .content-styles h5, .content-styles h6, .site-content .page-title { font-family: "freight-sans-pro", serif; font-weight: 400; font-style: normal; }

.font-body, .site-content .page-subtitle, body { font-family: "Almarai", sans-serif; font-weight: 400; font-style: normal; }

.font-special, .banner-text { font-family: "hind", sans-serif; font-weight: 400; font-style: normal; }

.semibold { font-weight: 700; }

.font-1 { font-family: "freight-sans-pro", serif; font-weight: 600; }

.font-2 { font-family: "hind", sans-serif; font-weight: 400; }

.font-3 { font-family: "hind", sans-serif; font-weight: 400; }

.lite, a:hover, a:visited, .site-header a, .site-footer a, .site-header a:hover, .site-footer a:hover, .site-header a:visited, .site-footer a:visited, .step-button:hover, .step-button:visited { color: #ffffff; }

.dark { color: #383939; }

.c1, .content-styles a, .content-styles a:hover, .content-styles a:visited, .content-styles a.alt { color: #1b2250; }

.c2 { color: #C89902; }

.c3 { color: #1b2250; }

.bg-lite { background-color: #ffffff; }

.bg-dark { background-color: #383939; }

.bg1 { background-color: #1b2250; }

.bg2 { background-color: #872a3c; }

.bg3 { background-color: #C89902; }

.hide { display: none; }

a { text-decoration: none; transition: color 0.33s linear; }

h1, h2, h3, h4, h5, h6 { line-height: 1em; }

h1 { font-size: 3.6em; }

h2 { font-size: 3.2em; }

h3 { font-size: 2.8em; }

h4 { font-size: 2.5em; }

h5 { font-size: 2.2em; }

h6 { font-size: 1.9em; }

p { font-size: 1.618em; line-height: 1.2em; margin-bottom: 1.618rem; }

p:last-of-type { margin-bottom: 0; }

hr { margin: 0 auto 1.618rem; }

.content-container { padding: 1.618rem 2.618rem; margin: auto; }

.content-inner-wrap { max-width: 1268px; margin: auto; }

.content-styles a { text-decoration: none; transition: color 0.33s linear; }

.content-styles h1, .content-styles h2, .content-styles h3, .content-styles h4, .content-styles h5, .content-styles h6 { line-height: 1em; margin-top: 2.618rem; margin-bottom: .618rem; }

.content-styles h1 + hr, .content-styles h2 + hr, .content-styles h3 + hr, .content-styles h4 + hr, .content-styles h5 + hr, .content-styles h6 + hr { margin-bottom: 1.618rem; }

@media screen and (max-width: 1024px) { .content-styles h1, .content-styles h2, .content-styles h3, .content-styles h4, .content-styles h5, .content-styles h6 { margin-bottom: 1rem; } }

.content-styles h1 { font-size: 3.6em; }

.content-styles h2 { font-size: 3.2em; }

.content-styles h3 { font-size: 2.8em; }

.content-styles h4 { font-size: 2.5em; }

.content-styles h5 { font-size: 2.2em; }

.content-styles h6 { font-size: 1.9em; }

.content-styles p { font-size: 1.2em; font-size: 1.618rem; line-height: 1.2em; line-height: 1.618em; margin-bottom: 1rem; }

.content-styles p:last-of-type { margin-bottom: 0; }

.content-styles p:last-of-type + blockquote { margin-top: 2.618rem; }

.content-styles blockquote { font-size: 1.2em; line-height: 1.618rem; margin-top: 1.618rem; margin-bottom: 1.618rem; }

.content-styles section { margin-top: 1rem; margin-bottom: 2rem; }

.content-styles ul, .content-styles ol { margin-top: .618rem; margin-left: 1.618rem; margin-bottom: 1.618rem; }

.content-styles ul li, .content-styles ol li { font-size: 1.2em; margin-bottom: 1rem; }

.content-styles form.style-normal { max-width: 600px; background: #C89902; }

.content-styles form.style-normal .other-chosen { display: none; }

.content-styles form.style-normal label { display: block; font-size: 1.2em; line-height: 1.2em; margin-bottom: 1rem; }

.content-styles form.style-normal input, .content-styles form.style-normal textarea, .content-styles form.style-normal select { margin-bottom: 1.618em; width: 100%; }

.content-styles form.style-normal input { padding: 6px; }

.content-styles form.style-normal textarea { padding: 6px; }

.content-styles form.style-normal select { padding: 6px 6px 6px 2px; }

.content-styles form.style-normal select option { line-height: 2rem; }

.content-styles details { display: block; }

.content-styles details summary { display: inline-block; cursor: pointer !important; }

.content-styles .no-marker::-webkit-details-marker, .content-styles details.clean summary::-webkit-details-marker, .content-styles summary.clean::-webkit-details-marker, .content-styles details.no-marker summary::-webkit-details-marker, .content-styles details summary.no-marker::-webkit-details-marker, .content-styles details.clean summary::-webkit-details-marker, .content-styles details summary.clean::-webkit-details-marker { display: none; }

.content-styles .no-marker::-webkit-details-marker > summary:first-of-type, .content-styles details.clean summary::-webkit-details-marker > summary:first-of-type, .content-styles summary.clean::-webkit-details-marker > summary:first-of-type, .content-styles details.no-marker summary::-webkit-details-marker > summary:first-of-type, .content-styles details summary.no-marker::-webkit-details-marker > summary:first-of-type, .content-styles details.clean summary::-webkit-details-marker > summary:first-of-type, .content-styles details summary.clean::-webkit-details-marker > summary:first-of-type { list-style-type: none; }

.content-styles .no-outline::-webkit-details-marker, .content-styles details.clean summary::-webkit-details-marker, .content-styles summary.clean::-webkit-details-marker, .content-styles details.no-outline summary::-webkit-details-marker, .content-styles details summary.no-outline::-webkit-details-marker, .content-styles details.clean summary::-webkit-details-marker, .content-styles details summary.clean::-webkit-details-marker { outline: none; }

button, .button { cursor: pointer; }

.button-standard, .home-list-actions details .rest .cta button, .action-link button, .action-overlay button { padding: .8em; font-size: 1.5em; font-weight: 600; margin: .2rem 0 .4rem; }

.underline { border-bottom: 2px solid #1b2250; text-decoration: none !important; }

.text-small { font-size: 1.2em !important; }

.text-large { font-size: 2em !important; }

.site-content .page-title { font-size: 3.2em; margin-top: 1rem; margin-bottom: 0rem; }

.site-content .page-subtitle { font-size: 1.1em; text-transform: uppercase; display: block; margin-bottom: 1.618rem; opacity: .8; }

/*
@media screen and (max-width: $screen-small){
  .site-content {
    font-size: 1.4em;
    p {
      font-size: 2em;
      line-height: 1.618em;
    }
    ul, ol {
      li {

      }
    }
  }
}
*/
body { color: #383939; background-color: #ffffff; font-size: 16px; }

.site-overlay { position: fixed; width: 100%; height: 100%; pointer-events: none; }

.site-content-wrap { width: auto; }

.site-header, .site-footer { position: relative; background-color: #1b2250; color: #ffffff; }

.site-header-wrap { width: auto; height: 5px; opacity: 0; }

.site-footer { background: #1b2250; }

.site-footer-wrap { width: auto; padding: 1rem; }

.site-footer .site-title { font-size: 0.8em; }

.site-footer .book-title { margin-top: .304rem; }

.site-menu { position: fixed; top: 0; right: -100%; height: 100%; border-left: 2px solid #ffffff; z-index: 99999; transition: right .4s linear; }

.site-menu.active { right: 0; }

.site-menu .close { padding: 24px; }

.site-menu .close::after { position: absolute; top: 0; right: 0; width: 36px; height: 36px; color: #ffffff; z-index: 100000; font-size: 24px; font-family: "Almarai", sans-serif; padding: 12px 6px 0 6px; border-radius: 0 0 0 36px; text-align: center; content: 'X'; }

.site-menu .menu-links { height: 100%; background-color: #1b2250; text-align: right; }

.site-menu .menu-links .menu-link { display: block; padding: 1em; }

.site-menu .menu-links .menu-link:hover { text-decoration: underline; }

.site-menu .menu-links .menu-link li { font-size: 1.618em; }

.button-special-shell { position: fixed; bottom: 0; left: 0; width: 100%; cursor: pointer; pointer-events: all; display: none; }

.button-special { background: #C89902; padding: 1rem 1.618rem; border-radius: 0 0 .618rem .618rem; border-radius: 0; text-align: center; }

.button-special span { color: #ffffff; font-family: "hind", sans-serif; font-size: 2em; }

.button-special-shell { position: absolute; top: 100%; right: 0; }

.above-the-fold { position: relative; }

.above-the-fold-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-position: center; background-repeat: no-repeat; background-size: cover; }

.above-the-fold-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: .5; }

.above-the-fold-content { position: relative; z-index: 3; }

.above-the-fold-content h4 { margin-top: 0; color: #1b2250; }

.above-the-fold-content-wrap { padding: 1.618rem; color: #383939; background: rgba(255, 255, 255, 0.8); }

.step { padding: 1rem 1.618rem 2.618rem; }

.step-title { color: #C89902; font-size: 3em; font-family: "hind", sans-serif !important; }

.step-title-number { font-size: 1.618em; font-family: "freight-sans-pro", serif; font-weight: 600; }

.step-content { margin-left: 2rem; }

.step-content a:hover { color: #ffffff; }

.step-content a:visited { color: #ffffff; }

.step-highlight { font-size: 1.618em !important; padding-bottom: 1rem; }

.step-button { display: inline-block; margin-top: 1.618rem; font-size: 1.25em; background: #1b2250; padding: 1rem; border-radius: .4rem; border: none; color: #ffffff !important; }

.step-button:hover { color: white; box-shadow: inset 0 0 0.2rem 0.05rem rgba(255, 255, 255, 0.4); }

.step-button:hover { color: #ffffff; text-shadow: 0 1px 1px rgba(56, 57, 57, 0.2), 0 1px 2px rgba(200, 153, 2, 0.2), 0 1px 4px rgba(255, 255, 255, 0.08); }

.banner { display: block; position: relative; width: 100%; height: 100%; margin-bottom: 1.618rem; overflow: hidden; transition: all 1s linear; z-index: 2; }

.banner * { transition: all .2s linear; }

.banner-graphic { border: 1px solid #1b2250; border-radius: 0rem; position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: 1200px; max-height: 300px; background-size: cover; z-index: 0; }

.banner-text { position: relative; top: 0; left: 0; width: 100%; height: 100%; max-width: 1200px; color: #ffffff; font-size: 4rem; padding: 1rem; text-shadow: 0px 0px 0.4rem #1b2250, 0px 0px 0.2rem #383939; z-index: 1; }

.banner:hover .banner-graphic { border-radius: .4rem; transform: scale(1.02); }

.banner:hover .banner-text { transform: translateY(-1px); }

.political-stance { margin: 0; margin-bottom: 26px; }

.political-stance * { user-select: none; }

.political-point-container { color: #383939; background-color: #1b2250; padding: 10px; border: 1px solid white; cursor: pointer; }

.political-point-rest-container { border: 1px solid white; border-top: none; border-radius: 0 0 3px 3px; padding: 10px; }

.political-point-container:hover > .political-point-rest-container { display: block; }

.political-point { font-size: 2rem; }

.political-point-summary { margin: 0px 0 0px; padding: 5px; }

.political-points { padding: 2rem 0 20px; margin: 0; }

.political-points li { margin-bottom: 20px; }

.political-points li ul { margin-top: 10px; }

.political-points li ul li { list-style-position: outside; }

blockquote.opinion { padding: 4.618rem 2.618rem 1.618rem; background: rgba(27, 34, 80, 0.8); color: #ffffff; position: relative; }

blockquote.opinion:before { position: absolute; top: 0; left: 0; content: 'Warning: this section contains personal opinions.'; margin: 1.618rem 1.618rem 1rem; padding: .1rem .4rem .1618rem; color: rgba(255, 255, 255, 0.8); background: rgba(135, 42, 60, 0.5); font-weight: 600; }

.note { font-size: 1em !important; opacity: .8; font-style: italic; }

.above-the-fold-content-wrap { padding: 1.618em 3.236em; }

.home-intro-text { width: 50%; float: left; padding-bottom: 1.618em; }

.atf-more { max-width: 480px; }

.home-book-image { width: 50%; float: right; }

.home-book-image .wrap { max-width: 400px; padding-left: 4em; text-align: right; margin: 0; }

.payment-links { max-width: 360px; }

.home-mobile-text .atf-more, .home-mobile-text .payment-links { display: none; }

.audiobook-mobile { display: none; }

@media screen and (max-width: 1080px) { .payment-links { text-align: center; } }

@media screen and (max-width: 800px) { .payment-links { max-width: none; clear: both; }
  .audiobook-desktop { display: none; }
  .audiobook-mobile { display: block; } }

@media screen and (max-width: 680px) { .home-intro-text, .home-book-image { width: auto; float: none; }
  .atf-more { max-width: none; }
  .home-book-image .wrap { max-width: auto; padding-left: 0; text-align: center; margin: auto; }
  .home-book-image .home-audio-book { display: none; } }

.home-rest p { font-size: 1.2em; line-height: 1.2em; }

.prometheus-project .foster p { font-size: 2em; }

.book-pricing { font-size: 1.618em; margin-top: 1.618rem; }

.book-pricing .book-price { font-size: 1.618em; }

.button-standard, .home-list-actions details .rest .cta button, .action-link button, .action-overlay button { display: block; padding: .618rem; border: 2px solid #1b2250; color: #383939; margin: 0 auto 1.618rem; border-radius: .2rem; background: #ffffff; color: #1b2250; font-family: "freight-sans-pro", serif; font-weight: 600; font-size: 1.618em; text-transform: capitalize; }

.button-standard:hover, .home-list-actions details .rest .cta button:hover, .action-link button:hover, .action-overlay button:hover, .button-standard:active, .home-list-actions details .rest .cta button:active, .action-link button:active, .action-overlay button:active, .button-standard:focus, .home-list-actions details .rest .cta button:focus, .action-link button:focus, .action-overlay button:focus { background: #1b2250; color: #ffffff; border-color: #383939; }

@media screen and (max-width: 360px) { .button-standard, .home-list-actions details .rest .cta button, .action-link button, .action-overlay button { padding: .342rem .618rem .618rem; } }

.home-list-actions details summary { margin-top: 1.618em; font-size: 1.618em; font-family: "hind", sans-serif; font-weight: 400; color: #1b2250; }

.home-list-actions details .rest { max-width: 480px; margin: auto; }

.home-list-actions details .rest h6 { color: #872a3c; font-family: "freight-sans-pro", serif; font-weight: 600; }

.home-list-actions details .rest p { margin-top: 1em; }

.home-list-actions details .rest .cta { padding-top: 1.618em; }

.home-list-actions details .rest .cta input { display: block; width: auto; font-size: 1.618em; padding: .618em; margin: 0 auto 1.618rem; text-align: center; min-width: -webkit-fill-available; }

@media screen and (max-width: 460px) { .home-list-actions details .rest .cta input { font-size: 1.2em; } }

@media screen and (max-width: 420px) { .home-list-actions details .rest .cta input { font-size: 1.0em; } }

.home-list-actions details .rest .cta button { display: block; }

.action-link { max-width: 480px; padding: 2em; padding-bottom: 1em; margin: 2em auto; width: 84%; border: 2px solid #1b2250; border-radius: 2rem; }

.action-link h3 { margin-top: 0; margin-bottom: 1.304rem; }

.action-link button { margin-top: 1.618rem; }

@media screen and (max-width: 550px) { .atf-main-text { font-size: 4em; } }

.action-overlay { background: rgba(27, 34, 80, 0.98); color: #ffffff; border: 2px solid white; margin: 1.618em auto; padding: 1.618em; text-align: center; max-width: 680px; }

.action-overlay p { margin-top: 1rem; margin-bottom: 1.618rem; }

.action-overlay button { display: block; margin-top: .618rem; margin-bottom: .392rem; background: rgba(255, 255, 255, 0.75); }

.action-overlay button:hover { background: #ffffff; color: #1b2250; }

.action-overlay input { display: block; width: auto; font-size: 1em; padding: .618em; margin: 0 auto 1.618rem; text-align: center; }

@media screen and (max-width: 460px) { .action-overlay input { font-size: 1.2em; } }

@media screen and (max-width: 420px) { .action-overlay input { font-size: 1.0em; } }

@media screen and (max-width: 520px) { .my-hope .inline-block { display: inline; } }

#political-writings { display: grid; grid-template-rows: 1fr; grid-template-columns: 50% 50%; grid-gap: 16.18px; }

.writing-category h4 { margin-top: 3px; }

.writing-category li { list-style-position: inside; }

@media screen and (min-width: 1024px) { #political-writings { grid-template-columns: 33.3% 33.3% 33.3%; } }

@media screen and (max-width: 680px) { #political-writings { grid-template-columns: 100%; } }

#political-reform .states .state { background-color: rgba(135, 42, 60, 0.2); padding: 1.618em; margin: 0em auto 1.618em; }

#political-reform .states .state-name { margin-top: 0; }

#political-reform .states .state.populous { background-color: rgba(27, 34, 80, 0.2); }

.ways-to-help { margin: 0 !important; margin-top: 1.618em !important; }

.ways-to-help a li { margin-left: auto; list-style: none; padding: 1em; background: #1b2250; color: #ffffff; }

.ways-to-help a li:hover { background: rgba(27, 34, 80, 0.82); }

@media screen and (max-width: 750px) { .at750-show { display: block !important; }
  .at750-hide { display: none !important; } }

@media screen and (max-width: 550px) { .at550-show { display: block !important; }
  .at550-hide { display: none !important; } }

.py1g { padding-top: 1.618em; padding-bottom: 1.618em; }

.text-smaller { font-size: 80%; }