/*
 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");*/
@import url("https://use.typekit.net/ysl6avt.css");

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

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

html,
body {
    height: 100%;
    font-size: 16px;
    color: #333;
}

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



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

@media only screen and (min-width: 981px) {
	.flex-screen {
    display: flex;
}
}

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

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

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

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

.align-content-flex-start {
    align-content: flex-start!important;
}

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

.flex-grow-1{
	flex-grow: 1;
}

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

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

.align-content-stretch {
	align-content:stretch;
}
.align-content-space-between {
align-content: space-between;
}

.align-content-space-around {
    align-content: space-around;
}

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

:root {

    /*------------------- DEFINE COLORS IN RGB ----------------*/
    --RGB-color-first: 169, 201, 48;
    /*LIGHT GREEN*/

    --RGB-color-second: 112, 112, 112;
    /*LIGHT GREY*/

    --RGB-color-third: 155, 150, 137;
    /*BLUE*/

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


    /*--------------- DEFINE COLORS SHORTCODE -----------------*/
    --color-first: rgb(var(--RGB-color-first));
    /*DARK GREEN*/

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

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

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



    /*---------- 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(0.5rem, 0.5vw, 24px);


}

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



.transition-all, .transition-all:hover{
	transition: all .5s;
}

.transition-bg-color, .transition-bg-color:hover {
	transition: background-color 0.5s ease;
}

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

h1 {
	text-transform:uppercase;
}

h1, .h2-size-l h2 {
    font-size: clamp(2.5rem, 3.5vw, 56px);
    font-weight: 500;
    line-height: 110%;

}

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

.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(24px, 2vw, 36px);
    font-weight: 500;
    line-height: 120%;
}




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

.h2-size-s h2 {
    font-size: clamp(18px, 1.5vw, 22px);
}



h3 {
    font-size: clamp(20px, 1.5vw, 30px) !important;
    font-weight: 600;
    line-height: 130%;
}

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

h4 {
    font-size: clamp(20px, 2vw, 32px) !important;
    font-weight: normal;

}



p,
li {
    color: var(--color-primary);
    font-size: clamp(16px, 1vw, 18px);
    line-height: 160%;
    font-weight: 400;
}


.p-size-l p {
    font-size: clamp(1.125rem, 1.125vw, 20px)!important;
}


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







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

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

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

}

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

.row-full {

	max-width:100%!important;
}






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

    .row-small {
        padding-left: 25vw !important;
        padding-right: 25vw !important;
    }
}

@media only screen and (min-width: 981px) {
	.row-m{
		max-width: clamp(800px, 90%, 1280px)!important;
		margin:auto;
		max-width:1280px;
	}
	
	.row-s{
		max-width: clamp(500px, 75%, 1200px)!important;
		margin:auto;
	}
		.row-xs {
		max-width: clamp(500px, 50%, 1200px)!important;
		margin:auto;
	}
}
@media only screen and (max-width: 768px) {
	.et_pb_row{
	padding-left: clamp(32px, 2.5vw, 40px)!important;
    padding-right: clamp(32px, 2.5vw, 40px)!important;
	}
}





.et_pb_section {
    padding-top: clamp(1.85rem, 3vw, 48px) !important;
    padding-bottom: clamp(1.85rem, 3vw, 48px) !important;
}

.et_pb_row {
    padding-top: clamp(1.85rem, 3vw, 48px) !important;
    padding-bottom: clamp(1.85rem, 3vw, 48px) !important;
    width: 100% !important;
    padding-left: clamp(10vw, 10vw, 160px)!important;
    padding-right: clamp(10vw, 10vw, 160px)!important;
	max-width: 1600px;
}

.et_pb_row.row-header:after {
	display:none;
}

@media only screen and (min-width: 1601px) {
.et_pb_row {
    padding-left: 160px!important;
    padding-right: 160px!important;
}

}

/*
.et_pb_column {
    margin-bottom: clamp(16px, 2vw, 32px) !important;
}
*/




.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(16px, 1vw, 18px);
    padding: 8px 16px;
    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: 14px;
    width: clamp(1rem, 1vw, 1vw);
    height: 32px;top:0!important;
}

.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 ------------------------------*/
.pt-0,
.template-standard .pt-0 {
    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;
}


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

.pb-1 {
    padding-bottom: clamp(1rem, 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, 16px) !important;
    padding-bottom: clamp(1rem, 1vw, 16px) !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;
}

.pl-2 {
  padding-left: 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;
}

.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, 96px) !important;
}

.pb-6 {
    padding-bottom: clamp(3.5rem, 6vw, 96px) !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;
}

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

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



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

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


}


