/* 
 Theme Name:     Divi child
 Author:         
 Author URI:     
 Template:       Divi
 Version:        1.0 
*/

/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */
:root {
    --font-1: 'Signika', Helvetica, Arial, Lucida, sans-serif;
    --font-2: 'Open Sans', Helvetica, Arial, Lucida, sans-serif;
}

p, ul, ol, pre, table, blockquote {
    margin-top: 0px;
    margin-bottom: 32px;
    font-family: var(--font-2) !important;
    line-height: 32px !Important;
}

h1:not(.wp-core-ui *, .et-core-modal *, .nojq *), .h1 * , *.h1 {
    --vw: 4vw;
    min-height: 0vw;
    font-size: clamp(38px, var(--vw), 54px) !important;
    line-height: clamp(40px, var(--vw), 64px) !important;
    margin-top: clamp(32px, var(--vw), 32px);
    margin-bottom: clamp(24px, var(--vw), 40px);
    padding-bottom: clamp(0px, var(--vw), 0px);
    font-weight: 900;
    font-family: var(--font-1);
    color: var(--kleur1);
}

h2:not(.wp-core-ui *, .et-core-modal *, .nojq *), .h2 *, *.h2 {
    --vw: 4vw;
    min-height: 0vw;
    font-size: clamp(38px, var(--vw), 54px) !important;
    line-height: clamp(40px, var(--vw), 64px) !important;
    margin-top: clamp(32px, var(--vw), 32px);
    margin-bottom: clamp(19px, var(--vw), 35px);
    padding-bottom: clamp(0px, var(--vw), 0px);
    font-weight: 900;
    font-family: var(--font-1);
    color: var(--kleur2);
}

h3:not(.wp-core-ui *, .et-core-modal *, .nojq *), .h3 *, *.h3 {
    --vw: 4vw;
    min-height: 0vw;
    font-size: clamp(16px, var(--vw), 16px) !important;
    line-height: clamp(32px, var(--vw), 32px) !important;
    margin-top: clamp(0px, var(--vw), 0px);
    margin-bottom: clamp(0px, var(--vw), 0px);
    padding-bottom: clamp(0px, var(--vw), 0px);
    font-weight: 900;
    font-family: var(--font-2);
    color: var(--kleur2);
}

h4:not(.wp-core-ui *, .et-core-modal *, .nojq *), .h4 *, *.h4 {
    --vw: 4vw;
    min-height: 0vw;
    font-size: clamp(18px, var(--vw), 24px) !important;
    line-height: clamp(32px, var(--vw), 32px) !important;
    margin-top: clamp(32px, var(--vw), 32px);
    margin-bottom: clamp(0px, var(--vw), 8px);
    padding-bottom: clamp(0px, var(--vw), 0px);
    font-weight: 900;
    font-family: var(--font-1);
    color: var(--kleur2);
}

h5:not(.wp-core-ui *, .et-core-modal *, .nojq *), .h5 *, *.h5 {
    --vw: 4vw;
    min-height: 0vw;
    font-size: clamp(18px, var(--vw), 22px) !important;
    line-height: clamp(32px, var(--vw), 32px) !important;
    margin-top: clamp(0px, var(--vw), 0px);
    margin-bottom: clamp(0px, var(--vw), 0px);
    padding-bottom: clamp(0px, var(--vw), 0px);
    font-weight: 900;
    font-family: var(--font-1);
    color: #ffffff !important;
}

h6:not(.wp-core-ui *, .et-core-modal *, .nojq *), .h6 *, *.h6 {
    --vw: 4vw;
    min-height: 0vw;
    font-size: clamp(16px, var(--vw), 16px) !important;
    line-height: clamp(32px, var(--vw), 32px) !important;
    margin-top: clamp(24px, var(--vw), 24px);
    margin-bottom: clamp(0px, var(--vw), 0px);
    padding-bottom: clamp(0px, var(--vw), 0px);
    font-weight: 900;
    font-family: var(--font-1);
    color: var(--kleur2);
}

p:not(.wp-core-ui *, .et-core-modal *, .nojq *), .p *, *.p, footer ul, .et_pb_section ul, .et_pb_section ol, footer ol pre, table, blockquote {
    --vw: 4vw;
    min-height: 0vw;
    font-size: clamp(16px, var(--vw), 16px);
    line-height: clamp(32px, var(--vw), 32px);
    margin-top: clamp(0px, var(--vw), 0px);
    margin-bottom: clamp(32px, var(--vw), 32px);
    padding-bottom: clamp(0px, var(--vw), 0px);
    font-weight: 400;
    font-family: var(--font-2);
    color: #000000;
}

