/*!
 * Theme Name: blank2
 * Theme URI: git+https://github.com/harnerdesigns/Harner-Blank-Theme.git
 * GitHub Theme URI: git+https://github.com/harnerdesigns/Harner-Blank-Theme.git
 * Description: Blank Wordpress Theme. Speed Up Development. Make Money.
 * Version: 1.0.2
 * Author: 
 * Author URI: 
 * License: ISC
 *  *//* line 1, assets/scss/_reset.scss */
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/* line 5, assets/scss/_reset.scss */
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; }

/* HTML5 display-role reset for older browsers */
/* line 98, assets/scss/_reset.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

/* line 112, assets/scss/_reset.scss */
body {
  line-height: 1; }

/* line 116, assets/scss/_reset.scss */
ol,
ul {
  list-style: none; }

/* line 121, assets/scss/_reset.scss */
blockquote,
q {
  quotes: none; }

/* line 127, assets/scss/_reset.scss */
blockquote:before, blockquote:after {
  content: '';
  content: none; }

/* line 135, assets/scss/_reset.scss */
q:before, q:after {
  content: '';
  content: none; }

/* line 142, assets/scss/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/*
 * Variables
 */
/*------------------------------------*\
               # Colors
\*------------------------------------*/
/*------------------------------------*\
    # Simple Typography Settings
\*------------------------------------*/
/* line 72, assets/scss/_vars.scss */
:root {
  --border-radius: 30px;
  --black: #3A3A3A;
  --white: #ffffff;
  --lightgray: #efefef;
  --gray: #999999;
  --red: #ff4d3b;
  --yellow: #ffe471;
  --brown: #bc493a;
  --green: #8fe7b6;
  --blue: #00e4ff;
  --lightBlue: #e0fcff;
  --teal: #006a7c;
  --pink: #ffb6f0;
  --purple: #6544ff; }

/*------------------------------------*\
    # Type
\*------------------------------------*/
/* line 6, assets/scss/_type.scss */
*,
html,
body {
  font-size: 16px;
  font-family: "Gopher", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

/* line 19, assets/scss/_type.scss */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0.45em 0 0.3em 0;
  color: #ff4d3b;
  line-height: 1.25em;
  font-weight: 400; }

/* line 31, assets/scss/_type.scss */
h1 {
  font-size: 2.5rem; }

/* line 35, assets/scss/_type.scss */
h2 {
  font-size: 1.92308rem; }

/* line 39, assets/scss/_type.scss */
h3 {
  font-size: 1.66667rem; }

/* line 43, assets/scss/_type.scss */
h4 {
  font-size: 1.47059rem; }

/* line 47, assets/scss/_type.scss */
h5 {
  font-size: 1.38889rem; }

/* line 51, assets/scss/_type.scss */
h6 {
  font-size: 1.25rem; }

/* line 58, assets/scss/_type.scss */
p {
  margin-top: 0.25em;
  font-size: 1.0625rem;
  line-height: 1.5em;
  color: #3A3A3A; }
  /* line 64, assets/scss/_type.scss */
  p:first-of-type {
    margin-top: 0; }

/* line 72, assets/scss/_type.scss */
a {
  color: #3A3A3A;
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  /* line 77, assets/scss/_type.scss */
  a:hover {
    color: #212121; }

/* line 84, assets/scss/_type.scss */
ul,
ol {
  margin: 0.25em 0 0 20px; }
  /* line 88, assets/scss/_type.scss */
  ul li,
  ol li {
    margin-top: 10px;
    line-height: 1.5em;
    color: #3A3A3A; }
  /* line 94, assets/scss/_type.scss */
  ul ul,
  ul ol,
  ol ul,
  ol ol {
    margin-top: 0; }

/* line 102, assets/scss/_type.scss */
ul li {
  list-style: disc; }

/* line 108, assets/scss/_type.scss */
ul ul li {
  list-style: circle; }

/* line 116, assets/scss/_type.scss */
ol li {
  list-style: decimal; }

/* line 123, assets/scss/_type.scss */
hr {
  height: 1px;
  margin: 30px 0;
  border: none;
  background-color: #efefef; }

/* line 132, assets/scss/_type.scss */
blockquote {
  margin: 0.375em 0;
  font-size: 1.4375rem;
  line-height: 1.5em;
  color: #3A3A3A;
  text-align: center;
  font-style: italic; }

/* line 143, assets/scss/_type.scss */
table {
  width: 100%;
  margin: 0.375em 0;
  border-collapse: collapse; }

/* line 149, assets/scss/_type.scss */
table,
td,
th {
  border: 1px solid #efefef;
  text-align: left; }

/* line 156, assets/scss/_type.scss */
th {
  font-weight: 800; }

/* line 160, assets/scss/_type.scss */
th,
td {
  padding: 15px; }

/* line 167, assets/scss/_type.scss */
figure {
  margin: 0.375em 0; }
  /* line 170, assets/scss/_type.scss */
  figure img {
    margin: 0; }

/* line 175, assets/scss/_type.scss */
figcaption {
  margin-top: 10px;
  color: #545454;
  font-size: 0.2em; }

/* line 183, assets/scss/_type.scss */
pre {
  display: block;
  margin: 0 0 40px 0;
  padding: 20px;
  background-color: white;
  border: 1px solid #efefef;
  overflow: auto;
  border-radius: 3px; }
  /* line 194, assets/scss/_type.scss */
  pre code {
    position: static;
    padding: 0;
    border: none;
    line-height: 1.5em; }

/* line 202, assets/scss/_type.scss */
code {
  position: relative;
  top: -0.2em;
  padding: 3px;
  font-family: Courier New, Courier, monospace;
  font-size: 0.75893rem;
  color: #898989;
  line-height: 1em;
  pointer-events: none;
  border: 1px solid #efefef;
  border-radius: 3px; }

/* line 220, assets/scss/_type.scss */
em,
i,
.italic {
  font-style: italic; }

/* line 226, assets/scss/_type.scss */
strong,
b,
.bold {
  font-weight: 800; }

/* line 232, assets/scss/_type.scss */
img {
  display: block;
  max-width: 100%; }
  /* line 236, assets/scss/_type.scss */
  img.inline {
    display: inline-block;
    height: 2em;
    vertical-align: middle; }

/* line 1, assets/scss/_layout.scss */
body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh; }

/* line 7, assets/scss/_layout.scss */
.page-wrapper {
  width: 100%;
  min-height: 100vh;
  display: grid;
  grid-template-columns: 1fr; }

/* line 14, assets/scss/_layout.scss */
.page-width {
  max-width: 1300px;
  width: 95%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 64rem) {
    /* line 14, assets/scss/_layout.scss */
    .page-width {
      width: 100%; } }

/* line 27, assets/scss/_layout.scss */
.content-width {
  max-width: 75ch;
  width: 95%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 64rem) {
    /* line 27, assets/scss/_layout.scss */
    .content-width {
      width: 100%; } }

/* line 40, assets/scss/_layout.scss */
.grid {
  display: grid;
  position: relative; }

/* line 45, assets/scss/_layout.scss */
.wp-block-group__inner-container {
  margin-left: auto;
  margin-right: auto; }

/* line 51, assets/scss/_layout.scss */
.grid--1 {
  grid-template-columns: repeat(1, 1fr); }

/* line 54, assets/scss/_layout.scss */
.grid--span-1 {
  grid-column: span 1; }

/* line 51, assets/scss/_layout.scss */
.grid--2 {
  grid-template-columns: repeat(2, 1fr); }

/* line 54, assets/scss/_layout.scss */
.grid--span-2 {
  grid-column: span 2; }

/* line 51, assets/scss/_layout.scss */
.grid--3 {
  grid-template-columns: repeat(3, 1fr); }

/* line 54, assets/scss/_layout.scss */
.grid--span-3 {
  grid-column: span 3; }

/* line 51, assets/scss/_layout.scss */
.grid--4 {
  grid-template-columns: repeat(4, 1fr); }

/* line 54, assets/scss/_layout.scss */
.grid--span-4 {
  grid-column: span 4; }

/* line 51, assets/scss/_layout.scss */
.grid--5 {
  grid-template-columns: repeat(5, 1fr); }

/* line 54, assets/scss/_layout.scss */
.grid--span-5 {
  grid-column: span 5; }

/* line 51, assets/scss/_layout.scss */
.grid--6 {
  grid-template-columns: repeat(6, 1fr); }

/* line 54, assets/scss/_layout.scss */
.grid--span-6 {
  grid-column: span 6; }

/* line 51, assets/scss/_layout.scss */
.grid--7 {
  grid-template-columns: repeat(7, 1fr); }

/* line 54, assets/scss/_layout.scss */
.grid--span-7 {
  grid-column: span 7; }

/* line 51, assets/scss/_layout.scss */
.grid--8 {
  grid-template-columns: repeat(8, 1fr); }

/* line 54, assets/scss/_layout.scss */
.grid--span-8 {
  grid-column: span 8; }

/* line 51, assets/scss/_layout.scss */
.grid--9 {
  grid-template-columns: repeat(9, 1fr); }

/* line 54, assets/scss/_layout.scss */
.grid--span-9 {
  grid-column: span 9; }

/* line 58, assets/scss/_layout.scss */
.grid--span-all {
  grid-column: 1 / -1; }

@media (max-width: 37.5rem) {
  /* line 64, assets/scss/_layout.scss */
  .grid--mobile-1 {
    grid-template-columns: repeat(1, 1fr); }
  /* line 67, assets/scss/_layout.scss */
  .grid--mobile-span-1 {
    grid-column: span 1; }
  /* line 64, assets/scss/_layout.scss */
  .grid--mobile-2 {
    grid-template-columns: repeat(2, 1fr); }
  /* line 67, assets/scss/_layout.scss */
  .grid--mobile-span-2 {
    grid-column: span 2; }
  /* line 64, assets/scss/_layout.scss */
  .grid--mobile-3 {
    grid-template-columns: repeat(3, 1fr); }
  /* line 67, assets/scss/_layout.scss */
  .grid--mobile-span-3 {
    grid-column: span 3; }
  /* line 64, assets/scss/_layout.scss */
  .grid--mobile-4 {
    grid-template-columns: repeat(4, 1fr); }
  /* line 67, assets/scss/_layout.scss */
  .grid--mobile-span-4 {
    grid-column: span 4; }
  /* line 64, assets/scss/_layout.scss */
  .grid--mobile-5 {
    grid-template-columns: repeat(5, 1fr); }
  /* line 67, assets/scss/_layout.scss */
  .grid--mobile-span-5 {
    grid-column: span 5; }
  /* line 64, assets/scss/_layout.scss */
  .grid--mobile-6 {
    grid-template-columns: repeat(6, 1fr); }
  /* line 67, assets/scss/_layout.scss */
  .grid--mobile-span-6 {
    grid-column: span 6; }
  /* line 64, assets/scss/_layout.scss */
  .grid--mobile-7 {
    grid-template-columns: repeat(7, 1fr); }
  /* line 67, assets/scss/_layout.scss */
  .grid--mobile-span-7 {
    grid-column: span 7; }
  /* line 64, assets/scss/_layout.scss */
  .grid--mobile-8 {
    grid-template-columns: repeat(8, 1fr); }
  /* line 67, assets/scss/_layout.scss */
  .grid--mobile-span-8 {
    grid-column: span 8; }
  /* line 64, assets/scss/_layout.scss */
  .grid--mobile-9 {
    grid-template-columns: repeat(9, 1fr); }
  /* line 67, assets/scss/_layout.scss */
  .grid--mobile-span-9 {
    grid-column: span 9; } }

/* line 83, assets/scss/_layout.scss */
.grid--mobile-span-all {
  grid-column: 1 / -1; }

/* line 88, assets/scss/_layout.scss */
main {
  position: relative; }

/* line 1, assets/scss/components/_header.scss */
#mainHeader {
  background: #ffffff;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 1em;
  padding: 0 6vw;
  top: 0;
  -webkit-transition: 300ms;
  transition: 300ms;
  z-index: 999;
  position: fixed;
  width: 100%;
  -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.23), 0 3px 12px rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.23), 0 3px 12px rgba(0, 0, 0, 0.16); }
  /* line 14, assets/scss/components/_header.scss */
  #mainHeader .logo {
    margin: 1rem 0;
    -webkit-transition: 300ms;
    transition: 300ms; }
    /* line 18, assets/scss/components/_header.scss */
    #mainHeader .logo a,
    #mainHeader .logo h1 {
      color: #ffffff;
      margin: 0;
      font-weight: 900; }
      /* line 24, assets/scss/components/_header.scss */
      #mainHeader .logo a img,
      #mainHeader .logo h1 img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        max-width: 35vw;
        -webkit-transition: 300ms;
        transition: 300ms; }
        @media (min-width: 64rem) {
          /* line 24, assets/scss/components/_header.scss */
          #mainHeader .logo a img,
          #mainHeader .logo h1 img {
            max-width: 10vw; } }

/* line 39, assets/scss/components/_header.scss */
.preHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  grid-column: 1 / -1;
  background: #fff; }
  /* line 45, assets/scss/components/_header.scss */
  .preHeader a {
    padding: 1rem 0.7rem;
    text-align: center;
    width: 100%;
    background: #ffe471; }
    /* line 50, assets/scss/components/_header.scss */
    .preHeader a:hover {
      background: rgba(255, 228, 113, 0.8); }
    @media (min-width: 64rem) {
      /* line 45, assets/scss/components/_header.scss */
      .preHeader a {
        padding: 1rem; } }

/* line 1, assets/scss/components/_nav.scss */
#menuToggle {
  font-size: 0.5rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 3px; }
  @media (min-width: 64rem) {
    /* line 1, assets/scss/components/_nav.scss */
    #menuToggle {
      display: none; } }
  /* line 16, assets/scss/components/_nav.scss */
  #menuToggle i {
    font-size: 2rem; }

