/*
Theme Name:     {Client name }
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    ***************/

article, aside, details, figcaption, figure, 
footer, header, hgroup, section {
	display: block;
}
body {
	line-height: 1;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a:focus, a:focus-visible {
	outline: none !important;
}

/* ALT INFO BUTTON */

.elementor-element .elementor-button-info .elementor-button-link::after,
a.search-filter-reset::after {
	content: " ";
	display: block;
	width: 0;
	margin: auto;
	background: var(--mv-black);
	height: 2px;
	transition: all ease .3s;
	margin-top: 2px;
}

.elementor-element .elementor-button-info .elementor-button-link:hover::after,
a.search-filter-reset:hover::after {
	width: 100%;
}

/**********    Dynamic 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: var(--e-global-color-primary);
}

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


/****************************************** FOOTER styles  ******************************************/
.elementor-location-footer .tel-container-parent .tel-container a,
.elementor-location-footer .mail-container-parent .mail-container a {
	color: var( --e-global-color-primary);
}

.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);
}


/****************************************** QUOTE SECTION ******************************************/
blockquote.elementor-blockquote > .elementor-blockquote__content {
    margin-bottom: 50px;
}

blockquote.elementor-blockquote > .elementor-blockquote__content:before,
blockquote.elementor-blockquote > .elementor-blockquote__content:after {
    content:'"';
    display: inline-flex;
    position: absolute;
    font-size: 150px;
    color: var(--e-global-color-secondary);
    font-weight: 700;
    z-index: 1;
    opacity: 0.7;
}

blockquote.elementor-blockquote > .elementor-blockquote__content:before {
    top: -20px;
    left: -55px;
}

blockquote.elementor-blockquote > .elementor-blockquote__content:after {
    bottom: -50px;
    right: -55px;
}

@media screen and (max-width: 1024px) {
    blockquote.elementor-blockquote > .elementor-blockquote__content {
        padding: 25px 0px;
        font-size: 40px;
        line-height: 50px;
    }

    blockquote.elementor-blockquote > .elementor-blockquote__content:before,
    blockquote.elementor-blockquote > .elementor-blockquote__content:after {
        font-size: 120px;
    }

    blockquote.elementor-blockquote > .elementor-blockquote__content:before {
        top: 0px;
        left: -20px;
    }

    blockquote.elementor-blockquote > .elementor-blockquote__content:after {
        bottom: -20px;
        right: -20px;
    }
}

@media screen and (max-width: 950px) {
    blockquote.elementor-blockquote > .elementor-blockquote__content:before {
        left: 0;
    }

    blockquote.elementor-blockquote > .elementor-blockquote__content:after {
		right: 0;
	} 
}

@media screen and (max-width: 550px) {
    blockquote.elementor-blockquote > .elementor-blockquote__content {
        padding: 15px 0px;
        font-size: 30px;
        line-height: 35px;
    }

    blockquote.elementor-blockquote > .elementor-blockquote__content:before,
    blockquote.elementor-blockquote > .elementor-blockquote__content:after{
        font-size: 100px;
    }

    blockquote.elementor-blockquote > .elementor-blockquote__content:before {
        top: 0px;
        left: 0;
    }

    blockquote.elementor-blockquote > .elementor-blockquote__content:after {
        bottom: -20px;
        right: 0;
    }
}


/****************************************** 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{
	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,
.our-blog:hover .our-blog-content .elementor-icon-list-item.elementor-inline-item a::hover::after {
	width: 100%;
	left: 0;
}


/****************************************** GFORM styles – Elementor aware ******************************************/

body .gform_wrapper input:not([type=submit]),
body .gform_wrapper textarea {
    padding: 10px 20px !important;
    border-radius: 30px;
    border: 1px solid var(--e-global-color-text) !important;
    background-color: var(--e-global-color-background) !important;
    color: var(--e-global-color-text) !important;
    font-family: var(--e-global-typography-text-font-family), sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    line-height: var(--e-global-typography-text-line-height);
    margin: 0;
    box-shadow: none;
    height: auto;
}

body .gform_wrapper textarea {
    resize: none;
    color: var(--e-global-color-text) !important;
    padding: 10px 15px !important;
}

body .gform_wrapper textarea::placeholder {
    font-size: var(--e-global-typography-text-font-size) !important;
    line-height: var(--e-global-typography-text-line-height);
    font-family: var(--e-global-typography-text-font-family), sans-serif;
    color: var(--e-global-color-text);
}

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

