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

/* HEADER */
header .navigation-inner ul li.menu-item:not(.menu-item-has-button) {
  	padding: 0 10px;
}

header .navigation-inner ul li.menu-item.menu-item-has-children li {
  	padding: unset;
}

header .navigation-inner ul li.menu-item.menu-item-has-children li a {
  	padding: 5px 15px;
}

/* ACTIVE ROUND */
.active-round {
  	width: 8px;
  	height: 8px;
  	background: var(--primary);
  	border-radius: 8px;
  	margin-right: 10px;
}

/* SUBTITLE */
h6, .subtitle {
  	font-size: 14px;
  	font-weight: 300;
  	border: 1px solid var(--darkgray);
  	width: fit-content;
  	padding: 10px 20px;
  	border-radius: 40px;
  	background: color-mix(in srgb, var(--darkgray) 10%, transparent);
  	display: flex;
  	flex-direction: row;
  	align-items: center;
}

.bg-black h6,
.bg-black .subtitle,
.bg-secondary h6,
.bg-secondary .subtitle {
	background: color-mix(in srgb, var(--white) 10%, transparent);
}

.content-wrapper.subtitle-center h6,
.content-wrapper.subtitle-center .subtitle {
  	display: flex;
  	margin-left: auto;
  	margin-right: auto;
}

/* BUTTONS */
.btn.btn-medium,
.menu-item-button {
  	line-height: 40px;
}

input[type="submit"] {
  	line-height: 40px !important;
}

li.menu-item-has-button a {
  	padding-top: unset;
  	padding-bottom: unset;
}

.btn.bg-black:hover {
  	background: var(--darkgray-darkened) !important;
}

/* LISTS */
ul.clean-list li .icon {
  	font-size: 20px;
  	color: var(--primary);
  	width: 20px;
}

ul.clean-list.horizontal-list {
  	display: flex;
  	flex-direction: row;
  	flex-wrap: wrap;
  	grid-row-gap: 12px;
  	grid-column-gap: 23px;
}

/* SECTION STYLING */
section.lef-section .background-image-wrapper img {
  	opacity: .3;
}

@media only screen and (max-width: 991px) {
   	section {
      	padding: 50px 0;
  	}
}

@media only screen and (min-width: 992px) {
    section.lef-section.clippath-top {
        clip-path: polygon( 0% 0%,100% 10.5%,100% 100%,0% 100%,0% 0% );
    }
    section.lef-section.clippath-bottom {
        clip-path: polygon( 0% 0%,100% 0%,100% 100%,0% 92.01%,0% 0% );
    }
    section.lef-section.clippath-bottom.allow-overlap {
        clip-path: unset;
        position: relative;
    }
    section.lef-section.clippath-bottom.allow-overlap::after {
        content: '';
        bottom: -1px;
        left: 0;
        background: var(--white);
        height: 60px;
        width: 100%;
        position: absolute;
        z-index: 1;
        clip-path: polygon( 100% 100%,0% 100%,0% 0%,100% 100% );
    }
    section.lef-section.clippath-top-bottom {
        clip-path: polygon( 0% 0%,100% 5.672%,100% 99.925%,0% 88.209%,0% 0% );
    }
    section.lef-section:has(.reviews-overlap-to-right) .wp-block-custom-section-block-col:not(.reviews-overlap-to-right) {
        z-index: 2;
    }
    .wp-block-custom-section-block-col.quotation-overlap {
        margin-bottom: -250px;
    }
    .wp-block-custom-section-block-col.reviews-overlap-to-right:has(.featured) .tns-ovh {
        overflow: visible;
    }
    .wp-block-custom-section-block-col.reviews-overlap-to-right:has(.featured)::before {
        content: '';
        position: absolute;
        width: 100vw;
        height: 100%;
        top: 0;
        left: -100vw;
        z-index: 1;
        background: green;
    }
    section.lef-section.bg-primary .wp-block-custom-section-block-col.reviews-overlap-to-right:has(.featured)::before {
        background: var(--primary);
    }
    section.lef-section.bg-secondary .wp-block-custom-section-block-col.reviews-overlap-to-right:has(.featured)::before {
        background: var(--secondary);
    }
    section.lef-section.bg-tertiary .wp-block-custom-section-block-col.reviews-overlap-to-right:has(.featured)::before {
        background: var(--tertiary);
    }
    section.lef-section.bg-white .wp-block-custom-section-block-col.reviews-overlap-to-right:has(.featured)::before {
        background: var(--white);
    }
    section.lef-section.bg-black .wp-block-custom-section-block-col.reviews-overlap-to-right:has(.featured)::before {
        background: var(--black);
    }
    section.lef-section.bg-succes .wp-block-custom-section-block-col.reviews-overlap-to-right:has(.featured)::before {
        background: var(--succes);
    }
    section.lef-section.bg-error .wp-block-custom-section-block-col.reviews-overlap-to-right:has(.featured)::before {
        background: var(--error);
    }
    section.lef-section.bg-gray .wp-block-custom-section-block-col.reviews-overlap-to-right:has(.featured)::before {
        background: var(--gray);
    }
    section.lef-section.bg-darkgray .wp-block-custom-section-block-col.reviews-overlap-to-right:has(.featured)::before {
        background: var(--darkgray);
    }
    section.lef-section.bg-yellow .wp-block-custom-section-block-col.reviews-overlap-to-right:has(.featured)::before {
        background: var(--yellow);
    }
}

