/*
 Theme Name:     2Special
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    2Special customizations
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/

@import url("../Divi/style.css");

/* =Theme customization starts here
------------------------------------------------------- */

/* ------------------------------ START BASICS ------------------------------*/

html,
body, p {
    height: 100%;
    font-size: clamp(16px, 1.125vw, 20px);
    color: #000;
    font-weight: 500;
	line-height:160%
}




a {
    color: var(--color-first);
}



strong {
    font-weight: 600;
}

.et_pb_text_inner ul {
    padding-bottom: clamp(1.5rem, 2vw, 2vw);
    list-style-type: none;
}




/* ------ START FLEXBOX STYLES :-)------- */

.flex {
    display: flex;
}

.justify-content-space-between {
    justify-content: space-between;
}

.align-items-center {
    align-items: center !important;
}

.align-items-flex-start {
    align-items: flex-start;
}

.align-items-flex-end {
    align-items: flex-end;
}

.justify-content-center {
    justify-content: center;
}

.justify-content-flex-start {
    justify-content: flex-start;
}

.justify-content-flex-end {
    justify-content: flex-end !important;
}

.flex-direction-column {
    flex-direction: column;
}

@media only screen and (max-width: 980px) {
	.flex-direction-column-mobile {
    flex-direction: column;
}
}

.flex-wrap-wrap {
    flex-wrap: wrap;
}

/* ------ END FLEXBOX STYLES :-)------- */

:root {

    /*------------------- DEFINE COLORS IN RGB ----------------*/
    --RGB-color-first: 168, 192, 183;
    /*RED*/

    --RGB-color-second: 237, 237, 237;
    /*GREY*/

    --RGB-color-third: 232, 228, 220;
    /*---*/

    --RGB-color-fourth: 202, 193, 177;
    /*---*/


    /*--------------- DEFINE COLORS SHORTCODE -----------------*/
    --color-first: rgb(var(--RGB-color-first));
    /*LIGHT RED*/

    --color-second: rgb(var(--RGB-color-second));
    /*GREY*/

    --color-third: rgb(var(--RGB-color-third));
    /*---*/

    --color-fourth: rgb(var(--RGB-color-fourth));
    /*---*/



    /*---------- DEFINE OPACITY STEPS COLOR PRIMARY -----------*/
    --color-first-10: rgba(var(--RGB-color-first), .1);
    --color-first-20: rgba(var(--RGB-color-first), .2);
    --color-first-30: rgba(var(--RGB-color-first), .3);
    --color-first-40: rgba(var(--RGB-color-first), .4);
    --color-first-50: rgba(var(--RGB-color-first), .5);
    --color-first-60: rgba(var(--RGB-color-first), .6);
    --color-first-70: rgba(var(--RGB-color-first), .7);
    --color-first-80: rgba(var(--RGB-color-first), .8);
    --color-first-90: rgba(var(--RGB-color-first), .9);
    --color-first-95: rgba(var(--RGB-color-first), .95);

    /*---------- DEFINE OPACITY STEPS COLOR second ----------*/
    --color-second-10: rgba(var(--RGB-color-second), .1);
    --color-second-20: rgba(var(--RGB-color-second), .2);
    --color-second-30: rgba(var(--RGB-color-second), .3);
    --color-second-40: rgba(var(--RGB-color-second), .4);
    --color-second-50: rgba(var(--RGB-color-second), .5);
    --color-second-60: rgba(var(--RGB-color-second), .6);
    --color-second-70: rgba(var(--RGB-color-second), .7);
    --color-second-80: rgba(var(--RGB-color-second), .8);
    --color-second-90: rgba(var(--RGB-color-second), .9);
    --color-second-95: rgba(var(--RGB-color-second), .95);

    /*---------- DEFINE OPACITY STEPS COLOR third ----------*/
    --color-third-10: rgba(var(--RGB-color-third), .1);
    --color-third-20: rgba(var(--RGB-color-third), .2);
    --color-third-30: rgba(var(--RGB-color-third), .3);
    --color-third-40: rgba(var(--RGB-color-third), .4);
    --color-third-50: rgba(var(--RGB-color-third), .5);
    --color-third-60: rgba(var(--RGB-color-third), .6);
    --color-third-70: rgba(var(--RGB-color-third), .7);
    --color-third-80: rgba(var(--RGB-color-third), .8);
    --color-third-90: rgba(var(--RGB-color-third), .9);
    --color-third-95: rgba(var(--RGB-color-third), .95);

    /*---------- DEFINE OPACITY STEPS COLOR fourth ----------*/
    --color-fourth-10: rgba(var(--RGB-color-fourth), .1);
    --color-fourth-20: rgba(var(--RGB-color-fourth), .2);
    --color-fourth-30: rgba(var(--RGB-color-fourth), .3);
    --color-fourth-40: rgba(var(--RGB-color-fourth), .4);
    --color-fourth-50: rgba(var(--RGB-color-fourth), .5);
    --color-fourth-60: rgba(var(--RGB-color-fourth), .6);
    --color-fourth-70: rgba(var(--RGB-color-fourth), .7);
    --color-fourth-80: rgba(var(--RGB-color-fourth), .8);
    --color-fourth-90: rgba(var(--RGB-color-fourth), .9);
    --color-fourth-95: rgba(var(--RGB-color-fourth), .95);




    --borderRadius: clamp(6.25vw, 6.25vw, 6.25vw);



}

/*----------------- DEFINE HEADING SIZES ----------------------*/


h1,
h2,
h3,
h4 {
    padding-bottom: unset;
}


h1 {
    font-size: clamp(2rem, 3.5vw, 3.5vw);
    font-weight: 300;
    line-height: 120%;
}

.h1-arrow,
.h1-arrow h1,
.h1-arrow .et_pb_text_inner {
    width: 100%;
}


.h1-size-l h1 {
    font-size: clamp(2.25rem, 9vw, 9vw);
}

.h1-size-m h1 {
    font-size: clamp(3rem, 6vw, 6vw);
}

.h1-size-s h1 {
    font-size: clamp(2.5rem, 2vw, 2vw);
}


h2 {
    font-size: clamp(1.5rem, 2.75vw, 2.75vw);
    font-weight: 500;
    line-height: 130%;
}

.h2-size-l h2 {
    font-size: clamp(2rem, 2vw, 2vw);
    font-weight: 500;
    line-height: 120%;;
}


.h2-size-m h2 {
    font-size: clamp(1.75rem, 3vw, 3vw);
}

.h2-size-s h2 {
    font-size: clamp(1.25rem, 2vw, 2vw);
}

.section-title .et_pb_text_inner {
	 display: flex;
	line-height: 30%;
}

.section-title {
    display: flex;
    justify-content: space-between;
}

.section-title :after {
    display: flex;
    content: '';
    width: 100px;
    height: 100%;
	border-bottom:2.5px solid black;
	margin-left:1rem;
}


h3 {
    font-size: clamp(1rem, 2vw, 2vw) !important;
    font-weight: 500;
    line-height: 150%;
}

.h3-size-s h3 {
    font-size: clamp(1.25rem, 1vw, 1vw) !important;
    font-weight: 600;
    line-height: 150%;
}

h4 {
    font-size: clamp(2.5rem, 2vw, 2vw) !important;
    font-weight: normal;

}



/*p,
li {
    color: var(--color-primary);
    font-size: clamp(1rem, 1vw, 1vw);
    line-height: 130%;
	font-weight: 500;
}*/

.p-size-xl p, .p-size-xl {
    font-size: clamp(1.625rem, 1.625vw, 1.625vw);
}

.p-size-l p {
    font-size: clamp(1.375rem, 1.375vw, 1.375vw);
}


