/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Dec 04 2024 | 11:42:02 */
/* global CSS rules mobile, tablets, desktop without media Query */
.wp-grid-builder .wpgb-card-30 .jvh-ora-volume-up div i::before {
    position: absolute;
    top: 0;
    left: 11px;
}

.jvh-ora-NL .path1:before {
    margin-left: 0;
}

.jvh-ora-NL .path2:before {
    margin-left: -1.8em;
}

.jvh-ora-NL .path3:before {
    margin-left: -1.833008em;
}

.phone-numbers.opened .phone-number .wrapper .number {
    font-size: 0.8em!important;
}

/* fix mobile newsletter floating element */
@media (max-width: 500px) {
	#mp_form_slide_in1 {
		min-width: auto!important;
		width: auto!important;
	}
}

/* device specific CSS rules */
/* mobile devices (max-width: 767px) */
@media only screen and (max-width: 767px) {

	#mp_form_slide_in1 .mailpoet_text, #mp_form_slide_in1 .mailpoet_textarea, #mp_form_slide_in1 .mailpoet_select, #mp_form_slide_in1 .mailpoet_date_month, #mp_form_slide_in1 .mailpoet_date_day, #mp_form_slide_in1 .mailpoet_date_year, #mp_form_slide_in1 .mailpoet_date, #mp_form_slide_in1 .mailpoet_text, #mp_form_slide_in1 .mailpoet_textarea { 
		max-width: 100vw!important; 
	}	
	
/* fix menu arrows mobile */
	.open-sub .next-level-button, .has-children .open-sub .next-level-button {
		transform: rotate(0deg)!important;
	}
	
	.has-children .active .next-level-button {
		transform: rotate(180deg)!important;
	}
	
	.mobile-main-nav li.has-children.open-sub>.next-level-button {
    	transform: rotate(180deg)!important;
	}
	
/* fix footer buttons 100% width on mobile */
	.footer .ubtn {
		width: 767px!important;
		max-width: 100%!important;
	}

/* alignment of call button and text on mobile */	
	.footer .cost-per-minute p {
		text-align: center;
		padding-left: 0px;
	}

/* less padding on mobile of fotoreading on mobile */	
	div#fotoreading .vc_column-inner {
		padding: 0px;
		text-align: center;
	}
	
	.wp-grid-builder .wpgb-card-41 .phone-numbers {
		max-width: 100%;
	}

	.wp-grid-builder .wpgb-card-41 .phone-numbers > .phone-number .wrapper > span {
		max-width: 20%;
		margin-left: auto;
		margin-right: auto;
	}

	.wp-grid-builder .wpgb-card-41 .phone-numbers > .phone-number .wrapper > .number {
		max-width: inherit;
	}

	span.jvh-ora-NL {
		font-size: 30px!important;
	}

	span.jvh-ora-BE {
		font-size: 27px!important;
	}
}

/* ipads, tablets (min-width: 768px) */
@media only screen and (min-width: 768px) {
}

/* laptops, desktops (1200px and above) */
@media only screen and (min-width: 1200px) {
	/* fix height submenu */
	.sub-nav .sub-nav {
		margin-top: -60px;
	}
}

/* combined rules */
/* mobiel + tablet (max-width: 1199px) */
@media only screen and (max-width: 1199px) {
}

/* CSS for tablet + desktop = add CSS only in the ipads/tablets  rule */





/* dit moet nog correct worden verwerkt. */

.footer-background {
    z-index: -1!important;
}

.main-nav>li {
    position: relative;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    box-shadow: 0 6px 14px -10px rgb(71 71 71 / 50%);
}

/* shadow border bedankt voor uw aankoop en vergelijkbare pagina's */
.colored-box {
  box-sizing: border-box;
  border: 3px solid #E4EAE4;
  border-radius: 8px;
  background-color: #FFFFFF;
  box-shadow: 0 3px 5px 0 rgba(75,75,75,0.2);
	padding: 30px!important;
	 max-width: 748px;
}
.colored-box + .wpb_column{
	padding-top:0 ;
	
}
@media(max-width:767px){
	.colored-box {
	max-width:calc(100% - 30px);
		margin-left:15px;
		margin-right:15px;
	}
}


