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

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

.hidden {
	display: none;
}

#ijb-main-menu .elementor-nav-menu--main .menu-item {
    padding: 16px 12px;
}

#ijb-main-menu .elementor-nav-menu--main .menu-item .sub-menu {
    -webkit-box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
            box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}

#ijb-main-menu .elementor-nav-menu--main .menu-item .sub-menu .menu-item {
    padding: 0px;
}

#ijb-main-menu .elementor-nav-menu--main .menu-item .sub-menu .menu-item .elementor-sub-item {
    padding: 16px;
}

@media screen and (min-width: 1024px) {
    .ijb-loop-diensten-container {
        position: relative;
    }

    .ijb-loop-diensten-container-image {
        position: absolute;
        top:0;
        left: 50%;
        width: 50%;
        height: 100%;
    }
}

.ijb-header .elementor-widget-image a img[src$=".svg"] {
    width: auto !important;
}

.ijb-title-underline > .elementor-widget-container > *:not(style) {
    position: relative;
    margin-bottom: 32px !important;
    display: inline;
}

.ijb-title-underline > .elementor-widget-container > *::after {
    position: absolute;
    bottom: -18px;
    left: 0;
    width: 20%;
    height: 4px;
    content: "";
    background: var(--e-global-color-secondary );
}

.ijb-title-underline-primary > .elementor-widget-container > *:not(style) {
    position: relative;
    margin-bottom: 32px !important;
    display:inline;
}

.ijb-title-underline-primary > .elementor-widget-container > *::after {
    position: absolute;
    bottom: -18px;
    left: 0;
    width: 20%;
    height: 4px;
    content: "";
    background: var(--e-global-color-primary );
}

.underline-condensed > .elementor-widget-container > * {
    margin-bottom:12px !important;
}

.underline-condensed > .elementor-widget-container > *::after {
    bottom: -14px !important;
}

@-webkit-keyframes underline-stretch {
    from {width: 20%;}
    to {width: 100%;}
}

@keyframes underline-stretch {
    from {width: 20%;}
    to {width: 100%;}
}

/* Underline animation*/
.ijb-title-underline > .elementor-widget-container > *::after, .ijb-title-underline-primary > .elementor-widget-container > *::after {
     -webkit-animation: underline-stretch forwards;
             animation: underline-stretch forwards;
     -webkit-animation-duration: 2.5s;
             animation-duration: 2.5s;
     -webkit-animation-delay: 1s;
             animation-delay: 1s;
}

/* firefox underline fixes */
@-moz-document url-prefix() {
  	.ijb-title-underline > .elementor-widget-container > *:not(style) {
		position: relative;
		margin-bottom: 32px !important;
		display: inline-block;
	}
	
	.ijb-title-underline-primary > .elementor-widget-container > *:not(style) {
		position: relative;
		margin-bottom: 32px !important;
		display:inline-block;
	}
	
	.ijb-title-underline > .elementor-widget-container > *::after {
		position: absolute;
		bottom: -26px;
		left: 0;
		width: 20%;
		height: 4px;
		content: "";
		background: var(--e-global-color-secondary );
	}
	
	.ijb-title-underline-primary > .elementor-widget-container > *::after {
		position: absolute;
		bottom: -26px;
		left: 0;
		width: 20%;
		height: 4px;
		content: "";
		background: var(--e-global-color-primary );
	}
	
	.underline-condensed > .elementor-widget-container > * {
		margin-bottom:12px !important;
	}

	.underline-condensed > .elementor-widget-container > *::after {
		bottom: -22px !important;
	}
}

.ijb-header.top-menu .e--pointer-underline .elementor-item:after {
    content: "";
    bottom: 6px;
}

.ijb-header .e--pointer-underline .elementor-item:after {
    content: "";
    bottom: -3px;
}

.elementor-location-header {
    position: fixed;
    z-index: 100;
    width: 100%;
}

.ijb-footer-location-text p {
    margin-bottom: -12px;
}

.ijb-footer-divider .elementor-divider {
    width: 110%;
    margin-left: -5%;
}

@media screen and (min-width: 1024px) {
	.ijb-header .ijb-header-menu .menu-item a:not([href]) {
		color: white;
	}
}

.ijb-header.ijb-header-offset .ijb-header-menu:not(.elementor-hidden-desktop) .menu-item a {
    color: var(--e-global-color-primary );
}

.ijb-header.ijb-header-offset {
	background: var(--e-global-color-ef25b12);
}

