/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 17 2024 | 07:55:34 */
/* Use color variables to affect the whole site */
/* Global color 1: var(--bde-palette-color-1) !important; */
/* Global color 2: var(--bde-palette-color-2) !important; */
/* Global color 3: var(--bde-palette-color-3) !important; */
/* Global color 4: var(--bde-palette-color-4) !important; */
/* Etc ... */

.force {
	color: white !important;
}

/******* WIDGET GOOGLE REVIEWS *******/
.ti-profile-img {
	display:none !important;
}
.ti-widget.ti-goog>.ti-widget-container .ti-header:hover {
	transform:unset !important;
}

.ti-header {
	padding:0em !important;
}

.ti-name {
	display:none !important;
}

.ti-rating-text {
	font-size:11px !important;
}

.footer-wrapper {
	z-index: 9999 !important;
}

/******* WIDGET COOKIEBOT *******/
#CookiebotWidget {
	left: 1vw !important;
	bottom: 1vw !important;
}

#CookiebotWidget {
	min-width:30px !important;
	min-height:30px !important;
}

#CookiebotWidget:not(.CookiebotWidget-open) button.CookiebotWidget-logo svg  {
	width:30px !important;
	height:30px !important;
}


#CookiebotWidget .CookiebotWidget-logo svg circle {
	fill: #E0FD60 !important;
}

#CookiebotWidget .CookiebotWidget-logo svg path {
	fill: #000000 !important;
}


/******* PAGE LOADER *******/
.mp-loader-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000; 
    z-index: 9999; 
	
	display:flex;
	justify-content:center;
	align-items:center;
  }

.mp-loader-wrapper {
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
  }

.mp-loader-asterisk {
	width:75px;
	transform: rotate(0deg);
	animation: rotateAsterisk 3s linear infinite;
}

.mp-loader-text {
	color:white;
	font-size:36px;
	font-weight:700;
	animation: smoothGrowOpacityAnimation 2s infinite alternate;
    transform-origin: center;
 }

@keyframes smoothGrowOpacityAnimation {
	0% { transform: scale(0.5); opacity: 0.25; }
	100% { transform: scale(1); opacity: 1; }
}


/******* HEADER MARGIN OVERLAY *******/
body {
margin-top: 20vh;
}


/******* T Y P O *******/ 

/* Selectie kleur */
::selection {
	background: var(--bde-palette-color-3);
	color: var(--bde-palette-color-1);
	border: 1px solid transparent;
	padding: 0;
}

.background-light:hover ::selection {
	background: var(--bde-palette-color-1);
	color: var(--bde-palette-color-3);
	border: 1px solid transparent;
	padding: 0;	
}

/* Arrows previous next Post */

.ee-adjacentposts-icon {
            transition: transform 0.3s ease-in-out;
        }

.ee-adjacentposts-prev:hover .ee-adjacentposts-icon {
            transform: translateX(-1em); /* Adjust the value according to your preference */
        }

.ee-adjacentposts-next:hover .ee-adjacentposts-icon {
            transform: translateX(1em); /* Adjust the value according to your preference */
        }


/* Tags */

.button-tag span {
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:center;
	gap:0.5em;
}

.button-tag span a {
	display:block;
	text-decoration:none;
	border:2px solid var(--bde-palette-color-2);
	background:var(--bde-palette-color-1);
	border-radius:2em;
	padding:8px 16px;
	
	font-size:12px;
	font-weight:700;
	text-transform:uppercase;
	color:var(--bde-palette-color-2);
}

.button-tag span a:hover {
	background:var(--bde-palette-color-2);
	color:var(--bde-palette-color-1);
}


/* Ul style rich text */

.rich-text ul {
	list-style-type: none;
	padding: 0;
}

.rich-text li {
	position: relative; /* Set position to relative */
	padding-left: 1.5em; /* Add padding to the left for arrow */
	margin-bottom:1em;
}

.rich-text li:last-item {
	margin-bottom:0em;
}

.rich-text li::before {
  content: ''; /* Remove the existing content */
  background: url('/wp-content/uploads/2024/01/arrow-right-yellow.svg') center/contain no-repeat; /* Set the SVG as background */
  display: inline-block; /* Make sure it's an inline-block element */
  width: 15px; /* Set the width of the icon */
  height: 15px; /* Set the height of the icon */
  position: absolute;
  top: 6px;
  left: 0;
}

/* Baseline */

.baseline {
	font-size:12px;
	line-height: 14px;
	font-weight:500;
	text-transform:uppercase;
}

.baseline-icon {
	position: relative;

}

.baseline-icon:before {
	content: url('/wp-content/uploads/2023/11/icon-asterisk-yellow.svg');
	display: block;
	position: absolute;
	top:-3em;
	right:-2em;
	transform: rotate(0deg);
	animation: rotateAsterisk 2s linear infinite;
}

/* Headings */

.heading-sideways {
	writing-mode: vertical-rl;
	text-orientation: sideways-right;
}

.text-short-description {
	font-size:20px;
	font-weight:600;
	line-height:32px;
	text-wrap: balance !important;
}

/* SVG Headings */

#contact-h1 {
	text-indent: -99999px;
	background-image: url("/wp-content/uploads/2024/01/contact-h1.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

#team-h1 {
	text-indent: -99999px;
	background-image: url("/wp-content/uploads/2024/01/team-h1.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}


#pleased-h1 {
	text-indent: -99999px;
	background-image: url("/wp-content/uploads/2024/03/pleased-h1.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

/* Post counters */

#services-loop article {
	counter-increment: posts;
}

#services-loop .loop-number {
	position:relative;
}

#services-loop .loop-number:before {
	content: '/';
	position:absolute;
	left:-0.65em;
}
#services-loop .loop-number:after {
	content: '0'counter(posts) ;
}