/* line 21, assets/scss/components/_nav.scss */
nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  /* line 26, assets/scss/components/_nav.scss */
  nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0; }
    /* line 30, assets/scss/components/_nav.scss */
    nav ul li {
      margin: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      list-style: none; }
  /* line 40, assets/scss/components/_nav.scss */
  nav#mainNav {
    font-size: 1.2rem;
    display: none;
    width: 100%; }
    /* line 46, assets/scss/components/_nav.scss */
    nav#mainNav.is_open {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      z-index: 99999999;
      background: #ffffff;
      -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.23), 0 3px 12px rgba(0, 0, 0, 0.16);
      box-shadow: 0 3px 12px rgba(0, 0, 0, 0.23), 0 3px 12px rgba(0, 0, 0, 0.16);
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      -webkit-transform: translate(0, 100%);
      transform: translate(0, 100%); }
    @media (min-width: 64rem) {
      /* line 40, assets/scss/components/_nav.scss */
      nav#mainNav {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        left: unset;
        bottom: unset;
        -webkit-transform: none;
        transform: none;
        width: auto; } }
    /* line 67, assets/scss/components/_nav.scss */
    nav#mainNav .menu-header-container,
    nav#mainNav .menu-logged-in-container {
      width: 100%; }
    /* line 72, assets/scss/components/_nav.scss */
    nav#mainNav .menu {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      width: 100%;
      padding: 1rem 0; }
      @media (min-width: 64rem) {
        /* line 72, assets/scss/components/_nav.scss */
        nav#mainNav .menu {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -ms-flex-direction: row;
          flex-direction: row; } }
    /* line 83, assets/scss/components/_nav.scss */
    nav#mainNav .menu-item {
      width: 95%;
      display: grid;
      grid-template-columns: 9fr 1fr;
      border-bottom: 1px solid #c8c8c8; }
      /* line 88, assets/scss/components/_nav.scss */
      nav#mainNav .menu-item:last-of-type {
        border-bottom: none; }
      /* line 92, assets/scss/components/_nav.scss */
      nav#mainNav .menu-item.push {
        -webkit-margin-start: auto;
        margin-inline-start: auto; }
      /* line 96, assets/scss/components/_nav.scss */
      nav#mainNav .menu-item.button {
        margin: 0.5rem;
        padding: 0;
        -webkit-transition: 300ms;
        transition: 300ms;
        background: none; }
        @media (max-width: 37.5rem) {
          /* line 96, assets/scss/components/_nav.scss */
          nav#mainNav .menu-item.button {
            margin: 1rem auto;
            margin: 0.5rem auto; } }
        /* line 107, assets/scss/components/_nav.scss */
        nav#mainNav .menu-item.button:hover {
          -webkit-transition: 100ms;
          transition: 100ms; }
        /* line 111, assets/scss/components/_nav.scss */
        nav#mainNav .menu-item.button a {
          padding: 0.5rem 1rem; }
        /* line 115, assets/scss/components/_nav.scss */
        nav#mainNav .menu-item.button--green {
          background: var(--green);
          color: #3A3A3A;
          -webkit-transform: rotate(-2deg);
          transform: rotate(-2deg); }
          /* line 119, assets/scss/components/_nav.scss */
          nav#mainNav .menu-item.button--green:hover {
            -webkit-transform: rotate(2deg);
            transform: rotate(2deg); }
          @media (min-width: 64rem) {
            /* line 115, assets/scss/components/_nav.scss */
            nav#mainNav .menu-item.button--green {
              -webkit-transform: rotate(-3deg);
              transform: rotate(-3deg); }
              /* line 125, assets/scss/components/_nav.scss */
              nav#mainNav .menu-item.button--green:hover {
                -webkit-transform: rotate(3deg);
                transform: rotate(3deg); } }
        /* line 131, assets/scss/components/_nav.scss */
        nav#mainNav .menu-item.button--yellow {
          background: var(--yellow);
          -webkit-transform: rotate(2deg);
          transform: rotate(2deg);
          color: #3A3A3A; }
          /* line 135, assets/scss/components/_nav.scss */
          nav#mainNav .menu-item.button--yellow:hover {
            -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg); }
          @media (min-width: 64rem) {
            /* line 131, assets/scss/components/_nav.scss */
            nav#mainNav .menu-item.button--yellow {
              -webkit-transform: rotate(3deg);
              transform: rotate(3deg); }
              /* line 140, assets/scss/components/_nav.scss */
              nav#mainNav .menu-item.button--yellow:hover {
                -webkit-transform: rotate(-3deg);
                transform: rotate(-3deg); } }
        /* line 146, assets/scss/components/_nav.scss */
        nav#mainNav .menu-item.button--red {
          background: var(--red);
          -webkit-transform: rotate(-2deg);
          transform: rotate(-2deg);
          color: #3A3A3A; }
          /* line 151, assets/scss/components/_nav.scss */
          nav#mainNav .menu-item.button--red:hover {
            -webkit-transform: rotate(2deg);
            transform: rotate(2deg); }
          @media (min-width: 64rem) {
            /* line 146, assets/scss/components/_nav.scss */
            nav#mainNav .menu-item.button--red {
              -webkit-transform: rotate(-3deg);
              transform: rotate(-3deg); }
              /* line 156, assets/scss/components/_nav.scss */
              nav#mainNav .menu-item.button--red:hover {
                -webkit-transform: rotate(3deg);
                transform: rotate(3deg); } }
      @media (min-width: 64rem) {
        /* line 83, assets/scss/components/_nav.scss */
        nav#mainNav .menu-item {
          border-bottom: none;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -ms-flex-direction: row;
          flex-direction: row;
          width: auto;
          position: relative; } }
      /* line 172, assets/scss/components/_nav.scss */
      nav#mainNav .menu-item:not(.button) a {
        padding: 0.25em 1em; }
        @media (min-width: 64rem) {
          /* line 172, assets/scss/components/_nav.scss */
          nav#mainNav .menu-item:not(.button) a {
            color: #3A3A3A; } }
        /* line 178, assets/scss/components/_nav.scss */
        nav#mainNav .menu-item:not(.button) a:hover {
          background: gainsboro; }
      /* line 184, assets/scss/components/_nav.scss */
      nav#mainNav .menu-item i.fa {
        color: #3A3A3A;
        -webkit-transition: 300ms;
        transition: 300ms;
        -webkit-transform: rotate(0);
        transform: rotate(0); }
      /* line 195, assets/scss/components/_nav.scss */
      nav#mainNav .menu-item-has-children .sub-menu {
        display: none;
        border-left: 0.5em solid #3A3A3A;
        -webkit-box-shadow: inset 0 1.5px 4px rgba(0, 0, 0, 0.24), inset 0 1px 8px rgba(0, 0, 0, 0.12);
        box-shadow: inset 0 1.5px 4px rgba(0, 0, 0, 0.24), inset 0 1px 8px rgba(0, 0, 0, 0.12); }
        /* line 199, assets/scss/components/_nav.scss */
        nav#mainNav .menu-item-has-children .sub-menu .menu-item {
          grid-template-columns: 1fr;
          width: 100%; }
          /* line 202, assets/scss/components/_nav.scss */
          nav#mainNav .menu-item-has-children .sub-menu .menu-item a {
            width: 100%;
            color: #3A3A3A; }
        /* line 209, assets/scss/components/_nav.scss */
        nav#mainNav .menu-item-has-children .sub-menu .sub-menu {
          border-color: #ff4d3b; }
          /* line 211, assets/scss/components/_nav.scss */
          nav#mainNav .menu-item-has-children .sub-menu .sub-menu .sub-menu {
            border-color: #d41300; }
        @media (min-width: 64rem) {
          /* line 195, assets/scss/components/_nav.scss */
          nav#mainNav .menu-item-has-children .sub-menu {
            -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1px 8px rgba(0, 0, 0, 0.12);
            box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1px 8px rgba(0, 0, 0, 0.12); } }
      /* line 223, assets/scss/components/_nav.scss */
      nav#mainNav .menu-item-has-children.sub-open i.fa, nav#mainNav .menu-item-has-children:hover i.fa {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg); }
      /* line 226, assets/scss/components/_nav.scss */
      nav#mainNav .menu-item-has-children.sub-open .sub-menu, nav#mainNav .menu-item-has-children:hover .sub-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        grid-column: 1 / -1; }
      @media (min-width: 64rem) {
        /* line 233, assets/scss/components/_nav.scss */
        nav#mainNav .menu-item-has-children .sub-menu {
          position: absolute;
          bottom: 0;
          right: 0;
          background: #ffffff;
          width: 12em;
          -webkit-transform: translate(0, 99%);
          transform: translate(0, 99%);
          z-index: 99999; }
          /* line 243, assets/scss/components/_nav.scss */
          nav#mainNav .menu-item-has-children .sub-menu .sub-menu {
            width: 9.5em;
            z-index: -1; } }
  /* line 254, assets/scss/components/_nav.scss */
  nav#preheader_nav ul {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: 1em;
    margin: 0.25em 0; }
    /* line 260, assets/scss/components/_nav.scss */
    nav#preheader_nav ul#menu-pre-header-signed-in {
      grid-template-columns: 1fr; }
  /* line 268, assets/scss/components/_nav.scss */
  nav#preheader_nav li.button {
    font-weight: 900; }
    /* line 270, assets/scss/components/_nav.scss */
    nav#preheader_nav li.button a {
      padding: 0.1em 1em;
      margin: 0; }

/* line 279, assets/scss/components/_nav.scss */
.menu-header-menu-container {
  width: 100%; }

/* line 284, assets/scss/components/_nav.scss */
.headroom--not-top:not(:hover) nav#mainNav .menu {
  padding: 0.25rem 0; }

/* line 288, assets/scss/components/_nav.scss */
.headroom--not-top:not(:hover) .menu-item.button {
  margin: 0 0.5rem; }

/* line 296, assets/scss/components/_nav.scss */
.card-error {
  color: #ff4d3b;
  font-size: 1.5em; }

/* line 1, assets/scss/components/_footer.scss */
footer {
  width: 100%;
  padding: 0;
  margin: 2rem auto 0;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  @media (min-width: 75rem) {
    /* line 1, assets/scss/components/_footer.scss */
    footer {
      display: grid;
      grid-template-columns: 1fr 60%;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; } }
  /* line 16, assets/scss/components/_footer.scss */
  footer #footerDude {
    margin: 0;
    max-height: 60vh;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: right bottom;
    object-position: right bottom; }

/* line 25, assets/scss/components/_footer.scss */
.footer__widget-areas {
  display: grid;
  padding: 1rem; }
  @media (min-width: 75rem) {
    /* line 25, assets/scss/components/_footer.scss */
    .footer__widget-areas {
      margin-left: 6vw;
      grid-template-columns: 1fr 1fr;
      grid-gap: 1rem; } }
  /* line 35, assets/scss/components/_footer.scss */
  .footer__widget-areas .logo__wrapper {
    grid-column: 1 / -1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%; }
    /* line 42, assets/scss/components/_footer.scss */
    .footer__widget-areas .logo__wrapper .logo {
      max-width: 50%;
      margin: 0 auto 1rem 0; }
    /* line 47, assets/scss/components/_footer.scss */
    .footer__widget-areas .logo__wrapper .fine-print {
      width: 100%;
      margin: 0;
      font-size: 0.8rem;
      text-align: left; }

/* line 57, assets/scss/components/_footer.scss */
.footer__widget-area h3 {
  color: #3A3A3A;
  font-weight: 900;
  margin: 0 auto;
  text-align: left;
  font-size: 1rem; }

/* line 64, assets/scss/components/_footer.scss */
.footer__widget-area .menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0.5rem auto; }
  /* line 70, assets/scss/components/_footer.scss */
  .footer__widget-area .menu-item {
    list-style: none; }
    /* line 73, assets/scss/components/_footer.scss */
    .footer__widget-area .menu-item:first-of-type {
      margin-top: 0; }

/* line 1, assets/scss/components/_blog.scss */
.post__pagination {
  grid-column: 1 / -1;
  margin: auto auto 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 95%; }
  @media (min-width: 64rem) {
    /* line 1, assets/scss/components/_blog.scss */
    .post__pagination {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; } }
  /* line 14, assets/scss/components/_blog.scss */
  .post__pagination a {
    width: 100%; }
    @media (min-width: 64rem) {
      /* line 14, assets/scss/components/_blog.scss */
      .post__pagination a {
        width: 45%; } }
    /* line 21, assets/scss/components/_blog.scss */
    .post__pagination a[rel='next'] {
      margin-left: auto; }
    /* line 24, assets/scss/components/_blog.scss */
    .post__pagination a span {
      padding: 1rem;
      font-weight: 900;
      width: 100%;
      display: block;
      border: 4px solid #ff4d3b;
      color: #ff4d3b;
      -webkit-transition: 300ms;
      transition: 300ms; }
      /* line 32, assets/scss/components/_blog.scss */
      .post__pagination a span.next {
        background: #ff4d3b;
        color: #fff;
        text-align: right;
        margin-left: auto; }
    /* line 41, assets/scss/components/_blog.scss */
    .post__pagination a:hover span {
      background: #3A3A3A;
      color: #fff; }

/* line 50, assets/scss/components/_blog.scss */
.post__grid {
  grid-template-columns: 1fr;
  display: grid;
  grid-gap: 1rem; }
  @media (min-width: 64rem) {
    /* line 50, assets/scss/components/_blog.scss */
    .post__grid {
      grid-template-columns: 1fr 1fr; } }

/* line 62, assets/scss/components/_blog.scss */
.post__card {
  position: relative; }
  /* line 64, assets/scss/components/_blog.scss */
  .post__card .card__link {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2; }
  /* line 71, assets/scss/components/_blog.scss */
  .post__card .card__title .heading {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

/* line 1, assets/scss/components/_video.scss */
main.page--video {
  width: 100%;
  max-width: 100%; }

/* line 6, assets/scss/components/_video.scss */
.video__grid {
  display: grid;
  gap: 1rem; }
  @media (min-width: 64rem) {
    /* line 6, assets/scss/components/_video.scss */
    .video__grid {
      grid-template-columns: 2fr 1fr; } }

/* line 16, assets/scss/components/_video.scss */
.video__wrapper {
  margin: 0 auto;
  aspect-ratio: 16 / 9;
  width: 100%;
  max-height: 80vh; }
  /* line 23, assets/scss/components/_video.scss */
  .video__wrapper.shorts {
    aspect-ratio: 9 / 16;
    height: 80vh;
    width: auto; }
  /* line 30, assets/scss/components/_video.scss */
  .video__wrapper #video-embed {
    width: 100%;
    aspect-ratio: inherit; }

/* line 36, assets/scss/components/_video.scss */
.video__archive-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem; }

