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

body:not([class*=elementor-page-]) .site-main {
    max-width: unset;
    padding: 0;
}

h3.personalisation_color {
    margin: 0 !important;
}

/* HEADER */
/* Logo in topbar */
.header-logo {
    position: absolute;
    top: 50px;
    left: 50px;
}

.header-logo .elementor-widget-theme-site-logo {
    z-index: 5;
}

/* Logo in topbar after having scrolled */
.header-logo-scroll {
    position: fixed;
    top: 50px;
    left: 50px;
    z-index: 4;
}

/* Fixed top-right navigation */
.header-sticky-nav {
    height: 0;
}

.header-sticky-nav a {
    position: fixed;
    top: 70px;
    right: 50px;
    z-index: 2;
}

.header-sticky-nav a span {
    position: relative;
}

.header-sticky-nav a span span svg {
    height: intrinsic;
    max-height: max-content;
}

.header-sticky-nav.positionScrolled a {
    mix-blend-mode: difference;
    color: white;
}

.header-sticky-nav.without-scroll a {
    mix-blend-mode: difference;
    color: white;
}

.header-sticky-nav.positionScrolled .header-nav-button-navigation a span {
    mix-blend-mode: difference;
}

/* Z INDEX BUTTONS IN MENU */
a.elementor-button-link.elementor-button.elementor-size-sm.elementor-animation-float {
    z-index: 101 !important;
}

.header-sticky-nav .header-nav-button-persanolise a,
.header-sticky-nav .header-nav-button-persanolise-case a {
    right: calc(50px + 56px + 10px)
}

/* Main navigation in navigationbar */
.header-main {
    position: absolute;
    top: 61.5px;
    left: 50%;
    transform: translate(-50%, 0);
    max-width: 1300px;
    width: 100%;
    z-index: 2
}

/* Sets background-position of headerimages before Elementor has been loaded */
.sub-header-set-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Set color to secondary color */
.green {
    color: var(--e-global-color-secondary);
}

/* BUTTONS */
.cstm-buttons i {
    color: var(--e-global-color-secondary);
}

/* Adds style to personalize hello text */
.yourName {
    font-weight: bold;
    color: var(--e-global-color-2a8a434);
    font-family: "Ubuntu", Sans-serif;
    font-size: 50px;
    line-height: 1.5em;
}

/* Set styling to choose brand-color */
.personalizeHTML .BrandColor {
    width: -webkit-fill-available !important;
    margin: 0px 30px;
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 25px;
}

/* Create line in personalize form */
.personalizeHTML .line {
    border-bottom: 2px solid #D8D8D8;
    width: 100%;
    margin: 50px 0px;
}

/* Adds margin to radio from brand color */
.personalizeHTML .color {
    width: -webkit-fill-available !important;
    margin: 0px 30px;
}

/* Adds style to green radio button */
.personalizeHTML .popupForm #green {
    border: 2px solid white;
    box-shadow: 0 0 0 1px #D8D8D8;
    appearance: none;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    background-color: #76B83A !important;
    transition: all ease-in 0.2s;
    margin-right: 20px;
}

/* Adds style to green radio button when selected */
.personalizeHTML .popupForm #green:checked {
    background-color: #76B83A !important;
    transform: scale(1.5);
    /* width: 52px;
    height: 52px; */
}

/* Adds style to purple radio button */
.personalizeHTML .popupForm #purple {
    border: 2px solid white;
    box-shadow: 0 0 0 1px #D8D8D8;
    appearance: none;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    background-color: #7C3AB8 !important;
    transition: all ease-in 0.2s;
    margin-right: 20px;
}

/* Adds style to purple radio button when selected */
.personalizeHTML .popupForm #purple:checked {
    background-color: #7C3AB8 !important;
    transform: scale(1.5);
    /* width: 52px;
    height: 52px; */
}

/* Adds style to red radio button */
.popupForm #red {
    border: 2px solid white;
    box-shadow: 0 0 0 1px #D8D8D8;
    appearance: none;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    background-color: #B83D3A !important;
    transition: all ease-in 0.2s;
}

/* Adds style to red radio button when selected */
.popupForm #red:checked {
    background-color: #B83D3A !important;
    transform: scale(1.5);
    /* width: 52px;
    height: 52px; */
}