p a, .et_pb_section ul > li > a, .et_pb_section ol > li > a {
    color: var(--kleur3);
    border-width: 0px 0px 1px 0px;
    border-style: dotted;
    border-color: var(--kleur3);
}

p a:hover, .et_pb_section ul > li > a:hover, .et_pb_section ol > li > a:hover {
    color: var(--kleur2);
    border-color: var(--kleur2);
}

p a:hover {
    color: var(--kleur2);
    border-width: 0px 0px 1px 0px;
    border-style: dotted;
    border-color: var(--kleur2);
}

.inleiding p {
    --vw: 3vw;
    min-height: 0vw;
    font-size: clamp(20px, var(--vw), 24px) !important;
    line-height: clamp(56px, var(--vw), 56px) !important;
    margin-top: clamp(0px, var(--vw), 0px);
    margin-bottom: clamp(3px, var(--vw), 3px);
    padding-bottom: clamp(0px, var(--vw), 0px);
    font-weight: 700 !important;
    font-family: var(--font-1) !important;
    color: var(--kleur-1);
}

.titel h1 {
    --vw: 4vw;
    color: #ffffff !important;
    margin-top: clamp(-10px, var(--vw), -13px) !important;
    margin-bottom: 0px !important;
}

.titel {
    background-color: var(--kleur1) !important;
    margin-bottom: 61px !important;
}

.bijschrift p {
    color: var(--kleur3) !important;
    margin-top: -26px !important;
    line-height: 24px !important;
}

/* ----------- header ----------- */
#main-header, #main-header.et-fixed-header {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

#top-menu .menu-item a {
    color: #ffffff;
}

#top-menu-nav #top-menu .menu-item {
    padding-right: 0px;
}

.et_pb_row.header {
    background-color: var(--kleur4);
}

#top-menu .menu-item-has-children > a:first-child:after {
    content: "";
}

#top-menu-nav #top-menu .menu-item a {
    padding: 12px;
}

.nav li ul {
    margin-top: -2px;
    padding: 0 0 20px 0;
    box-shadow: 0 0px 0px rgba(0, 0, 0, .0);
    -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, .0);
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .0);
    border-top: 0px;
}

#top-menu-nav #top-menu .menu-item a:hover, et-fixed-header #top-menu-nav #top-menu .menu-item a:hover {
    background-color: #ffffff;
    color: var(--kleur3) !important;
    border-radius: 3px;
    opacity: 1;
}

#top-menu-nav #top-menu .current_page_item a, #top-menu-nav #top-menu .current-menu-ancestor a, .et-fixed-header #top-menu-nav #top-menu .current-menu-ancestor a, .et-fixed-header #top-menu-nav #top-menu .current_page_item a {
    color: var(--kleur2) !important;
}

#top-menu-nav #top-menu .current_page_item a:hover, #top-menu-nav #top-menu .current-menu-ancestor a:hover, .et-fixed-header #top-menu-nav #top-menu .current-menu-ancestor a:hover {
    color: var(--kleur1) !important;
}

#top-menu-nav #top-menu .sub-menu .menu-item a {
    text-transform: initial;
    font-weight: 400;
    line-height: 1.9em;
    color: #222222 !important;
}

#top-menu-nav #top-menu .sub-menu .menu-item a:hover {
    color: var(--kleur3) !important;
    pointer-events: auto;
}

#top-menu-nav #top-menu .menu-item:hover {
    background-color: #ffffff;
    border-radius: 3px;
}

#top-menu-nav #top-menu .sub-menu {
    pointer-events: auto;
}

#top-menu-nav #top-menu .sub-menu .menu-item {
    height: 0px;
}

.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {
    padding-bottom: 32px !important;
}

.ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target > .ubermenu-sub-indicator {
    margin-top: -2px;
}

