/*
Theme Name: Lukmotors Child
Description: Motyw potomny – Lukmotors Child
Author: Dariusz Cieślik
Author URI: https://zets.pl
Template: lukmotors
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

.archivo {
  font-family: "Archivo", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.navbar {
    padding-top:0; 
}
.navbar-brand img {
    height: 151px;
    }

     .fbic { 
        display: inline-block;
        background: #f5f5f5 url('img/facebook_22.svg') left 12px center no-repeat; 
        background-size:20px;
        padding-left: 20px;
        padding-right: 20px;
        color: #1C1C1C;
        font-weight: bold;
        letter-spacing: 1.25px;
        height: 49px;
        line-height: 49px;
    }
    .fbic:hover { 
        display: inline-block;
    
         background: #D22808 url('img/facebook_22.svg') left 12px center no-repeat; 
                background-size:20px;
    }


    .emailic { 
        display: inline-block;
        background: #fff url('img/mail.svg') left 20px center no-repeat; 
        padding-left: 60px;
        padding-right: 30px;
        color: #1C1C1C;
        font-weight: bold;
        letter-spacing: 1.25px;
        height: 49px;
        line-height: 49px;
    }
    .emailic:hover { 
        display: inline-block;
        color:#D22808;  
    }


    .navbar-toggler {
        border:0;
    }

    .navbar-toggler-icon {
        background-image: none; /* usuń domyślny SVG Bootstrapowy */
        width: 1.5em;
        height: 1.5em;
        position: relative;
      }
      
      .navbar-toggler-icon::before,
      .navbar-toggler-icon::after,
      .navbar-toggler-icon div {
        content: "";
        display: block;
        height: 3px;         /* grubość linii */
        background-color: #000; /* czarny kolor */
        margin: 5px 0;
        border-radius: 1px;
      }
      
      /* środkowa linia */
      .navbar-toggler-icon div {
        margin: 5px 0;
      }

    .telic { 
        display: inline-block;
        background: #000 url('img/phone.svg') left 20px center no-repeat; 
        padding-left: 60px;
        padding-right: 30px;
        color: #fff;
        font-weight: bold;
        letter-spacing: 1.25px;
        height: 49px;
        line-height: 49px;
    }
    .telic:hover { 
       
        color:#D22808;  
    }
    .glightbox-clean .gslide-title {

        margin-bottom: 0 !important;
   
        }

    .bg-light {
        background:none !important
    }
    .bg-light {
       
        background-color:none !important
        }

  a {
    color: #000000;
  
    }
   
  h1,h2,h3,h4,h5,h6,  h1 span,h2 span,h3 span,h4 span,h5 span,h6 span {
    font-family: "Archivo", sans-serif;
    font-weight: 900;
    font-style: normal;
    font-size: 34px;
    color: #1C1C1C;
    letter-spacing: 0.25px;
  }

  h3 {
font-weight: 900;
font-size: 34px;
color: #E4E4E4;
letter-spacing: 0.25px;
  }




.taglineh1 {
  font-weight: 200;
    font-size: 16px;
    color: #1C1C1C;
    text-transform: uppercase;
    letter-spacing: 0.15px; 
}

.tagnorm {
   font-weight: 300;
    font-size: 20px;
    color: #1C1C1C;
    letter-spacing: 0.12px;

}

.tagcena {
    font-weight: 900;
    font-size: 20px;
    color: #1C1C1C;
    letter-spacing: 0.12px;
}


.samochody-lista .card-body {
    background:#fff;
}

.samochody-lista .card-body img:hover {
    opacity:0.8;
}

.samochody-lista:hover {
    cursor: pointer;
}

.samochody-lista .card-title {
font-weight: 900;
font-size: 20px;
color: #1C1C1C;
letter-spacing: 0.12px;
line-height: 30px;
}

.samochody-lista .entry-meta {
    margin:0 !important ; 
}

.tagtitle {
font-weight: 300;
font-size: 10px;
color: #1C1C1C;
letter-spacing: 1.5px;
text-transform: uppercase;
}
  main p a, .elementor a, .elementor p a {
    color: #000000;
    text-decoration: underline; 
  }

  main p a:hover, .elementor p a:hover {
    color: #D22808
  }

  body, * {
    font-family: "Archivo", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
 
  }

  body {
    background:#E6E6E6;
    color:#1C1C1C;
  }
 
