/* Bulma Utilities */

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

  to {
    transform: rotate(359deg);
  }
}

@keyframes spinAround {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(359deg);
  }
}

.notification.is-status-open {
  background-color: #F3F3F3;
}

.notification.is-status-canceled {
  background-color: #f14668;
}

.notification.is-status-pending {
  background-color: #ffdd57;
}

.notification.is-status-expired {
  background-color: #f14668;
}

.notification.is-status-failed {
  background-color: #f14668;
  color: #FFFFFF;
}

.notification.is-status-paid {
  background-color: #48c774;
  color: #FFFFFF;
}

/* Gravity Forms */

.gform_wrapper .gf_progressbar {
  background: transparent;
  box-shadow: none;
}

.gform_wrapper .gf_progressbar:after {
  box-shadow: none;
  height: 15px;
  margin-top: -15px;
}

.gform_wrapper .gf_progressbar_percentage {
  height: 15px;
  background: #2C498F;
}

.gform_wrapper .gf_progressbar_percentage span {
  display: none;
}

.gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox],
.gform_wrapper .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio],
.gform_wrapper .gform_wrapper.gf_browser_chrome .gfield_checkbox li input {
  margin-top: 0;
}

.gform_wrapper .gform_page_footer {
  border: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.gform_wrapper .gform_page_footer input:first-child {
  margin-bottom: 0.625rem;
}

@media screen and (min-width: 769px) {
  .gform_wrapper .gform_page_footer input:first-child {
    margin-bottom: 0;
    margin-right: 15px;
  }
}

input[type=file] {
  font-size: 14px;
}

.gfield_act_total input {
  border: none;
  background: transparent;
}

.gfield_act_total input:focus {
  box-shadow: none;
}

.gform_confirmation_wrapper {
  width: 100%;
}

/* Upcoming Events */

.act-upcoming {
  margin-top: 6.25rem;
}

.act-upcoming-column-image {
  background-color: #F3F3F3;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 11.875rem;
  border-top-left-radius: 0.625rem;
  border-top-right-radius: 0.625rem;
}

.act-upcoming-column-text.has-column-1 {
  padding: 1.25rem;
}

@media screen and (min-width: 1024px) {
  .act-upcoming-column-text.has-column-1 {
    padding: 3.125rem;
  }
}

.act-upcoming-column-text.has-column-2 {
  padding: 1.25rem;
}

@media screen and (min-width: 1024px) {
  .act-upcoming-column-text.has-column-2 {
    padding: 2.5rem;
  }
}

.act-upcoming-column-text.has-column-3 {
  padding: 1.25rem;
}

@media screen and (min-width: 1024px) {
  .act-upcoming-column-text.has-column-3 {
    padding: 1.875rem;
  }
}

.act-upcoming-column-text.has-column-4 {
  padding: 1.25rem;
}

@media screen and (min-width: 1024px) {
  .act-upcoming-column-text.has-column-4 {
    padding: 0.9375rem;
  }
}

.act-upcoming-column-title h3 {
  margin-bottom: 0.625rem;
}

.act-upcoming-column-meta {
  color: #7E7E7E;
  margin-bottom: 0.625rem;
  font-weight: 600;
}

.act-upcoming-column-meta small {
  font-family: "Montserrat", sans-serif;
}

.act-upcoming-column-excerpt {
  margin-bottom: 1.25rem;
  color: #000000;
}

/* Filters Events */

.act-filter {
  margin: 3.125rem 0;
}

.act-filter-filters {
  display: flex;
  align-items: center;
  justify-content: center;
}

.act-filter-filters > div {
  display: flex;
  align-items: center;
  justify-content: center;
}

.act-filter-filters button.is-link {
  padding: 0.625rem;
  color: #000000;
}

.act-filter-filters button.is-link:before {
  display: none;
}

.act-filter-filters button.is-link:hover {
  opacity: 0.5;
}

.act-filter-filters button.is-link:focus {
  color: #000000;
}

.act-filter-filters button.is-link.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.act-filter-filters button.is-link.disabled:focus {
  outline: none;
  box-shadow: none;
}

.act-filter-filters select {
  border: none;
  font-size: 18px;
  padding: 0.625rem;
  font-weight: 500;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.act-filter-filters-date {
  margin: 0 0.625rem;
}

.act-filter-columns {
  position: relative;
}

.act-filter-columns.columns {
  margin-top: 3.125rem;
}

.act-filter-columns.is-loading {
  height: 31.25rem;
  overflow: hidden;
}

.act-filter-columns .loading {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  z-index: 2;
}

.act-filter-columns .loading .button.is-loading {
  background: transparent;
}

.act-filter-columns .loading .button.is-loading:after {
  width: 2em;
  height: 2em;
  border: 2px solid #2C498F;
  border-right-color: transparent;
  border-top-color: transparent;
}

.act-filter-not-found.column {
  height: 25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

#act-filter-column-template {
  display: none;
}

/* Upcoming Events */

.act-annual {
  margin: 3.125rem 0;
}

.shifts {
  margin: 3.125rem 0;
}

.shifts-columns {
  margin: 2.5rem 0;
}

.shifts-columns .card {
  padding: 1.5625rem;
  height: auto;
}

@media screen and (min-width: 769px) {
  .shifts-columns .card {
    height: 100%;
  }
}

.shifts-columns .info {
  margin: 1.25rem 0 0.75rem 0;
}

.shifts-columns .info > * {
  color: #7E7E7E;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
}

.shifts-columns .all-shifts p:not(:last-child) {
  margin-bottom: 0.3125rem;
}

.my-shifts-user .rewards-credits.hero-column {
  height: auto;
  margin-top: 2.5rem;
}

.rewards {
  margin: 3.125rem 0;
}

.reward {
  align-items: center;
  justify-content: space-between;
  padding: 1.25rem;
}

.reward .content {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
}

.reward .content .image img {
  width: 100%;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 5px;
}

@media screen and (min-width: 769px) {
  .reward .content .image img {
    width: 180px;
    height: 150px;
  }
}

.reward .content .text {
  margin-left: 0;
  margin-top: 10px;
}

.reward .content .text h3 {
  margin: 0;
}

.reward .content .text p {
  margin-top: 0.625rem;
}

@media screen and (min-width: 769px) {
  .reward .content .text {
    margin-left: 2.5rem;
    margin-top: 0;
  }
}

.reward .content .actions {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.reward .content .actions a {
  margin-right: 1.25rem;
}

.reward .content .actions p {
  margin-top: 0;
}

.reward .credits {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.reward .credits > * {
  margin: 0;
}

.reward .credits h2 {
  color: #2C498F;
  font-size: 3.75rem;
  font-weight: 400;
}

.reward .credits h5 {
  color: #2C498F;
}

.reward .credits-container {
  display: none;
}

@media screen and (min-width: 769px) {
  .reward .credits-container {
    display: block;
  }
}

.reward .credits-helper {
  display: block;
  margin-top: 5px;
}

@media screen and (min-width: 769px) {
  .reward .credits-helper {
    display: none;
  }
}

.rewards-main.hero-column {
  height: 100%;
}

.rewards-main.hero-column p {
  padding-top: 0;
}

.rewards-credits.hero-column {
  height: 100%;
  background: var(--color-blue);
}

.rewards-credits.hero-column .title {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.rewards-credits.hero-column .title > * {
  color: white;
}

.rewards-credits.hero-column .title h1 {
  font-size: 6.25rem;
  font-weight: 400;
  line-height: 1;
  margin: 0 0.625rem 0 0;
}

.rewards-credits.hero-column .title h6 {
  width: 100%;
  font-size: 1.625rem;
  font-weight: 600;
}

@media screen and (min-width: 1216px) {
  .rewards-credits.hero-column .title h6 {
    width: 50%;
  }
}

@media screen and (min-width: 1216px) {
  .rewards-credits.hero-column .title {
    flex-wrap: unset;
  }
}

.rewards-credits.hero-column .text > * {
  color: white;
}

.rewards-credits.hero-column .button {
  color: white;
}

.rewards-credits.hero-column p {
  padding-top: 0;
}

.user-shifts {
  margin: 3.125rem 0;
}

/* Hero Activities */

.hero-act-details {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  margin: 1.25rem 0;
}

.hero-act-details-column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}

@media screen and (min-width: 769px) {
  .hero-act-details-column {
    width: 45%;
  }
}

.hero-act-item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 1.25rem;
}

.hero-act-item i {
  color: #2C498F;
  padding-top: 0.375rem;
}

.hero-act-item p {
  font-size: 1.125rem;
  margin-left: 0.625rem;
}

.hero-act-buttons {
  display: flex;
  align-items: center;
}

.hero-act-buttons button:nth-child(2) {
  margin-left: 1.25rem;
}

.hero-column .hero-act-item p {
  padding-top: 0;
}

/* Form Modal */

.form-modal-container .gform_wrapper {
  width: 100%;
}

.no-logged {
  text-align: center;
  padding: 3.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.no-logged h2 {
  width: 100%;
}

.no-logged .button {
  margin: 0.3125rem;
}

.change-timeline-height {
  height: 30px;
}