/* Adds style to choose brand typo text */
.personalizeHTML .typo {
    margin-top: 20px;
    margin-bottom: 20px;
    width: -webkit-fill-available !important;
    margin: 0px 30px;
    font-size: 25px;
}

/* Changes the color of radio button */
.personalizeHTML .typo input[type=radio] {
    border: 4px solid white;
    box-shadow: 0 0 0 1px #D8D8D8;
    appearance: none;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    background-color: #fff;
    transition: all ease-in 0.2s;
    margin-right: 15px;
    vertical-align: middle;
}

/* Changes the color of the selected radio button */
.personalizeHTML .typo input[type=radio]:checked {
    background-color: black !important;
}

/* Style for the first option */
.firstOption {
    font-family: "Ubuntu";
    font-weight: bold;
    font-size: 20px;
}

/* Style for the second option */
.secondOption {
    font-family: "Montserrat";
    font-weight: bold;
    font-size: 20px;
}

/* Style for the third option */
.thirdOption {
    font-family: "Times New Roman";
    font-weight: bold;
    font-size: 20px;
}

/* Adds style to your name */
.personalizeHTML #yourName {
    width: -webkit-fill-available !important;
    margin: 0px 30px;
    font-size: 25px;
}

/* Adds style to input in personalize form */
.personalizeHTML #popupTextInput {
    color: #D8D8D8;
    border: 0px;
    border-bottom: 2px solid #D8D8D8;
    margin: 0px 30px;
    width: -webkit-fill-available !important;
    border-radius: 0px;
    margin-bottom: 50px;
}

/* Adds style to input:placeholder */
.personalizeHTML #popupTextInput::placeholder {
    color: #D8D8D8;
    font-weight: bold;
}

/* Remove outline input your name */
.personalizeHTML input#popupTextInput:focus {
    outline: none;
}

/* Changes button style */
.personalizeHTML .submitButton {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: right;
    width: -webkit-fill-available !important;
    margin: 0px 30px;
}

/* Changes fontawesome in button */
.personalizeHTML .submitButton .fa-light {
    color: #76B83A;
    padding-left: 20px;
}

.fa-long-arrow-right:before {
    color: var(--e-global-color-secondary);
}

/* PAGES: HOME */
/* Homepage */
/* HJMG Summary block */
.show-hjmg-summary-holder {
    position: relative;
}

.show-hjmg-summary {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: auto;
    transition: width .4s;
}

.show-hjmg-summary .elementor-widget-wrap {
    background-position: right center !important;
    background-size: 433px !important;
}

.show-hjmg-summary.overflow-active {
    width: 100%;
}

.show-hjmg-summary .elementor-background-overlay {
    width: calc(100% - 200px);
    margin-left: 100px;
    margin-right: 100px;
    transition: width .4s, margin .4s, transform .4s;
    cursor: pointer;
    overflow: hidden;
    transition: all .2s ease-in-out !important;
}

.show-hjmg-summary:not(.overflow-active) .elementor-background-overlay:hover {
    transform: scale(0.98);
}

.show-hjmg-summary .elementor-background-overlay:after {
    content: "";
    display: block;
    opacity: 0;
    height: 100%;
    width: 100%;
    background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.48082983193277307) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.48082983193277307) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.48082983193277307) 0%, rgba(0, 0, 0, 0) 100%);
    transition: opacity .4s;
}

.show-hjmg-summary .summary-content {
    display: none;
}

.show-hjmg-summary.overflow-active .elementor-background-overlay {
    width: calc(100% - 100px);
    margin-left: 0;
    transition: width .4s, margin .4s;
}

.show-hjmg-summary.overflow-active .elementor-background-overlay:after {
    opacity: 1;
    transition: opacity .4s;
}

.show-hjmg-summary.overflow-active .click-indicator {
    display: none;
}

.hjmg-number-classes .elementor-counter-number-prefix {
    display: none;
}

.hjmg-number-classes .elementor-counter-title {
    text-align: left;
}

.hjmg-info-content .elementor-icon-box-content {
    display: flex;
    flex-wrap: wrap;
}

.hjmg-info-content .elementor-icon-box-content * {
    display: inline-block;
    width: 100%
}

/* Cases slider */
.hjmg-cases-slider .swiper-container {
    z-index: 0 !important;
}