.p-size-s p {
    font-size: clamp(0.75rem, 1vw, 1vw);
}

.text-align-center h1,
.text-align-center h2,
.text-align-center h3,
.text-align-center h4,
.text-align-center h5,
.text-align-center p,
.text-align-center span,
.text-align-center a {
    text-align: center;
}



.text-semibold {
    font-weight: 600;
}

.text-bold {
    font-weight: 700;
}

/*---------------DEFINE TEXT COLORS -------------------------*/

.h1-color-first h1,
.h2-color-first h2,
.h3-color-first h3,
.h4-color-first h4,
.span-color-first span,
.link-color-first a,
.text-color-first p,
.text-color-first {
    color: var(--color-first) !important;
}

.h1-color-second h1,
.h2-color-second h2,
.h3-color-second h3,
.h4-color-second h4,
.span-color-second span,
.link-color-second a,
.text-color-second p,
.text-color-second {
    color: var(--color-second) !important;
}

.h1-color-white h1,
.h2-color-white h2,
.h3-color-white h3,
.h4-color-white h4,
.span-color-white span,
.link-color-white a,
.text-color-white,
.text-color-white p {
    color: white;
}

.h1-color-black h1,
.h2-color-black h2,
.h3-color-black h3,
.h4-color-black h4,
.span-color-black span,
.link-color-black a,
.text-color-black,
.text-color-black p {
    color: black;
}





/* START BACKGROUND COLORS */
.bg-none {
    background: none;
}

.bg-color-first {
    background-color: var(--color-first);
}

.bg-color-second {
    background-color: var(--color-second);
}

.bg-color-third {
    background-color: var(--color-third);
}

.bg-color-fourth {
    background-color: var(--color-fourth);
}

.bg-color-white {
    background-color: white;
}

/* -------------------- start template styles --------------------------*/

.et_pb_section {
    padding-top: clamp(3.4rem, 6vw, 6vw) !important;
    padding-bottom: clamp(3.4rem, 6vw, 6vw) !important;
}

.et_pb_row {
    padding-top: clamp(1.85rem, 3vw, 3vw) !important;
    padding-bottom: clamp(1.85rem, 3vw, 3vw) !important;
    width: 100% !important;
    max-width: 100%;
    padding-left: 10vw !important;
    padding-right: 10vw !important;
	margin: unset;

}

.et_pb_column {
    margin-bottom: 0 !important;
}

.row-full {
    padding-left: 0 !important;
    padding-right: 0 !important;
}


.repeater-row .column {

}

.repeater-row:nth-child(odd) .column:last-child {

	width:60%;
}
.repeater-row:nth-child(odd) .column:first-child {
	margin-right:5%;
	width:35%;
}

.repeater-row:nth-child(even) .column:first-child {
	margin-left:5%;
	width:35%;
}

.repeater-row:nth-child(even) .column:last-child {

		width:60%;
}


.repeater-row:nth-child(even) {
flex-direction: row-reverse;
}

@media only screen and (min-width: 981px) {

    .row-small {
        /*padding-right: 25vw !important;*/
		max-width:70%;
		margin-left:0;
    }
}


.et_pb_module {
    margin-bottom: clamp(1.5rem, 2vw, 2vw);
}

.et_pb_menu_0_tb_header .et_pb_menu_inner_container>.et_pb_menu__logo-wrap .et_pb_menu__logo img,
.et_pb_menu_0_tb_header .et_pb_menu__logo-slot .et_pb_menu__logo-wrap img {
    height: auto;
    width: 290px;
    max-height: 42px;
}

.et_pb_section_0_tb_body {
    padding-top: clamp(5.95rem, 6.7vw, 6.7vw);
}



a.custom-button,
.custom-button a {
    font-size: clamp(1rem, 1vw, 1vw);
    padding: 0 clamp(1.5rem, 1.5vw, 1.5vw) 0 clamp(1rem, 1vw, 1vw);
    line-height: 100%;
    text-align: center;
    display: inline-block;
    /* float: left; */
    transition: all 300ms ease 0ms;
    height: clamp(2rem, 2vw, 2vw);
    line-height: clamp(2rem, 2vw, 2vw);
}

.custom-button a:after {
    content: '';
    width: 1rem;
    position: absolute;
    float: right;
    margin-left: clamp(1.4rem, 1.4vw, 1.4vw);
    width: clamp(1rem, 1vw, 1vw);
    height: clamp(2rem, 2vw, 2vw);
}

.custom-button-color-first a {
    background: var(--color-first);
    color: white;
}

.custom-button-color-first a:after {
    background: linear-gradient(110deg, rgba(169, 201, 48, 1) 50%, rgba(169, 201, 48, 0) 50%);
}


a.custom-button:hover,
.custom-button a:hover {
    opacity: 0.6;
}


.button-wide {
    width: 100%;
}

a.button-color-first,
.button-color-first a {
    background: var(--color-first);
    color: white;

}

a.button-color-first:hover,
.button-color-first a:hover {

    color: var(--color-first);
}

a.button-color-second,
.custom-button-color-second a {
    background: var(--color-second);
    color: white;
}

a.button-color-second:hover,
.custom-button-color-second a:hover {
    background: var(--color-second-70);
}

a.button-color-third,
.custom-button-color-third a {
    background: var(--color-third);
    color: white;
}

a.button-color-third:hover,
.custom-button-color-third a:hover {
    background: var(--color-third-70);
}


