/*
Theme Name: jmh-lastechniek
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;
}
.logo-and-navigation-holder {
 	display: flex;
    flex-direction: row;
    flex: 1;
    align-items: center;
}

.nav-holder.nav-holder-primary-2 {
  margin-left: 48px;
}
  
.shortcode-holder {
    flex: 0 0 auto;
    margin: 0 auto; 
}
  
.nav-holder.nav-holder-primary-1 {
    flex: 1;
    justify-content: flex-end;
}
#ajaxsearchlite1 .probox, div.asl_w .probox {
 border-radius: 0px!important; 
}
.asl_w_container .asl_w .probox .promagnifier {
 background-color: transparent!important; 
}
.asl_w_container .asl_w .probox .promagnifier svg path {
  fill: black!important;
}
#primary-menu-ul {
 margin-right: 10px; 
}
.image-slider {
     display: flex;
    align-items: center; 
}
.image-slider figure{
  scale: 0.8;
}
section.page-header {
	padding: 50px;
}
li.menu-item-type-custom a {
  padding: 0px 5px!important;
}
.under-menu .main-nav-menu li a {
  padding: 3px 30px!important;
  font-weight: 300!important;
}
footer img {
  width: auto;
}
.intro-padding .card{
  padding: 50px;
}
.intro-bg .card{
  background-image: url(img/bg-intro.jpg);
  background-size: cover;
}
.card .product-excerpt {
     overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
           line-clamp: 2; 
   -webkit-box-orient: vertical;
  font-size: 13px;
}
.direct-to .direct-to-buttons .btn {
    width: fit-content!important;
    font-weight: 300;
    font-size: 14px;
}
.price small {
 font-size: 50%;
  font-weight: 400;
}
.socket * {
 font-size: 12px; 
}
.asl_w_container .asl_w .probox {
    min-width: auto;
    width: 100%;
}
.asl_w_container .asl_w .probox {
    min-width: auto;
    width: 100%;
}
.shortcode-holder {
    flex: 0 0 auto;
    margin: 0 auto; 
    flex-grow: 1;
}