:root {
    --eft-background: #f4f4f4;
    --eft-background-strong: #ebebeb;
    --eft-background-dark: #cdcdcd;
    --eft-background-color: #e6faf8;
    --eft-background-yellow: #f4fec1;
    --eft-primary: #063559;
    --eft-secondary: #56d4c6;
    --eft-third: #1d7e88;
    --eft-fourth: #2299b2;
    --eft-attention: #E0625C;
    --eft-border-radius: 0px;
}

/**/
/* SearchWP */
/**/

/* Container that contains search bar */
div.searchwp-form-input-container {
    padding: 6px 6px;
    background-color: var(--mbf-color-input-bg);
    border-radius: var(--mbf-input-border-radius);
}

/* Search bar */
input.swp-input--search {
    height: 32px;
    background-color: transparent;
    border: none !important;
    font-size: 1rem;
    font-weight: var(--mbf-font-base-weight);
    font-family: var(--mbf-font-base-family), sans-serif;
    color: var(--mbf-color-input) !important;
}

input.swp-input--search:focus-visible {
    outline: none !important;
}

/* Search button */
input.search-submit.swp-button {
    font-family: var(--mbf-font-base-family), sans-serif;
    font-weight: var(--mbf-font-base-weight);
    font-size: var(--mbf-font-base-size);
    background-color: var(--wp--preset--color--mbf-button);
    color: var(--wp--preset--color--mbf-button-contrast);
    border-radius: var(--mbf-button-border-radius) !important;
    border: none;
    padding-left: var(--wp--preset--spacing--50);
    padding-right: var(--wp--preset--spacing--50);
    cursor: pointer;
}

/* Search results adjustment */
div.swp-result-item--img>img {
    border-radius: 20px;
}

/* Search results button */
a.swp-result-item--button {
    font-weight: var(--mbf-font-base-weight) !important;
    font-size: var(--mbf-font-base-size) !important;
    border-radius: var(--mbf-button-border-radius) !important;
}

/* Search results button hover, active, focus */
a.swp-result-item--button:hover,
a.swp-result-item--button:active,
a.swp-result-item--button:focus {
    opacity: 1 !important;
}

/* Button to load more results through AJAX */
button.swp-load-more-button {
    margin-top: 40px;
    font-family: var(--mbf-font-base-family), sans-serif;
    font-weight: var(--mbf-font-base-weight);
    border-radius: var(--mbf-button-border-radius);
    padding-left: var(--wp--preset--spacing--50);
    padding-right: var(--wp--preset--spacing--50);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border: none;
    cursor: pointer;
}

/* Price information */
p.swp-result-item--price {
    font-weight: var(--mbf-font-base-weight);
}

/* Space around heading of search result item */
div.swp-result-item--info-container>h2.entry-title {
    margin-top: 0px;
    margin-bottom: 0px;
}

/**/
/* Upcoming Events (Custom Block) */
/**/

/* Stretch gray cards to 100% height */
.event-card>div {
    height: 100%;
}

/**/
/* Social Media Images */
/**/

div.eft-social-media-images img {
    width: 50px;
}

/**/
/* Tables */
/**/

/* Adjust table */
table.eft_table {
    border-collapse: collapse;
}

/* Adjust cell */
td.eft_table {
    padding: .5em;
    border: 1px solid;
}


/**/
/* Upoming Events (Custom Block) */
/**/


/* Cards should have the same height (flex container) */
.events-wrapper {
    align-items: stretch;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 0.25rem;
}

.event-card {
    display: flex;
    flex: 0 1 320px;
}

/* The gray box should be a flex container, using full height */
.event-card .wp-block-group.is-vertical {
    display: flex;
    flex-direction: column;
    flex: 1;
}

/* Add possible margin above date/time paragraph */
.event-card .wp-block-group.is-vertical p {
    margin-top: auto;
}


/**/
/* Cards (generic) */
/**/

.product-eft_product_cards {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    align-items: stretch;
}

.eft_product_cards-cards>.wp-block-group {
    flex: 1 1 400px;
    max-width: 520px;
}

/**/
/* Align elements on bottom of card (generic) */
/**/

/* Assign on group which contains the .eft_align_bottom element, typically a <div> */
.eft_align_box {
    display: flex;
    flex-direction: column;
}

/* Assign to element which should start having possible white space on top */
.eft_align_bottom {
    margin-top: auto !important;
}


/**/
/* Contact Form 7 */
/**/

/* Formatting of the submit message */
div.wpcf7-response-output {
    padding: 15px;
    border-radius: 20px;
}

/* Avoid displaying a submit message twice */
div.wpcf7>div.screen-reader-response {
    display: none;
}


