/*
Theme Name: Divi Child Theme
Theme URI: https://www.wouterhendrixen.nl
Description: Divi Child Theme
Author: Wouter Hendrixen
Author URI: https://www.wouterhendrixen.nl
Template: Divi
Version: Updated for Divi 5
*/


/*------------------------------------------------*/
/*------------------[TYPOGRAPHY]------------------*/
/*------------------------------------------------*/
:root {
    --font-1: var(--et_global_heading_font);
    --font-2: var(--et_global_body_font);
    --font-3: 'Montserrat bold', Helvetica, Arial, Lucida, sans-serif;
}

h1 {
    margin-bottom: 0px !important;
    padding-bottom: 0px;
}

h2 {
    margin-bottom: 0px !important;
    padding-bottom: 0px;
}

h3 {
    margin-bottom: 0px !important;
    padding-bottom: 0px;
}

h4 {
    margin-bottom: 0px !important;
    padding-bottom: 0px;
}

h5 {
    margin-bottom: 0px !important;
    padding-bottom: 0px;
}

h6 {
    margin-bottom: 0px !important;
    padding-bottom: 0px;
}

:root {
    --p-margin-bottom: 32px;
}

p {
    margin-bottom: var(--p-margin-bottom) !important;
    padding-bottom: 0px;
}

p-small {
    margin-bottom: 32px !important;
}

.subtitile {
    margin-bottom: clamp(24px, 2vw, 32px) !important;
}

.stand-first {
    margin-bottom: clamp(24px, 2vw, 32px) !important;
}

/*------------------------------------------------*/
/*--------------------[COLORS]--------------------*/
/*------------------------------------------------*/
:root {
    --color-1: var(--gcid-nf0zupcnwu);
    --color-2: var(--gcid-qtmdvco7fu);
    --color-3: var(--gcid-primary-color);
    --color-4: var(--gcid-secondary-color);
    --color-5: var(--gcid-mtlpissq3g);
    --color-6: var(--gcid-kw6xpdw2ow);
    --color-7: var(--gcid-wgpfy7pdvd);
    --color-8: var(--gcid-6svjfop0l6);
    --color-9: var(--gcid-1napcprux7);
    --color-10: var(--gcid-cxuelry8os);
}

