/*
Theme Name: Maatwerk Online
Theme URI: https://www.maatwerkonline.nl
Version: 1.0.0
Author: Maatwerk Online
Author URI: https://www.maatwerkonline.nl/contact/
Description: This Theme is designed and developed by Maatwerk Online
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: maatwerkonline
Domain Path: /languages
*/

/* Adjustment for core/list-item block */

.wp-block-list li:last-child{
    margin-bottom: 0px !important;
}

/* Custom Navigation Block Arrow */
.wp-block-navigation .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon,
.wp-block-navigation .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu__toggle {
    width: 21px !important;
    height: 12px !important;
    background: none !important;
}

/* Replace the default arrow SVG with custom arrow */
.wp-block-navigation .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg,
.wp-block-navigation .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu__toggle svg {
    display: none !important;
}

.wp-block-navigation .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon::after,
.wp-block-navigation .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu__toggle::after {
    content: '';
    display: block;
    width: 21px;
    height: 12px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="12" viewBox="0 0 21 12" fill="none"><path d="M20.5303 6.53033C20.8232 6.23744 20.8232 5.76256 20.5303 5.46967L15.7574 0.696699C15.4645 0.403806 14.9896 0.403806 14.6967 0.696699C14.4038 0.989593 14.4038 1.46447 14.6967 1.75736L18.9393 6L14.6967 10.2426C14.4038 10.5355 14.4038 11.0104 14.6967 11.3033C14.9896 11.5962 15.4645 11.5962 15.7574 11.3033L20.5303 6.53033ZM0 6V6.75H20V6V5.25H0V6Z" fill="%23544842"/></svg>') !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* Form styling */

.gform_wrapper.gravity-theme input[type=color], 
.gform_wrapper.gravity-theme input[type=date], 
.gform_wrapper.gravity-theme input[type=datetime-local], 
.gform_wrapper.gravity-theme input[type=datetime], 
.gform_wrapper.gravity-theme input[type=email], 
.gform_wrapper.gravity-theme input[type=month], 
.gform_wrapper.gravity-theme input[type=number], 
.gform_wrapper.gravity-theme input[type=password], 
.gform_wrapper.gravity-theme input[type=search], 
.gform_wrapper.gravity-theme input[type=tel], 
.gform_wrapper.gravity-theme input[type=text], 
.gform_wrapper.gravity-theme input[type=time], 
.gform_wrapper.gravity-theme input[type=url], 
.gform_wrapper.gravity-theme input[type=week], 
.gform_wrapper.gravity-theme select, 
.gform_wrapper.gravity-theme textarea {
    padding: 8px 0px !important;
    border-radius: 0px;
    background-color: transparent !important;
    font-size: var(--wp--preset--font-size--large) !important;
    color: #544842;
    border: unset;
    border-bottom: 1px solid #544842;
    font-weight: 300;
    font-family: inherit;
}

.download-brochure .gform_wrapper.gravity-theme input[type=color],
.download-brochure .gform_wrapper.gravity-theme input[type=date],
.download-brochure .gform_wrapper.gravity-theme input[type=datetime-local],
.download-brochure .gform_wrapper.gravity-theme input[type=datetime],
.download-brochure .gform_wrapper.gravity-theme input[type=email],
.download-brochure .gform_wrapper.gravity-theme input[type=month],
.download-brochure .gform_wrapper.gravity-theme input[type=number],
.download-brochure .gform_wrapper.gravity-theme input[type=password],
.download-brochure .gform_wrapper.gravity-theme input[type=search],
.download-brochure .gform_wrapper.gravity-theme input[type=tel],
.download-brochure .gform_wrapper.gravity-theme input[type=text],
.download-brochure .gform_wrapper.gravity-theme input[type=time],
.download-brochure .gform_wrapper.gravity-theme input[type=url],
.download-brochure .gform_wrapper.gravity-theme input[type=week],
.download-brochure .gform_wrapper.gravity-theme select,
.download-brochure .gform_wrapper.gravity-theme textarea {
        color: #EDD0CA !important;
        border-bottom: 1px solid #EDD0CA;
}

.download-brochure .gform_wrapper.gravity-theme input::placeholder, 
.download-brochure .gform_wrapper.gravity-theme select::placeholder,
.download-brochure .gform_wrapper.gravity-theme textarea::placeholder {
    color: #EDD0CA;
}


.gform_wrapper.gravity-theme textarea {
    height: 100px !important;
}

.gform_wrapper.gravity-theme #field_submit .gform-button--width-full, .gform_wrapper.gravity-theme .gform_footer .gform-button--width-full {
    justify-content: center;
}

.gform_wrapper.gravity-theme .gform_fields {
    grid-row-gap: 20px !important;
}

.gform_wrapper.gravity-theme .gform_footer button, 
.gform_wrapper.gravity-theme .gform_footer input, 
.gform_wrapper.gravity-theme .gform_page_footer button, 
.gform_wrapper.gravity-theme .gform_page_footer input {
    cursor: pointer;
}

