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

@font-face {
    font-family: 'ancient_adregular';
    src: url('fonts/ancient_ad-webfont.woff2') format('woff2'),
         url('fonts/ancient_ad-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

html,
body, p {
    height: 100%;
    color: var(--color-second);
    font-weight: 400;
}

body {
	font-size: clamp(15px, 1vw, 18px);
}

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

strong {
    font-weight: 700;
}


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

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

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

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

:root {

    /*------------------- DEFINE COLORS IN RGB ----------------*/
    --RGB-color-first: 230, 34, 61;
    /*RED*/

    --RGB-color-second: 65, 119, 107;
    /*DARK GREEN*/

    --RGB-color-third: 140, 202, 174;
    /*LIGHT GREEN*/

    --RGB-color-fourth: 182, 186, 144;
    /*BROWN*/


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

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

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

    --border-radius: clamp(16px, 0.75vw, 24px);
	--border-radius-s: calc(var(--border-radius) / 2);


  /*------------------grids------------------*/
	

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

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

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

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


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


h1, .h2-size-l h2 {
    font-size: clamp(20px, 3vw, 48px);
    font-weight: 700;
    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(20px, 4vw, 2.5rem)!important;
	margin-bottom: clamp(1rem, 1.5vw, 1.5rem) !important;
    font-weight: 500;
    line-height: 130%;
}


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

.h2-size-s h2 {
    font-size: clamp(1.125rem, 1.125vw, 20px)!important;
    /*text-transform: uppercase;
    letter-spacing: 1.1px;*/
    line-height: 120%;
}


h3 {
    font-size: clamp(1rem, 1.5vw, 24px) !important;

    line-height: 150%;
}

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

h4 {
    font-size: clamp(18px, 1.5vw, 24vw) !important;
    font-weight: normal;
	line-height: 150%;
}


.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, .p-size-s, .link-size-s a {
    font-size: clamp(0.75rem, 1vw, 1rem);
}

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



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

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

.border-radius, .border-radius.et_pb_image img {
	border-radius: var(--border-radius);
	overflow: hidden;
}

.border-radius-s, .border-radius-s.et_pb_image img, .custom-button.border-radius-s a {
	border-radius: var(--border-radius-s)!important;
	overflow: hidden;
}

/*---------------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,
.text-strong-color-second strong{
    color: var(--color-second) !important;
}

.h1-color-third h1,
.h2-color-third h2,
.h3-color-third h3,
.h4-color-third h4,
.span-color-third span,
.link-color-third a,
.text-color-third p,
.text-color-third,
.text-strong-color-third strong{
    color: var(--color-third) !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-color: rgba(0,0,0,0)!important;
}

.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-second-90 {
    background-color: var(--color-second-90);
}
.bg-color-second-80 {
    background-color: var(--color-second-80);
}
.bg-color-second-70 {
    background-color: var(--color-second-70);
}



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

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

.bg-color-white {
    background-color: rgba(255,255,255,1)!important;
}

.bg-color-white-80 {
    background-color: rgba(255,255,255,.8)!important;
}


.bg-gradient {
	    background-image: linear-gradient(90deg,var(--color-second) 66%,white 66%)!important;
}

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

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

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

.row-full {

	max-width:100%!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, 85%, 1440px)!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;
	}
}

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

}




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




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

/*custom margin max screen size*/

.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:2.45vw;
	font-size:16px;
}

.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 {
    padding-bottom: 0px;
}

.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(150px, 14.375vw, 230px);
	width:230px;
  }  
  
.line {
  display: block;
  height: 4px;
  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: 4px;

}

.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%!impomrtant;
  overflow-y:scroll;
  padding:5rem!important;
  padding-bottom:10rem;
	width:50%;
}

@media only screen and (max-width: 980px) {
	.slide-in-menu-container {
	  padding-left: 48px!important;
		width:100%;
	}
}

.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:50%!important;
}

@media (max-width: 980px) {  
	.slide-in-menu-open {
		left:0!important;
	}
}
  
.hamburger {
  width: clamp(55px, 4.5vw, 55px);
  height: clamp(50px, 4.5vw, 50px);
  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:24px;
    height:25px;
  }  

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