/* ----------- responsive menu ----------- */
@media all and (max-width: 980px) {
    .et_pb_row_0_tb_header {
        width: 100% !Important;
    }

    .ubermenu-target-title {
        font-size: 14px;
        font-weight: 700 !important;
        text-transform: uppercase;
        color: #ffffff !important;
    }

    .ubermenu-current-menu-ancestor, .ubermenu-current_page_item {
        background-color: rgba(255, 255, 255, 0.2) !important;
    }

    .ubermenu-sub-indicator, .ubermenu-sub-indicator-close {
        color: #ffffff;
        font-size: 20px;
        right: 5% !important;
        line-height: 14px;
    }

    .ubermenu .ubermenu-target > li {
        padding: 32px 5% !important;
    }

    .ubermenu-has-submenu-mega.ubermenu-active > ul > li > a {
        padding-left: 0px;
    }

    .ubermenu-active > ul > li > ul > li > a span {
        color: #000000 !important;
        text-transform: inherit;
        font-weight: 400 !important;
    }

    .ubermenu-active > ul > li > a span {
        color: var(--kleur2) !important;
        text-transform: inherit;
        font-family: var(--font-1) !important;
        font-size: 16px;
    }

    .ubermenu-skin-minimal .ubermenu-submenu .ubermenu-item-header.ubermenu-has-submenu-stack > .ubermenu-target {
        border-bottom: 1px dashed #000000;
        margin-top: 16px
    }

    .ubermenu-responsive-default.ubermenu-responsive .ubermenu-nav .ubermenu-item .ubermenu-submenu.ubermenu-submenu-drop {
        padding: 0px 5% 8px 5%;
        -moz-box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.15), inset 0 -10px 10px -10px rgba(0, 0, 0, 0.15);
        -webkit-box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.15), inset 0 -10px 10px -10px rgba(0, 0, 0, 0.15);
        box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.15), inset 0 -10px 10px -10px rgba(0, 0, 0, 0.15);
    }

    .ubermenu-has-submenu-stack > ul {
        margin-top: 16px !important;
    }

    .ubermenu .ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target {
        padding: 8px 0px;
    }

    #custom-menu-section .ubermenu-has-submenu-stack ul {
        margin-bottom: 16px !important
    }

    .ubermenu-responsive {
        overflow: scroll !important;
        height: 100vh !important;
        z-index: 1000000 !important;
    }
}

.ubermenu-skin-minimal.ubermenu-responsive-toggle, .ubermenu-skin-minimal.ubermenu-responsive-toggle:hover {
    color: #ffffff;
}

.ubermenu-skin-minimal.ubermenu-responsive-toggle {
    font-size: 20px;
}

.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0 > .ubermenu-custom-content.ubermenu-custom-content-padded {
    margin-top: -5px;
}

#ubermenu-nav-main-8 .ubermenu-item-home > a {
    margin-top: initial;
}

/* ----------- scroll to top ----------- */
.et_pb_scroll_top.et-pb-icon {
    background: var(--kleur2) !important;
}

.et_pb_scroll_top.et-pb-icon:hover {
    background: var(--kleur1) !important;
}

/*** gallery ***/

/* disable divi gallery slide in effect */
.et_pb_gallery_item {
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;
}

/* ----------- footer ----------- */
header, #main-footer {
    background-color: var(--kleur3) !important;
}

#main-footer {
    background:
    linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.2)
    )
}

.et_pb_portfolio_0 .et_pb_module_header a {
    color: var(--kleur3) !important;
    font-weight: 500 !important;
    line-height: 1.9em;
}

.et_pb_portfolio_0 .et_pb_module_header {
    margin: 0px 0px 32px 0px !important;
}

#turnkey-credit {
    display: none;
}

.et_slide_in_menu_container {
    background-color: var(--kleur2);
}

#footer-info {
    color: #ffffff;
}

.mfp-title {
    visibility: hidden;
}

/* ----------- inleiding ------------ */
.inleiding svg {
    --vw: 4vw;
    --vw2: 40vw;
    --vw3: 10vw;
    min-height: 0vw;
    width: clamp(110px, var(--vw2), 240px) !important;
    float: left;
    padding-right: clamp(32px, var(--vw3), 64px);
    position: relative;
    margin-bottom: clamp(24px, var(--vw3), 24px) !important;
}

/* ----------- opdracht ----------- */
.opdracht .et_pb_row {
    background-color: var(--kleur4);
    padding-left: 32px !important;
    padding-right: 32px !important;
}

.opdracht-na-inleiding {
    margin-top: 64px !Important;
}