/******************************* HEADER **************************/
/* ---15-12
.et_pb_menu__logo-wrap, .logo .et_pb_image_wrap {
    width: clamp(100px, 12.5vw, 150px) !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 {

}


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


.et_pb_menu .et-menu>li {
    padding-left: clamp(2rem, 2vw, 32px);
    padding-right: 0;
    font-size: clamp(16px, 1vw, 18px)!important;

}

.et_pb_menu .et-menu>li>a {
    color: white;
    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-text-1 {
    width: 50%;
}

.header-text-2 {
    width: 50%;
}

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

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

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

.main-page-under-video-text {

    width: 50%;
}

.main-page-cards {
    background: #FFFFFF;
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.16);
    padding: 26px;
}

.main-page-first-section {
    background-position: bottom;

}




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

}

/* ---15-12
@media only screen and (max-width: 1191px) {

    .header-text-1 {
        width: 70%;
    }

    .header-text-2 {
        width: 70%;
    }

}

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

    .header-text-1 {
        width: auto;
    }

    .header-text-2 {
        width: auto;
    }

}

@media only screen and (max-width:1300px) {
    .section-mainmenu {
        display: none !important;
    }

    .et_pb_section_1_tb_header {
        display: block !important;
    }



    .row-mainmenu {
        margin-top: clamp(8.75rem, 8vw, 8vw)
    }

}

@media only screen and (max-width: 980px) {
    .header-section-display {
        display: block !important;
    }


}

@media only screen and (min-width: 980px) {
    .row-mainmenu-2 {
        display: none;

    }


}


.row-mainmenu-2 {
    margin-top: clamp(12.5rem, 12vw, 12vw)
}


/* .product-label {
    position: absolute;
    bottom: 8rem;
}

.product-text {
    position: absolute;
    bottom: 4rem;
}

.product-button {
    position: absolute;
    bottom: 2rem;
} */



/* ********************** CONTACT PAGE ***************************** */




.position-block {
    width: 80% !important;
    position: absolute;
    z-index: 3;
    left: 10%;
}

.map-row {
    padding: 0 !important;
    margin-top: 15rem;
}

/* .map-row:hover {
    padding: 0 !important;
    margin-top: 15rem;
    z-index: 4;
} */


/* 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-first) !important;
    text-transform: uppercase !important;
    color: white !important;
}

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

.s-menu ul li.current-menu-item {
    border-bottom: 1px solid white;

}

.footer-menu .et_pb_menu__menu {
    display: block !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%;
}

/* **************** ASSORTIMENT PAGE ****************** */

.assortiment-page-section {
    background-position: top !important;
}

/* .list-style-icon ul li {
    list-style-image: url('https://schilleman.development.2special.nl/wp-content/uploads/2023/04/Vector-2.png');
} */

/* .list-style-icon ul li::marker {
    margin-top: 5px !important;
} */


.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-right: 2vw;
    min-height: 1.75vw;
    display: flex;
    align-items: center;
    width: 100%;
    clear: both;
    line-height: 130% !important;
}

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

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

.list-style-icon li:before {
    -webkit-mask: url(https://schilleman.development.2special.nl/wp-content/uploads/2023/05/icon_checkmark.svg) no-repeat 50% 50%;
    mask: url(https://schilleman.development.2special.nl/wp-content/uploads/2023/05/icon_checkmark.svg) 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 li:before {
    background: var(--color-first) !important;
}

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

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


/* **************** ISPM PAGE ****************** */


.ispm-text {
    width: 54%;
    margin: 0 auto;
}


.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, 1vw, 18px) !important;
    /*margin-bottom: 4px !important;*/
    margin-right: 2vw;
    min-height: 1.75vw;
    display: flex;
    align-items: center;
    width: 100%;
    clear: both;
    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;
}

/* ----------------------------- Styles Michel ------------------------------- */

.row-product-groups .et_pb_column:hover {
	opacity:.5;
}

.section-call-to-action {
	height: 28.125vw!important;
}

/*.section-header-image {
	height: 19.25vw!important;
}*/

.section-header-image:after {
	display:block;
	height: 19.25vw!important;
	width: 26.79vw!important;
	content:'';
	background-image: url("https://schilleman.development.2special.nl/wp-content/uploads/2023/12/element_right.webp");
	position: absolute;
    right: 0;
    top: 0;
	    background-size: contain;
}

/*START HEADER ****************************** HEADER **************************/

.section-main-menu.bg-transparent {
	background-color: rgba(255,0,0,0)!important;

}

.section-main-menu .et_pb_menu {
	background-color: rgba(255,0,0,0)!important;
}