/* line 42, assets/scss/components/_video.scss */
.video__card {
  margin-top: 0;
  -webkit-transition: 300ms;
  transition: 300ms;
  top: 0; }
  /* line 50, assets/scss/components/_video.scss */
  .video__card .card__title h1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 auto;
    text-align: center;
    font-weight: 900;
    color: #3A3A3A; }
  /* line 61, assets/scss/components/_video.scss */
  .video__card .card__title a {
    padding: 0.5rem;
    font-size: 1.5rem;
    width: 100%;
    height: 100%;
    text-align: center;
    -webkit-transition: 300ms;
    transition: 300ms;
    line-height: 1; }
    @media (min-width: 64rem) {
      /* line 61, assets/scss/components/_video.scss */
      .video__card .card__title a {
        padding: 1rem; } }
  /* line 77, assets/scss/components/_video.scss */
  .video__card:hover {
    top: -4px; }
    /* line 81, assets/scss/components/_video.scss */
    .video__card:hover .card__title a {
      opacity: 1; }
    /* line 86, assets/scss/components/_video.scss */
    .video__card:hover:after {
      opacity: 1;
      -webkit-animation: rotate 15s infinite;
      animation: rotate 15s infinite; }

/* line 1, assets/scss/components/_tier-selection.scss */
.tier__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  max-width: 80%;
  margin: 3rem auto;
  grid-gap: 1rem; }

