/*
 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: 15px;
    color: #000;
    font-weight: 500;
	line-height:160%
}

hr.gpnf-nested-entries-hr  {
	height: 1px!important;
    visibility: visible!important;
    margin: 0!important;
    border: 0!important;
    background-color: var(--color-second)!important;
	display: none;
}


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: 2, 49, 91;
    /*RED*/

    --RGB-color-second: 226, 0, 82;
    /*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));
    /*---*/

	--alertGreen: #76b843;
    --alertOrange: #e49b00;
    --alertRed: #e73430;

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




    --border-radius: clamp(8px, 0.5vw, 16px);
	--border-radius-l: calc(var(--border-radius) * 2);
	--border-radius-s: calc(var(--border-radius) / 2);
	--border-radius-xs: calc(var(--border-radius) / 3);



}

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


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


h1 {
    font-size: clamp(2rem, 2.5vw, 2.5vw);
    font-weight: 400;
    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.25rem, 1.5vw, 1.5vw);
    font-weight: 500;
	/*text-<strong>trans</strong>form: uppercase;*/
    line-height: 200%;
}

.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(1.125rem, 1.125vw, 1.125vw) !important;
    font-weight: 600;
    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;
}

.border-radius, .border-radius.et_pb_image img, .cwp_et_pb_layout_slider_standard.border-radius img {
	border-radius: var(--border-radius);
	overflow: hidden;
}
.border-radius-size-l {
	border-radius: var(--border-radius-l)!important;
}

/*---------------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-first-20 {
    background-color: var(--color-first-20);
}

.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 {
	 width: 90%;
 /*   padding-top: clamp(1.85rem, 3vw, 3vw) !important;
    padding-bottom: clamp(1.85rem, 3vw, 3vw) !important;
    width: 100% !important;
   
    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;
	width:100%;
	max-width:100%;
}


.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-s {
        /*padding-right: 25vw !important;*/
		width:70%;
		max-width:800px;
		margin:auto;
    }
}


.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);
}

/* gaps*/

.no-gap {
	gap:0!important;
}

.gap-0\.5 {
	gap: 0.5rem!important;
}

.gap-1 {
	gap: 1rem;!important;
}

/* -------------------- start custom buttons --------------------------*/

/* -------------------- start custom buttons --------------------------*/