/* Footer wrapper transparent: work, nieuws, jobs */

.page-id-1868 .footer-wrapper, .page-id-4148 .footer-wrapper, .page-id-4092 .footer-wrapper, .archive .footer-wrapper {
	background-color:transparent !important;
}

/**** Grid builder ****/

#tags-wrapper ul, #tags-wrapper-mobile ul {
	display:flex;
	flex-wrap:wrap;
	flex-direction:center;
	justify-content:center;
	align-items:center;	
	gap:1em; !important;
}

#tags-wrapper ul li, #tags-wrapper-mobile ul li {
	margin:0 !important;
}

#tags-wrapper .wpgb-radio, #tags-wrapper-mobile .wpgb-radio {
	margin:0 !important;
	display: inline-block;
    text-decoration: none;
    border: 2px solid var(--bde-palette-color-2);
    background: var(--bde-palette-color-1);
    border-radius: 2em;
    padding: 8px 16px;
    font-size: 12px !important;
	line-height:12px !important;
	font-weight: 700 !important;
	letter-spacing:1px;
    text-transform: uppercase;
    color: var(--bde-palette-color-2);
}

#tags-wrapper .wpgb-radio:hover, #tags-wrapper-mobile .wpgb-radio:hover {
    background: var(--bde-palette-color-2);
    color: var(--bde-palette-color-1);
}

#tags-wrapper .wpgb-radio[aria-pressed="true"], #tags-wrapper-mobile .wpgb-radio[aria-pressed="true"] {
    background: var(--bde-palette-color-3) !important;
	border-color: var(--bde-palette-color-3) !important;
    color: var(--bde-palette-color-1) !important;
}

#tags-wrapper fieldset, #tags-wrapper-mobile fieldset {
	margin-bottom:0 !important;
}


#tags-wrapper .wpgb-radio-control, #tags-wrapper-mobile .wpgb-radio-control {
	display:none !important;
}

#tags-wrapper .wpgb-radio-label, #tags-wrapper-mobile .wpgb-radio-label {
	padding:0 !important;
	font-size:unset !important;
	line-height:inset !important;
	font-weight: unset !important;
	letter-spacing: unset !important;
}

#tags-wrapper-mobile .wpgb-select {
	color:white !important;
}

#tags-wrapper-mobile .wpgb-select option:first-child {
	font-style:italic;
}

#tags-wrapper-mobile .wpgb-select option{
	color:black !important;
}

#pages-wrapper .wpgb-page a[aria-current="true"] {
	color: var(--bde-palette-color-3) !important;
}

#pages-wrapper .wpgb-page a:hover {
	color: var(--bde-palette-color-3) !important;
}


/********** RESPONSIVE *********/

@media only screen and (max-width: 1119px) {
	
	
/******* MENU*******/
.header-icon-menu .bde-icon-icon.breakdance-icon-atom	{
	background-color:black !important;
}
	
.header-icon-menu:hover .bde-icon-icon.breakdance-icon-atom	{
	background-color:#E0FD60 !important;
}	
	
.header-icon-contact .bde-icon-icon.breakdance-icon-atom	{
	background-color:#E0FD60 !important;
	border:2px solid #E0FD60 !important;
}
	
.header-icon-contact:hover .bde-icon-icon.breakdance-icon-atom	{
	background-color:black !important;
	border:2px #E0FD60 solid!important;
}
	

	
.header-icon-menu.scroll .bde-icon-icon.breakdance-icon-atom	{
	background-color:#E0FD60 !important;
	border:2px solid black !important;
}
	
.header-icon-menu.scroll:hover .bde-icon-icon.breakdance-icon-atom	{
	background-color:black !important;
	border:2px solid black !important;
}	
	
.header-icon-contact.scroll .bde-icon-icon.breakdance-icon-atom	{
	background-color:#E0FD60 !important;
	border:2px solid black !important;
}
	
.header-icon-contact.scroll .bde-icon-icon.breakdance-icon-atom svg, .header-icon-menu.scroll .bde-icon-icon.breakdance-icon-atom svg	{
	fill:black !important;
}	
	
.header-icon-contact.scroll:hover .bde-icon-icon.breakdance-icon-atom	{
	background-color:black !important;
	border:2px solid black !important;
}
	
.header-icon-contact.scroll:hover .bde-icon-icon.breakdance-icon-atom svg, .header-icon-menu.scroll:hover .bde-icon-icon.breakdance-icon-atom svg	{
	fill:#E0FD60 !important;
}	
	
/******* HEADER MARGIN OVERLAY *******/
body {
margin-top: 10vh;
}
	
/******* WIDGET COOKIEBOT*******/
#CookiebotWidget {
	min-width:30px !important;
	min-height:unset !important;
}
	
#CookiebotWidget:not(.CookiebotWidget-open) button.CookiebotWidget-logo svg  {
	width:30px !important;
}	
	
/* Baseline */
.baseline {
	font-size:10px;
	line-height: 12px;
}

.baseline-icon:before {
	top:-2em;
	left:unset;
	right:-2em;
}

/* Headings */

	.heading-sideways {
		writing-mode: unset;
		text-orientation: unset;
	}

	.text-short-description {
		font-size:18px;
		line-height:28px;

	}	
	
/* Arrows previous next Post */
	.bde-adjacentposts {
		width:unset !important;
	}

}