/* line 9, assets/scss/components/_tier-selection.scss */
.tier_selection {
  border: 1px solid #ccc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1rem; }
  /* line 17, assets/scss/components/_tier-selection.scss */
  .tier_selection .tier-op-cost__grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 3fr; }
    /* line 22, assets/scss/components/_tier-selection.scss */
    .tier_selection .tier-op-cost__grid .op-cost__choice {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
    /* line 29, assets/scss/components/_tier-selection.scss */
    .tier_selection .tier-op-cost__grid .other-amount__wrapper {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
    /* line 37, assets/scss/components/_tier-selection.scss */
    .tier_selection .tier-op-cost__grid #otherAmt:before {
      content: "$"; }

/* line 1, assets/scss/components/atoms/_button.scss */
.button,
button {
  border: none;
  background: #3A3A3A;
  color: #ffffff;
  padding: 0.5em 1em;
  display: block;
  text-align: center;
  -webkit-transition: 300ms;
  transition: 300ms;
  cursor: pointer; }
  /* line 12, assets/scss/components/atoms/_button.scss */
  .button:hover,
  button:hover {
    opacity: 0.8;
    -webkit-transition: 100ms;
    transition: 100ms; }
  /* line 16, assets/scss/components/atoms/_button.scss */
  .button:active,
  button:active {
    background: #2d2d2d;
    -webkit-transform: scale(0.95);
    transform: scale(0.95); }
  /* line 20, assets/scss/components/atoms/_button.scss */
  .button:disabled,
  button:disabled {
    background: rgba(58, 58, 58, 0.2); }
  /* line 23, assets/scss/components/atoms/_button.scss */
  .button.button--large,
  button.button--large {
    font-size: 1.5rem;
    width: 100%; }
    @media (min-width: 64rem) {
      /* line 23, assets/scss/components/atoms/_button.scss */
      .button.button--large,
      button.button--large {
        font-size: 2rem; } }
  /* line 33, assets/scss/components/atoms/_button.scss */
  .button--green,
  button--green {
    background: var(--green) !important;
    color: #3A3A3A !important;
    border-bottom: none; }
  /* line 41, assets/scss/components/atoms/_button.scss */
  .button--yellow,
  button--yellow {
    background: var(--yellow) !important;
    color: #3A3A3A !important; }
  /* line 48, assets/scss/components/atoms/_button.scss */
  .button--red,
  button--red {
    background: var(--red) !important;
    color: #3A3A3A !important; }
  /* line 56, assets/scss/components/atoms/_button.scss */
  .button--gray,
  button--gray {
    background: #efefef !important;
    color: #3A3A3A !important; }
    /* line 60, assets/scss/components/atoms/_button.scss */
    .button--gray:hover,
    button--gray:hover {
      background: #999999 !important;
      color: #3A3A3A !important; }
  /* line 66, assets/scss/components/atoms/_button.scss */
  .button--alt,
  button--alt {
    border: 10px solid #3A3A3A;
    background-color: transparent;
    color: #3A3A3A; }

/* line 73, assets/scss/components/atoms/_button.scss */
.buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0; }
  /* line 79, assets/scss/components/atoms/_button.scss */
  .buttons .material_input {
    margin: 0; }
  /* line 83, assets/scss/components/atoms/_button.scss */
  .buttons--column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }

/* line 1, assets/scss/components/atoms/_formField.scss */
.group {
  position: relative; }

/* line 5, assets/scss/components/atoms/_formField.scss */
.material_input {
  /*height: 2em;*/
  display: block;
  width: 100%;
  margin: 1em 0 2em; }
  /* line 11, assets/scss/components/atoms/_formField.scss */
  .material_input:last-of-type {
    margin-bottom: 0; }
  /* line 15, assets/scss/components/atoms/_formField.scss */
  .material_input .pre {
    position: absolute;
    margin-left: -1ch;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  /* line 22, assets/scss/components/atoms/_formField.scss */
  .material_input input, .material_input textarea, .material_input button[type="submit"],
  .material_input input[type="submit"],
  .material_input select {
    border: none;
    border-bottom: 2px solid;
    line-height: 1.5em;
    height: 1.6em;
    width: 100%;
    padding: 0.25em;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    /* line 33, assets/scss/components/atoms/_formField.scss */
    .material_input input::-webkit-input-placeholder, .material_input textarea::-webkit-input-placeholder, .material_input button[type="submit"]::-webkit-input-placeholder,
    .material_input input[type="submit"]::-webkit-input-placeholder,
    .material_input select::-webkit-input-placeholder {
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease;
      padding-left: 0.25em;
      opacity: 0; }
    .material_input input::-moz-placeholder, .material_input textarea::-moz-placeholder, .material_input button[type="submit"]::-moz-placeholder,
    .material_input input[type="submit"]::-moz-placeholder,
    .material_input select::-moz-placeholder {
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease;
      padding-left: 0.25em;
      opacity: 0; }
    .material_input input::-ms-input-placeholder, .material_input textarea::-ms-input-placeholder, .material_input button[type="submit"]::-ms-input-placeholder,
    .material_input input[type="submit"]::-ms-input-placeholder,
    .material_input select::-ms-input-placeholder {
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease;
      padding-left: 0.25em;
      opacity: 0; }
    .material_input input::placeholder, .material_input textarea::placeholder, .material_input button[type="submit"]::placeholder,
    .material_input input[type="submit"]::placeholder,
    .material_input select::placeholder {
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease;
      padding-left: 0.25em;
      opacity: 0; }
    /* line 39, assets/scss/components/atoms/_formField.scss */
    .material_input input:focus, .material_input textarea:focus, .material_input button:focus[type="submit"], .material_input input:valid, .material_input textarea:valid, .material_input button:valid[type="submit"],
    .material_input select:focus,
    .material_input select:valid {
      outline: none; }
      /* line 43, assets/scss/components/atoms/_formField.scss */
      .material_input input:focus::-webkit-input-placeholder, .material_input textarea:focus::-webkit-input-placeholder, .material_input button[type="submit"]:focus::-webkit-input-placeholder, .material_input input:valid::-webkit-input-placeholder, .material_input textarea:valid::-webkit-input-placeholder, .material_input button[type="submit"]:valid::-webkit-input-placeholder,
      .material_input select:focus::-webkit-input-placeholder,
      .material_input select:valid::-webkit-input-placeholder {
        opacity: 0.5;
        -webkit-transition: all 0.3s ease 0.3s;
        transition: all 0.3s ease 0.3s; }
      .material_input input:focus::-moz-placeholder, .material_input textarea:focus::-moz-placeholder, .material_input button[type="submit"]:focus::-moz-placeholder, .material_input input:valid::-moz-placeholder, .material_input textarea:valid::-moz-placeholder, .material_input button[type="submit"]:valid::-moz-placeholder,
      .material_input select:focus::-moz-placeholder,
      .material_input select:valid::-moz-placeholder {
        opacity: 0.5;
        -webkit-transition: all 0.3s ease 0.3s;
        transition: all 0.3s ease 0.3s; }
      .material_input input:focus::-ms-input-placeholder, .material_input textarea:focus::-ms-input-placeholder, .material_input button[type="submit"]:focus::-ms-input-placeholder, .material_input input:valid::-ms-input-placeholder, .material_input textarea:valid::-ms-input-placeholder, .material_input button[type="submit"]:valid::-ms-input-placeholder,
      .material_input select:focus::-ms-input-placeholder,
      .material_input select:valid::-ms-input-placeholder {
        opacity: 0.5;
        -webkit-transition: all 0.3s ease 0.3s;
        transition: all 0.3s ease 0.3s; }
      .material_input input:focus::placeholder, .material_input textarea:focus::placeholder, .material_input button[type="submit"]:focus::placeholder, .material_input input:valid::placeholder, .material_input textarea:valid::placeholder, .material_input button[type="submit"]:valid::placeholder,
      .material_input select:focus::placeholder,
      .material_input select:valid::placeholder {
        opacity: 0.5;
        -webkit-transition: all 0.3s ease 0.3s;
        transition: all 0.3s ease 0.3s; }
      /* line 48, assets/scss/components/atoms/_formField.scss */
      .material_input input:focus ~ label, .material_input textarea:focus ~ label, .material_input button:focus[type="submit"] ~ label, .material_input input:valid ~ label, .material_input textarea:valid ~ label, .material_input button:valid[type="submit"] ~ label,
      .material_input select:focus ~ label,
      .material_input select:valid ~ label {
        top: 0;
        -webkit-transform: translate(0, -110%);
        transform: translate(0, -110%);
        color: #3A3A3A;
        font-size: 0.8em; }
        /* line 54, assets/scss/components/atoms/_formField.scss */
        .material_input input:focus ~ label:after, .material_input textarea:focus ~ label:after, .material_input button:focus[type="submit"] ~ label:after, .material_input input:valid ~ label:after, .material_input textarea:valid ~ label:after, .material_input button:valid[type="submit"] ~ label:after,
        .material_input select:focus ~ label:after,
        .material_input select:valid ~ label:after {
          opacity: 1; }
    /* line 61, assets/scss/components/atoms/_formField.scss */
    .material_input input:disabled ~ label, .material_input textarea:disabled ~ label, .material_input button:disabled[type="submit"] ~ label,
    .material_input select:disabled ~ label {
      top: 0;
      -webkit-transform: translate(0, -110%);
      transform: translate(0, -110%);
      color: #3A3A3A;
      font-size: 0.8em; }
      /* line 67, assets/scss/components/atoms/_formField.scss */
      .material_input input:disabled ~ label:after, .material_input textarea:disabled ~ label:after, .material_input button:disabled[type="submit"] ~ label:after,
      .material_input select:disabled ~ label:after {
        opacity: 1; }
    /* line 75, assets/scss/components/atoms/_formField.scss */
    .material_input input:focus ~ .tooltip, .material_input textarea:focus ~ .tooltip, .material_input button:focus[type="submit"] ~ .tooltip, .material_input input:disabled ~ .tooltip, .material_input textarea:disabled ~ .tooltip, .material_input button:disabled[type="submit"] ~ .tooltip,
    .material_input select:focus ~ .tooltip,
    .material_input select:disabled ~ .tooltip {
      opacity: 1;
      -webkit-transform: translateY(125%);
      transform: translateY(125%); }
  /* line 82, assets/scss/components/atoms/_formField.scss */
  .material_input select {
    padding: 0 0.25em; }
  /* line 86, assets/scss/components/atoms/_formField.scss */
  .material_input textarea {
    line-height: 1.5em;
    height: 1.5em; }
    /* line 92, assets/scss/components/atoms/_formField.scss */
    .material_input textarea:focus, .material_input textarea:valid {
      height: 5em; }
  /* line 98, assets/scss/components/atoms/_formField.scss */
  .material_input button[type="submit"],
  .material_input textarea[type="submit"],
  .material_input button[type="submit"],
  .material_input input[type="submit"] {
    border: 0;
    background: #3A3A3A;
    color: #ffffff;
    padding: 0.5em 0;
    height: auto;
    cursor: pointer;
    border-bottom: none;
    -webkit-transition: all 0.3s ease 0.3s;
    transition: all 0.3s ease 0.3s; }
    /* line 110, assets/scss/components/atoms/_formField.scss */
    .material_input button[type="submit"]:hover,
    .material_input textarea[type="submit"]:hover,
    .material_input button[type="submit"]:hover,
    .material_input input[type="submit"]:hover {
      background: #4b2929; }
    /* line 114, assets/scss/components/atoms/_formField.scss */
    .material_input button[type="submit"]:disabled,
    .material_input textarea[type="submit"]:disabled,
    .material_input button[type="submit"]:disabled,
    .material_input input[type="submit"]:disabled {
      background: rgba(58, 58, 58, 0.2);
      cursor: not-allowed; }
  /* line 120, assets/scss/components/atoms/_formField.scss */
  .material_input label {
    position: absolute;
    left: 0.25em;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-size: 0.8em;
    opacity: 0.5;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: text; }
  /* line 131, assets/scss/components/atoms/_formField.scss */
  .material_input .tooltip {
    position: absolute;
    bottom: 0;
    font-size: 0.6em;
    -webkit-transform: translateY(90%);
    transform: translateY(90%);
    opacity: 0;
    -webkit-transition: 300ms;
    transition: 300ms;
    color: #ff4d3b;
    font-style: italic; }

/* line 144, assets/scss/components/atoms/_formField.scss */
.radio-toggle-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  margin-bottom: 2rem; }
  /* line 152, assets/scss/components/atoms/_formField.scss */
  .radio-toggle-group input[type='radio'], .radio-toggle-group .material_input textarea[type='radio'], .material_input .radio-toggle-group textarea[type='radio'], .radio-toggle-group .material_input button[type='radio'][type="submit"], .material_input .radio-toggle-group button[type='radio'][type="submit"] {
    position: absolute;
    left: -999999px; }
  /* line 157, assets/scss/components/atoms/_formField.scss */
  .radio-toggle-group label {
    padding: 2rem 1rem;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #ccc;
    border-radius: 5px 0 0 5px;
    cursor: pointer;
    -webkit-transition: 300ms;
    transition: 300ms; }
    /* line 168, assets/scss/components/atoms/_formField.scss */
    .radio-toggle-group label:hover {
      background: #ececec;
      -webkit-transition: 100ms;
      transition: 100ms; }
    /* line 174, assets/scss/components/atoms/_formField.scss */
    .radio-toggle-group label:last-of-type {
      border-radius: 0 5px 5px 0;
      border-left: 0; }
  /* line 180, assets/scss/components/atoms/_formField.scss */
  .radio-toggle-group input:checked + label, .radio-toggle-group .material_input textarea:checked + label, .material_input .radio-toggle-group textarea:checked + label, .radio-toggle-group .material_input button:checked[type="submit"] + label, .material_input .radio-toggle-group button:checked[type="submit"] + label, .radio-toggle-group .material_input input:checked[type="submit"] + label {
    background: #8fe7b6;
    font-weight: bold; }

/* line 1, assets/scss/components/atoms/_main.scss */
main {
  min-height: 70vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

/* line 1, assets/scss/components/atoms/_notice.scss */
.notice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  margin: 1rem auto;
  padding: 1rem;
  text-align: center;
  font-size: 1rem;
  border: 2px solid;
  color: #3A3A3A; }
  /* line 13, assets/scss/components/atoms/_notice.scss */
  .notice--error {
    color: #ff4d3b; }

/* line 1, assets/scss/components/atoms/_card.scss */
.card {
  -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1px 8px rgba(0, 0, 0, 0.12);
  box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1px 8px rgba(0, 0, 0, 0.12);
  padding: 2rem;
  margin: 1rem auto;
  width: 100%;
  background: #ffffff;
  border-radius: var(--border-radius);
  position: relative; }
  /* line 10, assets/scss/components/atoms/_card.scss */
  .card a.card__link {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

/* line 1, assets/scss/components/atoms/_statusLabels.scss */
.status__label {
  font-weight: bold; }

/* line 6, assets/scss/components/atoms/_statusLabels.scss */
.status--upcoming {
  color: #999999; }

/* line 9, assets/scss/components/atoms/_statusLabels.scss */
.status--pending {
  color: #999999; }

/* line 12, assets/scss/components/atoms/_statusLabels.scss */
.status--in-progress {
  color: #ff4d3b; }

/* line 15, assets/scss/components/atoms/_statusLabels.scss */
.status--cancelled {
  color: #ff4d3b; }

/* line 18, assets/scss/components/atoms/_statusLabels.scss */
.status--completed {
  color: #8fe7b6; }

/* line 21, assets/scss/components/atoms/_statusLabels.scss */
.status--charged {
  color: #3bd57f; }

/* line 25, assets/scss/components/atoms/_statusLabels.scss */
.status--error {
  color: #ff4d3b; }
  /* line 28, assets/scss/components/atoms/_statusLabels.scss */
  .status--error i,
  .status--error svg {
    -webkit-animation: blink 2s infinite linear alternate;
    animation: blink 2s infinite linear alternate; }

@-webkit-keyframes blink {
  0% {
    opacity: 100%; }
  50% {
    opacity: 0%; } }

@keyframes blink {
  0% {
    opacity: 100%; }
  50% {
    opacity: 0%; } }

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

/* line 1, assets/scss/components/atoms/_gradientWrapper.scss */
.gradient-wrapper {
  background: url("assets/img/gradient-bg--61.png") center center/110% 110%;
  width: 99vw;
  margin: 3rem auto;
  padding: 0.5rem;
  border-radius: var(--border-radius);
  min-height: 50vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media (min-width: 64rem) {
    /* line 1, assets/scss/components/atoms/_gradientWrapper.scss */
    .gradient-wrapper {
      width: 90vw;
      margin: 5rem auto;
      padding: 2rem; }
      /* line 20, assets/scss/components/atoms/_gradientWrapper.scss */
      .gradient-wrapper:first-of-type {
        margin-top: 8rem; } }
  @media (min-width: 75rem) {
    /* line 1, assets/scss/components/atoms/_gradientWrapper.scss */
    .gradient-wrapper {
      width: 85vw; } }
  @media (min-width: 90rem) {
    /* line 1, assets/scss/components/atoms/_gradientWrapper.scss */
    .gradient-wrapper {
      width: 75vw;
      padding: 3rem; } }

/* line 1, assets/scss/components/atoms/_heading.scss */
.heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end; }
  /* line 5, assets/scss/components/atoms/_heading.scss */
  .heading .heading__pre-heading {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
    background: var(--yellow);
    padding: 0.5em;
    font-size: 1.25em;
    margin-bottom: -0.75em;
    -webkit-transition: 300ms;
    transition: 300ms; }
  /* line 13, assets/scss/components/atoms/_heading.scss */
  .heading .heading__heading {
    font-size: 3em;
    font-family: "Cosmopolitan";
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  /* line 20, assets/scss/components/atoms/_heading.scss */
  .heading + .heading .heading__pre-heading {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  /* line 23, assets/scss/components/atoms/_heading.scss */
  .heading + .heading + .heading .heading__pre-heading {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }

/* line 31, assets/scss/components/atoms/_heading.scss */
a.heading:hover .heading__pre-heading {
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg);
  opacity: 0.8;
  -webkit-transition: 100ms;
  transition: 100ms; }

/* line 1, assets/scss/components/signup/_signup.scss */
.signup__container {
  width: 95%;
  margin: 0 auto 2rem;
  display: none; }
  /* line 6, assets/scss/components/signup/_signup.scss */
  .signup__container.visible {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  @media (min-width: 64rem) {
    /* line 1, assets/scss/components/signup/_signup.scss */
    .signup__container {
      width: 80%; } }

/* line 15, assets/scss/components/signup/_signup.scss */
.infographic__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 10vh;
  width: 100%; }
  /* line 24, assets/scss/components/signup/_signup.scss */
  .infographic__container h1 {
    font-size: 3rem;
    text-align: center;
    width: 100%; }
    @media (min-width: 64rem) {
      /* line 24, assets/scss/components/signup/_signup.scss */
      .infographic__container h1 {
        font-size: 5rem; } }
  /* line 34, assets/scss/components/signup/_signup.scss */
  .infographic__container h2 {
    text-align: center; }

/* line 39, assets/scss/components/signup/_signup.scss */
.signup-form__container {
  display: grid;
  width: 100%;
  margin: 2vh auto;
  padding: 1rem;
  position: relative;
  border-radius: var(--border-radius);
  grid-gap: 2rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media (min-width: 64rem) {
    /* line 39, assets/scss/components/signup/_signup.scss */
    .signup-form__container {
      grid-template-columns: 1fr 1fr;
      margin: 5vh auto;
      padding: 3rem; } }
  /* line 56, assets/scss/components/signup/_signup.scss */
  .signup-form__container #goBack {
    background: none;
    width: auto;
    color: #3A3A3A;
    position: absolute;
    top: 0.5rem;
    left: 1rem; }

/* line 68, assets/scss/components/signup/_signup.scss */
.signup__form {
  padding: 1rem;
  -webkit-box-shadow: 5px 11px 26px 6px rgba(0, 0, 0, 0.25);
  box-shadow: 5px 11px 26px 6px rgba(0, 0, 0, 0.25);
  background: #ffffff;
  border-radius: var(--border-radius);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  @media (min-width: 64rem) {
    /* line 68, assets/scss/components/signup/_signup.scss */
    .signup__form {
      padding: 4rem; } }
  /* line 83, assets/scss/components/signup/_signup.scss */
  .signup__form h2 {
    text-align: center; }
  /* line 87, assets/scss/components/signup/_signup.scss */
  .signup__form form#signup,
  .signup__form form#login,
  .signup__form form#billingPortal {
    width: 95%;
    font-size: 1.25rem; }
    @media (min-width: 64rem) {
      /* line 87, assets/scss/components/signup/_signup.scss */
      .signup__form form#signup,
      .signup__form form#login,
      .signup__form form#billingPortal {
        width: 80%; } }
  /* line 100, assets/scss/components/signup/_signup.scss */
  .signup__form .input--Username label:after {
    content: "@";
    opacity: 0;
    position: absolute;
    left: 0.25em;
    top: 100%;
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%);
    font-size: 0.8em;
    vertical-align: middle;
    font-weight: 900;
    -webkit-transition: 300ms;
    transition: 300ms; }
  /* line 114, assets/scss/components/signup/_signup.scss */
  .signup__form .input--Username:focus-within:before {
    opacity: 0.8; }
  /* line 119, assets/scss/components/signup/_signup.scss */
  .signup__form .input--Username input#Username, .signup__form .input--Username .material_input textarea#Username, .material_input .signup__form .input--Username textarea#Username, .signup__form .input--Username .material_input button#Username[type="submit"], .material_input .signup__form .input--Username button#Username[type="submit"] {
    padding-left: 2.25ch; }
  /* line 124, assets/scss/components/signup/_signup.scss */
  .signup__form a {
    text-decoration: underline; }
  /* line 128, assets/scss/components/signup/_signup.scss */
  .signup__form .or {
    background: #efefef;
    color: #3A3A3A;
    border-radius: 50%;
    height: 4ch;
    width: 4ch;
    margin: 2rem auto;
    display: grid;
    place-items: center;
    font-weight: 900;
    position: relative;
    z-index: 1; }
    /* line 141, assets/scss/components/signup/_signup.scss */
    .signup__form .or:after {
      content: "";
      width: 500%;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      height: 0.5em;
      background: #efefef;
      z-index: -1; }
  /* line 154, assets/scss/components/signup/_signup.scss */
  .signup__form #cityPicker {
    width: 100%;
    font-size: 1.5rem;
    text-align: center;
    background: none;
    border: none;
    border-bottom: 2px solid #000;
    margin-bottom: 2rem; }
  /* line 164, assets/scss/components/signup/_signup.scss */
  .signup__form #otherWarning {
    margin: 1rem auto;
    text-align: center; }
  /* line 169, assets/scss/components/signup/_signup.scss */
  .signup__form .input--City {
    display: none; }

/* line 174, assets/scss/components/signup/_signup.scss */
.signup__blurb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  grid-row: 1; }
  @media (min-width: 64rem) {
    /* line 174, assets/scss/components/signup/_signup.scss */
    .signup__blurb {
      padding: 4em;
      grid-row: auto;
      padding: 1rem; } }
  /* line 188, assets/scss/components/signup/_signup.scss */
  .signup__blurb h1 {
    font-size: 3rem;
    font-weight: 900;
    margin: 1rem auto;
    width: auto;
    text-align: center;
    color: #3A3A3A; }
    @media (min-width: 64rem) {
      /* line 188, assets/scss/components/signup/_signup.scss */
      .signup__blurb h1 {
        font-size: 4rem;
        text-align: left; } }

/* line 203, assets/scss/components/signup/_signup.scss */
.skip-for-now {
  margin: 1rem auto;
  text-decoration: underline; }

/* line 208, assets/scss/components/signup/_signup.scss */
.lost-password-link {
  font-size: 0.8em;
  text-decoration: none;
  margin-top: 1rem; }

/* line 214, assets/scss/components/signup/_signup.scss */
.checkbox__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  /* line 219, assets/scss/components/signup/_signup.scss */
  .checkbox__wrapper input[type=checkbox], .checkbox__wrapper .material_input textarea[type=checkbox], .material_input .checkbox__wrapper textarea[type=checkbox], .checkbox__wrapper .material_input button[type=checkbox][type="submit"], .material_input .checkbox__wrapper button[type=checkbox][type="submit"] {
    margin-right: 1rem; }
  /* line 225, assets/scss/components/signup/_signup.scss */
  .checkbox__wrapper:hover,
  .checkbox__wrapper *:hover {
    cursor: pointer;
    opacity: 0.9; }

/* line 1, assets/scss/components/signup/_agreeToTerms.scss */
.terms__container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 50vw;
  margin: 0 auto 2rem; }

/* line 7, assets/scss/components/signup/_agreeToTerms.scss */
.terms__meta {
  padding: 1rem 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 0.9rem; }
  /* line 14, assets/scss/components/signup/_agreeToTerms.scss */
  .terms__meta .terms__instructions {
    font-size: 1em; }
  /* line 17, assets/scss/components/signup/_agreeToTerms.scss */
  .terms__meta .terms__last-updated {
    font-size: 1em;
    margin-left: auto;
    font-style: italic;
    text-align: right; }

/* line 25, assets/scss/components/signup/_agreeToTerms.scss */
.terms-text__container {
  height: 50vh;
  margin: 0 auto;
  border: 1px solid #3A3A3A;
  padding: 1rem;
  display: block;
  overflow: scroll;
  font-family: serif; }

/* line 2, assets/scss/components/billing/_billing.scss */
.billing-status__value {
  font-weight: 900; }

/* line 6, assets/scss/components/billing/_billing.scss */
.billing-status--active {
  color: #8fe7b6; }

/* line 9, assets/scss/components/billing/_billing.scss */
.billing-status--past_due, .billing-status--unpaid, .billing-status--incomplete, .billing-status--incomplete_expired {
  color: #ff4d3b; }

/* line 15, assets/scss/components/billing/_billing.scss */
.billing-status--canceled {
  color: #3A3A3A; }

/* line 20, assets/scss/components/billing/_billing.scss */
#connectCard.button {
  width: 80%;
  margin: 1rem auto;
  padding: 1em 0;
  display: block; }

/* line 27, assets/scss/components/billing/_billing.scss */
#account__addCard {
  width: 80%; }
  /* line 30, assets/scss/components/billing/_billing.scss */
  #account__addCard .material_input {
    width: 100%; }

/* line 35, assets/scss/components/billing/_billing.scss */
.menu-my-account-container {
  width: 100%;
  display: block; }
  /* line 38, assets/scss/components/billing/_billing.scss */
  .menu-my-account-container ul {
    display: block;
    padding: 0;
    margin: 0;
    list-style: none; }
    /* line 43, assets/scss/components/billing/_billing.scss */
    .menu-my-account-container ul li {
      list-style: none;
      width: 100%;
      border-bottom: 1px solid #ccc;
      margin: 0;
      background: #ffffff; }
      /* line 50, assets/scss/components/billing/_billing.scss */
      .menu-my-account-container ul li a {
        padding: 1rem;
        display: block;
        border-left: 0 solid #ff4d3b; }
        /* line 55, assets/scss/components/billing/_billing.scss */
        .menu-my-account-container ul li a:hover {
          border-left: 15px solid #ff4d3b; }
    /* line 62, assets/scss/components/billing/_billing.scss */
    .menu-my-account-container ul li.current-menu-item a {
      background: #ff4d3b;
      color: #ffffff; }
      /* line 65, assets/scss/components/billing/_billing.scss */
      .menu-my-account-container ul li.current-menu-item a:hover {
        border-left: 15px solid #ff1f08; }
  @media (max-width: 37.5rem) {
    /* line 75, assets/scss/components/billing/_billing.scss */
    .menu-my-account-container ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      background: #ffffff; }
      /* line 82, assets/scss/components/billing/_billing.scss */
      .menu-my-account-container ul li {
        width: 50%;
        font-size: 0.8rem; }
        /* line 87, assets/scss/components/billing/_billing.scss */
        .menu-my-account-container ul li a:hover {
          border-left-width: 5px !important; } }

/* line 1, assets/scss/components/billing/_paymentMethods.scss */
.payment-method__wrapper {
  width: 100%;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-bottom: 1px solid #efefef;
  border-top: 1px solid #efefef; }
  /* line 10, assets/scss/components/billing/_paymentMethods.scss */
  .payment-method__wrapper .last4 {
    margin: 0 0.5rem;
    font-weight: 900; }
  /* line 14, assets/scss/components/billing/_paymentMethods.scss */
  .payment-method__wrapper .exp {
    font-size: 0.8em;
    color: #999999; }
  /* line 19, assets/scss/components/billing/_paymentMethods.scss */
  .payment-method__wrapper .payment-method__trash {
    margin-left: auto;
    opacity: 1;
    color: #efefef;
    -webkit-transition: 300ms;
    transition: 300ms; }
    /* line 25, assets/scss/components/billing/_paymentMethods.scss */
    .payment-method__wrapper .payment-method__trash button {
      background: none;
      -webkit-transition: 300ms;
      transition: 300ms;
      border-radius: 1rem 1rem;
      color: #999999; }
  /* line 33, assets/scss/components/billing/_paymentMethods.scss */
  .payment-method__wrapper:hover {
    background: #efefef; }
    /* line 35, assets/scss/components/billing/_paymentMethods.scss */
    .payment-method__wrapper:hover .payment-method__trash {
      opacity: 1; }
      /* line 37, assets/scss/components/billing/_paymentMethods.scss */
      .payment-method__wrapper:hover .payment-method__trash button {
        color: #999999;
        background: #ffffff; }
        /* line 41, assets/scss/components/billing/_paymentMethods.scss */
        .payment-method__wrapper:hover .payment-method__trash button:hover {
          background: #ff4d3b;
          color: #ffffff; }
  /* line 49, assets/scss/components/billing/_paymentMethods.scss */
  .payment-method__wrapper.error {
    background: #ff4d3b; }
    /* line 51, assets/scss/components/billing/_paymentMethods.scss */
    .payment-method__wrapper.error, .payment-method__wrapper.error * {
      color: #fff; }

/* line 1, assets/scss/components/billing/_autoDonate.scss */
.autoDonate__section {
  width: 95%; }
  @media (min-width: 64rem) {
    /* line 1, assets/scss/components/billing/_autoDonate.scss */
    .autoDonate__section {
      width: 80%; } }
  /* line 7, assets/scss/components/billing/_autoDonate.scss */
  .autoDonate__section h2 {
    text-align: center; }
  /* line 11, assets/scss/components/billing/_autoDonate.scss */
  .autoDonate__section .add_payment_error__label {
    text-align: center;
    font-size: 1.25rem; }
  /* line 16, assets/scss/components/billing/_autoDonate.scss */
  .autoDonate__section button#adjustAutoDonate {
    width: 100%;
    margin: 1rem auto;
    background: var(--green); }
  /* line 22, assets/scss/components/billing/_autoDonate.scss */
  .autoDonate__section .autoDonate__enrolled {
    display: block;
    text-align: center;
    line-height: 1.5; }
    /* line 27, assets/scss/components/billing/_autoDonate.scss */
    .autoDonate__section .autoDonate__enrolled strong {
      margin: 0.25em 0;
      font-size: 1.5em; }
    /* line 32, assets/scss/components/billing/_autoDonate.scss */
    .autoDonate__section .autoDonate__enrolled.hidden {
      display: none; }
  /* line 38, assets/scss/components/billing/_autoDonate.scss */
  .autoDonate__section form#autoDonate .material_input {
    width: 100%;
    margin: 2rem auto; }
    /* line 41, assets/scss/components/billing/_autoDonate.scss */
    .autoDonate__section form#autoDonate .material_input input:not([type="submit"]), .autoDonate__section form#autoDonate .material_input textarea:not([type="submit"]), .autoDonate__section form#autoDonate .material_input button:not([type="submit"])[type="submit"] {
      font-size: 2rem;
      text-align: center; }
    /* line 46, assets/scss/components/billing/_autoDonate.scss */
    .autoDonate__section form#autoDonate .material_input.submit {
      width: 100%;
      margin: 0 auto; }
  /* line 52, assets/scss/components/billing/_autoDonate.scss */
  .autoDonate__section form#autoDonate .pre {
    font-size: 1.5rem; }
  /* line 56, assets/scss/components/billing/_autoDonate.scss */
  .autoDonate__section form#autoDonate.hidden {
    display: none; }
  /* line 61, assets/scss/components/billing/_autoDonate.scss */
  .autoDonate__section form#autoDonate .autoDonate__total-wrapper {
    border-top: 5px solid;
    padding: 1rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  /* line 69, assets/scss/components/billing/_autoDonate.scss */
  .autoDonate__section form#autoDonate .autoDonate__total-amount {
    font-size: 3rem;
    font-weight: 900;
    margin-bottom: 1rem; }
  /* line 75, assets/scss/components/billing/_autoDonate.scss */
  .autoDonate__section form#autoDonate .autoDonate__total-subText {
    font-size: 1rem;
    font-style: italic;
    text-align: center; }

/* line 88, assets/scss/components/billing/_autoDonate.scss */
#skipRound .skipRound__label {
  text-align: center; }

/* line 1, assets/scss/components/billing/transactions/_transactionCard.scss */
.transaction__card {
  border: 2px solid #999999;
  border-bottom: 0px;
  width: 100%;
  -webkit-transition: 300ms;
  transition: 300ms; }
  /* line 7, assets/scss/components/billing/transactions/_transactionCard.scss */
  .transaction__card summary {
    cursor: pointer;
    padding: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    /* line 13, assets/scss/components/billing/transactions/_transactionCard.scss */
    .transaction__card summary:hover {
      background: var(--green);
      opacity: 0.6; }
    /* line 18, assets/scss/components/billing/transactions/_transactionCard.scss */
    .transaction__card summary .transaction__total {
      font-family: monospace; }
    /* line 22, assets/scss/components/billing/transactions/_transactionCard.scss */
    .transaction__card summary .error {
      color: #ff4d3b; }
  /* line 27, assets/scss/components/billing/transactions/_transactionCard.scss */
  .transaction__card[open] summary {
    background: rgba(143, 231, 182, 0.2); }
  /* line 31, assets/scss/components/billing/transactions/_transactionCard.scss */
  .transaction__card .transaction__round-link {
    padding: 0.5rem;
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
    margin-left: 0.5rem;
    text-align: left;
    width: 100%;
    display: block;
    color: #999999; }
    /* line 40, assets/scss/components/billing/transactions/_transactionCard.scss */
    .transaction__card .transaction__round-link:hover {
      background: #efefef; }
  /* line 45, assets/scss/components/billing/transactions/_transactionCard.scss */
  .transaction__card .transaction__line-items {
    margin: 0; }
    /* line 47, assets/scss/components/billing/transactions/_transactionCard.scss */
    .transaction__card .transaction__line-items td {
      border-left: none;
      border-right: none;
      border-bottom: 1px solid #efefef;
      font-weight: 400; }
      /* line 53, assets/scss/components/billing/transactions/_transactionCard.scss */
      .transaction__card .transaction__line-items td:last-of-type {
        border-bottom: none; }
      /* line 57, assets/scss/components/billing/transactions/_transactionCard.scss */
      .transaction__card .transaction__line-items td:nth-child(2) {
        text-align: right;
        font-family: monospace;
        border-bottom: 1px solid #efefef; }
    /* line 63, assets/scss/components/billing/transactions/_transactionCard.scss */
    .transaction__card .transaction__line-items .error {
      color: #ff4d3b;
      text-align: center;
      margin: 0 auto;
      padding: 0.5rem;
      display: block; }
      /* line 70, assets/scss/components/billing/transactions/_transactionCard.scss */
      .transaction__card .transaction__line-items .error + a {
        text-align: center;
        color: #ff4d3b;
        text-align: center;
        margin: 0 auto;
        padding: 0.5rem;
        display: block; }
  /* line 84, assets/scss/components/billing/transactions/_transactionCard.scss */
  .transaction__card:last-of-type {
    border-bottom: 2px solid #333; }

/* line 1, assets/scss/components/billing/_moneyPicker.scss */
.money-input {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  margin: 1rem auto 2rem;
  height: 5rem;
  border: 1px solid #cecece;
  max-width: 600px;
  border-radius: 5px; }
  /* line 13, assets/scss/components/billing/_moneyPicker.scss */
  .money-input .money-input-wrapper {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    border-right: 1px solid #cecece; }
    /* line 19, assets/scss/components/billing/_moneyPicker.scss */
    .money-input .money-input-wrapper:last-of-type {
      border-right: none; }
  /* line 23, assets/scss/components/billing/_moneyPicker.scss */
  .money-input label {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    width: 100%; }
  /* line 32, assets/scss/components/billing/_moneyPicker.scss */
  .money-input input[type="radio"], .money-input .material_input textarea[type='radio'], .material_input .money-input textarea[type='radio'], .money-input .material_input button[type="radio"][type="submit"], .material_input .money-input button[type="radio"][type="submit"] {
    position: absolute;
    left: -9999999px; }
  /* line 37, assets/scss/components/billing/_moneyPicker.scss */
  .money-input input:checked + label, .money-input .material_input textarea:checked + label, .material_input .money-input textarea:checked + label, .money-input .material_input button:checked[type="submit"] + label, .material_input .money-input button:checked[type="submit"] + label, .money-input .material_input input:checked[type="submit"] + label {
    border: 1px solid #f00;
    background: rgba(255, 0, 0, 0.3);
    font-weight: 900; }
  /* line 43, assets/scss/components/billing/_moneyPicker.scss */
  .money-input [data-other-input] {
    display: none;
    font-size: 1em;
    height: 100%;
    width: 100%;
    text-align: center; }
  /* line 52, assets/scss/components/billing/_moneyPicker.scss */
  .money-input [data-other-radio]:checked + label {
    display: none; }
  /* line 55, assets/scss/components/billing/_moneyPicker.scss */
  .money-input [data-other-radio]:checked ~ [data-other-input] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    border: none;
    padding: 0;
    background: rgba(255, 0, 0, 0.3); }

/* line 1, assets/scss/pages/_pages.scss */
.page__container {
  width: 100%;
  margin: 1rem auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #ffffff;
  border-radius: var(--border-radius);
  padding: 0.5rem;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19); }
  @media (min-width: 64rem) {
    /* line 1, assets/scss/pages/_pages.scss */
    .page__container {
      margin: 3rem auto;
      width: 80vw;
      max-width: 900px;
      padding: 5rem; } }
  /* line 18, assets/scss/pages/_pages.scss */
  .page__container.full-width {
    width: 100%;
    max-width: calc(100% - 12vw); }

/* line 24, assets/scss/pages/_pages.scss */
.page__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: auto;
  margin: 0 auto 1rem;
  padding: 0.5rem; }
  @media (min-width: 64rem) {
    /* line 24, assets/scss/pages/_pages.scss */
    .page__title {
      margin: 0 auto 2rem;
      padding: 1rem; } }
  /* line 39, assets/scss/pages/_pages.scss */
  .page__title h1 {
    text-align: center;
    color: #ff4d3b;
    font-weight: 900;
    font-size: 3rem;
    margin: 0 auto; }
    @media (min-width: 64rem) {
      /* line 39, assets/scss/pages/_pages.scss */
      .page__title h1 {
        font-size: 6rem; } }

/* line 51, assets/scss/pages/_pages.scss */
.page__content {
  line-height: 1.333; }
  /* line 54, assets/scss/pages/_pages.scss */
  .page__content p {
    margin-bottom: 0.75rem; }

/* line 1, assets/scss/pages/_frontPage.scss */
main.front-page {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

/* line 7, assets/scss/pages/_frontPage.scss */
.dream-cloud__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: url("assets/img/CloudBg.svg") bottom center;
  width: 100%;
  min-height: 95vh;
  padding-bottom: 25vh;
  z-index: 1000;
  pointer-events: none; }
  /* line 19, assets/scss/pages/_frontPage.scss */
  .dream-cloud__wrapper .logo {
    margin: 1rem auto;
    max-width: 80%;
    pointer-events: auto; }
    @media (min-width: 64rem) {
      /* line 19, assets/scss/pages/_frontPage.scss */
      .dream-cloud__wrapper .logo {
        max-width: 40%; } }
  /* line 29, assets/scss/pages/_frontPage.scss */
  .dream-cloud__wrapper #mainNav {
    margin: 0 auto;
    pointer-events: auto; }
    @media (max-width: 37.5rem) {
      /* line 29, assets/scss/pages/_frontPage.scss */
      .dream-cloud__wrapper #mainNav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: 66%; }
        /* line 36, assets/scss/pages/_frontPage.scss */
        .dream-cloud__wrapper #mainNav .menu-item {
          text-align: center; }
          /* line 38, assets/scss/pages/_frontPage.scss */
          .dream-cloud__wrapper #mainNav .menu-item.button {
            margin: 0.5rem 0;
            -webkit-transform: rotate(0deg) !important;
            transform: rotate(0deg) !important; } }
  /* line 46, assets/scss/pages/_frontPage.scss */
  .dream-cloud__wrapper ~ .planet-banner__wrapper {
    margin-top: -25vh; }

/* line 51, assets/scss/pages/_frontPage.scss */
.dream-cloud__logged-in-menu {
  pointer-events: auto; }
  /* line 54, assets/scss/pages/_frontPage.scss */
  .dream-cloud__logged-in-menu h1 strong {
    color: #3A3A3A;
    font-weight: 400; }

/* line 61, assets/scss/pages/_frontPage.scss */
.planet-banner__wrapper {
  display: grid;
  grid-template-columns: 1fr;
  padding: 15vh 0;
  z-index: 4; }
  @media (min-width: 64rem) {
    /* line 61, assets/scss/pages/_frontPage.scss */
    .planet-banner__wrapper {
      grid-template-columns: 1fr 1fr; } }

/* line 72, assets/scss/pages/_frontPage.scss */
.planet-banner__img {
  display: block;
  max-width: none;
  margin: 0 auto;
  width: 90%;
  grid-row: 2; }
  @media (min-width: 64rem) {
    /* line 72, assets/scss/pages/_frontPage.scss */
    .planet-banner__img {
      width: 135%;
      margin-right: -50%;
      margin-left: 15%;
      grid-row: 1; } }

/* line 87, assets/scss/pages/_frontPage.scss */
.planet-banner__content {
  padding: 0 5vw; }
  /* line 90, assets/scss/pages/_frontPage.scss */
  .planet-banner__content h1 {
    font-size: 3rem;
    text-align: right;
    font-weight: 900;
    color: #3A3A3A; }
    @media (min-width: 64rem) {
      /* line 90, assets/scss/pages/_frontPage.scss */
      .planet-banner__content h1 {
        font-size: 4rem; } }
  /* line 101, assets/scss/pages/_frontPage.scss */
  .planet-banner__content h2 {
    font-size: 1rem;
    text-align: right;
    color: #3A3A3A; }
    @media (min-width: 64rem) {
      /* line 101, assets/scss/pages/_frontPage.scss */
      .planet-banner__content h2 {
        font-size: 2rem; } }
  /* line 110, assets/scss/pages/_frontPage.scss */
  .planet-banner__content .heading {
    font-size: 1rem;
    margin-left: auto;
    margin-top: 1rem; }
    @media (min-width: 64rem) {
      /* line 110, assets/scss/pages/_frontPage.scss */
      .planet-banner__content .heading {
        font-size: 1.5rem; } }

/* line 123, assets/scss/pages/_frontPage.scss */
.green-bar__wrapper {
  width: 100%;
  padding: 0;
  position: relative;
  min-height: 75vh;
  margin: -30vh auto -15vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 3; }
  @media (min-width: 64rem) {
    /* line 123, assets/scss/pages/_frontPage.scss */
    .green-bar__wrapper {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      min-height: 50vh; } }
  /* line 142, assets/scss/pages/_frontPage.scss */
  .green-bar__wrapper:before {
    content: "";
    width: 10vh;
    height: 10vh;
    position: absolute;
    top: 12%;
    left: 41%;
    -webkit-transform: rotate(-70deg);
    transform: rotate(-70deg);
    background: url("assets/img/svg/sunset.svg") center center/contain no-repeat;
    z-index: -1; }
    @media (min-width: 64rem) {
      /* line 142, assets/scss/pages/_frontPage.scss */
      .green-bar__wrapper:before {
        top: 16%;
        left: 24%;
        width: 10vw;
        height: 10vw; } }

/* line 162, assets/scss/pages/_frontPage.scss */
.green-bar__content {
  z-index: 2;
  width: 100%;
  position: relative;
  padding: 25vh 0 15vh;
  display: grid;
  grid-template-columns: 1fr;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: url("assets/img/svg/backgrounds/green-squiggle.svg") 65% center/300% 100%; }
  @media (min-width: 64rem) {
    /* line 162, assets/scss/pages/_frontPage.scss */
    .green-bar__content {
      grid-template-columns: 1fr 1fr;
      background: url("assets/img/svg/backgrounds/green-squiggle.svg") center center/110% 100%;
      padding: 20vw 5vw 8vw; } }
  /* line 179, assets/scss/pages/_frontPage.scss */
  .green-bar__content h2 {
    color: #3A3A3A;
    margin: 0;
    font-weight: 900;
    font-size: 4rem; }
    @media (max-width: 37.5rem) {
      /* line 179, assets/scss/pages/_frontPage.scss */
      .green-bar__content h2 {
        text-align: right; } }
  /* line 188, assets/scss/pages/_frontPage.scss */
  .green-bar__content h3 {
    font-size: 1.5rem;
    margin: 0 0 0.5rem;
    font-weight: 900; }
    @media (max-width: 37.5rem) {
      /* line 188, assets/scss/pages/_frontPage.scss */
      .green-bar__content h3 {
        text-align: right;
        margin: 0 0 0.5rem auto; } }
  /* line 198, assets/scss/pages/_frontPage.scss */
  .green-bar__content p {
    margin: 0 auto 2rem;
    max-width: 95%;
    font-size: 1.25rem; }
    @media (max-width: 37.5rem) {
      /* line 198, assets/scss/pages/_frontPage.scss */
      .green-bar__content p {
        text-align: right; } }
    @media (min-width: 64rem) {
      /* line 198, assets/scss/pages/_frontPage.scss */
      .green-bar__content p {
        max-width: 80%;
        margin-top: 19px; } }
  /* line 211, assets/scss/pages/_frontPage.scss */
  .green-bar__content .heading {
    font-size: 1rem;
    margin-left: auto; }
    @media (min-width: 64rem) {
      /* line 211, assets/scss/pages/_frontPage.scss */
      .green-bar__content .heading {
        font-size: 1.5rem; } }

/* line 221, assets/scss/pages/_frontPage.scss */
.green-bar__column {
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  @media (min-width: 64rem) {
    /* line 221, assets/scss/pages/_frontPage.scss */
    .green-bar__column {
      padding: 2rem; } }

/* line 234, assets/scss/pages/_frontPage.scss */
#green_squiggle {
  display: none;
  position: absolute;
  width: 100%;
  height: 150%;
  max-width: none;
  top: 50%;
  left: 50%;
  right: 0;
  bottom: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

/* line 248, assets/scss/pages/_frontPage.scss */
#how-it-works {
  width: 100%;
  background: url("assets/img/svg/backgrounds/purple--lilac.svg") center bottom/cover;
  padding-top: 20vh;
  padding-bottom: 45vh;
  margin-bottom: -45vh;
  z-index: 2;
  position: relative; }
  /* line 258, assets/scss/pages/_frontPage.scss */
  #how-it-works .how-it-works__heading {
    text-align: center;
    max-width: 95%;
    color: var(--yellow);
    margin: 1rem auto 3rem; }
    @media (min-width: 64rem) {
      /* line 258, assets/scss/pages/_frontPage.scss */
      #how-it-works .how-it-works__heading {
        max-width: 35%; } }
    /* line 266, assets/scss/pages/_frontPage.scss */
    #how-it-works .how-it-works__heading a {
      color: var(--yellow); }
  /* line 271, assets/scss/pages/_frontPage.scss */
  #how-it-works .how-it-works__sub-heading {
    font-size: 1rem;
    text-align: center;
    color: var(--green); }
  /* line 277, assets/scss/pages/_frontPage.scss */
  #how-it-works .how-it-works__list {
    display: grid;
    grid-template-columns: 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    grid-gap: 1rem;
    width: 95%;
    margin: 0 auto; }
    @media (min-width: 37.5rem) {
      /* line 277, assets/scss/pages/_frontPage.scss */
      #how-it-works .how-it-works__list {
        grid-template-columns: 1fr 1fr; } }
    @media (min-width: 64rem) {
      /* line 277, assets/scss/pages/_frontPage.scss */
      #how-it-works .how-it-works__list {
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 5rem 2rem;
        width: 70%; } }
    @media (min-width: 75rem) {
      /* line 277, assets/scss/pages/_frontPage.scss */
      #how-it-works .how-it-works__list {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-gap: 5rem 2rem;
        width: 50%; } }
  /* line 303, assets/scss/pages/_frontPage.scss */
  #how-it-works .how-it-works__item {
    width: 95%;
    margin: 0 auto;
    list-style: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }
    @media (min-width: 64rem) {
      /* line 303, assets/scss/pages/_frontPage.scss */
      #how-it-works .how-it-works__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
    /* line 316, assets/scss/pages/_frontPage.scss */
    #how-it-works .how-it-works__item img {
      width: 5rem;
      margin-bottom: 0;
      margin-right: 1rem; }
    @media (min-width: 64rem) {
      /* line 322, assets/scss/pages/_frontPage.scss */
      #how-it-works .how-it-works__item:last-of-type {
        grid-column: 1 / -1;
        width: 30%; } }
    @media (min-width: 75rem) {
      /* line 322, assets/scss/pages/_frontPage.scss */
      #how-it-works .how-it-works__item:last-of-type {
        grid-column: unset;
        width: 100%; } }
    @media (min-width: 64rem) {
      /* line 303, assets/scss/pages/_frontPage.scss */
      #how-it-works .how-it-works__item {
        width: 80%; } }
  /* line 339, assets/scss/pages/_frontPage.scss */
  #how-it-works .how-it-works__label {
    color: #ffffff;
    text-align: left;
    font-size: 1rem;
    line-height: 1; }
    @media (min-width: 64rem) {
      /* line 339, assets/scss/pages/_frontPage.scss */
      #how-it-works .how-it-works__label {
        font-size: 1.5rem;
        text-align: center; } }
  /* line 352, assets/scss/pages/_frontPage.scss */
  #how-it-works .clouds {
    content: "";
    width: 7vw;
    height: 7vw;
    background: url("assets/img/svg/cloud--green.svg") center bottom/contain no-repeat;
    position: absolute;
    display: block;
    top: 50%;
    left: 15%;
    z-index: -1; }
    @media (max-width: 37.5rem) {
      /* line 352, assets/scss/pages/_frontPage.scss */
      #how-it-works .clouds {
        top: 0%;
        left: 0%;
        width: 45vw;
        height: 45vw; } }
  /* line 372, assets/scss/pages/_frontPage.scss */
  #how-it-works .clouds:first-of-type {
    top: unset;
    bottom: -8%;
    left: 2%;
    width: 25vw;
    height: 25vw; }
    @media (max-width: 37.5rem) {
      /* line 372, assets/scss/pages/_frontPage.scss */
      #how-it-works .clouds:first-of-type {
        bottom: 8%;
        width: 35vw;
        height: 35vw; } }
  /* line 385, assets/scss/pages/_frontPage.scss */
  #how-it-works .clouds:last-of-type {
    top: unset;
    left: unset;
    right: 10%;
    bottom: 25%;
    width: 15vw;
    height: 15vw; }
    @media (max-width: 37.5rem) {
      /* line 385, assets/scss/pages/_frontPage.scss */
      #how-it-works .clouds:last-of-type {
        bottom: 20%;
        width: 25vw;
        height: 25vw; } }