.section-header-image {
height:46.875vw;
/*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:35vw;
min-height:250px;
}

.section-header-image-content {
height:30vw;

min-height:130px;
max-height:480px;	
}

.section-header-image-content .et_pb_row .et_pb_column {
	width:35%!important;
}

.test {

    -webkit-mask-image: url(<strong>https://ontdekking.development.2special.nl</strong>/wp-content/themes/Divichild/images/mask.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: auto 100px;
    -webkit-mask-position: top;
    -webkit-mask-origin: border-box;
    z-index: 3;
    height: 100px;
    margin-top: -100px;
}
@media (max-width: 1600px) {  
.test {

    -webkit-mask-image: url(https://ontdekking.development.2special.nl/wp-content/themes/Divichild/images/mask.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 95% 5.9375vw;
    -webkit-mask-position: top;
    -webkit-mask-origin: border-box;
    z-index: 3;
    height: 5.9375vw;
    margin-top: calc(-5.9375vw + 2px);
}
}

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

.custom-menu-menukaarten {
	
}


.section-main-menu li {
	height: clamp(80px, 5vw, 80px);
	


}

.custom-menu-menukaarten:after {
	display: inline-block;
    content: '';
    width: 51.6117px;
   
    height: 100%;
    -webkit-mask-size: cover;
    -webkit-mask: url(https://ontdekking.development.2special.nl/wp-content/themes/Divichild/images/icon-menukaarten.svg);
    mask: url(https://ontdekking.development.2special.nl/wp-content/themes/Divichild/images/icon-menukaarten.svg);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--color-first);
}

.custom-menu-verhaal:after {
	display: inline-block;
    content: '';
    width: 42px;
    height: 100%;
    -webkit-mask-size: cover;
    -webkit-mask: url(https://ontdekking.development.2special.nl/wp-content/themes/Divichild/images/icon-verhaal.svg);
    mask: url(https://ontdekking.development.2special.nl/wp-content/themes/Divichild/images/icon-verhaal.svg);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--color-first);
}

.custom-menu-vacatures:after {
	display: inline-block;
    content: '';
    width: 42px;
    height: 100%;
    -webkit-mask-size: cover;
    -webkit-mask: url(https://ontdekking.development.2special.nl/wp-content/themes/Divichild/images/icon-vacatures.svg);
    mask: url(https://ontdekking.development.2special.nl/wp-content/themes/Divichild/images/icon-vacatures.svg);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--color-first);
}

.custom-menu-arrangementen:after {
	display: inline-block;
    content: '';
    width: 42px;
    height: 100%;
    -webkit-mask-size: cover;
    -webkit-mask: url(https://ontdekking.development.2special.nl/wp-content/themes/Divichild/images/icon-arrangementen.svg);
    mask: url(https://ontdekking.development.2special.nl/wp-content/themes/Divichild/images/icon-arrangementen.svg);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--color-first);
}

.custom-menu-contact:after {
	display: inline-block;
    content: '';
    width: 28px;
    height: 100%;
    -webkit-mask-size: cover;
    -webkit-mask: url(https://ontdekking.development.2special.nl/wp-content/themes/Divichild/images/icon-contact.svg);
    mask: url(https://ontdekking.development.2special.nl/wp-content/themes/Divichild/images/icon-contact.svg);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--color-first);
}

.custom-menu-reserveren:after {
	display: inline-block;
    content: '';
    width: 43px;
    height: 100%;
    -webkit-mask-size: cover;
    -webkit-mask: url(https://ontdekking.development.2special.nl/wp-content/themes/Divichild/images/icon-reserveren.svg);
    mask: url(https://ontdekking.development.2special.nl/wp-content/themes/Divichild/images/icon-reserveren.svg);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--color-first);
}

ul.sub-menu:before {
	content: '';
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: -10px;
    left: 25px;
    /* border: 10px solid; */
    /* border-top: 10px solid; */
    /*background: var(--color-first);*/
    /*transform: rotate(45deg);*/
	
	  width: 0; 
	  height: 0; 
	  border-left: 10px solid transparent;
	  border-right: 10px solid transparent;

	  border-bottom: 10px solid var(--color-first-90);
}

.section-main-menu .custom-menu-item a {
	display: none;
}

.custom-menu-item ul li {
	height: 20px;
}

.custom-menu-item ul li a {
	display: flex!important;
}

.section-main-menu .nav li ul {
	border-top:0;
	top: 100%!important;
}


.slide-in-menu-container .et_pb_column {
text-align: -webkit-center;
}


.slide-in-menu-container .et_pb_blurb {
	width:fit-content;
}

.slide-in-menu-container .et_pb_blurb .et_pb_blurb_content{
	margin-left:0!important;
	margin-bottom:1rem;
}

.slide-in-menu-container .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image {
	margin-top:32px;
	margin-bottom:16px;
}

.slide-in-menu-container .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image img{
	max-height: 110px!important;
	
}

.slide-in-menu-container .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {
	max-width:clamp(60px, 6vw, 120px)!important;
	width:clamp(60px, 6vw, 120px)!important;
}