/*------------------------------------------------*/
/*----------------[BULLETED LIST]-----------------*/
/*------------------------------------------------*/
.custom-bullet-1 {
    --bullet-color: var(--color-3);
    --bullet-font-size: 30px;
    --ul-indent: 0px;
    --ul-indent-from-bullet: 16px;
    --bullet-margin-top: 6px;
    --bullet-content: url(https://...);
    /* Or... */
    --bullet-content: "\4e";
    /* https://www.elegantthemes.com/blog/resources/elegant-icon-font */
    --bullet-font-family: 'ETmodules';
    /* nested bullet 1 */
    --nested-bullet-color: var(--color-3);
    --nested-bullet-font-size: 30px;
    --nested-bullet-indent: 0px;
    --nested-bullet-indent-from-bullet: 12px;
    --nested-bullet-top: 6px;
    --nested-bullet-content: url(https://...);
    /* Or... */
    --nested-bullet-content: "\4e";
    /* https://www.elegantthemes.com/blog/resources/elegant-icon-font */
    --nested-bullet-font-family: 'ETmodules';
}

.custom-bullet-2 {
    --bullet-color: var(--color-1);
    --bullet-font-size: 20px;
    --ul-indent: -6px;
    --ul-indent-from-bullet: 16px;
    --bullet-margin-top: 3px;
    --bullet-content: url(https://...);
    /* Or... */
    --bullet-content: "\35";
    /* https://www.elegantthemes.com/blog/resources/elegant-icon-font */
    --bullet-font-family: 'ETmodules';
    /* nested bullet 2 */
    --nested-bullet-color: var(--color-1);
    --nested-bullet-font-size: 20px;
    --nested-bullet-indent: 10px;
    --nested-bullet-indent-from-bullet: 12px;
    --nested-bullet-top: 3px;
    --nested-bullet-content: url(https://...);
    /* Or... */
    --nested-bullet-content: "\35";
    /* https://www.elegantthemes.com/blog/resources/elegant-icon-font */
    --nested-bullet-font-family: 'ETmodules';
}

.custom-bullet-3 {
    --bullet-color: var(--color-1);
    --bullet-font-size: 30px;
    --ul-indent: 0px;
    --ul-indent-from-bullet: 16px;
    --bullet-margin-top: 6px;
    --bullet-content: url(https://...);
    /* Or... */
    --bullet-content: "\35";
    /* https://www.elegantthemes.com/blog/resources/elegant-icon-font */
    --bullet-font-family: 'ETmodules';
    /* nested bullet 3 */
    --nested-bullet-color: var(--color-1);
    --nested-bullet-font-size: 30px;
    --nested-bullet-indent: 10px;
    --nested-bullet-indent-from-bullet: 12px;
    --nested-bullet-top: 6px;
    --nested-bullet-content: url(https://...);
    /* Or... */
    --nested-bullet-content: "\35";
    /* https://www.elegantthemes.com/blog/resources/elegant-icon-font */
    --nested-bullet-font-family: 'ETmodules';
}

/* general bullet styling */
:is(.custom-bullet-1, .custom-bullet-2, .custom-bullet-3) ul, :is(.custom-bullet-1, .custom-bullet-2, .custom-bullet-3) ul ul {
    margin-bottom: var(--p-margin-bottom);
    padding: 0;
    margin-left: var(--ul-indent);
    display: table;
}

:is(.custom-bullet-1, .custom-bullet-2, .custom-bullet-3) ul li {
    list-style: none;
    display: table-row;
}

:is(.custom-bullet-1, .custom-bullet-2, .custom-bullet-3) ul > li::before {
    all: unset;
    content: var(--bullet-content);
    font-family: var(--bullet-font-family), 'ETmodules' !important;
    font-size: var(--bullet-font-size) !important;
    color: var(--bullet-color) !important;
    display: table-cell;
    padding-right: var(--ul-indent-from-bullet);
    position: relative;
    top: var(--bullet-margin-top);
    line-height: 0;
}

:is(.custom-bullet-1, .custom-bullet-2, .custom-bullet-3) ul ul {
    margin-bottom: var(--ul-margin-bottom-nested);
    margin-left: var(--nested-bullet-indent);
    display: table;
}

:is(.custom-bullet-1, .custom-bullet-2, .custom-bullet-3) ul ul > li {
    margin-bottom: 0px;
    list-style: none;
    display: table-row;
}

:is(.custom-bullet-1, .custom-bullet-2, .custom-bullet-3) ul ul > li::before {
    all: unset;
    content: var(--nested-bullet-content);
    font-family: var(--nested-bullet-font-family), 'ETmodules' !important;
    font-size: var(--nested-bullet-font-size) !important;
    color: var(--nested-bullet-color) !important;
    display: table-cell;
    padding-right: var(--nested-bullet-indent-from-bullet);
    position: relative;
    top: var(--nested-bullet-top);
    line-height: 0;
}

#page-container footer .custom-bullet-1 ul > li::before {
    color: var(--bullet-color) !important;
}

#page-container footer .custom-bullet-2 ul > li::before {
    color: var(--bullet-color) !important;
}

#page-container footer .custom-bullet-3 ul > li::before {
    color: var(--bullet-color) !important;
}
/*------------------------------------------------*/
/*----------------[NUMBERED LISTS]----------------*/
/*------------------------------------------------*/

.custom-number-1 {
    --nl-margin-bottom: var(--p-margin-bottom);
    --nl-margin-bottom-nested: 0px;
    --nl-indent: 0px;
    --nl-indent-from-number: 30px;
    --nl-color: var(--color-1);
    --nl-font-size: initial;
    --nl-font-weight: initial;
    --nl-separator: ".";
    --nl-counter-style: decimal;
    /* decimal, decimal-leading-zero, lower-alpha, upper-alpha, lower-latin, upper-latin, lower-roman, upper-roman */
    /* nested number */
    --nested-nl-counter-style: lower-alpha;
    --nested-nl-separator: ")";
    --nested-nl-indent: 10px;
    --nested-nl-indent-from-number: 12px;
    --nested-nl-font-size: initial;
    --nested-nl-color: var(--color-1);
    --nested-nl-font-weight: initial;
    /* or... nested bullet add class 'nested-bullet' */
    --numbered-nested-bullet-content: "\24";
    --numbered-nested-bullet-color: var(--color-1);
    --numbered-nested-bullet-font-size: 30px;
    --numbered-nested-bullet-top: 6px;
    --numbered-nested-bullet-indent: -32px;
    --numbered-nested-bullet-indent-from-bullet: 12px;
    --numbered-nested-bullet-font-family: 'ETmodules';
}

.custom-number-2 {
    --nl-margin-bottom: var(--p-margin-bottom);
    --nl-margin-bottom-nested: 0px;
    --nl-indent: 0px;
    --nl-indent-from-number: 20px;
    --nl-color: var(--color-3);
    --nl-font-size: 18px;
    --nl-font-weight: 500;
    --nl-counter-style: upper-roman;
    --nl-separator: ".";
    /* nested number */
    --nested-nl-counter-style: decimal;
    --nested-nl-separator: ".";
    --nested-nl-indent: 10px;
    --nested-nl-indent-from-number: 12px;
    --nested-nl-font-size: 14px;
    --nested-nl-color: var(--color-4);
    --nested-nl-font-weight: 400;
    /* or... nested bullet add class 'nested-bullet' */
    --numbered-nested-bullet-content: "\25aa";
    --numbered-nested-bullet-color: var(--color-4);
    --numbered-nested-bullet-font-size: 14px;
    --numbered-nested-bullet-top: 2px;
    --numbered-nested-bullet-indent: 10px;
    --numbered-nested-bullet-indent-from-bullet: 12px;
    --numbered-nested-bullet-font-family: 'ETmodules';
}

/* general number styling */
:is(.custom-number-1, .custom-number-2) ol {
    margin: 0;
    padding: 0;
    margin-left: var(--nl-indent);
    margin-bottom: var(--nl-margin-bottom);
    counter-reset: list-counter;
    display: table;
}

:is(.custom-number-1, .custom-number-2) ol > li {
    list-style: none;
    counter-increment: list-counter;
    display: table-row;
}

:is(.custom-number-1, .custom-number-2) ol > li::before {
    content: counter(list-counter, var(--nl-counter-style)) var(--nl-separator);
    color: var(--nl-color);
    font-size: var(--nl-font-size);
    font-weight: var(--nl-font-weight);
    display: table-cell;
    padding-right: var(--nl-indent-from-number);
    line-height: 1;
}

/* default nested numbers */
:is(.custom-number-1, .custom-number-2) ol ol {
    margin-left: var(--nested-nl-indent);
    margin-bottom: var(--nl-margin-bottom-nested);
    counter-reset: nested-counter;
    display: table;
}

:is(.custom-number-1, .custom-number-2) ol ol > li {
    list-style: none;
    counter-increment: nested-counter;
    display: table-row;
}

:is(.custom-number-1, .custom-number-2) ol ol > li::before {
    content: counter(nested-counter, var(--nested-nl-counter-style)) var(--nested-nl-separator);
    color: var(--nested-nl-color);
    font-size: var(--nested-nl-font-size);
    font-weight: var(--nested-nl-font-weight);
    display: table-cell;
    padding-right: var(--nested-nl-indent-from-number);
    line-height: 1;
}

/* override nested numbers with nested bullets */
:is(.custom-number-1.nested-bullet, .custom-number-2.nested-bullet) ol ol {
    margin-left: var(--numbered-nested-bullet-indent);
    margin-bottom: var(--nl-margin-bottom-nested);
    display: table;
}

:is(.custom-number-1.nested-bullet, .custom-number-2.nested-bullet) ol ol > li {
    counter-increment: none;
    list-style: none;
    display: table-row;
}

:is(.custom-number-1.nested-bullet, .custom-number-2.nested-bullet) ol ol > li::before {
    content: var(--numbered-nested-bullet-content);
    font-family: var(--numbered-nested-bullet-font-family);
    font-size: var(--numbered-nested-bullet-font-size);
    color: var(--numbered-nested-bullet-color);
    display: table-cell;
    padding-right: var(--numbered-nested-bullet-indent-from-bullet);
    position: relative;
    top: var(--numbered-nested-bullet-top);
    line-height: 0;
}

/*------------------------------------------------*/
/*---------------------[FORMS]--------------------*/
/*------------------------------------------------*/

/* placeholder */
.input:not(.wp-fb-ui *, .et-fb-modal *, .et-core-modal *, .nojq *, .wp-core-ui *)::placeholder {
    color: rgb(152, 152, 152) !important;
}

/*------------------------------------------------*/
/*---------------------[MENU]---------------------*/
/*------------------------------------------------*/

/* Menu background color after scroll */
.top-menu-container {
    background-color: rgba(0, 0, 0, 0);
    transition: background-color 1s ease-out;
}

.top-menu-container-fixed .menu-container {
    background-color: rgba(0, 0, 0, 0.7) !important;
    transition: background-color 0.7s ease-in-out;
}

.top-menu-container-fixed .logo-image {
    max-width: 80px !important;
    transition: max-width 0.2s ease-in-out;
}

#page-container .top-menu-container-fixed .et_pb_button {
    padding: 3px 20px 3px 20px !important;
}

#page-container .top-menu-container-fixed .menu-container {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

/* Hide contact button on tablet and smaller */
.top-menu-container .hide-on-desktop, .custom-mobile-menu ul > li.hide-on-desktop {
    display: none !important;
}

/* remove hover opacity menu */
.top-menu-container .menu-item a:hover {
    opacity: 1;
}

/* underline menu items on hover */
.top-menu-container .menu-item > a:not(.sub-menu a, .mobile-menu .sub-menu a, .et_mobile_menu a) {
    position: relative;
    text-decoration: none;
}

/* underline active menu item */
.top-menu-container .menu-item > a:not(.sub-menu a, .mobile-menu .sub-menu a, .et_mobile_menu a)::before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    top: 2rem;
    height: 2px;
    background: var(--color-5);
    transition: width 0.4s ease-in-out, left 0.4s ease-in-out;
    z-index: 0;
}

/* underline active menu item */
.top-menu-container .menu-item:hover > a:not(.sub-menu a, .mobile-menu .sub-menu a, .et_mobile_menu a)::before, .top-menu-container .menu-item.current-menu-item > a:not(.sub-menu a, .mobile-menu .sub-menu a, .et_mobile_menu a)::before, .top-menu-container .menu-item.current-page-parent > a:not(.sub-menu a, .mobile-menu .sub-menu a, .et_mobile_menu a)::before {
    width: 100% !important;
    left: 0 !important;
}

/* hide top menu bar on fixed header */
.top-menu-container-fixed .top-menu-bar {
    display: none;
}

/* width submenu */
.et-menu li li a {
    width: initial;
}

.nav li ul {
    width: 320px;
}

/* no padding sub menu */
.sub-menu a {
    padding-left: 0px !important;
}

/* list items sub menu full width */
.sub-menu li {
    display: block;
}

/* color and effect hover sub menu item */
body #page-container .sub-menu a:hover {
    background-color: initial;
    color: var(--color-3) !important;
    padding-left: 4px !important;
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
}