/* line 402, assets/scss/pages/_frontPage.scss */
#featured-charities {
  width: 100%;
  height: 100%;
  background: #ffffff url("assets/img/svg/backgrounds/white--beige.svg") center center/cover;
  z-index: 1;
  padding: 30vh 5vw 10vh; }
  @media (min-width: 64rem) {
    /* line 402, assets/scss/pages/_frontPage.scss */
    #featured-charities {
      padding: 35vh 5vw 0; } }
  /* line 413, assets/scss/pages/_frontPage.scss */
  #featured-charities .dude--some-friends {
    width: 100%;
    margin-left: auto; }
    @media (min-width: 37.5rem) {
      /* line 413, assets/scss/pages/_frontPage.scss */
      #featured-charities .dude--some-friends {
        width: 65%; } }
    @media (min-width: 64rem) {
      /* line 413, assets/scss/pages/_frontPage.scss */
      #featured-charities .dude--some-friends {
        width: 50%; } }
  /* line 426, assets/scss/pages/_frontPage.scss */
  #featured-charities .heading {
    font-size: 1rem;
    margin: auto; }
    @media (min-width: 64rem) {
      /* line 426, assets/scss/pages/_frontPage.scss */
      #featured-charities .heading {
        font-size: 1.5rem; } }
  /* line 436, assets/scss/pages/_frontPage.scss */
  #featured-charities .charity__grid {
    grid-template-columns: 1fr 1fr;
    max-width: 95%;
    margin: 1rem auto; }
    @media (min-width: 64rem) {
      /* line 436, assets/scss/pages/_frontPage.scss */
      #featured-charities .charity__grid {
        max-width: 85%;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        margin: 15vh auto; } }
  /* line 448, assets/scss/pages/_frontPage.scss */
  #featured-charities .charity__logo {
    -webkit-filter: grayscale(1);
    filter: grayscale(1); }
  /* line 452, assets/scss/pages/_frontPage.scss */
  #featured-charities .charity__logo-wrapper {
    padding: 1rem;
    width: 100%;
    height: 25vh;
    display: grid;
    place-items: center;
    position: relative;
    top: 0; }
    /* line 461, assets/scss/pages/_frontPage.scss */
    #featured-charities .charity__logo-wrapper:hover {
      top: -10px; }
    /* line 465, assets/scss/pages/_frontPage.scss */
    #featured-charities .charity__logo-wrapper img {
      width: 100%;
      height: 100%;
      max-height: 25vh;
      -o-object-fit: contain;
      object-fit: contain; }

