/*
Theme Name: Snip
Theme URI: https://lefcreative.nl/
Author: Lef Creative
Author URI: https://lefcreative.nl/
Description: Thema voor Snip
Version: 1.0.0
License: /
License URI: /
Template: leflite
*/
body {
  background-color: var(--gray);
}
header {
  	margin: 21px;
    width: calc(100% - 42px) !important;
}

@media only screen and (max-width: 991px) {
	header {
      	margin: unset;
      	width: 100% !important;
  	}
  
  	section {
      	padding: 50px 0;
  	}
  
  	.wp-block-custom-section-block-col:is(:empty) {
      	display: none;
  	}	
}

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

section.block-has-margin {
  	margin: 0 9px;
}

.horizontal-list {
  	display: flex;
  	flex-direction: row;
  	flex-wrap: wrap;
  	gap: 25px;
  	justify-content: center;
}

.horizontal-list i.icon {
  	font-size: 20px;
  	width: 20px;
  	color: var(--primary);
}

.horizontal-list .li-content {
  	font-family: var(--heading-font);
  	font-weight: 700; 
}

@media only screen and (max-width: 991px) {
  	.horizontal-list {
		gap: 10px;
  	}
}

.card-reviews {
  	height: 100%;
}

.card-reviews .review-image {
  	width: 87px;
  	height: 87px;
  	margin-bottom: 9px;
}

.card-reviews .review-intro .icon {
  	color: var(--yellow);
  	font-size: 15px;
}

.card-reviews .review-intro h4 {
  	margin-bottom: 9px;
}

.card-reviews .excerpt-holder {
  	margin-bottom: unset;
}

.card-reviews .buttons-holder {
  	margin-top: 10px;
}

.tns-outer .tns-controls button {
  	width: 37px !important;
  	height: 37px !important;
  	border-radius: 3px !important;
  	background: var(--white);
  	color: var(--tertiary);
  	border: 1px solid var(--gray);
}
.tns-outer .tns-controls.center button[data-controls="prev"] {
  	margin-left: -68px !important;
}
.tns-outer .tns-controls.center button[data-controls="next"] {
  	margin-right: -68px !important;
}

.half-overlay-half-background .wp-block-custom-section-block-col:nth-child(1) {
  	padding-right: 30px;
}
.half-background-half-overlay .wp-block-custom-section-block-col:nth-child(2) {
  	padding-left: 30px;
}

footer {
  	clip-path: polygon( -0.104% 0%,100% 6.418%,100% 100%,49.36% 100%,-0.104% 100%,-0.104% 0% );
    margin-top: -40px;
    position: relative;
    z-index: 2;
}

footer .footer-inner {
  	padding: 118px 0 93px 0;
}

@media only screen and (max-width: 991px) {
	footer {
      	clip-path: unset;
  	}
  
  	footer .footer-inner {
  		padding: 75px 0 75px 0;
	}
}


@media only screen and (max-width: 991px) {
    .clippath-skewed-top-rtl {
      	clip-path: unset;
    }
  
  	.clippath-skewed-top-ltr {
		clip-path: unset;
  	}
}

.seventyfive-perc-secondary-skewed-background {
  	position: relative;
}

.seventyfive-perc-secondary-skewed-background::before {
  	position: absolute;
  	bottom: 0;
  	left: 0;
  	width: 100%;
  	height: 75%;
  	background: var(--secondary);
  	content: '';
  	clip-path: polygon( -0.573% 19.884%,100.521% 0%,100.521% 100%,-0.573% 100%,-0.573% 19.884% );
}

section.kitchen-background-image-one {
  position: relative;
}
section.kitchen-background-image-one:before {
	content: '';
  	position: absolute;
	width: 100%;
  	height: 100%;
    top: 0;
    left: 0;
    background-image: url('/app/themes/Snip/dist/img/snip-keuken-tekening-1.png');
  	background-repeat: no-repeat;
  	background-position: top left;
  	mix-blend-mode: multiply;
}
section.kitchen-background-image-two {  
  	position: relative;
}
section.kitchen-background-image-two:before {
	content: '';
  	position: absolute;
	width: 100%;
  	height: 100%;
    top: 0;
    left: 0;
  	background-image: url('/app/themes/Snip/dist/img/snip-keuken-tekening-2.png');
  	background-repeat: no-repeat;
  	background-position: top right;
	mix-blend-mode: multiply;
}

