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;
  }
}

.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;
}

#sliderContainer > .form-group,
#sliderContainer .form-control {
  font-size: 1.4rem;
}

#sliderContainer .charity-name {
  font-size: 1.2rem;
}

.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;
  }
}