/* Formatting of radio buttons */
span.wpcf7-list-item>label {
    display: flex;
    align-items: center;
}

span.wpcf7-list-item>label>input {
    width: auto !important;
}

.wpcf7-list-item-label {
    margin-left: 6px;
    /* Abstand zwischen Button und Text */
}

form.wpcf7-form p {
    display: block;
}

/**/
/* WooCommerce Product Bookings */
/**/

/* Adjust button "Book now" to theme button properties */
button.wc-bookings-booking-form-button {
    color: var(--mbf-color-button-contrast);
    background-color: var(--mbf-color-button);
    font-size: var(--mbf-font-base-size);
    padding: var(--mbf-button-padding-y) var(--mbf-button-padding-x);
    border-radius: var(--mbf-button-border-radius);
    border: none;
}

/* Adjust the select dropdown to theme properties */
/* WooCommerce Product Bookings */
select#wc_bookings_field_resource,
/* WooCommerce Product Vendors (Archive Page) */
form.woocommerce-ordering {
    border-radius: var(--mbf-input-border-radius);
    padding: var(--mbf-input-padding-y) var(--mbf-input-padding-x);
    background: var(--mbf-color-layout-background);
    border: 0px;
    font-size: var(--wp--preset--font-size--small);
}

form.woocommerce-ordering>select {
    border: none;
    background-color: transparent;
}

/* Adjust border of booking form on product */
div.wc-bookings-booking-form {
    border-radius: var(--mbf-layout-elements-border-radius-sm);
    border-color: var(--mbf-color-border);
}

fieldset.wc-bookings-date-picker {
    border: none;
}

/**/
/* WooCommerce × WordPress */
/**/

/* Adjust accordion content style for WooCommerce accordions used outside WooCommerce pages */
div.accordion-content__wrapper {
    line-height: 1.3
}

/* Adjust product reviews width and styling */
div.eft_product_reviews_block {
    max-width: none !important;
}

/**/
/* WordPress */
/**/

/* Comment form: adjust height of button (otherwise, it's too large in height) */
span.cf-turnstile-comment>button {
    height: 36.8px;
}

/* Adjust position of page headlines */
h1.wp-block-post-title {
    max-width: var(--wp--style--global--content-size);
}

.eft_remove_padding {
    padding: 0px 0px 0px 0px !important;
}

.eft_remove_margin {
    margin: 0px 0px 0px 0px !important;
}

.eft_full_width {
    width: 100%;
}

/* Remove border radius on mobile, for example on product extensions */
@media (max-width: 575.98px) {
    .eft_no_border_radius_on_mobile {
        border-radius: 0 !important;
    }
}

/**/
/* WooCommerce Product Vendors */
/**/

p.wcpv-vendor-logo>img {
    height: 45px;
    width: auto;
}

/**/
/* WooCommerce Product */
/**/

/* Adjust the product varition selection button */
button.wc-block-product-filter-chips__item {
    border-radius: 15px;
}


/**/
/* Vault Theme */
/**/

/* Adjust color of hero slider bullets */
li.swiper-pagination-bullet {
    color: black !important;
}

/**/
/* Filter Everything */
/**/

/* Hide scrollbar in chips */
div.wpc-inner-widget-chips-wrapper {
    overflow: hidden !important;
    overflow-y: hidden !important;
}

/* Mobile: Hide X (close) button on popup (it is misaligned) */
span.wpc-icon-html-wrapper {
    display: none;
}

/* Mobile: Size of the icon of the filters button */
span.wpc-icon-html-wrapper {
    line-height: 0;
    ;
}

a.wpc-filters-open-widget {
    height: 50px;
}

/* Make chips container transparent */
/*div.wpc-filters-widget-top-container,
div.wpc-filters-widget-top-container::before {
    background-color: transparent;
}*/

/* Don't display the amount of posts found */
div.wpc-posts-found {
    display: none;
}

/* The filter for mobile is shown in a popup, triggered by an extra button. It requires the regular filter widget to be visible. As the regular filter widget is in an accordion, we have to make sure to always have it visible (technically), but not visible for the user (as it would be redundant). */
@media screen and (max-width: 768px) {

    /* Mobile: Avoid scrolling by restricting the container's size */
    div.wpc-filters-widget-wrapper {
        width: 89% !important;
    }

    /* Display the filter widget container */
    .eft-filter-everything-always-show-on-mobile {
        display: block !important;
        padding: 0px !important;
    }

    .eft-filter-everything-always-hide-on-mobile {
        display: none;
    }

}




div.wc-block-components-product-sale-badge {
    color: #1D7E88;
    background-color: #E6FAF8;
    border-color: #1D7E88;
}





figure.eft_badge_svg_container>svg {
    width: 100%;
    height: 100%;
}