/*
 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: 400;
	line-height:140%
}

::-moz-selection { /* Code for Firefox */


  background: var(--color-first);
}

::selection {

  background: var(--color-first);
}

input::selection {
  background: var(--color-first)!important;
}

input::-moz-selection { /* Code for Firefox */

  background: var(--color-first);
}



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;
}

.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: 242, 105, 107;
    /*RED*/

    --RGB-color-second: 237, 237, 237;
    /*GREY*/

    --RGB-color-third: 232, 228, 220;
    /*---*/

    --RGB-color-fourth: 202, 193, 177;
    /*---*/


    /*--------------- DEFINE COLORS SHORTCODE -----------------*/
    --color-first: rgb(var(--RGB-color-first));
    /*LIGHT RED*/

    --color-second: rgb(var(--RGB-color-second));
    /*GREY*/

    --color-third: rgb(var(--RGB-color-third));
    /*---*/

    --color-fourth: rgb(var(--RGB-color-fourth));
    /*---*/



    /*---------- DEFINE OPACITY STEPS COLOR PRIMARY -----------*/
    --color-first-10: rgba(var(--RGB-color-first), .1);
    --color-first-20: rgba(var(--RGB-color-first), .2);
    --color-first-30: rgba(var(--RGB-color-first), .3);
    --color-first-40: rgba(var(--RGB-color-first), .4);
    --color-first-50: rgba(var(--RGB-color-first), .5);
    --color-first-60: rgba(var(--RGB-color-first), .6);
    --color-first-70: rgba(var(--RGB-color-first), .7);
    --color-first-80: rgba(var(--RGB-color-first), .8);
    --color-first-90: rgba(var(--RGB-color-first), .9);
    --color-first-95: rgba(var(--RGB-color-first), .95);

    /*---------- DEFINE OPACITY STEPS COLOR second ----------*/
    --color-second-10: rgba(var(--RGB-color-second), .1);
    --color-second-20: rgba(var(--RGB-color-second), .2);
    --color-second-30: rgba(var(--RGB-color-second), .3);
    --color-second-40: rgba(var(--RGB-color-second), .4);
    --color-second-50: rgba(var(--RGB-color-second), .5);
    --color-second-60: rgba(var(--RGB-color-second), .6);
    --color-second-70: rgba(var(--RGB-color-second), .7);
    --color-second-80: rgba(var(--RGB-color-second), .8);
    --color-second-90: rgba(var(--RGB-color-second), .9);
    --color-second-95: rgba(var(--RGB-color-second), .95);

    /*---------- DEFINE OPACITY STEPS COLOR third ----------*/
    --color-third-10: rgba(var(--RGB-color-third), .1);
    --color-third-20: rgba(var(--RGB-color-third), .2);
    --color-third-30: rgba(var(--RGB-color-third), .3);
    --color-third-40: rgba(var(--RGB-color-third), .4);
    --color-third-50: rgba(var(--RGB-color-third), .5);
    --color-third-60: rgba(var(--RGB-color-third), .6);
    --color-third-70: rgba(var(--RGB-color-third), .7);
    --color-third-80: rgba(var(--RGB-color-third), .8);
    --color-third-90: rgba(var(--RGB-color-third), .9);
    --color-third-95: rgba(var(--RGB-color-third), .95);

    /*---------- DEFINE OPACITY STEPS COLOR fourth ----------*/
    --color-fourth-10: rgba(var(--RGB-color-fourth), .1);
    --color-fourth-20: rgba(var(--RGB-color-fourth), .2);
    --color-fourth-30: rgba(var(--RGB-color-fourth), .3);
    --color-fourth-40: rgba(var(--RGB-color-fourth), .4);
    --color-fourth-50: rgba(var(--RGB-color-fourth), .5);
    --color-fourth-60: rgba(var(--RGB-color-fourth), .6);
    --color-fourth-70: rgba(var(--RGB-color-fourth), .7);
    --color-fourth-80: rgba(var(--RGB-color-fourth), .8);
    --color-fourth-90: rgba(var(--RGB-color-fourth), .9);
    --color-fourth-95: rgba(var(--RGB-color-fourth), .95);




    --borderRadius: clamp(6.25vw, 6.25vw, 6.25vw);





  /*------------------grids------------------*/
	
  --borderRadius: clamp(6.25vw, 6.25vw, 6.25vw);
  --icon-size: 28px;

  /*------------------3-colomns------------------*/

  --column-count-2: repeat(auto-fill, minmax(45%, 1fr));
  --column-count-2-gap: 2rem;

  @media only screen and (max-width: 980px) {
    --column-count-2: repeat(auto-fill, minmax(45%, 1fr));
    --column-count-2-gap: 2.5%;
  }
	
  --column-count-3: repeat(auto-fill, minmax(27%, 1fr));
  --column-count-3-gap: 2rem;

  @media only screen and (max-width: 980px) {
    --column-count-3: repeat(auto-fill, minmax(45%, 1fr));
    --column-count-3-gap: 2.5rem;
  }	
}

/*----------------- DEFINE HEADING SIZES ----------------------*/


h1,
h2,
h3,
h4 {
    padding-bottom: unset;
}


h1 {
    font-size: clamp(2.5rem, 2.5vw, 45px);
    font-weight: 500;
    line-height: 120%;
}

.h1-arrow,
.h1-arrow h1,
.h1-arrow .et_pb_text_inner {
    width: 100%;
}


