/*
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);
}

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

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

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

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-1);
	--bullet-font-size: 30px;
    --ul-indent: 0px;
    --ul-indent-from-bullet: 16px;
    --bullet-margin-top: 6px;
    --bullet-content: url(https://...); /* Or... */
    --bullet-content: "\24"; /* https://www.elegantthemes.com/blog/resources/elegant-icon-font */
    --bullet-font-family: 'ETmodules';

    /* nested bullet 1 */
    --nested-bullet-color: var(--color-1);
    --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: "\35"; /* 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;
}

/*------------------------------------------------*/
/*----------------[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;
}

/*------------------------------------------------*/
/*-------------------[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;
}