/*
Theme Name:  Shaka Child Theme
Theme URI:   https://www.proteusthemes.com/
Description: Child theme for the Shaka
Author:      ProteusThemes
Template:    shaka-pt
Version:     v1.0.0
*/

/* add custom CSS code bellow */

:root {
  --whiteish: #f0f0f0;
  --light-brown: #dda54f;
  --dark-brown: #96670b;
  --dark-gray: #3b3331;
  --med-gray: #5c5c5c;
  --dark-blue: #2d4b78;
  --light-blue: #3a6e99;
  --baseFont: 1.2rem;
  --type-body: Open Sans, Helvetica, Arial, sans-serif;
  --type-quote: Vollkorn;
  --quote-image-width: 140px;
  --border-rad: 7px;
  /* --accent-color: hsl(322deg 85% 65%); */
  --accent-color: #71a6cd;
  /* --quote-bg: hsl(0 0% 97%); */
}

body {
  font-size: var(--baseFont);
}

.contactBottom > div {
  margin-bottom: 0.8rem;
}

.contactBottom *, #menu-snelle-toegang {
  font-size: 1.2rem;
}

.contactBottom .marker {
  width: 36px;
  margin-right: .4rem;
}

.contactBottom .location {
  display: flex;
  /* gap: 0.6rem; */
  align-items: center;
}

input,
textarea {
  font-family: "Roboto Condensed", Helvetica, Arial, sans-serif !important;
  font-size: 1rem;
}

ul,
li {
  list-style: none;
}

h3 {
  font-size: 1.4rem;
}

ul {
  padding: 0;
}

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

cite {
  display: block;
  margin-top: 30px;
  text-indent: 0;
  text-align: center;
  font: bold 0.9rem var(--type-body);
  text-transform: uppercase;
  color: hsl(0 0% 20%);
}

.form {
  display: flex;
  flex-wrap: wrap;
  gap: 1.2rem;
}

article .btn {
  border: none;
}

.form .form-grouph {
  flex-basis: 45%;
  display: flex;
  flex-direction: column;
}

.form input,
.form textarea {
  padding: 0.8888888889rem 1.1111111111rem;
  margin-bottom: 0.3rem;
  font-family: "Dosis", Helvetica, Arial, sans-serif;
  /* font-weight: 800; */
  font-size: 0.8333333333rem;
  width: 100%;
  transition: all 100ms ease-out;
  display: block;
  /* width: 100%; */
  padding: 0.475rem 0.85rem;
  font-size: 1.2rem;
  line-height: 1.5;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 3px solid #ccc;
}

.form input[type="submit"] {
  background: var(--light-blue);
  font-size: 1.4rem;
  padding: 0.4rem 0.8rem;
  border: none;
  color: white;
}

.wadloopspecial .hentry__header {
  margin-bottom: 0;
}

h3.widget-title {
  font-size: 1.4rem;
}

.masonry .hentry__date {
  font-size: 1.1rem;
}

.main-navigation .menu-item {
  font-size: 1.4rem;
}

.main-navigation a {
  text-transform: none;
}

.hentry__author,
.masonry .hentry__author {
  display: none;
}

.btn.btn-primary.js-funky-box.btn-funky {
  z-index: 99;
}

.alleTochtenLink a {
  color: white;
}

.faqHomeTitle .btn.btn-primary.js-funky-box.btn-funky {
  font-size: 1.2rem;
}

.faqHome .glide__arrows {
  display: flex;
  justify-content: center;
  gap: 1.2rem;
  margin: 1.4rem;
}

.faqHome .glide__arrows i {
  margin: 0 1rem;
}

.faqHome .glide__arrows span:hover {
  cursor: pointer;
}

.faqHome .glide__slides {
  /* background: white; */
  background: rgb(255, 255, 255);
  background: linear-gradient(159deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.9471989479385504) 29%, rgba(255, 255, 255, 1) 42%, rgba(255, 255, 255, 0.9023810207676821) 56%, rgba(255, 255, 255, 1) 66%, rgba(255, 255, 255, 0.8827731776304272) 74%, rgba(255, 255, 255, 1) 100%);

  margin-bottom: 0;
}

.faqHome .glide__slides li {
  padding: 1rem 1.8rem;
}

.faqHome .glide__track {
  border-left: 1rem solid var(--light-blue);
}

.faqHome h3 {
  font-size: 1.6rem;
  color: var(--dark-blue);
}

.faqHome p {
  color: var(--dark-gray);
  margin-bottom: 0;
  font-size: 1.4rem;
}

.glider {
  overflow-x: hidden;
}

.faqCarousel p {
  /* font-size: 1.6rem; */
}

.faqCarousel h3 {
  font-size: 2rem;
}

.gliderButtonRow {
  position: relative;
  display: flex;
}

.gliderButtonRow .glider-prev,
.gliderButtonRow .glider-next {
  /* position: relative !important; */
  /* top: 0 !important; */
  position: relative;
  left: 0;
  right: 0;
  outline: none;
}

.gliderButtonRow .glider-next {
  margin-left: auto;
}

.panel-grid-cell .widget {
  position: relative;
}

.shoeRentalSummary {
  display: flex;
}

.shoeRentalPriceSummary {
  text-align: right;
  margin-left: auto;
}

.em-item-meta-column {
  color: white;
}

.em.em-item.em-item-single .em-item-image img {
  padding: 0;
  border: none;
}

.alleTochtenLink {
  margin: 1rem;
}

.alleTochtenLink .widget-title {
  display: none;
}

.wadloopspecial .entry-content .content {
  padding: 0.2rem 0.6rem 0.2rem 0.6rem;
  text-align: center;
}

.wadloopspecial .hentry {
  background: white;
  color: var(--dark-gray);
  position: relative;
}

.wadloopspecial .entry-content .prijs {
  font-weight: bold;
}

.wadloopspecial .entry-content .mainTitle {
  background: var(--dark-brown);
  color: white;
  padding-bottom: 1rem;
}

.wadloopspecial .entry-content .resSpecial {
  position: absolute;
  bottom: -2rem;
  left: 10%;
  right: 10%;
  width: 80%;
  /* margin: auto; */
}