.bg-gradient {background: linear-gradient(90deg,#620023 0,#002441 50%,rgba(0,50,90,0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bfff00bb",endColorstr="#00000000",GradientType=1);}



.custom-button .et_pb_code_inner {
	display: grid;
	column-gap: 25px;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

@media only screen and (max-width: 980px) {
.custom-button .et_pb_code_inner {
	display: grid;
	column-gap: 10px;
	row-gap: 10px;
	grid-template-columns: 1fr 1fr;
}
}

.tingle-modal-box__content {
	min-height: calc(100vh - 244px)!important;
	padding-bottom:2rem!important;
}

.tingle-modal-box__footer.tingle-modal-box__footer--sticky {
    position: relative;
}

#main-content {
	/*min-height:calc(100vh - 197px)!important;*/
}
@media only screen and (max-width: 980px) {
/*#main-content {
	min-height:calc(100vh - 255px)!important;
}*/
}
a.custom-button,
.custom-button a, button#iworks-pwa-add-button {
    font-size: clamp(1rem, 1vw, 1vw);
    padding: clamp(1rem, 1vw, 1vw)!important;
    line-height: 100%;
    text-align: center;
    display: inline-block;
    /* float: left; */
    transition: all 300ms ease 0ms;
	/*width:100%;*/
	border-radius:50px;
}

a.custom-button-small,
.custom-button-small a {
    font-size: clamp(1rem, 1vw, 1vw);
    padding: clamp(.5rem, .5vw, .5vw)!important;
   
}

a.custom-button-wide,
.custom-button-wide a {
   width:100%!important;
   
}


button.gpnf-add-entry {
    background: #5dab01!important;
	width:100%!important;
	padding: clamp(1rem, 1vw, 1vw)!important;
	border-radius:50px;
	border-radius:50px!important;
}

.order-form .gform_next_button, .order-form .gform_previous_button  {
	background: none!important;
	padding: 0;!important;
	color:var(--color-first)!important;
	box-shadow: none !important;
    border: none !important;
    padding-left: 0 !important;
	padding-right: 0 !important;
	margin-right:10px;
}

/*.order-form .gform-page-footer:after {
display: block !important; 

    content: '';
    min-width: clamp(32px, 2vw, 2vw);
  
    margin-left: clamp(8px, 0.75vw, 0.75vw);
    -webkit-mask-size: cover;
    -webkit-mask: url(https://weijerseikhout.preview.2special.nl/wp-content/themes/Divichild/images/arrow.svg) no-repeat 50% 50%;
    mask: url(https://weijerseikhout.preview.2special.nl/wp-content/themes/Divichild/images/arrow.svg) no-repeat 50% 50%;
    -webkit-mask-size: cover;

    background-color: red;
    display: flex;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 10px;
}*/


.gppt-hide {
    display: none;
}

.page-id-16 {}


/*.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-second a, button#iworks-pwa-add-button {
    background: var(--color-second);
    color: white;
}

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

/*.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, a.button-wide {
    width: 100%;
}

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

}

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

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

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

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

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: 1px solid white;
}

.border-bottom-color-second {
    border-color: var(--color-second);
}

/* TABLES IN FORM FOR PRODUCTS */
.custom-form .summary table {
	border:none!important;	
}

.custom-form .summary td {
	padding: 5px 0!important;
	border:none!important;
	background:none!important;
	background-color: white!important;
	    line-height: 100%;
}

.custom-form .summary .custom-table td {
	padding: 1px 0!important;
}

.custom-form .summary tbody tbody{
	/*background:red!important;*/
	display: grid;
    grid-template-columns: 1fr 5fr;
	/*grid-template-rows: 20px;*/
}



.custom-form .summary table table tbody tr{

	background:none!important;

}

.custom-form .summary table:not(.variations) {
    border: 1px solid #eee;
    margin: 0 0 2px!important;
}

.custom-form .summary .gform_fields {
    grid-row-gap: 0!important;
}

.custom-form .summary h3 {
    margin-top:2rem;
}

.custom-form input[type=button]{
    /*visibility: hidden;*/
}

/*.custom-form .gform_page_footer.before {
    display: none;
}*/

.p.gform_required_legend {
	display: none!important;
}

.custom-form .custom-table tbody{
	display:flex!important;
	justify-content: space-between;
	
}

.custom-form .custom-table table, .custom-form .custom-table table tbody, .custom-form .custom-table table tbody tr, .custom-form .custom-table table tbody tr td{
	width:100%;
	display: flex;
}

.custom-form .custom-table table tbody tr td table tr:first-child {
	display:none!important;
}
.custom-form .custom-table table tbody tr td table tr:nth-child(2) td:first-child{
	background:red;
	width:0!important;
}
.custom-form .custom-table table tbody tr td table tr:nth-child(3) {
	display:none!important;
}

.custom-form .custom-table table tbody tr td table tr:nth-child(4) {
	display:none!important;
}

.custom-form .custom-table table tbody tr td table tr:nth-child(5) {
	display:none!important;
}

.favorites-list .gfield_list tr td:last-child{
	width: 20px;
    text-align: right;
}

.custom-form .custom-table table tbody tr td table tr:nth-child(6) {
	width:20px;
}



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

.custom-form input,
.customForm textarea {
    border: 1px solid var(--color-first) !important;
    border-radius: clamp(5px, 0.125vw, 0.125vw);
	border: 1px solid #E1E1E1 !important;
    border-radius: clamp(8px, 0.25vw, 0.25vw)!important;
    background-color: var(--color-first-10);
    padding-left: clamp(16px, 1vw, 1vw)!important;
    padding-right: clamp(16px, 1vw, 1vw)!important;
    font-size: clamp(1rem, 1vw, 1vw)!important;
	
}

.custom-form.login-form input[type=text], .custom-form.login-form input[type=password] {
	width:100%!important;
}

.custom-form.login-form input[type=submit] {
    line-height: unset!important; 

}

.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;
}

/* RADIO BUTTONS IN FORM */


.gfield_radio label, .gfield_checkbox label {
	font-size:1rem!important;
}