.hjmg-cases-slider {
    padding-left: calc((100vw - 1300px) / 2);
}

.hjmg-cases-slider .swiper-slide {
    position: relative;
    height: 700px !important;
    overflow: hidden !important;
    border-radius: 15px;
    display: flex;
    align-items: flex-end;
}

.hjmg-cases-slider .swiper-slide .eael-post-carousel .eael-entry-medianone {
    position: unset !important;
}

.hjmg-cases-slider .eael-entry-media {
    position: unset !important;
}

.hjmg-cases-slider .eael-grid-post {
    padding: 0 !important;
    width: calc(100% - 80px) !important;
}

.hjmg-cases-slider .eael-grid-post .eael-entry-thumbnail a:after {
    content: "";
    height: 50px;
    width: 50px;
    position: absolute;
    right: 30px;
    bottom: 30px;
    background-image: url('/wp-content/uploads/2022/03/cases-arrow.png');
    background-position: center;
    background-size: contain;
    z-index: 2
}

.hjmg-cases-slider .swiper-slide .eael-entry-thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    height: 100% !important;
    width: 100%;
}

.hjmg-cases-slider .swiper-slide .eael-entry-content,
.hjmg-cases-slider .swiper-slide .eael-entry-wrapper {
    position: relative;
    z-index: 3;
    padding: 0;
}

/* Teammember slider */
.teammember-slider-holder {
    padding-left: calc((100vw - 1300px) / 2) !important;
}

.teammember-slider-holder .elementor-column:nth-child(1) {
    width: 600px;
    padding-right: 100px;
}

.teammember-slider-holder .elementor-column:nth-child(2) {
    width: calc(100% - 600px);
}

.teammember-slider {
    z-index: 0;
}

.teammember-slider article {
    padding: 0 !important
}

.teammember-slider .eael-entry-wrapper,
.teammember-slider .eael-entry-content {
    padding: 0 !important
}

.teammember-slider a {
    pointer-events: none;
    text-decoration: none;
}

/* CONTACT */
.contact-overlay-bg-pattern .elementor-background-overlay {
    width: calc(100% - 50px) !important;
    margin-left: 50px !important;
}

input#choice_2_7_1 {
    width: 20px;
    height: 20px;
    background-color: #FAFAFA;
}

/* COMMUNICATION EXPERIENCE */
/* Filter content */
.card-wrapper {
    /* display: inline-grid;
    grid-auto-flow: dense;
    grid-template-columns: 1fr 1fr;
    grid-gap: 50px; */
}

.card-column .single-card:nth-child(1) {
    /* margin-bottom: 50px; */
}

.single-card input[type="checkbox"] {
    display: none;
}

.single-card label {
    display: block;
    /* border: 1px solid #707070; */
    /* padding: 50px; */
    /* border-radius: 15px; */
    cursor: pointer;
    /* transition: background-color .4s; */
    margin-bottom: 50px;
}

.single-card label:hover .checkmark:not(:checked) {
    background-color: #EDEDED;
}

.single-card label .card-header {
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
    margin-bottom: 20px;
}

.single-card label .card-header h4 {
    margin: 0 0 0 30px;
    color: black;
}

.single-card label .card-header .checkmark {
    display: block;
    height: 30px;
    width: 30px;
    background-color: white;
    border: 1px solid #707070;
    border-radius: 5px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 15px;
}

.single-card label .card-body {
    margin: 0 0 0 60px;
}

.single-card label .card-body p {
    font-size: 18px;
    line-height: 1.3em;
    margin: 0;
}

.single-card label .card-body .card-keywords {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 10px;
    margin-top: 20px;
}

.single-card label .card-body .card-keywords span {
    font-family: 'Ubuntu';
    font-size: 18px;
    font-weight: 500;
    color: #8B8B8B;
    background-color: #E8E8E8;
    padding: 5px;
    border-radius: 5px;
}

.single-card input[type="checkbox"]:checked~label {
    /* background-color: #EDEDED; */
}

.single-card input[type="checkbox"]:checked~label .checkmark {
    background-color: var(--e-global-color-secondary);
    border-color: var(--e-global-color-secondary);
    background-image: url('/wp-content/uploads/2022/03/check-light.svg');
}