body .gform_wrapper .gform_body .gform_fields .gfield label {
    font-size: var(--e-global-typography-text-font-size);
    line-height: 1.3;
    margin: 5px 0 0 20px;
    letter-spacing: normal;
    font-family: var(--e-global-typography-text-font-family), sans-serif;
    color: var(--e-global-color-text);
}

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: var(--e-global-color-accent);
}

body .gform_wrapper .gform_footer input[type=submit] {
    background-color: var(--e-global-color-text);
    color: var(--e-global-color-accent);
    font-family: var(--e-global-typography-text-font-family), sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    line-height: var(--e-global-typography-text-line-height);
    border: none;
    border-radius: 30px;
    padding: 12px 32px;
    transition: all 0.3s ease;
    cursor: pointer;
}

body .gform_wrapper .gform_footer input[type=submit]:hover {
    background-color: var(--e-global-color-secondary);
}

body .gform_wrapper input:focus,
body .gform_wrapper textarea:focus,
body .gform_wrapper select:focus {
  border-color: var(--e-global-color-secondary) !important;
  outline: none;
  box-shadow: 0 0 0 1px var(--e-global-color-secondary); /* optioneel subtiele glow */
}

body .gform_wrapper input::placeholder,
body .gform_wrapper textarea::placeholder,
body .gform_wrapper select::placeholder {
  color: var(--e-global-color-text) !important;
  font-family: var(--e-global-typography-text-font-family), sans-serif;
  font-size: var(--e-global-typography-text-font-size);
  opacity: 1; /* voorkomt dat browser een zwakke transparantie toepast */
}


/************************************* Pagination *********************************/
.elementor-pagination {
    margin-top: 40px;
}
.elementor-pagination > .page-numbers.next, 
.elementor-pagination > .page-numbers.prev {
    background: var(--e-global-color-primary);
}
.elementor-pagination > .page-numbers {
    background: var(--e-global-color-primary);
    border-radius: 10px;
    padding: 15px 20px;
    color: white;
    margin-right: 2px;
}
.elementor-pagination > a.page-numbers {
    background: var(--e-global-color-secondary);
}
.elementor-pagination > a.page-numbers.current {
    background: var(--e-global-color-primary);
}


/****************************************** 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%;
	}
}


/****************************************** 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);
}


/****************************************** 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;	
	}
}

///*CWP 15-8 *///
.accent-underline {
  color: #30CDAF; /* jouw accentkleur */
  position: relative;
}

/* SVG underline als achtergrond */
.accent-underline::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -15px; /* pas aan naar wat visueel goed uitkomt */
  height: 16px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 184 16'><path fill='%2330CDAF' d='M63.1253 0.873787C52.4604 1.37638 37.7201 2.58925 25.762 3.94789C17.193 4.92157 1.69366 7.32198 0.929989 7.79362C-0.0350782 8.38908 4.70277 8.12006 10.7256 7.23756C17.5466 6.23743 44.009 3.6057 46.7219 3.65748C47.7243 3.67662 42.8033 4.54673 35.7863 5.59132C17.3334 8.33899 14.8865 8.85285 14.5102 10.0595C14.2158 11.0039 14.6122 11.067 18.6065 10.7118C36.7906 9.09486 44.1028 8.65417 58.1132 8.33055C66.8844 8.1285 79.392 8.16959 85.9078 8.42229L97.7547 8.88211L83.6396 9.63854C68.9221 10.427 44.0317 13.2169 42.3294 14.2683C40.2544 15.5498 43.0521 15.932 48.5445 15.1176C71.7262 11.681 105.179 10.5058 128.234 12.3187C134.883 12.841 140.891 13.4032 141.585 13.5681C142.785 13.8518 144.475 12.3069 143.575 11.7508C142.781 11.2606 126.976 9.31267 113.702 8.0694C103.566 7.11993 94.4394 6.75241 74.5166 6.49183L48.5445 6.15245L59.9358 5.16696C96.8562 1.97409 133.703 2.7142 168.517 7.34956C182.005 9.14495 183.417 9.2198 183.417 8.13469C183.417 7.0023 166.952 4.60076 146.965 2.81832C120.431 0.451674 88.0311 -0.299687 63.1253 0.873787ZM52.3984 3.3969C52.0958 3.58375 51.3094 3.60401 50.6523 3.44136C49.9251 3.26182 50.1411 3.12843 51.2028 3.10142C52.1633 3.07722 52.7009 3.21004 52.3984 3.3969Z'/></svg>");
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  height: 20px;
}

#gform_wrapper_1 .name_first {
  font-weight: 700 !important;
}

#gform_wrapper_1 .name_last {
  font-weight: 700 !important;
}