/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* ALGEMEEN */

.elementor-widget-text-editor ol, .elementor-widget-text-editor ul {
    padding-left: 20px;
    margin-bottom: 12px;
}

.txt_red {
	color: var( --e-global-color-secondary ) !important;
}
.txt_black {
	color: #000 !important;
}
.elementor-button-icon svg {
    transition: .3s;
}

.parter-logos img {
    width: 100%;
    max-height: 50px;
    object-fit: contain !important;
	filter: grayscale(1);
	transition: .3s;
}
.parter-logos img:hover {
	filter: grayscale(0);
}
.parter-logos .swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important; 
}

.testim_col_white::after {
    content: "";
    position: absolute;
    top: 0;
    right: -149px;
    width: 150px;
    height: 100%;
    background: linear-gradient(90deg, #f8f7f7 0%, #f8f7f780 100%, #e8e8e800 100%);
    clip-path: polygon(0 0, 100% 0, 0 100%);
    pointer-events: none;
    z-index: 2;
}
.testim_slider .swiper-slide {
    padding: 0;
}
.testim_slider .elementor-main-swiper {
	padding-bottom: 0px !important;
}
.swiper-pagination-bullet {
	width: 10px;
    height: 10px;
    background: #c40123;
    opacity: .4;
}
.swiper-pagination-bullet-active {
	background: #c40123;
	opacity: 1;
}

/* EIND */

/* Loop item clickable + BG scale */

/*.loop_item_card {
    position: relative;
    cursor: pointer;
}
.loop_item_link {
    position: static !important;
}
.loop_item_link a::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.loop_item_card {
    overflow: hidden;
}
.loop_item_card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.4s ease;
    z-index: 0;
}
.loop_item_card:hover::before {
    transform: scale(1.1);
    transition: .8s !important;
}
.loop_item_card > * {
    position: relative;
    z-index: 1;
}*/
/* EIND */

/* Vacature card */

.loop_item_card_vac {
    position: relative !important;
    overflow: hidden;
    cursor: pointer;
}
.loop_item_bg_vac, .loop_item_bg_vac_white {
    transition: transform 0.5s ease;
}
.loop_item_card_vac:hover .loop_item_bg_vac, .loop_item_card_vac:hover .loop_item_bg_vac_white {
    transform: scale(1.05);
}
.loop_item_link_wrapper_vac,
.loop_item_link_vac,
.loop_item_link_vac .elementor-button {
    position: static !important;
    overflow: visible !important;
}
.loop_item_link_vac .elementor-button::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 10 !important;
}
.loop_item_card_vac .loop_item_bg_vac::before,
.loop_item_card_vac .loop_item_bg_vac::after,
.loop_item_card_vac .loop_item_bg_vac_white::before,
.loop_item_card_vac .loop_item_bg_vac_white::after{
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    transition: opacity 0.8s ease !important;
    pointer-events: none !important;
}
/*.loop_item_card_vac .loop_item_bg_vac::before {
    background-image: linear-gradient(180deg, #FFFFFF00 50%, var(--e-global-color-text) 95%) !important;
    opacity: 1 !important;
}
.loop_item_card_vac .loop_item_bg_vac::after {
    background-image: linear-gradient(180deg, #FFFFFF00 50%, var(--e-global-color-text) 90%) !important;
    opacity: 0 !important;
}
.loop_item_card_vac .loop_item_bg_vac_white::before {
    background-image: linear-gradient(180deg, #FFFFFF00 50%, #fff 95%) !important;
    opacity: 1 !important;
}
.loop_item_card_vac .loop_item_bg_vac_white::after {
    background-image: linear-gradient(180deg, #FFFFFF00 50%, #fff 90%) !important;
    opacity: 0 !important;
}
.loop_item_card_vac:hover .loop_item_bg_vac::after,
.loop_item_card_vac:hover .loop_item_bg_vac_white::after{
    opacity: 1 !important;
}*/

/* EIND */

/* Vacature filter */

.vf-title {
    font-size: 32px !important;
    margin-bottom: 20px !important;
    font-family: 'Outfit';
    font-weight: bold;
}
.vacature-filter {
    display: inline;
}
.vac_filter_shortcode {
	padding: 0px 50px 0px 0px;
    border-right: 2px solid #eee;
}
.vf-header {
    background: none !important;
    padding: 20px 0px !important;
    color: black !important;
    border-radius: 0px !important;
    border: 0px solid !important;
}
.vf-header-label {
	font-size: 20px;
}
.vf-combo-value {
	font-size: 16px;
	font-weight: 400;
}
.vf-toggle {
    background: none !important;
    color: black !important;
    border: 0px solid !important;
    border-radius: 0px !important;
    cursor: pointer !important;
    padding: 0px !important;
    font-size: 14px !important;
}
.vf-section {
	outline: none !important;
}
.vf-body {
    margin-top: 0px;
}
.vf-select .vf-combo-button {
    background: none;
    color: black;
    padding: 5px 10px;
    border: 1px solid !important;
}
.vf-check input {
	accent-color: #c40123 !important;
}

/* EIND */