.extra-margin {
    margin-top: 64px !important;
}

.opdracht:last-of-type {
    margin-bottom: 64px !important;
}

.extra-divider .et_pb_row:first-of-type, body #main-content .et_pb_post_content .extra-divider .et_pb_row:first-of-type {
    border-top: 1px !important;
    border-color: #000000 !important;
    border-style: dashed !Important;
    margin-top: 21px !important;
    padding-top: 15px !Important;
}

.less-margin {
    margin-bottom: 21px !important;
}

/* opdracht counter */
.opdracht {
    counter-increment: opdracht;
}

.opdracht .et_pb_row h2:before {
    content: 'Opdracht ' counter(opdracht) ': ';
}

html:lang(en) .opdracht .et_pb_row h2:before {
    content: 'Assignment ' counter(opdracht) ': ';
}

.opdracht:last-of-type .et_pb_row h2:before {
    content: 'Eindopdracht: ' !Important;
}

.geen-eindopdracht:last-of-type .et_pb_row h2:before {
    content: 'Opdracht ' counter(opdracht) ': ' !Important;
}

html:lang(en) .opdracht:last-of-type .et_pb_row h2:before {
    content: 'Final assignment: ' !Important;
}

html:lang(en) .geen-eindopdracht:last-of-type .et_pb_row h2:before {
    content: 'Assignment ' counter(opdracht) ': ' !Important;
}

/* van ordered list naar abc */
.theorie ol {
    counter-reset: item;
    list-style: none !important;
}

.theorie .et_pb_text ol {
    display: table;
    padding: 0px 0px 0px 0px !important;
}

.theorie ol li {
    display: table;
}

.theorie ol li:before {
    content: counter(item, decimal) ". ";
    display: table-cell;
}

.theorie ol li:before {
    counter-increment: item;
    font-weight: bold !important;
    color: var(--kleur2) !important;
    display: table-cell;
    padding-right: 8px;
}

.opdracht ol {
    counter-reset: item;
    list-style: none !important;
}

.opdracht ol:last-of-type {
    padding-bottom: 0px !important;
}

.opdracht ol li {
    display: table;
    margin-bottom: 32px;
}

.opdracht ol li:last-of-type {
    margin-bottom: 0px;
}

.opdracht ol li:before {
    counter-increment: item;
    content: counter(item, lower-latin) ". ";
    font-weight: bold !important;
    color: var(--kleur2) !important;
    display: table-cell;
    padding-right: 8px;
}

.opdracht ol ol {
    display: table;
    margin-bottom: 0px;
    padding: 0px 0px 0px 0px !important;
    margin-top: 32px
}

.opdracht ol ol li {
    display: table;
    margin-bottom: 0px;
}

.opdracht ol ol li:before {
    content: "●";
    /* https://www.elegantthemes.com/blog/resources/elegant-icon-font */
    font-size: 16px;
    margin-top: 8px;
    font-weight: 400;
    line-height: 0px;
    color: var(--kleur2);
    padding-right: 15px
}

/* ----------- BUTTONS ----------- */

/* inline buttons */
.opdracht .et_pb_button_module_wrapper {
    display: inline-block;
}

.et_pb_button {
    color: #ffffff !important;
    background-color: var(--kleur2) !important;
    font-weight: 700 !important;
}

.et_pb_row .et_pb_button:hover {
    background-color: var(--kleur1) !important;
}

#main-content .et_pb_section.et_pb_section .et_pb_button_module_wrapper.et_pb_module > .locked {
    padding-left: 50px !important;
}

#main-content .et_pb_section.et_pb_section .et_pb_button_module_wrapper.et_pb_module > .locked:hover {
    padding-left: 50px !important;
}

/* ----------- FULL WIDTH SECTIE ----------- */
.fws-1 {
    background-color: var(--kleur1) !important;
}

.fws-2 {
    background-color: var(--kleur2) !important;
}

.fws-3 {
    background-color: var(--kleur3) !important;
}

.fws-4 {
    background-color: var(--kleur4) !important;
}

.fws-1 p, .fws-2 p, .fws-3 p {
    color: #ffffff !important;
}

.fws-1 h2, .fws-2 h2, .fws-3 h2 {
    color: #ffffff !important;
}

.fws-4 h2 {
    color: var(--kleur2) !important;
}