.h1-size-l h1 {
    font-size: clamp(2.25rem, 9vw, 9vw);
}

.h1-size-m h1 {
    font-size: clamp(3rem, 6vw, 6vw);
}

.h1-size-s h1 {
    font-size: clamp(2.5rem, 2vw, 2vw);
}


h2 {
    font-size: clamp(1.5rem, 2.75vw, 36px)!important;
    font-weight: 500;
    line-height: 130%;
}

.h2-size-l h2 {
    font-size: clamp(2rem, 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(1.25rem, 1.5vw, 26px)!important;
}

.h2-size-xs h2, h2.h2-size-xs {
	font-size: 16px!important;
}

.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(16px, 1.25vw, 24px) !important;
    font-weight: 500;
    line-height: 130%;
}

.slide-in-menu-container h3 {
	margin-bottom:1rem;
}

.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, 29.25px);
}

.p-size-l p {
    font-size: clamp(16px, 1.125vw, 18px);
}


.p-size-s p {
    font-size: clamp(0.75rem, 1vw, 16px);
}

.text-align-center h1,
.text-align-center h2,
.text-align-center h3,
.text-align-center h4,
.text-align-center h5,
.text-align-center p,
.text-align-center span,
.text-align-center a {
    text-align: center;
}



.text-semibold {
    font-weight: 600;
}

.text-bold {
    font-weight: 700;
}

/*---------------DEFINE TEXT COLORS -------------------------*/

.h1-color-first h1,
.h2-color-first h2,
.h3-color-first h3,
.h4-color-first h4,
.span-color-first span,
.link-color-first a,
.text-color-first p,
.text-color-first {
    color: var(--color-first) !important;
}

.h1-color-second h1,
.h2-color-second h2,
.h3-color-second h3,
.h4-color-second h4,
.span-color-second span,
.link-color-second a,
.text-color-second p,
.text-color-second {
    color: var(--color-second) !important;
}

.h1-color-white h1,
.h2-color-white h2,
.h3-color-white h3,
.h4-color-white h4,
.span-color-white span,
.link-color-white a,
.text-color-white,
.text-color-white p {
    color: white;
}

.h1-color-black h1,
.h2-color-black h2,
.h3-color-black h3,
.h4-color-black h4,
.span-color-black span,
.link-color-black a,
.text-color-black,
.text-color-black p {
    color: black;
}





/* START BACKGROUND COLORS */
.bg-none {
    background: none;
}

.bg-color-first {
    background-color: var(--color-first);
}

.bg-color-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;
}

.bg-gradient {
	    background-image: linear-gradient(90deg,var(--color-second) 55%,white 55%)!important;
}

/* -------------------- start template styles --------------------------*/

.et_pb_section {
    padding-top: clamp(3.4rem, 6vw, 96px) !important;
    padding-bottom: clamp(3.4rem, 6vw, 96px) !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;
}

/*
.et_pb_column {
    margin-bottom: clamp(16px, 2vw, 32px) !important;
}
*/

.row-full {
    padding-left: 0 !important;
    padding-right: 0 !important;
}




.repeater-row .column {

}

.repeater-row:nth-child(odd) .column:last-child {

	width:60%;
}
.repeater-row:nth-child(odd) .column:first-child {
	margin-right:5%;
	width:35%;
}

.repeater-row:nth-child(even) .column:first-child {
	margin-left:5%;
	width:35%;
}

.repeater-row:nth-child(even) .column:last-child {

		width:60%;
}


.repeater-row:nth-child(even) {
flex-direction: row-reverse;
}


.post-image-large .et_pb_image_wrap {
	height: clamp(100px, 43.125vw, 690px);
	
    overflow: hidden;
	min-width: 100%;
	flex-wrap: wrap;
	display:flex;
	align-content: center;
}

.post-image-large .et_pb_image_wrap img{
	    object-fit: cover;
    height: 100%;
}

.post-image-large:after, .post-image-large:before {
		width: 13.125vw;
    	height: 36.75vw;
		background-image: url("https://albaconcepts.preview.2special.nl/wp-content/themes/Divichild/images/post-image-large-mask.svg");
		
	background-size: cover;
	}

.post-image-large:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
}

.post-image-large:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
	z-index:2;
	transform: rotate(180deg);
}

.proposition-list a {
	display: flex !important;
    align-items: center !important;
    padding: 18px 0 18px 4px;
    border-bottom: 1px solid var(--color-first);
		font-size:22px;
	color: var(--color-first)!important;
}

.proposition-list a:first-child {
padding-top:0;	
}

.proposition-list a:before {
    background-image: url(https://albaconcepts.preview.2special.nl/wp-content/themes/Divichild/images/checkmark.svg);
    background-repeat: no-repeat;
    display: block;
    content: "";
	background-size: contain;
    margin-right: 30px;
    display: block;
    float: left;
	height: 12.331px;
    width: 16px;
	line-height:18px;
}

.team-footer .acf-view__field {
    display: flex;
	display: grid;
    grid-template-columns: var(--column-count-2);
    column-gap: var(--column-count-2-gap);
}

.team-footer .team-member-holder {
    display: flex;
    flex-direction: column-reverse;

    justify-content: start;
    height: fit-content;
}

.team-member-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 20px;
}


.team-footer .image-holder{
	line-height:0;
}

.team-member-icons {
 /* display: flex;
  margin-left: 20px;*/
}