.wadloopspecial .opsommingContainer {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  justify-content: center;
  padding: 0.6rem;
  padding-bottom: 0;
}

.wadloopspecial .opsommingContainer .opsomming {
  display: flex;
  flex-direction: column;
  font-size: 1.4rem;
  margin: auto;
}

.wadloopspecial .opsommingContainer .prijsPp {
  /* display: block; */
  margin: auto;
  border-top: 1px solid #ccc;
  padding: 0.4rem 0.6rem 0.2rem 0.6rem;
  /* text-align: center; */
}

.wadloopspecial .opsommingContainer .opsomming i {
  width: 1.4rem;
}

.wadloopspecial .opsommingContainer .opsomming .date,
.wadloopspecial .opsommingContainer .opsomming .time {
  display: flex;
  align-items: center;
  /* flex-direction: column; */
  gap: 0.4rem;
}

.wadloopspecial .content {
  padding: 0 0.6rem;
}

.contactinfo-left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.contactinfo-left .widget-title {
  font-size: 1.8rem;
}

#pgc-23-0-1 {
  background-color: white;
}

.contactformulier form .bericht i {
  margin-right: 0.5rem;
}

.contactformulier form .onduitleg,
.contactformulier form .beruitleg {
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.6);
}

.contactformulier form .wpcf7-response-output {
  color: var(--dark-gray);
}

.contactformulier form {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  padding: 0 1rem 1rem 1rem;
  /* gap: 2rem; */
}

.contactformulier form .optioneel {
  font-size: 0.8rem;
  color: rgba(0, 0, 0, 0.6);
  vertical-align: super;
  margin-left: 0.2rem;
}

textarea:focus,
input:focus {
  outline: none;
}

.contactformulier form .wpcf7-submit {
  background-color: var(--dark-blue);
  padding: 0.4rem 0.6rem;
  margin: 1rem;
  font-size: 1.2rem !important;
}

#pgc-23-0-1 h4 {
  background-color: var(--dark-brown);
  color: white;
  padding: 0.8rem 1rem;
  text-align: center;
  font-size: 1.8rem;
}

.contactformulier form > div {
  /* flex-basis: calc(50% - 2rem); */
  flex-basis: 50%;
  padding: 0.5rem 1rem;
}

.contactformulier form .onderwerp,
.contactformulier form .bericht {
  /* flex-basis: calc(100% - 2rem); */
  flex-basis: 100%;
}

.contactformulier form * {
  margin: 0;
}

.contactformulier form label {
  display: block;
  color: var(--dark-gray);
  font-size: 1.4rem;
}

.frontMainCols .hentry__featured-image {
  display: none;
}

.wadloopspecial {
  /* padding: 0 1rem; */
}

.wadloopspecial .hentry .meta {
  display: none;
}

.wadloopspecial .funkyheader .js-funkyItem-text-holder {
  padding: 0.4rem 1rem !important;
}

.wadloopspecial hr {
  background-color: rgba(255, 255, 255, 0.6);
  margin: 0.4rem 0;
}

.wadloopspecial .hentry__title,
.wadloopspecial .hentry__date {
  display: none;
}

.wadloopspecial ul {
  padding: 0;
}

.wadloopspecial li {
  /* display: flex; */
  /* gap: 0.4rem; */
}

.wadloopspecial .flex i {
  width: 2rem;
}

.wadloopspecial h2 {
  margin: 0;
  /* margin-top: 0.5rem; */
}

.wadloopspecial .mainTitle {
  /* display: flex; */
  /* align-items: center; */
  padding: 0.4rem 1rem;
  font-size: 1.6rem;
  /* text-align: center; */
  /* margin: auto; */
}

.wadloopspecial .funkyheader {
  font-size: 1.4rem;
  margin-bottom: 1rem;
  background-color: var(--dark-blue);
}

.wadloopspecial .dateTime {
  font-size: 1.4rem;
  display: flex;
  gap: 0.6rem;
  align-items: center;
  margin: auto;
  justify-content: center;
}

.wadloopspecial .dateTime i {
  /* margin-right: 0.4rem; */
}

.em-booking-submit {
  background: var(--dark-blue) !important;
  color: white !important;
}

.clockev {
  margin: 0 4px;
}

.em.em-calendar .em-cal-body.event-style-pill .em-cal-event > div {
  border: none;
}

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

.startDateTime {
  color: var(--med-gray);
}

span.dayName {
  font-size: 0.8rem !important;
}

.em.em-events-widget .em-item .em-item-image-placeholder div.date {
  padding: 0;
}

.tochtcatimg .image {
  height: 14rem !important;
  width: 100%;
  object-fit: cover;
}

.input-field-bedrijfsnaam_of_instelling {
  /* display: flex;
    flex-direction: column; */
}

#em-booking-submit {
  padding: 0.4rem 1rem;
}

.em-item-meta-line > span {
  margin-right: 6px !important;
}

.em .em-event-add-to-calendar-content a {
  background: none !important;
  padding: 0 !important;
}

.em button.input.em-event-add-to-calendar .em-icon-calendar {
  background: none !important;
}

.em-item-meta-column .addtocalendarreserve button.em-event-add-to-calendar {
  padding: 0.4rem 1rem !important;
}

.em button.input.em-event-add-to-calendar .em-icon-calendar {
  margin-right: 4px !important;
}

.em-event-add-to-calendar-content a::before {
  display: inline-block;
  content: "";
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0 1rem 0 0.4rem;
}

.em-a2c-google::before {
  background: url("/images/googlecalendar.svg");
}

.em-a2c-apple::before {
  background: url("/images/icalendar.png");
}

.em-a2c-office::before {
  background: url("/images/outlook365.png");
}

.em-a2c-outlook::before {
  background: url("/images/outlooklive.svg");
}

.em-a2c-download::before {
  background: url("/images/downloadicon.png");
}

.event.type-event .hentry__date {
  display: none;
}

.em-item-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}

.em-item-meta-column {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  width: 100%;
}

button .em-icon.em-icon-calendar::before {
  content: "\f271";
  font-family: "Font Awesome 6 Free";
  /* fill: var(--dark-blue); werkt niet  */
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.4rem;
}