.link-button-arrow a:after,
.link-button-arrow span:after {
    display: block;
    float: right;
    content: '';
    /*width: 1.2vw;
   height:1.2vw;*/
    min-width: clamp(26px, 2vw, 2vw);
    height: clamp(1rem, 1.15vw, 1.15vw);
    margin-left: clamp(8px, 0.75vw, 0.75vw);
    -webkit-mask-size: cover;
    -webkit-mask: url(https://sterrebosch.development.2special.nl/wp-content/themes/Divichild/images/arrow.svg) no-repeat 50% 50%;
    mask: url(https://sterrebosch.development.2special.nl/wp-content/themes/Divichild/images/arrow.svg) no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: white;
}

.link-button-back a:before {
    display: block;
    content: '';
    width: clamp(26px, 2vw, 2vw);
    height: clamp(1rem, 1.15vw, 1.15vw);
    -webkit-mask-size: cover;
    -webkit-mask: url(https://sterrebosch.development.2special.nl/wp-content/themes/Divichild/images/arrow.svg) no-repeat 50% 50%;
    mask: url(https://sterrebosch.development.2special.nl/wp-content/themes/Divichild/images/arrow.svg) no-repeat 50% 50%;
    mask-size: cover;
    background-color: white;
    float: left;
    margin-right: 0.75vw;
    transform: rotate(180deg);
    z-index: 999999999;
}

.link-button-back a:hover::before {
    background-color: var(--color-primary);
}


.border-right {
    border-right: 2px solid white;
}

.border-left {
    border-left: 2px solid white;
}

.border-top {
    border-top: 2px solid white;
}

.border-bottom {
    border-bottom: 2px solid white;
}


/* ------------------------------ START CUSTOM FORMS ------------------------------*/

.custom-form input,
.customForm textarea {
    border: 1px solid #ccc !important;
    border-radius: clamp(5px, 0.125vw, 0.125vw);
}

.custom-form input {
    height: clamp(50px, 3.125vw, 3.125vw);
}

.custom-form input[type=checkbox] {
    height: auto;
}

.custom-form .gform_wrapper.gravity-theme .gfield_required {
    color: #999;
}

/*--------------------------------- END CUSTOM FORMS ------------------------------*/


/* ------------------------------ START MARGINS ------------------------------*/


.vertical-height {
    height: clamp(320px, 55vw, 55vw);

}

.vertical-height-home {
    height: clamp(100vh, 100vh, 100vh);
}

@media only screen and (max-width: 980px) {
    .vertical-height-home {
        height: 50vh;
    }

}

.pt-0,
.template-standard .pt-0 {
    padding-top: 0 !important;
}

@media only screen and (min-width: 981px) {
    .pt-0-screen {
        padding-top: 0 !important;
    }
}

.pb-0,
.template-standard .pb-0 {
    padding-bottom: 0 !important;
}


.px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}



.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


.p-0 {
    padding: 0 !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.m-0 {
    margin: 0 !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.pl-0 {
    padding-left: 0 !important;
}

@media only screen and (min-width: 981px) {
    .pl-0-screen {
        padding-left: 0 !important;
    }

    .pr-0-screen {
        padding-right: 0 !important;
    }	
}

.pt-1 {
    padding-top: clamp(1rem, 1vw, 1vw) !important;
}

.pb-1 {
    padding-bottom: clamp(1rem, 1vw, 1vw) !important;
}

@media only screen and (max-width: 780px) {
	.pt-1 {
    padding-top: clamp(1%, 1vw, 1vw) !important;
}

.pb-1 {
    padding-bottom: clamp(1%, 1vw, 1vw) !important;
}
}


.px-1 {
    padding-left: clamp(1rem, 1vw, 1vw) !important;
    padding-right: clamp(1rem, 1vw, 1vw) !important;
}

.py-1 {
    padding-top: clamp(1rem, 1vw, 1vw) !important;
    padding-bottom: clamp(1rem, 1vw, 1vw) !important;
}

.p-1 {
    padding: clamp(1rem, 1vw, 1vw) !important;
}

.mt-1 {
    margin-top: clamp(1rem, 1vw, 1vw) !important;
}

.mb-1 {
    margin-bottom: clamp(1rem, 1vw, 1vw) !important;
}

.mr-1 {
    margin-right: clamp(1rem, 1vw, 1vw) !important;
}

.ml-1 {
    margin-left: clamp(1rem, 1vw, 1vw) !important;
}

.mx-1 {
    margin-left: clamp(1rem, 1vw, 1vw) !important;
    margin-right: clamp(1rem, 1vw, 1vw) !important;
}

.my-1 {
    margin-top: clamp(1rem, 1vw, 1vw) !important;
    margin-bottom: clamp(1rem, 1vw, 1vw) !important;
}

.m-1 {
    margin-top: clamp(1rem, 1vw, 1vw) !important;
}


.pt-2 {
    padding-top: clamp(1.75rem, 2vw, 2vw) !important;
}

.pb-2 {
    padding-bottom: clamp(1.75rem, 2vw, 2vw) !important;
}

.px-2 {
    padding-left: clamp(1.75rem, 2vw, 2vw) !important;
    padding-right: clamp(1.75rem, 2vw, 2vw) !important;
}

.py-2 {
    padding-top: clamp(1.75rem, 2vw, 2vw) !important;
    padding-bottom: clamp(1.75rem, 2vw, 2vw) !important;
}

.p-2 {
    padding: clamp(1.75rem, 2vw, 2vw) !important;
}

.mt-2 {
    margin-top: clamp(1.75rem, 2vw, 2vw) !important;
}

.mb-2 {
    margin-bottom: clamp(1.75rem, 2vw, 2vw) !important;
}


.mr-2 {
    margin-right: clamp(1.75rem, 2vw, 2vw) !important;
}

.mx-2 {
    margin-left: clamp(1.75rem, 2vw, 2vw) !important;
    margin-right: clamp(1.75rem, 2vw, 2vw) !important;
}

.my-2 {
    margin-top: clamp(1.75rem, 2vw, 2vw) !important;
    margin-bottom: clamp(1.75rem, 2vw, 2vw) !important;
}

.m-2 {
    margin-top: clamp(1.75rem, 2vw, 2vw) !important;
}


.pt-3 {
    padding-top: clamp(2rem, 3vw, 3vw) !important;
}

.pb-3 {
    padding-bottom: clamp(2rem, 3vw, 3vw) !important;
}

.px-3 {
    padding-left: clamp(2rem, 3vw, 3vw) !important;
    padding-right: clamp(2rem, 3vw, 3vw) !important;
}

.py-3 {
    padding-top: clamp(2rem, 3vw, 3vw) !important;
    padding-bottom: clamp(2rem, 3vw, 3vw) !important;
}

.p-3 {
    padding-top: clamp(2rem, 3vw, 3vw) !important;
}

.mt-3 {
    margin-top: clamp(2rem, 3vw, 3vw) !important;
}

.mb-3 {
    margin-bottom: clamp(2rem, 3vw, 3vw) !important;
}

.mx-3 {
    margin-left: clamp(2rem, 3vw, 3vw) !important;
    margin-right: clamp(2rem, 3vw, 3vw) !important;
}

.my-3 {
    margin-top: clamp(2rem, 3vw, 3vw) !important;
    margin-bottom: clamp(2rem, 3vw, 3vw) !important;
}

.m-3 {
    margin-top: clamp(2rem, 3vw, 3vw) !important;
}


.pt-4 {
    padding-top: clamp(2.5rem, 4vw, 4vw) !important;
}

.pb-4 {
    padding-bottom: clamp(2.5rem, 4vw, 4vw) !important;
}

.px-4 {
    padding-left: clamp(2.5rem, 4vw, 4vw) !important;
    padding-right: clamp(2.5rem, 4vw, 4vw) !important;
}

.py-4 {
    padding-top: clamp(2.5rem, 4vw, 4vw) !important;
    padding-bottom: clamp(2.5rem, 4vw, 4vw) !important;
}

.p-4 {
    padding-top: clamp(2.5rem, 4vw, 4vw) !important;
}

.mt-4 {
    margin-top: clamp(2.5rem, 4vw, 4vw) !important;
}

.mb-4 {
    margin-bottom: clamp(2.5rem, 4vw, 4vw) !important;
}

.mx-4 {
    margin-left: clamp(2.5rem, 4vw, 4vw) !important;
    margin-right: clamp(2.5rem, 4vw, 4vw) !important;
}

.my-4 {

    margin-top: clamp(2.5rem, 4vw, 4vw) !important;
    margin-bottom: clamp(2.5rem, 4vw, 4vw) !important;
}

.m-4 {
    margin-top: clamp(2.5rem, 4vw, 4vw) !important;
}

.pt-5 {
    padding-top: clamp(3rem, 5vw, 5vw) !important;
}

.pb-5 {
    padding-bottom: clamp(3rem, 5vw, 5vw) !important;
}

.px-5 {
    padding-left: clamp(3rem, 5vw, 5vw) !important;
    padding-right: clamp(3rem, 5vw, 5vw) !important;
}

.py-5 {
    padding-top: clamp(3rem, 5vw, 5vw) !important;
    padding-bottom: clamp(3rem, 5vw, 5vw) !important;
}

.p-5 {
    padding-top: clamp(3rem, 5vw, 5vw) !important;
}

.pr-5 {
    padding-right: clamp(3rem, 5vw, 5vw) !important;
}

.pl-5 {
    padding-left: clamp(3rem, 5vw, 5vw) !important;
}

@media only screen and (min-width: 981px) {

    .pl-5-screen {
        padding-left: 5vw !important;
    }

    .pr-5-screen {
        padding-right: 5vw !important;
    }

}

.mt-5 {
    margin-top: clamp(3rem, 5vw, 5vw) !important;
}

.mb-5 {
    margin-bottom: clamp(3rem, 5vw, 5vw) !important;
}

.mx-5 {
    margin-left: clamp(3rem, 5vw, 5vw) !important;
    margin-right: clamp(3rem, 5vw, 5vw) !important;
}

.my-5 {
    margin-top: clamp(3rem, 5vw, 5vw) !important;
    margin-bottom: clamp(3rem, 5vw, 5vw) !important;
}

.m-5 {
    margin-top: clamp(3rem, 5vw, 5vw) !important;
}



.pt-6 {
    padding-top: clamp(3.5rem, 6vw, 6vw) !important;
}

.pb-6 {
    padding-bottom: clamp(3.5rem, 6vw, 6vw) !important;
}

.px-6 {
    padding-left: clamp(3.5rem, 6vw, 6vw) !important;
    padding-right: clamp(3.5rem, 6vw, 6vw) !important;
}

.py-6 {
    padding-top: clamp(3.5rem, 6vw, 6vw) !important;
    padding-bottom: clamp(3.5rem, 6vw, 6vw) !important;
}

.p-6 {
    padding-top: clamp(3.5rem, 6vw, 6vw) !important;
}

.m-6 {
    margin-top: clamp(3.5rem, 6vw, 6vw) !important;
}

.mb-6 {
    margin-bottom: clamp(3.5rem, 6vw, 6vw) !important;
}

.mx-6 {
    margin-left: clamp(3.5rem, 6vw, 6vw) !important;
    margin-right: clamp(3.5rem, 6vw, 6vw) !important;
}

.my-6 {
    margin-top: clamp(3.5rem, 6vw, 6vw) !important;
    margin-bottom: clamp(3.5rem, 6vw, 6vw) !important;
}

.m-6 {
    margin-top: clamp(3.5rem, 6vw, 6vw) !important;
}

.pt-7 {
    padding-top: clamp(4rem, 7vw, 7vw) !important;
}

.pb-7 {
    padding-bottom: clamp(4rem, 7vw, 7vw) !important;
}

.px-7 {
    padding-left: clamp(4rem, 7vw, 7vw) !important;
    padding-right: clamp(4rem, 7vw, 7vw) !important;
}

.py-7 {
    padding-top: clamp(4rem, 7vw, 7vw) !important;
    padding-bottom: clamp(4rem, 7vw, 7vw) !important;
}

.p-7 {
    padding-top: clamp(4rem, 7vw, 7vw) !important;
}

.mt-7 {
    margin-top: clamp(4rem, 7vw, 7vw) !important;
}

.mb-7 {
    margin-bottom: clamp(4rem, 7vw, 7vw) !important;
}

.mx-7 {
    margin-left: clamp(4rem, 7vw, 7vw) !important;
    margin-right: clamp(4rem, 7vw, 7vw) !important;
}

.my-7 {
    margin-top: clamp(4rem, 7vw, 7vw) !important;
    margin-bottom: clamp(4rem, 7vw, 7vw) !important;
}

.m-7 {
    margin-top: clamp(4rem, 7vw, 7vw) !important;
}

.pt-8 {
    padding-top: clamp(4.5rem, 8vw, 8vw) !important;
}

.pb-8 {
    padding-bottom: clamp(4.5rem, 8vw, 8vw) !important;
}

.px-8 {
    padding-left: clamp(4.5rem, 8vw, 8vw) !important;
    padding-right: clamp(4.5rem, 8vw, 8vw) !important;
}

.py-8 {
    padding-top: clamp(4.5rem, 8vw, 8vw) !important;
    padding-bottom: clamp(4.5rem, 8vw, 8vw) !important;
}

.p-8 {
    padding-top: clamp(4.5rem, 8vw, 8vw) !important;
}

.mt-8 {
    margin-top: clamp(4.5rem, 8vw, 8vw) !important;
}

.mb-8 {
    margin-bottom: clamp(4.5rem, 8vw, 8vw) !important;
}

.mx-8 {
    margin-left: clamp(4.5rem, 8vw, 8vw) !important;
    margin-right: clamp(4.5rem, 8vw, 8vw) !important;
}

.my-8 {
    margin-top: clamp(4.5rem, 8vw, 8vw) !important;
    margin-bottom: clamp(4.5rem, 8vw, 8vw) !important;
}

.m-8 {
    margin-top: clamp(4.5rem, 8vw, 8vw) !important;
}



.pt-9 {
    padding-top: clamp(5rem, 9vw, 9vw) !important;
}

.pb-9 {
    padding-bottom: clamp(5rem, 9vw, 9vw) !important;
}

.px-9 {
    padding-left: clamp(5rem, 9vw, 9vw) !important;
    padding-right: clamp(5rem, 9vw, 9vw) !important;
}

.py-9 {
    padding-top: clamp(5rem, 9vw, 9vw) !important;
    padding-bottom: clamp(5rem, 9vw, 9vw) !important;
}

.p-9 {
    padding-top: clamp(5rem, 9vw, 9vw) !important;
}

.mt-9 {
    margin-top: clamp(5rem, 9vw, 9vw) !important;
}

.mb-9 {
    margin-bottom: clamp(5rem, 9vw, 9vw) !important;
}

.mx-9 {
    margin-left: clamp(5rem, 9vw, 9vw) !important;
    margin-right: clamp(5rem, 9vw, 9vw) !important;
}

.my-9 {
    margin-top: clamp(5rem, 9vw, 9vw) !important;
    margin-bottom: clamp(5rem, 9vw, 9vw) !important;
}

.m-9 {
    margin-top: clamp(5rem, 9vw, 9vw) !important;
}

.pt-10 {
    padding-top: clamp(5.5rem, 10vw, 10vw) !important;
}

.pb-10 {
    padding-bottom: clamp(5.5rem, 10vw, 10vw) !important;
}

.px-10 {
    padding-left: clamp(5.5rem, 10vw, 10vw) !important;
    padding-right: clamp(5.5rem, 10vw, 10vw) !important;
}

.py-10 {
    padding-top: clamp(5.5rem, 10vw, 10vw) !important;
    padding-bottom: clamp(5.5rem, 10vw, 10vw) !important;
}

.pl-10 {
    padding-left: clamp(5.5rem, 10vw, 10vw) !important;
}

@media only screen and (min-width: 981px) {
	.pl-10-screen {
    padding-left: clamp(5.5rem, 10vw, 10vw) !important;
}
}


.p-10 {
    padding-top: clamp(5.5rem, 10vw, 10vw) !important;
}

.mt-10 {
    margin-top: clamp(5.5rem, 10vw, 10vw) !important;
}

.mb-10 {
    margin-bottom: clamp(5.5rem, 10vw, 10vw) !important;
}

.mx-10 {
    margin-left: clamp(5.5rem, 10vw, 10vw) !important;
    margin-right: clamp(5.5rem, 10vw, 10vw) !important;
}

.my-10 {
    margin-top: clamp(5.5rem, 10vw, 10vw) !important;
    margin-bottom: clamp(5.5rem, 10vw, 10vw) !important;
}

.m-10 {
    margin-top: clamp(5.5rem, 10vw, 10vw) !important;
}

.py-11 {
    padding-top: clamp(6rem, 11vw, 11vw) !important;
    padding-bottom: clamp(6rem, 11vw, 11vw) !important;
}

.py-12 {
    padding-top: clamp(6.5rem, 11vw, 11vw) !important;
    padding-bottom: clamp(6.5rem, 11vw, 11vw) !important;
}

.py-18 {
    padding-top: clamp(9.5rem, 15vw, 15vw) !important;
    padding-bottom: clamp(9.5rem, 15vw, 15vw) !important;
}

.py-20 {
    padding-top: clamp(14.5rem, 21vw, 21vw) !important;
    padding-bottom: clamp(14.5rem, 22vw, 22vw) !important;

}


.row-p3 {

    padding-left: 3vw !important;
    padding-right: 3vw !important;

}




@media only screen and (max-width: 980px) {

    .media-mt {
        margin-top: clamp(30px, 3vw, 3vw) !important
    }

    .media-mb {
        margin-bottom: clamp(30px, 3vw, 3vw) !important
    }

    .media-pt {
        padding-top: clamp(30px, 3vw, 3vw) !important
    }

    .media-pb {
        padding-bottom: clamp(30px, 3vw, 3vw) !important
    }

    /*    .h1-size-l h1 {
        font-size: clamp(4.5rem, 4.5vw, 4.5vw);
    }*/

    .media-row-p10 {

        padding-left: 3vw !important;
        padding-right: 3vw !important;

    }

}


/******************************* HEADER **************************/

.et_pb_menu__logo-wrap {
    width: clamp(12.5rem, 12.5vw, 12.5vw) !important;
}

.et_pb_menu__logo {
    margin-right: 0 !important;
}


.et_pb_menu_0_tb_header .et_pb_menu_inner_container>.et_pb_menu__logo-wrap .et_pb_menu__logo img,
.et_pb_menu_0_tb_header .et_pb_menu__logo-slot .et_pb_menu__logo-wrap img {
    height: auto;
    width: 290px;
    max-height: 42px;
}


.et_pb_menu__wrap {
    display: flex !important;
    justify-content: flex-end !important;
}


.et_pb_menu .et-menu>li {
    padding-left: clamp(2rem, 2vw, 2vw);
    padding-right: 0;
    font-size: clamp(1.25rem, 1vw, 1vw);

}

.et_pb_menu .et-menu>li>a {
    color: var(--color-first);
    padding-bottom: 0;

}

.transition-header .et_pb_menu .et-menu>li>a {
    color: var(--color-second) !important;
    padding-bottom: 0;
    padding-top: 0;

}

.transition-header .et_pb_menu .et-menu>li>a:hover {
    color: var(--color-second) !important;
    border-bottom: 2px solid var(--color-first);
    padding-bottom: 0;

}


.header-hyperlink {
    background-position: left;
    background-size: auto;
    padding: 5px;
}

.et_pb_menu_0_tb_header.et_pb_menu {
    background: none !important;
}

/* *****************   MAIN PAGE  ******************************  */



.pb-11 {
    padding-bottom: clamp(18.5rem, 18vw, 18vw) !important;
}



.et_pb_menu_0_tb_footer.et_pb_menu,
.et_pb_menu_1_tb_footer.et_pb_menu {
    background: none !important;

}

.et_pb_menu .et-menu-nav>ul,
.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul {
    padding: revert !important;
    line-height: 1.7em;
}

.footer-hyperlink {
    background-position: center;
    background-size: auto;
    padding: 5px;
}

/* 
.footer-ul li {

    padding: 0 !important;
    font-weight: 400;
    font-size: clamp(16px, 1.1vw, 1.1vw) !important;
    line-height: 190%;

} */




/* footer menu */
.section-footer .et_pb_menu {
    background-color: unset !important;
}

.section-footer .et_pb_menu ul.et-menu {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
}

.section-footer .et_pb_menu ul li {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

.section-footer .et_pb_menu ul li a,
.link-contact a {
    padding: 0 !important;
    font-weight: 400;
    font-size: clamp(16px, 1.1vw, 1.1vw) !important;
    line-height: 190%;
}

.section-footer .et_pb_menu ul#menu-sitemap li.submenu-mainmenu {
    padding-left: 2vw !important;
}

.section-footer .et_pb_menu ul li {
    width: 100% !important;
    /*font-size:16px;*/
}

.section-footer .et_pb_menu .et_pb_menu__menu {
    display: block !important;
}

.section-footer .et_pb_menu .et_mobile_nav_menu {
    display: none !important;
}

.section-footer .et_pb_menu .et_pb_menu__menu,
.footer-menu .et_pb_menu__menu>nav,
.footer-menu .et_pb_menu__menu>nav>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}


.et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar:before,
.et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__search-button,
.et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__close-search-button,
.et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__cart-button {
    color: white !important;
    font-size: clamp(4.375rem, 4vw, 4vw);
}

.et_mobile_menu li a {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.gform_button {
    background-color: var(--color-second) !important;
    text-transform: uppercase !important;
    color: white !important;
    border: 0 !important;
    padding: 10px;
}

.gform_button:hover {
	 background-color: var(--color-first) !important;
	cursor:pointer;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.gform_title {
    display: none;
}


.s-mainmenu *,
.s-mainmenu .et_pb_row,
.et-menu a {
    animation: none !important;
    transition: none !important;
}



.footer-menu .et_mobile_nav_menu {
    display: none !important;
}


.footer-menu .et_pb_menu__menu,
.footer-menu .et_pb_menu__menu>nav,
.footer-menu .et_pb_menu__menu>nav>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

.submenu-mainmenu,
.footer-menu ul#menu-sitemap li.submenu-mainmenu {
    padding-left: 2vw !important;
}

.footer-menu {
    background-color: unset !important;
    width: 100%;
}



.list-style-icon ul,
.hustle-content ul {
    list-style-type: none !important;
    padding: 0 !important;
    padding-bottom: clamp(16px, 1.75vw, 1.75vw) !important;

    float: left;
}


.list-style-icon ul li {
    font-size: clamp(16px, 1.25vw, 1.25vw) !important;
    margin-bottom: clamp(16px, 1.25vw, 1.25vw) !important;
    margin-top: clamp(4.5rem, 4vw, 4vw) !important;
    min-height: 1.75vw;
    display: flex;
    align-items: center;
    width: 100%;
    clear: both;
    font-family: 'Merriweather', serif;
    line-height: 130% !important;
}

.list-style-icon li {
    display: flex;
    align-items: center;
}

.list-style-icon li a,
.list-style-icon-2 li a,
.list-style-icon-3 li a,
.list-style-icon-4 li a,
.list-style-icon-5 li a,
.list-style-icon-6 li a {
    font-family: 'Merriweather', serif;
}



.list-style-icon li:last-child {
    margin-bottom: 0 !important;
}

.list-style-icon li:before {
    -webkit-mask: url(https://silkcreators.nl/wp-content/themes/Divichild/images/arrow.svg) no-repeat 50% 50%;
    mask: url(https://silkcreators.nl/wp-content/themes/Divichild/images/arrow.svg) no-repeat 50% 50%;
    background-color: var(--color-second);
    display: block;
    content: '';
    /* min-width: 1.65vw;*/
    min-width: clamp(6rem, 1.65vw, 1.65vw);
    height: clamp(20px, 1.65vw, 1.65vw) !important;
    float: left;
    margin-right: clamp(8px, 0.5vw, 0.5vw) !important;
}

.list-style-icon li:before {
    background: var(--color-second) !important;
}



.list-style-icon a:hover {
    color: var(--color-fourth) !important;
}

.list-style-icon a:hover>li:before {
    background: var(--color-fourth) !important;
}



.bullits-color-green li:before,
.bullits-color-green li:after {
    background-color: var(--color-second);
}

.slide-in-menu-container .et-menu-nav ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 !important;
}

/* .et_pb_menu--without-logo .et_pb_menu__menu>nav>ul {
    padding: 4.5rem 0 0 0 !important;
} */

.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li {
    padding: 0 !important;
}




.list-style-icon-2 ul,
.hustle-content ul {
    list-style-type: none !important;
    padding: 0 !important;
    padding-bottom: clamp(16px, 1.75vw, 1.75vw) !important;

    float: left;
}


.list-style-icon-2 ul li {
    font-size: clamp(16px, 1.25vw, 1.25vw) !important;
    margin-bottom: clamp(16px, 1.25vw, 1.25vw) !important;
    margin-right: 2vw;
    min-height: 1.75vw;
    display: flex;
    align-items: center;
    width: 100%;
    clear: both;
    font-family: 'Merriweather', serif;
    line-height: 130% !important;
}

.list-style-icon-2 li {
    display: flex;
    align-items: center;
}

.list-style-icon-2 li:last-child {
    margin-bottom: 0 !important;
}

.list-style-icon-2 li:before {
    -webkit-mask: url(https://schilleman.development.2special.nl/wp-content/uploads/2023/05/🦆-icon-_arrow-circle-right_.png) no-repeat 50% 50%;
    mask: url(https://schilleman.development.2special.nl/wp-content/uploads/2023/05/🦆-icon-_arrow-circle-right_.png) no-repeat 50% 50%;
    background-color: var(--color-first);
    display: block;
    content: '';
    /* min-width: 1.65vw;*/
    min-width: clamp(20px, 1.65vw, 1.65vw);
    height: clamp(20px, 1.65vw, 1.65vw) !important;
    float: left;
    margin-right: clamp(8px, 0.5vw, 0.5vw) !important;
}

.list-style-icon-2 li:before {
    background: var(--color-first) !important;
}


/* ******************* FOOTER ******************* */

.footer-ul-1 li,
.footer-ul-2 li {
    padding-right: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 1rem;
}

.footer-ul-1 ul,
.footer-ul-2 ul {
    padding: 0 0 0 !important;
}

.footer-ul-2 a:hover {
	color: var(--color-second);
}

.footer-ul-1 {
    position: absolute;
    bottom: 0;
}

@media (max-width: 980px) {

    .footer-ul-1 {
        position: static;
    }
	
.footer-ul-1 li,
.footer-ul-2 li {

    margin-bottom: 0;
}
}

/* ************************** MAIN PAGE ******************* */


.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li {
    display: flex;
}


.cormorant {
    font-family: 'Cormorant Unicase', serif;
    color: #B69849;
}

.main-page-ul li {
    margin-bottom: 2rem;
}

.height-520 img {
    max-height: 520px;
}




.list-style-icon-3 ul,
.hustle-content ul {
    list-style-type: none !important;
    padding: 0 !important;
    /* padding-bottom: clamp(16px, 1.75vw, 1.75vw) !important; */

    float: left;
}


.list-style-icon-3 ul li {
    font-size: clamp(16px, 1.25vw, 1.25vw) !important;
    /* margin-bottom: clamp(16px, 1.25vw, 1.25vw) !important;
    margin-top: clamp(4.5rem, 4vw, 4vw) !important; */
    min-height: 1.75vw;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    width: 100%;
    clear: both;
    font-family: 'Merriweather', serif;
    line-height: 130% !important;
}

.list-style-icon-3 li {
    display: flex;
    align-items: center;
}

.list-style-icon-3 li:last-child {
    margin-bottom: 0 !important;
}

.list-style-icon-3 li a:before {


    -webkit-mask: url(https://silkcreators.nl/wp-content/themes/Divichild/images/arrow.svg) no-repeat 50% 50%;
    mask: url(https://silkcreators.nl/wp-content/themes/Divichild/images/arrow.svg) no-repeat 50% 50%;
    background-color: var(--color-first);
    display: block;
    content: '';
    /* min-width: 1.65vw;*/
    min-width: clamp(8rem, 1.65vw, 1.65vw);
    height: clamp(20px, 1.65vw, 1.65vw) !important;
    float: right;
    transition: 0.4s;
}



.list-style-icon-3 li:before {
    background: var(--color-first) !important;
}

.list-style-icon-3 li a:hover::before {
    -webkit-mask: url(https://silkcreators.nl/wp-content/themes/Divichild/images/arrow.svg) no-repeat 50% 50%;
    mask: url(https://silkcreators.nl/wp-content/themes/Divichild/images/arrow.svg) no-repeat 50% 50%;
    background-color: var(--color-first);
    display: block;
    content: '';
    /* min-width: 1.65vw;*/
    min-width: clamp(11rem, 1.65vw, 1.65vw);
    height: clamp(20px, 1.65vw, 1.65vw) !important;
    float: right;
    transition: 0.4s;

}


.list-style-icon-4 ul,
.hustle-content ul {
    list-style-type: none !important;
    padding: 0 !important;
    /* padding-bottom: clamp(16px, 1.75vw, 1.75vw) !important; */

    float: left;
}


.list-style-icon-4 ul li {
    font-size: clamp(16px, 1.25vw, 1.25vw) !important;
    /* margin-bottom: clamp(16px, 1.25vw, 1.25vw) !important;
    margin-top: clamp(4.5rem, 4vw, 4vw) !important; */
    min-height: 1.75vw;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    width: 100%;
    clear: both;
    font-family: 'Merriweather', serif;
    line-height: 130% !important;
}

.list-style-icon-4 li {
    display: flex;
    align-items: center;
}

.list-style-icon-4 li:last-child {
    margin-bottom: 0 !important;
}
.list-style-icon-4 li a, .list-style-icon-3 li a{
display: flex;
    /* max-width: 50px; */
    flex-direction: row-reverse;
    align-items: center;
}

.list-style-icon-4 li a:before {
    -webkit-mask: url(https://silkcreators.nl/wp-content/themes/Divichild/images/arrow.svg) no-repeat 50% 50%;
    mask: url(https://silkcreators.nl/wp-content/themes/Divichild/images/arrow.svg) no-repeat 50% 50%;
    background-color: white;
    display: block;
    content: '';
    /* min-width: 1.65vw;*/
    min-width: clamp(8rem, 1.65vw, 1.65vw);
    height: clamp(20px, 1.65vw, 1.65vw) !important;
    float: right;

    transition: 0.4s;
}

.list-style-icon-4 li a:hover::before {
    -webkit-mask: url(https://silkcreators.nl/wp-content/themes/Divichild/images/arrow.svg) no-repeat 50% 50%;
    mask: url(https://silkcreators.nl/wp-content/themes/Divichild/images/arrow.svg) no-repeat 50% 50%;
    background-color: white;
    display: block;
    content: '';
    /* min-width: 1.65vw;*/
    min-width: clamp(11rem, 1.65vw, 1.65vw);
    height: clamp(20px, 1.65vw, 1.65vw) !important;
    float: right;

    transition: 0.4s;
}

.list-style-icon-4 li:before {
    background: white !important;
}



.homepage-height-column-1 {
    margin-right: 1.5% !important;
}

.homepage-height-column-1,
.homepage-height-column-2 {
    background-size: 100%;
    transition: 1s;
    height: clamp(0px, 36.563vw, 36.563vw);
}

.homepage-height-column-3 {
    background-size: 100%;
    transition: 1s;
    height: clamp(0px, 55vw, 55vw);
}

.homepage-height-column-4,
.homepage-height-column-5 {
    background-size: 100%;
    transition: 1s;
    height: clamp(0px, 36.563vw, 36.563vw);

}

.homepage-height-column-6 {
    background-size: 100%;
    transition: 1s;
    height: clamp(0px, 55vw, 55vw);
}

.homepage-height-column-7,
.homepage-height-column-8 {
    background-size: 100%;
    transition: 1s;
    height: clamp(0px, 54.75vw, 54.75vw);

}



.homepage-height-column-9 {
    background-size: 100%;
    transition: 1s;
    height: clamp(0px, 55vw, 55vw);
}

.hidden-overflow .et_pb_column {
    transition: all .5s;
    background-size: 100%;
}

.homepage-height-column-1:hover,
.homepage-height-column-2:hover,
.homepage-height-column-3:hover,
.homepage-height-column-4:hover,
.homepage-height-column-5:hover,
.homepage-height-column-6:hover,
.homepage-height-column-7:hover,
.homepage-height-column-8:hover,
.homepage-height-column-9:hover,
.hidden-overflow .et_pb_column:hover {
    transition: all .5s;
    background-size: 110%;

}

@media (min-width: 981px) {



    .homepage-height-column-1,
    .homepage-height-column-2 {

        width: 49.25% !important;
    }

    .homepage-height-column-8 {

        width: 33.6667% !important
    }

}


@media (min-width: 981px) {

    .et_pb_gutters3 .et_pb_column_1_3,
    .et_pb_gutters3.et_pb_row .et_pb_column_1_3 {
        width: 33.6667% !important;
    }




    .et_pb_gutters3 .near-row .et_pb_column_3,
    .et_pb_gutters3 .near-row .et_pb_column_3 {
        margin-right: 1.5%;
    }

    .et_pb_gutters3 .et_pb_column_3_5,
    .et_pb_gutters3 .et_pb_column_3_5 {
        width: 61.8%;
    }


    .et_pb_gutters3 .et_pb_row_7 .et_pb_column_11 {
        margin-right: 1.5%;
    }

    .et_pb_gutters3 .et_pb_column_1_4 {
        width: 24.875%;
    }

    .et_pb_gutters3 .et_pb_row_4 .et_pb_column_6 {
        margin-right: 1.5%;
    }

    .et_pb_gutters3 .et_pb_row_4 .et_pb_column_5 {
        margin-right: 1.5%;
    }

    .et_pb_gutters3 .et_pb_row_6 .et_pb_column_8 {
        margin-right: 1.5%;
    }

    .et_pb_gutters3 .et_pb_row_2 .et_pb_column_2 {
        margin-right: 1.5%;
    }

    .et_pb_gutters3 .et_pb_row_3 .et_pb_column_4 {
        margin-right: 1.5%;
    }

    .et_pb_gutters3 .et_pb_row_6 .et_pb_column_13 {
        margin-right: 1.5%;
    }

    .et_pb_gutters3 .et_pb_row_7 .et_pb_column_15 {
        margin-right: 1.5%;
    }



    .et_pb_gutters3 .et_pb_row_1 .et_pb_column_4 {
        width: 32.6667% !important
    }

    .project-page-height-column-2 {
        width: 51.25% !important;
    }

    .project-page-height-column-3 {
        width: 49.25% !important;
    }

}

/* ******************* ONS VERHALL ************************ */

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

    .et_pb_row_1 .et_pb_column_2 {
        padding-left: 10vw !important;
    }
} */


/* ******************* PROJECT PAGE ************************ */
.project-page-height-column-5 {
    background-size: 100%;
    transition: 1s;
    height: clamp(0px, 54vw, 54vw);
}

.project-page-height-column-2,
.project-page-height-column-1 {
    background-size: 100%;
    transition: 1s;
    height: clamp(0px, 33vw, 33vw);
}





.project-page-height-column-3,
.project-page-height-column-4 {
    background-size: 100%;
    height: clamp(0px, 54vw, 54vw);
}



.project-page-texts-left {
    position: absolute;
    bottom: 30px;
    left: clamp(3rem, 3vw, 3vw);
}

.project-page-texts-right {
    position: absolute;
    bottom: 30px;
    right: 30px;
}






.project-page-height-column-2:hover,
.project-page-height-column-1:hover {
    transition: all 1s;
    background-size: 110%;

}

.project-page-height-column-3:hover,
.project-page-height-column-4:hover {
    transition: all 1s;
    background-size: 110%;
}

.project-page-height-column-5:hover {
    /* transform: scale(1.02); */
    transition: all 1s;
    background-size: 110%;


}


.hidden-overflow {
    overflow: hidden !important;
}


/* **************** CREATORS ************** */
.bg-gray {
    background-color: #252420
}

.creators-text {
    position: absolute;
    bottom: 10px;
    left: 10px;
}



.border-top-left,
.border-top-left img {
    border-top-left-radius: var(--borderRadius);
}

.border-top-right,
.border-top-right img {
    border-top-right-radius: var(--borderRadius);
}

.border-bottom-left,
.border-bottom-left img {
    border-bottom-left-radius: var(--borderRadius);
}

.border-bottom-right,
.border-bottom-right img {
    border-bottom-right-radius: var(--borderRadius);
}

/* **************** CONTACT **************** */




.gform_wrapper.gravity-theme .gfield input.large,
.gform_wrapper.gravity-theme .gfield select.large,
.gform_wrapper.gravity-theme .gfield textarea {
    background: #E8E4DC;
    border: 0;
    display: flex;
    border-bottom: 1px solid #797979;

}

.gform_wrapper.gravity-theme .gfield textarea {
	background:rgba(255, 255, 255, 0.5);
	border-bottom:none;
}

.gform_wrapper.gravity-theme .gfield_label {
    display: inline-block;
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 8px;
    padding: 0;
}

@media (min-width: 981px) {

    .contact-row {
        width: 60% !important;
    }

    .width-60 {
        width: 60% !important;
    }

    .map-column {
        border-top-left-radius: 50px;
    }

    .contact-div-1 {
        margin-right: 0 !important;
    }

    .contact-div-2 {
        width: 52.75% !important;
    }

    .contact-div-1 p,
    .contact-div-2 p {
        padding-left: 4.5rem;
    }
}

.merriweather {
    font-family: 'Merriweather', serif;
}


/* ******************** VLAKKEN **************** */


.vlakken-page-height-column-2,
.vlakken-page-height-column-1 {
    background-size: 100%;
    transition: 1s;
    height: clamp(0px, 32vw, 32vw);
}

.vlakken-page-height-column-3,
.vlakken-page-height-column-4 {
    background-size: 100%;
    transition: 1s;
    height: clamp(0px, 48vw, 48vw);
}

.vlakken-page-height-column-5 {
    background-size: 100%;
    transition: 1s;
    height: clamp(0px, 54vw, 54vw);
}

.vlakken-page-height-column-22,
.vlakken-page-height-column-11 {

    background-size: 100%;
    transition: 1s;
    height: clamp(0px, 33vw, 33vw);
}

.vlakken-page-texts-left {
    position: absolute;
    bottom: 30px !important;
    padding-left: 30px !important;
}

@media (max-width: 980px) {
	.vlakken-page-texts-left {
    bottom: 10px !important;
	}
}

.vlakken-page-texts-left-2 {
    position: absolute;
    bottom: 30px;
    left: 30px;
}

.vlakken-page-texts-right {
    position: absolute;
    bottom: 10px;
    right: 30px;
}

@media (min-width: 981px) {



    .vlakken-page-height-column-1,
    .vlakken-page-height-column-11 {
        margin-right: 1.5% !important;
    }



    .vlakken-page-height-column-22,
    .vlakken-page-height-column-11 {
        width: 49.25% !important;

    }

    .vlakken-page-height-column-3 {
        width: 68.833% !important;
        margin-right: 1.5% !important;
    }




}





.vlakken-page-height-column-2:hover,
.vlakken-page-height-column-1:hover {
    transition: all 1s;
    background-size: 110%;
}

.vlakken-page-height-column-22:hover,
.vlakken-page-height-column-11:hover {
    transition: all 1s;
    background-size: 110%;
}

.vlakken-page-height-column-3:hover,
.vlakken-page-height-column-4:hover {
    transition: all 1s;
    background-size: 110%;
}

.vlakken-page-height-column-5:hover {
    transition: all 1s;
    background-size: 110%;
}


.list-style-icon-6 ul,
.hustle-content ul {
    list-style-type: none !important;
    padding: 0 !important;
    /* padding-bottom: clamp(16px, 1.75vw, 1.75vw) !important; */

    float: left;
}


.list-style-icon-6 ul li {
    font-size: clamp(16px, 1.25vw, 1.25vw) !important;
    /* margin-bottom: clamp(16px, 1.25vw, 1.25vw) !important;
    margin-top: clamp(4.5rem, 4vw, 4vw) !important; */
    margin-right: clamp(16px, 2vw, 2vw) !important;
    min-height: 1.75vw;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    width: 100%;
    font-family: 'Merriweather', serif;
    clear: both;
    line-height: 130% !important;
}

.list-style-icon-6 li a {
    display: flex !important;
    align-items: flex-start !important;
    flex-direction: column-reverse !important;
}

@media (max-width: 780px) {
	.list-style-icon-6 li a {
		display:none!important;	
	}
	
		.list-style-icon-6 li:after {
			    -webkit-mask: url(https://silkcreators.nl/wp-content/themes/Divichild/images/arrow.svg) no-repeat 50% 50%;
    mask: url(https://silkcreators.nl/wp-content/themes/Divichild/images/arrow.svg) no-repeat 50% 50%;
    background-color: white;
    display: block;
    content: '';
    /* min-width: 1.65vw; */
    min-width: clamp(30px, 1.65vw, 1.65vw);
    height: clamp(23.545px, 1.65vw, 1.65vw) !important;
    float: left;
    transition: 0.4s;
    margin-top: clamp(8px, 0.5vw, 0.5vw);
	}
	
	.vlakken-page-texts-left {

    padding-left: 0 !important;
}
	
	.vlakken-page-texts-right {
    right: 2vw;
}
}


.list-style-icon-6 li:last-child {
    margin-bottom: 0 !important;
}

.list-style-icon-6 li a:before {

    -webkit-mask: url(https://silkcreators.nl/wp-content/themes/Divichild/images/arrow.svg) no-repeat 50% 50%;
    mask: url(https://silkcreators.nl/wp-content/themes/Divichild/images/arrow.svg) no-repeat 50% 50%;



    background-color: white;
    display: block;
    content: '';
    /* min-width: 1.65vw;*/
    min-width: clamp(78px, 1.65vw, 1.65vw);
    height: clamp(23.545px, 1.65vw, 1.65vw) !important;
    float: left;

    transition: 0.4s;
    margin-top: clamp(8px, 0.5vw, 0.5vw);
}

@media (max-width: 780px) {

    .list-style-icon-6 li:before {
        min-width: clamp(28px, 1.65vw, 1.65vw);
    }
}

.list-style-icon-6 li a:hover::before {

    margin-left: 50px;
    transition: 0.4s;
}

.list-style-icon-6 li:before {
    background: white !important;
}


/* **************** GLOBAL HEIGHT ************** */


.height-880 {
    background-size: 100%;
    transition: 1s;
    height: clamp(0px, 46.243vw, 46.243vw);
}

.height-880 img {
    height: clamp(0px, 46.243vw, 46.243vw);

}


.height-880:hover {
    transition: all 1s;
    background-size: 110%;
}

.height-545 {
    background-size: 100%;
    transition: 1s;
    height: clamp(0px, 28.639vw, 28.639vw);
}

.height-545 img {
    height: clamp(0px, 28.639vw, 28.639vw);
}

.height-545:hover {
    transition: all 1s;
    background-size: 110%;
}

/*@media (min-width: 981px) {*/
@media (min-width: 981px) {
.row-1-3 .et_pb_column {
    width: 32.6667% !important;
    margin-right: 1% !important;
}

.row-1-3 .et_pb_column:last-child {
    width: 32.6667% !important;
    margin-right: 0 !important;
	}


	
}

@media (max-width: 980px) {
		.hidden-overflow-team.row-1-3 .et_pb_column {
		    height: 84.129858vw!important;
			margin-bottom:1%!important;
	}
}


.row-1-3-2-3 .et_pb_column:first-child {
    width: 32.646276595744680851063829787234% !important;
    margin-right: 1% !important;
    position: initial;
}

.row-1-3-2-3 .et_pb_column:last-child {
    width: 66.289893617021276595744680851064% !important;
    margin-right: 0 !important;
}

.row-2-3-1-3 .et_pb_column:first-child {
    width: 66.289893617021276595744680851064% !important;
    margin-right: 1% !important;
    position: initial;

}

.row-2-3-1-3 .et_pb_column:last-child {
    width: 32.646276595744680851063829787234% !important;
    margin-right: 0 !important;
}


.row-1-2-1-2 .et_pb_column:first-child {
    width: 49.5% !important;
    margin-right: 1% !important;
    position: initial;
}

.row-1-2-1-2 .et_pb_column:last-child {
    width: 49.5% !important;
    margin-right: 0 !important;
}

/*}*/

.projects-h3 {
    /*position: absolute;
        bottom: 20px;*/
    margin-left: clamp(1rem, 3vw, 3vw)
}

.single-project.et_pb_pagebuilder_layout .nav-single {
    width: 100%;
    max-width: 100%;
    margin: 0;
}

.nav-previous a,
.nav-next a {
    font-size: 16px;

}

.hidden-overflow .et_pb_column {
    height: 32.25625vw;
}

.hidden-overflow-size-l .et_pb_column {
    height: 53.38875vw;
}

.hidden-overflow-team .et_pb_column {
    height: 35.129858017817371937639198218263vw;

}

/*}*/

.project-template-default .pt-1 {
    padding-top: 1% !important;
}

.introtext-1,
.introtext-2 {
    width: fit-content;
    float: left;
}

.introtext-1 {
    -webkit-animation: fadeinout1 2s linear forwards;
    animation: fadeinout1 2s linear forwards;
}

@-webkit-keyframes fadeinout1 {

    0%,
    99% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }

}

@keyframes fadeinout1 {

    0%,
    99% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.introtext-2 {
    -webkit-animation: fadeinout2 3s linear forwards;
    animation: fadeinout2 3s linear forwards;
}

@-webkit-keyframes fadeinout2 {

    0%,
    99% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }

}

@keyframes fadeinout2 {

    0%,
    99% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.holder-introtext-3-4 {
    clear: both;
    width: 100%;

}

.holder-introtext-3-4 div:first-of-type {
    clear: both;
    width: 100%;

}

.introtext-3 {
    width: 100%;
    float: left;
    -webkit-animation: fadeinout3 5s linear forwards;
    animation: fadeinout3 5s linear forwards;
}

@-webkit-keyframes fadeinout3 {

    0%,
    79% {
        opacity: 0;
    }

    80%,
    99% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeinout3 {

    0%,
    74% {
        opacity: 0;
    }

    75%,
    99% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.introtext-4 {
    clear: both;
    width: 100%;
    position: absolute;
    -webkit-animation: fadeinout4 5s linear forwards;
    animation: fadeinout4 5s linear forwards;
}

@-webkit-keyframes fadeinout4 {

    0%,
    99% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeinout4 {

    0%,
    99% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.logo-hidden {
    opacity: 0;
    transition: all 1s;
}

@media (max-width: 980px) {
    .reverse-mobile {
        display: flex;
        flex-direction: column-reverse;
    }

    .hidden-overflow span,
    .hidden-overflow a {
        display: none;
    }
}

.hidden-overflow span {
    min-width: 10vw !important;
    display: block;
}

@media (min-width: 981px){
	.row-map .et_pb_column_4 {
		margin-right: 0!important;
	}
	
	.row-map .et_pb_column_1_2 .et_pb_map, .et_pb_column_3_5 .et_pb_map, .et_pb_column_3_8 .et_pb_map {
    	height: 40vw;
		border-top-left-radius: var(--borderRadius);
	}
}