.ijb-header.top-menu.ijb-header-offset .e-con-inner .elementor-element.e-con {
	border-color: var(--e-global-color-secondary);
}

.ijb-header:not(.top-menu).ijb-header-offset {
    -webkit-box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
            box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}

.ijb-header.ijb-header-offset .elementor-menu-toggle {
    color: var(--e-global-color-primary) !important;
	fill: var(--e-global-color-primary) !important;
}

.ijb-header.ijb-header-standard .elementor-menu-toggle {
    color: var(--e-global-color-primary) !important;
}

.ijb-header.ijb-header-offset .cpel-switcher__toggle a {
    color: var(--e-global-color-primary) !important;
}

.ijb-header.ijb-header-offset .cpel-switcher__icon {
    color: var(--e-global-color-secondary) !important;
}

.ijb-header.ijb-header-offset .elementor-search-form__toggle {
    color: var(--e-global-color-primary) !important;
}

.ijb-header-logo-blue {
    display: none;
}

/* Language Switcher */
.ijb-header.ijb-header-offset .cpel-switcher__nav {
    border-color: var(--e-global-color-primary) !important;
}

.ijb-header.ijb-header-standard .cpel-switcher__nav {
    border-color: var(--e-global-color-primary) !important;
}

.cpel-switcher__list {
    background: white !important;
    margin-left: -12px !important;
    margin-top: 12px !important;
    -webkit-box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
            box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}

.ijb-language-list .cpel-switcher__nav:hover .cpel-switcher__list {
	max-height: calc(50px * 3) !important;
}

.cpel-switcher--layout-dropdown .cpel-switcher__lang a:hover {
    background-color: transparent !important;
}

.cpel-switcher__list .cpel-switcher__lang a {
    padding: 16px !important;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    color: var(--e-global-color-primary) !important;
}

.cpel-switcher__list .cpel-switcher__lang a:hover {
    color: white !important;
    background-color: var(--e-global-color-secondary) !important;
}

.cpel-switcher--layout-dropdown .cpel-switcher__toggle--on+.cpel-switcher__list {
        max-height: calc(100% * 10) !important;
}

.cpel-switcher--layout-dropdown .cpel-switcher__togglet {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
}

.cpel-switcher__nav {
    display: block !important;
    line-height: initial;
    border: 2px solid white;
    border-radius: 9999px;
    padding: 4px 12px;
}

.cpel-switcher__icon {
    font-size: 14px;
}

/* IJB Diensten Menu Buttons*/

.ijb-diensten-menu-buttons .menu-item a {
    border: 2px solid var(--e-global-color-primary) !important;
    border-radius: 9999px;
    margin-bottom: 12px;
    font-weight: 600;
}

.ijb-diensten-menu-buttons .menu-item a:hover {
    background-color:var(--e-global-color-secondary) !important ;
    border-color:var(--e-global-color-secondary) !important ;
    color: white !important;
}

.ijb-diensten-menu-buttons .menu-item {
    margin-right: 24px;
}

/* IJB Breadcrumb*/

.ijb-breadcrumb {
    font-family: "Work Sans", sans-serif;
    color: rgb(128 128 128 / 35%) !important;
    font-weight: 600;
    font-size:20px;
    text-transform: uppercase;
}

.ijb-breadcrumb span {
    font-family: "Work Sans", sans-serif;
    color:rgb(128 128 128 / 35%) !important;
}

.ijb-breadcrumb span:last-child span {
    color: var(--e-global-color-primary) !important;
}

/* IJB Nieuwsbrief Buttons */
.ijb-nieuwsbrief-buttons .elementor-widget-button .elementor-widget-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

/* IJB Form */
.ijb-form .elementor-field-group label:has(+ input[placeholder]), .ijb-form .elementor-field-group label:has(+ textarea[placeholder]) {
    display:none;
}

.ijb-form label {
    font-weight:600 !important;
}

.ijb-form .elementor-field-type-radio label {
    display:none;
}

.ijb-form input, .ijb-form textarea {
    padding: 0;
    color: var(--e-global-color-primary);
}

.ijb-form input::-webkit-input-placeholder, .ijb-form textarea::-webkit-input-placeholder {
    color: var(--e-global-color-primary);
    opacity: 1 !important;
    font-weight:600;
}

.ijb-form input::-moz-placeholder, .ijb-form textarea::-moz-placeholder {
    color: var(--e-global-color-primary);
    opacity: 1 !important;
    font-weight:600;
}