/* line 474, assets/scss/pages/_frontPage.scss */
.footer-cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 2rem 2rem 0; }
  /* line 481, assets/scss/pages/_frontPage.scss */
  .footer-cta h2 {
    color: #3A3A3A;
    font-weight: 900;
    font-size: 4rem; }
  /* line 487, assets/scss/pages/_frontPage.scss */
  .footer-cta .heading {
    font-size: 1rem;
    margin: auto; }
    @media (min-width: 64rem) {
      /* line 487, assets/scss/pages/_frontPage.scss */
      .footer-cta .heading {
        font-size: 1.5rem; } }

/* line 1, assets/scss/pages/_donate.scss */
.donate__page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #ffffff;
  padding: 2rem;
  border-radius: var(--border-radius);
  width: 90%; }
  @media (min-width: 64rem) {
    /* line 1, assets/scss/pages/_donate.scss */
    .donate__page {
      width: 60%; } }
  /* line 15, assets/scss/pages/_donate.scss */
  .donate__page h1 {
    text-align: center; }
  /* line 19, assets/scss/pages/_donate.scss */
  .donate__page .switch-donate-link {
    margin: 0rem auto 2rem;
    text-decoration: underline; }
  /* line 23, assets/scss/pages/_donate.scss */
  .donate__page form#donate {
    width: 100%; }
    @media (min-width: 64rem) {
      /* line 23, assets/scss/pages/_donate.scss */
      .donate__page form#donate {
        width: 400px; } }
  /* line 30, assets/scss/pages/_donate.scss */
  .donate__page .input--ccCharge {
    max-width: 200px;
    margin: 1rem auto; }

