/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {margin: 5px 20px 20px 0;}
.aligncenter, div.aligncenter {display:block;margin: 5px auto 5px auto;}
.alignright {float:right; margin: 5px 0 20px 20px;}
.alignleft {float:left; margin: 5px 20px 20px 0;}
.aligncenter {display: block; margin: 5px auto 5px auto;}
a img.alignright {float:right; margin: 5px 0 20px 20px;}
a img.alignnone {margin: 5px 20px 20px 0;}
a img.alignleft {float:left; margin: 5px 20px 20px 0;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.wp-caption {background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center;}
.wp-caption.alignnone {margin: 5px 20px 20px 0;}
.wp-caption.alignleft {margin: 5px 20px 20px 0;}
.wp-caption.alignright {margin: 5px 0 20px 20px;}
.wp-caption img {border: 0 none; height: auto; margin:0; max-width: 98.5%; padding:0; width: auto;}
.wp-caption p.wp-caption-text {font-size:11px; line-height:17px; margin:0; padding:0 4px 5px;}

.navbar-brand{
   width: 390px;
   padding: 5px 0;
}
.navbar-default .navbar-brand{background: none;}


#log-in{background: #eee;}
.wrapper {margin-top: 80px; margin-bottom: 80px;}

.form-signin {max-width: 380px; padding: 15px 35px 45px; margin: 0 auto; background-color: #fff; border: 1px solid rgba(0,0,0,0.1);

  .form-signin-heading,
	.checkbox {margin-bottom: 30px;}

	.checkbox {font-weight: normal;}

	.form-control {position: relative; font-size: 16px; height: auto; padding: 10px; @include box-sizing(border-box);
  	&:focus { z-index: 2;	}
	}

	input[type="text"] { margin-bottom: -1px;}

	input[type="password"] {margin-bottom: 20px;}
  input[type="text"] {margin-bottom: 20px;}
}

.form-control{
  border-color: rgba(100,100,100,0.1);
  margin-bottom: 5px;
}

#oknoLogin .form-signin {
  border: 0;
}

#payu-payment-form button[type=submit]{
            border: 0px;
            height: 50px;
            width: 290px;
            background: url('https://static.payu.com/pl/standard/partners/buttons/payu_account_button_long_03.png') no-repeat;
            cursor: pointer;
        }
        
#strona, #log-in, #koszyk{
  padding-top: 100px;
}