.slide-in-menu-container .et_pb_blurb .et_pb_blurb_content h2 {
	margin-bottom:0!important;	
}

.slide-in-menu-container .et_pb_blurb_position_left .et_pb_blurb_container, .et_pb_blurb_position_right .et_pb_blurb_container {
    vertical-align: middle;
}

.slide-in-menu-container .et-menu li {
	font-size:16px;
}

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

/*START BODY ****************************** BODY **************************/


.section-body .et_pb_section_0 {
	margin-top:80px!important;
}

@media (max-width: 980px) {  
	.section-body .et_pb_section_0 {
	margin-top:72px!important;
}
}

@media (max-width: 460px) {  
	.section-body .et_pb_section_0 {
	margin-top:clamp(57px, 15.652vw, 72px)!important;
}
}


.intro-text-home{
	/*margin-top: -10%;
    z-index: 2;*/
}

/*.intro-text-home .et_pb_column{

    background: url(https://ontdekking.development.2special.nl/wp-content/themes/Divichild/images/bottom.svg) bottom no-repeat;

}*/

.intro-text-home .et_pb_column:before{
    content: '';
    width: 100%;
    height: 320px!important;
    background: blue;
    display: block;
    background: url(https://ontdekking.development.2special.nl/wp-content/themes/Divichild/images/top.svg) center no-repeat;
   /* margin-top: -2rem;*/
    background-size: cover;
	position:absolute;
}
.intro-text-home .et_pb_column {
    background-size: contain;
}

.section-cta {
	min-height:33.625vw!important;
}

.image-overlay-1:after {
    background: url(https://ontdekking.development.2special.nl/wp-content/themes/Divichild/images/image-overlay-1.svg) center no-repeat;
    content: '';
    width: 95%;
    height: 140%!important;
    background-size: contain;
    display: block;
    position: absolute;
    left: 2.5%;
    top: -20%;
}

.image-overlay-2:after {
    background: url(https://ontdekking.development.2special.nl/wp-content/themes/Divichild/images/image-overlay-2.svg) center no-repeat;
    content: '';
    width: 95%;
    height: 140%!important;
    background-size: contain;
    display: block;
    position: absolute;
    left: 2.5%;
    top: -20%;
}

.image-overlay-3:after {
    background: url(https://ontdekking.development.2special.nl/wp-content/themes/Divichild/images/image-overlay-3.svg) center no-repeat;
    content: '';
    width: 95%;
    height: 140%!important;
    background-size: contain;
    display: block;
    position: absolute;
    left: 2.5%;
    top: -20%;
}

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

/* -------------------------------------------------------------------***** END BODY ***** */

/*START FOOTER ****************************** FOOTER **************************/


.footer-menu.et_pb_menu ul li, .footer-menu .et_pb_menu__menu {
  	width: 100% !important;
	padding-left:0!important;
}

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

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


/* -------------------------------------------------------------------***** END FOOTER ***** */


/* ***** START CUSTOM BUTTONS *****----------------------------------------------------------------------------------------- */

/*.custom-form .gform_button {
    background: var(--color-first) !important;
    color: white !important;
    border: 0 !important;
	width:fit-content;
	border-radius:100px!important;
	margin-top:1rem!important;
	
}

.custom-form input.gform_button  {
	min-width:0;
	font-family: 'ancient_adregular'!important;
}

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


a.custom-button,
.custom-button a, .custom-form input.gform_button {
    padding: 2px 40px 18px 30px!important;
    line-height: 100%!important;
    text-align: center!important;
    display: inline-block!important;
    font-family: 'ancient_adregular'!important;
    transition: all 300ms ease 0ms!important;
    height: fit-content!important;
    border-radius: 50px!important;
    transition: all 300ms ease 0ms!important;
	font-size:1.25rem!important;

}

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

/*.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, .custom-form input.gform_button {
    background: var(--color-first)!important;
    color: white!important;
}


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


.button-wide {
    width: 100%;
}

.custom-button-arrow a:after{
	    display: inline-block;
    content: '';
    min-width: clamp(26px, 2vw, 2vw);
    height: 10px;
    -webkit-mask-size: cover;
    -webkit-mask: url(https://spiegellicht.nl/wp-content/themes/Divichild/images/arrow.svg) no-repeat 50% 50%;
    mask: url(https://spiegellicht.nl/wp-content/themes/Divichild/images/arrow.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: cover;
    background-color: white;
	transform: rotate(-90deg);
}

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: inline-block;
    content: '';
    width: 13px;
    margin-left: 5px;
    height: 10px;
    -webkit-mask-size: cover;
    -webkit-mask: url(https://spiegellicht.nl/wp-content/themes/Divichild/images/arrow.svg) no-repeat 50% 50%;
    mask: url(https://spiegellicht.nl/wp-content/themes/Divichild/images/arrow.svg) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: cover;
    background-color: var(--color-first);
}

.link-button-arrow-down a:after,
.link-button-arrow-down span:after {
   transform: rotate(0deg);
}

.link-button-arrow-right a:after,
.link-button-arrow-right span:after {
   transform: rotate(-90deg);
}

.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://spiegellicht.nl/wp-content/themes/Divichild/images/arrow.svg) no-repeat 50% 50%;
    mask: url(https://spiegellicht.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 var(--color-first);
	/*width: 95%!important;
    max-width: 1520px;*/
    margin: auto;
	
}

/* -----------------------------------------------------------------***** END CUSTOM BUTTONS ***** */

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

.custom-form .gform-theme--foundation .gform_fields{
grid-row-gap: 1rem;
}


.custom-form p.gform_required_legend {
	display:none;
}

.custom-form .gform-theme--framework .gform-field-label>.gfield_required {
    color: white;
	margin-left:.5rem;
}
.custom-form input,
.custom-form textarea {
    border:none!important;
	background:white;
	background: var(--color-third)!important;
	box-shadow:none!important;
}



.custom-form input[type=text] {
    height: clamp(40px, 3.125vw, 50px)!important;
	padding: 0 16px!important;
	
}

.custom-form input::placeholder {

  color: black;
}

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



.gform_footer, .gform_wrapper.gravity-theme .gform_page_footer {
    margin: 0!important;
    padding: 8px 0!important;
}

.custom-form label {
	font-size:1rem!important;
	/*color: var(--color-second)!important;*/
}

.gform-theme--framework input[type=radio]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):before {
	background: var(--color-first)!important;
}


.custom-reservations-form input, .custom-reservations-form select {
	max-width:100%!important;
	border-radius:3px;
	height: clamp(40px, 3.125vw, 50px)!important;
    padding: 0 16px!important;
}

.custom-reservations-form input:hover {
	cursor:text;
}

.custom-reservations-form button {
	background-color: var(--color-first);
	color:white;
	border:none;
	border-radius:3px;
	height: clamp(40px, 3.125vw, 50px)!important;
    padding: 0 16px!important;	
}

.custom-reservations-form button:hover {
	cursor:pointer;
	opacity:0.8;
}



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


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


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

}

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

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

}

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

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

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


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

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


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

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

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




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

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

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

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

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