/*adjust the new toggle element which is added via jQuery
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle, ul.et_mobile_menu li.page_item_has_children .mobile-toggle, .et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle, .et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
    width: 44px;
    height: 100%;
    padding: 0px !important;
    max-height: 44px;
    border: none;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 999;
    background-color: transparent;
} */

/* font weight parent items */
ul.et_mobile_menu li.menu-item-has-children a, ul.et_mobile_menu li.page_item_has_children .a, .et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children a, .et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children a {
    font-weight: initial;
}

/*some code to keep everyting positioned properly*/
ul.et_mobile_menu > li.menu-item-has-children, ul.et_mobile_menu > li.page_item_has_children, ul.et_mobile_menu > li.menu-item-has-children .sub-menu li.menu-item-has-children, .et-db #et-boc .et-l ul.et_mobile_menu > li.menu-item-has-children, .et-db #et-boc .et-l ul.et_mobile_menu > li.page_item_has_children, .et-db #et-boc .et-l ul.et_mobile_menu > li.menu-item-has-children .sub-menu li.menu-item-has-children {
    position: relative;
}

/*remove default background color from menu items that have children*/
.et_mobile_menu .menu-item-has-children > a, .et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children > a {
    background-color: transparent;
}

/*hide the submenu by default*/
ul.et_mobile_menu .menu-item-has-children .sub-menu, #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu, .et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu, .et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
    display: none !important;
    visibility: hidden !important;
}