button .fa-book {
  margin-right: 0.4rem;
}

.em-item-meta-column .em-event-when,
.em-item-meta-column .addtocalendarreserve,
.em-item-meta-column .em-event-bookings-meta {
  position: relative;
  flex: auto;
}

.em-item-meta-column .addtocalendarreserve {
  display: flex;
  flex-direction: column;
  /* overflow: hidden; */
  border-radius: 0.2rem;
}

.em-item-meta-column .addtocalendarreserve > a {
  font-size: 1.4rem;
}

.em-item-meta-column .addtocalendarreserve button {
  width: 100%;
  border: none;
  color: white;
  background: var(--dark-blue);
  padding: 0.4rem 0.6rem;
}

.em-item-meta-column .addtocalendarreserve button.em-event-add-to-calendar {
  background: white;
  color: var(--dark-blue);
}

.em-event-content {
  /* border: 1px solid #CCC; */
  padding: 1.4rem 2rem;
  margin-bottom: 2rem;
}

.em-event-add-to-calendar {
  /* margin: 2rem 0; */
}

.em-item-meta-column .em-event-meta-datetime {
  text-transform: capitalize;
}

.em-add-to-calendar-tooltip {
  width: 100%;
  transform: translate(0px, 100px) !important;
  border: 4px solid white;
}

.em-event-add-to-calendar-content {
  display: none;
}

.em-event-add-to-calendar-content a {
  color: var(--dark-gray);
  font-size: 1rem;
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
  margin-bottom: 0.4rem;
}

.tippy-box {
  border-radius: 0;
  border: none !important;
}

.em-item-meta-column .em-item-taxonomies {
  display: none;
}

.tippy-content .em-event-add-to-calendar-content {
  display: flex;
  flex-direction: column;
  color: var(--dark-gray);
}

.em-event-bookings h2 {
  font-size: 1.4rem;
}

.pricePlaces {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  /* gap: 3rem; */
  column-gap: 1.4rem; /* Toepassen van een horizontale gap */
}

.pricePlaces > * {
  /* margin: 0; */
  padding: 0;
}

.pricePlaces .price-info {
  display: flex; /* Maak de .price-info een flex container */
  column-gap: 1.4rem;
  order: 1;
}

.em-tickets-single .ticket-price {
  /* order: 2;     */
}

.shoe_rental {
  padding: 0.3rem 0.6rem;
}

.em-ticket-bookings {
  border: 1px solid #ccc;
  padding: 2.2rem 2.2rem 1.4rem 2.2rem;
  margin-bottom: 2rem;
  border-radius: 0.6rem;
  box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.2);
}

.em-ticket-bookings .em-ticket-booking:first-child > strong {
  display: none;
}

.em-booking-form-details .input-name {
  visibility: hidden;
  height: 0 !important;
}

.em-booking-form-details input,
.em-booking-form-details textarea {
  width: 20rem;
}

.em-booking-form-details input[type="checkbox"] {
  width: initial;
}

.em-event-bookings {
  background-color: white;
}

.em-event-booking-form {
  color: var(--dark-gray) !important;
  padding: 2rem;
}

.em-event-booking-form input {
  max-width: 100%;
}

.em-event-booking-form .em-tickets-spaces,
.em-event-booking-form .ticket-price,
.em-event-booking-form #shoe-rental-total {
  /* flex: 400px; */
}

.em-event-booking-form #attendee_name {
  width: 20rem;
}

.em-event-booking-form label {
  width: 8rem;
  margin-right: 0.6rem;
}

.em-event-booking-form label[for="shoe_rental"],
label.em-login-rememberme,
.em-tickets-spaces label,
.ticket-price label {
  width: initial;
}

.em-event-bookings h2 {
  background-color: var(--dark-brown);
  color: white !important;
  padding: 0.6rem;
  text-align: center;
}

.team-image-container {
  position: relative;
  overflow: hidden;
}

.team-image-container .background-image {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

.team-image-container .hover-trigger {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 33.33%;
}

.team-image-container .trigger-1 {
  left: 0;
}

.team-image-container .trigger-2 {
  left: 33.33%;
}

.team-image-container .trigger-3 {
  right: 0;
}

.team-image-container .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  transition: opacity 0.3s;
}

.team-image-container .trigger-1:hover ~ .overlay {
  left: 33.33%;
}

.team-image-container .trigger-2:hover ~ .overlay {
  left: 0;
  right: 33.33%;
}

.team-image-container .trigger-3:hover ~ .overlay {
  right: 0;
}

.team-image-container .trigger-1:hover ~ .overlay,
.team-image-container .trigger-2:hover ~ .overlay,
.team-image-container .trigger-3:hover ~ .overlay {
  opacity: 1;
}

.n2-ss-slider .n2-ss-slider-controls-below {
  display: none;
}

.bztocht .widget-title__inline,
.atocht .widget-title__inline {
  display: none !important;
}

.em.em-list-widget .em-item {
  margin-bottom: 0.6rem !important;
}

.tochtoverzichtrij .em.em-list-widget .em-item .em-item-image {
  max-width: 80px !important;
}

.tochtoverzichtrij .em.em-list-widget .em-item .em-item-image .em-item-image-placeholder {
  background: none !important;
  /* width: auto!important; */
}

.calevent {
  /* display: flex!important;
    overflow: visible!important;
    height: 16rem!important;
    flex-wrap: wrap;
    flex-direction: column; */
}

.dijkstra {
  background: white;
  padding: 1rem 1.3rem;
  color: var(--dark-gray);
  /* border-radius: .4rem; */
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.8);
  border-left: 0.6rem solid var(--light-brown);
  font-size: 1.2rem;
  line-height: 1.8rem;
}

.dijkstra img {
  margin: initial;
  margin-left: 0.8rem;
}

.shoe_rental_container {
  border: 1px solid #ccc;
}

.event.type-event p,
.event.type-event div,
.em.em-item .em-item-meta .em-item-meta-line a,
.em.em-list .em-item .em-item-meta .em-item-meta-line a,
.em.em-list-widget .em-item .em-item-meta .em-item-meta-line a {
  /* color: white!important; */
}

a[href*="/category/voorpagina/"] {
  display: none !important;
}