.mb-05 {
	margin-bottom: 0.5rem!important;
}


.pb-05 {
	padding-bottom: 0.5rem!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, 16px) !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;
}

.py-1_5 {
	    padding-top: clamp(1.5rem, 1.5vw, 1.5vw) !important;
    padding-bottom: clamp(1.5rem, 1.5vw, 1.5vw) !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;
}

.pl-2_5 {
	padding-left:clamp(32px, 2.5vw, 40px)!important;

}

.pr-2_5 {
	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, 3rem) !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, 80px) !important;
}

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

.pl-5 {
    padding-left: clamp(3rem, 5vw, 80px) !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;
}

.pr-10 {
    padding-right: 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 (min-width: 1601px) {
	.px-l-0 {
		padding-left: 0!important;
    	padding-right: 0!important;
	}
}

@media only screen and (min-width: 981px) {
	.px-m-0 {
		padding-left: 0!important;
    	padding-right: 0!important;
	}
	
	.pr-m-5 {
		padding-right: clamp(3rem, 5vw, 80px) !important;
	}
	
	.pl-m-5 {
		padding-left: clamp(3rem, 5vw, 80px) !important;
	}
	.px-m-3 {
		padding-left: clamp(2rem, 3vw, 3vw) !important;
		padding-right: clamp(2rem, 3vw, 3vw) !important;
	}
}

@media only screen and (max-width: 980px) {
	.px-s-0 {
		padding-left: 0!important;
    	padding-right: 0!important;
	}
	
	.py-s-1 {
		padding-top: clamp(1rem, 1vw, 16px) !important;
		padding-bottom: clamp(1rem, 1vw, 16px) !important;
	}
	
	
}

@media only screen and (max-width: 768px) {
	.p-xs-1 {
		padding: 1rem!important;
	}
	
	.px-xs-05 {
		padding-left: clamp(8px, 0.5vw, 0.5rem) !important;
    	padding-right: clamp(8px, 0.5vw, 0.5rem) !important;
	}
	
	
	
}


.et_pb_pricing_content_top {
	display:none;
}

.et_pb_pricing li {
	padding-bottom:0.5rem;;
}

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

/*
.owl-nav {
    margin-top: 0;
}

.owl-prev {
    margin-left: 21vw!important;
}

.owl-next {
	margin-right:21vw!important;
}

.owl-next, .owl-prev {
    opacity: 1;
   
}

.owl-next:hover, .owl-prev:hover {
    opacity: .6;
   
}

.owl-next:before {
	display: block;
    float: right;
    content: ''!important;
    width: 1.2vw;
    height: 1.2vw;
    width: clamp(24px, 3vw, 3vw)!important;
    height: clamp(16px, 1.7vw, 1.7vw)!important;

    -webkit-mask-size: cover;
    -webkit-mask: url(https://buitengewoondoetinchem.nl/wp-content/themes/Divichild/images/arrow.svg) no-repeat 50% 50%;
    mask: url(https://buitengewoondoetinchem.nl/wp-content/themes/Divichild/images/arrow.svg) no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: white;
}

.owl-prev:before {
	display: block;
    float: right;
    content: ''!important;
    width: 1.2vw;
    height: 1.2vw;
    width: clamp(24px, 3vw, 3vw)!important;
    height: clamp(16px, 1.7vw, 1.7vw)!important;

    -webkit-mask-size: cover;
    -webkit-mask: url(https://buitengewoondoetinchem.nl/wp-content/themes/Divichild/images/arrow.svg) no-repeat 50% 50%;
    mask: url(https://buitengewoondoetinchem.nl/wp-content/themes/Divichild/images/arrow.svg) no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: white;
	transform: rotate(180deg);
}

@media (min-width: 768px) { 
.dp_oc_item {
    margin-right: 0.5vw;
    margin-left: 0.5vw;
}
}



.owl-item {
	opacity:.6;
	
}

.owl-item.active.center {
	opacity:1;
}*/

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



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

    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;

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



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

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





/* **************** 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) {
.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 {

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



/* ------------------- contact buttons ---------------------------------------------------- */

/*
.contact-button {
	opacity:1;
	transition: opacity 0.5s;
	transition-timing-function: ease-in-out;
}

.contact-button:hover {
	opacity:0.5;
}


.contact-button .et_pb_code_inner {
	display: flex;
	align-items: center;
}

.contact-button-icon {
	float:left;
}

.contact-button-icon span {
    width: clamp(48px, 3.25vw, 60px)!important;
	height: clamp(48px, 3.25vw, 60px)!important;
    display: block;
    border-radius: 100%;
	background-size: 50%!important;
    background-color: white!important;
	margin-right: clamp(16px, 1.25vw, 24px)!important;
}

.contact-button-text {}
.contact-button-text span{
	display: block;
}	
.contact-button-text span:first-of-type{
	font-size: clamp(18px, 1.65vw, 24px)!important;
	font-weight:600;
	padding-bottom: 0.4vw;
	line-height:100%;
	color:var(--color-first)!important;
}	
.contact-button-text span:last-of-type{
	font-size: clamp(16px, 1.25vw, 18px)!important;
	color:white;
	line-height: 100%;
	font-weight:600;
}

.contact-button-icon-chat .contact-button-icon span {
	background: url(https://spiegellicht.nl/wp-content/themes/Divichild/images/icon_chat.svg) center no-repeat;
}
.contact-button-icon-whatsapp .contact-button-icon span {
	background: url(https://spiegellicht.nl/wp-content/themes/Divichild/images/icon_whatsapp.svg) center no-repeat;
}
.contact-button-icon-phone .contact-button-icon span {
	background: url(https://spiegellicht.nl/wp-content/themes/Divichild/images/icon_phone.svg) center no-repeat;
}
.contact-button-icon-mail .contact-button-icon span {
	background: url(https://spiegellicht.nl/wp-content/themes/Divichild/images/icon_mail.svg) center no-repeat;
}

.contact-button-icon-linkedin .contact-button-icon span {
	background: url(https://spiegellicht.nl/wp-content/themes/Divichild/images/icon_linkedin.svg) center no-repeat;
}

.contactbar-button {
	width:100%;
	display: flex;
    align-items: center;
}




@media screen and (min-width: 481px) and (max-width: 1199px){
footer .r-cta .et_pb_column {
    width: 47.25%!important;
    margin-right: 5.5%!important;
	margin-bottom: 30px;
}
	
	footer .r-cta .et_pb_column:last-child, footer .r-cta .et_pb_column:nth-child(2n) {
		margin-right:0!important
	}
}