/*
Theme Name: TAKA BS53 SL
Author: TAKA agencja
Description: Lightweight Bootstrap 5.3 based template focused on gaining site performance without using tons of plugins.
Version: 1.0
*/
@import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&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');

body {
   padding-top: 50px;
   font-family: "Poppins", sans-serif;
}
img {
	max-width: 100%;
	height: auto;
}

.logo {
   width: 60vw;
	    max-width: 512px;
    -webkit-transition: 0.1s ease-in 0s;
  -o-transition: 0.1s ease-in 0s;
  -ms-transition: 0.1s ease-in 0s;
}
@media (min-width: 960px) {
   body {
      padding-top: 185px;
   }
.logo.scrolled {
   width: 60vw;
	    max-width: 256px;
    
}
   
   h1, h3 {
      font-size: 46px;
      line-height: 50px;
      margin-bottom: 25px;
   }
   h2 {
      font-size: 70px;
      text-transform: uppercase;
   }
}

a {
   text-decoration: none;
   color: black;
}

h2.bord:before {
    content: "";
    display: block;
    width: auto;
    height: 1px;
    margin: 15px 0 20px;
    background: #dfdfdf;
}

h2.bord:after {
    content: "";
    display: block;
    width: auto;
    height: 1px;
    margin: 20px 0 0;
    background: #dfdfdf;
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1140px;
    }
}

* {
	font-family: font-family: 'Afacad', sans-serif;
}
h1, h2, h3, h4, .btn {
	font-family: "Cormorant", serif;
   font-weight: 400;
}

.btn, .nav-link {
	font-family: "Cormorant", serif;
   font-weight: 700;
   text-transform: uppercase;
	font-size: 1.2rem;
}

.excerpt {
   font-size: 1.125rem;
   line-height: 1.5rem;
   font-weight: 400;
    font-style: italic;
}
.nav-item a {
	text-transform: uppercase;
}

.animated {
            -webkit-animation-duration: 5s;
            animation-duration: 5s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
        }
          @-webkit-keyframes fadeInLeft {
            0% {
               opacity: 0;
               -webkit-transform: translateX(-20px);
            }
            100% {
               opacity: 1;
               -webkit-transform: translateX(0);
            }
         }
         
         @keyframes fadeInLeft {
            0% {
               opacity: 0;
               transform: translateX(-20px);
            }
            100% {
               opacity: 1;
               transform: translateX(0);
            }
         }
         
         .fadeInLeft {
         -webkit-animation-name: fadeInLeft;
         animation-name: fadeInLeft;
         } 
          
          @-webkit-keyframes fadeInRight {
            0% {
               opacity: 0;
               -webkit-transform: translateX(20px);
            }
            100% {
               opacity: 1;
               -webkit-transform: translateX(0);
            }
         }
         
         @keyframes fadeInRight {
            0% {
               opacity: 0;
               transform: translateX(20px);
            }
            100% {
               opacity: 1;
               transform: translateX(0);
            }
         }
         
         .fadeInRight {
         -webkit-animation-name: fadeInRight;
         animation-name: fadeInRight;
         } 

.carousel-item h1, .carousel-item p {
    text-shadow: 4px 4px 6px rgba(66, 68, 90, 1);
}

nav, .btbb {
   border-bottom: 1px solid #dfdfdf;
        border-top: 1px solid #dfdfdf;
}

.nav-item a {
   color: #595959;
}

.nav-item a:hover {
   color: #000000;
}

.bg-light h1 {
   font-size: 70px;
   line-height: 80px;
   margin-bottom: 0;
}

.smaller {
   font-size: 24px;
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 40px;
    list-style: none;
   border-bottom: 1px solid #dfdfdf;
        
   font-size: 12px;
}
.breadcrumb a {
    color: #595959;
    text-decoration: none;
}

.breadcrumb a:hover {
   color: #000000;
}

@media (min-width: 1200px) {
    .h4, h4 {
        font-size: 1.2rem;
    }
}

/* Miniaturki w jednym rzędzie */
.gallery-thumbs {
  white-space: nowrap;
	flex-wrap: wrap;
 
    justify-content: center;
}

.gallery-thumbs img {
  flex: 0 0 auto;
}

/* Lightbox */
.lightbox {
  display: none;
  position: fixed;
  z-index: 1050;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.95);
  text-align: center;
}

.lightbox-content {
  margin-top: 5%;
  max-width: 90%;
  max-height: 80vh;
}

.lightbox-close,
.lightbox-prev,
.lightbox-next {
  position: absolute;
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  cursor: pointer;
  user-select: none;
}

.lightbox-close { top: 20px; right: 30px; }
.lightbox-prev { top: 50%; left: 30px; transform: translateY(-50%); }
.lightbox-next { top: 50%; right: 30px; transform: translateY(-50%); }

.col-lg-2 h4 a {
  display: -webkit-box;
  -webkit-line-clamp: 4;     /* maksymalnie 4 linie */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;   /* doda "…" na końcu, opcjonalnie */
}