.lista{list-style: none; margin: 0;}
.lista li{padding: 10px; border-bottom: 1px solid #F5F5F5; line-height: 18px;}

.scrolltotop .fa{padding-left: 0;}

.prices .panel-body .lead.old-price strong{text-decoration: line-through; font-size: 30px; color: #363940;}
.prices .panel-body .lead{font-size: 18px; font-weight: normal; line-height: 30px;}
.prices .panel-body .lead strong{font-size: 42px; display: block;}
.prices .panel-body .lead small{display: block; font-size: 16px; color: red;}
.prices .panel-body .lead strong.red{color: red;}
small{font-size: 75%;}

.team-hover p{margin-top: 83px; margin-bottom: 0;}
.team-hover small{color: #fff; margin-top: 0;}
ul.contact-address {list-style: none;}
ul.contact-address p{margin: 0;}
#contact-section .contact .contact-form button, #contact-section .contact .contact-form .btn {
	width: 100%;
	height: 40px;
	background: #009EE3;
}
#contact-section .contact .contact-form button:hover, #contact-section .contact .contact-form .btn:hover {
	color: #fff;
	background-color: #0273a3;
}
.modal-dialog{
      margin: 90px auto;
}
.btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover{
  background-color: #ddd;
    border-color: #333;
}
.prices .panel-default .list-group-item {
	display: none;
}

.prices .panel-default .list-group-item.visible-item{
 display: block;
}

.contact-box{position: fixed; bottom: 0; padding: 40px 15px; background: rgba(0,158,227,0.8); color: #fff; width: 100%; z-index: 999; text-align: center; font-size: 42px; line-height: 42px;}
.contact-box a{color: #fff; }
.contact-box a:hover{color: #fff; text-decoration: none;}
.contact-box small{font-size: 32px;}
.footer {padding: 30px 0; margin-bottom: 125px;}

.widget ul{margin: 0; padding: 0; list-style: none;}
.widget ul li:before { content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"%3E%3Cpath d="M0 384.7V127.3c0-17.8 21.5-26.7 34.1-14.1l128.7 128.7c7.8 7.8 7.8 20.5 0 28.3L34.1 398.8C21.5 411.4 0 402.5 0 384.7z" fill="%23fff"/%3E%3C/svg%3E'); width: 6px; line-height: 12px;}
.widget ul li{line-height: 26px; display: flex; align-items: center; gap: 10px;}
.widget ul li a{color: #fff;}

.portfolio_single_content div{background: rgba(0,158,227,0.8);}
.portfolio_single_content div p {color: #FFFFFF;display: block; font-size: 15px; font-weight: bold; margin-bottom: 0;text-decoration: none; text-transform: uppercase;}
.portfolio_single_content div p.sig {display:none;}

.price-box-featured .panel {
	box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.21);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

#portfolio{
  display: flex;
  justify-content: center;
  margin-right: 0;
  margin-left: 0;
}
.col-centered{
    float: none;
    margin: 0 auto;
    position: static !important;
}

.news-content{
  min-height: 190px;
}
.news-content a {
    font-weight: 600;
    color: #666;
}

.news-content a:hover,
.news-content a:hover h4 {
    color: #03a9f5;
}


.news-content .date {
    display: block;
}

.single-news.full img {
    margin-bottom: 30px;
}


.box-item{
  transform: scale(1);
  transition: all 0.5s;
  text-align: center;
  position: relative;
}

.box-item img{
  opacity: 1;
}

.box-item.skala img{
  opacity: 0.7;
}

.box-item .cart-btn{
  opacity: 0;
  transition: all 0.5s;
  color: #009EE3;
  position: absolute;
  top: 50%;
  left: 35%;
  background: rgba(255,255,255,0.8);
  padding: 5px 8px;
  border-radius: 14px !important;
  border: 2px solid #009EE3;
  font-size: 12px;
}
.box-item .cart-btn:hover{
  color: #fff;
  background: #009EE3;
  border-color: #009EE3;
}

.box-item .cart-btn.show-cart-btn{
  opacity: 1;

}

.box-item.skala {
  transform: scale(1.2);
}

.sidebar h3{
  color: #fff;
  background: #009EE3;
  font-size: 16px;
  margin-top: 0;
  padding: 10px 15px;
}

.sidebar ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
.sidebar ul li{
  padding: 10px 5px;
  border-bottom: 1px solid #f5f5f5;
}

.offer-box{
  background: #f5f5f5;
  padding: 25px 0;
  margin-bottom: 30px;
  transition: all 0.5s;
  min-height: 145px;
}

.offer-box:hover{
  background: #009EE3;
}

.offer-box p{
  margin-bottom: 20px;
}
.offer-box i{
  font-size: 32px;
}
.offer-box a{
  color: #333;
}

.box-offer-link{
  color: #333;
}

.box-offer-link:hover{
  color: #fff;
  text-decoration: none;
}

.offer-box strong{
  font-size: 16px;
}
* {
  box-sizing:border-box;
  padding:0;
  margin:0;
   outline: 0;
}

article {
  width:100%;
  margin:0 auto;
  height:auto;
  position:relative;
}
article ul {
  display:flex;
  top:0px;
  z-index:10;
  padding-bottom:14px;
}
article ul li {
  list-style:none;
  flex:1;
}
article ul li:last-child {
  border-right:1px solid #DDD;
}
article button {
  width:100%;
  border: 1px solid #DDD;
  border-right:0;
  border-top:0;
  padding: 10px;
  background:#FFF;
  font-size:14px;
  font-weight:bold;
  height:60px;
  color:#999
}
article ul li.active button {
  background:#F5F5F5;
  color:#000;
}
article table { border-collapse:collapse; table-layout:fixed; width:100%; }
article table th { background:#F5F5F5; display:none; }
article table td, article table th {
  height:53px
}
article table td, article table th { border:1px solid #DDD; padding:10px; empty-cells:show; }
article table td,article table th {
  text-align:left;
}
article table td+td, article table th+th {
  text-align:center;
  display:none;
}
article table td.default {
  display:table-cell;
}
.bg-purple {
  border-top:3px solid #A32362;
}
.bg-blue {
  border-top:3px solid #0097CF;
}
.sep {
  background:#F5F5F5;
  font-weight:bold;
}
.txt-l { font-size:28px; font-weight:bold; }
.txt-top { position:relative; top:-9px; left:-2px; }
.tick { font-size:18px; color:#2CA01C; }
article table .hiden {
  border:0;
  background:none;
}

article table .red{color: red;}
article table .old-price strong{text-decoration: line-through; font-size: 16px; color: #363940;}
article table .cena strong{font-size: 24px;}

.korzysc-box {min-height: 82px; border: 1px solid #eee; transition: all 0.5s;}
.korzysc-box:hover{background: #f5f5f5;}
.korzysc img{display: inline-block !important;}
.korzysc p{margin: 0; padding: 10px 0; font-weight: 400; font-size: 18px;}

@media (min-width: 640px) {
  article ul {
    display:none;
  }
  article table td, article table th {
    display:table-cell !important;
  }
  article table td, article table th {
    width: 330px;
  
  }
  article table td+td, article table th+th {
    width: auto;
  }
}


@media (min-width: 768px) and (max-width: 991px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
}
@media only screen and (max-width : 1200px) {

	.navbar-brand{
    width: 260px;
    padding: 15px 0;  
  }

}

@media only screen and (max-width : 991px) {

	#portfolio{
  display: block;
  margin-right: -15px;
  margin-left: -15px;
}
.col-centered{
    float: left;
    margin: auto;
    position: absolute !important;
}
}

.page-template-twoje-konto {
  background: #f5f5f5;
}

ul.lista {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-gap: 10px;
}

ul.lista li {
  background: #fff;
  padding: 10px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  gap: 10px
}
ul.lista li img {
  width: 100%;
  height: auto;
  border-radius: 5px;
  object-fit: cover;
  aspect-ratio: 2/1;
}

.product-title {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 5.2em; /* Adjust based on line height */
  line-height: 1.3em; /* Adjust based on font size */
  white-space: normal;
  position: relative;
}

.full-title {
  display: none;
  position: absolute;
  background: #fff;
  border: 1px solid #ccc;
  padding: 10px;
  z-index: 1000;
  width: 100%; /* Adjust as needed */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  top: 0;
  border-radius: 5px;
}
.product-title:hover {
  overflow: visible;
}

.product-title:hover .full-title {
  display: block;
}

#twoje-konto .your-account {
  background: #fff;
  padding: 20px;
  border-radius: 5px;
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
}

.your-account-links {
  margin-top: 25px;
}

#twoje-konto .your-account-links {
  text-align: right;
  margin-top: 0;
}

.page-header-wrapper{
  position: relative;
}

.no-text-wrap {
  white-space: nowrap;  
}

.video-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* Proporcja 16:9 (9/16 = 0.5625 = 56.25%) */
  height: 0;
  overflow: hidden;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}