/* Filename: css/front.css */

.teamfotos {
  display: inline-block;
  width: auto;
  /* flex-wrap: wrap; */
  /* gap: 1rem; */
  /* margin-bottom: 2rem; */
}

.base_event_comments {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.teamfotos img {
  width: auto;
  height: 130px;
  /* border-radius: 50%; */
}

/* .teamfotos img.grietje {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 70%;
  transform: translate(-50%, -70%);
} */

.alleTochtenLink {
  margin: 0 !important;
  padding: 0.6rem 1rem;
  font-size: 1.4rem;
  /* background: var(--dark-blue); */
  background: var(--dark-brown);
  color: white;
  text-align: center;
}

.alleTochtenLink:hover,
.alleTochtenLink:hover a {
  background: white;
  color: var(--dark-blue);
}

.recurring_events_list_item {
  /* margin-bottom: 1.4rem; */
  position: relative;
  border-left: 12px solid #dda54f;
  padding: 1rem;
  background: rgba(255, 255, 255, 0.95);
  color: rgba(0, 0, 0, 0.8);
  /* background: white;
  color: var(--dark-gray); */
}

.recurring_events_list_item:hover {
  background: white;
}

.fa-calendar::before {
	color: rgb(21, 77, 129);
}

.recurring_events_list_item .date {
  display: flex;
  align-items: center;
}

.recurring_events_list_item .day_name {
  margin-right: 0.4rem;
  font-size: 0.8rem;
  padding: 0.18rem 0.4rem;
  background: white;
  color: var(--dark-gray);
}
.recurring_events_list_item:nth-child(2n + 1) {
  background: white;
  /* color: white; */
  border-left: 12px solid var(--dark-brown);
}

.recurring_events_list_item:nth-child(2n + 1):hover {
  background: rgba(255, 255, 255, 0.95);
  /* color: white; */
  /* border-left: 12px solid var(--dark-brown); */
}

.recurring_events_list_item:nth-child(2n + 1) .day_name {
  background: rgba(0, 0, 0, 0.05);
}

.recurring_events_list_item .date_time,
.recurring_events_list_item .other {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.recurring_events_list_item i {
  margin-right: 0.4rem;
}

.recurring-event .hentry__featured-image.img-fluid {
  max-height: 30vh;
}

.recurring-event .hentry__date,
.recurring-event .hentry__title {
  display: none;
}

.recurring-event .hentry__header {
  margin-bottom: 0;
}

.recurring-event .entry-content {
  /* background: white; */
  background: rgba(255, 255, 255, 0.98);
  color: black;
  padding-bottom: 1rem;
}

.recurring-event .entry-content > * {
  padding: 0 3rem;
}

.recurring-event .entry-content h1 {
  /* display: inline-block; */
  position: relative;
  background: var(--dark-blue);
  color: white;
  font-size: 2rem;
  padding: 0.6rem 1rem 0.8rem 102px;
  /* margin-left: 40px; */
  margin-bottom: 28px;
}

.recurring-event .entry-content h1::before {
  display: block;
  position: absolute;
  /* left: -40px; */
  left: -12px;
  bottom: -10px;
  content: "";
  height: 100px;
  width: 100px;
  background: url("/images/boots-titel-small.png");
  background-size: contain;
  background-repeat: no-repeat;
}

.recurring-event .entry-content h2 {
  color: var(--dark-brown);
  font-size: 1.6rem;
}

.recurring-event .entry-content h3 {
  color: var(--dark-blue);
}

.recurring-event .recurring-regform {
  padding: 2rem 1rem;
  display: flex;
  gap: 0.6rem;
  /* background: white; */
}

.recurring-event .entry-content .recurring-front-registration-form {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
  /* padding: 2rem; */
}

.entry-content .registration-container {
  padding: 2rem;
}

.registration-summary .name-birth {
  display: flex;
  gap: 2rem;
  margin-bottom: 1rem;
}

.registration-summary h3 {
  margin-bottom: 0;
}

.registration-summary .summary-event {
  margin-bottom: 0;
}

.registration-summary .summary-details {
  padding: 1rem 0;
}

.registration-summary .registration-item {
  display: flex;
  gap: 0.4rem;
  align-items: center;
  /* margin-bottom: 2rem; */
}

.shoerental-container {
  display: flex;
  gap: 1rem;
  width: 100%;
  flex-wrap: wrap;
}

.shoeinput {
  display: flex;
}

.shoeinput input {
  position: relative;
  z-index: 2;
  transform: translateX(-26px);
  width: 95px;
  text-align: center;
}

.recurring-front-registration-form .form-field {
  display: flex;
  flex-direction: column;
}

.recurring-front-registration-form .form-field.shoe-size-fields {
  flex-direction: row;
  margin-top: 6px;
}

#show-summary,
#filldemodata {
  margin-top: auto;
  /* padding: 0.78rem 1rem; */
}

.form-verify-buttons #edit-form {
  background: var(--dark-blue);
  border: none;
}