/* line 1, assets/scss/pages/_rounds.scss */
.round__grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 0.5rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }
  @media (min-width: 64rem) {
    /* line 1, assets/scss/pages/_rounds.scss */
    .round__grid {
      grid-gap: 1rem;
      grid-template-columns: 1fr 1fr; } }

/* line 13, assets/scss/pages/_rounds.scss */
.round__card {
  margin-top: 0;
  -webkit-transition: 300ms;
  transition: 300ms;
  top: 0; }
  /* line 18, assets/scss/pages/_rounds.scss */
  .round__card .charity__logo {
    width: 100%;
    padding-top: 25%;
    position: relative;
    margin-bottom: 1rem; }
    /* line 23, assets/scss/pages/_rounds.scss */
    .round__card .charity__logo img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -o-object-fit: contain;
      object-fit: contain; }
    /* line 32, assets/scss/pages/_rounds.scss */
    .round__card .charity__logo + .card__title {
      margin-top: 1rem; }
      /* line 34, assets/scss/pages/_rounds.scss */
      .round__card .charity__logo + .card__title h1 {
        font-size: 1.25rem; }
  /* line 40, assets/scss/pages/_rounds.scss */
  .round__card .card__title {
    margin-top: 1rem; }
    /* line 42, assets/scss/pages/_rounds.scss */
    .round__card .card__title h1 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      margin: 0 auto;
      text-align: center;
      font-weight: 900;
      color: #3A3A3A; }
    /* line 52, assets/scss/pages/_rounds.scss */
    .round__card .card__title a {
      position: absolute;
      top: 0;
      left: 0;
      padding: 0.5rem;
      font-size: 1.5rem;
      width: 100%;
      height: 100%;
      text-align: left;
      opacity: 0.3;
      -webkit-transition: 300ms;
      transition: 300ms;
      line-height: 1; }
      @media (min-width: 64rem) {
        /* line 52, assets/scss/pages/_rounds.scss */
        .round__card .card__title a {
          padding: 1rem; } }
    /* line 68, assets/scss/pages/_rounds.scss */
    .round__card .card__title span {
      color: #ff4d3b; }
  /* line 73, assets/scss/pages/_rounds.scss */
  .round__card.round--in-progress {
    padding: 3rem 1rem;
    grid-column: 1 / -1;
    z-index: 2;
    overflow: hidden; }
    /* line 78, assets/scss/pages/_rounds.scss */
    .round__card.round--in-progress:after {
      content: "";
      position: absolute;
      display: block;
      background: url("assets/img/gradient-bg--61.png") center center/110% 110%;
      width: 60vmax;
      height: 60vmax;
      border-radius: var(--border-radius);
      top: 50%;
      left: 50%;
      z-index: 1;
      opacity: 0;
      pointer-events: none;
      -webkit-transition: 300ms;
      transition: 300ms;
      -webkit-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
      -webkit-transform: translate(-50%, -50%) rotate(0deg);
      transform: translate(-50%, -50%) rotate(0deg); }
    /* line 96, assets/scss/pages/_rounds.scss */
    .round__card.round--in-progress .charity__logo {
      padding-top: 50%;
      z-index: 2; }
    /* line 100, assets/scss/pages/_rounds.scss */
    .round__card.round--in-progress .card__title {
      z-index: 2; }
      /* line 103, assets/scss/pages/_rounds.scss */
      .round__card.round--in-progress .card__title a {
        font-size: 2rem;
        z-index: 2; }
      /* line 107, assets/scss/pages/_rounds.scss */
      .round__card.round--in-progress .card__title h1 {
        font-size: 3rem; }
        /* line 109, assets/scss/pages/_rounds.scss */
        .round__card.round--in-progress .card__title h1 span {
          z-index: 2;
          position: relative; }
    /* line 116, assets/scss/pages/_rounds.scss */
    .round__card.round--in-progress .round__meta {
      position: relative;
      z-index: 2; }
  /* line 122, assets/scss/pages/_rounds.scss */
  .round__card:hover {
    top: -4px; }
    /* line 125, assets/scss/pages/_rounds.scss */
    .round__card:hover .card__title a {
      opacity: 1; }
    /* line 130, assets/scss/pages/_rounds.scss */
    .round__card:hover:after {
      opacity: 1;
      -webkit-animation: rotate 15s infinite;
      animation: rotate 15s infinite; }

@keyframes rotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg); }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(359deg);
    transform: translate(-50%, -50%) rotate(359deg); } }

/* line 146, assets/scss/pages/_rounds.scss */
.round__meta {
  font-size: 0.8rem; }
  /* line 149, assets/scss/pages/_rounds.scss */
  .round__meta ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    @media (min-width: 64rem) {
      /* line 149, assets/scss/pages/_rounds.scss */
      .round__meta ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
    /* line 159, assets/scss/pages/_rounds.scss */
    .round__meta ul li {
      list-style: none;
      padding: 0.25rem;
      margin: 0; }

/* line 168, assets/scss/pages/_rounds.scss */
.round--in-progress .round__meta {
  font-size: 1rem; }

/* line 174, assets/scss/pages/_rounds.scss */
.round__content h3 {
  text-align: center; }

/* line 1, assets/scss/pages/_charities.scss */
.charity__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-gap: 2rem; }
  /* line 6, assets/scss/pages/_charities.scss */
  .charity__grid .charity__letter-seperator {
    grid-column: 1 / -1;
    background: #ccc;
    font-weight: 900;
    font-size: 1.5rem;
    padding: 1rem; }

/* line 15, assets/scss/pages/_charities.scss */
.card--charity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  -webkit-transition: 300ms;
  transition: 300ms;
  top: 0;
  margin: 0 auto; }
  /* line 25, assets/scss/pages/_charities.scss */
  .card--charity:hover {
    top: -10px; }
  /* line 28, assets/scss/pages/_charities.scss */
  .card--charity .card__title {
    margin-top: 1rem; }
    /* line 30, assets/scss/pages/_charities.scss */
    .card--charity .card__title h1,
    .card--charity .card__title a {
      margin: 0;
      text-align: center;
      font-size: 1rem;
      font-weight: 900; }
  /* line 40, assets/scss/pages/_charities.scss */
  .card--charity .charity__logo img {
    width: 100%;
    height: 100%;
    max-height: 25vh;
    -o-object-fit: contain;
    object-fit: contain; }

/* line 50, assets/scss/pages/_charities.scss */
.charity__logo {
  width: 100%;
  margin: auto; }
  /* line 53, assets/scss/pages/_charities.scss */
  .charity__logo img {
    max-height: 25vh;
    width: 100% !important;
    height: 100% !important;
    -o-object-fit: contain;
    object-fit: contain; }

/* line 62, assets/scss/pages/_charities.scss */
.charity__desc {
  font-size: 1rem; }
  @media (min-width: 64rem) {
    /* line 62, assets/scss/pages/_charities.scss */
    .charity__desc {
      font-size: 1.5rem; } }

/* line 2, assets/scss/pages/_dashboard.scss */
.dashboard__grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem; }
  @media (min-width: 64rem) {
    /* line 2, assets/scss/pages/_dashboard.scss */
    .dashboard__grid {
      grid-template-columns: 1fr 1fr;
      grid-gap: 1rem; } }
  /* line 13, assets/scss/pages/_dashboard.scss */
  .dashboard__grid.grid--2 {
    grid-template-columns: 1fr 1fr; }
    @media (min-width: 64rem) {
      /* line 13, assets/scss/pages/_dashboard.scss */
      .dashboard__grid.grid--2 {
        grid-template-columns: 1fr 1fr; } }
  /* line 21, assets/scss/pages/_dashboard.scss */
  .dashboard__grid.grid--3 {
    grid-template-columns: 1fr; }
    @media (min-width: 64rem) {
      /* line 21, assets/scss/pages/_dashboard.scss */
      .dashboard__grid.grid--3 {
        grid-template-columns: 1fr 1fr 1fr; } }

/* line 30, assets/scss/pages/_dashboard.scss */
.dashboard__column {
  display: grid;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-gap: 1rem; }

/* line 36, assets/scss/pages/_dashboard.scss */
.dashboard__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-column: 1 / -1; }

/* line 41, assets/scss/pages/_dashboard.scss */
.dashboard__card {
  margin: 0; }
  /* line 44, assets/scss/pages/_dashboard.scss */
  .dashboard__card h1,
  .dashboard__card h2,
  .dashboard__card h3,
  .dashboard__card h4 {
    margin: 0; }