input[type=radio] {
  display: none!important;
}

.gfield_radio label {
  position: relative;
  cursor: pointer;
	display: flex!important;
    align-items: center!important;
}

input[type=radio] + label:before {
    content: '';
    display: block!important;
    float: left;
    width: clamp(24px, 1vw, 1vw)!important;
    height: clamp(24px, 1vw, 1vw)!important;
    margin: 0.35vw 0.5vw 0.125vw 0;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 50%;
    background-color: #FCFCFC;
    border: 1px solid #E1E1E1;

}

/*.subscribeForm input[type=radio]:checked + label {
    position: relative;
	font-weight:700;
}
  
  .subscribeForm input[type=radio]:checked + label:after {
      content: "";
      position: absolute;
      top: -2px;
      left: 4px;
      width: 16px;
      height: 16px;
      border-radius: 50%;
      display: inline-block!important;
      cursor:pointer;
    }
*/

input[type=radio]:checked + label:before {


background: radial-gradient(circle, var(--color-second) 45%, rgba(255,255,255,1) 55%, white 100%);
	background: radial-gradient(circle, white 25%, var(--color-second) 35%, var(--color-second) 100%);
	/*background: var(--color-second);*/
	border:none;
  }


/* << ---------------<< END radio Field -------------------<<*/

/* ------------------------------------- start custom checkbox -----------------------------------*/

.gfield_checkbox .gchoice {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 4px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.gfield_checkbox .gchoice input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.gfield_checkbox .gchoice label:after{
  position: absolute;
  top: 0;
  left: 0;
  height: 21px;
  width: 21px;
  background-color: #eee;
	content:'';
}

/* On mouse-over, add a grey background color */
.gfield_checkbox .gchoice input:hover ~ label:after {
  background-color: #ccc;
}

.gfield_checkbox .gchoice label{
    margin-top: -3px;
}

.gfield_checkbox .gchoice input:hover, .gfield_checkbox .gchoice label:hover{
	cursor:pointer;
		width:fit-content;
}

/* When the checkbox is checked, add a blue background */
.gfield_checkbox .gchoice input:checked ~ label:after {
  background-color: white;

}

/* Create the checkmark/indicator (hidden when not checked) */
.gfield_checkbox .gchoice label:before {
    content: "";
    position: absolute;
    display: none;
    left: 6px;
    top: 2px;
    width: 6px;
    height: 10px;
    border: solid var(--color-second);
    border-width: 0 4px 4px 0;
    -webkit-transform: rotate(
45deg
);
    -ms-transform: rotate(45deg);
    transform: rotate(
45deg
);
    z-index: 9;
}

/* Show the checkmark when checked */
.gfield_checkbox .gchoice input:checked ~ label:before {
  display: block;
}

.gform_wrapper.gravity-theme .gfield-choice-input+label {
    max-width: calc(100% - 32px);
    margin-bottom: 0;
    vertical-align: middle;
    padding-bottom: 0.5rem;

}



.custom_gf_radio .ginput_container.ginput_container_radio label {
    padding-left: 30px;
}

.custom_gf_radio .ginput_container.ginput_container_radio label:before {
    margin-left: -30px!important;
}

/* ------------------------------------- end custom checkbox -----------------------------------*/


.gf_page_steps {
    background-color: white;
	border-radius:35px;
	justify-content: center;
	width: fit-content;
    margin: auto;
	padding:0.5rem!important;
	gap: 0.5rem!important;
}

.gf_step_label {
	display:none;
}

.gf_step{
	gap: 0!important;
	border-radius:25px;
	/*padding-top: 0.25rem;
    padding-bottom: 0.25rem;*/
}


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

.gf_step_number {
	border:none!important;
	background:none!important;
		width: 47px!important;
	height:47px!important;
}

.gf_step_active .gf_step_label {
	display:revert;
}

.gpmpn-page-link {
	gap: 0!important;
}

.gf_step_active .gf_step_number{color:white;}
.gf_step_active .gf_step_label{
	color:white;
	padding-right:1.5rem;
}
.gf_step_active.gf_step {
	gap:0!important;
}

.gf_step {

    
    display: flex;
    justify-content: center;

}

.gform-theme--framework .gf_step_completed .gf_step_number:after {
	background-color:var(--color-second)!important;	
	border:none;
	width: 47px;
	height:47px;
}

.gf_step_completed {
	padding-top:0;
	padding-bottom:0;
	width: 47px;
	height:47px;
}




/*--------------------------------- 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;
    
    padding: clamp(1rem, 1vw, 1vw)!important;
	width:100%!important;
}

/*.custom-form input, .customForm textarea {
	border: 0 !important;
}*/

.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);
	}
}

