/*
Theme Name:     Huis van Compassie Nijmegen
Description:    Custom WordPress Child theme for theme "Monkey Vision" developed by Monkey Vision
Author:         Monkey Vision
Author URI: 	https://monkeyvision.nl
Tested up to:   6.2
Requires PHP:   8.1
Template:       monkeyvision
Text Domain:    monkeyvision-child
Author URI:     https://monkeyvision.nl
Version:        1.0
*/

/********************************************************************************************/
/****************************************** GLOBAL ******************************************/

/* Variables */

:root {
    --mv-black: #000;
    --mv-white: #fff;
}

/*  Variable COLORS - globals form Elementor page builder

	var(--e-global-color-primary);
	var(--e-global-color-secondary);
	var(--e-global-color-accent);
	var(--e-global-color-text);

*/

/**********    Disable defoult styling    ***************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a:focus, a:focus-visible {
	outline: none !important;
}
.elementor-nav-menu .sub-arrow i {
	color: var(--e-global-color-primary);
}

.elementor-button-content-wrapper {
	align-items: center;
}

.elementor-button span.elementor-button-icon {
	display: flex;
    align-items: center;
}

.elementor-widget-heading .elementor-heading-title a {
	font-weight: inherit !important;
}

/* ALT INFO BUTTON */

/*  Button general style   */
.button-general-style .elementor-button-content-wrapper .elementor-button-icon {
	display: flex;
    align-items: center;
	padding-left: 10px;
}

.button-general-style .elementor-button-content-wrapper .elementor-button-icon i {
	font-size: 24px;
}


/**********    Dinamic data information (address, email, telephone) styles    ***************/
.custom-information-data a,
.custom-information-data span {
	color: var(--e-global-color-primary);
}

.tel-container a,
.mail-container a {
	color: black;
}

a.elementor-item::after {
	display: none;
}

.banner-text-element .elementor-widget-container strong {
	font-weight: 800;
}


/****************************************** end GLOBAL ******************************************/
/* ******************************************************************************************** */