/*show the submenu when toggled open*/
ul.et_mobile_menu .menu-item-has-children .sub-menu.visible, #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible, .et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible, .et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
    display: block !important;
    visibility: visible !important;
}

/*adjust the toggle icon position and transparency*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle, .et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
    text-align: center;
    opacity: 1;
}

/*submenu toggle icon when closed*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after, .et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
    top: 10px;
    position: relative;
    font-family: "ETModules";
    content: '\33';
    font-size: 30px;
    color: var(--gcid-secondary-color);
    border-radius: 50%;
    padding: 3px;
}

/*submenu toggle icon when open*/
ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle::after, .et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle::after {
    content: '\32';
}

/*add point on top of the menu submenu dropdown*/
.et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
    position: absolute;
    right: 5%;
    margin-left: -20px;
    top: -14px;
    width: 0;
    height: 0;
    content: '';
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #ffffff;
}

/*adjust the position of the hamburger menu*/
.mobile_menu_bar {
    position: relative;
    display: block;
    line-height: 0;
}

/*force the background color and add a rounded border*/
.et_pb_menu_0.et_pb_menu .et_mobile_menu, .et_pb_menu_0.et_pb_menu .et_mobile_menu ul {
    background-color: #ffffff !important;
    border-radius: 10px;
}

/* delay dissapearing of the submenu after hover */
.nav li ul {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease, visibility 0s linear 0.3s;
}

.nav li:hover > ul {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
    /* direct tonen */
    transition: opacity 0.3s ease;
}

.custom-mobile-menu .sub-menu {
    margin-top: .5em;
}