/* hoe werkt het kleurenbolletjes */
.single-howitworks p strong {
    background-color: #F18289;
}
.hoe-werkt-het {
  box-sizing: border-box;
  height: 132px;
  width: 358px;
  border: 3px solid #E4E4E4;
  border-radius: 8px;
  background-color: #F7F7F7;
  box-shadow: 0 12px 24px -10px rgba(0,0,0,0.2);
}

/* titel van creditform, komt uit scss stijling, moet eruit. Dan staat het ook nog een keer in de plugin, die stijling moet er ook uit. 
Moet gebruik maken van default h2 van thema. */
.jvh-credits-form>h2 {
	    font-family: 'Mate';
}

.jvh-credits-form>div.credit-form-right .wpb_text_column p {
    color: #1D1D1B;
}

/* border creditform */
.jvh-credits-form {
  border: 3px solid #E4EAE4);
}

.jvh-credits-form>div .form-submit {
	font-weight: bold!important;
}

/* formulieren stijling */

@media (min-width: 767px){
.wppb-user-forms {
  box-sizing: border-box;
  border: 3px solid #E4EAE4);
  border-radius: 4px;
  background-color: #E4EAE4;
	font-weight: bold;
}
}

@media (max-width: 767px){
.wppb-user-forms {
  box-sizing: border-box;
  border: 3px solid #E4EAE4);
  border-radius: 4px;
	font-weight: bold;
	padding: 20px;
	  border-radius: 4px;
  background-color: #E4EAE4;
}
}



#wppb-loginform .login-submit>input:hover {
    background: #E4EAE4 !important;
    border-color: #E4EAE4 !important;
    color: #fff;
	font-weight: bold!important;
}

.ubtn {
	padding: 15px;
}

button.ubtn-custom {
    padding: 15px;
}
.consulenten-footer-button button.ubtn>.ubtn-text {
    font-family: Lato;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.58px;
    line-height: 22px;
}

/*
#main .gform_wrapper .gform_footer input.button, #main .gform_wrapper .gform_footer input, #main-slideshow .tp-button, .dt-btn, .dt-form button, .mc4wp-form input, .nsu-submit, .post-password-form input, .tml-submit-wrap input, .woocommerce-widget-layered-nav-dropdown__submit, a.button, button.button, div.mc4wp-form button, form.mc4wp-form input, input, input, input {
	
	background: #A1BEA2 !important;
    border-color: #A1BEA2 !important;
    color: #fff;
	font-weight: bold!important;
}
*/

#wppb-loginform .login-submit>input {
    color: #FFFFFF;
    font-family: Lato;
    font-size: 20px;
    font-weight: bold!important;
    letter-spacing: 0;
    line-height: 24px;
    text-align: center;
    border-radius: 8px;
    background-color: #E4EAE4;
    box-shadow: 0 10px 10px -5px rgb(0 0 0 / 20%);
    height: 50px;
    width: 100%;
    border: none;
}



#wppb-loginform .login-submit>input:hover {
    background: #E30613 !important;
    border-color: #E30613 !important;
    color: #fff;
}

/* account form */
div#inloggegevens form#wppb-edit-user-profiel {
    background: white;
}
div#inloggegevens .wppb-user-forms {
    padding: 0px;
}

/* mobiel klopte niet */
@media (max-width: 767px) {
.jvh-credits-form {
    padding: 15px;
}
}

/* blogdetail stijling klopte niet met categories, tags, sidebar widget, marges, fontsizes, back to blog icon etc. */
.post-navigation .nav-links .back-to-list  {
    font-size: 30px;
}

p#wppb_register_pre_form_message {
	 display: flex;
    justify-content: center;
}

.post-navigation .nav-links {
    border-color: #979797;
 }

.post-terms .wpb_wrapper {
    display: flex;
    justify-content: center;
	color: #878789;
  font-family: Lato;
  font-size: 14px;
  letter-spacing: 0.07px;
  line-height: 19px;
  text-align: center;
	text-decoration: none;
}

.post-terms a.cpt-post-terms-link {
	  color: #878789;
  font-family: Lato;
  font-size: 14px;
  letter-spacing: 0.07px;
  line-height: 19px;
  text-align: center;
	text-decoration: none;
	padding-left: 5px;
	padding-bottom: 5px;
}