/* ----------- FULL WIDTH SECTIE BUTTONS ----------- */
.fws-1 .et_pb_button:hover {
    background-color: var(--kleur3) !important;
}

.fws-2 .et_pb_button {
    background-color: var(--kleur1) !important;
}

.fws-2 .et_pb_button:hover {
    background-color: var(--kleur3) !important;
}

.fws-4 .et_pb_button {
    background-color: var(--kleur1) !important;
}

.fws-4 .et_pb_button:hover {
    background-color: var(--kleur3) !important;
}

/* ----------- INLEIDING SVG ICON STYLING ----------- */
.style-svg .st0 {
    fill: var(--kleur1);
    stop-color: var(--kleur1) !important;
}

.style-svg .st0:not(.inleiding .style-svg .st0) {
    stroke: var(--kleur1);
}

.style-svg .st1 {
    fill: var(--kleur2);
    stop-color: var(--kleur2) !important;
}

.style-svg .st1:not(.inleiding .style-svg .st1) {
    stroke: var(--kleur2);
}

.style-svg .st2 {
    fill: var(--kleur3);
    stop-color: var(--kleur3) !important;
}

.style-svg .st2:not(.inleiding .style-svg .st2) {
    stroke: var(--kleur3);
}

/*------------------------------------------------*/
/*-------------------[IMAGES]---------------------*/
/*------------------------------------------------*/ 

.full-width-image .et_pb_image_wrap img,
.full-width-image .et_pb_image_wrap {
    width: 100%;
    height: auto;
}

.image-1-1 .et_pb_gallery_image,
.image-1-1 .et_pb_image_wrap,
.image-1-1 .et_pb_module_inner  {
  padding-top: 100%;
}

.image-2-3 .et_pb_gallery_image,
.image-2-3 .et_pb_image_wrap,
.image-2-3 .et_pb_module_inner  {
  padding-top: 150%;
}

.image-3-2 .et_pb_gallery_image,
.image-3-2 .et_pb_image_wrap,
.image-3-2 .et_pb_module_inner  {
  padding-top: 66.66%;
}

.image-3-4 .et_pb_gallery_image,
.image-3-4 .et_pb_image_wrap,
.image-3-4 .et_pb_module_inner  {
  padding-top: 133.33%;
}

.image-4-3 .et_pb_gallery_image,
.image-4-3 .et_pb_image_wrap,
.image-4-3 .et_pb_module_inner {
  padding-top: 75%
}

.image-9-16 .et_pb_gallery_image,
.image-9-16 .et_pb_image_wrap,
.image-9-16 .et_pb_module_inner  {
  padding-top: 177.77%;
}

.image-16-9 .et_pb_gallery_image,
.image-16-9 .et_pb_image_wrap,
.image-16-9 .et_pb_module_inner  {
  padding-top: 56.25%;
}

.image-1-1 .et_pb_gallery_image,
.image-1-1 .et_pb_image_wrap,
.image-1-1 .et_pb_module_inner,
.image-2-3 .et_pb_gallery_image,
.image-2-3 .et_pb_image_wrap,
.image-2-3 .et_pb_module_inner, 
.image-3-2 .et_pb_gallery_image,
.image-3-2 .et_pb_image_wrap,
.image-3-2 .et_pb_module_inner,
.image-3-4 .et_pb_gallery_image,
.image-3-4 .et_pb_image_wrap,
.image-3-4 .et_pb_module_inner,
.image-4-3 .et_pb_gallery_image,
.image-4-3 .et_pb_image_wrap,
.image-4-3 .et_pb_module_inner, 
.image-9-16 .et_pb_gallery_image,
.image-9-16 .et_pb_image_wrap,
.image-9-16 .et_pb_module_inner,
.image-16-9 .et_pb_gallery_image,
.image-16-9 .et_pb_image_wrap,
.image-16-9 .et_pb_module_inner {
	display: block !important;
} 