.apply-kitchen-card .card-default {
  	border: unset;
  	overflow: hidden;9

}

.apply-kitchen-card .card-default .content-outer {
  	padding: 17px 0 0 0;
}

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

.apply-kitchen-card .card-default .image-outer {
  	height: 202px;
  	overflow: hidden;
}

@media only screen and (max-width: 991px) {
  .apply-kitchen-card .card-default .image-outer {
    height: 404px;
  }
}

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

.apply-kitchen-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-kitchen-card .card-default .image-outer .image-holder img {
  	height: 100%;
	transition: transform .3s ease-in-out;
}
.section-line-top {
 	border-top: 1px solid var(--secondary); 
}
.apply-kitchen-card .card-default:hover .image-outer .image-holder img {
  	transform: scale(1.1);
}

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

footer .widget-menu ul {
  	display: flex;
  	flex-direction: column;
  	gap: 10px;
}

footer .widget-menu ul li {
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	gap: 10px;
}

footer .widget-menu ul li::before {
  	width: 10px;
  	height: 10px;
  	background: var(--primary);
  	content: '';
}

.custom-span-background {
  	position: relative;
  	background: unset;
  	display: inline-block;
  	z-index: 0;
  	padding: 0 5px;
}

.custom-span-background::before {
  	position: absolute;
  	top: 0;
  	left: 0;
  	content: '';
  	background: var(--primary);
  	width: 100%;
  	height: 100%;
  	z-index: -1;
  	transform: rotate(-1.06deg);
}

.custom-span-background.bg-primary::before {
  	background: var(--primary);
}
.custom-span-background.bg-secondary::before {
  	background: var(--secondary);
}
.custom-span-background.bg-tertiary::before {
  	background: var(--tertiary);
}
.custom-span-background.bg-white::before {
  	background: var(--white);
}
.custom-span-background.bg-black::before {
  	background: var(--black);
}
.custom-span-background.bg-gray::before {
  	background: var(--gray);
}
.custom-span-background.bg-darkgray::before {
  	background: var(--darkgray);
}
.custom-span-background.bg-yellow::before {
  	background: var(--yellow);
}
.custom-span-background.bg-succes::before {
  	background: var(--succes);
}
.custom-span-background.bg-error::before {
  	background: var(--error);
}
.apply-kitchen-card .card-default .content-outer{ 
  background-color: var(--gray);
}
.apply-kitchen-card .card-default{
  background-color: var(--gray);
}




.hover-animatie2 .image-holder {
    height: 100%;
    position: relative;
    overflow: hidden;
}

.small-col-mobile .col-lg-3 {
    width: 50%;
}
@media (max-width: 992px) {
  .small-col-mobile .col-lg-3 {
      width: 50%;
  }
}

/* Zorg dat de afbeelding zich goed gedraagt */
.hover-animatie2 .image-holder img {
    height: 100%;
    width: 100%;
    object-fit: cover; /* behoud verhoudingen */
    transition: transform 0.3s ease-in-out;
    position: relative;
    z-index: 1;
}

/* Overlay-effect */
.hover-animatie2 .image-holder::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--black); /* of rgba(0, 0, 0, 0.2) */
    opacity: 0.2;
    z-index: 2;
    transition: opacity 0.3s ease-in-out;
}

/* Hover: zoom in + overlay eventueel donkerder */
.hover-animatie2 .image-holder:hover img {
    transform: scale(1.1);
}

.hover-animatie2 .image-holder:hover::after {
    opacity: 0.35; /* optioneel, iets donkerder bij hover */
}


.clippath-skewed-bottom-ltr {
  position: relative;
  z-index: 1;
}
.gallery-outer a.image-gallery-outer:before {
 height: 100%!important; 
}
.gallery-outer a.image-gallery-outer  {
    margin-bottom: 30px!important;
  height: calc(100% - 30px)!important;
}
.gallery-outer a.image-gallery-outer img{
 padding-bottom: 0px!important;
}
.gallery-outer a.image-gallery-outer img, section.half-background-half-overlay .background-image-wrapper img, section.half-overlay-half-background .background-image-wrapper img {
 border-radius: 8px;
  overflow: hidden;
}