b, strong {
    font-weight: bold ;
    }

    b a, strong a {
        font-weight: bold ;
        }

        
.contact-box {

    display: flex;
    flex-direction: column;
    justify-content: center;
    width:100%;
}
.contact-box a {
 
    font-size: 22px;
    color: #F5F3EF;
    letter-spacing: 0.21px;
    font-family: "Archivo", sans-serif;
    font-weight: 400;
    font-style: normal;
font-size: 22px;
color: #F5F3EF;
letter-spacing: 0.21px;
text-decoration: none;;

}
.contact-box a:hover{
    color:#D22808;
}

main {
    margin-top: 0rem !important;
  
}

.menu-item .nav-link {
 text-transform: uppercase;
font-size: 14px;
color: #1C1C1C;
letter-spacing: 1.25px;
padding-top:18px;
font-weight:800;
padding-bottom: 16px;
text-decoration: none;;

} 

footer .menu-item .nav-link {
    text-transform: uppercase;
   font-size: 14px;
   color: #E4E4E4;
   letter-spacing: 1.25px;
   padding-top:18px;
   font-weight:800;
   padding-bottom: 16px;
   text-decoration: none;;
   
   } 
.navbar-nav .nav-item:last-child .nav-link {
    padding-right: 0;
}
.menu-item .nav-link:hover {
color:#D22808;
} 

.menu-item .active.nav-link {
color:#000;  
text-decoration: underline;

}
#footer .menu-item a[aria-current=page] {
    color: #fff;text-decoration: underline;
    }


.menu-item .show.nav-link {
    color:#000;  
    }

.dropdown-menu {
    min-width: 450px;
 border:0;
    max-width: 100%;   
    width: auto; 
    background: #F5F3EF;
    border-radius:0;
    font-size: 16px;
    color: #1C1C1C;
    letter-spacing: 0.12px;
    line-height: 36px;
}
.dropdown-menu .menu-item  {
     
    margin-left: 35px; 
    margin-right: 35px;;   border-bottom:1px solid #D2DBD6 !important;
}
.dropdown-menu .menu-item:first-child  {
margin-top:20px;
}
.dropdown-menu .menu-item:last-child  {
    margin-bottom:20px;
    }
.dropdown-menu .menu-item .dropdown-item  {
    font-size: 15px;
    font-family: "Libre Baskerville", serif !important;
    color: #1C1C1C;
    display: block;
    letter-spacing: 0.12px;
    line-height: 36px;
  
}
.dropdown-menu .menu-item .dropdown-item:hover  {
    background-color:#000000;
    color:#F5F3EF;
 }

 .dropdown-item:hover, .dropdown-item:focus {
    background-color:#000000;
    color:#F5F3EF;
    }

    .dropdown-item.active, .dropdown-item:active {
        background-color:#000000;
        color:#000000 !important;
        }


        .promo-box {
            position: relative;
            height: 400px;
            background-size: cover;
            background-position: center;
            color: #fff;
            border-radius: 0;
            overflow: hidden;
            display: flex;
            align-items: flex-start;
            padding: 50px 20px;
            padding-bottom: 40px;;
          }
          
          .promo-content {
            position: relative;
            z-index: 1;
            padding: 2rem;
            width: 100%;
          }
          
          .promo-content h2 {
       
font-size: 24px;
color: #1C1C1C;
letter-spacing: 0;
            font-weight: 900;
            margin-bottom: 1rem;
            text-transform: uppercase;
          }
          .promo-content h2 span {
      
            font-size: 20px;    font-weight: 200;
            color: #1C1C1C;
            letter-spacing: 0.12px;
          }
          .promo-box-car {
            background-image: url('img/top1.webp'); /* podmień na właściwe */
            min-height: 517px;
          }
               .promo-box-car2 {
            background-image: url('img/top3.webp'); /* podmień na właściwe */
            min-height: 517px;
          }

          .promo-box-van {
            background-image: url('img/top2.webp'); /* podmień na właściwe */
            min-height: 517px;
          }
          
          .promo-content .btn {
            width: auto;
            display: inline-block;
          }

          .btn-home {
            background: #D8D8D8;
font-size: 14px;
color: #1C1C1C;
letter-spacing: 1.25px; 
 font-weight: 900; 
 border-radius:3px;
 padding:20px 30px;
 -webkit-box-shadow: 4px 4px 0px -1px rgba(0, 0, 0, 1);
 -moz-box-shadow: 4px 4px 0px -1px rgba(0, 0, 0, 1);
 box-shadow: 4px 4px 0px -1px rgba(0, 0, 0, 1);
          }
          .btn-home span {
            font-size: 14px;
            color: #1C1C1C;
            letter-spacing: 1.25px; 
            font-weight: 900; 
          }