.em-list-no-items {
  color: var(--dark-gray);
  margin-left: 0.8rem;
}

.eventsFront .em-list-widget ul {
  padding: 0;
  margin: 0;
}

.frontList {
  /* border: 1px solid #CCC; */
  overflow: hidden;
  margin-bottom: 0.4rem;
}

.eventsFront .prijsTitel {
  margin: 0 0.4rem;
  color: var(--dark-gray);
}

.eventsFront .all-events-link {
  margin-top: 0.6rem;
}

.eventsFront i {
  margin-right: 0.4rem;
  color: var(--dark-gray);
}

.eventsFront .all-events-link {
  margin-left: 0.8rem;
}

.frontList .aanvang {
  color: var(--dark-gray);
}

.frontList .iconLink {
  display: flex;
  width: 100%;
}

.frontList .dayMonth {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  width: 4.2rem;
  padding: 0.2rem;
  text-align: center;
  /* border: 1px solid #CCC; */
  box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.6);
}

.calDayNr {
  font-size: 1.4rem;
  /* margin: auto; */
}

.frontList .dayMonth .calDayNr {
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 1.4rem;
}

.frontList .dayMonth .calMonth {
  font-weight: bold;
  font-size: 1.4rem;
}

.frontList .startTime {
  display: flex;
  align-items: center;
  padding: 0.2rem 0.8rem;
  /* border-left: 1px solid #CCC; */
}

.frontList .startTime .time {
  margin-left: 0.4rem;
  color: var(--light-blue);
}

.frontList .startTime .prijs {
  color: var(--dark-gray);
}

.frontList .titleTime {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.frontList .em-item.em-event {
  border: 1px solid #ccc;
  display: inline-block;
  border-radius: 8px;
  overflow: hidden;
  text-align: center;
}

.frontList .em-item-name {
  background-color: #3b5c8c;
  color: white;
  display: block;
  padding: 0.2rem 0.8rem;
  font-weight: bold;
}

.em-events-list h3.em-item-title {
  font-size: 1.2rem !important;
  font-weight: 500 !important;
  font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
}

.em-events-list .em-item-desc {
  display: none;
}

.em.em-search .em-search-main.em-search-main-bar > .em-search-geo {
  display: none !important;
}

.em.pixelbones .button.button-primary.input,
.em.pixelbones .input .button.button-primary,
.em.pixelbones .input button.button-primary,
.em.pixelbones .input input[type="button"].button-primary,
.em.pixelbones .input input[type="reset"].button-primary,
.em.pixelbones .input input[type="submit"].button-primary,
.em.pixelbones button.button-primary.input,
.em.pixelbones input[type="button"].button-primary.input,
.em.pixelbones input[type="reset"].button-primary.input,
.em.pixelbones input[type="submit"].button-primary.input,
.em.pixelbones.input .button.button-primary,
.em.pixelbones.input button.button-primary,
.em.pixelbones.input input[type="button"].button-primary,
.em.pixelbones.input input[type="reset"].button-primary,
.em.pixelbones.input input[type="submit"].button-primary {
  background-color: var(--dark-blue) !important;
  border: none !important;
}

.em-events-list.em.pixelbones h2 {
  text-align: center;
  /* font-family: 'Roboto'; */
  color: white;
  background: rgb(93, 63, 4);
  background: linear-gradient(114deg, rgba(93, 63, 4, 1) 0%, rgba(150, 103, 11, 1) 100%);
  padding: 0.6rem;
  display: inline;
  margin-bottom: 0 !important;
}

.em.em-list div.em-item {
  /* padding-top: 0!important; */
}

.em-events-list .em-item {
  /* border-top: none!important; */
  background-color: white !important;
  padding-bottom: 30px !important;
}

.em.em-event-booking-form {
  background: white !important;
  color: var(--dark-gray) !important;
  padding: 0.4rem 2rem;
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
}

.em.em-event-booking-form .em-booking-section-title {
  display: none;
}

.em.em-event-booking-form p,
.em.em-event-booking-form div {
  color: var(--dark-gray) !important;
}

.em-tickets-single .em-ticket-2 {
  display: flex;
  gap: 2rem;
}

.em.em-event-booking-form h3.em-booking-section-title {
  background: none !important;
  border: none !important;
}

.em.em-event-booking-form .em-booking-section {
  margin: 0;
}

.input-field-data_privacy_consent {
  font-size: 0.8rem;
}

.em.pixelbones h2 {
  margin-bottom: 0 !important;
  background-color: var(--dark-brown);
  color: white;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  padding: 0.6rem 1rem;
  font-weight: 600 !important;
  text-transform: uppercase;
  font-size: 1.6rem !important;
  text-align: center;
  /* font-family: 'Roboto'; */
}

.size-large .em-login-trigger {
  display: none !important;
}

.page-id-2132 #em-wrapper {
  /* background-color: white; */
}

.hentry .meta__item a {
  color: var(--med-gray);
}

.masonry .hentry__content p {
  color: var(--dark-gray);
}

.event.type-event .em-icon {
  filter: invert(100%) sepia(0%) saturate(100%) hue-rotate(163deg) brightness(0) contrast(100%);
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(163deg) brightness(105%) contrast(102%);
}

.em.em-item.em-item-single .em-item-meta .button,
.em.em-item.em-item-single .em-item-meta button {
  background-color: var(--dark-blue) !important;
  color: white !important;
}

.aboutIntro {
  padding: 1rem 2rem;
}

.aboutIntro .hentry .meta {
  display: none;
}

.aboutIntro h3.widget-title {
  display: none;
}

.aboutIntro .hentry__date {
  display: none;
}

.testimonial blockquote {
  font-size: 1.3rem;
}

.footer-top {
  padding: 1rem;
}

.sidebar {
  /* background-color: white; */
  /* border-top-right-radius: .4rem; */
  /* border-bottom-right-radius: .4rem; */
  /* border-radius: .4rem; */
  overflow: hidden;
}

.sidebar .widget {
  background: white;
}

.sidebar *,
.sidebar a {
  /* color: white; */
}

.sidebar a {
  font-weight: normal;
}