.ijb-form input:-ms-input-placeholder, .ijb-form textarea:-ms-input-placeholder {
    color: var(--e-global-color-primary);
    opacity: 1 !important;
    font-weight:600;
}

.ijb-form input::-ms-input-placeholder, .ijb-form textarea::-ms-input-placeholder {
    color: var(--e-global-color-primary);
    opacity: 1 !important;
    font-weight:600;
}

.ijb-form input::placeholder, .ijb-form textarea::placeholder {
    color: var(--e-global-color-primary);
    opacity: 1 !important;
    font-weight:600;
}

.ijb-form input:where(:active,:focus), .ijb-form textarea:where(:active,:focus) {
    border-color: transparent;
    opacity: 1 !important;
    -webkit-box-shadow:none !important;
            box-shadow:none !important;
}

.ijb-form .elementor-field-group {
    position: relative;
    padding:0;
    padding-bottom: 20px;
    margin-bottom: 24px !important;
}

.ijb-form .elementor-field-group:not(.elementor-field-type-submit, .elementor-field-type-recaptcha_v3)::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 3px;
    background: var(--e-global-color-secondary);
    bottom:0px;
    left:0px;
    color: var(--e-global-color-secondary);
}

.ijb-form .elementor-field-type-checkbox .elementor-field-option label {
    text-transform: capitalize !important;
    font-weight: 400 !important;
}

.ijb-form input:where([type="checkbox"], [type="radio"]){
    display: inline-block !important;
  -webkit-appearance : none;
  -moz-appearance         : none;
       appearance         : none;
  width              : 24px;
  height             : 24px;
  margin-right:12px;
  vertical-align     : middle;
  border             : 2px solid var(--e-global-color-primary);
  border-radius      : 4px;
  background         : #fff no-repeat center center;
}

.ijb-form input[type="radio"] {
  border-radius : 50%;
}

.ijb-form input:where([type="checkbox"], [type="radio"]):where(:active:not(:disabled), :focus){
  border-color : var(--e-global-color-primary);
  outline      : none;
}

.ijb-form input:where([type="checkbox"], [type="radio"]):disabled{
  background : #eee;
}

.ijb-form input[type="checkbox"]:checked,
.ijb-form input[type="radio"]:checked{
  background: var(--e-global-color-primary);
}

/* IJB Uitgevoerde diensten */
.ijb-project-terms-list .elementor-heading-title{
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

/* Loop Grid Filter */
.xpro-taxonomy-list-item.active a {
    border-color: var(--e-global-color-primary) !important;
    color: var(--e-global-color-ef25b12) !important;
    background-color: var(--e-global-color-primary) !important;
}

.xpro-taxonomy-list-item.active .xpro-taxonomy-list-title {
    color: var(--e-global-color-ef25b12) !important;
}

/* IJB Dienst Producten */
.ijb-dienst-producten .elementor-loop-container {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.ijb-dienst-producten .elementor-loop-container .e-loop-item {
    padding: 0px;
}

@media screen and (max-width: 1024px) {
    .ijb-dienst-producten .elementor-loop-container {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
}


/* IJB a tag in tekst niet wit */
div[data-elementor-type="single-page"] .elementor-widget-text-editor .elementor-widget-container p a {
    color: var(--e-global-color-primary);
    text-decoration: underline;
}

div[data-elementor-type="single-post"] .elementor-widget-text-editor .elementor-widget-container p a {
    color: var(--e-global-color-primary);
    text-decoration: underline;
}

/* Menu anchor offset */
body:not(.elementor-editor-active) .elementor-widget-menu-anchor {
   position: relative;
   z-index: -1;
 }
 body:not(.elementor-editor-active) .elementor-menu-anchor:before {
   content: "";
   display: block;
   height: 100px;
   margin: -100px 0 0;
   visibility: hidden;
   pointer-events: none;
 }

/* IJB Nieuwsbrieven loop grid */
.ijb-nieuwsbrieven-loop-grid .elementor-widget-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

/* flipbox title breakword*/
.elementor-flip-box__layer__title {
    font-size: 24px !important;
    word-break: keep-all !important;
}

.elementor-flip-box__front {
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center !important;
}

@media screen and (max-width: 1024px) {
   .ijb-diensten-info-container {
		width: 100% !important;
	}
}

.elementor-icon-list-items {
	list-style: none;
}