/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
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
*/
html,
body {
	overflow-x:hidden;
}
.jet-listing-dynamic-field__content {
	line-height: 1.2em !important;
}
.jet-listing-dynamic-field__inline-wrap {
	height: 25px;
}

#main-menu-transparent{
    position:absolute;
    top:0;
	left:0;
	right:0;
	z-index:auto;
}
/* Diensten form maak kennis form */
.elementor-section[data-id="7715c096"] {
	margin-top:0!important;
}
.elementor-column[data-id="6f36248e"] .elementor-widget-wrap{
	margin:0 !important;
}
.elementor-column[data-id="6f36248e"] .elementor-widget-container {
	padding:0 !important;
}
.wpcf7-form-control-wrap {
	padding-bottom:20px;
}
/* END Diensten form maak kennis column */


.elementor-nav-menu--toggle .elementor-menu-toggle.elementor-active+.elementor-nav-menu__container {
	top:-40px !important;
	padding-top:155px;
	margin-top:0px;
	margin-right:0;
	margin-left:auto;
	right:-1000px;
	height:100vh;
}
.elementor-menu-toggle.elementor-active {
	z-index:10000;
}
#i4talent-overlay-menu {
	position:fixed;
	right:-430px;
	width:430px;
	z-index:3;
	height:100vh;
	transition: right 600ms !important;
}
.menu-is-open #i4talent-overlay-menu {
	right:0;
	transition: right 600ms !important;
}
.hamburger-toggle {
	cursor:pointer;
}
.menu-is-open #hamburger-toggle .elementor-widget-wrap {
	background-image: url('/wp-content/uploads/2022/04/Light.svg');
}


#main-menu-transparent .elementor-menu-toggle {
	background:transparent;
}
#main-menu-transparent .eicon-menu-bar:before,
#main-menu-transparent .eicon-close:before{
	color:#fff;
}

.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
	padding:21px;
}

.p-blue {
	color:#00569F;
}
.p-orange {
	color:#F58220;
}

.vacancy-menu-item a::before {
	content:attr(title);
	background-color:#F58220;
	display:inline-block;
	color: rgb(255 255 255);
	font-size:11px;
    font-weight: 700;
    width: 21px;
    height: 21px;
    border-radius: 100%;
    opacity: 1 !important;
    vertical-align: middle;
    text-align: center;
    margin:0 0 15px 93px;
	line-height:21px;
}

input:not([type="radio"]):not([type="submit"]):not([type="file"]):not([type="checkbox"]), textarea, select {
	border:2px solid #828282 !important;
	border-radius:0px !important;
	min-height:50px;
	font-family:"PT Sans";
	font-size:20px;
}
input:focus-visible {
	outline:2px solid #F58220 !important;
	border-radius:0px !important;
}
input[type="checkbox"], input[type="radio"] {
	-moz-appearance:none;
	-webkit-appearance:none;
	-o-appearance:none;
	outline: none;
	content: none;	
}
input[type="checkbox"]:after, .jet-checkboxes-list__decorator {
	font-family:"FontAwesome";
    content: "\f00c";
    font-size: 15px;
    color: transparent;
    background: #fff;
    display: inline-block;
	width:19px !important;
	height:19px !important;
	vertical-align:middle;
	margin-right:8px;
	line-height:15px;
	border-radius:0px !important;
	border:2px solid #00569F !important;
}
input[type="checkbox"]:checked:after {
	color: #00569F !important;
}
input[type="radio"]:after {
	font-family:"FontAwesome";
    content: "\f111";
    font-size: 15px;
    color: transparent;
    background: #fff;
    display: inline-block;
	width:19px;
	height:19px;
	vertical-align:middle;
	margin-right:8px;
	line-height:15px;
	border:2px solid #00569F !important;
}
input[type="radio"]:checked:after {
	color: #00569F !important;
}
.jet-radio-list__decorator {
	border-radius:100% !important;
	width:19px !important;
	height:19px !important;
	border:2px solid #00569F !important;
}
.jet-radio-list .jet-radio-list__item .jet-radio-list__input:checked+.jet-radio-list__button .jet-radio-list__decorator, .jet-checkboxes-list .jet-checkboxes-list__item .jet-checkboxes-list__input:checked+.jet-checkboxes-list__button .jet-checkboxes-list__decorator{
	background:transparent !important;
}
.jet-radio-list__checked-icon.fa.fa-check:before {
	content:"\f111" !important;
	color: #00569F !important;
}
.jet-checkboxes-list__checked-icon.fa.fa-check:before {
	color: #00569F !important;
}
select::-ms-expand { display: none; }
select {
    background: url("/wp-content/uploads/2022/05/chevron-down.svg") no-repeat;
    background-position: calc(100% - 0.75rem) center !important;
    -moz-appearance:none !important;
    -webkit-appearance: none !important; 
    appearance: none !important;
    padding-right: 2rem !important;
}
::placeholder {
	font-family:"PT Sans";
	font-size:20px;
}
.wpcf7-list-item {
	margin:0;
}