.image-1-1 .et_pb_gallery_image img,
.image-1-1 .et_pb_image_wrap img,
.image-1-1 .et_pb_module_inner img,
.image-2-3 .et_pb_gallery_image img,
.image-2-3 .et_pb_image_wrap img,
.image-2-3 .et_pb_module_inner img, 
.image-3-2 .et_pb_gallery_image img,
.image-3-2 .et_pb_image_wrap img,
.image-3-2 .et_pb_module_inner img,
.image-3-4 .et_pb_gallery_image img,
.image-3-4 .et_pb_image_wrap img,
.image-3-4 .et_pb_module_inner img,
.image-4-3 .et_pb_gallery_image img,
.image-4-3 .et_pb_image_wrap img,
.image-4-3 .et_pb_module_inner img, 
.image-9-16 .et_pb_gallery_image img,
.image-9-16 .et_pb_image_wrap img,
.image-9-16 .et_pb_module_inner img,
.image-16-9 .et_pb_gallery_image img,
.image-16-9 .et_pb_image_wrap img,
.image-16-9 .et_pb_module_inner {
  position: absolute !important ;
  height: 100% !important;
  width: 100% !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}

/* ----------- GALLERY ----------- */

/* gap size */
.et_pb_gallery {
    --gap: 3%;
}

/* calculate gap */
.et_pb_gallery_item {
    width: calc((100% - (var(--gap) * (var(--image-count) - 1))) / var(--image-count)) !important;
    margin: 0px var(--gap) var(--gap) 0px !important;
    clear: none !important;
}

/* image count per gallery */
.album-2 .et_pb_gallery_item {
    --image-count: 2;
}

.album-3 .et_pb_gallery_item {
    --image-count: 3;
}

.album-4 .et_pb_gallery_item {
    --image-count: 4;
}

.album-5 .et_pb_gallery_item {
    --image-count: 5;
}

.album-6 .et_pb_gallery_item {
    --image-count: 6;
}

/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
	.album-2 .et_pb_gallery_item, .album-3 .et_pb_gallery_item, .album-4 .et_pb_gallery_item, .album-5 .et_pb_gallery_item, .album-6 .et_pb_gallery_item {
		--image-count: 1;
	}
}

/* margins */
.album-2 .et_pb_gallery_item:nth-child(2n + 0), .album-3 .et_pb_gallery_item:nth-child(3n + 0), .album-4 .et_pb_gallery_item:nth-child(4n + 0), .album-5 .et_pb_gallery_item:nth-child(5n + 0), .album-6 .et_pb_gallery_item:nth-child(6n + 0) {
    margin-right: 0px !important;
}

.album-2 .et_pb_gallery_item:nth-last-child(-n + 2), .album-3 .et_pb_gallery_item:nth-last-child(-n + 3), .album-4 .et_pb_gallery_item:nth-last-child(-n + 4), .album-5 .et_pb_gallery_item:nth-last-child(-n + 5), .album-6 .et_pb_gallery_item:nth-last-child(-n + 6) {
    margin-bottom: 0px !important;
}

/* hide title */
.mfp-title {
    display: none;
}


/* ----------- BLOG POST VOORVERTONING ----------- */
.et_pb_inline_icon::before {
    color: var(--kleur3) !important;
}

.post-meta {
    color: var(--kleur3) !important;
    margin-bottom: 0px !important;
}

.et_pb_image_container {
    margin: 0px;
}

.et_pb_blog_grid .et_pb_post {
    padding: 0px;
}

.pagination a {
    color: var(--kleur2);
    text-transform: lowercase;
}

.pagination {
    margin-bottom: 32px;
}

.et_pb_slides .et_pb_container {
    visibility: hidden;
}

.et_pb_post {
    margin-bottom: 32px;
}

/* ----------- MEGA MENU ----------- */
#custom-menu-section {
    background-color: var(--kleur3) !important;
}