.form-wizard .button.gform_last_page_button {
	display:none
}

.form-wizard .hide_next_button .gform_next_button/*, .form-wizard .hide_next_button .gform_page_footer*/{
	display:none!important;
}

/*-------------------------- buttons-hover -------------------------*/

.form-wizard .buttons-big .gfield_radio .gchoice {
	border:2px solid var(--color-first);
	transition: all .25s!important;
}


.form-wizard .buttons-big .gfield_radio .gchoice:hover {
	background:white;
	color:var(--color-first);
	transition: all .25s!important;
}

/* RADIO BUTTONS IN FORM */

.form-wizard .gform_wrapper.gravity-theme .gf_step_label {
	padding-left:0;	
}

.form-wizard .hide-radio .gfield_radio label, .form-wizard .gfield_checkbox label {
	/*font-size:1.5rem!important;
	font-weight:600;*/
	font-size: clamp(16px, 1.25vw, 1.25vw)!important;
	display: flex;
    align-items: center;
}

.form-wizard .hide-radio input[type=radio] {
  	display: none!important;
}


.form-wizard .hide-radio .gfield_radio {
	display:flex;
	align-items: flex-start;
}

.form-wizard .hide-radio .gfield_radio .gchoice {
	/*height:36px;*/
	display: contents;
	margin-bottom:clamp(16px, 1.25vw, 1.25vw)!important;
}

.form-wizard .hide-radio .gfield_radio .gchoice {
	margin-right:clamp(16px, 1vw, 1vw)!important;
}

.form-wizard .hide-radio .gfield_radio .gchoice:last-child{
	margin-right:0!important;
}

.form-wizard .hide-radio .gfield_radio .gchoice {
	cursor: pointer;
	display:flex;
	background: var(--color-first);
    color: white;
	padding-left: clamp(20px, 1.5vw, 1.5vw)!important;
    padding-right: clamp(20px, 1.5vw, 1.5vw)!important;
	border-radius: 100px;
	height: clamp(44px, 2.75vw, 2.75vw)!important;
	padding-bottom: 0!important;
	display: inline-table;
}

.form-wizard .hide-radio .gfield_radio label {
  	/*cursor: pointer;
	background: var(--first);
    color: white;
	padding-left: clamp(20px, 1.5vw, 1.5vw)!important;
    padding-right: clamp(20px, 1.5vw, 1.5vw)!important;
	border-radius: 100px;
	height: clamp(44px, 2.75vw, 2.75vw)!important;*/
	padding-bottom: 0!important;
    display: flex!important;
	color:white;
}

.form-wizard .hide-radio .gfield_radio .gchoice:hover label {
	color:var(--color-first);
}

@media only screen and (max-width: 679px) {
	.form-wizard .gfield_radio label {
		margin-left: 0;
	}
}

.form-wizard .hide-radio input[type=radio] + label:before {
	display:none!important;
}

.form-wizard .show-radio input[type=radio] + label {
	display:flex;	
}

.form-wizard .show-radio input[type=radio] + label:before {
    content: '';
    display: block!important;
    float: left;
    width: 16px!important;
    height: 16px!important;
    margin: 0.35vw 16px 0.125vw 0;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 50%;
    background-color: #fff;
    border: 5px solid #efefef;
}

/*.subscribeForm input[type=radio]:checked + label {
    position: relative;
	font-weight:700;
}
  
  .subscribeForm input[type=radio]:checked + label:after {
      content: "";
      position: absolute;
      top: -2px;
      left: 4px;
      width: 16px;
      height: 16px;
      border-radius: 50%;
      display: inline-block!important;
      cursor:pointer;
    }
*/
/*.form-wizard input[type=radio]:checked + label:before {
	background: radial-gradient(circle, rgba(0,112,60,1) 50%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 100%);
	background: var(--color-first);
    border-radius: 20px;
}*/