.sidebar .widget {
  margin-bottom: 1.2rem;
}

.sidebar ul {
  padding: 0 0.6rem;
}

.sidebar a {
  /* color: #444444; */
  font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
}

.widget_recent_entries a {
  color: var(--dark-gray);
}

.widget_recent_entries a::after {
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  background: #ccc;
  margin-top: 0.4rem;
}

.em-info-h > a {
  color: var(--dark-blue);
}

.sidebar .widget ul {
  padding: 0.8rem;
}

.sidebar .cat-item a {
  font-size: 1rem;
}

h4.sidebar__headings {
  /* margin-bottom: 1rem; */
  margin-bottom: 0;
  background-color: var(--dark-blue);
  color: white;
  padding: 0.6rem 0.8rem;
}

h4.sidebar__headings::after {
  display: none;
}

.widgetEmList hr {
  margin: 0.4rem 0;
}

.startDate {
  margin-right: 0.6rem;
}

a:hover {
  text-decoration: none;
}

.widget_archive a,
.widget_pages a,
.widget_categories a,
.widget_meta a,
.widget_recent_comments a,
.widget_recent_entries a,
.widget_rss a {
  text-transform: none;
}

.widget_recent_entries a {
  font-size: 1rem;
  line-height: 1.3;
}

.sidebar .widget_recent_entries li {
  margin-bottom: 0.6rem;
}

.sidebar .widget_recent_entries li:last-child {
  margin-bottom: 0;
}

.wp-block-latest-posts li a {
  /* color: white; */
}

.wp-block-latest-posts li:hover a {
  color: var(--light-blue);
}

.hentry__title {
  font-size: 1.4rem;
}

header .wp-post-image {
  /* max-height: 30vh; */
  object-fit: cover;
}

.calDMY {
  position: relative;
  /* width: 4.8rem; */
  /* height: 100%; */
  /* min-height: 4.2rem; */
  border-left: 1px solid #ccc;
  border-radius: 0.3rem;
  overflow: hidden;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}

.calHead {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 1.2rem;
  padding: 0 0.4rem;
  background: rgb(45, 75, 120);
  background: linear-gradient(118deg, rgba(45, 75, 120, 1) 0%, rgba(62, 95, 144, 1) 100%);
}

.calHead .calDayName {
  color: white;
  margin: auto;
  font-size: 0.8rem;
  line-height: 1rem;
}

.calBody {
  display: flex;
  /* flex-direction: column; */
  justify-content: center;
  text-align: center;
  align-items: stretch;
  /* height: 70%; */
}

.dayMonth {
  /* margin: 0.3rem 0; */
  border-bottom: 1px solid #dfdfdf;
}

.calMonth {
  line-height: 0.6rem;
  margin-bottom: 0.4rem;
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.8rem;
  margin: auto;
  /* font-weight: bold; */
}

.eventsFront .em-icon {
  margin-right: 4px !important;
}

.em.pixelbones hr {
  margin-top: 0.6rem !important;
  margin-bottom: 0.6rem !important;
}

.em.pixelbones a {
  color: rgba(0, 0, 0, 0.8) !important;
}

.em.pixelbones {
  font-family: "Roboto Condensed", Helvetica, Arial, sans-serif !important;
}

.em.pixelbones ul {
  list-style: none !important;
}

.em-item-name {
  font-weight: bold;
}

.eventsFront {
  background-color: white;
  padding: 0.8rem 0.8rem 0.8rem 0;
}

.eventsFront .em-item-image {
  max-width: 100px !important;
}

.eventsFront .widget-title {
  display: none;
}

.eventsFront hr {
  margin-top: 0.4rem !important;
  margin-bottom: 0.4rem !important;
}

.em.em-event .em-item-image .em-item-image-placeholder div.date,
.em.em-events-list .em-item-image .em-item-image-placeholder div.date,
.em.em-events-widget .em-item-image .em-item-image-placeholder div.date {
  min-width: initial;
}

.em.pixelbones blockquote,
.em.pixelbones dl,
.em.pixelbones figure,
.em.pixelbones ol,
.em.pixelbones p,
.em.pixelbones pre,
.em.pixelbones table,
.em.pixelbones ul {
  margin-bottom: 0 !important;
}

h2 {
  font-size: 1.4rem;
}

h3 {
  font-size: 1.2rem;
}

.sidebar__headings {
  font-size: 1.2rem;
}

.flexCol {
  display: flex;
  flex-direction: column !important;
}

.flexRow {
  display: flex;
  flex-direction: row !important;
  align-items: center;
}

.mauto {
  margin: auto;
}

.btn {
  /* padding: .5rem .7rem!important; Important TEST */
  padding: 0.5rem 0.7rem;
  font-size: 1rem;
  /* border-radius: 0.2rem; */
}

/* Demo pagina menu item  */
#menu-item-269 {
  display: none;
}

.masonry .hentry__content {
  font-size: var(--baseFont);
}

.masonry .hentry__content section {
  line-height: 1.8rem;
}

.masonry .hentry__header + .hentry__content {
  padding: 1rem 1.2rem;
}

.masonry .hentry__featured-image img {
  max-height: 24rem;
  object-fit: cover;
}

.call-to-action__subtitle {
  /* font-size: 1rem; */
}

.pt-slick-carousel__slides,
.pt-slick-carousel__slides .carousel-item {
  height: 30vh;
}

.funkyHead {
  margin-bottom: -0.8rem;
  position: relative;
  z-index: 1;
}

.funkyHead a.btn {
  font-size: 1.2rem;
}

.funkyHead .btn {
  padding: 0.2rem 1rem;
}

.aboutIntro {
  background: rgb(23, 25, 25);
  background: linear-gradient(114deg, rgba(23, 25, 25, 1) 39%, rgba(34, 39, 42, 0.571848807882528) 85%, rgba(34, 39, 42, 0) 100%);
  border-left: 0.8rem solid var(--light-blue);
  overflow: hidden;
  margin-left: -0.1rem;
}

#pgc-1385-0-0 {
  /* overflow: hidden; */
  border-radius: 2rem;
}

.widget-testimonials {
  /* background-color: white; */
}