/* Verberg alle submenu’s standaard */
.custom-mobile-menu .sub-menu {
    display: none;
    padding-left: 15px;
}

/* Toon icoontje op parent items */
.custom-mobile-menu .menu-item-has-children > a:first-child {
    position: relative;
    padding-right: 24px;
}

/* Icoon na parent link */
.custom-mobile-menu .menu-item-has-children > a:first-child::after {
    font-family: ETmodules;
    content: "3";
    font-size: 22px;
    position: absolute;
    right: 0;
    top: -2;
    font-weight: 900;
    cursor: pointer;
    color: color-mix(in srgb, var(--color-2) 10%, transparent)
}

.custom-mobile-menu .menu-item-has-children.open > .sub-menu {
    display: block;
}

/*no padding mobile menu*/
@media (max-width: 980px) {
    .custom-mobile-menu .et_pb_column .et_pb_widget {
        margin-bottom: 0px !important;
        width: 100% !important;
    }
}

/*------------------------------------------------*/
/*--------------------[IMAGES]--------------------*/
/*------------------------------------------------*/
.image-1-1 img, .image-16-9 img, .image-9-16 img, .image-3-2 img, .image-2-3 img, .image-4-3 img, .image-3-4 img {
    object-fit: cover;
    width: 100% !important;
    height: 100% !important;
    display: block;
    inset: 0;
}

.image-1-1 img {
    aspect-ratio: 1 / 1;
}

.image-16-9 img {
    aspect-ratio: 16 / 9;
}

.image-9-16 img {
    aspect-ratio: 9 / 16;
}

.image-3-2 img {
    aspect-ratio: 3 / 2;
}

.image-2-3 img {
    aspect-ratio: 2 / 3;
}

.image-4-3 img {
    aspect-ratio: 4 / 3;
}

.image-3-4 img {
    aspect-ratio: 3 / 4;
}

.image-1-1 .et_pb_image_wrap,
.image-16-9 .et_pb_image_wrap,
.image-9-16 .et_pb_image_wrap,
.image-3-2 .et_pb_image_wrap,
.image-2-3 .et_pb_image_wrap,
.image-4-3 .et_pb_image_wrap,
.image-3-4 .et_pb_image_wrap,
.image-0-0 .et_pb_image_wrap {
    position: relative;
    overflow: hidden;
    display: block;
}

.image-0-0.et_pb_image {
    width: 100%;
    height: 100%;
}

.image-0-0 .et_pb_image_wrap {
    width: 100%;
    height: 100%;
}

.image-0-0.et_pb_image img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.image-0-0.et_pb_gallery,
.image-0-0.et_pb_gallery .et_pb_gallery_items,
.image-0-0.et_pb_gallery .et_pb_gallery_item,
.image-0-0.et_pb_gallery .et_pb_gallery_image {
    width: 100%;
    height: 100%;
}

.image-0-0.et_pb_gallery .et_pb_gallery_image {
    position: relative;
    overflow: hidden;
    display: block;
}

.image-0-0.et_pb_gallery .et_pb_gallery_image img {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
}

.image-0-0.et_pb_gallery .et_pb_gallery_image .et_overlay {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.image-0-0.et_pb_gallery .et_pb_gallery_image:hover .et_overlay {
    opacity: 1;
}

@media (max-width: 980px) {
    .et_pb_column > .et_pb_image.image-0-0 {
        height: 60vw;
    }

    .et_pb_column > .et_pb_image.image-0-0 .et_pb_image_wrap {
        height: 100%;
    }
}

.mfp-bottom-bar {
    display: none !important;
}

/*------------------------------------------------*/
/*----------------[COOKIE CONSENT]----------------*/
/*------------------------------------------------*/

/* cookie notice styling */
:root {
    /* container */
    --container-bg-color: #ffffff;
    --container-font-color: #000000;
    --container-link-color: var(--gcid-secondary-color);
    --container-link-color-hover: var(--gcid-secondary-color);
    --container-border-radius: 32px;
    /* buttons general */
    --button-font-family: "Open sans bold";
    --button-text-transform: initial;
    --button-font-size: 18px;
    --button-letter-spacing: 0px;
    --button-border-radius: 50px;
    --button-font-weight: 400;
    --button-padding: 13px 35px;
    /* primary button */
    --primary-button-bg-color: var(--gcid-secondary-color);
    --primary-button-border-color: var(--gcid-secondary-color);
    --primary-button-text-color: #ffffff;
    --primary-button-bg-color-hover: var(--gcid-secondary-color);
    --primary-button-border-color-hover: var(--gcid-secondary-color);
    --primary-button-text-color-hover: #ffffff;
    /* secondary button */
    --secondary-button-bg-color: transparent;
    --secondary-button-border-color: var(--gcid-secondary-color);
    --secondary-button-text-color: var(--gcid-secondary-color);
    --secondary-button-bg-color-hover: transparent;
    --secondary-button-border-color-hover: var(--gcid-secondary-color);
    --secondary-button-text-color-hover: var(--gcid-secondary-color);
}

/* container */
#ct-ultimate-gdpr-cookie-popup.ct-ultimate-gdpr-cookie-popup-classic {
    border-radius: var(--container-border-radius) !important;
    padding: 32px 32px 16px 32px;
    margin-bottom: 32px;
    width: calc(100% - 64px) !important;
    max-width: 1170px;
    left: 50%;
    transform: translate(-50%, 0%);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
    background-color: var(--container-bg-color) !important;
}