/* << ---------------<< END radio Field -------------------<<*/



/*-------------------------- buttons-big-------------------------*/

@media only screen and (max-width: 980px) {
	.form-wizard .buttons-big .gfield_radio {
		flex-direction: column;
	}
}

.form-wizard .buttons-big .gfield_radio .gchoice {
	/*background:red;*/
	width:100%;
	/*height:60px!important;*/
}

.form-wizard .buttons-big .gfield_radio .gchoice label{
	justify-content: center;
	text-align: center;
	width:100%;
	max-width:100%;
	font-size: clamp(18px, 1.25vw, 1.25vw)!important;
	
	padding-top: clamp(11px, 0.75vw, 0.75vw)!important;
    padding-bottom: clamp(11px, 0.75vw, 0.75vw)!important;

	
}

.form-wizard .gfield_required {
	display:none!important;
}

.form-wizard input[type=submit] {
    margin-top: 2rem !important;
    border-radius: 25px!important;
}

.form-wizard .gform_previous_button, .form-wizard .gform_next_button {
border-radius: 25px!important;
    box-shadow: none!important;
	border:1px solid var(--color-first);
	}

.form-wizard .gform_next_button {
	background-color: var(--color-first)!important;
	color:white;
}

.form-wizard .gform_next_button:hover {
	background-color: var(--color-second)!important;
}


.form-contract input[type=text], .form-wizard select, .form-contract input[type=number] {
	background-color: #fff;
    border: 1px solid #bbb;
    padding: 2px;
    color: #4e4e4e;
    border: unset !important;
    border-radius: 50px !important;
    height: 50px !important;
    padding-left: 1.5rem !important;
	display: flex;
    align-items: center;
}

.form-wizard select {

}

.form-wizard .read-only input[type=text] {
	background-color:#eee!important;
box-shadow: none!important;
}

.form-contract .gfield_radio  {
	flex-direction: row!important;
}

.form-contract .flex-direction-column .gfield_radio  {
	flex-direction: column!important;
}

.hide-label .gfield_label {
	visibility: hidden;
}

::placeholder {
  opacity: .4; 
}

.gfield_description.validation_message.gfield_validation_message {
	color:var(--color-second);
}

.ginput_container_date input {
	width:100%!important;
}

.alert {    
	background-color: var(--grey);
    padding: 1rem 2rem 2rem!important;
    margin-bottom: 1rem;
    color: white;
	border-radius:5px;
}
.alert-green{background-color: var(--alertGreen);}
.alert-orange{background-color: var(--alertOrange);}
.alert-red{background-color: var(--alertRed);}

.alert h2 {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    padding-bottom: 0.5rem;
    text-transform: uppercase;
    font-style: italic;
    color: white !important;
}

.hide {
	display:none!important;
}

/* order form */

.order-form .gform-theme--foundation .gfield_list_header {
	display:flex;
}

.order-form .gform-theme--foundation .ginput_container_list--columns .gfield_list_group_item::before {
	display:none;
}

.order-form  .gfield_list_group {
	margin-block-end: var(--gf-field-gap-y);
	padding-block-end: var(--gf-field-gap-y);
	border-bottom:1px solid var(--color-second);
}

.order-form  .gfield_list_group input {
	font-size:13px!important;
}

.order-form  .gfield_list_group .gfield_list_group_item:first-child, .order-form  .gfield_list_header .gform-field-label:first-child {
	width:calc(100% - 100px);
}

.order-form  .gfield_list_group .gfield_list_group_item:first-child input {
	padding-left:0!important;	
	border: none !important;
    box-shadow: none;
}

.order-form  .gfield_list_group .gfield_list_group_item:nth-child(2), .order-form  .gfield_list_header .gform-field-label:nth-child(2){
	width:100px!important;
	margin-block-start:unset;
}

.order-form .entry-content thead th, .entry-content tr th {
    color: #555;
    font-weight: 700;
    padding: 10px 0;
}
.gfield_list_groups {
	margin-right:5px;
}

/* order-form-nav */