#apply_form label {
	display:block !important;
	font-weight:700;
	padding-top:20px;
	padding-bottom:10px;
}
h4.cxskills {
	color:#F58220;
	padding-top:10px;
	padding-bottom:20px;
}
.cxskills th {
	font-family:"Oswald", Sans-serif;
	font-weight: 600;
    text-transform: uppercase;
	color:#00569F;
	text-align:left;
	font-size:18px;
}

.cxskills td {
	width:50%;
	font-family:"PT-Sans", Sans-serif;
	font-size:16px;
}
.cx_h4 {
	font-family:"Oswald", Sans-serif;
	color:#F58220;
	text-transform:initial !important;
}
.cx2_information {
	color:#fff !important;
}
.cx2_information .fa-phone-alt { 
	margin-right:12px;
}
.cx2_information .telefoonnr {
	display:inline-block;
}
#solliciteren-form .cx_h3 {
	color:#F58220;
	margin:54px 0 0 0;
}
.cx_h3.cx2_h3_personal {
	margin-top:0px !important;
}
#solliciteren-form #apply_button {
	margin-top:21px;
}
.carerix_required {
	border:none;
}
label.cx2_required:after {
	content:" (*vereist)";
	font-size:14px;
}
span.cx2_personal-cv-info, span.cx2_personal-photo-info {
	display:block;
	font-size:14px;
	margin-top:5px;
}
#apply_button {
	min-width:130px;
	border:none;
}
#apply_form label {
	width:100%;
}
#solliciteren-form div[class^="data_"] {
	display:block !important;
	width:100% !important;
}
/********** SMALLER DEVICES *********/
@media(max-width:767px){
	.menu-is-open #i4talent-overlay-menu {
		width:100%;
	}
	body.menu-is-open #main-menu-transparent{

		z-index:3;
	}
	body.menu-is-open #logo-container{
		visibility:hidden;
		transition: visibility 300ms;
	}
	nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
		position:relative !important;
		width:100% !important;
		top:0 !important;
		left:0 !important;
		background-color:#01569F;
		padding-top:90px;
		margin-top:0;
		overflow-y:scroll;
		
	}
	nav.elementor-nav-menu--dropdown.elementor-nav-menu__container >ul >li a {
		color:#fff;
	}
	nav.elementor-nav-menu--dropdown.elementor-nav-menu__container .sub-menu li a {
		color:#54595F;
		font-family: "Oswald", Sans-serif;
		font-size: 22px;
		font-weight: 600;
		line-height: 23px;
	}
}

@media (min-width: 569px){
	form .elementor-column.elementor-col-50, 
	form .elementor-column[data-col="50"] {
    	width: calc(50% - 17px);
		display:inline-block;
		margin-bottom:17px;
	}
	
}
@media (min-width: 835px){
	#solliciteren-form div[class^="data_"] {
		width:49% !important;
		display:inline-block !important;
	}
	#apply_button {
		display:block;
	}
}


@media(min-width:768px){
	.hide-desktop {
		display:none !important;
	}
	.vacancy-menu-item {
		margin-right:30px !important;
	}
	.vacancy-menu-item a::before {
		margin:0 0 15px 85px;
	}
	.big-menu-item a{
		font-size:30px !important;
	}
}

.cmplz-message h6 {margin:0!important; color:#00569F!important; text-transform: none;}