#ct-ultimate-gdpr-cookie-content {
    --vw: 4vw;
    min-height: 0vw;
    font-size: var(--gvid-qh65ex56yt) !important;
    line-height: var(--gvid-phzn9qqaj0);
    margin-bottom: 32px;
    font-family: var(--container-font-family) !important;
    color: var(--container-font-color);
}

/* primary button */
#ct-ultimate-gdpr-cookie-accept {
    padding: var(--button-padding);
    background-color: var(--primary-button-bg-color) !important;
    border-color: var(--primary-button-border-color) !important;
    border-width: 2px;
    color: var(--primary-button-text-color) !important;
    text-transform: var(--button-text-transform);
    font-size: var(--button-font-size) !important;
    transition: all 300ms ease 0ms;
    font-weight: var(--button-font-weight);
    letter-spacing: var(--button-letter-spacing);
    font-family: var(--button-font-family) !important;
    border-radius: var(--button-border-radius);
    line-height: var(--button-line-heigth);
}

/* hover primary button */
#ct-ultimate-gdpr-cookie-accept:hover {
    background-color: var(--primary-button-bg-color-hover) !important;
    border-color: var(--primary-button-border-color-hover);
    opacity: 1;
    color: var(--primary-button-text-color-hover) !important;
}

#ct-ultimate-gdpr-cookie-content a {
    text-decoration: underline;
    text-decoration-style: dashed;
    text-underline-offset: 0.2rem !important;
    color: var(--container-link-color) !important;
}

#ct-ultimate-gdpr-cookie-content a:hover {
    color: var(--container-link-color-hover);
}

/* secondary button */
#ct_ultimate-gdpr-cookie-reject {
    transition: all 300ms ease 0ms;
    border: 2px solid !important;
    border-color: var(--secondary-button-border-color) !important;
    border-radius: var(--button-border-radius);
}

#ct_ultimate-gdpr-cookie-reject a {
    color: var(--secondary-button-text-color) !important;
    background-color: var(--secondary-button-bg-color);
    padding: var(--button-padding) !important;
    text-transform: var(--button-text-transform);
    font-size: var(--button-font-size) !important;
    transition: all 300ms ease 0ms;
    font-weight: var(--button-font-weight);
    letter-spacing: var(--button-letter-spacing);
    font-family: var(--button-font-family) !important;
    border-radius: var(--button-border-radius);
    line-height: var(--button-line-heigth);
}

#ct_ultimate-gdpr-cookie-reject a:hover {
    color: var(--secondary-button-text-color-hover) !important;
    background-color: var(--secondary-button-bg-color-hover);
    opacity: 1 !important;
}

#ct_ultimate-gdpr-cookie-reject:hover {
    border-color: var(--secondary-button-border-color-hover) !important;
}

#ct-ultimate-gdpr-cookie-popup.ct-ultimate-gdpr-cookie-popup-classic #ct_ultimate-gdpr-cookie-reject {
    padding: 0px;
}

/* button icon */
#ct_ultimate-gdpr-cookie-reject i {
    display: none;
}

/* button margin */
#ct-ultimate-gdpr-cookie-popup.ct-ultimate-gdpr-cookie-popup-classic #ct-ultimate-gdpr-cookie-accept, #ct-ultimate-gdpr-cookie-popup.ct-ultimate-gdpr-cookie-popup-classic #ct_ultimate-gdpr-cookie-reject {
    margin: 0px 16px 16px 0px !important;
}

/* hide advanced cookie settings */
#ct-ultimate-gdpr-cookie-change-settings {
    display: none;
}

#ct-ultimate-gdpr-cookie-open {
    display: none !important;
}

/* button styling mobile */
@media all and (max-width: 786px) {
    #ct-ultimate-gdpr-cookie-accept, #ct_ultimate-gdpr-cookie-reject {
        width: 100%;
        text-align: center;
    }

    #ct-ultimate-gdpr-cookie-popup#ct-ultimate-gdpr-cookie-popup {
        margin-bottom: 16px;
        width: calc(100% - 32px) !important;
        left: 50% !important;
        transform: translate(-50%, 0%) !important;
    }
}