a.elementor-button-link.elementor-button.elementor-size-sm.elementor-animation-float {
    z-index: 100;
}

/* Hide and seek sections */
.service-block[data-active="false"] {
    display: none;
}

.show-hjmg-summary .elementor-background-overlay .close-summary {
    position: absolute;
    top: 30px;
    right: 30px;
    color: white;
    font-size: 40px;
}

span.page-numbers.current {
    color: var(--e-global-color-secondary);
    font-size: 18px;
}

/* .service-block[data-active="true"]{
   background-color: var( --e-global-color-accent )!important;
  }

  .service-block[data-active="true"]:nth-child(1){
   background-color: white!important;
  } */

/* GENERAL STYLES */
/* Onpage scroll to content indicator / remove font-weight */
html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

.onpage-scrolltosection a {
    font-weight: unset;
}

/* Dot for data driven communication */
.dotDataCom {
    height: 15px;
    width: 15px;
    background-color: black;
    border-radius: 50%;
}

/* Switch mission & vision */
.eael-toggle-switch-inner {
    padding: 50px;
    width: max-content;
    background-image: url("/wp-content/uploads/2022/06/repeateble-grid-grey_resultaat.png");
}

.eael-toggle-switch {
    width: 53px;
}

/* Over ons green buttons */
.button-circle-holder .elementor-button-link {
    width: 58px;
    height: 58px;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.button-circle-holder .elementor-button-link .elementor-button-icon {
    font-size: 25px;
}

.gfield_required_asterisk {
    color: #FF0045 !important;
}

.gform_wrapper .gform_body input[type=text],
textarea {
    background-color: #FAFAFA;
    border: 1px solid #969696;
    border-radius: 5px;
    font-family: Ubuntu;
    font-size: 20px;
    font-weight: bold;
}

/* Changes gravity label */
.gform_wrapper.gravity-theme .gfield_label {
    font-family: "Ubuntu";
    font-size: 15px;
    font-weight: bold;
}

/* Changes font-weight to bold for gravity forms checkbox */
.gform_wrapper .bold {
    font-weight: bold;
}

.buttonBorder a.elementor-button-link.elementor-button.elementor-size-sm {
    border: 1px solid black;
}

/* color lottie  */
h1#sequence {
    color: #F0F0F0;
}

/* text for closing pop up */
.navigation-popup .dialog-lightbox-close-button,
.personalisation-popup .dialog-lightbox-close-button {
    height: 56px;
    width: 56px;
    border: 1px solid white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color .4s;
}

.navigation-popup .dialog-lightbox-close-button:before,
.personalisation-popup .dialog-lightbox-close-button:before {
    content: "Sluit popup";
    color: white;
    position: absolute;
    right: 100%;
    white-space: nowrap;
    font-weight: bold;
    font-size: 20px;
    font-family: 'Ubuntu';
    padding-right: 30px;
}

/*.closePopup a::before{
    content: "Close popup";
    font-size: 18px;
    display: flex;
    right: 65px;
    position: absolute;
    padding-right: 30px;
    width: max-content;
}*/
/*On page scrolling to content */
.scroll-to-content {
    cursor: pointer;
}

.scroll-to-content:hover h4 {
    color: var(--e-global-color-secondary);
}

.blogContent a {
    color: var(--e-global-color-secondary) !important;
}

/* Add color to total amount of jobs */
.total-jobs {
    color: var(--e-global-color-secondary);
}

/* Remove outline from Elementor Menu */
nav[role="navigation"] * {
    outline: none;
}

input#gform_submit_button_2,
#buttonPersonalize {
    border: 1px solid black;
}

.volgendeStap {
    margin-left: -75px !important;
}

.facetwp-checkbox {
    background: none !important;
    padding: 10px 25px;
    margin: 0 10px 10px 0;
    color: black;
    font-size: 20px;
    font-weight: bold;
    width: max-content;
    display: inline-flex;
    border: 1px solid var(--e-global-color-primary);
    border-radius: 50px;
    transition: .4s;
}

.facetwp-checkbox:hover {
    background-color: var(--e-global-color-primary) !important;
    color: white;
}

.facetwp-counter {
    display: none;
}

.awsm-job-listings {
    display: flex;
    flex-wrap: wrap-reverse;
}