.btn-home:hover, .btn-home:hover span {
color:#fff;
background:#000;
 
}
.btn-home:hover {
    -webkit-box-shadow: 4px 4px 0px -1px rgba(255, 255, 255, 1);
    -moz-box-shadow: 4px 4px 0px -1px rgba(255, 255, 255, 1);
    box-shadow: 4px 4px 0px -1px rgba(255, 255, 255, 1);

}

.blackbox {
    background:#000;
    color:#fff;
}

.redbox {
    background: #910000 url('img/redbox.svg') top center no-repeat;  

    
}


.hometxt1 {
font-weight: 300;
font-size: 16px;
color: #E4E4E4;
letter-spacing: 0.15px;
text-transform: uppercase;
}
.hometxt2 {
   font-weight: 900;
    font-size: 24px;
    color: #FFFFFF;
    letter-spacing: 0;
}

.hometxt3 {
    font-weight: 900;
 
    font-size: 20px;
    color: #FFFFFF;
    letter-spacing: 0.12px;
 }

 .hometxt4 {
    font-weight: 300;
    font-size: 16px;
    color: #E4E4E4;
    letter-spacing: 0.5px;
    text-align: center;
    }

.phonebig {
   font-weight: 900;
    font-size: 34px;
    color: #FFFFFF;
    letter-spacing: 0.25px;
}
.mailbig {
    font-weight: 900;
 
    font-size: 20px;
    color: #FFFFFF;
    letter-spacing: 0.12px;
}
.phonebig:hover, .mailbig:hover {
    color:#D22808
}
.hrleft {
    border-left:3px solid #910000;
    padding-left: 3rem;
}

.btn-wszystkie {
background: #D8D8D8;
border:0;
font-size: 14px;
color: #1C1C1C !important;
letter-spacing: 1.25px; 
font-weight: 900; 
border-radius:3px;
padding:20px 30px;
-webkit-box-shadow: 4px 4px 0px -1px rgba(0, 0, 0, 1);
-moz-box-shadow: 4px 4px 0px -1px rgba(0, 0, 0, 1);
box-shadow: 4px 4px 0px -1px rgba(0, 0, 0, 1);
}
/*
.samochody-lista img {
    width: 100%;
    height: 344px;
    object-fit: cover;
  }*/
.btn-wszystkie:hover {
    color:#fff  !important;
background:#000;
-webkit-box-shadow: 4px 4px 0px -1px rgba(255, 255, 255, 1);
-moz-box-shadow: 4px 4px 0px -1px rgba(255, 255, 255, 1);
box-shadow: 4px 4px 0px -1px rgba(255, 255, 255, 1);

}
.promo-box-car2 {
    margin-top:65px;
}
.promo-box-van {
    margin-top:65px;
}
          
.nav-item-38 .nav-link {
    display: inline-block;
    width: 28px; 
    height: 28px;
    background-image: url('assets/img/icon/fb.svg'); 
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -9999px; 
    overflow: hidden; 
    white-space: nowrap; 
    margin-top:10px;
}
    
    .nav-item-38 .nav-link:hover {
    opacity:0.8
    
}

.btn {
    color:#fff;
}

.btn-check:checked+.btn, :not(.btn-check)+.btn:active, .btn:first-child:active, .btn.active, .btn.show {
    color: #000000;
    background-color: #000000;
    border-color: #000000;
    }

   
       