.vc_wp_tagcloud .widget_tag_cloud .tagcloud a {
    margin-right: 5px;
    color: #949494;
    box-sizing: border-box;
    border: 1px solid #979797;
    border-radius: 4px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 17px;
    color: #949494;
    font-family: Lato;
    font-size: 12px;
    letter-spacing: 0.06px;
    line-height: 19px;
    text-align: center;
}

.shortcode-single-image-wrap.alignnone .rollover, .shortcode-single-image-wrap.alignnone .rollover-video, .post-rollover, .rollover, .rollover-project>a, .rollover-video  {
    border-radius: 10px;
}

/* VC snippet = ID 72238 goed opgezet was niet responsive en verkeerde element -> Wit telefoonnummer button + shadow  moet nog correct worden verwerkt. */
.phonenumber-button a.anchor-link.text-icon.dt-icon-bg-off.dt-icon-hover-off:before {
    content: url(/wp-content/uploads/2020/10/NL.svg);
    margin-right: -20px;
        margin-left: 20px!important;
}

.phonenumber-button.icon-with-text-shortcode h4 {
	font-family: 'lato'!important;
}

.phonenumber-button.icon-with-text-shortcode .dt-text-desc {
		font-family: 'lato'!important;
	letter-spacing: 0.03px;
}


.phonenumber-button.icon-with-text-shortcode {
  box-sizing: border-box;
  height: 76px;
  border: 2px solid #F7F7F7;
  border-radius: 15px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 6px 0 rgba(0,0,0,0.3);
              width: fit-content;
    padding-right: 20px;
}

.phonenumber-button {
    padding-top: 15px;
	text-decoration: none;
}

/* VC snippet = fotoreading */
.fotoreading-widget-snippet>div>div {
    overflow: hidden;
    border: 3px solid #E4E4E4;
    border-radius: 8px;
    box-shadow: 0 12px 24px -10px rgb(0 0 0 / 20%);
    border-top-width: 0px;
    border-top-style: none;
    border-top-left-radius: 0px;
	border-top-right-radius: 0px;
    border-top: 0px;
}

/* WPGB elements */
.wpgb-facet input:not(.elementor-field):not(.searchform-s) {	    
		margin-bottom: 0px; 
  		border-style: none!important; 
    	box-sizing: border-box;
}

.wpgb-facet button.wpgb-apply, .wpgb-facet button.wpgb-reset {
    margin: 0px!important;
}

.wpgb-facet .wpgb-search-facet input, .wpgb-facet .wpgb-autocomplete-facet input {
    padding: 6px 32px!important;
}

/* main menu style fixes box shadow etc. */
.classic-header.bg-behind-menu .navigation:before {
  box-shadow: 0 6px 14px -10px rgba(71,71,71,0.5);
}



.phantom-slide .show-phantom#phantom {
    animation: slide-in-anim .52s ease 0s 1 normal both;
  box-shadow: 0 6px 14px -10px rgba(71,71,71,0.5);
}

.inline-header .branding, .inline-header .header-bar > .mini-widgets {
	box-shadow: 0 6px 14px -10px rgb(71 71 71 / 50%);
}



/* logo size fixes */

.branding .mini-login {
	text-align: right;
}

/* mini widgets fixes */
.mini-widgets .text-area a:not(.dt-btn), .mobile-mini-widgets .text-area a:not(.dt-btn) {
    text-decoration: none;
}

a.anchor-link.text-icon.dt-icon-bg-off.dt-icon-hover-on.dt-icon-hover-bg-on.dt-icon-animate-spin-around {
	    margin-left: -2px!important;
	margin-top: -3px!important;
}

input, .widget_search input.searchform-s, input, input, input, input, input, input, input, input, select, textarea, .wpcf7-number, .woocommerce div.elementor .the7-elementor-widget form.cart table.variations td.value select {
	padding: 5px 15px 5px 15px!important;
}

.dt-mobile-header .mobile-mini-widgets-in-menu .mini-search .search-icon i, .overlay-search-microwidget .search-icon i {
	color: #fff;
}