@media all and (min-width: 980px) {
    #custom-menu-section .ubermenu-item-level-0.ubermenu-column.ubermenu-column-auto > a {
        color: #ffffff;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 14px;
    }

    #custom-menu-section .ubermenu-item-level-0.ubermenu-column.ubermenu-column-auto > a:hover:not(.ubermenu-item-2236 a) {
        color: var(--kleur2) !important;
        background-color: #ffffff;
    }

    #custom-menu-section .ubermenu-submenu-type-mega {
        padding: 32px 32px 32px 0px !Important;
        display: flex !Important;
        margin-top: 0px !important;
    }

    #custom-menu-section .ubermenu-active > a {
        color: var(--kleur3) !important;
        background-color: white;
    }

    #custom-menu-section .ubermenu-active {
        background-color: white;
    }

    #custom-menu-section .ubermenu-target-with-image {
        padding: 0px !important;
        padding-top: 8px !important;
    }

    #custom-menu-section .ubermenu-nav {
        height: 100% !important;
    }

    #custom-menu-section .ubermenu-has-submenu-stack {
        flex-grow: initial !Important;
        margin-left: 32px !important;
    }

    #custom-menu-section .ubermenu-has-submenu-stack > a {
        border: dashed #000000 !important;
        border-width: 0px 0px 1px 0px !important;
        font-family: var(--font-1) !Important;
        font-size: 18px !Important;
        color: var(--kleur2) !important;
        padding: 0px 0px 10px 0px !important;
        pointer-events: none !important;
        margin-bottom: 8px !Important;
    }

    #custom-menu-section .ubermenu-has-submenu-stack > ul {
        font-size: 16px;
        font-family: var(--font-2);
        padding-bottom: 0px;
        margin-bottom: -12px;
    }

    #custom-menu-section .ubermenu-has-submenu-stack > ul a {
        line-height: 32px;
        padding: 0px;
        color: #000000;
    }

    #custom-menu-section .ubermenu-has-submenu-stack > ul a:hover {
        line-height: 32px !important;
        padding: 0px !Important;
        color: var(--kleur2) !important;
    }/* #custom-menu-section .ubermenu-current-menu-item a, .ubermenu-item-level-0.ubermenu-current-menu-ancestor > a {
                                    color: var(--kleur1) !important;
                                } */

    #custom-menu-section .ubermenu-current-menu-item a, .ubermenu-item-level-0.ubermenu-current-menu-ancestor > a {
        /* -webkit-box-shadow: inset 0px -4px 0px 0px rgba(255, 255, 255, 0.2) !important;
                                                                    box-shadow: inset 0px -100px 0px 0px rgba(255, 255, 255, 0.2) !important; */
        background-color: rgba(255, 255, 255, 0.2) !important;
    }

    #custom-menu-section #ubermenu-nav-main-8 > li.ubermenu-item.ubermenu-item-type-post_type.ubermenu-item-object-page.ubermenu-item-home.ubermenu-current-menu-item.ubermenu-page_item.ubermenu-page-item-437.ubermenu-current_page_item.ubermenu-item-2236.ubermenu-item-level-0.ubermenu-column.ubermenu-column-auto.ubermenu-align-left > a {
        background-color: rgba(0, 0, 0, 0) !important;
    }
}

li.trp-language-switcher-container {
    padding-top: 3px !important;
}

/* ----------- STICKY TEXT EDITOR ----------- */
.mce-panel .mce-stack-layout-item.mce-first {
    position: sticky !important;
    top: -60px;
}

/* ----------- BULLETED LISTS ----------- */

/* reset divi standard footer bullet */
#footer-widgets .footer-widget li::before {
    border-radius: initial;
    border-style: initial !important;
    border-width: initial;
    content: initial;
    left: initial;
    position: initial !important;
    top: initial;
}

/* margin en padding gehele lijst*/
.et_pb_text ul, .et_pb_post_content ul, footer ul, #custom-menu-section .ubermenu-has-submenu-stack ul {
    margin-top: 0px;
    margin-bottom: 32px;
    padding-top: 0px;
    padding-bottom: 0px !important;
    display: table;
}

/* verwijderen standaard bullets + line height*/
.et_pb_text ul li, .et_pb_post_content ul li, footer ul li, .et_pb_de_mach_content ul li, #custom-menu-section .ubermenu-has-submenu-stack ul li {
    list-style: none;
    display: table-row;
    line-height: 32px;
}

/* inspringen vanaf kantlijn*/
.et_pb_text ul, .et_pb_post_content ul, .et_pb_de_mach_content ul, .footer ul, #custom-menu-section .ubermenu-has-submenu-stack ul {
    margin-left: -16px;
    display: table;
}

/* inspringen vanaf bullet */
.et_pb_text ul li::before, .et_pb_post_content ul li:before, footer ul li:before, #custom-menu-section .ubermenu-has-submenu-stack ul li:before {
    padding-right: 16px;
    text-align: right;
    display: table-cell;
}

/* nested list */
.et_pb_text ul ul, .et_pb_post_content ul ul, footer ul ul {
    margin-bottom: 0px;
}