/* Job application form */
.awsm-job-form-inner {
    background: transparent;
    background-image: url('/wp-content/uploads/2022/06/repeateble-grid-grey_resultaat.png');
    border: none;
    padding: 50px;
}

.awsm-job-form-inner h2 {
    margin: 0 0 50px 0 !important;
}

.awsm-job-form-inner input:not(input[type="submit"]),
.awsm-job-form-inner textarea {
    background-color: #404040;
    border: 1px solid #969696;
    padding: 15px 30px;
    color: white;
    font-size: 18px;
    margin-bottom: 30px;
    border-radius: 5px;
}

.awsm-job-form-inner label,
.awsm-job-form-inner small {
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 15px;
}

.awsm-job-form-inner label span {
    display: none;
}

.awsm-job-entry-content a {
    color: var(--e-global-color-secondary);
    font-size: unset;
}

.awsm-job-form-inner input[type="file"] {
    margin-bottom: 15px !important
}

.awsm-job-form-inner .awsm-job-form-error {
    font-size: 15px;
}

.awsm-job-inline-group {
    display: flex;
}

.awsm-job-inline-group input {
    margin: 0 15px 0 0 !important;
}

.awsm-job-inline-group label {
    display: inline-block;
    margin: 0 !important;
}

.awsm-job-form-inner input[type="submit"] {
    background-color: #404040;
    border: 1px solid #969696;
    color: white;
    margin-top: 30px;
}

/* GDPR CONCENT BAR */
#gdprc_bar {
    background-color: var(--e-global-color-accent);
    border: 1px solid #CCCCCC;
    border-radius: 15px;
    width: 100%;
    max-width: 1300px;
    bottom: 50px !important;
    left: 50%;
    transform: translate(-50%, 0);
    padding: 30px !important;
    animation: 1.25s ease 0s normal forwards 1 fadeIn;
}

#gdprc_bar .container {
    padding: 0 !important
}

#gdprc_bar .gdprc_content {
    display: flex !important;
    width: unset !important;
    flex: unset !important;
    margin: 0 !important;
    padding-right: 50px;
}

#gdprc_bar .gdprc_content h3 {
    margin: 0 50px 0 0 !important;
    display: flex;
    align-items: center;
}

#gdprc_bar .gdprc_content h3 i {
    font-size: 50px;
    color: black;
}

#gdprc_bar .gdprc_content p {
    font-size: 25px;
    margin: 0 !important;
}

#gdprc_bar .gdprc_content p a {
    font-size: 25px;
    text-decoration: underline;
    font-weight: unset !important;
    transition: color .4s !important;
}

#gdprc_bar .gdprc_content p a:hover {
    color: var(--e-global-color-secondary) !important;
    transition: color .4s !important;
}

#gdprc_bar .gdprc_content>:not(h3, p) {
    display: none;
}

#gdprc_bar .gdprc_actions {
    text-align: unset !important;
    width: unset !important;
    min-width: unset !important;
    display: flex !important;
    flex-direction: row-reverse !important;
    white-space: nowrap;
    align-items: center;
}

#gdprc_bar .gdprc_actions button {
    background-color: var(--e-global-color-secondary) !important;
    color: white !important;
    font-size: 20px;
    font-weight: bold;
    border-radius: 50px !important;
    border: none !important;
    padding: 15px 30px !important;
    margin-bottom: 0 !important;
    margin-left: 30px !important;
    line-height: var(--e-global-typography-accent-line-height);
    transition: background-color .4s !important;
}

#gdprc_bar .gdprc_actions button:hover {
    background-color: black !important;
    transition: background-color .4s !important;
    color: white !important;
}

#gdprc_bar .gdprc_actions a {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 0 !important;
    transition: color .4s !important;
}

#gdprc_bar a.gdprc_action__close.gdprc_link {
    display: none !important;
}

/* Privacy settings GDPR */
#gdprc_settings {
    background-color: var(--e-global-color-accent);
    border: 1px solid #CCCCCC;
    border-radius: 15px !important;
    margin: 0 !important;
}

input#gform_submit_button_3 {
    border-color: black;
}

#gdprc_settings *:not(h3) {
    font-size: 20px !important;
    line-height: 1.3em !important;
}

#gdprc_settings .gdprc_header {
    padding: 30px !important;
    background-color: unset !important;
}