.gform_wrapper.gravity-theme input::placeholder, 
.gform_wrapper.gravity-theme select::placeholder,
.gform_wrapper.gravity-theme textarea::placeholder {
    color: #544842;
}

textarea::placeholder {
    transform: translateY(60px);
}

.gform_wrapper.gravity-theme .gform_footer, .gform_wrapper.gravity-theme .gform_page_footer  {
    padding-top: 20px !important;
    padding-bottom: 0px !important;
}

.gform_wrapper.gravity-theme input,
.gform_wrapper.gravity-theme select,
.gform_wrapper.gravity-theme textarea {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
    -ms-transition:     all .3s ease-in-out;
    transition:         all .3s ease-in-out;
}

.gform_wrapper.gravity-theme input:focus,
.gform_wrapper.gravity-theme select:focus,
.gform_wrapper.gravity-theme textarea:focus {
    outline: 0px solid var(--wp--preset--color--secondary);
}

.gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] {
    border: 1px solid #f44534;
}

.gform_wrapper.gravity-theme .gfield_validation_message {
    color: #c02b0a;
}

.gfield_required_asterisk {
    color: #ffffff !important;
}

.gfield_consent_label a {
    color: var(--wp--preset--color--secondary) !important;
}

.ginput_container_fileupload .gfield_validation_message {
    display: none;
}

.dashicons-trash {
    color: #fff;
}

.wp-block-polylang-navigation-language-switcher li {
    padding-left: 10px !important;
    padding-right: 10px !important;
    width: 60px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/* Adjustments for Query Block Category Filter */

.rudr-category-filter--links {
    margin-bottom: 40px;
    gap: 20px;
}

.rudr-category-filter--links span {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.rudr-category-filter--links a {
    padding: 10px 20px;
    border: 1px solid var(--wp--preset--color--secondary);
    color: var(--wp--preset--color--secondary);
    transition: all 0.3s ease-in-out;
}

.rudr-category-filter--links a:hover,.rudr-filter-current {
    background-color: var(--wp--preset--color--secondary);
    color: var(--wp--preset--color--primary) !important;
}

/* Menu translation styling */
.site-menu {
    background-color: transparent;
    -webkit-transition: background-color 300ms ease-in-out;
    -ms-transition: background-color 300ms ease-in-out;
    transition: background-color 300ms ease-in-out;
}

.site-menu.active-menu {
    position: fixed;
    width: 100%;
    margin-top: -24px;
    background-color: #544842;
}

.wp-block-navigation__responsive-container {
    background-color: var(--wp--preset--color--secondary) !important;
}

.site-header {
    position: absolute;
    width: 100%;
    z-index: 10;
    padding-top: 24px;
}
@media (min-width: 1100px) {
    .wp-block-navigation-submenu ul li {
        position: unset !important;
    }

    .wp-block-navigation-submenu
        .wp-block-navigation-submenu
        .wp-block-navigation-submenu {
        height: calc(100% - 40px) !important;
    }

    .wp-block-navigation-submenu ul {
        padding-top: 40px;
    }

    .wp-block-navigation-submenu ul li {
        padding-left: 40px;
        padding-right: 40px;
    }

    .wp-block-navigation:not(.has-background)
        .wp-block-navigation__submenu-container {
        background-color: unset !important;
        border: none !important;
    }

    .wp-block-navigation
        .wp-block-navigation-submenu
        .wp-block-navigation-item {
        background-color: var(--wp--preset--color--primary) !important;
        width: calc(400px - 80px);
    }

    .wp-block-navigation
        .wp-block-navigation-submenu
        .wp-block-navigation-item:first-child {
        padding-top: 40px;
    }

    .wp-block-navigation
        .wp-block-navigation-submenu
        .wp-block-navigation-item:last-child {
        padding-bottom: 40px;
    }

    .wp-block-navigation
        .wp-block-navigation-submenu
        .wp-block-navigation-submenu
        .wp-block-navigation-submenu
        .wp-block-navigation-item:first-child {
        margin-top: 1px !important;
    }

    .wp-block-navigation
        .wp-block-navigation-submenu
        .wp-block-navigation-submenu
        .wp-block-navigation-item
        a {
        color: var(--wp--preset--color--secondary) !important;
    }

    .wp-block-navigation
        .wp-block-navigation-submenu
        .wp-block-navigation-submenu
        .wp-block-navigation-submenu
        .wp-block-navigation-item
        a {
        color: var(--wp--preset--color--tertiary) !important;
    }

    .wp-block-navigation
        .wp-block-navigation-submenu
        .wp-block-navigation-submenu
        .wp-block-navigation-submenu
        .wp-block-navigation-item {
        background-color: var(--wp--preset--color--secondary) !important;
    }

    .wp-block-navigation
        .wp-block-navigation-submenu
        .wp-block-navigation-submenu
        .wp-block-navigation-submenu
        ul {
        margin-top: 40px;
        background-color: var(--wp--preset--color--secondary) !important;
        padding-top: 0px !important;
    }
}

.site-header__content {
    padding: 0px 48px !important;
}

@media only screen and (max-width: 600px) {
    .site-header__content {
        padding: 0px 24px !important;
    }
}