/*------------------------------------------------*/
/*-------------------[GENERAL]--------------------*/
/*------------------------------------------------*/

/* Avoid horizontal scrolling on mobile 
#page-container {
	overflow: hidden;
}*/

/* no top margin first element */
.no-margin-top :first-child * {
    margin-top: 0px !important;
}

/* no bottom margin last element */
.no-margin-bottom :last-child * {
    margin-bottom: 0px !important;
}

a {
    text-underline-offset: 0.2rem;
}

/*------------------------------------------------*/
/*-------------------[FOOTER]---------------------*/
/*------------------------------------------------*/
.et_pb_widget_area_right, .et_pb_widget_area_left {
    border-left: 0 !important;
    border-right: 0 !important;
}

.footer-separator::after {
    content: "|";
    margin: 0px 16px;
}

/* remove children from footer menu */
footer .menu-item-has-children .sub-menu {
    display: none;
}

/*------------------------------------------------*/
/*-----------------[WOOCOMMERCE]------------------*/
/*------------------------------------------------*/
/* shopping cart icon */
.woo-cart-icon {
    position: relative;
    display: inline-block;
}

/* Divi Elegant Icon Font */
.woo-cart-icon__icon::before {
    content: "\e07a";
    /* winkelwagen uit ETmodules font */
    font-family: 'ETmodules';
    font-size: 1.4rem;
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
    color: var(--color-2)
}

.woo-cart-icon__count {
    background: var(--color-3);
    color: var(--color-2);
    border-radius: 50px;
    font-size: 0.7em;
    font-weight: 400;
    padding: 3px 0px;
    position: absolute;
    right: -12px;
    line-height: 1;
    min-width: 18px;
    text-align: center;
}

/* alignment for checkout + cart tables */
.woocommerce-checkout-review-order-table td.product-total,
.woocommerce-checkout-review-order-table td:last-child,
.woocommerce-checkout-review-order-table tfoot td,
.woocommerce-checkout-review-order-table th:last-child,
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents td:last-child,
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents th:last-child,
.shop_table.shop_table_responsive td:last-child,
.shop_table.shop_table_responsive th:last-child {
    text-align: right !important;
}

/* remove backlinks woocommerce (terug naar winkelwagen) */
.tribe-checkout-backlinks {
	display: none;
}

/* normal font-weight at checkout page */
.woocommerce-checkout-review-order-table,
.woocommerce-checkout-review-order-table *,
.shop_table.shop_table_responsive,
.shop_table.shop_table_responsive *,
.et_pb_wc_checkout_order_details,
.et_pb_wc_checkout_order_details * {
    font-weight: 400 !important;
    text-align: inherit;
}


