/*
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=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

body {
	
	
	color: white;
	background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}
img {
	max-width: 100%;
	height: auto;
}

.logo {
	height: 120px;
}

* {
	font-family: "Raleway", sans-serif;
}
h1, h2, h3, .nav-link {
	color: #FFF;
}

.nav-link:hover, .navbar-nav .nav-link.active, .navbar-nav .nav-link:focus {
	color: #cbd0d0;
}
h1 {
	font-size: 3rem;
	font-weight: 700;
}

h2 {
	margin-bottom: 2rem;
}

.h3 {
	font-size: 1.25rem;
	font-weight: 300;
	margin-top: 2rem;
}

h3 {
	font-size: 1.25rem;
	font-weight: 700;
	margin-top: 2rem;
}


.img-offer-caption {
	font-size: 18px;
	font-weight: bold;
	padding: 15px 0;
}
.px-05 {
	padding-right: 0.05rem!important;
	padding-left: 0.05rem!important;
}
.carousel, .carousel-item {
	max-height: 100vh;
}
.carousel-item img {
	height: 100vh;
	width: auto;
}

.carousel-item::after {
	display: block;
        background-image: url(http://localhost/wp-content/uploads/2023/12/mask2.png);
	opacity: 0.1;
        content: " ";
        background-size: contain;
	background-repeat: no-repeat;
        left: 0;
        position: absolute;
        top: 0;
 height: 100vh;
	width: 100%;
        z-index: 2;
}

.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);
}
#header {
	padding: 0;
}

#header .container, .dropdown-menu {

   
}

.dropdown-item {
	color: #fff;
}

.ikonka {
	width: 80px;
	height: auto;
	margin-bottom: 1rem;
	opacity: 0.7;
	transition: opacity .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}

.cat-link {
	color: #cbd0d0;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 600;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}

.cat-link:hover .ikonka {
	opacity: 1;
}

.cat-link:hover {
	color: #ffffff;
}

.dropdown-item.active, .dropdown-item:active {
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none;
    background-color: #000000;
}

.btn-danger {
	background-color: #dd1e23;
	border-color: #dd1e23;
}

.galeria {
  margin: 0 auto;
}

.galeria-item {
  width: 32%;
  margin-bottom: 10px;
  float: left;
	position: relative;
  overflow: hidden;
}

.galeria-item img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.4s ease;
  transform-origin: center center;
}

.galeria-item:hover img {
  transform: scale(1.05);
}

.galeria::after {
  content: "";
  display: block;
  clear: both;
  margin-bottom: 20px;
}

.lightbox {
  display: none; 
  position: fixed;
  z-index: 9999;
  padding-top: 60px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.9);
  text-align: center;
}

.lightbox-content {
  max-width: 80%;
  max-height: 80%;
}

.close {
  position: absolute;
  top: 20px;
  right: 35px;
  color: #fff;
  font-size: 40px;
  cursor: pointer;
}

.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  color: #fff;
  font-size: 40px;
  padding: 16px;
  user-select: none;
	text-decoration: none;
}

.prev { left: 20px; }
.next { right: 20px; }

.nav-link {
	text-transform: uppercase;
	font-weight: 600;
    transition: all .3s;
    font-size: 14px;
    line-height: 3rem;
}

.menu-item:last-child {
	
	margin-left: 25px;
}


.menu-item:last-child .nav-link {
	color: #1c262d;
	background: white;
	padding: 0 25px;
	margin-top: 10px;
}

.container-wide {
    max-width: 1920px;
}

.container-main {
    max-width: 1480px;
}

.hero {
	padding-top: 150px;
	padding-bottom: 5rem;
	background: #0F172A ;
background: linear-gradient(45deg,rgba(15, 23, 42, 1) 0%, rgba(30, 41, 59, 1) 50%, rgba(15, 23, 42, 1) 100%);
}
.hero-small {

	background: #0F172A ;
background: linear-gradient(45deg,rgba(15, 23, 42, 1) 0%, rgba(30, 41, 59, 1) 50%, rgba(15, 23, 42, 1) 100%);
}

.c2a {
	background: linear-gradient(45deg,rgba(15, 23, 42, 1) 0%, rgba(30, 41, 59, 1) 50%, rgba(15, 23, 42, 1) 100%);
	padding-top: 5rem;
	padding-bottom: 5rem;
}

.text-short {
	padding-top: 5rem;
	padding-bottom: 5rem;
	background-color: rgb(15 23 42);
}

.oferta-kategorie {
	background-color: rgb(2 6 23);
	padding-top: 5rem;
	padding-bottom: 5rem;
}

.game {
	background-color: rgb(2 6 23);
	padding-top: 5rem;
	padding-bottom: 5rem;
}

.hero-txt {
    max-width: 58rem;
    padding: 3rem 0;
    margin: 2rem 0 2rem auto;
}

.hero-txt p {
	font-size: 1.4rem;
    line-height: 1.4;
	font-weight: 300;
}

.icon-item svg, .icon-txt {
	display: inline-block;
	vertical-align: top;
}

.icon-item {
	margin: .75rem 0;
	backdrop-filterblur(4px);
background-color:rgba(30, 41, 59, 0.5);
border-bottom-color:rgba(51, 65, 85, 0.5);
border-radius:8px;

border-style:solid;
border-width:1px;
border-color:rgba(51, 65, 85, 0.5);
	padding: 15px;
	transition: all .3s;
}

.icon-item:hover {
	border-color: rgba(59, 130, 246, 0.5);
	-webkit-box-shadow: 0px 0px 20px 0px rgba(59, 130, 246, 0.5);
-moz-box-shadow: 0px 0px 20px 0px rgba(59, 130, 246, 0.5);
box-shadow: 0px 0px 20px 0px rgba(59, 130, 246, 0.5);
}

.icon-txt {
	width: calc(100% - 80px);
	padding-left: 15px;
}
@media (min-width: 992px) {
.about {
	margin-top: 10rem;
    margin-bottom: 10rem;
	background-color: rgb(15 23 42);
}

.about .row {
	margin-top: -4rem;
    margin-bottom: -4rem;
}
}

.header-wide {
	width: 100%;
	background-color: #1a253780;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

footer {
	background-color: rgb(2 6 23);
	padding: 20px 0;
	text-align: center;
}

h2 a {
	text-decoration: none;
	color: white;
}

.btn-danger {
	background: #2563EB ;
background: linear-gradient(90deg,rgba(37, 99, 235, 1) 0%, rgba(8, 145, 178, 1) 100%);
	border-color: rgba(59, 130, 246, 0.5);
	font-weight: 600;
}

.btn-danger:hover {
	background: #1D4ED8;
background: linear-gradient(90deg,rgba(29, 78, 216, 1) 0%, rgba(14, 116, 144, 1) 100%);
	border-color: rgba(59, 130, 246, 0.5);
	-webkit-box-shadow: 0px 0px 20px 0px rgba(59, 130, 246, 0.5);
-moz-box-shadow: 0px 0px 20px 0px rgba(59, 130, 246, 0.5);
box-shadow: 0px 0px 20px 0px rgba(59, 130, 246, 0.5);
}

.table-striped {
  --bs-table-striped-bg: rgb(2 6 23);
	color: white;
	border-color:  rgba(59, 130, 246, 1);
 }
.table-striped tbody tr:nth-child(even) td, .table-striped tbody tr:nth-child(even) th, .table-striped thead tr th {
  background-color: rgb(15 23 42);
	color: white;
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-color-type: white;

}
body #reservation {
  
    color: white!important;
}