.section-main-menu .et_pb_menu .et-menu {
    margin-left: 0px;
    margin-right: 0px;
}

.section-main-menu .et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li {
    margin-top: 0px;
	margin-left:clamp(8px, 2.1vw, 36px);
	font-size:16px;
	transition: all 0.5s ease!important;
	padding:0;
}

.section-main-menu .et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li:first-child {
margin-left:0!important;	
}

.section-main-menu .et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li>a {
    border-bottom: 2px solid rgba(0,0,0,0);
    padding-bottom: 8px;
    padding-top: 10px;
	transition: all 0.5s ease!important;
}


.section-main-menu .et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li:hover a {
	border-bottom: 2px solid var(--color-first);
	transition: all 0.5s ease!important;
}

.section-main-menu .et_pb_menu .et-menu-nav>ul, .et_pb_menu--without-logo .et_pb_menu__menu>nav>ul  {
	padding-left:0!important;
}



.section-main-menu .et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li.highlight>a {
    padding: 1rem;
	background: var(--color-first);
	color:white;
}

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

.section-main-menu .et_pb_menu__menu {
	display:flex!important;
}

.hide-scrollbar {
	overflow:hidden;
  }
  
.logo .et_pb_image_wrap {
    width:clamp(125px, 11vw, 150px);
  }  
  
.line {
  display: block;
  height: 3px;
  width: 100%;
  background: var(--color-first);
  opacity: 1;
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  margin-bottom: clamp(8px, 0.75vw, 10px);

}

.line-2 {
	/*top: clamp(10px, 0.75vw, 0.75vw);*/
}

.line-3 {
	margin-bottom: 0;
}
.hamburger.open .line {
	background:white;	
}

.hamburger.open .line-1 {
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
  margin-bottom: 0;
  position: absolute;
  /*background: var(--color-first);*/
}

.hamburger.open .line-2 {
	opacity:0;
  height:0;
  margin:0;
  /*margin-bottom: 0;*/
  transition-delay: 100ms;
   transition: all 0.5s ease;
}

.hamburger.open .line-3 {
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
  margin-bottom: 0;
  position: absolute;
 /* background: var(--color-first);*/
}  
  
.slide-in-menu-container {
  -webkit-transition: all 0.3s ease !important;
  -moz-transition: all 0.3s ease !important;
  -o-transition: all 0.3s ease !important;
  -ms-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
  opacity: 0;
  height:100vh;
  left:100%!important;
  overflow-y:scroll;
}

.slide-in-menu-container .et_pb_menu .et_pb_menu__menu {
    display: block !important;
}

.slide-in-menu-container  .et_pb_menu .et_mobile_nav_menu {
    display: none !important;
}


  
.slide-in-menu-open {
  opacity: 1 !important;
  left:0!important;
}
  
.hamburger {
  width: clamp(62px, 4.5vw, 72px);
  height: clamp(62px, 4.5vw, 72px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  background:rgba(255, 255, 255, 0);
  padding:clamp(15px, 1vw, 16px);
  cursor: pointer;
  margin-left:2rem;
}
  
.hidden {
    opacity: 0;
    /*transition: all .5s;*/
}
  


@media (max-width: 980px) {  
.row-mobile-1_2 .et_pb_column {
		width:50%!important;		    
  }  
  .hamburger {
    background:none;
    padding:0;
    width:32px;
    height:25px;
  }  

  .line {
 /* background: white;*/
  
}
	/*.hamburger:before {
		content:"menu";
		display: block;
		float:left;
		
		background:red;
	}*/
	
  }
  

.section-header-image {
height:19.25vw;
/*max-height:70vh;
min-height:500px;*/
}

@media (max-width: 980px) {  
	.section-header-image.et_pb_section {
	height:20vw;
	max-height:70vh;
	min-height:400px;
	}
}

@media (max-width: 768px) {  
	.section-header-image.et_pb_section {
	padding-top: 115px!important;
    min-height: 260px;
	}
}

.section-header-image-home {
height:45vw;
max-height:70vh;
min-height:600px;
}

.custom-menu.et_pb_menu .et-menu-nav>ul, .et_pb_menu--without-logo .et_pb_menu__menu>nav>ul {
	padding-left: 0!important;
    margin-left: 0!important;
}

.custom-menu ul li {
	font-size: clamp(16px, 1vw, 18px);
	Font-weight:700;
	text-transform:uppercase;
	letter-spacing:1px
}

/* -------------------------------------------------------------------***** END HEADER ***** */

.section-content-holder{
	margin-top:clamp(90.25px, 6vw, 101px);	
}