/* bullet style */
.et_pb_text_inner ul li:before, .et_pb_post_content ul li:before, .et_pb_de_mach_content ul li:before, footer ul li:before, #footer-widgets .footer-widget li::before {
    /* Elegant Themes bullet*/
    content: "●";
    /* https://www.elegantthemes.com/blog/resources/elegant-icon-font */
    font-size: 16px;
    margin-top: 8px;
    font-weight: 400;
    line-height: 0px;
    color: var(--kleur2);
}

/* bullet style */
.et_pb_text_inner ul li li:before, .et_pb_post_content ul li li:before, .et_pb_de_mach_content ul li li:before, footer ul li li:before, #footer-widgets .footer-widget li li::before {
    /* Elegant Themes bullet*/
    content: "○";
    /* https://www.elegantthemes.com/blog/resources/elegant-icon-font */
    font-size: 16px;
    margin-top: 8px;
    font-weight: 400;
    line-height: 0px;
    color: var(--kleur2);
}

/* bullet style */
.et_pb_text_inner ul li li li:before, .et_pb_post_content ul li li li:before, .et_pb_de_mach_content ul li li li:before, footer ul li li li:before, #footer-widgets .footer-widget li li li::before {
    /* Elegant Themes bullet*/
    content: "■";
    /* https://www.elegantthemes.com/blog/resources/elegant-icon-font */
    font-size: 16px;
    margin-top: 8px;
    font-weight: 400;
    line-height: 0px;
    color: var(--kleur2);
}

/* bullet list footer underline */
footer ul li a {
    text-decoration: underline !important;
}

/* wel/geen bullets in footer 
footer ul li::before {
    display: none;
} 

/* andere bullet in footer  */
footer ul li::before, #footer-widgets .footer-widget li::before {
    content: url(https://...);
    content: "\35";
    font-family: 'ETmodules';
    font-size: 20px;
    margin-top: 8px !important;
    font-weight: 900;
    line-height: 0px;
    color: var(--kleur1);
    position: relative !important;
    top: 3px !important;
}

/* inspringen vanaf kantlijn*/
footer ul, #footer-widgets .footer-widget ul {
    margin-left: -7px;
}

/* header menu bullets */
#custom-menu-section .ubermenu-has-submenu-stack li:before
{
    content: "\35";
    font-family: 'ETmodules';
    font-size: 16px;
    margin-top: 8px !important;
    font-weight: 900;
    line-height: 0px;
    color: var(--kleur2);
    display: table-cell !important;
    vertical-align: top;
    padding-top: 16px;
}

#custom-menu-section .ubermenu-has-submenu-stack li a:hover {
    padding-left: 4px !important;
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
}

/* inspringen vanaf kantlijn header menu bullets */
.ubermenu-has-submenu-stack ul {
    margin-left: -7px !important;
}

/* ----------- Illustraties ruimtewerking ----------- */

/* ----------- builder customizations ----------- */
.mce-panel .mce-stack-layout-item.mce-first {
    position: sticky !important;
    top: -60px;
}

/* ----------- voorbeeld vraag ----------- */
.voorbeeld-vraag > :after {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    left: calc(50% - 24px) !important;
    bottom: -24px !important;
    width: 0 !important;
    height: 0 !important;
    border-top: 24px solid var(--kleur3) !important;
    border-right: 24px solid transparent !important;
    border-left: 24px solid transparent !important;
    z-index: 1 !important;
    border-bottom: 24px transparent !important;
}

.voorbeeld-vraag {
    background: var(--kleur3);
}

.voorbeeld-antwoord {
    background: #d2e6e3;
}

.voorbeeld-vraag p {
    --vw: 4vw;
    min-height: 0vw;
    font-size: clamp(18px, var(--vw), 22px) !important;
    line-height: clamp(32px, var(--vw), 40px) !important;
    color: #ffffff !Important;
    font-weight: 600;
    font-family: 'Signika' !important
}

.voorbeeld-antwoord ol {
    margin-top: -32px;
}

/* ----------- quote section ----------- */
.quote .style-svg .st10 {
    fill: var(--kleur4) !important;
}

.quote svg {
    margin-top: 0px;
}

.less-margin-quote {
    margin-top: -36px;
}

.quote.extra-divider svg {
    margin-top: 48px !important;
}

.quote-name h3 {
    color: var(--kleur1) !important;
}

.quote-text h2 {
    color: var(--kleur3) !important;
}