.recurring-front-registration-form .recurring-events-input {
  line-height: 1.5;
  /* padding: 0.6888888889rem 1.011111111rem; */
  font-weight: 800;
  font-size: 1.2rem;
  color: rgba(0, 0, 0, 0.7);
  transition: all 100ms ease-out;
}

.registration-button-container {
  width: 100%;
}

.shoe-sizes-container {
  display: flex;
  /* flex-direction: column; */
  gap: 1rem;
  flex-wrap: wrap;
}

.shoe-sizes-container input {
  -webkit-appearance: none;
  -moz-appearance: textfield;
}

input.shoesize {
  width: 80px;
}

input[placeholder="Schoenmaat"] {
  /* width: 80px; */
}

.shoesize-fields {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.recurring-events-input {
  padding: 0.25rem 1.011111111rem;
}

.recurring-front-registration-form #event-select, .recurring-events-select {
  padding: 0.4rem 1.011111111rem;
}

.recurring-front-registration-form #new_registration_attendeecount {
  max-width: 180px;
}

.recurring-front-registration-form select.recurring-events-input,
.recurring-front-registration-form select.recurring-events-input * {
  /* line-height: 1.5; */
  /* padding: 0.85rem 1.011111111rem; */
  background: none !important;
}

.base_event_summary {
  /* display: flex;
  flex-wrap: wrap;
  gap: 1rem; */
  margin-bottom: 2rem;
}

.base_event_default_values {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.base_event_default_values .event_value {
  display: flex;
  gap: 0.4rem;
  align-items: center;
}

.base_event_default_values .event_value > span {
  /* font-weight: bold; */
}

.base_event_default_values .event_value i {
  color: var(--light-blue);
}

.btn-primary.blauw {
  background: #2d4b78;
  border-color: #2d4b78;
}

#email.recurring-events-input {
  min-width: 350px;
}

.registration-summary h4 {
  color: var(--dark-blue);
}

.checker {
  display: block;
  position: relative;
  /* overflow: hidden; */
  /* font-size: 20vmin; */
  height: 1em;
  width: 2.5em;
  box-sizing: content-box;
  padding: 0.15em;
  border-radius: 0.25em;
  transition: transform var(--duration) ease;
  cursor: pointer;
}

.checkmark {
  width: 1em;
  height: 1em;
  transition: transform var(--duration) ease;
  transform: translateX(-0.4em);
  z-index: 5;
}
.checkmark svg {
  display: block;
  background: #e5e5e5;
  transform: translateX(0.4em);
  border-radius: 0.15em;
  transition: background-color var(--duration) ease, transform calc(var(--duration) * 1.5) ease;
}
.checkmark svg path {
  stroke-dasharray: 90 90;
  stroke-dashoffset: 90;
  transition: stroke-dashoffset calc(var(--duration) / 3) linear calc(var(--duration) / 3);
}

.checkbox {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.4;
  visibility: hidden;
}
.checkbox:checked ~ .checkmark {
  transform: translate(1.9em);
}
.checkbox:checked ~ .checkmark svg {
  background: #77c44c;
  transform: translate(-0.4em);
}
.checkbox:checked ~ .checkmark svg path {
  stroke-dashoffset: 0;
}

.check-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: white;
  z-index: 2;
}
.check-bg:before, .check-bg:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: inherit;
}
.check-bg:after {
  background: white;
}
.check-bg:before {
  transition: transform var(--duration) ease;
  transform: translateY(30%);
  transform-origin: bottom center;
  background: black;
  filter: blur(0.25em);
  opacity: 0.2;
  z-index: -1;
}

.checker.checker:active {
  transform: scale(0.85);
  transition-duration: calc(var(--duration) / 2);
}
.checker.checker:active .check-bg::before {
  transform: translateY(0) scale(0.8);
  opacity: 0.2;
}

.base_event_default_values .event_value.recurring_events_shoe_rental_total_price {
  display: none;
}

.priceContainer .priceLabel {
  color: #9B6700;
}

.day_name {
  padding-left: 1.2rem;
  transform: translateX(-.4rem);
}

.recurring_events_list_item a {
  display: flex;
  align-items: center;
}

.recurring_events_list_item a, .recurring_events_list_item a:hover {
  color: initial;
}

.recurring_events_list_item .fa-users {
  color: var(--dark-brown);
}

.recurring_events_list_item .fa-chevron-right {
  display: flex;
  align-items: center;
  margin-left: auto;
  margin-right: 0;
  position: absolute;
  height: 100%;
  right: 0;
  padding: .4rem;
  background: var(--dark-blue);
  color: white;
}

.recurring_events_list_item:hover .fa-chevron-right {
  background: #dda54f;
}