/*
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
*/

/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* Specific CSS */
ul li.menu-item-button.bg-secondary a {
  color: white!important;
}

footer img {
  width: auto;
}
.special-btn a span {
    padding: 20px 15px;
}
strong {
 font-weight: 800; 
}
#header {
 border-bottom: 1px solid #EFEFEF; 
}
h6 {
 font-size: 16px;
  font-weight: 300;
  opacity: 0.3;
}
.overflow-last-section {
  margin-top: -170px;
}
li.current_page_item {
  position: relative;
}
li.current-menu-item:after {
 content: '';
  bottom: 0;
  left: 25px;
  width: calc(100% - 50px);
  height: 2px;
  background-color: var(--primary);
  position: absolute;
}
section.balloon-mask, .balloon .card {
   -webkit-mask-image: url('img/mask-balloon.svg');
  mask-image: url('img/mask-balloon.svg');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size:cover;
  -webkit-mask-position: bottom right;
  mask-position: bottom right;
  background: white; /* visible behind mask */
  color: var(--black);
  position: relative;
}
#topbar-menu li a {
  text-transform: lowercase;
}
.balloon .card {
 padding: 40px 40px 70px 40px;
}
.balloon-mask-wrapper {
  background-color: var(--primary);
  position: relative;
  overflow: hidden;
}
.padding-right {
 padding-right: 50px; 
}
.padding-left {
 padding-left: 50px; 
}
.bg-icon {
  background-image: url('img/bg-icon.png');
  background-size: contain;
  background-repeat: no-repeat;
}
.bg-right {
 background-position: bottom right; 
}
.card-reviews {
  padding: 80px 60px!important;
  background-color: var(--primary);
     -webkit-mask-image: url('img/balloon-reviews.svg');
  mask-image: url('img/balloon-reviews.svg');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size:cover;
  -webkit-mask-position: bottom;
  mask-position: bottom;
  background: var(--primary); /* visible behind mask */
  color: var(--black);
  position: relative;
}
.card-reviews .content-outer {
  display: flex;
  flex-direction: column-reverse; 
}
.card-reviews .content-outer .star-count {
  display: none;
}
.card-reviews .excerpt-holder {
 position: relative; 
}
.card-reviews .excerpt-holder:before {
	content: '"';
    font-weight: 700;
    font-size: 30px;
    position: absolute;
    left: -20px;
}
.card-reviews .excerpt-holder:after {
	content: '"';
    font-weight: 700;
    font-size: 30px;
    position: absolute;
    right: 0px;
  	bottom: 0px;
}
.card-reviews .excerpt-holder p{
  font-weight: 700!important;
  font-style: italic;
  font-size: 24px!important;
}
.card-reviews .review-intro h4{
  font-weight: 300!important;
  font-style: normal;
  font-size: 16px!important;
  margin-top: 10px;
}
.socket * {
  font-size: 12px;
}
.service-slider-wrapper {
  height: 1.2em;
  overflow: hidden;
  position: relative;
  text-align: left;
  display: inline-flex;
}
.service-slider {
  display: flex;
  flex-direction: column;
  transition: transform 0.5s ease-in-out;
}
.slide-item {
  height: 1.2em;
  line-height: 1.2em;
}
#breadcrumbs {
    padding: 9px 16px;
    background: #39393921;
    border-radius: 4px;
    margin-bottom: 10px;
    display: block;
    width: fit-content;
}
#socket-menu-ul {
    display: flex;
    gap: 30px;
    padding: 0;
    list-style-type: none;
}

.gform-page-footer .button.gform_next_button {
  	margin-left: auto;
}
.gform-page-footer .button {
    padding: 10px 15px;
    width: fit-content;
    margin: 0;
}
.ginput_counter {
 display: none; 
}
body .gfield_description.instruction {
    display: none !important;
}

@media only screen and (max-width: 992px) {
  .card {
   	margin-top: 0px!important; 
  }
}
#primary-menu-ul .menu-item.current-menu-item > a,
#primary-menu-ul .menu-item.current_page_item > a {
  color: var(--primary);
  border-bottom: 2px solid var(--primary);
  padding-bottom: 3px; /* zodat tekst niet opspringt */
  text-decoration: none;
}
/* Verberg standaard .category-intro */
.category-intro {
    display: none !important;
}

/* Alleen tonen op pagina met post ID 89 */
body.postid-89 .category-intro {
    display: block !important;
}
body .gform_wrapper .gform_validation_error {
    background-color: var(--error); /* gebruikt je error variabele */
    color: #fff;                     /* witte tekst voor contrast */
    padding: 15px;
    border-radius: 4px;
    margin-bottom: 20px;
}
.gform_required_legend {
display: none;
}
.gfield input {
  min-height: 50px;
}
.gform-footer input[type=submit] {
 padding: 10px 15px; 
}
.gform-footer, .gform-page-footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 15px;
}
.gform_previous_button {
 margin-right: 15px!important; 
}
.filter-list select, form select {
  -webkit-appearance: none;
}
.bg-img-left-top .background-image-wrapper  img{ 
object-position: left top;
}