.testimonials .testimonial__container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  justify-items: center;
  /* max-width: 44rem; */
  max-width: 90%;
  margin: 0 auto;
}

.testimonials p {
  /* max-width: 50rem; */
  /* text-align: center; */
}

.testimonial__quote {
  /* max-width: 50rem; */
}

table,
td,
th {
  border: none;
}

.sidebar__headings::after {
  background: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.836), rgba(255, 255, 255, 0.829) 2px, transparent 0, transparent 6px);
}

.post-1519 {
  background: white;
  color: var(--dark-gray);
}

.post-1519 .hentry__content.entry-content > * {
  padding: 0 1.2rem;
}

.post-1519 .hentry__content.entry-content h1 {
  color: white;
  background: var(--dark-brown);
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  margin: 0;
}

.post-1519 .hentry__content.entry-content .eventDetails {
  padding: 0.8rem 1.2rem;
}

.eventDetails {
  font-size: 1.2rem;
  border-bottom: 1px solid #ccc;
  margin-bottom: 1rem;
  gap: 1rem;
}

.eventDetails img {
  margin: auto;
}

.eventDetails .startDate {
  /* background: var(--dark-blue);
    color: white; */
  /* margin: 0 .6rem .6rem 0; */
  font-weight: bold;
}

.verzamelLocatie {
  color: var(--dark-gray);
  font-size: 1.2rem;
}

.eme-rsvp-form td input,
.eme-rsvp-form td textarea {
  width: 100%;
  padding: 0.4rem 0.6rem;
}

.eme-rsvp-form td textarea {
  min-height: 200px;
}

.eme_submit_button {
  width: 100%;
  font-size: 1.4rem;
  padding: 0.4rem;
  /* font-weight: bold; */
  background: var(--dark-blue);
  color: white;
}

.bookForm {
  /* background: white;
    color: var(--dark-gray); */
  margin: 1.2rem 0;
}

.flexStack {
  display: flex !important;
  flex-wrap: wrap !important; /* this */
  flex-direction: row !important;
}

.flexStack.gap {
  gap: 1rem !important;
}

.flexStack > div {
  flex: 14rem !important; /* and this */
}

.flexStack .tocht {
  flex: 14rem !important; /* and this */
}

.tochtensidebar,
.tochtensidebar ul {
  list-style-type: none; /* Remove bullets */
  padding: 0; /* Remove padding */
  margin: 0; /* Remove margins */
}

.site-header {
  margin-bottom: 2rem;
}

.site-header + .page-header,
.site-header + .pt-slick-carousel {
  margin-top: -2rem;
}

.hentry__content.entry-content > a {
  float: right;
}

.hentry .meta__item--author {
  display: none;
}

.masonry .hentry__header + .hentry__content .hentry__date {
  right: 0;
  top: -20px;
}

.blog .content-area {
  color: var(--dark-gray);
}

.masonry .hentry__content .more-link {
  /* margin: 1.2rem 0; */
  margin-top: 1rem;
}

.ctah {
  padding-left: 0 !important;
  position: relative;
}

.ctah img {
  display: block;
  position: absolute;
  /* background: url("images/voetstapV.png");
    background-size: contain; */
  height: 180%;
  width: auto;
  left: 2rem;
  top: 50%;
  transform: translateY(-50%);
}

.ctah .call-to-action__title {
  background: var(--dark-blue);
  color: var(--whiteish);
  padding: 0.6rem 1.2rem 0.6rem 9rem;
}

.call-to-action__subtitle {
  padding: 0.4rem 1.2rem 0.4rem 9rem;
  margin: 0;
}

.ctah .call-to-action__text {
  /* padding: 1rem 1.6rem; */
  /* background: var(--dark-blue);
    color: var(--whiteish); */
  /* position: relative; */
  /* padding-left: 9rem; */
  /* border-top-right-radius: 20px; */
  /* margin-right: 130px; */
  /* border-left: 2rem solid var(--light-blue); */
  /* overflow-y: hidden; */
  margin: 1.2rem 0;
}

.ctah .call-to-action__text::after {
  display: block;
  content: "";
  position: absolute;
  /* right: -130px; */
  left: 0;
  bottom: 0;
  background: url("/images/logo-cut.png");
  /* background: url("/images/logo-round-bottom.png"); */
  height: 130%;
  width: 8rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom left;
  /* position: absolute;
    right: -60px;
    bottom: 0;
    height: 100%;
    width: auto; */
}

.ctah .call-to-action__button {
  /* margin: 1.4rem; */
}

@media (max-width: 1140px) {
  body.boxed > .boxed-container,
  .container {
    width: 100%;
    max-width: 1140px;
  }
}

.pt-slick-carousel__content {
  position: absolute !important;
  background: none !important;
  box-shadow: none;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 4rem;
}

.pt-slick-carousel__content p {
  color: white;
}

.btn {
  text-transform: uppercase;
}

.blockhead .widget-title,
.blockhead .weather__location,
.blockhead h3 {
  margin: 0;
  color: var(--whiteish);
  /* background-color: var(--dark-brown); */
  /* background: rgb(105,71,5);
    background: linear-gradient(106deg, rgba(105,71,5,1) 14%, rgba(150,103,11,1) 49%, rgba(150,103,11,0.4093838218881303) 100%); */
  background: rgb(155, 103, 0);
  background: linear-gradient(90deg, rgba(155, 103, 0, 1) 29%, rgba(0, 0, 0, 0) 100%);
  padding: 0.7rem;
  text-transform: uppercase;
  font-size: 1.2rem;
  line-height: 1.2rem;
}

.hidden {
  display: none !important;
}

.tochtlijst {
  /* background: white; */
  width: 100%;
}

.tochtlijst .tocht {
  position: relative;
  overflow: hidden;
}

.tochtlijst ul {
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  /* display: grid; */
  /* grid-template-columns: repeat(3, 1fr); */
  /* justify-items: center; */
  /* flex-direction: column; */
  /* gap: 1.8rem; */
  margin: 0;
}

.tochtlijst ul > li {
  width: 100%;
}

.tochtlijst .tocht {
  display: flex;
}

.tochtlijst .tochtdetails {
  /* margin: auto; */
  /* padding: 1.6rem .4rem; */
  background-color: white;
  width: 100%;
}

