/*
Theme Name: Sid Overdijk
Theme URI: https://lefcreative.nl/
Author: Lef Creative
Author URI: https://lefcreative.nl/
Description: Thema voor Sid Overdijk
Version: 1.0.0
License: /
License URI: /
Template: leflite
*/

html {
  	background: var(--tertiary);
}

h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
	font-weight: 900;
}

h3 {
  	font-weight: 800;
}

section.full-background-overlay .background-image-wrapper img {
  	opacity: .4;
}

section.space-to-right::after {
  	position: absolute;
  	top: 0;
  	right: 0;
  	height: 100%;
  	width: 64px;
  	background: var(--tertiary);
  	content: '';
  	z-index: 1;
}

section.space-to-left::after {
  	position: absolute;
  	top: 0;
  	left: 0;
  	height: 100%;
  	width: 64px;
  	background: var(--tertiary);
  	content: '';
  	z-index: 1;
}

@media only screen and (max-width: 991px) {
  	section.space-to-right::after {
		all: unset;
  	}
   	section.space-to-left::after {
		all: unset;
  	}
  
  	section {
      	padding: 50px 0;
  	}
}

footer .footer-inner {
  	padding: 70px 0 139px 0;
}

footer .footer-inner .row-gap {
  	grid-row-gap: 80px;
}

footer .footer-inner .widget-menu {
  	margin-top: 10px;
}

footer .footer-inner .widget-menu .clean-list {
  	display: flex;
  	flex-direction: column;
  	gap: 4px;
}

@media only screen and (max-width: 991px) {
  	footer .footer-inner {
      	padding-bottom: 70px;
  	}

  	footer .footer-inner .row-gap {
      	grid-row-gap: 30px;
  	}
}

section.half-background-top:is(.bg-primary) {
  	background: var(--tertiary);
}

section.half-background-top:is(.bg-primary)::before {
  	content: '';
  	position: absolute;
    top: 0;
 	left: 0;
  	height: 50%;
  	width: 100%;
}
section.half-background-top.bg-primary::before {
  	background: var(--primary);
}

section.half-background-top::after {
  	content: '';
  	position: absolute;
    top: 0;
 	left: 0;
  	height: 50%;
  	width: 100%;
  	background-image: url('/app/themes/Sid/assets/img/sidoverdijk-producten-en-diensten.png');
  	background-repeat: no-repeat;
  	background-position: top right;
  	background-size: contain;
	mix-blend-mode: multiply;
}

.apply-service-card .card-default {
  	position: relative;
  	border: unset;
  	background: var(--black);
  	overflow: hidden;
}

.apply-service-card .card-default .content-outer {
  	position: absolute;
  	bottom: 0;
  	left: 0;
}

.apply-service-card .card-default .content-outer h4 {
  	font-size: var(--h3-size);
  	font-weight: 900;
  	color: var(--white);
  	margin-bottom: unset;
  	position: relative;
  	z-index: 3;
  	display: flex;
  	align-items: center;
}

.apply-service-card .card-default .content-outer h4::after {
  	content: '\ee00';
  	font-family: 'icomoon';
  	font-size: 10px;
  	margin-left: 10px;
  	line-height: 10px;
}

.apply-service-card .card-default .content-outer .buttons-holder {
  	display: none;
}

.apply-service-card .card-default .image-outer {
  	height: 509px;
}

.apply-service-card .card-default .image-outer .image-holder {
  	height: 100%;
  	padding-bottom: unset;
  	position: relative;
  	z-index: 1;
}

.apply-service-card .card-default .image-outer .image-holder::after {
  	position: absolute;
  	top: 0;
  	left: 0;
  	background: var(--black);
  	opacity: .2;
  	content: '';
  	z-index: 2;
  	width: 100%;
  	height: 100%;
}

.apply-service-card .card-default .image-outer .image-holder img {
  	height: 100%;
	transition: transform .3s ease-in-out;
}

.apply-service-card .card-default:hover .image-outer .image-holder img {
  	transform: scale(1.2);
}

.tns-controls button {
  	border-radius: unset !important;
}