/* line 52, assets/scss/pages/_dashboard.scss */
.dashboard__round-info {
  text-align: center;
  width: 100%;
  color: #3A3A3A; }
  /* line 57, assets/scss/pages/_dashboard.scss */
  .dashboard__round-info h1,
  .dashboard__round-info h2,
  .dashboard__round-info h3 {
    color: inherit; }
  /* line 63, assets/scss/pages/_dashboard.scss */
  .dashboard__round-info .round__charity-title {
    font-weight: 900; }
  /* line 67, assets/scss/pages/_dashboard.scss */
  .dashboard__round-info .round__meta {
    font-size: 1rem;
    font-style: italic;
    font-weight: 100;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }

/* line 77, assets/scss/pages/_dashboard.scss */
.dashboard .card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  /* line 83, assets/scss/pages/_dashboard.scss */
  .dashboard .card .see-more {
    padding-top: 1rem; }
  /* line 87, assets/scss/pages/_dashboard.scss */
  .dashboard .card--link {
    top: 0;
    -webkit-transition: 300ms;
    transition: 300ms; }
    /* line 91, assets/scss/pages/_dashboard.scss */
    .dashboard .card--link:hover {
      top: -5px;
      background: rgba(255, 255, 255, 0.3); }
  /* line 97, assets/scss/pages/_dashboard.scss */
  .dashboard .card--current-round {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 1rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center; }
    @media (min-width: 64rem) {
      /* line 97, assets/scss/pages/_dashboard.scss */
      .dashboard .card--current-round {
        grid-template-columns: 1fr 3fr; } }
  /* line 112, assets/scss/pages/_dashboard.scss */
  .dashboard .card--small em {
    font-size: 0.8em;
    text-align: center;
    margin: 0.25rem auto;
    width: 100%;
    display: block; }
  /* line 120, assets/scss/pages/_dashboard.scss */
  .dashboard .card--small h3 {
    text-align: center;
    font-weight: 900; }
  /* line 127, assets/scss/pages/_dashboard.scss */
  .dashboard .card--latest-post .latest-post__meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    font-size: 1rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 2rem 0; }
    /* line 136, assets/scss/pages/_dashboard.scss */
    .dashboard .card--latest-post .latest-post__meta h2,
    .dashboard .card--latest-post .latest-post__meta h3 {
      margin: 0;
      color: #3A3A3A;
      font-size: 1.5rem; }
    /* line 143, assets/scss/pages/_dashboard.scss */
    .dashboard .card--latest-post .latest-post__meta h2 {
      font-weight: 900; }
  /* line 148, assets/scss/pages/_dashboard.scss */
  .dashboard .card--latest-post .latest-post__content {
    line-height: 1.25rem; }
  /* line 156, assets/scss/pages/_dashboard.scss */
  .dashboard .card--latest-video .latest-post__meta h2 {
    position: relative;
    font-weight: 900; }
    /* line 159, assets/scss/pages/_dashboard.scss */
    .dashboard .card--latest-video .latest-post__meta h2:before {
      content: "Latest Video";
      position: absolute;
      top: -1.5em;
      font-style: italic;
      font-size: 0.8em;
      color: #3A3A3A;
      font-weight: 100; }
  /* line 171, assets/scss/pages/_dashboard.scss */
  .dashboard .card--latest-video .latest-post__content {
    width: 100%; }
    /* line 174, assets/scss/pages/_dashboard.scss */
    .dashboard .card--latest-video .latest-post__content .video__wrapper {
      max-height: 45vh;
      margin: 0 auto; }
    /* line 179, assets/scss/pages/_dashboard.scss */
    .dashboard .card--latest-video .latest-post__content iframe {
      width: 100%; }
  /* line 184, assets/scss/pages/_dashboard.scss */
  .dashboard .card--latest-video:has(.shorts) {
    display: grid;
    grid-template-columns: 2fr 1fr; }
  /* line 190, assets/scss/pages/_dashboard.scss */
  .dashboard .card--greeting {
    display: grid;
    grid-template-columns: 1fr;
    text-align: center; }
    /* line 195, assets/scss/pages/_dashboard.scss */
    .dashboard .card--greeting h1 strong {
      color: #3A3A3A;
      font-weight: 400; }
    @media (min-width: 64rem) {
      /* line 190, assets/scss/pages/_dashboard.scss */
      .dashboard .card--greeting {
        grid-template-columns: 1fr 25%; } }
    /* line 204, assets/scss/pages/_dashboard.scss */
    .dashboard .card--greeting img {
      margin: 0 auto;
      max-width: 50vw;
      width: 100%; }
      @media (min-width: 64rem) {
        /* line 204, assets/scss/pages/_dashboard.scss */
        .dashboard .card--greeting img {
          max-width: 100%; } }
  /* line 220, assets/scss/pages/_dashboard.scss */
  .dashboard .card--contact {
    font-weight: 900;
    border-radius: var(--border-radius) var(--border-radius) 0 0; }
    /* line 225, assets/scss/pages/_dashboard.scss */
    .dashboard .card--contact p strong {
      color: #ff4d3b; }
  /* line 231, assets/scss/pages/_dashboard.scss */
  .dashboard .card--contact-box {
    border-radius: 0 0 var(--border-radius) var(--border-radius); }
    /* line 234, assets/scss/pages/_dashboard.scss */
    .dashboard .card--contact-box textarea {
      width: 100%;
      height: 100%;
      border: none;
      min-height: 20vh;
      resize: vertical; }
  /* line 243, assets/scss/pages/_dashboard.scss */
  .dashboard .card--selected-charity {
    grid-column: 1 / -1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }
  /* line 251, assets/scss/pages/_dashboard.scss */
  .dashboard .card--green {
    background: var(--black); }
    /* line 254, assets/scss/pages/_dashboard.scss */
    .dashboard .card--green h2 {
      color: #fff;
      font-weight: 900; }
    /* line 260, assets/scss/pages/_dashboard.scss */
    .dashboard .card--green .heading__heading {
      color: #fff; }
  /* line 266, assets/scss/pages/_dashboard.scss */
  .dashboard .card.grid {
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    /* line 271, assets/scss/pages/_dashboard.scss */
    .dashboard .card.grid .heading {
      width: auto;
      margin: 0 auto;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }

/* line 1, assets/scss/pages/_bbq-invite.scss */
.signup-steps__wrapper {
  margin: 0 auto;
  font-size: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media (min-width: 64rem) {
    /* line 1, assets/scss/pages/_bbq-invite.scss */
    .signup-steps__wrapper {
      font-size: 2rem; } }
  @media (min-width: 64rem) {
    /* line 10, assets/scss/pages/_bbq-invite.scss */
    .signup-steps__wrapper h2 {
      font-size: 4rem; } }
  /* line 16, assets/scss/pages/_bbq-invite.scss */
  .signup-steps__wrapper > a {
    font-size: 1.25rem; }
  /* line 21, assets/scss/pages/_bbq-invite.scss */
  .signup-steps__wrapper ol {
    margin: 0;
    margin-bottom: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%; }
    /* line 31, assets/scss/pages/_bbq-invite.scss */
    .signup-steps__wrapper ol li {
      position: relative;
      list-style: none;
      text-align: center;
      width: 100%;
      padding: 0.25rem 1rem; }
      /* line 38, assets/scss/pages/_bbq-invite.scss */
      .signup-steps__wrapper ol li.current {
        font-weight: bold;
        background: #8fe7b6;
        -webkit-transition: 300ms;
        transition: 300ms;
        margin-top: 1rem; }
        /* line 44, assets/scss/pages/_bbq-invite.scss */
        .signup-steps__wrapper ol li.current:hover,
        .signup-steps__wrapper ol li.current:hover * {
          opacity: 0.8; }
      /* line 50, assets/scss/pages/_bbq-invite.scss */
      .signup-steps__wrapper ol li:not(.current) {
        pointer-events: none; }
        /* line 51, assets/scss/pages/_bbq-invite.scss */
        .signup-steps__wrapper ol li:not(.current),
        .signup-steps__wrapper ol li:not(.current) * {
          color: #999999; }
      /* line 57, assets/scss/pages/_bbq-invite.scss */
      .signup-steps__wrapper ol li.done {
        position: relative;
        pointer-events: none; }
        /* line 60, assets/scss/pages/_bbq-invite.scss */
        .signup-steps__wrapper ol li.done:after {
          width: 80%;
          height: 15px;
          content: "";
          background: #ff4d3b;
          display: block;
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
          -webkit-transform: translate(-50%, -50%) rotate(5deg);
          transform: translate(-50%, -50%) rotate(5deg); }
          @media (min-width: 64rem) {
            /* line 60, assets/scss/pages/_bbq-invite.scss */
            .signup-steps__wrapper ol li.done:after {
              height: 5px;
              -webkit-transform: translate(-50%, -50%) rotate(1deg);
              transform: translate(-50%, -50%) rotate(1deg); } }
        /* line 78, assets/scss/pages/_bbq-invite.scss */
        .signup-steps__wrapper ol li.done:nth-of-type(2n):after {
          width: 81%;
          background: #8fe7b6;
          -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
          -webkit-transform: translate(-50%, -50%) rotate(-5deg);
          transform: translate(-50%, -50%) rotate(-5deg); }
          @media (min-width: 64rem) {
            /* line 78, assets/scss/pages/_bbq-invite.scss */
            .signup-steps__wrapper ol li.done:nth-of-type(2n):after {
              height: 5px;
              -webkit-transform: translate(-50%, -50%) rotate(-1deg);
              transform: translate(-50%, -50%) rotate(-1deg); } }
        /* line 91, assets/scss/pages/_bbq-invite.scss */
        .signup-steps__wrapper ol li.done:nth-of-type(3n):after {
          -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
          -webkit-transform: translate(-50%, -50%) rotate(5deg);
          transform: translate(-50%, -50%) rotate(5deg);
          width: 81%;
          background: #ffe471; }
          @media (min-width: 64rem) {
            /* line 91, assets/scss/pages/_bbq-invite.scss */
            .signup-steps__wrapper ol li.done:nth-of-type(3n):after {
              height: 5px;
              -webkit-transform: translate(-50%, -50%) rotate(1deg);
              transform: translate(-50%, -50%) rotate(1deg); } }
  /* line 106, assets/scss/pages/_bbq-invite.scss */
  .signup-steps__wrapper .button,
  .signup-steps__wrapper form {
    width: 100%;
    font-size: 1em;
    margin-bottom: 1em; }
    /* line 112, assets/scss/pages/_bbq-invite.scss */
    .signup-steps__wrapper .button[disabled],
    .signup-steps__wrapper form[disabled] {
      cursor: not-allowed; }

/* line 1, assets/scss/pages/_pro-plus-max.scss */
.page__container.pro-plus-max {
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 100%;
  max-width: 100%;
  padding: 2rem 0; }
  /* line 8, assets/scss/pages/_pro-plus-max.scss */
  .page__container.pro-plus-max .page__title {
    background: #fff;
    padding: 2rem 4rem;
    border-radius: var(--border-radius);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-filter: drop-shadow(0 1.5px 4px rgba(0, 0, 0, 0.24)) drop-shadow(0 1px 8px rgba(0, 0, 0, 0.12));
    filter: drop-shadow(0 1.5px 4px rgba(0, 0, 0, 0.24)) drop-shadow(0 1px 8px rgba(0, 0, 0, 0.12));
    gap: 3rem;
    margin-bottom: 6rem; }
    /* line 19, assets/scss/pages/_pro-plus-max.scss */
    .page__container.pro-plus-max .page__title h1 {
      background: #ff4d3b;
      color: #fff;
      border-radius: var(--border-radius);
      padding: 0.25em 0.5em;
      line-height: 1;
      -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.23), 0 3px 12px rgba(0, 0, 0, 0.16);
      box-shadow: 0 3px 12px rgba(0, 0, 0, 0.23), 0 3px 12px rgba(0, 0, 0, 0.16); }
    /* line 29, assets/scss/pages/_pro-plus-max.scss */
    .page__container.pro-plus-max .page__title img {
      max-width: 900px; }
    /* line 33, assets/scss/pages/_pro-plus-max.scss */
    .page__container.pro-plus-max .page__title .button {
      margin-bottom: -12rem;
      min-width: 400px;
      width: auto; }
  /* line 40, assets/scss/pages/_pro-plus-max.scss */
  .page__container.pro-plus-max .gradient-wrapper {
    width: 100%;
    border-radius: 0;
    padding: 1rem 15vw; }
    /* line 45, assets/scss/pages/_pro-plus-max.scss */
    .page__container.pro-plus-max .gradient-wrapper h2 {
      font-size: 6rem; }
  /* line 50, assets/scss/pages/_pro-plus-max.scss */
  .page__container.pro-plus-max .pro-plus-max__why-list {
    background: #fff;
    border-radius: var(--border-radius);
    padding: 1rem;
    gap: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    /* line 58, assets/scss/pages/_pro-plus-max.scss */
    .page__container.pro-plus-max .pro-plus-max__why-list p,
    .page__container.pro-plus-max .pro-plus-max__why-list .wp-block-columns,
    .page__container.pro-plus-max .pro-plus-max__why-list .wp-block-image {
      margin-bottom: 0; }
    /* line 64, assets/scss/pages/_pro-plus-max.scss */
    .page__container.pro-plus-max .pro-plus-max__why-list p {
      font-size: 1.75rem; }
    /* line 68, assets/scss/pages/_pro-plus-max.scss */
    .page__container.pro-plus-max .pro-plus-max__why-list .wp-block-column:not(:first-child) {
      margin-left: 0.25rem; }

/* line 75, assets/scss/pages/_pro-plus-max.scss */
.wp-block-columns:last-child {
  margin-bottom: 0; }

/* line 11, assets/scss/style.scss */
html:first-of-type {
  margin-top: 0 !important; }

/* line 17, assets/scss/style.scss */
::-moz-selection {
  background: #6544ff;
  color: #fff; }
::selection {
  background: #6544ff;
  color: #fff; }

/* line 22, assets/scss/style.scss */
.hidden {
  display: none; }

/* line 26, assets/scss/style.scss */
body {
  background: #00e4ff url("assets/img/svg/backgrounds/blue--light-blue.svg") top center/100% 100%;
  padding: 0;
  font-family: "Gopher", sans-serif; }
  @media (min-width: 64rem) {
    /* line 26, assets/scss/style.scss */
    body {
      background: #00e4ff url("assets/img/svg/backgrounds/blue--light-blue.svg") top center;
      background-size: 100% 105%;
      position: relative; } }
  /* line 36, assets/scss/style.scss */
  body:before {
    content: "";
    width: 100%;
    height: 200%;
    top: calc(var(--scroll-percentage) * (var(--scroll-height) * -0.05));
    -webkit-transition: top 200ms ease-out;
    transition: top 200ms ease-out;
    position: fixed;
    z-index: -1;
    opacity: calc(var(--scroll-percentage) * 1 + 0.5);
    background: url("assets/img/clouds-bg.svg") top center/100% auto; }

/* line 49, assets/scss/style.scss */
.finePrint {
  text-align: center;
  font-size: 0.8em;
  width: 100%; }
  /* line 53, assets/scss/style.scss */
  .finePrint p {
    font-size: 1em;
    margin: 0.25em auto; }
  /* line 58, assets/scss/style.scss */
  .finePrint i {
    vertical-align: middle; }

/* line 63, assets/scss/style.scss */
#wpadminbar {
  position: relative !important; }

/*# sourceMappingURL=style.css.map */