/*
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	letter-spacing: 1;
	font-size: 16px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img {
	max-width: 100%;
}
*/
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box; }

/* Remove default padding */
ul,
ol {
  padding: 0; }

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0; }

:focus {
  outline: none; }

/* Set core body defaults */
body {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5; }

/* Remove list styles on ul, ol elements with a class attribute */
ul,
ol {
  list-style: none; }

/* A elements that don't have a class get default styles */
/*a:not() {
  text-decoration-skip-ink: auto;
}*/
/* Make images easier to work with */
img {
  max-width: 100%; }

svg {
  max-width: 100%; }

/* Natural flow and rhythm in articles by default */
/*
  article > * + * {
    margin-top: 1em;
  }
*/
/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit; }

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important; } }

img {
  max-width: 100%; }

.img-wrap {
  line-height: 0; }

/*h1 {
	$map: (576px: 45px, 768px: 55px, 992px: 65px);
  @include poly-fluid-sizing('font-size', $map);
}*/
/*.is-center-both {
  @include center(both);
}
.is-center-vert {
  @include center(vert);
}*/
/*div.logo {
   background: url("logo.png") no-repeat;
   @include image-2x("logo2x.png", 100px, 25px);
 }*/
@font-face {
  font-family: 'Bitter';
  src: url("https://assets.answersingenesis.org/img/pando/assets/Bitter-100-900.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap; }

html {
  font-size: 12px; }

@media (min-width: 48em) {
  html {
    font-size: 14px; } }

@media (min-width: 75em) {
  html {
    font-size: 16px; } }

body {
  font-family: "Ubuntu", sans-serif;
  font-weight: 300;
  line-height: 1.1rem;
  color: #3f4041; }

.font-alt {
  font-family: "Ubuntu", sans-serif; }

.color-gray {
  color: rgba(0, 0, 0, 0.5); }

.text-sm, .descriptionText {
  font-size: 1rem;
  line-height: 1.1rem;
  letter-spacing: .03em; }

.font-size-1 {
  font-size: 1.2rem;
  line-height: 2.2rem; }

.text-med {
  font-size: 1.44rem;
  line-height: 2.2rem; }

.text-lg {
  font-size: 1.728rem;
  line-height: 2.2rem;
  letter-spacing: .01em; }

.font-size-4 {
  font-size: 2.0736rem;
  line-height: 3.3rem;
  letter-spacing: -.01em; }

.text-xlg {
  font-size: 2.48832rem;
  line-height: 3.3rem;
  letter-spacing: -.01em; }

.font-size-6 {
  font-size: 2.985984rem;
  line-height: 3.3rem;
  letter-spacing: -.01em; }

.font-size-7 {
  font-size: 3.5831808rem;
  line-height: 3.3rem;
  letter-spacing: -.01em; }

.font-size-8 {
  font-size: 4.29981696rem;
  line-height: 4.4rem;
  letter-spacing: -.02em; }

.line-height-1 {
  line-height: 1.1rem; }

.line-height-2 {
  line-height: 2.2rem; }

.line-height-3 {
  line-height: 3.3rem; }

.line-height-4 {
  line-height: 4.4rem; }

.line-height-5 {
  line-height: 5.5rem; }

.is-uppercase {
  text-transform: uppercase; }

.caption {
  font-size: 1rem;
  font-family: "Ubuntu", sans-serif;
  line-height: 1.65rem;
  font-weight: 100;
  color: #575757; }

@media screen and (prefers-color-scheme: dark) {
  .caption {
    color: rgba(255, 255, 255, 0.85); } }

.no-dec {
  color: inherit;
  text-transform: none; }

.no-dec:hover {
  text-decoration: none; }

.is-faded {
  opacity: 0.7; }

.text-shadow {
  text-shadow: 0.01em 0.01em 0.2em rgba(0, 0, 0, 0.4); }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Bitter", serif;
  font-weight: 600;
  margin-bottom: 1.1rem;
  line-height: 2.2rem; }

h1, .h1 {
  font-size: 3.5831808rem;
  line-height: 1.1rem;
  margin-bottom: 2.2rem;
  font-family: "Bitter", serif;
  font-weight: 600;
  color: #ffffff; }

@media (min-width: 48em) {
  .font-size-8 {
    font-size: 6.1917364224rem; }
  h1.line-height-1 {
    line-height: 2.2rem; } }

h2, .h2 {
  font-size: 2.0736rem; }

h3, .h3 {
  font-size: 1.728rem; }

h4, .h4 {
  font-size: 1.44rem; }

h5, .h5 {
  font-size: 1.44rem; }

h6, .h6 {
  font-size: 1.44rem; }

p, ul, ol, blockquote {
  margin-bottom: 2.2rem;
  box-sizing: border-box; }

.bg-dark p, .bg-dark li, .bg-dark blockquote {
  color: #ffffff; }

h2, h3, h4, h5, h6, p, ul, ol, blockquote, form,
.mediaEmbed, .max-width {
  max-width: 50rem;
  margin-left: auto;
  margin-right: auto; }

p, li, blockquote {
  font-family: "Bitter", serif;
  font-weight: 350;
  line-height: 2.2rem;
  font-size: 1.44rem; }

ol > li {
  list-style-type: decimal; }

ul > li {
  list-style-type: square; }

ol, ul {
  padding-left: 1.5rem; }

.intro {
  font-size: 1.728rem;
  margin-bottom: 3.3rem; }

.hide-text {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

blockquote {
  font-size: 2.0736rem;
  line-height: 3.3rem;
  font-style: italic;
  padding-left: 1rem; }

/*h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child,
p:first-child,
ul:first-child,
ol:first-child,
blockquote:first-child {
  margin-top:0;
}*/
p:last-child,
ul:last-child,
ol:last-child,
blockquote:last-child {
  margin-bottom: 0; }

@media only screen and (min-width: 48em) {
  blockquote {
    padding-left: 2.2rem; } }

.highlight, .highlight-small {
  background-color: rgba(0, 38, 58, 0.8);
  color: #ffffff;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  padding: .2em 2rem;
  line-height: 1.75em;
  font-weight: 500; }

.highlight-small {
  font-weight: 300; }

.highlight--condensed .highlight, .highlight--condensed .highlight-small {
  padding: .05em 2rem;
  line-height: 1.3em; }

.hl-none {
  background-color: transparent; }

i, em {
  font-style: italic; }

b, strong {
  font-weight: bold; }

.page-inner {
  position: relative; }

.page-inner::after {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 10000;
  background-size: 100% 2.2rem; }

a {
  font-family: "Ubuntu", sans-serif;
  text-decoration: none;
  /*&::before {
    @include            transition(all .3s ease-in-out);
    content           : "";
    visibility        : hidden;
    position          : absolute;
    bottom            : -3px;
    left              : 0;
    width             : 100%;
    height            : 1px;
    background-color  : $aig-blue;
    -webkit-transform : scaleX(0);
    transform         : scaleX(0);
  }

  &:hover::before {
    visibility        : visible;
    -webkit-transform : scaleX(1);
    transform         : scaleX(1);
  }

  &.header-jump-link {
    color: white;
    text-shadow: 0.01em 0.01em 0.2em rgba(0, 0, 0, 0.4);
    &::before{
      background-color  : white;
    }
  }*/ }
  a:focus {
    text-decoration: underline; }

.link-expander::after {
  content: '\e315';
  display: inline;
  font-family: 'Material Icons';
  font-size: 1em;
  vertical-align: middle; }

.link-expander.is-open::after {
  content: '\e313';
  display: inline;
  font-family: 'Material Icons';
  font-size: 1em;
  vertical-align: middle; }

.icon {
  display: inline-block;
  width: 1.5rem;
  height: 2rem;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
  position: relative;
  top: -2px;
  vertical-align: middle; }

.js .material-icons, .js .menu a::after {
  visibility: hidden;
  opacity: 0;
  transition: opacity .5s ease-in-out; }

.js.fonts-loaded .material-icons {
  visibility: visible;
  opacity: 1; }

.js.fonts-loaded .menu a::after {
  visibility: visible;
  opacity: .5; }

.grecaptcha-badge {
  visibility: hidden; }

.no-pad {
  padding: 0; }

.no-dec {
  padding: 0;
  margin: 0;
  list-style: none;
  background-color: transparent;
  border: none; }

.no-dec > li {
  list-style: none; }

.videoEmbed {
  line-height: 0; }

.inline {
  display: inline; }

.padded-xs, .padded-sm {
  padding: 1.1rem; }

.padded, .padded-lg {
  padding: 2.2rem; }

.padded-xlg {
  padding: 3.3rem; }

@media only screen and (min-width: 48em) {
  .padded {
    padding: 3.3rem; }
  .padded-lg {
    padding: 4.4rem; }
  .padded-xlg {
    padding: 5.5rem; } }

.padded-bottom-x {
  padding-bottom: 0; }

.padded-top-x {
  padding-top: 0; }

.padded-right-x {
  padding-right: 0; }

.padding-top-xxlg {
  padding-top: 4.4rem; }

.margin-top-sm {
  margin-top: 0.7333333333rem; }

.margin-top {
  margin-top: 1.1rem; }

.margin-top-lg {
  margin-top: 2.2rem; }

.margin-top-xlg {
  margin-top: 3.3rem; }

.margin-bottom-sm {
  margin-bottom: 0.7333333333rem; }

.margin-bottom {
  margin-bottom: 1.1rem; }

.margin-bottom-lg {
  margin-bottom: 2.2rem; }

.margin-bottom-xlg {
  margin-bottom: 3.3rem; }

.margin-right-sm {
  margin-right: 0.7333333333rem; }

.margin-right {
  margin-right: 1.1rem; }

.margin-right-lg {
  margin-right: 2.2rem; }

.margin-right-xlg {
  margin-right: 3.3rem; }

.margin-left-sm {
  margin-left: 0.7333333333rem; }

.margin-left {
  margin-left: 1.1rem; }

.margin-left-lg {
  margin-left: 2.2rem; }

.margin-left-xlg {
  margin-left: 2.2rem; }

.preserve-3d {
  transform-style: preserve-3d; }

html, body {
  overflow: hidden;
  height: 100vh; }

#app {
  padding-top: 4rem; }

.parallax-wrap {
  perspective: 4px;
  perspective-origin: 0 -10%;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  height: calc(100vh - 4em); }

.parallax-back {
  position: absolute;
  transform: translateZ(-4px) scale(2.15);
  transform-origin: 0 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1; }

.parallax-front {
  position: absolute;
  transform: translateZ(-2px) scale(1.48);
  transform-origin: 0 0;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1; }

@media (min-width: 48em) {
  .header-img .parallax-front {
    top: 40%;
    padding-right: 2rem; } }

@media (max-height: 500px) {
  .parallax-front {
    position: absolute;
    top: 30%; } }

#djDebug {
  transform-style: flat; }

.aligner {
  display: flex; }

.cover {
  height: 75vh;
  position: relative;
  min-height: 400px; }

.cover.highlight--condensed {
  height: 85vh; }

.cover-no-image, .cover-no-image.highlight--condensed {
  height: auto;
  margin-top: 4rem; }

.cover-no-image .title {
  position: static; }

.cover-image-wrap {
  width: 100vw;
  height: 85vh;
  min-height: 400px;
  background-size: cover;
  background-color: rgba(127, 127, 127, 0.13); }

.cover-image-wrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  image-rendering: crisp-edges;
  opacity: 1; }

.cover-image-wrap::after {
  position: absolute;
  content: '.';
  text-indent: -1000rem;
  left: 0;
  right: 0;
  bottom: 0;
  height: 50vh;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25));
  pointer-events: none; }

.blur-sm img {
  filter: blur(4px); }

.title {
  position: absolute;
  top: auto;
  left: 0;
  right: 0;
  bottom: 10%; }

.highlight--condensed .title {
  bottom: -10%; }

@media only screen and (min-width: 48em) {
  .highlight--condensed .title {
    bottom: 0; } }

.subtitle {
  max-width: initial;
  margin-left: 0;
  margin-right: 0;
  margin-top: -1em; }

h1 {
  line-height: 1em;
  -webkit-hyphens: auto;
          hyphens: auto; }

.cover-video {
  opacity: 0;
  transition: opacity .5s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover; }

.video-loaded {
  opacity: 1; }

.cover-logo {
  width: 33vw;
  min-width: 100%;
  display: block;
  text-align: center;
  margin: 0 auto; }
  .cover-logo svg {
    min-width: 100%; }
  .cover-logo p {
    letter-spacing: 0; }

@media screen and (prefers-reduced-motion: reduce) {
  .cover {
    transform: none; }
  .cover-image-wrap {
    transform: none; }
  .title {
    bottom: 25%;
    transform: none; } }

/*.js .hideUntilLoaded {
  visibility:hidden;
  opacity:0;
  transition: opacity .5s ease-in-out;
}

.js .hideUntilLoaded.loaded {
  visibility:visible;
  opacity:1;
}*/
section {
  margin: 0 auto; }

/*@media only screen and (min-width: $tablet-vertical) {
  section {
    margin: 5px;
    width: 100%;
  }
}

@media only screen and (min-width: $desktop) {
  section {
    margin: 25px;
  }
}*/
@media print {
  section {
    width: 100%; } }

.footer--logo {
  width: 6rem;
  height: 6rem; }

/*.header {
  position:relative;
  height: $base-rhythm * 28;
  padding: $padding * 2;
  box-sizing: border-box;
  overflow:hidden;
}

.vid-header {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  object-fit: cover;
  z-index:10;
}

//.img-header {
//  height: calc(100vh - 4.4rem);
//}*/
/*$loops: floor(1920px / $base-rhythm);
@for $i from 1 through $loops {
  @if $i * $base-rhythm > 320px {
    @media (min-height: $i * $base-rhythm) {
      .full-img {
        height: $i * $base-rhythm - ($base-rhythm * 5);
      }
    }
  }
}*/
/*.full-img {
  height: 85vh;
}

.header h1 {
  position:relative;
  z-index:100;
}*/
body {
  margin: 0; }

/*.page {
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  perspective: 4px;
}*/
/*body {
  transform-style: preserve-3d;
}*/
section {
  background-color: #ffffff; }

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

.bg-blue {
  background-color: #00BCDD;
  color: #ffffff; }

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

.bg-light-gray {
  background-color: #EDEDED; }

.bg-blue a, .bg-dar a {
  color: #ffffff; }

.bg-blue input, .bg-dark input {
  border: none; }

.parallax-v-wrap {
  position: relative;
  /* The scaling of the images would add a horizontal scrollbar, so disable x overflow. */
  /* Enable scrolling on the page. */
  /* Set the perspective to 2px. This is essentailly the simulated distance from the viewport to transformed objects.*/ }

h2.parallax-front {
  top: 20%; }

.rounded {
  border-radius: 4px; }

.overflow-hidden {
  overflow: hidden; }

section {
  background-color: #fff;
  /*position:relative;
  z-index:100;*/ }

@media screen and (prefers-color-scheme: dark) {
  body {
    background-color: #101520;
    color: rgba(255, 255, 255, 0.85); }
  section {
    background-color: #101520; }
  /*p {
    color:rgba(255,255,255,0.85);
  }*/
  img {
    opacity: .75;
    transition: opacity .5s ease-in-out; }
  img:hover {
    opacity: 1; } }

.position-top-right {
  position: absolute;
  top: 0;
  right: 0; }

.position-top-left {
  position: absolute;
  top: 0;
  left: 0; }

.relative {
  position: relative; }

.is-left {
  text-align: left; }

.is-right {
  text-align: right; }

.is-center {
  text-align: center; }

.is-justify {
  text-align: justify; }

.is-ver-top {
  vertical-align: top; }

.is-ver-mid {
  vertical-align: middle; }

.is-ver-bottom {
  vertical-align: bottom; }

.margin-center {
  margin: 0 auto; }

@media (min-width: 48em) {
  .is-left-sm {
    text-align: left; }
  .is-right-sm {
    text-align: right; }
  .is-center-sm {
    text-align: center; }
  .is-justify-sm {
    text-align: justify; }
  .is-ver-top-sm {
    vertical-align: top; }
  .is-ver-mid-sm {
    vertical-align: middle; }
  .is-ver-bottom-sm {
    vertical-align: bottom; }
  .margin-center-sm {
    margin: 0 auto; } }

@media (min-width: 62em) {
  .is-left-md {
    text-align: left; }
  .is-right-md {
    text-align: right; }
  .is-center-md {
    text-align: center; }
  .is-justify-md {
    text-align: justify; }
  .is-ver-top-md {
    vertical-align: top; }
  .is-ver-mid-md {
    vertical-align: middle; }
  .is-ver-bottom-md {
    vertical-align: bottom; }
  .margin-center-md {
    margin: 0 auto; } }

@media (min-width: 75em) {
  .is-left-lg {
    text-align: left; }
  .is-right-lg {
    text-align: right; }
  .is-center-lg {
    text-align: center; }
  .is-justify-lg {
    text-align: justify; }
  .is-ver-top-lg {
    vertical-align: top; }
  .is-ver-mid-lg {
    vertical-align: middle; }
  .is-ver-bottom-lg {
    vertical-align: bottom; }
  .margin-center-md {
    margin: 0 auto; } }

.pos-rel {
  position: relative; }

.pos-abs {
  position: absolute; }

.pos-fix {
  position: fixed; }

.is-block {
  display: block; }

.is-in-block {
  display: inline-block; }

.is-table {
  display: table; }

.is-cell {
  display: table-cell; }

.is-float-right {
  float: right; }

.is-float-left {
  float: left; }

.clear {
  clear: both;
  overflow: hidden; }

.vert-top {
  vertical-align: top; }

.vert-middle {
  vertical-align: middle; }

.vert-bottom {
  vertical-align: bottom; }

.is-cell-center {
  display: table-cell;
  vertical-align: middle; }

.is-center-both {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.is-center-vert {
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }

.nav-sub {
  display: none; }

.hide-mobile, .show-desktop, .show-tablet, .show-tablet-horiz {
  display: none; }

@media only screen and (min-width: 48em) {
  .hide-mobile {
    display: block; }
  .show-mobile {
    display: none; } }

@media only screen and (min-width: 75em) {
  .hide-desktop {
    display: none; } }

@media only screen and (min-width: 48em) {
  .show-tablet {
    display: block; } }

@media only screen and (max-width: 61.9375em) {
  .hide-tablet-horiz- {
    display: none; }
  .hide-tablet-horiz-.material-icons, .hide-tablet-horiz-.material-icons-outlined {
    display: none !important; } }

@media only screen and (min-width: 62em) {
  .hide-tablet-horiz {
    display: none; }
  .hide-tablet-horiz.material-icons, .hide-tablet-horiz.material-icons-outlined {
    display: none !important; }
  .show-desktop, .show-tablet-horiz {
    display: block; } }

.is-visible {
  display: block; }

.is-hidden {
  display: none; }

.is-hidden.material-icons {
  display: none !important; }

.color-primary-light {
  color: #11dbff; }

.color-primary {
  color: #00BCDD; }

.color-primary-dark {
  color: #0091aa; }

.color-secondary-light {
  color: white; }

.color-secondary {
  color: #ffffff; }

.color-secondary-dark {
  color: #e6e6e6; }

.color-light-light {
  color: white; }

.color-light {
  color: #ffffff; }

.color-light-dark {
  color: #e6e6e6; }

.color-splash-light {
  color: #c6e388; }

.color-splash {
  color: #B2D95F; }

.color-splash-dark {
  color: #9ecf36; }

.color-dark-lighten {
  color: #8a8a8a; }

.color-gray {
  color: rgba(0, 0, 0, 0.5); }

.bg-primary-light {
  background-color: #11dbff; }

.bg-primary {
  background-color: #00BCDD; }

.bg-primary-dark {
  background-color: #0091aa; }

.bg-secondary-light {
  background-color: white; }

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

.bg-secondary-dark {
  background-color: #e6e6e6; }

.bg-light-light {
  background-color: white; }

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

.bg-light-dark {
  background-color: #e6e6e6; }

.bg-splash-light {
  background-color: #c6e388; }

.bg-splash {
  background-color: #B2D95F; }

.bg-splash-dark {
  background-color: #9ecf36; }

.border {
  border: solid 1px; }

.border-bottom {
  border-bottom: solid 1px; }

.border-top {
  border-top: solid 1px; }

.border-right {
  border-right: solid 1px; }

.border-left {
  border-left: solid 1px; }

.border-primary-light {
  border-color: #11dbff; }

.border-primary {
  border-color: #00BCDD; }

.border-primary-dark {
  border-color: #0091aa; }

.border-secondary-light {
  border-color: white; }

.border-secondary {
  border-color: #ffffff; }

.border-secondary-dark {
  border-color: #e6e6e6; }

.border-light-light {
  border-color: white; }

.border-light {
  border-color: #ffffff; }

.border-light-dark {
  border-color: #e6e6e6; }

.border-splash-light {
  border-color: #c6e388; }

.border-splash {
  border-color: #B2D95F; }

.border-splash-dark {
  border-color: #9ecf36; }

label, select option {
  display: block;
  color: #575757;
  font-family: "Bitter", serif;
  font-size: 1.2rem;
  font-weight: 100;
  line-height: 2.2rem; }

.checkboxLabel label, .checkboxLabel select option, select .checkboxLabel option,
label.is-inline,
select option.is-inline {
  display: inline; }

textarea {
  width: 100%;
  height: 4.4rem;
  padding-top: .25rem;
  padding-bottom: .25rem;
  font-family: "Bitter", serif;
  font-size: 1.44rem;
  font-weight: 300;
  line-height: 2.2rem; }

input {
  max-width: 100%;
  height: 2.2rem; }

input,
select,
textarea {
  box-sizing: border-box;
  max-width: 100%;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  border: solid 2px #afafaf;
  border-radius: 4px;
  font-family: "Bitter", serif;
  font-size: 1.44rem;
  font-weight: 300;
  font-weight: 300;
  line-height: 2.2rem; }
  input.input-currency,
  select.input-currency,
  textarea.input-currency {
    max-width: 90%;
    margin-left: .25em; }

input:focus,
select:focus,
textarea:focus {
  border-width: 2px;
  outline: none;
  border-color: #00BCDD; }

input[type="checkbox"],
input[type="radio"] {
  margin-right: .5rem;
  vertical-align: middle; }

input[type="checkbox"]:focus,
input[type="radio"]:focus {
  box-shadow: none; }

input.cardCode {
  width: 4em; }

select {
  width: 100%; }
  select option {
    font-weight: normal; }

select#id_card_expire_month,
select#id_card_expire_year {
  width: 45%; }

input[type=checkbox] {
  -moz-appearance: none;
  -webkit-appearance: none;
  position: relative;
  width: 1em;
  height: 1em;
  border: 1px solid #00BCDD;
  border-radius: 3px;
  background-color: #FFF;
  vertical-align: middle;
  transition: all .2s ease-in-out;
  cursor: pointer; }
  input[type=checkbox]:checked {
    border: 2px solid #00BCDD;
    background: #00BCDD; }
    input[type=checkbox]:checked:before {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      content: "check";
      display: block;
      color: #FFF;
      font-family: 'Material Icons';
      font-size: 24px; }

input[type=radio] {
  -moz-appearance: none;
  -webkit-appearance: none;
  position: relative;
  width: 1em;
  height: 1em;
  border: 2px solid #00BCDD;
  border-radius: 100%;
  background-color: #FFF;
  vertical-align: top;
  transition: all .2s ease-in-out;
  cursor: pointer; }
  input[type=radio]:checked:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: " ";
    display: inline-block;
    width: .5em;
    height: .5em;
    border-radius: 100%;
    background-color: #00BCDD; }

/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear {
  display: none;
  width: 0;
  height: 0; }

input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0; }

/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none; }

input:-internal-autofill-selected {
  background-color: transparent !important; }

input[type=checkbox]:checked:before {
  content: '\2713' !important; }

a {
  color: #00BCDD;
  text-decoration: none;
  word-break: break-word; }
  a:hover {
    cursor: pointer; }

.primary-action-text, .secondary-action-text {
  display: block;
  white-space: nowrap; }

.v-align-middle {
  vertical-align: middle; }

@media only screen and (min-width: 48em) {
  .primary-action-text, .secondary-action-text {
    display: inline; }
  .secondary-action-text {
    margin-left: 1em; } }

.btn {
  background-color: #00BCDD;
  cursor: pointer;
  position: relative;
  display: inline-block;
  border: 3px solid #00BCDD;
  border-radius: 3px;
  color: #ffffff;
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .btn:hover {
    text-decoration: none;
    transform: scale(1.05, 1.05);
    z-index: 1000;
    background-color: #11dbff;
    border-color: #11dbff;
    text-decoration: none; }

.btn-round {
  width: 2em;
  height: 2em;
  top: 1em;
  right: 1em;
  position: absolute;
  border: 0;
  color: white;
  background-color: #00BCDD;
  font-size: 2em;
  border-radius: 50%;
  z-index: 1; }
  .btn-round:hover {
    box-shadow: 1px 2px 4px 2px #002674;
    cursor: pointer; }

.btn-wide-xs {
  width: 100%;
  margin-bottom: 1.1rem !important; }

@media only screen and (min-width: 48em) {
  .btn-wide-xs {
    width: auto;
    margin-bottom: 0; }
  .btn-round {
    font-size: 1.5em; } }

button:focus {
  outline: none; }

.btn-search-icon {
  width: 1.75rem;
  height: 1.75rem;
  margin-right: .25rem; }

.fill-light {
  fill: #ffffff; }

.fill-gray {
  fill: rgba(0, 0, 0, 0.5); }

.btn, .btn-alt {
  display: inline-block;
  padding: 0.55rem 16px;
  margin: 2px;
  text-transform: uppercase;
  font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 2.2rem;
  outline: none;
  text-align: center;
  white-space: nowrap; }

.btn-alt {
  border: solid 2px #ccc;
  border-radius: 4px;
  transition: all 0.6s ease; }
  .btn-alt:hover {
    border-color: #00BCDD;
    text-decoration: none; }
    .btn-alt:hover::before {
      display: none; }

@media only screen and (min-width: 48em) {
  .btn, .btn-alt {
    padding: .45rem 1rem; } }

.btn-ipa {
  position: fixed;
  transform-style: flat;
  top: 70vh;
  right: 0;
  border: solid 3px #ffffff;
  border-bottom: none;
  font-weight: bold;
  transform: rotate(-90deg) translate(0, 17px);
  padding: .4em .8em;
  text-transform: uppercase;
  box-shadow: 0 0 2px black;
  opacity: 0.8; }

.btn-ipa:hover {
  opacity: 1;
  background-color: #00263a; }

.close-icon {
  top: 0px; }

.mobile-menu-btn {
  color: #fff;
  text-transform: uppercase;
  font-family: "Ubuntu", sans-serif;
  padding: 0.8em 1.8em 1.2em;
  background-color: transparent;
  border: none; }

.mobile-menu-btn svg {
  width: 2rem;
  float: left;
  margin-right: .25rem;
  top: 2px; }

.white-fill {
  fill: #fff; }

svg.icon {
  height: 2rem; }

svg.icon-logo {
  width: 4rem;
  height: 2.5rem;
  top: 1px; }

.menu--arj-icon {
  position: absolute;
  left: 50%;
  top: .8rem;
  margin-left: -24px; }

nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000; }

nav::after {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 5rem;
  background-image: linear-gradient(rgba(0, 38, 58, 0.65), rgba(0, 0, 0, 0));
  z-index: -1;
  pointer-events: none;
  transition: all .3s ease-in-out; }

.navigation {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 4rem; }

.menu-wrapper {
  margin: 5rem 1rem;
  padding: 2rem;
  border-radius: 6px;
  width: 70vw;
  background-color: #ffffff;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5); }

.menu-wrapper::after {
  content: '.';
  text-indent: -1000rem;
  position: absolute;
  top: 3.2rem;
  width: .5rem;
  left: 1.2rem;
  border: solid 0.9rem transparent;
  border-bottom-color: #fff;
  border-top-width: 0; }

.menu > li > a {
  display: block;
  padding: .4rem; }

.menu .material-icons-outlined {
  position: relative;
  top: 0.3em;
  margin-right: 0.1em; }

.js .menu a::after {
  font-family: 'Material Icons';
  content: "keyboard_arrow_right";
  font-feature-settings: 'liga' 1;
  position: absolute;
  top: 0;
  right: 0; }

.menu > li > a:focus {
  background-color: rgba(0, 0, 0, 0.3);
  outline: solid 2px rgba(255, 255, 255, 0.3);
  border-radius: 4px;
  text-decoration: none; }

.search--icon {
  top: 3px; }

@media only screen and (min-width: 48em) {
  .menu-wrapper {
    width: 25em; }
  .search--icon {
    top: 0; } }

@media only screen and (min-width: 62em) {
  .menu-wrapper {
    margin: 0;
    padding: 0;
    width: auto;
    background-color: transparent;
    box-shadow: none; }
  .menu-wrapper::after {
    display: none; }
  .menu {
    margin: 1.1rem 4rem 0 1.1rem;
    padding: 0;
    max-width: none;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4rem; }
  .menu > li {
    display: inline-block;
    list-style: none;
    font-size: 1rem; }
  .menu > li > a {
    padding: .5em 1.2em;
    text-shadow: 0 0 1em rgba(0, 0, 0, 0.5);
    color: #ffffff;
    display: inline-block; }
  .menu-item-home {
    padding: 0;
    position: absolute;
    top: .7rem;
    left: 2.5rem;
    z-index: 100; }
  .menu > li.menu-item-home > a {
    padding: 0;
    position: relative;
    top: 0.8em; }
  .js .menu > li > a::after {
    content: "keyboard_arrow_down"; }
  .menu > .menu-item-home > a::after {
    display: none; }
  #fixedMenu .menu-wrapper.is-visible {
    display: block !important; }
  /*.search--box {
    position:absolute;
    top:$base-rhythm;
    right:$base-rhythm;
    width: calc(100vw - 49em);
    border-bottom: solid 1px #fff;
    max-width: 20em;
  }
  .search--input {
    background-color:transparent;
    border:none;
    color:$light;
    font-family: $alt-font;
    font-size: $font-size-1;
    width:100%;
    padding:0;
    position:relative;
    z-index:10;
    height: $base-rhythm*2;
    line-height: $base-rhythm*2;
  }
  .search--input::placeholder {
    color:$light;
  }
  .search--btn {
    background-color:transparent;
    border:none;
    position:absolute;
    top:0.1em;
    right:0;
    padding:0;
    font-size: $font-size-1;
    z-index:1;
  }
  .search--icon {
    width:1.3em;
    height:1.3em;
    fill: #fff;
  }*/ }

.breadcrumbs {
  padding: 2em 2em 0em 2em;
  background-color: #ffffff;
  transform: translateY(6px) translateZ(0); }

.crumbs {
  margin: 0 auto;
  padding-left: 0;
  max-width: 50rem; }
  .crumbs a, .crumbs i {
    color: #3f4041; }
  .crumbs li {
    display: inline;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    font-size: 1.1em;
    vertical-align: middle; }
  .crumbs > .icon:last-child {
    display: none; }

.char-limit {
  display: inline-block;
  max-width: 8ch;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: text-bottom; }

@media only screen and (min-width: 48em) {
  .char-limit {
    max-width: 20vw; } }

@media screen and (prefers-color-scheme: dark) {
  .breadcrumbs {
    background-color: #101520; }
  .crumbs a, .crumbs i {
    color: #ffffff; } }

.toc {
  display: none; }

#app {
  padding-top: 0; }

.btn.js-donateQtyOption.is-active {
  background-color: green;
  border-color: green; }

input[type="text"], input[type="email"], input[type="number"], input[type="tel"], select, input {
  line-height: 3.3rem;
  font-size: 1.728rem;
  height: auto;
  font-family: "Ubuntu",serif;
  background-color: #ffffff;
  width: 100%;
  max-width: 400px;
  border-width: 2px; }

select {
  height: 3.3rem;
  font-size: 1.25rem; }

select#id_card_expire_month, select#id_card_expire_year {
  max-width: 190px; }

.cxCard {
  background-image: url(https://cdn-assets.answersingenesis.org/lib/art/lib-sprite.png);
  display: inline-block;
  height: 25px;
  width: 40px;
  background-position: -10px -10px;
  overflow: hidden;
  text-indent: -1000em;
  margin-top: 1.1rem; }

.ccMC {
  background-position: -60px -10px; }

.ccAmEx {
  background-position: -110px -10px; }

.ccDisc {
  background-position: -160px -10px; }

.cxCard.disabled {
  opacity: 0.3; }

.donate--dollar-inside-input {
  position: relative; }

.donate--dollar {
  position: absolute;
  top: -0.2em;
  left: 0.8em;
  z-index: 100;
  color: #666;
  font-size: 1.44rem; }

.donate--dollar-inside-input input {
  padding-left: 1.5em; }

.donate--btn-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  row-gap: 1rem; }

input.inputErrorRequired, select.inputErrorRequired {
  border: solid 2px #f52d2d; }

.js-addedError {
  color: #f52d2d; }

.intro {
  margin-bottom: 0; }

#learnMoreContent {
  margin-top: 2.2rem; }

@media screen and (prefers-color-scheme: dark) {
  label, select option {
    color: #ffffff;
    font-family: "Ubuntu", sans-serif; }
  input.inputErrorRequired, select.inputErrorRequired {
    border-color: #FF3333; } }

.donate--logos {
  padding: 0 3rem; }

.hl-blue {
  background-color: rgba(0, 179, 227, 0.9); }

.cover {
  height: 30vh; }

.cover-image-wrap {
  height: 35vh; }

.title {
  bottom: -20%; }

.highlight, .highlight-small {
  padding: 0.2em 0.6em; }

.donate--title {
  font-size: 2.48832rem;
  line-height: 3.3rem; }

.cover-image-wrap::after {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
  height: 25vh; }

.parallax-wrap {
  height: 100vh; }

.newline {
  display: block; }

input[type="text"], input[type="email"], input[type="number"], input[type="tel"] {
  line-height: 3.3rem;
  font-size: 1.728rem;
  height: auto; }

.donate--bg-light {
  background-color: rgba(127, 127, 127, 0.13); }

.donate--logo-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 2.2rem; }

.donate--logo-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 2rem;
  max-width: 450px;
  margin: 0 auto;
  align-items: center; }

.donate--logo-grid img {
  padding: 10px;
  width: 100%;
  height: auto; }

@media only screen and (min-width: 500px) {
  .donate--title {
    margin-right: 45vw;
    font-size: 3.5831808rem; } }

@media only screen and (min-width: 48em) {
  .cover {
    height: 50vh; }
  .cover-image-wrap {
    height: 55vh; }
  .donate--title {
    margin-right: 10vw; }
  .donate--logos {
    max-width: 50rem;
    margin-left: auto;
    margin-right: auto; }
  .donate--btn-grid {
    display: flex;
    justify-content: flex-start; } }