/****************************************** HEADER ******************************************/
header.elementor-sticky--active {
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
header .elementor-shortcode .trp-ls-shortcode-current-language {
	width: auto !important;
	background: transparent;
}
header .trp-language-switcher {
	width: auto !important;
}
header .trp-language-switcher > div {
	border: none;
}
header .trp-language-switcher > div > a > img {
	height: 20px;
	width: 20px;
	border-radius: 10px;
	vertical-align: top;
}
header .trp-language-switcher.trp-language-switcher-container:hover .trp-ls-shortcode-language {
	width: 110px !important;
    background: transparent;
}

header nav ul li a i {
	font-family: 'Font Awesome 5 Free'; 
	padding-left: 5px;
	font-size: 12px;
}

/****************************************** Pop-up's ************************************************/
.dialog-close-button {
	text-decoration: none !important;
}

.elementor-location-popup  .pop-up-menu .elementor-heading-title a {
	transition: all ease .3s;
	background-repeat: no-repeat;
    background-position: left center;
    background-size: 16px;
}

.elementor-location-popup .pop-up-menu .elementor-heading-title a:hover {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='11' viewBox='0 0 12 11' fill='none'%3E%3Cpath d='M10.9922 6.15625L7.42969 9.90625C7.24219 10.0938 6.98438 10.1875 6.75 10.1875C6.51562 10.1875 6.28125 10.1172 6.09375 9.92969C5.71875 9.57812 5.69531 8.99219 6.07031 8.61719L8.10938 6.4375H1.6875C1.14844 6.4375 0.75 6.03906 0.75 5.5C0.75 4.98438 1.14844 4.5625 1.6875 4.5625H8.10938L6.07031 2.40625C5.69531 2.03125 5.71875 1.44531 6.09375 1.07031C6.46875 0.71875 7.05469 0.742188 7.42969 1.11719L10.9922 4.86719C11.3203 5.21875 11.3203 5.80469 10.9922 6.15625Z' fill='white'/%3E%3C/svg%3E"); 
    padding-left: 30px;
	color: #fff !important;
}

.elementor-location-popup p a {
	color: #fff;
}

/****************************************** FOOTER styles  ******************************************/
.elementor-location-footer .tel-container-parent .tel-container a,
.elementor-location-footer .mail-container-parent .mail-container a {
	color: black;
}

.elementor-location-footer .adres-container-parent,
.elementor-location-footer .tel-container-parent,
.elementor-location-footer .mail-container-parent {
	height: 30px;
}


/****************************************** USP slider styles **************************************/
@media screen and (min-width: 768px) {
	.usp-slider .elementor-swiper .swiper-slide {
		max-width: 117px;
	}
}


/****************************************** FOOTER styles  ******************************************/
.coming-soon-page .tel-container a,
.coming-soon-page .mail-container a {
	color: var(--mv-white);
}


/****************************************** OUR BLOGS  ******************************************/
/*** OVERLAYING LINK ***/
.blog-column-url,
.blog-column-url *{
	position:absolute;
	height:100%;
	width:100%;
    top: 0;
    left: 0;
    z-index:2;
	opacity:0;
}

.our-blog:hover .our-blog-media img {
	transition: transform 0.3s ease;
}

.our-blog:hover .our-blog-media img {
	transform: scale(1.1);
}

.our-blogs-container .our-blog .elementor-icon-list-text.elementor-post-info__item.elementor-post-info__item--type-custom,
.our-blog .our-blog-content .elementor-icon-list-item.elementor-inline-item a {
	position: relative;
}

.our-blogs-container .our-blog .elementor-icon-list-text.elementor-post-info__item.elementor-post-info__item--type-custom::after,
.our-blog .our-blog-content .elementor-icon-list-item.elementor-inline-item a::after,
.elementor-nav-menu .menu-item a.elementor-item::after {
	content: "";
    height: 2px;
    width: 0px;
    background-color: var(--mv-black);
    position: absolute;
    bottom: 3px;
    left: 50%;
    border-radius: 3px;
	transition: width 0.3s ease, left 0.3s ease;
}

.our-blogs-container .our-blog:hover .elementor-icon-list-text.elementor-post-info__item.elementor-post-info__item--type-custom::after,
.elementor-nav-menu .menu-item a.elementor-item:hover::after {
	width: 100%;
	left: 0;
}

/* Blog transition effect*/
.our-blog {
	overflow: hidden;
}
.our-blog img {
	transition: all 500ms ease-out;
}
.our-blog:hover img {
	transform: scale(1.1);
}

.e-loop-item.type-post .blog-info-higher {
	visibility: hidden;
/* 	animation: .5s slide-down; */
}
.e-loop-item.type-post:hover .blog-info-higher {
	visibility: visible;
    animation: .5s slide-up;
}
.e-loop-item.type-post:hover .our-blog img {
	transform: none;
}
@keyframes slide-up {
  from {
	  bottom: -299px;
  }
  to {

	bottom: 0px;
  }
}
@keyframes slide-down {
  from {
	  bottom: 0;
  }
  to {

	bottom: -299px;
  }
}

/* Homepage - slide up cards */
.slide-up-card-container:hover .slide-up-card {
	bottom: 5px;
	transition: all 0.5s ease;
}


/****************************************** GFORM styles  ******************************************/
/* CUSTOMISE THIS */
body .gform_wrapper input:not([type=submit]),
body .gform_wrapper textarea  {
    padding: 15px 20px !important;
    border-radius: 30px;
    border: none !important;
    background-color: #FDF1E7 !important;
    line-height: 24px;
    margin: 0px;
    box-shadow: none;
    height: auto;
}

body .gform_wrapper .gform_heading {
	display: none;
}

body .gform_wrapper textarea {
	resize: none;
	padding: 10px 15px !important;
}

body .gform_wrapper input::placeholder {
	font-size: 12px !important;
	line-height: 24px;
	font-family: Poppins;
	opacity: 0.3;
	color: black;
	font-weight: 400;
	letter-spacing: 0.2px;
}

body .gform_wrapper .gform_body .gform_fields {
    gap: 0px 20px;
}

body .gform_wrapper .gform_body .gform_fields .gfield {
    margin: 10px 0px 0px;
    padding: 0px;
}

body .gform_wrapper .gform_body .gform_fields .gfield label {
    font-size: 12px;
    line-height: 28px;
    margin: 5px 0px 5px 20px;
    letter-spacing: initial;
	color: white;
}

body .gform_wrapper .gform_body .gform_fields .gfield input,
body .gform_wrapper .gform_body .gform_fields .gfield select {
	padding: 10px 15px;
}

body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label .gfield_required {
	color: white;
}

body .gform_wrapper .gform_footer.top_label {
	padding-top: 30px;
	padding-bottom: 0;
	margin-bottom: 0;
	position: relative;
}

body .gform_wrapper .gform_body .ginput_container.ginput_container_consent {
    display: flex;
}

body .gform_wrapper .gform_body .ginput_container.ginput_container_consent .gform-field-label.gfield_consent_label {
	color: white;
	font-family: Poppins;
	font-weight: 400;
	font-size: 12px;
	line-height: 24px;
	letter-spacing: 0.2px;
	margin: 10px;
}

body .gform_wrapper .gform_footer {
    width: auto;	
}

body .gform_wrapper .gform_footer input[type=submit] {
	border: 2px solid white;
	font-family: Aleo;
	font-size: 12px;
	font-weight: 700;
    line-height: 20px;
    letter-spacing: 1.2px;
	color: white;
	text-transform: uppercase;
	padding: 12px 48px 10px 25px;
	transition: all ease 0.5s;
}

body .gform_wrapper .gform_footer input[type=submit]:hover {
	color: var(--e-global-color-primary);
	border: 2px solid var(--e-global-color-primary);;
}

body .gform_wrapper .gform_footer.top_label {
	position: relative;
}

body .gform_wrapper .gform_footer.top_label::after {
	content: url("../../uploads/2024/07/submit-button.svg");
	display: inline-block;
	position: absolute;
	top: 40px;
    left: 120px;
}


/* Contact us page */

body .contact-us-form .gform_wrapper .gform_body .gform_fields .gfield .gfield_label .gfield_required.gfield_required_asterisk {
	color: black;
}

body .contact-us-form .gform_wrapper .gform_body .ginput_container.ginput_container_consent {
	padding-right: 180px;
	padding-left: 20px;
}

@media screen and (max-width: 1024px) {
	body .contact-us-form .gform_wrapper .gform_body .ginput_container.ginput_container_consent {
		padding-right: 0;
		padding-left: 20px;
	}
}

body .contact-us-form .gform_wrapper .gform_body .ginput_container.ginput_container_consent .gform-field-label.gfield_consent_label {
	color: black;
	white-space: nowrap;
}

body .contact-us-form .gform_wrapper .gform_footer.top_label::after {
    left: 127px;	
}

body .contact-us-form .gform_wrapper .gform_body .gform_fields .gfield label {
	color: black;
}

body .contact-us-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container.ginput_container_select {
	padding-left: 10px;
	padding-right: 10px;
    border-radius: 30px;
    background-color: #FDF1E7 !important;
    line-height: 24px;
    margin: 0px;
    box-shadow: none;
    height: auto;
}

body .contact-us-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container label.error {
	color: red;
}

body .contact-us-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container.ginput_container_select .gfield_select {
	border: none;
	background-color: transparent;
	height: 56px;
	outline: none;
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.503' fill='orange' height='23.619' viewBox='0 0 13.503 23.619' transform='rotate(270)'%3E%3Cpath d='M15.321,18l8.937-8.93a1.688,1.688,0,0,0-2.391-2.384L11.742,16.8a1.685,1.685,0,0,0-.049,2.327L21.86,29.32a1.688,1.688,0,0,0,2.391-2.384Z' transform='translate(-11.251 -6.194)'/%3E%3C/svg%3E");
	background-position: center;
	background-size: 10px 10px;
	background-position: right 10px center;
	background-repeat: no-repeat;
}

body .contact-us-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container.ginput_container_textarea .textarea {
	min-height: 116px;
	font-family: Poppins;
	font-weight: 400;
	font-size: 12px;
	line-height: 24px;
	letter-spacing: 0.2px;
}

body .contact-us-form .gform_wrapper .gform_footer.top_label {
	color: black;
	font-family: Gilmer Heavy;
	font-weight: 800;
	font-size: 12px;
	line-height: 28px;
	position: absolute;
    right: 0;
    bottom: -10px;
}

@media screen and (max-width: 1024px) {
	body .contact-us-form .gform_wrapper .gform_footer.top_label {
		position: relative;
	}
}
@media screen and (min-width: 767px) {
	body .contact-us-form {
		max-width: 520px !important;
	}
}

/************************************* KUDOS styles *********************************/
form.kudos-form.kd-relative.kd-inline-block.kd-progress-animated {
	max-width: 100% !important;	
}

form.kudos-form.kd-relative.kd-inline-block.kd-progress-animated fieldset.form-tab .kd-radio-buttons .kudos-radio-amount.kd-flex-grow,
.pop-up-form [id^=kudos\-donations\-] form[id^=kudos-form] .kudos-radio-amount {
	margin: 0 !important;
	padding: 2px !important;
}

form.kudos-form.kd-relative.kd-inline-block.kd-progress-animated fieldset.form-tab .kd-radio-buttons,
.pop-up-form [id^=kudos\-donations\-] .kd-radio-buttons {
	padding-bottom: 15px;
	padding-right: 10px;
	padding-left: 10px;
}


form.kudos-form.kd-relative.kd-inline-block.kd-progress-animated fieldset.form-tab .kd-radio-buttons .kudos-radio-amount label,
.pop-up-form [id^=kudos\-donations\-] label {
/* 	background-color: #fff !important; */
	border-radius: 50px 0 0 50px;
}

form.kudos-form.kd-relative.kd-inline-block.kd-progress-animated fieldset.form-tab .kd-radio-buttons .kudos-radio-amount label,
form.kudos-form.kd-relative.kd-inline-block.kd-progress-animated fieldset.form-tab .kd-radio-buttons .kudos-radio-amount input,
.pop-up-form [id^=kudos\-donations\-] fieldset.form-tab .kd-radio-buttons .kudos-radio-amount label,
.pop-up-form [id^=kudos\-donations\-] fieldset.form-tab .kd-radio-buttons .kudos-radio-amount input {
	border: none !important;
    outline: none !important;
	height: 46px !important;
	border-radius: 0 !important;
	line-height: 32px;
	font-family: Aleo;
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 0.2px;
	border: 1px solid white !important;
}

form.kudos-form.kd-relative.kd-inline-block.kd-progress-animated fieldset.form-tab .kd-radio-buttons .kudos-radio-amount:first-child label,
.pop-up-form [id^=kudos\-donations\-]  fieldset.form-tab .kd-radio-buttons .kudos-radio-amount:first-child label {
	border-radius: 50px 0 0 50px !important;
}

form.kudos-form.kd-relative.kd-inline-block.kd-progress-animated fieldset.form-tab .kd-radio-buttons .kudos-radio-amount:last-child label,
.pop-up-form [id^=kudos\-donations\-] fieldset.form-tab .kd-radio-buttons .kudos-radio-amount:last-child label {
	border-radius: 0 50px 50px 0 !important;
}

@media screen and (max-width: 475px) {
	form.kudos-form.kd-relative.kd-inline-block.kd-progress-animated fieldset.form-tab .kd-radio-buttons .kudos-radio-amount:nth-of-type(odd) label,
	.pop-up-form [id^=kudos\-donations\-]  fieldset.form-tab .kd-radio-buttons .kudos-radio-amount:nth-of-type(odd) label {
		border-radius: 50px 0 0 50px !important;
	}
	
	form.kudos-form.kd-relative.kd-inline-block.kd-progress-animated fieldset.form-tab .kd-radio-buttons .kudos-radio-amount:nth-of-type(even) label,
	.pop-up-form [id^=kudos\-donations\-] fieldset.form-tab .kd-radio-buttons .kudos-radio-amount:nth-of-type(even) label {
		border-radius: 0 50px 50px 0 !important;
	}
}

[id^=kudos\-donations\-] form[id^=kudos-form] .kudos-radio-amount input:checked+label,
.pop-up-form [id^=kudos\-donations\-] .kudos-radio-amount input:checked+label {
	background-color: #F7A60C !important;
}

[id^=kudos\-donations\-] .checked\:kd-bg-radio-checked:checked {
	background-image: url("../../uploads/2024/08/kd-checked-dot-2.svg") !important;
}

[id^=kudos\-donations\-] .checked\:kd-bg-primary:checked {
	background-color: #FFF !important;
}

/*[id^=kudos\-donations\-] .kd-bg-white {
	color: #EE760E !important;
}*/

form.kudos-form.kd-relative.kd-inline-block.kd-progress-animated fieldset.form-tab label.kd-flex.kd-cursor-pointer input.kd-appearance-none,
.pop-up-form [id^=kudos\-donations\-] label.kd-flex.kd-cursor-pointer input.kd-appearance-none {
	border-radius: 50px !important;
	height: 46px !important;
	line-height: 32px;
	font-family: Aleo;
	/*font-weight: 700;*/
	color: #B3B3B3;
	font-size: 14px;
	letter-spacing: 0.2px;
	padding-bottom: 15px;
}

.pop-up-form [id^=kudos\-donations\-] label.kd-cursor-pointer:has(input[type="number"]) {
	display: none !important;
}

form.kudos-form.kd-relative.kd-inline-block.kd-progress-animated fieldset.form-tab label.kd-flex.kd-cursor-pointer input.kd-appearance-none.kd-rounded-l-none,
.pop-up-form [id^=kudos\-donations\-] label.kd-flex.kd-cursor-pointer input.kd-appearance-none.kd-rounded-l-none {
	border-radius: 0 50px 50px 0 !important;
}

form.kudos-form.kd-relative.kd-inline-block.kd-progress-animated fieldset.form-tab label.kd-flex.kd-cursor-pointer,
.pop-up-form [id^=kudos\-donations\-] label.kd-flex.kd-cursor-pointer {
	padding-bottom: 15px;
}

form.kudos-form.kd-relative.kd-inline-block.kd-progress-animated fieldset.form-tab label.kd-flex.kd-cursor-pointer span.kd-break-normal,
.pop-up-form [id^=kudos\-donations\-] label.kd-flex.kd-cursor-pointer span.kd-break-normal {
	border-radius: 50px 0 0 50px !important;
	height: 46px !important;
	line-height: 32px;
	font-family: Aleo;
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 0.2px;
}

.kudos-donations form.kudos-form fieldset.form-tab div.kd-flex label.kd-flex input.kd-appearance-none.kd-text-left.kd-ring-offset-2,
.pop-up-form [id^=kudos\-donations\-] input.kd-appearance-none.kd-text-left.kd-ring-offset-2 {
	height: 18px !important;
	width: 18px !important;
}

.kudos-donations form.kudos-form fieldset.form-tab .kudos-modal-buttons button.kd-transition.kd-leading-normal.kd-bg-primary.kd-bg-next,
.pop-up-form [id^=kudos\-donations\-] button.kd-transition.kd-leading-normal.kd-bg-primary.kd-bg-next {
	border: 2px solid white !important;
	border-radius: 50px !important;
	padding-right: 50px !important;
	position: relative;
}

.kudos-donations form.kudos-form fieldset.form-tab > .kudos-modal-buttons::after,
.pop-up-form [id^=kudos\-donations\-] fieldset.form-tab > .kudos-modal-buttons::after {
	content: url("../../uploads/2024/07/submit-button.svg") !important;
	position: absolute;
	bottom: 5px;
    right: 13px;
	display: inline-block;
}

[id^=kudos\-donations\-] .kd-bg-back-button {
	background-image: url("../../uploads/2024/08/kd-arrow-left.svg") !important;
}

.kudos-donations form.kudos-form fieldset.form-tab > .kudos-modal-buttons {
	margin-top: 10px !important;
}

.kd-flex.kd-justify-center.kd-items-center.kd-mt-4 {
	justify-content: start !important;
}

/*Doneer knop 2e pagina form*/
button.kd-transition.kd-ease-in-out.focus\:kd-ring-primary.focus\:kd-ring.focus\:kd-ring-offset-2.kd-text-center.kd-text-white.kd-leading-normal.kd-font-normal.kd-normal-case.kd-no-underline.kd-w-auto.kd-h-auto.kd-inline-flex.kd-items-center.kd-select-none.kd-py-3.kd-px-5.kd-rounded-lg.kd-cursor-pointer.kd-shadow-none.kd-border-none.kd-bg-primary.hover\:kd-bg-primary-dark.kudos_submit.kd-bg-lock.kd-bg-no-repeat.kd-bg-8.kd-bg-left-2.kd-pl-\[2\.5em\].kd-ml-3 {
	margin-right:40px !important;
}

/* "Betaling" font 2e pagina form */
h2.kudos_modal_title.kd-font-normal.kd-font-serif.kd-text-4xl.kd-m-0.kd-mb-2.kd-text-gray-900.kd-block.kd-text-center {
    font-family: montserratregular, Century Gothic, sans-serif !important;
}

/************************************* Pagination *********************************/
.elementor-pagination {
    margin-top: 80px;
}

.elementor-pagination > .page-numbers.next, 
.elementor-pagination > .page-numbers.prev {
    color: var(--e-global-color-primary);
}

.elementor-pagination > .page-numbers {
    color: black;
    margin-right: 15px !important;
	margin-left: 15px !important;
}

.elementor-pagination > .page-numbers {
	font-family: Poppins;
	font-weight: 600;
	font-size: 12px;
	line-height: 28px;
	color: black;
}

.elementor-pagination > .page-numbers.current {
	position: relative;
}

.elementor-pagination > .page-numbers.current::after {
	position: absolute;
	content: "";
	display: inline-block;
	height: 2px;
	width: 10px;
	background-color: var(--e-global-color-primary);
	bottom: -10px;
	left: -2px;
}


/****************************************** Search ******************************************/
.search-filter-form .sf-field-search .sf-input-text,
.search-filter-form .sf-field-sort_order .sf-input-select {
	border-radius: 30px;
	background: var(--mv-white);
	border: 1px solid #d7d7d7;
	outline-color: var(--mv-white);
	width: 100%;
}

.search-filter-form .sf-field-search .sf-input-text:active {
	border-color: blue;
}

.searchandfilter .sf-field-search input,
.searchandfilter .sf-field-sort_order select {
	padding: 10px 20px;
}

.searchandfilter .sf-field-sort_order .sf-input-select {
	width: 100%;
	min-width: 125px;
	position: relative;
	appearance: none;
}

.searchandfilter .sf-field-sort_order .sf-input-select {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.503' height='23.619' viewBox='0 0 13.503 23.619' transform='rotate(270)'%3E%3Cpath d='M15.321,18l8.937-8.93a1.688,1.688,0,0,0-2.391-2.384L11.742,16.8a1.685,1.685,0,0,0-.049,2.327L21.86,29.32a1.688,1.688,0,0,0,2.391-2.384Z' transform='translate(-11.251 -6.194)'/%3E%3C/svg%3E");
	background-position: center;
	background-size: 10px 10px;
	background-position: right 10px center;
	background-repeat: no-repeat;
}

.searchandfilter .sf-field-sort_order label {
	width: 100%;
	display: block;
}

@media only screen and (max-width: 768px) {
	.searchandfilter ul {
		display: flex;
		gap: 0 20px;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-end;
	}
	.searchandfilter .sf-field-search,
	.searchandfilter .sf-field-sort_order {
		width: 100%;
    	padding-right: 40px;
	}
	
	.searchandfilter .sf-field-search label {
		width: 100%;
	}
}


/* Agenda page - search section */

.agenda-search-section .elementor-shortcode form ul {
	display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: 25px;
}

@media screen and (max-width: 664px) {
	.agenda-search-section .elementor-shortcode form ul {
		gap: 5px;
	}
}

.agenda-search-section .elementor-shortcode form ul li h4 {
	/*font-family: Gilmer Heavy;*/
	font-weight: 800;
	font-size: 12px;
	line-height: 28px;
	padding-left: 20px;
	padding-bottom: 5px;
}

.agenda-search-section .elementor-shortcode form ul li label {
    padding-right: 15px;
    background-color: white;
    border-radius: 100px;
}

.agenda-search-section .elementor-shortcode form ul li label select {
	min-width: 280px;
	min-height: 56px;
	border-radius: 100px;
	padding: 24px;
	border: unset;
	background-color: white;
	outline: none;
	appearance: none;
}

.agenda-search-section .elementor-shortcode form ul li label select.sf-input-select {
	color: #819ED2;
	font-family: Poppins;
	font-weight: 400;
	font-size: 12px;
	line-height: 9px;
	letter-spacing: 0.2px;
	background-color: transparent;
	z-index: 5;
    position: relative;
}

.agenda-search-section .elementor-shortcode form ul li label {
	position: relative;
}

.agenda-search-section .elementor-shortcode form ul li label::after {
	position: absolute;
	display: inline-block;
	content: url("../../uploads/2024/07/angle-down-1.png");
	top: 16px;
    right: 17px;
	z-index: 1;
}

.agenda-search-section .elementor-shortcode form ul li.sf-field-submit input {
	background: url("../../uploads/2024/07/magnifying-glass.svg");
    background-repeat: no-repeat;
    background-position: center;
	background-color: var(--e-global-color-primary);
}

.agenda-search-section .elementor-shortcode form ul li.sf-field-submit input {
	height: 56px;
    width: 56px;
	cursor: pointer;
}

/****************************************** FAQ SECTION ******************************************/
.elementor-widget-container > .elementor-accordion .elementor-tab-content {
	border: none!important;
} 

.elementor-widget-container > .elementor-accordion > .elementor-accordion-item  {
    margin-bottom: 15px;
	border: none!important;
}

.elementor-widget-container > .elementor-accordion > .elementor-accordion-item .elementor-tab-title {
    border-radius: 40px;
}

.elementor-widget-container > .elementor-accordion > .elementor-accordion-item .elementor-tab-title:after {
	content: '';
    display: inline-flex;
    position: absolute;
    height: 20px;
    width: 20px;
    right: 20px;
    transform: rotate(270deg);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.503' height='23.619' viewBox='0 0 13.503 23.619'%3E%3Cpath d='M15.321,18l8.937-8.93a1.688,1.688,0,0,0-2.391-2.384L11.742,16.8a1.685,1.685,0,0,0-.049,2.327L21.86,29.32a1.688,1.688,0,0,0,2.391-2.384Z' transform='translate(-11.251 -6.194)'/%3E%3C/svg%3E") !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: transform 500ms;
    will-change: transform;	
}

.elementor-widget-container > .elementor-accordion > .elementor-accordion-item .elementor-tab-title.elementor-active:after {
    transform: rotate(90deg);
}

/****************************************** Activiteiten / Activity dropdown **********************************/

.elementor-widget-container .e-n-accordion .e-n-accordion-item .e-con {
	border-radius: 0px 0px 40px 40px !important;
	padding-top: 40px !important;
	margin-top: -36px !important;
}

/****************************************** Vacatures search section ******************************************/
.alle-vacatures-page-filter .alle-vacatures-page-filter-search form ul {
	display: flex;
    align-items: center;
	flex-wrap: wrap;
	margin: 0 20px;
	justify-content: center;
}

.alle-vacatures-page-filter .alle-vacatures-page-filter-search .sf-input-select {
	background: var(--mv-white);
	border: 1px solid #d7d7d7;
    border-radius: 3px;
	outline-color: var(--mv-white);
	padding: 10px 15px;
	color: #666;
	appearance: none;
}

.alle-vacatures-page-filter .alle-vacatures-page-filter-search .sf-input-select {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.503' height='23.619' viewBox='0 0 13.503 23.619' transform='rotate(270)'%3E%3Cpath d='M15.321,18l8.937-8.93a1.688,1.688,0,0,0-2.391-2.384L11.742,16.8a1.685,1.685,0,0,0-.049,2.327L21.86,29.32a1.688,1.688,0,0,0,2.391-2.384Z' transform='translate(-11.251 -6.194)'/%3E%3C/svg%3E");
	background-position: center;
	background-size: 10px 10px;
	background-position: right 10px center;
	background-repeat: no-repeat;
}

.alle-vacatures-page-filter .alle-vacatures-page-filter-search .sf-field-taxonomy-job-type {
	display: flex;
    align-items: center;
    gap: 15px;
	flex-wrap: wrap;
	margin-right: 40px;
}

.alle-vacatures-page-filter .alle-vacatures-page-filter-search .sf-field-taxonomy-location {
	display: flex;
    align-items: center;
    gap: 15px;
	flex-wrap: wrap;
}

.alle-vacatures-page-filter .alle-vacatures-page-filter-search .sf-field-taxonomy-location ul {
	display: flex;
    align-items: flex-start;
    gap: 15px;
    flex-wrap: wrap;
}

.alle-vacatures-page-filter .alle-vacatures-page-filter-search h4 {
    font-size: 17px;
    font-weight: 400;
    color: #505050;
}

.alle-vacatures-page-filter .alle-vacatures-page-filter-search label {
	font-size: 17px;
    font-weight: 300;
    color: #505050;
}

.alle-vacatures-page-filter .alle-vacatures-page-filter-search .sf-field-reset .search-filter-reset {
    display: flex;
	flex-direction: column;
	font-weight: 100 !important;
    font-size: 12px;
}

@media screen and (max-width: 1024px) {
	.alle-vacatures-page-filter .alle-vacatures-page-filter-search form > ul {
		display: block;
	}
	
	.alle-vacatures-page-filter .alle-vacatures-page-filter-search .sf-field-taxonomy-location ul {
		justify-content: flex-start;	
	}
}

body.single-activiteiten .gform_wrapper .gform_body .gform_fields .gfield .gfield_label .gfield_required.gfield_required_asterisk,
body.single-activiteiten .gform_wrapper .gform_body .gform_fields .gfield label
{
	color: black;
}