@media (max-width: 767px) {
#sidebar.collapse-sidebar-vc-element .sidebar-content {
    box-shadow: 0 1px 6px rgb(0 0 0 / 12%);
}
}

/* single-consulent status styling 
body.single-consulent .single-medium-header .medium-image:before {
    background-color: #F90321;
}

body.single-consulent .single-medium-header .medium-image:before {
    background-color: #FC8900;
}

body.single-consulent .single-medium-header .medium-image:before {
    background-color: #66ba0a;
}

body.single-consulent .single-medium-header .medium-image:before {
    background-color: #1AC5E5;
}*/

@media (max-width: 767px) {
.page-title .wf-wrap {
    margin-top: -8px;
	}
}

.nav-button i.icomoon-phone {
    margin-left: -15px;
}

/* sidebar video popup snippet */
.video-popup {
    cursor: pointer;
}


/* weet niet zeker of nog gebruikt wordt maar werd gebruikt in de card voor style vlaggetje */
.jvh-ora-ideal .path1:before {
  content: "\e90f";
  color: #fff;
}
.jvh-ora-ideal .path2:before {
  content: "\e910";
  color: #000;
  margin-left: -1.1376953125em;
}
.jvh-ora-ideal .path3:before {
  content: "\e911";
  color: #000;
  margin-left: -1.1376953125em;
}
.jvh-ora-ideal .path4:before {
  content: "\e912";
  color: #000;
  margin-left: -1.1376953125em;
}
.jvh-ora-ideal .path5:before {
  content: "\e913";
  color: #d50072;
  margin-left: -1.1376953125em;
}


/* consulent fixes */
.single-consulent .single-medium-footer .consultants.footer-only .consultant-big .footer {
    padding: 0px;
}


.consultant-big {
    height: 100px;
    width: 100%;
    position: unset;
}

.ubtn-sep-icon.ubtn-sep-icon-at-left .ubtn-icon {
    left: 30px!important;
    opacity: 1;
    top: 27px!important;
}

/* sidebar-direct-beschikbaar */
.sidebar-direct-beschikbaar {
  box-sizing: border-box;
  border: 3px solid #E4EAE4;
  border-radius: 8px;
  background-color: #FFFFFF;
  box-shadow: 0 13px 24px -10px rgba(75,75,75,0.5);
	
}

.sidebar-bredere-card .wp-grid-builder.wpgb-enabled .wpgb-card {  width: 120%!important;
    min-width: 110%!important;
    margin-left: -10%;
    margin-right: -10%;
}

/* footer fixes */
.footer a.anchor-link {
    text-decoration: none;
}

.copyright a, .copyright p {
    color: #262624!important;
}

.copyright ul#menu-copyright-menu {
    display: flex;
}

.copyright ul#menu-copyright-menu a {
    padding-right: 20px;
    margin-bottom: -50px;
}

.copyright ul#menu-copyright-menu li {
    padding: 0px!important;
    margin: 0px!important;
}

.copyright {
height: 40px!important;
}

.footer .widget {
    margin-bottom: 0px!important;
}

#footer .wf-container-footer {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: -72px;
}

.footermenu1 a {
  font-family: Lato;
  font-size: 16px!important;
  letter-spacing: 0!important;
  line-height: 28px!important;
      margin-left: -25px;
}

.footer a{
	font-weight: 500;
	font-family: Lato;
	font-size: 16px;
	letter-spacing: 0;
	line-height: 28px;
}

.footer .content .menu, .custom-menu .widget_pages>ul, .menu {
    padding: 0px;
	font-family: Lato;
  font-size: 12px;
  letter-spacing: 0.06px;
  line-height: 15px;
}

.copyright ul#menu-copyright-menu a {
  color: #262624;
  font-family: Lato;
  font-size: 12px;
  letter-spacing: 0.06px;
  line-height: 15px;
}

.footer .copyright #footer .widget_nav_menu ul li a {
  color: #262624;
  font-family: Lato;
  font-size: 12px;
  letter-spacing: 0.06px;
  line-height: 15px;
}

.footer .widget a, .footer .widget .post-content .text-secondary {
    color: #ffffff!important;
}

/* fix account login / account icon en stijling menu bar */
.jvh-ora-lock:before {
    content: "\f023"!important;
    font-size: 19px;
}