.icon:after {
    display: block;
    content: '';
	width:var(--icon-size);
    height: var(--icon-size);
    margin-left: clamp(8px, 0.75vw, 0.75vw);
    -webkit-mask-size: cover!important;
    mask-size: cover!important;
}

/*.team-member-icons .acf-view__row:first-child .icon:after {
	margin-left:0;	
}*/

.icon-color-red:after {
	background-color: var(--color-first);
}

.icon-color-white:after {
	background-color: white;
}

.icon-phone:after {
	 -webkit-mask-size: cover;
    -webkit-mask: url(https://albaconcepts.preview.2special.nl/wp-content/themes/Divichild/images/icon-phone.svg) no-repeat;
    mask: url(https://albaconcepts.preview.2special.nl/wp-content/themes/Divichild/images/icon-phone.svg) no-repeat;
}

.icon-mail:after {
	 -webkit-mask-size: cover;
    -webkit-mask: url(https://albaconcepts.preview.2special.nl/wp-content/themes/Divichild/images/icon-mail.svg) no-repeat;
    mask: url(https://albaconcepts.preview.2special.nl/wp-content/themes/Divichild/images/icon-mail.svg) no-repeat;
}

.icon-linkedin:after {
	 -webkit-mask-size: cover;
    -webkit-mask: url(https://albaconcepts.preview.2special.nl/wp-content/themes/Divichild/images/icon-linkedin-red.svg) no-repeat;
    mask: url(https://albaconcepts.preview.2special.nl/wp-content/themes/Divichild/images/icon-linkedin-red.svg) no-repeat;
}



@media (min-width: 1601px){
	.post-image-large:after, .post-image-large:before {
		width: 210px;
    	height: 588px;
	}

}

@media only screen and (min-width: 981px) {

    .row-small {
        padding-right: 30% !important;
		/*max-width:70%;
		margin-left:0;*/
    }
	
	    .row-small-homepage, .row-small-centered {

		width:80%;
		max-width:1280px;
    }
	

	.row-small-right {
		max-width: 1600px!important;
		margin-right: auto;
	}
		
	.row-small-right .et_pb_module {
		    margin-left: 25%;
	}
	
}



@media only screen and (min-width: 1601px) {
.et_pb_row {
    padding-left: 160px!important;
    padding-right: 160px!important;
}
	  .row-small {
        padding-right: 475px!important;
	}
		

}

.repeater-row {
    padding-left: 0!important;
    padding-right: 0!important;
}

.post-image-large {
	
}

.et_pb_module {
    margin-bottom: clamp(1.5rem, 2vw, 2vw);
}

.et_pb_menu_0_tb_header .et_pb_menu_inner_container>.et_pb_menu__logo-wrap .et_pb_menu__logo img,
.et_pb_menu_0_tb_header .et_pb_menu__logo-slot .et_pb_menu__logo-wrap img {
    height: auto;
    width: 290px;
    max-height: 42px;
}

.et_pb_section_0_tb_body {
    padding-top: clamp(5.95rem, 6.7vw, 6.7vw);
}



a.custom-button,
.custom-button a {
    font-size: clamp(1rem, 1vw, 1vw);
    padding: 0 clamp(1.5rem, 1.5vw, 1.5vw) 0 clamp(1rem, 1vw, 1vw);
    line-height: 100%;
    text-align: center;
    display: inline-block;
    /* float: left; */
    transition: all 300ms ease 0ms;
    height: clamp(2rem, 2vw, 2vw);
    line-height: clamp(2rem, 2vw, 2vw);
}

.custom-button a:after {
    content: '';
    width: 1rem;
    position: absolute;
    float: right;
    margin-left: clamp(1.4rem, 1.4vw, 1.4vw);
    width: clamp(1rem, 1vw, 1vw);
    height: clamp(2rem, 2vw, 2vw);
}

.custom-button-color-first a {
    background: var(--color-first);
    color: white;
}

.custom-button-color-first a:after {
    background: linear-gradient(110deg, rgba(169, 201, 48, 1) 50%, rgba(169, 201, 48, 0) 50%);
}


a.custom-button:hover,
.custom-button a:hover {
    opacity: 0.6;
}


.button-wide {
    width: 100%;
}

a.button-color-first,
.button-color-first a {
    background: var(--color-first);
    color: white;

}

a.button-color-first:hover,
.button-color-first a:hover {

    color: var(--color-first);
}

a.button-color-second,
.custom-button-color-second a {
    background: var(--color-second);
    color: white;
}

a.button-color-second:hover,
.custom-button-color-second a:hover {
    background: var(--color-second-70);
}

a.button-color-third,
.custom-button-color-third a {
    background: var(--color-third);
    color: white;
}

a.button-color-third:hover,
.custom-button-color-third a:hover {
    background: var(--color-third-70);
}


.link-button-arrow a:after,
.link-button-arrow span:after {
    display: block;
    float: right;
    content: '';
    /*width: 1.2vw;
   height:1.2vw;*/
    min-width: clamp(26px, 2vw, 2vw);
    height: clamp(1rem, 1.15vw, 1.15vw);
    margin-left: clamp(8px, 0.75vw, 0.75vw);
    -webkit-mask-size: cover;
    -webkit-mask: url(https://sterrebosch.development.2special.nl/wp-content/themes/Divichild/images/arrow.svg) no-repeat 50% 50%;
    mask: url(https://sterrebosch.development.2special.nl/wp-content/themes/Divichild/images/arrow.svg) no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: white;
}

.link-button-back a:before {
    display: block;
    content: '';
    width: clamp(26px, 2vw, 2vw);
    height: clamp(1rem, 1.15vw, 1.15vw);
    -webkit-mask-size: cover;
    -webkit-mask: url(https://sterrebosch.development.2special.nl/wp-content/themes/Divichild/images/arrow.svg) no-repeat 50% 50%;
    mask: url(https://sterrebosch.development.2special.nl/wp-content/themes/Divichild/images/arrow.svg) no-repeat 50% 50%;
    mask-size: cover;
    background-color: white;
    float: left;
    margin-right: 0.75vw;
    transform: rotate(180deg);
    z-index: 999999999;
}

.link-button-back a:hover::before {
    background-color: var(--color-primary);
}


.border-right {
    border-right: 2px solid white;
}

.border-left {
    border-left: 2px solid white;
}

.border-top {
    border-top: 1px solid black;
}

.border-bottom {
    border-bottom: 1px solid black;
}


/* ------------------------------ START CUSTOM FORMS ------------------------------*/

.custom-form input,
.custom-form textarea {
    border:none;
	background:white;
	min-width:300px;
	padding: 0 16px!important;
}

.custom-form textarea {
height:100px!important;	
	padding-top:10px!important;
}

.custom-form input {
    height: clamp(40px, 2.5vw, 40px);
}

.custom-form input[type=checkbox] {
    height: auto;
}

.custom-form .gform_wrapper.gravity-theme .gfield_required {
    color: #999;
}

.custom-form .gform_button {
    background: none !important;
    text-transform: uppercase !important;
    color: white !important;
    border: 0 !important;
	width:fit-content;
	
}

.custom-form input.gform_button  {
	min-width:0;
}

.gform_button:hover {
	background-color: var(--color-first) !important;
	cursor:pointer;
}

.gform_footer, .gform_wrapper.gravity-theme .gform_page_footer {
    margin: 0!important;
    padding: 8px 0!important;
}

/*--------------------------------- END CUSTOM FORMS ------------------------------*/


.et_pb_blurb_position_left .et_pb_blurb_content, .et_pb_blurb_position_right .et_pb_blurb_content {
    display: flex;
    align-items: center;
}

.et_pb_main_blurb_image {
	margin-bottom:0;
}


/* ------------------------------ 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;
}

.px-0\.5 {
	padding-left: clamp(0.5rem, 0.5vw, 0.5vw) !important;
    padding-right: clamp(0.5rem, 0.5vw, 0.5vw) !important;	
}

.py-0\.5 {
	padding-top: clamp(0.5rem, 0.5vw, 0.5vw) !important;
    padding-bottom: clamp(0.5rem, 0.5vw, 0.5vw) !important;
}

.pt-0\.5 {
	padding-top: clamp(0.5rem, 0.5vw, 0.5vw) !important;
}

.pb-0\.5 {
    padding-bottom: clamp(0.5rem, 0.5vw, 0.5vw) !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, 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, 16px) !important;
    margin-bottom: clamp(1rem, 1vw, 16px) !important;
}

.m-1 {
    margin-top: clamp(1rem, 1vw, 1vw) !important;
}


.pt-2 {
    padding-top: clamp(1.75rem, 2vw, 32px) !important;
}

.pb-2 {
    padding-bottom: clamp(1.75rem, 2vw, 2vw) !important;
}

.pl-2 {
	padding-left: 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;
}

.px-2_5 {
	padding-left:clamp(32px, 2.5vw, 40px)!important;
	padding-right:clamp(32px, 2.5vw, 40px)!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, 80px) !important;
    padding-right: clamp(3rem, 5vw, 80px) !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;
}

.px-7_5 {
	padding-left:7.5vw!important;
	padding-right:7.5vw!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  ******************************  */

/* *****************   FOOTER   ********************************  */

.socials-footer .et_pb_code_inner {
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 1vw;
}

.socials-footer a {
	line-height:0!important;
	display: flex;
	
}

.arrow:after {
    -webkit-mask: url(https://albaconcepts.preview.2special.nl//wp-content/themes/Divichild/images/arrow-large.svg) no-repeat;
    mask: url(https://albaconcepts.preview.2special.nl//wp-content/themes/Divichild/images/arrow-large.svg) no-repeat;
    background-color: white;
    display: flex;
    content: '';
    width: 62px;
    height: 25px;
    margin-top: 15px;
    transition: 0.4s;
	position:relative;
	transition: all 300ms ease 0ms;
	left:0;
}

.arrow-color-first:after {
	background-color: var(--color-first);
}

/*.border-top {
	border-top: 1px solid transparent;
    border-image: linear-gradient(90deg, rgba(255,255,255,0) 5%, rgba(255,255,255,1) 5%, rgba(255,255,255,1) 95%, rgba(255,255,255,0) 95%);
    border-image-slice: 1;
}*/



.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;
}



.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%;

}



/* ******************* 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;
    }
}



@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);
	}
}

.header:after, .header:before {
		width: 15vw;
    	height: 17.8125vw;
		background-image: url("https://albaconcepts.preview.2special.nl/wp-content/themes/Divichild/images/mask-header.svg");
		
	background-size: cover;
	}

.header:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
}

.header:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
	z-index:2;
	transform: rotate(180deg);
}

@media (min-width: 1601px){
	.header:after, .header:before {
		width: 240px;
    	height: 285px;
	}
}



@media (max-width: 1600px){
	.section-header-home .et_pb_row {
	padding-right:0!important;
	}
}

.header-home:before {
    width: 15vw;
    height: 42vw!important;
	height:clamp(42vw, 42vw, 672px)!important;
    background-repeat: no-repeat;
    background-image: url(https://albaconcepts.preview.2special.nl/wp-content/themes/Divichild/images/mask-header-home.svg);
    background-size: cover;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}



@media (min-width: 1601px){
	.header-home:before {
		background-size: auto;
	}
}

.header-home .et_pb_text_inner {
	display: flex;
    flex-wrap: wrap;
    align-content: flex-end;
    padding-left: clamp(50px, 12vw, 192px)!important;
    padding-bottom: clamp(30px, 5vw, 60px)!important;
    max-width: 75%;
}

/* ------------------------ ----------------------------------------- */

.hoofddienst-link {
	opacity:1;
	transition: all 300ms ease 0ms;
}

/*.hoofddienst-link:hover {
	opacity:0.5;
	transition: all 300ms ease 0ms;
}*/

.arrow:hover::after {
	transition: all 300ms ease 0ms;
	left:100px;
}

/* ---------------------- search results ------------------------------ */


.searchfilters ul,  .searchfilters ul li{
	    padding: 0;
}

.searchfilters ul {
	display: grid;
    grid-template-columns: var(--column-count-3);
    column-gap: var(--column-count-3-gap);
    row-gap: var(--column-count-3-gap);
}

.searchfilters ul li, .searchfilters ul li label{
	width:100%;
}

.searchfilters input, .searchfilters select {
    height: 40px;
    padding: 10px;
	width:100%!important;
	    border-right: 0;
    border-left: 0;
	border-color:#ccc;
}

input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea {
    color: #ccc;
}

input.text:focus, input.title:focus, input[type=text]:focus, select:focus, textarea:focus {
    border-color: var(--color-first);
    color: var(--color-first);
}


.search-results {
  display: grid;
  grid-template-columns: var(--column-count-3);
  column-gap: var(--column-count-3-gap);
  row-gap: var(--column-count-3-gap); 
}

.search-results h2, .news-item-home-small h2, .news-item-home h2 {
	padding: 10px 10px 10px 20px;
	display:flex;
	justify-content: space-between;
	align-items: flex-end;
}

.search-results.team .featured-img {}
.search-results.team .featured-img img{    object-fit: cover;
    min-height: clamp(100px, 18.125vw, 290px)!important;
	
    width: auto;}

.news-item-home .entry-header {
	position: absolute;
    bottom: 1rem;
    padding-top: 20px;
	
}

.news-item-home .entry-header h2 {
	font-weight:400!important;
	line-height:120%;
	font-size: 30px!important;
}

.news-item-home .dp-dfg-custom-content, .news-item-home-small .dp-dfg-custom-content {
	position: absolute;
    top: 0px;
    padding-top: 20px;
}

.news-item-home span, .news-item-home-small span {
	background-color: white;
	color: var(--color-first);
		font-size:15px;
	margin-left:20px;
	padding:5px 20px;
	border-radius:20px;
	font-weight:500;
}

.news-item-home h2 {
	color:white;
	
}

.news-item-home-small h2 {
	line-height: 140%;
	padding-top:15px;
}

.search-results h2.h2-arrow:after, .h2-arrow.other-expertise .et_pb_text_inner:after, .et_pb_posts_nav a:after, .link-arrow a:after, .news-item-home-small h2:after, .news-item-home h2:after {
    display: flex;
    content: '';
    width: 20px;
    min-width: 20px;
    height: 17px;
    -webkit-mask-size: cover!important;
    mask-size: cover!important;
    -webkit-mask-size: cover;
    -webkit-mask: url(https://albaconcepts.preview.2special.nl/wp-content/themes/Divichild/images/arrow.svg) no-repeat;
    mask: url(https://albaconcepts.preview.2special.nl/wp-content/themes/Divichild/images/arrow.svg) no-repeat;
    background-color: var(--color-first);	
	margin-left:1rem;
	margin-top:3px;
}

.et_pb_posts_nav a, .link-arrow a {
	display:flex!important;
	
}

.et_pb_posts_nav a:after, .link-arrow a:after {
	margin-left:1rem!important;
}

.news-item-home h2:after {
	margin-left:20%;
}

.et_pb_posts_nav .meta-nav {
	display:none;
}

.h2-arrow.other-expertise .et_pb_text_inner{
	display: flex;
    justify-content: space-between;
	align-items: center;
	/*border-top: 1px solid black;
    border-bottom: 1px solid black;*/
	padding-top:16px;
	padding-bottom:16px;
	padding-right: 20px;
}


.search-results.team article {
 	position: relative;
}


.search-results.team span {
 	display: block;
}


/*.search-results .holder-image-title .featured-img {
    line-height: 0;
    max-height: 270px;
}

.search-results .holder-image-title .featured-img img{
object-fit:cover;
}*/

.search-results .holder-info {
    position: absolute;
    bottom: 0;
	width:100%;
	display:flex;
	flex-direction: column;
    justify-content: flex-end;
	overflow: hidden;
	height:0;
	transition: all 300ms ease 0ms;
}

.search-results .holder-info .info {
	background-color:var(--color-first);
	padding:20px 20px 10px 20px;
}

.search-results .holder-info .info h2{
	padding:0;
}

.search-results.team h2 {
	padding-bottom:3px;
}

.search-results.team h3 {
	font-size: clamp(16px, 1.25vw, 24px) !important;
}

.expertise-holder {
	border-top: solid white 1px;
}


.team-member-name {
    margin-top: -10px!important;
    padding-top: 20px!important;
    padding-bottom: 13px!important;
}

.search-results.team a.team-read-more {
	border-top:solid white 1px;
	border-bottom:solid white 1px;
	width:100%;
	display:block;
	
}
.search-results article:hover .holder-info {
    height: 500px;
	transition: all 500ms ease 0ms;
}

.search-results.publications article:hover {
	cursor:pointer;
}
.row-call-to-action-2columns-text {
position:absolute;
bottom:0;
z-index: 3;
max-width: 1080px;
left: calc(50% - 540px);
}

.search-results-vacatures article {
	border-bottom:1px solid var(--color-first);
}

.search-results-vacatures h2 {
	display: flex;
    justify-content: space-between;
	align-items: center;
   font-size: clamp(1.625rem, 1.625vw, 29.25px)!important;
	margin-left:2rem;
	transition: all 300ms ease 0ms;
}

.search-results-vacatures article .acf-view__field {
	padding-left:2rem;
	
}

.search-results-vacatures article .acf-view__field a, .blog-sender a {
	color:black;
	pointer-events: none;
}

.search-results-vacatures article span, .blog-sender span {
	color: var(--color-first);
    font-size: 11px;
}


.search-results-vacatures h2:hover {
	color:var(--color-first);	
	cursor:pointer;
}

.search-results-vacatures h2:after {
-webkit-mask: url(https://albaconcepts.preview.2special.nl//wp-content/themes/Divichild/images/arrow-large.svg) no-repeat;
    mask: url(https://albaconcepts.preview.2special.nl//wp-content/themes/Divichild/images/arrow-large.svg) no-repeat;
    background-color: var(--color-first);
    display: flex;
    content: '';
    width: 62px;
    height: 25px;
    margin-top: 0;
    transition: 0.4s;
    position: relative;
    transition: all 300ms ease 0ms;
    left: 0;
	margin-right:2rem;
}

.search-results-vacatures h2:hover::after{
	margin-right:0;
}

/*
.search-results article {
  display: grid;
  align-items: start;
}

.search-results article:hover {
  cursor: pointer;
}


.team-row .search-results article:hover {
  cursor: default;
}

.search-results article:hover .featured-img {
  transform: scale(1.25);
  transition: all 300ms ease 0ms;
}

.search-results .image-and-tags {
  position: relative;
  height: 16vw;
  overflow: hidden;
  min-height: 16vw;
}

@media only screen and (max-width: 981px) {
  .search-results .image-and-tags {
    position: relative;
    min-height: 26vw;
    overflow: hidden;
  }

  .team-row {
    margin-bottom: 50px !important;
  }
}

@media only screen and (max-width: 567px) {
  .search-results .image-and-tags {
    position: relative;
    min-height: 48vw;
    overflow: hidden;
  }

  .search-results {
    display: flex;
    flex-direction: column;
  }

  #search-filter-results-236718 article h2,
  .search-results article h2 {
    margin-bottom: 30px;

  }
}

.search-results .image-and-tags h2 {
  z-index: 3;
}

.search-results .image-and-tags .featured-img {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  transform: scale(1);
  transition: all 300ms ease 0ms;
}

.search-results .image-and-tags .featured-img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.search-results .image-and-tags .labels .label {
  margin-right: clamp(8px, 0.75vw, 16px);
  margin-top: clamp(8px, 0.75vw, 16px);
}


.search-results .image-and-tags .labels {
  padding-left: clamp(16px, 1.5vw, 32px);
  padding-bottom: clamp(16px, 1.5vw, 32px);
  z-index: 3;
}

.search-results .image-and-tags {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: -webkit-fill-available;
  display: flex;
  justify-content: center;
}


.search-results .image-and-tags p {
  color: white;
  margin-bottom: clamp(20px, 1.5vw, 20px);

  z-index: 3;
}

.search-results .labels {
  padding-left: 0px !important;
}

.search-results .team-page-icons-div {
  z-index: 3;

}

.search-results .image-and-tags {
  display: flex;
  flex-direction: column;
}



.search-results .image-and-tags .labels {
  padding-left: clamp(16px, 1.5vw, 32px);
  padding-bottom: clamp(16px, 1.5vw, 32px);
  z-index: 3;

}

.search-results .image-and-tags {
  background: var(--color-first);
}

.search-results .image-and-tags:hover {
  cursor: default;
}

.search-results .image-and-tags:hover h2,
.search-results .image-and-tags:hover .team-page-icons-div,
.search-results .image-and-tags:hover p {
  display: block;
}

.search-results .image-and-tags:hover .labels {
  display: flex;
}*/


/* ---------------------------------------------------- */

.row-news-home .et_pb_column.width {
	width:53%!important;
}

.row-news-home .et_pb_column.small {
	width:44%!important;
}

.row-news-home .et_pb_column:first-child {
	margin-right:3%!important;
}

.search-results .image-and-tags .featured-img {
	object-fit: cover;
	height: 17.93214285714286vw;
	overflow: hidden;	
	max-height:286px;	
}

.news-item-home-small figure {
	height: 23.125vw!important;
	object-fit: cover;
	overflow: hidden;	
	max-height:370px;
}

.news-item-home-small img {
	transition: all 200ms ease-out 0ms;
		height: 23.125vw!important;
		object-fit: cover;
	overflow: hidden;	
}

.news-item-home figure {
	height: 27.625vw!important;
	object-fit: cover;
	overflow: hidden;	
	max-height:442px;
}

.news-item-home figure img {
	transition: all 200ms ease-out 0ms;
	height: 27.625vw!important;
	object-fit: cover;
	overflow: hidden;	
	max-height:442px;
}


.search-results .image-and-tags .featured-img img {
	transition: all 200ms ease-out 0ms;
  	object-fit: cover;
	height: 17.93214285714286vw;
	max-height:286px;	
}

@media (max-width: 1600px){ 
	.search-results .image-and-tags .featured-img, .search-results.team .featured-img {
	height: 17.93214285714286vw!important;
	
}

.search-results .image-and-tags .featured-img img, .search-results.team .featured-img img {
	height: 17.93214285714286vw!important;

	}
}


.search-results-with-link .search-results article:hover .featured-img img, .news-item-home-small:hover img, .news-item-home:hover img{
  transform: scale(1.15);
  transition: all 500ms ease 0ms;
}

.row-news-home article:hover {
	cursor:pointer;
}

.sections-diensten-overview h2 {
	font-size: clamp(1.5rem, 2vw, 32px)!important;
}
.sections-diensten-overview p {
	font-size: clamp(1.25rem, 1.25vw, 20px)!important;
}
@media (min-width: 981px){ 
	.sections-diensten-overview .et_pb_row .et_pb_column:last-child {
		border-top:1px solid #000;
	}

	.sections-diensten-overview .et_pb_row:last-child .et_pb_column:last-child {
		border-bottom:1px solid #000;
	}
}

@media (max-width: 980px){ 
	.sections-diensten-overview .et_pb_row .et_pb_column:first-child {
		border-top:1px solid #000;
		margin-bottom:0!important;
	}
		.sections-diensten-overview .et_pb_row .et_pb_column:first-child .et_pb_module {
	
		margin-bottom:0!important;
	}

	.sections-diensten-overview .et_pb_row:last-child .et_pb_column:last-child {
		border-bottom:1px solid #000;
	}
}
@media (max-width: 1200px) { 
.section-diensten-home {
	margin-right:10vw;
}

.section-diensten-home .et_pb_row {
	max-width:1080px;
	float:right;
}

.section-diensten-home {
		/*margin-right: calc(50% - 1280px / 2);*/
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		align-content: flex-end;
		flex-wrap: wrap;	
		height:800px;
	}
	
	.section-diensten-home .et_pb_row {
		max-width:1280px;
		margin:0;
		padding-top:100px!important;
		padding-right:170px!important;
	}

	.section-diensten-home .et_pb_row:last-child {
		padding-bottom:40px!important;
		padding-top:120px!important;
	}
	
	.section-diensten-home .et_pb_row:first-child {
		padding-top:0px!important;
	}
	
.section-diensten-home h3 {
	font-size:16px!important;
}

.section-diensten-home p {
	font-size:15px!important;
	line-height: 130%!important;
}
}

@media screen and (max-width: 1600px) and (min-width: 1201px) { 
.section-diensten-home {
	margin-right:10vw;
	
}

.section-diensten-home .et_pb_row {
	max-width:1080px;
	float:right;
}

.section-diensten-home {
		/*margin-right: calc(50% - 1280px / 2);*/
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		align-content: flex-end;
		flex-wrap: wrap;	
		height:900px;
	}
	
	.section-diensten-home .et_pb_row {
		max-width:1280px;
		margin:0;
		padding-top:130px!important;
		padding-right:190px!important;
	}

	.section-diensten-home .et_pb_row:last-child {
		padding-bottom:40px!important;
		padding-top:140px!important;
	}
	
	.section-diensten-home .et_pb_row:first-child {
		padding-top:0px!important;
	}
	
.section-diensten-home h3 {
	font-size:20px!important;
}

.section-diensten-home p {
	font-size:15px!important;
	line-height: 150%!important;
}
}

@media (min-width: 1601px) { 
	
	.section-diensten-home {
		margin-right: calc(50% - 1280px / 2);
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		align-content: flex-end;
		flex-wrap: wrap;	
		height:960px;
	}
	
	.section-diensten-home .et_pb_row {
		max-width:1280px;
		margin:0;
		padding-top:150px!important;
		padding-left:0!important;
		padding-right:190px!important;
	}
	
	.section-diensten-home .et_pb_row:last-child {
		padding-bottom:40px!important;
		padding-top:150px!important;
	}
	
	.section-diensten-home .et_pb_row:first-child {
		padding-top:0px!important;
	}
	
}

.info {
	display:none;
}

/*@media (min-width: 981px) {*/
	
.search-results.team article:hover, .search-results.team .sluiten:hover {
	cursor: pointer;

}	

.search-results.team .featured-img {
	overflow:hidden;

}
.search-results.team .featured-img img{

	transition: all 200ms ease-out 0ms;
}


.search-results.team .info {
	z-index: 2;
	height: 100%;
	opacity:0;
	transition: all 200ms ease-out 0ms;
	background:var(--color-first);
	grid-column: 1 / 4;
}

/*.search-results.team article:hover+ .info {

	opacity:1;
	transition: all 200ms ease-out 0ms;
	display:grid;
	grid-template-columns: var(--column-count-3);
    column-gap: var(--column-count-3-gap);
	
	 -webkit-animation: slide-down .3s ease-out;
    -moz-animation: slide-down .3s ease-out;
	
}*/
	
.search-results.team .member.open+ .info {
	opacity:1;
	transition: all 200ms ease-out 0ms;
	display:grid;
	grid-template-columns: var(--column-count-3);
    column-gap: var(--column-count-3-gap);
	 -webkit-animation: slide-down .3s ease-out;
    -moz-animation: slide-down .3s ease-out;
	
}

/*.search-results.team .info:hover {
	opacity:1;
	transition: all 200ms ease-out 0ms;
	display:grid;
	grid-template-columns: var(--column-count-3);
    column-gap: var(--column-count-3-gap);
	 -webkit-animation: slide-down .3s ease-out;
    -moz-animation: slide-down .3s ease-out;
}*/


@-webkit-keyframes slide-down {
    0% { opacity: 0;   }   
    100% { opacity: 1;  }
}
@-moz-keyframes slide-down {
    0% { opacity: 0;  }   
    100% { opacity: 1;  }
}

.search-results.team article:nth-child(1),
.search-results.team .info:nth-child(2),
.search-results.team article:nth-child(3),
.search-results.team .info:nth-child(4),
.search-results.team article:nth-child(5),
.search-results.team .info:nth-child(6){
	grid-row: 1;
}

.search-results.team article:nth-child(7),
.search-results.team .info:nth-child(8),
.search-results.team article:nth-child(9),
.search-results.team .info:nth-child(10),
.search-results.team article:nth-child(11),
.search-results.team .info:nth-child(12)	
	{
	grid-row: 2;
}
	
.search-results.team article:nth-child(13),
.search-results.team .info:nth-child(14),
.search-results.team article:nth-child(15),
.search-results.team .info:nth-child(16),
.search-results.team article:nth-child(17),
.search-results.team .info:nth-child(18)	
	{
	grid-row: 3;
}
	
.search-results.team article:nth-child(19),
.search-results.team .info:nth-child(20),
.search-results.team article:nth-child(21),
.search-results.team .info:nth-child(22),
.search-results.team article:nth-child(23),
.search-results.team .info:nth-child(24)	
	{
	grid-row: 4;
}
	
.search-results.team article:nth-child(25),
.search-results.team .info:nth-child(26),
.search-results.team article:nth-child(27),
.search-results.team .info:nth-child(28),
.search-results.team article:nth-child(29),
.search-results.team .info:nth-child(30)	
	{
	grid-row: 5;
}		

.search-results.team article:nth-child(31),
.search-results.team .info:nth-child(32),
.search-results.team article:nth-child(33),
.search-results.team .info:nth-child(34),
.search-results.team article:nth-child(35),
.search-results.team .info:nth-child(36)	
	{
	grid-row: 6;
}

.search-results.team article:nth-child(37),
.search-results.team .info:nth-child(38),
.search-results.team article:nth-child(39),
.search-results.team .info:nth-child(40),
.search-results.team article:nth-child(41),
.search-results.team .info:nth-child(42)	
	{
	grid-row: 7;
}	

.search-results.team article:nth-child(43),
.search-results.team .info:nth-child(44),
.search-results.team article:nth-child(45),
.search-results.team .info:nth-child(46),
.search-results.team article:nth-child(47),
.search-results.team .info:nth-child(48)	
	{
	grid-row: 8;
}

.search-results.team article:nth-child(49),
.search-results.team .info:nth-child(50),
.search-results.team article:nth-child(51),
.search-results.team .info:nth-child(52),
.search-results.team article:nth-child(53),
.search-results.team .info:nth-child(54)	
	{
	grid-row: 9;
}	

.search-results.team article:nth-child(55),
.search-results.team .info:nth-child(56),
.search-results.team article:nth-child(57),
.search-results.team .info:nth-child(58),
.search-results.team article:nth-child(59),
.search-results.team .info:nth-child(60)	
	{
	grid-row: 10;
}

.search-results.team article:nth-child(61),
.search-results.team .info:nth-child(62),
.search-results.team article:nth-child(63),
.search-results.team .info:nth-child(64),
.search-results.team article:nth-child(65),
.search-results.team .info:nth-child(66)	
	{
	grid-row: 11;
}

.search-results.team article:nth-child(67),
.search-results.team .info:nth-child(68),
.search-results.team article:nth-child(69),
.search-results.team .info:nth-child(70),
.search-results.team article:nth-child(71),
.search-results.team .info:nth-child(72)	
	{
	grid-row: 12;
}

.search-results.team article:nth-child(73),
.search-results.team .info:nth-child(74),
.search-results.team article:nth-child(75),
.search-results.team .info:nth-child(76),
.search-results.team article:nth-child(77),
.search-results.team .info:nth-child(78)	
	{
	grid-row: 13;
}	
/*---- elke eerste kolom -----*/
.search-results.team article:nth-child(6n-5) {
    grid-column: 1;
} 

/*---- elke 2e kolom -----*/
.search-results.team article:nth-child(6n-3) {
    grid-column: 2;
}

/*---- elke 2e kolom -----*/
.search-results.team article:nth-child(6n-1) {
    grid-column: 3;
}


@media (max-width: 980px) { 
.search-results.team .member.open+ .info {
	opacity:1;

	display:flex;
	flex-direction: column;
    width: 80vw;
    padding: 1rem;
	/*position: fixed;
        top: 100px;
        height: fit-content;
	overflow:scroll;*/
}