#gdprc_settings .gdprc_header h3 {
    margin-bottom: 15px !important;
}

#gdprc_settings .gdprc_header+.gdprc_actions {
    padding: 0 30px 30px 30px !important;
    background-color: unset !important;
}

#gdprc_settings button {
    border-radius: 50px !important;
    border: 1px solid black !important;
    background-color: transparent !important;
    color: black !important;
    width: max-content !important;
    padding: 15px 30px !important;
    margin-bottom: 0 !important;
    transition: background-color .4s, color .4s;
}

#gdprc_settings button:hover {
    transition: background-color .4s, color .4s;
    background-color: black !important;
    color: white !important;
}

#gdprc_settings .gdprc_items {
    background-color: white !important;
    border: none !important;
}

#gdprc_settings .gdprc_items .gdprc_item p {
    margin-top: 10px !important;
}

#gdprc_settings .gdprc_item__toggle__wrapper {
    right: 0 !important;
}

#gdprc_settings .gdprc_items .gdprc_item label.gdprc_item__label {
    width: 100% !important;
    padding-right: 0 !important;
}

#gdprc_settings .gdprc_items .gdprc_item label.gdprc_item__label .gdprc_item__icon {
    display: none !important;
}

#gdprc_settings .gdprc_items .gdprc_item label:not(.gdprc_item__label) {
    background-color: #F0F0F0 !important;
    width: 56px !important;
    height: 29px !important;
}

#gdprc_settings .gdprc_items .gdprc_item label:not(.gdprc_item__label):after {
    box-shadow: none !important;
    height: 21px !important;
    width: 21px !important;
    background-color: black !important;
}

#gdprc_settings .gdprc_item__checkbox__wrapper input[type=checkbox]:checked:not(:disabled)+label:after,
#gdprc_settings .gdprc_item__toggle__wrapper input[type=checkbox]:checked:not(:disabled)+label:after,
#gdprc_settings .gdprc_item__toggle__wrapper input[type=checkbox]:disabled+label:after {
    background-color: var(--e-global-color-secondary) !important;
}

#gdprc_settings .gdprc_actions:nth-last-child(1) {
    display: flex !important;
    flex-direction: row-reverse;
    align-items: center;
    background-color: unset !important;
    padding: 30px !important;
}

#gdprc_settings .gdprc_actions:nth-last-child(1) a {
    font-weight: bold !important;
    margin-right: 30px !important;
}

/*Fix hover effect on button to open personalize popup*/
.action-open-personalize-popup i {
    color: var(--e-global-color-secondary);
}

.action-open-personalize-popup:hover .elementor-icon-box-icon a {
    background-color: var(--e-global-color-primary) !important;
}

.action-open-personalize-popup:hover i {
    color: white;
}

.action-open-personalize-popup:hover .elementor-icon-box-title {
    color: var(--e-global-color-secondary);
}

/* FOOTER */
/* Change behaviour of footerlinks on hover */
.footer .elementor-icon-list-items a:hover span {
    color: var(--e-global-color-2a8a434) !important;
}

.footer .footer-innersection-halfwidth {
    width: 100%;
}

/* MEDIAQUERIES */
@media (max-width: 1800px) {

    /* Changes padding of navigationbar */
    .header-main {
        padding-left: 100px;
    }

    /* Changes position of content in navigationbar */
    .header-main .elementor-widget-wrap {
        padding-left: 100px !important;
    }
}

@media (max-width: 1680px) {
    .elementor-46 .elementor-element.elementor-element-369d30a .elementor-nav-menu .elementor-item {
        font-size: 45px !important;
        line-height: 1.3em !important;
    }
}

@media (max-width: 780px) {
    .elementor-46 .elementor-element.elementor-element-369d30a .elementor-nav-menu .elementor-item {
        font-size: 30px !important;
        line-height: 1.3em !important;
    }
}

@media (max-width: 780px) {
    .volgendeStap {
        margin-left: unset !important;
    }
}

@media (max-width: 1400px) {
    .volgendeStap {
        margin-left: 0px !important;
    }
}

@media (max-width: 780px) {
    .elementor-popup-modal .dialog-message {
        align-items: unset !important;
    }
}

@media (max-height: 800px) {
    .elementor-popup-modal .dialog-message {
        align-items: unset !important;
    }
}