.section-mobile-nav .et_pb_column {
	display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.section-mobile-nav .et_pb_column .et_pb_module {
	margin-bottom:0!important;
}


.section-mobile-nav .et_pb_column .et_pb_module span.et-pb-icon {
    font-size: 36px !important;
    padding: 1rem;
	color:white;
}

.gfield_list_icons.gform-grid-col {
	display:none!important;
}

/* start mijn bestellingen */

.custom-order-list .dp-dfg-layout-list .dp-dfg-item{
	display:flex;
}

.custom-order-list article {
	
	justify-content: space-between;
	background-color: var(--color-first);
	border-radius:5px;
}

.custom-order-list article h2, .custom-order-list article p {
	color:white!important;
	font-size:16px!important;
}

.custom-order-list article:hover {
	cursor:pointer;	
}

.custom-order-list .dp-dfg-custom-content {
	display: flex;
    justify-content: space-between;
    width: 100%;
}

.custom-order-list .dp-dfg-custom-content p {
	padding-bottom:0;
}


/* end mijn bestellingen */

.icon-menu .et_pb_menu__menu {display:flex!important;}
.icon-menu .et_mobile_nav_menu {display:none!important;}

.icon-menu .et_pb_menu__menu, .icon-menu .et-menu-nav {
	width:100%!important;
}
.icon-menu.et_pb_menu .et-menu {
	margin-left:0!important;
	margin-right:0!important;
}


.icon-menu ul {
	width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly!important;
}



.icon-menu li {
	margin-top:0!important;
	width: 25%;
	justify-content: center;
}

.icon-menu li.current-menu-item {
	background-color:var(--color-second);
}

.icon-menu li a {
	color: white !important;
    /* visibility: hidden; */
    width: 100%;
    height: 100%;
    font-size: 0;
    position: absolute;
	padding-bottom:0!important;
}

.menu-bestellen:before {
	color: white;
    font-family: FontAwesome !important;
    font-weight: 900 !important;
    content: "\f07a" !important;
    font-size: 36px;

    width: 75px;
    height: 75px;
	display: flex;
	align-items: center;
    justify-content: center;
}

.menu-bestellingen:before {
	color:white;
	font-family: FontAwesome !important;
    font-weight: 900 !important;
    content: "\f022" !important;
	font-size: 36px;

    width: 75px;
    height: 75px;
	display: flex;
	align-items: center;
    justify-content: center;
}

.menu-favorieten:before {
	color:white;
	font-family: FontAwesome !important;
    font-weight: 900 !important;
    content: "\f005" !important;
	font-size: 36px;

    width: 75px;
    height: 75px;
	display: flex;
	align-items: center;
    justify-content: center;
}

.menu-uitloggen:before {
	color:white;
	font-family: FontAwesome !important;
    font-weight: 900 !important;
    content: "\f2f5" !important;
	font-size: 36px;

    width: 75px;
    height: 75px;
	display: flex;
	align-items: center;
    justify-content: center;
}

.dp-dfg-filters ul{
	list-style-type: none;
    padding: 0;
	display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	gap:5px;
}

.dp-dfg-filters ul li a{
    background: var(--color-first);
    color: white!important;
    padding: 10px 5px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.dp-dfg-filters ul li a.active {
	background: var(--color-second);
}

/* add to home button */

#iworks-pwa-add-button-container, .acf-form-submit {
	background-color:var(--color-first);
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	display: flex;
    justify-content: center;
}
.acf-form-submit {
		z-index:2;
}
button#iworks-pwa-add-button, .acf-form-submit .button {
	background:var(--color-second);
	color:white;
	border:none;
	border-radius:50px;
	font-size:16px;
	transition: all 300ms ease 0ms;
}

button#iworks-pwa-add-button:hover {
	cursor:pointer;	
	color:var(--color-first)!important;
	background:white;
}

.custom-button-small a.gpmpn-page-link, .gform-page-footer input.gform_next_button {
	background:var(--color-second)!important;
	color:white!important;
	border-radius:50px!important;
	padding:.5rem 1rem!important;
}

.gform-page-footer input.gform_next_button {
	background:var(--color-first)!important;
}

.order-first-column {
	min-width:120px;
}