.wpcf7 form.sent .wpcf7-response-output {
    border-color: #000000;
    background:#000000;
    color:#fff;
    text-align: center;
    padding:20px;
    }

    .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
        border-color: red;
        background:none;
        color:red;
        text-align: center;
        padding:20px;
    }

.form-control:focus {
    
    background-color: #F1EFEE;
    border-color: #000000;
    border-bottom: 3px solid #000000;
    outline: 0 !important;
    box-shadow: none !important
    }
.wpcf7-spinner {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.form-control {
    font-family: "Archivo", sans-serif;
    font-weight: 300;
    padding-top:10px;
    padding-bottom: 10px;
    background:#F1EFEE;
    border:0;
    border-bottom: 3px solid #000000;
    border-radius:0;
    
}
.btn-primary {
    border-radius: 0px 0px 0px 0px;
    padding: 15px 35px 15px 35px;
    background:#000000;
    border:1px solid #000000;
    color:#fff;
}
.btn-primary:hover {
    background:#000000;
    border:1px solid #000000;
    color:#000;
}

.btn-secondary {
    
    border-radius: 0px 0px 0px 0px;
    padding: 20px 15px 20px 15px;
    background:#000;
    border:1px solid #000;
    width:100%;
    font-size: 14px;
    font-weight: 900;
    color: #E4E4E4;
    letter-spacing: 1.25px;
    text-align: center;
} 
.btn-secondary:hover {
    color:#D22808;    background:#000;    font-weight: 900;
}


.top-button, .top-button:active, .top-button:focus  {
    border:1px solid #000000;
    background:#000000;
    border-radius: 0;
    color:#fff;
    padding:5px 10px;
}
.top-button:hover {
background:#000000;
border:1px solid #000000;
color:#000;

}

.elementor li p, main li p, main li p {
    margin-bottom: 0;
}

.footersep {
    height: 3px;
    width:100%;
opacity: 0.2;
background: #C4C5C7;
}
#footer {
 
    background: #000 url('img/footer.webp') top center no-repeat; 
    background-size:cover;
    margin-top: 70px;
     
    color:#fff;
}
#footer h4 {
    font-family: "Archivo", sans-serif;
    font-size: 14px;
    color: #F5F3EF;
    letter-spacing: 0.1px;
    text-align: center;
    line-height: 22px;
    text-transform: uppercase;
}

#footer p {
font-size: 16px;
color: rgba(245,243,239,0.60);
letter-spacing: 0.5px;
text-align: center;
}


.fb {
    display: block;
    width: 35px; 
    height: 35px;
    background-image: url('assets/img/icon/fb.svg'); 
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -9999px; 
    overflow: hidden; 
    white-space: nowrap; 
    margin-top:10px;
}
 
    
    .fb:hover {
      opacity:0.8;
    
}

.fothr {
    margin: 1rem 0;
color: inherit;
border: 0;
border-top: var(--bs-border-width) solid;
opacity: 0.25;
border-color: rgba(245,243,239,0.53) !important;
}

.stcopy {
font-weight: 200;
    text-transform: uppercase;
opacity: 0.5;
font-size: 12px;
color: #E4E4E4;
letter-spacing: 0.4px;
} 
.stcopy a {
    font-weight: 200;
        text-transform: uppercase;
  
    font-size: 12px;
    color: #E4E4E4;
    letter-spacing: 0.4px;
    } 
.stcopy a:hover {
    color: #fff;
    opacity: 1;
}
 
.btn-menu, .btn-menu.active {
    margin:0.7em;
    color:#fff !important;
    font-size:16px;
    border:1px solid #fff !important;
   border-radius:0;
   padding:3px 12px;
}
 

.btn-menu:hover {
    font-size:16px;
    color:#000000 !important;
    margin:0.7em;
    border:1px solid #000000 !important;
   border-radius:0;

}

.e-n-accordion p {
margin:15px 20px;
}

.e-n-accordion li p {
    margin-top:0;
}
.elementor-heading-title {
    line-height: 1.3 !important;
    }


    @media (max-width: 1199.98px) {  .phonebig {
      
        font-size: 24px;
     
    } }
@media (max-width: 991.98px) { 

    .phonebig {
      
        font-size: 30px;
     
    } 
 

.hrleft {
    padding-left:0;
    border-left:0;
}
}