/* Changes padding of navigationbar */
.header-main {
    padding-right: 50px;
}
}

/* @media (max-width: 1750px) { */
/* Changes padding of navigationbar */
/* .header-main{ */
/* padding-right: 100px; */
/* padding-left: 100px; */
/* margin-left: 200px; */
/* background-color: red !important; */
/* } */
/* } */

@media (max-width: 1600px) {

    /* Changes padding of navigationbar */
    .header-main {
        padding-left: 150px;
    }
}

@media (max-width: 1550px) {

    /* Changes padding of navigationbar */
    .header-main {
        padding-right: 100px;
    }

    /* Changes position of content in navigationbar */
    .header-main .elementor-widget-wrap {
        justify-content: center !important;
    }

    /* Removes contact us button in navigationbar */
    .header-main .header-main-cta {
        display: none;
    }
}

@media (max-width: 1500px) {

    /* Changes padding of navigationbar */
    .header-main {
        padding: 0;
    }

    /* Changes position of content in navigationbar */
    .header-main .elementor-widget-wrap {
        justify-content: center !important;
    }

    /* Removes contact us button in navigationbar */
    .header-main .header-main-cta {
        display: none;
    }

    /* Change padding on left side of case-slider */
    .hjmg-cases-slider {
        padding-left: 100px;
    }

    .hjmg-cases-slider .swiper-slide {
        height: 500px !important;
    }

    /* Change padding on left side of Team slider */
    .teammember-slider-holder {
        padding-left: 100px !important;
    }

    .teammember-slider-holder .elementor-column:nth-child(1) {
        width: 100%;
        padding-right: 100px;
    }

    .teammember-slider-holder .elementor-column:nth-child(2) {
        width: 100%;
    }
}

@media (max-width: 780px) {
    .dialog-lightbox-close-button:before {
        content: none !important;
    }
}

@media (max-width: 780px) {
    #elementor-popup-modal-55 .dialog-close-button.dialog-lightbox-close-button {
        border: 1px solid white;
        background-color: black;
    }
}

@media (max-width: 1400px) {
    .show-hjmg-summary {
        position: relative;
        margin: 100px 0 0 0;
        display: none;
    }

    .show-hjmg-summary .elementor-widget-wrap {
        position: relative;
        padding: 100px 0 !important;
    }

    .elementor-background-overlay {
        margin: 0 !important;
        width: 100% !important;
    }

    /* Communication Experience */
    .card-wrapper {
        display: block !important;
        grid-gap: unset !important;
    }

    .card-wrapper .card-column:nth-child(1) {
        margin-bottom: 50px;
    }
}

@media (max-width: 1350px) {

    /* Hide navigation */
    .header-main {
        display: none;
    }

    .hjmg-cases-slider .eael-grid-post {
        width: 100% !important;
    }

    .hjmg-cases-slider .eael-grid-post .eael-entry-thumbnail a:after {
        display: none !important;
    }

    /* GDPR CONCENT BAR */
    #gdprc_bar {
        max-width: 1100px;
    }
}

@media (max-width: 1150px) {

    /* GDPR CONCENT BAR */
    #gdprc_bar {
        max-width: calc(100vw - 100px);
    }
}

@media (max-width: 1024px) {

    /* Change behaviour of half width content on tablet */
    .footer .footer-innersection-halfwidth {
        width: 50%;
    }

    /* Change padding on left side of case-slider */
    .hjmg-cases-slider {
        padding-left: 50px;
    }

    /* Change padding on left side of Team slider */
    .teammember-slider-holder {
        padding-left: 50px !important;
    }

    .teammember-slider-holder .elementor-column:nth-child(1) {
        width: 100%;
        padding-right: 50px;
    }

    /* GDPR CONCENT BAR */
    #gdprc_bar .container_gdprc_bar {
        display: block !important
    }

    #gdprc_bar .gdprc_content {
        padding-right: 0 !important;
        margin-bottom: 15px !important;
    }

    #gdprc_bar .container_gdprc_bar .gdprc_actions {
        justify-content: end;
    }

    #gdprc_bar .gdprc_actions button {
        width: auto !important;
    }
}