.tochtlijst .startenddate-container {
  display: flex;
  flex-direction: column;
  padding: 0.6rem 1.2rem;
  /* margin: 1rem 0; */
  /* background: url("/images/icons/horloge.svg"); */
  /* color: red!important; test */
  /* font-weight: bold; */
  /* color: var(--dark-gray); */
}

.tochtlijst .startenddate-container .icoon {
  /* display: flex; */
  content: "";
  background: url("/images/icons/horloge.svg");
  background-size: contain;
  background-repeat: no-repeat;
  height: 40px;
  width: 40px;
  margin: auto 6px auto 0px;
  /* color: red!important; test */
  /* font-weight: bold; */
  /* color: var(--dark-gray); */
}

.ticketfooter {
  /* padding: .6rem 1.2rem; */
  /* display: grid;
    grid-template-columns: auto; */
  /* margin: auto 0; */
  display: flex;
  position: relative;
  width: 100%;
  margin-top: 0.4rem;
}

.ticketfooter > div {
  display: flex;
  flex-direction: column;
  /* gap: 8px; */
}

.ticketfooter button {
  margin: auto 1.2rem;
  color: #2d4b78;
  padding: 0.4rem 1.2rem;
  /* width: 100%; */
}

.tochtlijst .stippellijn {
  /* width: 100%; */
  /* width: 6px; */
  /* height: 100%; */
  position: relative;
  border-width: 0px 0px 0px 4px;
  border-style: dashed dashed dashed dashed;
  border-color: #ccc;
  margin-left: 6px;
}

.tochtlijst .startenddate {
  display: flex;
  flex-direction: column;
  /* padding: .6rem 1.2rem; */
}

.tochtdetails {
  color: var(--dark-gray);
}

.tochtdetails h3 {
  padding: 0.6rem 1.2rem;
  display: none;
}

.tochtlijstimg {
  text-align: center;
}

.tochtlijstimg figure {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.tochtlijstimg figcaption {
  display: none;
}

.tochtlijst .dagmaandkort {
  background: #5897cc;
  /* padding: .5rem .8rem; */
  width: 80px;
  display: flex;
  flex-direction: column;
  font-family: "Dosis", Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-align: center;
  /* margin: auto; */
  /* justify-items: center; werkt niet met flex - alleen met Grid*/
}

.tochtlijst .dagmaandkort > div {
  margin: auto;
}

.tochtlijst .dagmaandkort .dag {
  font-size: 1.8rem;
  /* margin: auto; */
  line-height: 1.4rem;
}

.tochtlijst .dagmaandkort .maandkort {
  /* margin: auto; */
  font-weight: bold;
  font-size: 1.3rem;
  line-height: 1rem;
  color: rgba(255, 255, 255, 0.8);
}

.tochtlijst .dagmaandkort .jaar {
  display: block;
  /* margin: 1.6rem 0 0 0; */
}

.weather__location::after {
  display: none;
}

.tochtlijstimg img {
  height: 180px !important;
  width: 100%;
  object-fit: cover;
  -webkit-backface-visibility: hidden;
  -ms-transform: translateZ(0); /* IE 9 */
  -webkit-transform: translateZ(0); /* Chrome, Safari, Opera */
  transform: translateZ(0);
  /* image-rendering: pixelated; */
}

.weerwidget .weather {
  /* display: flex; */
}

.ctah {
  /* background: red!important; */
  /* background: rgb(221,165,79);
    background: linear-gradient(140deg, rgba(221,165,79,1) 0%, rgba(0,0,0,1) 42%, rgba(0,0,0,0) 85%)!important; */
}

.testimonial__container {
  background: none;
  padding: 1.6rem;
}

.testimonial__container .widget-title {
  padding: 0;
}

.testimonial__container::before,
.testimonial__container::after {
  background: none !important;
  display: none !important;
}

.testimonial__author {
  display: flex;
  flex-direction: column;
  color: white !important;
}

.testimonial__author cite {
  color: white;
  margin: auto;
}

.testimonial {
  padding: 0;
}

.tribe-events-widget-events-list span {
  color: var(--whiteish) !important;
}

.tribe-events-widget-events-list a {
  color: var(--whiteish) !important;
}

.content-area .special-offer__content {
  color: var(--dark-gray) !important;
}

.main-navigation .sub-menu {
  /* background: rgb(70, 161, 238); */
  background: white;
  /* background: linear-gradient(140deg, rgba(70, 161, 238, 1) 0%, rgba(107, 163, 218, 1) 100%); */
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.8);
  padding: 0.6rem 0;
  /* padding: .75rem 1.2rem; */
}

.main-navigation .sub-menu a {
  background: none !important;
  font-size: 1.4rem;
  font-weight: bold;
  color: var(--dark-brown) !important;
  border: none;
  padding: 0.25rem 1.2rem;
}

.main-navigation .sub-menu a:hover {
  background: white !important;
  color: var(--dark-brown) !important;
}

.main-navigation > .menu-item > .sub-menu > .menu-item:first-of-type > a {
  box-shadow: none;
  /* padding-top: 1rem; */
}

.main-navigation > .menu-item > .sub-menu > .menu-item:last-of-type > a {
  /* padding-bottom: 1rem; */
}

@media (min-width: 992px) {
  .main-navigation > .menu-item-has-children > a::after {
    vertical-align: middle;
    margin-top: 0;
  }
}

.portfolio__featured-image {
  margin-top: initial;
}

.portfolio__basic-info {
  background: rgba(0, 0, 0, 0.8);
}

.pt-slick-carousel {
  margin-bottom: 2.6rem;
}

.pt-slick-carousel__content-title {
  font-size: 1.4rem;
}

.pt-slick-carousel .carousel-item img {
  height: 30vh;
  object-fit: cover;
}

body .boxed-container {
  background: rgba(0, 0, 0, 0.7) !important;
}

.header__container {
  background: none !important;
  padding: 0 !important;
}

.header__container::before,
.header__container::after {
  display: none !important;
}

body.boxed > .boxed-container {
  margin: 0 auto;
  box-shadow: 0 0 2.3666666667rem rgba(0, 0, 0, 0.8);
  max-width: 100%;
}

