html {
    font-size: 62.5% !important;
    overflow-x: hidden;
  }
  
  * {
    box-sizing: border-box;
  }
  
  body .btn {
    border-radius: 0;
  }
  
  .btn-primary {
    font-size: 2.4rem;
    line-height: 1;
    text-transform: uppercase;
    padding: 1.2rem 2.4rem;
    letter-spacing: 0.1rem;
  }
  
  .home .btn-primary {
    margin-top: 2.4rem;
  }
  
  /*----- Nav overrides -----*/
  
  .full-width .navbar-static-top > .container {
    width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
  }
  
  @media only screen and (max-width: 575px) {
    .full-width .navbar-static-top > .container {
    }
  }
  
  .full-width .navbar-static-top .mainMenu > .container {
    width: auto;
  }
  
  .wizardNav > .container {
    padding: 0;
  }
  
  .navbar-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
  }
  
  @media only screen and (max-width: 767px) {
    .wizardNav > .container {
      padding: 0 15px;
    }
  
    .wizardNav .navbar-header {
      flex-direction: row-reverse;
      justify-content: space-between;
      margin-left: 0;
      margin-right: 0;
    }
  }

    .hide-on-mobile {
        display: none;
    }

    @media (min-width: 600px) {
        .hide-on-mobile {
            display: block;
        }
    }
  
  .wizardNav .navbar-brand {
    margin-left: 0;
  }
  
  .wizardNav .navbar-toggle {
    margin-left: auto;
    margin-right: 0;
  }
  
  .navbar.navbar-static-top {
    background: transparent;
    position: absolute;
    top: 0;
    width: 100%;
  }
  
  .home .navbar-static-top::before {
    position: relative;
    content: "";
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 3rem;
    background: #1b4f8b;
  }
  
  @media only screen and (max-width: 575px) {
    .home .navbar,
    .home .navbar.navbar-static-top > .container,
    .home .navbar .navbar-header,
    .home .navbar .navbar-left {
      max-height: inherit;
      height: auto;
    }
  
    .home .navbar.navbar-static-top > .container {
      padding: 15px;
    }
  
    .home .navbar .navbar-header {
      flex-direction: row-reverse;
      justify-content: space-between;
      width: 100%;
      margin: 0;
    }
  
    .home .navbar-static-top .navbar-toggle {
      float: none;
      margin: 0 0 0 auto;
    }
  
    .home .navbar-brand {
      margin-left: 0;
      font-size: 0;
      visibility: hidden;
    }
  
    .home .navbar-brand * {
      visibility: visible;
    }
  
    .home .navbar-brand #text {
      display: none;
    }
  
    .home .navbar-brand a:first-child {
      display: inline-block;
      width: auto;
      max-height: inherit;
    }
  }
  
  .full-width .navbar-static-top .mainMenu {
    position: relative;
    right: auto;
    min-width: inherit;
    margin: auto 0 auto auto;
  }
  
  .navbar-brand a {
    display: none;
  }
  
  .navbar-brand a:first-child {
    display: inline-block;
  }
  
  .navbar-brand a:first-child img {
    max-height: 9rem;
    width: auto;
  }
  
  .wizardNav .navbar-brand a:first-child img {
    max-height: 30px;
  }
  .navbar-left {
    max-height: inherit;
    height: auto;
  }
  .navbar-brand {
    padding: 15px 0;
  }
  .full-width .navbar-nav.userMenu {
    top: -3rem;
    margin-top: 0;
    right: 30px;
  }
  
  /* @media only screen and (max-width: 767px) {
    .full-width .navbar-nav.userMenu {
      right: 60px;
    }
  } */
  
  .full-width .navbar-nav.userMenu > li:not(.dropdown) i,
  .full-width .navbar-nav.userMenu > li:not(.dropdown) a {
    color: #fff;
  }
  
  .no-touch .navbar-nav.userMenu > li > .dropdown-menu > li:hover i {
    color: #1f528d;
  }
  
  @media only screen and (max-width: 767px) {
    .navbar-nav.userMenu {
      right: 1.5rem !important;
    }
  }
  
  footer .container.whiteBg,
  #footer .container.whiteBg {
    color: #fff;
    border: none;
    background-color: transparent !important;
  }
  
  .navbar-nav a {
    font-size: 1.6rem;
  }
  
  .userMenu > li.dropdown > i,
  .userMenu > li.dropdown > a,
  .userMenu > li.dropdown > a:visited,
  .userMenu > li.dropdown > a:focus {
    font-size: 1.4rem;
    color: #fff;
  }
  
  .userMenu > li.dropdown > a:hover,
  .userMenu > li.dropdown > a:active,
  .navbar-default .navbar-nav.userMenu > .open > a {
    text-decoration: underline;
    color: #fff;
  }
  
  @media (min-width: 767px) {
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
      margin-left: 0;
    }
  }
  
  @media (min-width: 767px) {
    .navbar-left,
    .navbar-header {
      float: none !important;
    }
  }
  
  @media (min-width: 767px) and (max-width: 991px) {
    .navbar-brand a:first-child img {
      max-height: 6rem;
      width: auto;
    }
  
    .no-touch .full-width .navbar-static-top .mainMenu .navbar-nav > li > a {
      font-size: 1.4rem;
      padding-left: 0.8rem;
      padding-right: 0.8rem;
    }
  }
  
  @media only screen and (max-width: 767px) {
    .full-width.home .navbar-static-top .mainMenu {
      position: absolute;
    }
  
    .home .navbar-collapse .menu-main-menu,
    .home .navbar-collapse.collapsing .menu-main-menu {
      position: absolute;
      top: -3rem;
      z-index: 9999;
      background: #fff;
      right: calc(-100vw + 15px);
      width: fit-content;
      min-width: 210px;
    }
  
    .full-width.home .navbar-static-top .mainMenu .menu-main-menu {
      padding-right: 15px;
    }
  
    .full-width.home .navbar-static-top .mainMenu .menu-main-menu > li > a {
      display: inline-block;
      white-space: nowrap;
    }
  }
  
  /* Wizard nav */
  
  .wizardNav.navbar::before {
    content: "";
    position: absolute;
    top: -30px;
    width: 100%;
    left: 0;
    height: 30px;
    background: rgba(27, 79, 139, 1);
  }
  
  .wizardNav.navbar {
    min-height: 7.5rem;
    position: relative;
    margin-top: 30px;
  }
  
  .wizardNav .navbar-brand a:first-child img {
    max-height: 6rem;
  }
  
  .wizardNav .mainMenu .navbar-nav {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
  }
  
  .wizardNav .mainMenu .navbar-nav > li > a {
    font-size: 1.4rem;
  }
  
  .wizardNav .mainMenu .navbar-nav > li:last-child > a {
    padding-right: 0;
  }
  
  .wizardNav .navbar-nav.userMenu {
    top: -41px;
  }
  
  .wizardNav .userMenu > li.dropdown > a,
  .wizardNav .userMenu > li.dropdown > i {
    font-size: 1.4rem;
  }
  
  .wizardNav .userMenu > li.dropdown > a {
    color: #fff !important;
  }
  
  /*----- Wizard Overrides -----*/
  
  .wizard *,
  .modal-content,
  .modal-content * {
    border-radius: 0 !important;
  }
  
  .slider-input-col .row > div:first-child {
    display: none;
  }
  
  .stratuslive-portal-contribution .bodyGr {
    margin-top: 0 !important;
  }
  
  .wizard h1 {
    font-size: 3.6rem;
    margin-top: 0.6667em;
  }
  
  .wizard .btn-primary {
    font-size: 1.8rem;
    text-transform: none;
    letter-spacing: normal;
    margin-top: 0;
  }
  
  .stratuslive-portal-contribution .btn-primary,
  .stratuslive-portal-contribution .btn-default {
    font-size: 1.8rem;
  }
  
  .stratuslive-portal-contribution .btn-default {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    line-height: 1;
  }
  
  .wizard h4 {
    letter-spacing: -0.025em;
  }
  
  .wizardNav + .wizard {
    padding-left: 0;
    margin-top: 0;
  }
  .wizard .signin-container {
    margin-bottom: 45px;
  }
  .lt-ie9 #leftPane .accordion-toggle ~ .pmtMethodAmt {
    color: #bdc0db;
  }
  
  .credits,
  .wizard ~ .credits {
    background: #000;
    padding: 5px 0;
  }
  
  #footer.dkHeadingColorBg,
  .wizard + footer,
  .credits,
  .wizard ~ .credits {
    background: #000;
  }
  
  body .btn,
  body #stepButtons .btn,
  body .btn.opt-out-btn {
    white-space: normal;
  }
  
  .wizard > .row.aside-container .asideSecond > div {
    padding-bottom: 9999px;
    margin-bottom: -9969px;
    /*    height: 100vh;*/
  }
  
  .wizardNav + .container .asideSecond #impersonate .sm {
    margin: 0;
    padding: 0 1rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  
  @media only screen and (max-width: 992px) {
    .wizardNav + .container .asideSecond #impersonate .sm {
      flex-direction: column;
    }
  
    .wizardNav + .container .asideSecond #impersonate .sm a:last-child {
      margin-top: 1rem;
    }
  
    .wizard .zone-aside-second {
      padding-top: 6rem;
    }
  }
  
  /*---- Home Page Overrides -----*/
  
  body[class*="make-a-difference"] {
    overflow-x: hidden;
  }
  
  .showcase-hero {
    height: 100vh;
    display: flex;
    align-items: center;
  }
  
  .hero + .body-content h1 {
    font-size: 3.6rem;
    display: none;
  }
  
  .hero + .body-content .mainContent h1 {
    text-align: center;
  }
  
  .showcase-hero::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    height: 400px;
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.9514180672268907) 25%,
      rgba(255, 255, 255, 0.500437675070028) 67%,
      rgba(255, 255, 255, 0) 100%
    );
    background: -webkit-linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.9514180672268907) 25%,
      rgba(255, 255, 255, 0.500437675070028) 67%,
      rgba(255, 255, 255, 0) 100%
    );
    background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.9514180672268907) 25%,
      rgba(255, 255, 255, 0.500437675070028) 67%,
      rgba(255, 255, 255, 0) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
  }
  
  /* .showcase-hero::after {
      content: '';
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background-color: rgba(0,0,0,.25);
      z-index: 1;
  } */
  
  .showcase-hero__inner {
    display: flex;
    justify-content: center;
    flex-direction: column;
    max-width: 1170px;
    padding-top: 6rem;
  }
  
  @media only screen and (max-width: 1200px) {
    .showcase-hero__inner {
      max-width: inherit;
      width: 100%;
    }
  }
  
  .showcase-hero__inner * {
    position: relative;
    z-index: 9;
    max-width: 40%;
  }
  
  @media only screen and (min-width: 768px) and (max-width: 1200px) {
    .showcase-hero__inner * {
      padding-left: 3.6rem;
    }
  }
  
  @media only screen and (max-width: 767px) {
    .showcase-hero__inner {
      width: calc(100% - 9.6rem);
      padding: 4.8rem;
      position: relative;
      top: 2.4rem;
      background: rgba(255, 255, 255, 0.75);
    }
  
    .showcase-hero__inner * {
      max-width: inherit;
    }
  }
  
  .showcase-hero__inner .btn {
    font-size: 2.4rem;
    line-height: 1;
    text-transform: uppercase;
    padding: 1.2rem 2.4rem;
    margin-top: 2.4rem;
  }
  
  .showcase-hero__inner p:last-child {
    margin-bottom: 0;
  }
  
  .showcase-hero__inner::before {
  }
  
  .showcase-hero__inner::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    background: rgba(255, 255, 255, 0.75);
    z-index: 1;
    clip-path: polygon(0 0, 55% 0, 45% 100%, 0% 100%);
  }
  
  @media only screen and (max-width: 767px) {
    .showcase-hero__inner::after {
      display: none;
    }
  }
  
  .showcase-hero__heading {
    font-size: 5.2rem;
    line-height: 1.153846153846154;
  }
  
  @media only screen and (min-width: 769px) and (max-width: 992px) {
    .hero .showcase-hero__heading {
      font-size: 3.6rem;
    }
  }
  
  @media only screen and (max-width: 575px) {
    .hero .showcase-hero__heading {
      font-size: 3.6rem;
    }
  }
  
  .showcase-hero__subhead {
    font-size: 2.4rem;
    line-height: 1.25;
  }
  
  body .progress-widget .pledge-button {
    font-family: "Gotham", sans-serif !important;
    font-weight: 500;
    font-size: 3rem;
    background: #e1523d;
    border-radius: 0;
    text-decoration: none;
  }
  
  .no-touch body .progress-widget .pledge-button:hover {
    background: #f2a900;
    color: #fff;
  }
  
  .home .body-content {
    padding: 9.6rem 4.8rem;
  }
  
  @media only screen and (max-width: 767px) {
    .img-responsive {
      margin-left: auto;
      margin-right: auto;
      width: 100%;
      height: auto;
    }
  
    .home .body-content div[class*="col"] + div[class*="col"],
    .home
      .body-content
      ~ div[class*="container"]
      div[class*="col"]
      + div[class*="col"] {
      margin-top: 3.6rem;
    }
  }
  
  .full-width .hero + .body-content .row,
  .full-width .hero + .body-content .row:last-child {
    padding: 0;
  }
  
  .home .afterMain {
    padding: 9.6rem 4.8rem;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#88a3c2+50,7796b9+50 */
    background: #88a3c2; /* Old browsers */
    background: -moz-linear-gradient(
      -45deg,
      #88a3c2 50%,
      #7796b9 50%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      -45deg,
      #88a3c2 50%,
      #7796b9 50%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      135deg,
      #88a3c2 50%,
      #7796b9 50%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88a3c2', endColorstr='#7796b9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  
    position: relative;
  }
  
  .cards {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 3rem;
  }
  
  .card {
    background: #fff;
    box-shadow: 0 7px 15px rgba(0, 0, 0, 0.33);
    padding: 1.5rem 1.5rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    border-radius: 0.8rem;
  }
  
  /* one item */
  .card:first-child:nth-last-child(1) {
    width: 100%;
  }
  
  /* two items */
  .card:first-child:nth-last-child(2),
  .card:first-child:nth-last-child(2) ~ .card {
    width: 50%;
  }
  
  /* three items */
  .card:first-child:nth-last-child(3),
  .card:first-child:nth-last-child(3) ~ .card {
    width: 33.3333%;
  }
  
  /* four items */
  .card:first-child:nth-last-child(4),
  .card:first-child:nth-last-child(4) ~ .card {
    width: 25%;
  }
  
  @media only screen and (max-width: 992px) {
    .cards {
      flex-direction: column;
    }
  
    .card {
      width: 100% !important;
    }
  }
  
  .card i {
    font-size: 4.8rem;
    line-height: 1;
    padding: 2.4rem;
    color: #1d518c;
    width: 9.6rem;
    height: 9.6rem;
    background: rgba(29, 81, 140, 0.125);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
  }
  
  .card h3 {
    text-align: center;
    font-weight: bold;
    color: #666;
    margin-bottom: 0.5em;
  }
  
  .card p {
    font-size: 1.6rem;
    line-height: 1.5;
  }
  
  .card .card-btn {
    margin-top: auto;
    margin-bottom: 0 !important;
    display: block;
    width: calc(100% + 3rem);
    text-transform: uppercase;
    font-size: 2rem;
    letter-spacing: 0.2rem;
    border-radius: 0 0 0.8rem 0.8rem;
  }
  
  .home .afterMain .row {
    max-width: 1170px;
    margin: 0 auto;
    position: relative;
    z-index: 9;
  }
  
  .home .preFooter {
    padding: 9.6rem 4.8rem;
  }
  
  .home .preFooter .row {
  }
  
  #footer + .credits {
    padding: 1.2rem 0;
  }
  
  .home #footer + .credits span a,
  .wizardNav ~ div .credits img {
    position: relative;
    top: -5px;
  }
  
  .home footer > div.container-fluid {
    max-width: inherit;
    width: 100%;
  }
  
  .home footer .tripel-block {
    padding: 0;
  }
  
  .home footer .tripel-block h3 {
    font-size: 2.4rem;
    line-height: 1;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 1em;
  }
  
  .home footer .tripel-block .widget .row {
    display: flex;
    margin: 0;
  }
  
  .home footer .tripel-block .widget .row > div[class*="col"] {
    padding: 4.8rem;
  }
  
  @media only screen and (max-width: 992px) {
    .home footer .tripel-block .widget .row {
      flex-direction: column;
      align-items: stretch;
    }
  
    .home footer .tripel-block .widget .row > div[class*="col"] {
      float: none;
      width: 100%;
    }
  }
  
  .home footer .tripel-block .widget .row > div[class*="col"] p:last-child {
    margin-bottom: 0;
  }
  
  .home footer .tripel-block .contact-sidebar {
    background: rgba(29, 81, 140, 1);
  }
  
  .home footer .tripel-block .contact-form {
    background: rgba(243, 245, 249, 1);
  }
  
  .form-control {
    font-size: 1.6rem;
    line-height: 2;
  }
  
  .home footer .tripel-block .contact-sidebar * {
    color: #fff;
  }
  
  .home footer .tripel-block .contact-sidebar i {
    font-size: 3rem;
  }
  
  .home footer .tripel-block .contact-sidebar i + a {
    margin-left: 1.6rem;
  }
  
  .home footer .tripel-block .contact-sidebar i + i {
    margin-left: 3.6rem;
  }
  
  /*----- Volunteer Overrides -----*/
  
  .wizardNav + .volunteer {
    margin-top: 0;
  }
  
  .volunteer .volunteer__vol-page.vol-search .volunteer__vol-page-banner h1 {
    font-size: 6rem;
  }
  
  @media only screen and (max-width: 1110px) {
    .volunteer .volunteer__vol-page.vol-search .volunteer__vol-page-banner h1 {
      font-size: 4.8rem;
    }
  }
  
  @media only screen and (max-width: 992px) {
    .volunteer .volunteer__vol-page.vol-search .volunteer__vol-page-banner h1 {
      font-size: 3.6rem;
    }
  }
  
  @media only screen and (max-width: 767px) {
    .volunteer .volunteer__vol-page.vol-search .volunteer__vol-page-banner h1 {
      font-size: 2.4rem;
      font-weight: bold;
      line-height: 1;
    }
  }
  
  .volunteer h4 {
    font-size: 2rem;
  }
  
  .volunteer
    .volunteer__vol-page.vol-search
    .volunteer__vol-page-body
    .vol-opp-cards__item-body
    .vol-item-banner
    .vol-item-role {
    font-size: 2rem;
  }
  
  .volunteer
    .volunteer__vol-page.vol-search
    .volunteer__vol-page-body
    .vol-opp-cards__item-content
    .vol-item-location
    .vol-location-content,
  .volunteer
    .volunteer__vol-page.vol-search
    .volunteer__vol-page-body
    .vol-opp-cards__item-content
    .vol-item-location
    .vol-location-label {
    font-size: 1.6rem;
  }
  
  .volunteer
    .volunteer__vol-page.vol-search
    .volunteer__vol-page-body
    .vol-opp-cards__item-content
    .vol-item-location
    .vol-location-label {
    color: #555;
  }
  
  .volunteer
    .volunteer__vol-page.vol-search
    .volunteer__vol-page-body
    .vol-opp-cards__item-footer
    .btn-primary {
    font-size: 2rem;
  }
  
  .volunteer
    .volunteer__vol-page.vol-search
    .volunteer__vol-page-body
    .vol-opp-cards__item-content
    .vol-item-calendar-block
    .vol-event-month,
  .volunteer label {
    font-size: 1.4rem;
  }
  
  .volunteer label {
    line-height: 1;
  }
  
  .volunteer
    .volunteer__vol-page.vol-event
    .volunteer__vol-page-banner
    > .container
    h1 {
    font-size: 4.5rem;
  }
  
  .volunteer
    .volunteer__vol-page.vol-search
    .volunteer__vol-page-body
    .vol-opp-cards__item-content
    .vol-item-calendar-block
    .vol-event-day {
    font-size: 2.4rem;
  }
  
  .volunteer
    .volunteer__vol-page.vol-search
    .volunteer__vol-page-body
    .vol-opp-cards__item-content
    .vol-event-time {
    font-size: 1.2rem;
  }
  
  .volunteer .btn-primary {
    font-size: 2rem;
  }
  
  .volunteer ~ .modal-scrollable #signUpModal .modal-header h1,
  .volunteer ~ .modal-scrollable #participantModal .modal-header h1 {
    font-size: 3rem;
  }
  
  .volunteer .volunteer__vol-page input[type="text"].form-control,
  .volunteer .volunteer__vol-page select.form-control,
  .volunteer .volunteer__vol-page textarea.form-control,
  .volunteer ~ .modal-scrollable #signUpModal input[type="text"].form-control,
  .volunteer ~ .modal-scrollable #signUpModal select.form-control,
  .volunteer ~ .modal-scrollable #signUpModal textarea.form-control,
  .volunteer input[type="text"].form-control,
  .volunteer select.form-control,
  .volunteer textarea.form-control,
  .volunteer
    .volunteer__vol-wizard
    .vol-wizard-workspace
    .event-editor
    .question-panel__body
    .question-choices-row
    input[type="text"].form-control {
    font-size: 1.8rem;
    line-height: 3.8rem;
    height: 3.6rem;
  }
  
  .volunteer .volunteer__vol-wizard #editor .ql-editor > * {
    font-size: 1.8rem;
  }
  
  .volunteer .volunteer__vol-page label,
  .volunteer ~ .modal-scrollable #signUpModal label {
    font-size: 1.6rem;
  }
  
  .volunteer ~ .modal-scrollable #signUpModal .modal-body .step-buttons,
  .volunteer ~ .modal-scrollable #participantModal .modal-body .step-buttons {
    font-size: 2rem;
  }
  
  .stratuslive-portal-volunteer table tr td,
  .stratuslive-portal-volunteer table tr th,
  .volunteer
    .volunteer__vol-wizard
    .vol-wizard-workspace
    .event-editor
    .vol-wiz-table
    th,
  .volunteer
    .volunteer__vol-wizard
    .vol-wizard-workspace
    .event-editor
    .vol-wiz-table
    td,
  .volunteer ~ .modal-scrollable #signUpModal .modal-body .danger,
  .volunteer
    .volunteer__vol-page.vol-event
    .volunteer__vol-page-body
    .event-info-block
    .sidebar-label,
  .volunteer
    .volunteer__vol-wizard
    .vol-wizard-workspace
    .event-editor__forms-area
    .event-info-block
    .sidebar-label,
  .volunteer
    .volunteer__vol-wizard
    .vol-wizard-workspace
    .event-editor
    .question-panel__heading
    .panel-title {
    font-size: 1.4rem;
  }
  
  .volunteer ~ .modal-scrollable .btn,
  .volunteer ~ .modal-scrollable .btn-primary,
  .volunteer
    .volunteer__vol-wizard
    .vol-wizard-workspace
    .event-editor__btn-wrapper
    .btn:first-child:nth-last-child(1) {
    font-size: 1.8rem;
  }
  
  .volunteer__vol-wizard
    .vol-wizard-workspace
    .event-editor__btn-wrapper
    .btn:first-child:nth-last-child(1) {
    padding: 1.2rem;
  }
  
  .stratuslive-portal-volunteer
    label.css-radio-label
    input[type="radio"]
    + .css-radio {
    top: 3px;
  }
  
  .volunteer
    .volunteer__vol-page.vol-event
    .volunteer__vol-page-body
    .event-info-block,
  .volunteer
    .volunteer__vol-wizard
    .vol-wizard-workspace
    .event-editor__forms-area
    .event-info-block {
    padding-left: 6rem;
  }
  
  .volunteer
    .volunteer__vol-page.vol-event
    .volunteer__vol-page-body
    .event-info-block
    h2,
  .volunteer
    .volunteer__vol-wizard
    .vol-wizard-workspace
    .event-editor__forms-area
    .event-info-block
    h2 {
    font-size: 3rem;
  }
  
  .volunteer h1 {
    font-size: 3.2rem;
  }
  
  .volunteer h2 {
    font-size: 2.4rem;
  }
  
  .volunteer
    .volunteer__vol-page.vol-event
    .volunteer__vol-page-body
    .event-info-block::before,
  .volunteer
    .volunteer__vol-wizard
    .vol-wizard-workspace
    .event-editor__forms-area
    .event-info-block::before {
    font-size: 3rem;
  }
  
  .volunteer
    .volunteer__vol-page.vol-event
    .volunteer__vol-page-banner__user-bar {
    position: absolute;
    top: 0;
    width: 100vw;
  }
  
  .volunteer
    .volunteer__vol-page.vol-event
    .volunteer__vol-page-banner__user-bar
    .event-status {
    left: 15px;
  }
  
  .volunteer
    .volunteer__vol-page.vol-event
    .volunteer__vol-page-banner__user-bar
    .event-actions {
    margin-top: -4px;
  }
  
  span[id="tabs-nav-open"] ~ .volunteer .nav-tabs li a i {
    left: 1rem;
    top: 2.6rem;
  }
  
  .volunteer .add-btn,
  .volunteer .remove-btn {
    line-height: 3.8rem;
  }
  
  @media (max-width: 575px) {
    span[id="tabs-nav-open"] ~ .volunteer .nav-tabs {
      top: 105px;
      height: calc(100vh - 105px);
    }
  
    span[id="tabs-nav-open"] ~ .volunteer .nav-tabs li a {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
    }
  
    span[id="tabs-nav-open"] ~ .volunteer .nav-tabs li a i {
      left: auto;
      top: auto;
      margin: 0;
      -webkit-transform: none;
      transform: none;
      font-size: 2.4rem;
    }
  
    .volunteer
      .volunteer__vol-wizard
      .vol-wizard-workspace
      .event-editor
      .tabs-nav-toggle {
      bottom: 6rem;
      padding: 2.4rem 3rem 1.5rem;
      background: rgba(255, 255, 255, 0.8);
    }
  
    .volunteer
      .volunteer__vol-wizard
      .vol-wizard-workspace
      .event-editor
      .tabs-nav-toggle::before {
      top: 0;
      font-size: 1.4rem;
      color: #222;
      font-weight: 700;
    }
  
    html.stratuslive-portal-volunteer {
      overflow: hidden;
    }
  
    .stratuslive-portal-volunteer .volunteer {
      max-height: calc(100vh - 105px);
      overflow-y: auto;
      padding-bottom: 9rem;
    }
  }
  
  /*----- Responsive Overrides -----*/
  
  /* @media (min-width: 767px)
  {
      .full-width .navbar-static-top .mainMenu .navbar-nav > li > a:not(:hover)
      {
          color: #fff;
      }
  } */
  
  @media (max-width: 767px) {
    .wizardNav .navbar-nav.menu-main-menu {
      float: none;
      position: relative;
      margin: 0 auto;
      display: block;
      top: auto;
      -webkit-transform: none;
      transform: none;
    }
  
    .wizardNav .mainMenu .navbar-nav > li > a {
      text-transform: uppercase;
      font-weight: bold;
      color: #555;
    }
  
    .no-touch .wizardNav .mainMenu .navbar-nav > li > a:not(:hover) {
      background: none;
    }
  
    .no-touch .wizardNav .mainMenu .navbar-nav > li > a:hover {
      color: #fff;
      background: #7c81b8;
    }
  
    .navbar-nav:not(.userMenu) {
      -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25);
      -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25);
      box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25);
    }
  
    body.thank-you {
      overflow-x: hidden;
      width: calc(100vw - 15px);
      box-sizing: border-box;
    }
  
    body.thank-you .wizard > .row.aside-container .asideSecond > div {
      padding-top: 60px;
    }
  
    body.thank-you footer {
      width: 100vw;
    }
  
    body.thank-you .wizardNav + .container .asideSecond #impersonate > div {
      margin: 0 0;
    }
  
    body.thank-you .wizardNav + .container .asideSecond {
      width: 100vw;
    }
  
    body.thank-you .asideSecond:before,
    body.thank-you .asideSecond:after {
      font-family: "FontAwesome";
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      display: inline-block;
      font-weight: bold;
      font-size: 2.5rem;
    }
  
    body.thank-you .asideSecond:before {
      content: "\f104";
      left: 2px;
    }
  
    body.thank-you .asideSecond:after {
      content: "\f105";
      right: 2px;
      display: none;
    }
  
    body.thank-you .asideSecond.open-sidebar:before {
      display: none;
    }
  
    body.thank-you .asideSecond.open-sidebar:after {
      display: inline-block;
    }
  }
  
  @media (max-width: 767px) and (min-width: 480px) {
    .full-width .navbar-toggle {
      margin-top: -17px;
      position: absolute;
      right: 0px;
      top: 50%;
    }
  }
  
  @media (max-width: 479px) {
    .navbar-brand {
      padding: 0;
    }
    .navbar-nav.menu-main-menu > li {
      background: #fff;
    }
    .no-touch
      .full-width
      .navbar-static-top
      .mainMenu
      .navbar-nav
      > li
      > a:not(:hover) {
      color: #555;
    }
    .full-width .navbar-static-top .mainMenu .navbar-nav > li.active > a,
    .no-touch
      .full-width
      .navbar-static-top
      .mainMenu
      .navbar-nav
      > li.active
      > a {
      color: #fff;
    }
  
    .full-width.home .navbar-static-top .mainMenu .navbar-nav > li.active > a,
    .no-touch
      .full-width
      .navbar-static-top
      .mainMenu
      .navbar-nav
      > li.active
      > a {
      color: #1f528d;
    }
  
    .carousel h1.xbold.xxxl {
      padding: 0 10px;
    }
    .carousel .btn {
      font-size: 2.5rem;
      padding: 5px 10px 0 10px;
      letter-spacing: 0.025em;
    }
    .carousel .item .container + div .btn:not(:first-child) {
      margin-left: 5px;
    }
    .carousel .item .container + .blackBgTrans p {
      margin-bottom: 0;
    }
  }