@media (max-width: 767px) {

    /* HJMG Number counter */
    .hjmg-number-classes .elementor-counter-number-prefix {
        display: block;
    }

    /* HJMG Number counter */
    .hjmg-number-classes .elementor-counter-title {
        text-align: center;
    }

    /* HJMG Info box */
    .hjmg-info-content .elementor-icon-box-content {
        display: block;
    }

    /* HJMG Info box */
    .hjmg-info-content .elementor-icon-box-icon {
        margin-bottom: 10px !important;
    }

    /* Change padding on left side of case-slider */
    .hjmg-cases-slider {
        padding-left: 15px;
    }

    .header-logo {
        top: 15px;
        left: 15px;
    }

    .header-logo-scroll {
        top: 15px;
        left: 15px;
    }

    .header-sticky-nav a {
        top: 30px;
        right: 15px;
    }

    /* .header-nav-button-persanolise a.elementor-button-link.elementor-button.elementor-size-sm.elementor-animation-float {
        height: 42px !important;
        width: 42px !important;
        padding: 14px 10px 10px 11px !important;
        margin-right: 5px;
    } */


    .header-sticky-nav .header-nav-button-persanolise a {
        right: calc(25px + 42px + 0px);
        padding: 11px 11px 11px 11px !important;
        /* padding: 17px 11px 17px 11px; */
    }

    .header-sticky-nav .header-nav-button-persanolise-case a {
        right: calc(25px + 55px + 0px) !important;
        padding: 17px 11px 17px 11px !important;
    }

    /* Toggle responsive */
    .eael-toggle-switch-inner {
        width: unset;
        padding: 40px 20px;
        font-size: 18px !important;
    }

    .eael-primary-toggle-label {
        font-size: 18px !important;
    }

    .eael-toggle-switch-on .eael-toggle-slider:before {
        -webkit-transform: translateX(12px) !important;
        -ms-transform: translateX(12px) !important;
        transform: translateX(12px) !important;
    }

    .eael-secondary-toggle-label {
        text-align: end;
        font-size: 18px !important;
    }

    /* Popup close button */
    .dialog-lightbox-close-button {
        width: 42px;
        height: 42px;
    }

    /* Change padding on left side of Team slider */
    .teammember-slider-holder {
        padding-left: 15px !important;
    }

    .teammember-slider-holder .elementor-column:nth-child(1) {
        width: 100%;
        padding-right: 15px;
    }

    /* GDPR CONCENT BAR */
    #gdprc_bar {
        max-width: calc(100vw - 30px);
        bottom: 15px !important;
        padding: 15px !important
    }

    #gdprc_bar .gdprc_content {
        margin-bottom: 20px !important;
    }

    #gdprc_bar .gdprc_content p,
    #gdprc_bar .gdprc_content a {
        font-size: 18px !important;
        line-height: 1.3em !important;
    }

    #gdprc_bar .gdprc_content .gdprc_content__title {
        display: none !important;
    }

    #gdprc_bar .gdprc_actions {
        flex-wrap: wrap !important;
        flex-direction: column-reverse !important;
    }

    #gdprc_bar .gdprc_actions button,
    #gdprc_bar .gdprc_actions a {
        font-size: 18px !important;
        margin: 0;
        width: 100% !important;
        text-align: center !important;
    }

    #gdprc_bar .gdprc_actions button {
        margin: 25px 0 0 0 !important;
    }

    .contact-overlay-bg-pattern .elementor-background-overlay {
        margin-left: 15px !important;
    }

    /* Change responsive behaviour of scroll-to-content-hastags on service-pages */
    .scroll-to-content .elementor-icon-box-wrapper {
        display: flex !important;
    }

    .scroll-to-content .elementor-icon-box-icon {
        margin-right: 15px !important;
        margin-bottom: 0 !important;
    }

    /* Communication Experience */
    .card-wrapper .card-column:nth-child(1) {
        margin-bottom: 25px;
    }

    .card-wrapper .card-column .single-card label {
        padding: 25px;
    }

    .card-wrapper .card-column .single-card:nth-child(1) {
        margin-bottom: 25px;
    }

    .single-card label .card-body {
        margin: 0;
    }
}

@media (max-height: 780px) {
    .sticky-gdprc-settings {
        position: unset !important;
    }

    .dialog-message .elementor-element[data-element_type="column"]>.elementor-widget-wrap.elementor-element-populated {
        display: block !important;
    }
}