/*------------------------------------------------*/
/*---------------[EVENTS CALENDAR]----------------*/
/*------------------------------------------------*/
:root {
    --tec-color-text-primary: var(--color-1);
    --tec-color-text-primary-light: #1418279e;
    --tec-color-text-secondary: #5d5d5d;
    --tec-color-text-disabled: #d5d5d5;
    --tec-color-text-events-title: var(--color-3);
    --tec-color-text-event-title: var(--color-3);
    --tec-color-text-event-date: var(--tec-color-text-primary);
    --tec-color-text-secondary-event-date: var(--tec-color-text-secondary);
    --tec-color-icon-primary: #5d5d5d;
    --tec-color-icon-primary-alt: #757575;
    --tec-color-icon-secondary: #bababa;
    --tec-color-icon-active: var(--color-1);
    --tec-color-icon-disabled: #d5d5d5;
    --tec-color-icon-focus: var(--color-3);
    --tec-color-icon-error: #da394d;
    --tec-color-event-icon: var(--color-1);
    --tec-color-event-icon-hover: var(--color-3);
    --tec-color-accent-primary: var(--color-3);
    --tec-color-accent-primary-hover: var(--color-3);
    --tec-color-accent-primary-active: var(--color-3);
    --tec-color-accent-primary-background: var(--color-3);
    --tec-color-accent-secondary: var(--color-1);
    --tec-color-accent-secondary-hover: var(--color-1);
    --tec-color-accent-secondary-active: var(--color-1);
    --tec-color-accent-secondary-background: var(--color-1);
    --tec-color-button-primary: var(--color-3);
    --tec-color-button-primary-hover: var(--color-5);
    --tec-color-button-primary-active: var(--tec-color-accent-primary-active);
    --tec-color-button-primary-background: var(--tec-color-accent-primary-background);
    --tec-color-button-secondary: var(--tec-color-accent-secondary);
    --tec-color-button-secondary-hover: var(--tec-color-accent-secondary-hover);
    --tec-color-button-secondary-active: var(--tec-color-accent-secondary-active);
    --tec-color-button-secondary-background: var(--tec-color-accent-secondary-background);
    --tec-color-link-primary: var(--tec-color-text-primary);
    --tec-color-link-accent: var(--tec-color-accent-primary);
    --tec-color-link-accent-hover: var(--color-3);
    --tec-color-border-default: #d5d5d5;
    --tec-color-border-secondary: #e4e4e4;
    --tec-color-border-tertiary: #7d7d7d;
    --tec-color-border-hover: #5d5d5d;
    --tec-color-border-active: var(--color-1);
    --tec-color-background: var(--color-2);
    --tec-color-background-events: var(--color-2);
    --tec-color-background-transparent: var(--color-2);
    --tec-color-background-secondary: #f7f6f6;
    --tec-color-background-messages: var(--color-2);
    --tec-color-background-secondary-hover: #f0eeee;
    --tec-color-background-error: #da394d14;
    --tec-color-box-shadow: rgba(#000, 0.14);
    --tec-color-box-shadow-secondary: rgba(#000, 0.1);
    --tec-color-scroll-track: rgba(#000, 0.25);
    --tec-color-scroll-bar: rgba(#000, 0.5);
    --tec-color-background-primary-multiday: var(--color-3);
    --tec-color-background-primary-multiday-hover: var(--color-3);
    --tec-color-background-secondary-multiday: #var(--color-1);
    --tec-color-background-secondary-multiday-hover: var(--color-1);
    --tec-color-accent-primary-week-event: var(--color-3);
    --tec-color-accent-primary-week-event-hover: var(--color-3);
    --tec-color-accent-primary-week-event-featured: var(--color-3);
    --tec-color-accent-primary-week-event-featured-hover: var(--color-3);
    --tec-color-background-secondary-datepicker: var(--tec-color-background-secondary);
    --tec-color-accent-primary-background-datepicker: var(--tec-color-accent-primary-background;
    --tec-font-family-sans-serif: var(--font-2);
}

.tribe-common .tribe-common-form-control-checkbox__label,
.tribe-common .tribe-common-form-control-radio__label {
    font-family: var(--font-2);
}

.tribe-common .tribe-common-form-control-slider__label {
    font-family: var(--font-2);
}

.tribe-common .tribe-common-form-control-text__input,
.tribe-common--breakpoint-medium.tribe-common .tribe-common-form-control-text__input,
#top .main_color .tribe-common .tribe-common-form-control-text__input,
#top .main_color .tribe-common.tribe-common--breakpoint-medium .tribe-common-form-control-text__input {
    font-family: var(--font-2);
}

.tribe-common .tribe-common-form-control-toggle__label {
    font-family: var(--font-2);
}

.tribe-common .tribe-common-b1,
.tribe-common .tribe-common-b2,
.tribe-common .tribe-common-b3 {
    font-family: var(--font-2);
}

.tribe-common .tribe-common-cta {
    font-family: var(--font-2);
}

.tribe-common .tribe-common-h1,
.tribe-common .tribe-common-h2,
.tribe-common .tribe-common-h3,
.tribe-common .tribe-common-h4,
.tribe-common .tribe-common-h5,
.tribe-common .tribe-common-h6,
.tribe-common .tribe-common-h7,
.tribe-common .tribe-common-h8 {
    font-family: var(--font-2);
}

.tribe-theme-avada #main .tribe-common .tribe-common-h1,
.tribe-theme-avada #main .tribe-common .tribe-common-h2,
.tribe-theme-avada #main .tribe-common .tribe-common-h3,
.tribe-theme-avada #main .tribe-common .tribe-common-h4,
.tribe-theme-avada #main .tribe-common .tribe-common-h5,
.tribe-theme-avada #main .tribe-common .tribe-common-h6,
.tribe-theme-avada #main .tribe-common .tribe-common-h7,
.tribe-theme-avada #main .tribe-common .tribe-common-h8 {
    font-family: var(--font-2);
}

.tribe-common .tribe-common-c-btn-border,
.tribe-common a.tribe-common-c-btn-border {
    font-family: var(--font-2);
}

.tribe-common .tribe-common-c-btn-border-small,
.tribe-common a.tribe-common-c-btn-border-small {
    font-family: var(--font-2);
}

.tribe-common .tribe-common-c-btn,
.tribe-common a.tribe-common-c-btn,
.tribe-common button.tribe-common-c-btn {
    font-family: var(--font-3) !important;
    font-weight: initial;
}