/*
Theme Name: Leflite child
Theme URI: https://lefcreative.nl/
Author: Lef Creative
Author URI: https://lefcreative.nl/
Description: Child theme van het thema Leflite
Version: 1.0.0
License: /
License URI: /
Template: leflite
*/


/* FOOTER */
footer img {
    width: auto;
}
.socket .socket-inner * {
 font-size: 14px;
  opacity: 0.7;
}
.i-holder * {
 font-size: 21px;
}
.tns-inner {
 padding: 0px 20px; 
}
button.read-more-btn {
 padding: 5px 10px; 
  color: var(--black);
}
#block-12 a {
 text-decoration: none; 
}
.footer-inner .clean-list li:before{
    content: '';
    width: 10px;
    height: 10px;
    background-color: var(--primary);
    display: inline-flex;
    align-items: center;
    top: -5px;
    position: relative;
    margin-right: 10px;
}

/* Algemeen */
#breadcrumbs {
  padding: 7px 10px;
    background: #ffffff29;
    border-radius: 4px;
}
.card-reviews {
 background-color: #323232;
  transform: skew(-4deg, 0deg);
}
.card-reviews *{
  color: white;
}
.card-reviews .icon.icon-star{
  color: var(--primary);
}
.green-icons i {
    color: var(--succes);
}
body {
  background-color: var(--secondary);
}
.main-nav-menu li .sub-menu {
 background-color: var(--secondary); 
  border-radius: 8px;
  border: none;
}
.main-nav-menu li .sub-menu li a {
 color: white!important; 
}
.main-nav-menu li .sub-menu li a:hover {
 background-color: var(--black);
}
.main-nav-menu li .sub-menu * {
 color: white!important; 
}
.menu-item-button {
  position: relative;
  margin-right: -20px;
}
.bg-tertiary h6 {
 color: var(--secondary); 
}
h1 strong {
  	background-image: url(img/underline.svg); 
    background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
}
.menu-item-button:before {
   content: '';
  position: absolute;
  top: -1px;
  left: -16px;
  width: 45px;
  height: 73px; 
  	background-image: url(img/button-before.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: -1;
  transition: background-image .3s ease-in-out;
}
.menu-item-button:hover:before {
  background-image: url(img/button-before-hover.svg);
}
.half-overlay-half-background .background-image-wrapper img {
 	transform: scale(0.9) skew(-5deg, 0deg);
    border-radius: 16px;
    box-shadow: 12px 12px 0px 0px var(--primary); 
}
.half-background-half-overlay .background-image-wrapper img {
 	transform: scale(0.9) skew(-5deg, 0deg);
    border-radius: 16px;
    box-shadow: -12px 12px 0px 0px var(--primary); 
}
.video-outer {
  box-shadow: 12px 12px 0px 0px var(--primary);
  border-radius: 16px;
}
h6 {
  color: var(--primary); 
}
.btn {
  transform: skew(-10deg, 0deg);
}
.btn * {
	transform: skew(10deg, 0deg);
}
.border-radius, footer {
 margin: 0 20px;
  border-radius: var(--general-border-radius);
}
header {
  margin: 16px;
  width: calc(100% - 32px)!important;
  border-radius: 8px;
}
.overflow {
 margin-top: -200px; 
}
.gradient .background-image-wrapper img {
 opacity: 0.8; 
}
.gradient:before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
	background: linear-gradient(308deg,rgba(26, 26, 26, 1) 21%, rgba(26, 26, 26, 0) 100%);
  z-index: 2;
}

.boog:after {
  content: '';
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 266px;
	background-image: url(img/boog.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 1;
}
.count-outer {
 background-color: #323232; 
  padding: 25px 40px;
  border-radius: 8px;
  margin-bottom: 10px;
}
.count-outer .top-layer * {
 color: var(--primary); 
  font-family: "CabinetGrotesk-Variable";
  font-weight: 900!important;
}
.count-outer * {
  display: flex!important;
  justify-content: left!important;
}

.image-gallery-outer {
 border-radius: 8px;
  overflow: hidden;
}