/* SERVICE CARD STYLING */
.card-service .col-card .icon-outer {
  	background: var(--black);
  	color: var(--black-content);
  	width: 48px;
  	height: 48px;
  	border-radius: 4px;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: center;
}

.card-service .col-card .icon-outer .icon {
  	margin-right: unset;
  	font-size: 23px;
}

/* CARD DEFAULT */
.card-default {
  	position: relative;
  	overflow: hidden;
  	color: var(--white);
}

.card-default .image-outer {
  	position: absolute;
  	top: 0;
  	left: 0;
}

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

.card-default .content-outer {
  	position: relative;
  	z-index: 3;
}

/* CARD REVIEWS */
.card-reviews .content-outer {
  	padding: 25px 30px;
}

.card-reviews h4 {
  	font-family: 'Inter';
  	font-weight: 800;
}

.card-reviews .excerpt-holder {
	font-size: 14px;
	font-style: italic;
  	margin-bottom: 9px;
}

.card-reviews .star-count .icon-star {
  	font-size: 16px;
  	color: var(--secondary);
  	margin-right: unset;
}

.card-reviews .read-more-btn {
  	background-color: unset;
  	color: inherit;
  	padding: unset;
  	font-style: italic;
  	font-weight: 700;
  	text-decoration: underline;
  	margin-top: unset;
  	margin-bottom: unset;
}

/* TNS CONTROLS */
.tns-controls.bottom-right,
.tns-controls.bottom-left {
  	margin-top: 17px !important;
}

.tns-controls button {
    width: 37px !important;
    height: 37px !important;
    border-radius: 3px !important;
    background: var(--white);
    color: var(--white-content);
    margin-top: unset;
    margin-bottom: unset;
}

.tns-controls button[data-controls="prev"] {
    margin-right: 5.5px
}
.tns-controls button[data-controls="next"] {
    margin-left: 5.5px
}

/* FORMS */
form label {
  	font-family: var(--heading-font);
  	font-size: 15px;
  	font-weight: 900;
  	margin-bottom: 4px;
}

.checkout-coupon-overlay input, 
.checkout-coupon-overlay select, 
.checkout-coupon-overlay textarea, 
.filter-item input, 
.filter-item select, 
.filter-item textarea, 
form input, 
form select, 
form textarea {
  	border: unset;
  	background: var(--gray);
  	color: var(--gray-content);
}

form select {
  	padding-bottom: calc(var(--form-elements-padding-y) + 3.9px);
    padding-top: calc(var(--form-elements-padding-y) + 3.9px);
}

.gform_heading .gform_required_legend {
  	display: none;
}

.ui-datepicker {
  	border: 1px solid var(--black);
}

.ui-datepicker .ui-datepicker-header {
  	background: var(--black);
  	border-color: var(--black);
}

.ui-datepicker a {
  	color: var(--black);
}

.ui-datepicker .ui-datepicker-current-day a {
  	color: var(--primary);
}

/* FOOTER */
footer img {
    width: auto;
}

footer .social-link {
  	text-decoration: none;
}
.social-link .i-holder .icon {
  	font-size: 29px;
} 

.footer-builders {
  	margin-bottom: -1px;
}

footer .socket {
  	font-size: 13px;
}