.main-navigation a,
.main-navigation > .menu-item-has-children > a::after {
  /* color: #f0f0f0!important; */
  color: #f0f0f0;
}

.pt-slick-carousel__content {
  bottom: 0;
  font-size: 1.2rem;
}

.featured-widget {
  background: none;
}

.shoe_rental_container {
  margin-bottom: 1rem;
}

.shoe_rental_container h3.rental_title {
  font-family: "Roboto";
  background: var(--dark-blue);
  color: white;
  padding: 0.4rem 1rem;
  font-weight: 600;
  font-size: 1.2rem !important;
}

#shoe_rental_fields {
  padding: 0 2rem 1rem 2rem;
}

body .pt-sticky-menu__container {
  background-color: #333 !important;
}

.pt-sticky-menu__logo {
  margin: 0;
  max-width: 320px;
}

@media (min-width: 1200px) {
  .pt-sticky-menu__container .container {
    /* max-width: 1200px; */
    padding: 0;
  }
}

.weather p,
.pricing-list__title {
  color: var(--whitish) !important;
}

.pricing-list__price {
  color: var(--light-brown) !important;
}

.weather__forecast {
  background: none;
}

.featured-widget {
  box-shadow: none;
}

.weather__current-text {
  display: none;
}

.weather__forecast {
  padding: 0;
}

.weather__forecast-wind {
  padding-right: 0;
}

/* Desktop  */

@media (max-width: 630px) {
  .contactformulier form > div {
    flex-basis: 100%;
  }
}

@media (min-width: 992px) {
  .main-navigation a,
  .main-navigation > .menu-item-has-children > a::after {
    color: white !important;
  }

  .main-navigation a:hover,
  .menu-main-menu li:hover canvas {
    color: var(--light-brown) !important;
  }

  .main-navigation > .current-menu-item > a {
    color: var(--light-brown) !important;
  }
}

@media (min-width: 1300px) {
  body.boxed > .boxed-container {
    width: 1300px;
  }
  .container {
    max-width: 1240px;
  }
}

@media (min-width: 1500px) {
  body.boxed > .boxed-container {
    width: 1500px;
  }
  .container {
    max-width: 1440px;
  }
}

.embed-responsive {
  margin-bottom: 1rem;
}

.postid-2917 .hentry__featured-image {
  display: none;
}

.em-event-where .em-icon-location {
  display: none;
}

.em-event-content {
  background: white;
  /* background: rgba(255, 255, 255, 0.8); */
  color: #333;
  margin: 1.4rem 0;
  border-top: 10px solid var(--dark-blue);
}

.em-event-guideInfo {
  display: flex;
  margin-bottom: 1.4rem;
  flex-wrap: wrap;
}

.em-event-guideInfo .guideInfo {
  display: flex;
  flex-direction: column;
  padding: 0 1.4rem;
}

.em-event-guideInfo .guideInfo p {
  display: flex;
  flex-direction: column;
}

.em-event-guideInfo img {
  height: 230px;
}

.socialLinks {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
  /* background: white; */
}

.socialLinks .blogSocial {
  display: flex;
  flex-direction: column;
  /* justify-content: center; werkt niet  */
  text-align: center;
}

.blogSocial .socialName {
  margin-bottom: 5px;
}

.socialIcon.youtube {
  background: url("images/icons/youtube.png");
}

.socialIcon.facebook {
  background: url("images/icons/facebook.png");
}

.socialIcon.instagram {
  background: url("images/icons/instagram.webp");
}

.socialIcon.website {
  background: url("images/icons/website.png");
}

.socialIcon.email {
  background: url("images/icons/youtube.png");
}

.socialIcon.youtube,
.socialIcon.instagram,
.socialIcon.facebook,
.socialIcon.website,
.socialIcon.email {
  display: block;
  content: "";
  width: 90px;
  height: 65px;
  /* min-height: 100%; */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.socialIcon.youtube {
  height: 65px;
  width: 100px;
}

.blog .js-funkyItem-text-holder {
  bottom: 6px !important;
}

blockquote {
  display: flex;
  position: relative;
  margin: 40px 0;
  padding: 1.6em 2.4em 0.7em calc(1.4em + var(--quote-image-width));
  font: italic 1.2rem var(--type-quote);
  /* background: var(--quote-bg) no-repeat left / var(--quote-image-width); */
  border-radius: var(--border-rad);
  /* border: 2px solid white; */
  box-shadow: 2px 2px 4px hsl(0 0% 0% / 20%);
  text-indent: 1.6em;
}

blockquote img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  display: block;
  height: 100%;
  width: auto;
  max-height: 100%;
}

@media (min-width: 768px) {
  blockquote {
    margin: 40px 60px;
  }
}

blockquote::before {
  content: "";
  pointer-events: none;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: var(--border-rad);
  box-shadow: inset -2px -2px 1px hsl(0 0% 100%), inset 2px 2px 4px hsl(0 0% 0% / 20%);
}

blockquote::after {
  content: "❝";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: -2px;
  transform: translate(-50%, -50%);
  width: 1.3em;
  height: 1.3em;
  background: white;
  box-shadow: 0 4px 5px -1px hsla(0 0% 0% / 20%);
  border-radius: 999px;
  display: grid;
  place-content: center;
  padding-top: 0.3em;
  color: var(--accent-color);
  font-size: 36px;
  font-style: normal;
  text-indent: 0;
  border-right: 4px solid var(--light-brown);
  border-bottom: 3px solid var(--light-brown);
  border-left: 2px solid var(--light-brown);
  border-top: 1px solid var(--light-brown);
}

.blockquote-author-image {
  position: absolute;
  left: 0;
  top: 0;
  bottom: -2px;
  width: var(--quote-image-width);
  height: 100%;
  opacity: 0.75;
  background: var(--accent-color) var(--image) no-repeat center / cover;
  /* background-blend-mode: hard-light; */
  border-top-left-radius: var(--border-rad);
  border-bottom-left-radius: var(--border-rad);
  z-index: 9999999;
}

@media (min-width: 768px) {
  cite {
    margin-left: calc(1rem - var(--quote-image-width));
  }
}