.event-list {
  padding-top: 1rem;
}
.event-list .item-wrapper {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1rem;
  margin-bottom: 2rem;
  align-items: center;
  border: 1px solid #ddd;
  padding: 0.5rem;
  box-shadow: 0 0 10px #ddd;
}
.event-list .item-wrapper:hover {
  box-shadow: 0 0 10px #ff8200;
}
.event-list .item-wrapper .cat-trigger {
  cursor: pointer;
}
.event-list .item-wrapper h5 {
  margin-bottom: 0;
  margin-top: 0;
}
.event-list .item-wrapper .cat-desc {
  font-size: 80%;
  max-width: 90%;
}
.event-list .item-wrapper .cat-items {
  margin-top: 1rem;
  width: 100%;
}

.wp-block-nf-reservedarea .login-register {
  display: flex;
}
@media screen and (max-width: 600px) {
  .wp-block-nf-reservedarea .login-register {
    flex-direction: column;
  }
}
.wp-block-nf-reservedarea .login-register > div {
  width: 100%;
}

.user-booking {
  margin-top: 2rem;
  padding: 0.5rem;
  border: 1px solid #ddd;
}
.user-booking .booking-event {
  font-family: "Oswald", sans-serif;
}
.user-booking .booking-event .pending {
  background-color: #ff9300;
  padding: 0.2rem 1rem;
  display: inline-block;
  color: #fff;
  margin-bottom: 1rem;
  margin-top: 0.5rem;
}
.user-booking .booking-event .confirmed {
  background-color: #10750d;
  padding: 0.2rem 1rem;
  display: inline-block;
  color: #fff;
  margin-bottom: 1rem;
  margin-top: 0.5rem;
}
.user-booking .booking-event .booking-details {
  font-family: "Roboto", sans-serif;
  color: #999;
  font-size: 80%;
}
.user-booking .booking-event .booking-details .booking-detail strong {
  display: inline-block;
  margin-right: 1rem;
  width: 30%;
}

#notification-settings {
  margin-bottom: 3rem;
}
#notification-settings #nf-onesignal-tags-settings {
  margin-top: 2rem;
}
#notification-settings #nf-onesignal-tags-settings h6 {
  margin-top: 0;
  margin-bottom: 1rem;
}
#notification-settings .tags-setting-wrapper {
  margin-bottom: 1rem;
}
#notification-settings .tags-setting-wrapper label {
  font-family: "Oswald", sans-serif;
  display: block;
}
#notification-settings .tags-setting-wrapper small {
  font-style: italic;
  font-size: 70%;
}
#notification-settings #nf-onesignal-wait .loader {
  position: relative;
  margin: 0px auto;
  width: 100px;
}
#notification-settings #nf-onesignal-wait .loader:before {
  content: "";
  display: block;
  padding-top: 100%;
}
#notification-settings #nf-onesignal-wait .loader .circular {
  -webkit-animation: rotate 2s linear infinite;
  animation: rotate 2s linear infinite;
  height: 100%;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
#notification-settings #nf-onesignal-wait .loader .circular .path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round;
}
@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}
@-webkit-keyframes color {
  100%, 0% {
    stroke: #d62d20;
  }
  40% {
    stroke: #0057e7;
  }
  66% {
    stroke: #008744;
  }
  80%, 90% {
    stroke: #ffa700;
  }
}
@keyframes color {
  100%, 0% {
    stroke: #d62d20;
  }
  40% {
    stroke: #0057e7;
  }
  66% {
    stroke: #008744;
  }
  80%, 90% {
    stroke: #ffa700;
  }
}

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