/*
 Theme Name:   boscoclub
 Theme URI:    https://justbo.pl/
 Description:  A child theme of Twenty Twenty WordPress theme.
 Author:       D.
 Author URI:   https://justbo.pl
 Template:     twentytwenty
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

@import url("../twentytwenty/style.css");

/* deStyle */

body {
  background:#0D0D0D;
font-family: "Poppins", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ffffff !important;
  background-attachment: fixed;
}

body.custom-background {
  background: #222333 url(./img/bg.svg);
  background-size: 150%;
  background-attachment: fixed;
  background-position: bottom;
}

.fw-greeting{
  color: #ffffff;
  font-size: 1rem;
  margin: 1rem;
}

#superbossApp #SBContainerFull svg{float: left}
#superbossApp #buttonPickReserve, #superbossApp #buttonPickTicket{font-size: 1.4rem !important;line-height: 2.2 !important}
#cts-greeting {
  margin-left: 15px;
  font-weight: bold;
  position: absolute;
  top: 3.5rem;
  left: 7rem;
  font-size: 1rem;
  color: #ffffff;
}

#cts-form-wrapper {
  max-width: 400px;
  margin: 2rem 0;
}

 #superbossApp #SBContainer {
    padding-top: 0;
  }

html {
  scroll-behavior: smooth;scroll-padding-top: 85px; /* height of sticky header */
}

*{box-sizing: border-box;letter-spacing: 0 !important}

.section-inner{
	max-width: 1280px !important;
	margin: 0 auto;
	position: relative
	
}

a{text-decoration: none;cursor: pointer;}

.rezerwacja{
  color: #ffffff;
  padding: 0;
  margin: 0 ;
}

.modal-menu .rezerwacja a{
  color: #ffffff !important;
  border: solid 2px !important;
  padding: 1.7rem 2rem !important;
  margin: 0 !important;
  text-align: center
}

.primary-menu > li{
  margin:.5rem .5rem 0;
  padding: 1.7rem 1.2rem;
}

li{align-self: center}
#menu-item-15 a{color: #ffffff !important;font-size: 1.4rem}

p{
  line-height: 1.5;
  margin: 0 0 1em 0;
  font-size: 1.46rem;
}

.page-template-rezerwacja .mobile-bar{display: none}
.menu-item-eg{
  display: grid;
  grid-template-columns: 5rem auto;
  padding: 2rem 3rem;
  gap: 2rem;
  background: #222333;box-shadow: 0px 8px 24px rgba(0,0,0,.08);
}
.menu-item-eg img {
  height: 5rem;
  width: 5rem;
  object-fit: contain;
}

.menu-item-eg h4{font-size: 1.4rem;align-self: center}

.menu-desc h4{margin: 0 0 .5rem}
.menu-desc p{margin: 0}
.cena{font-size: 3rem;font-weight: bold;text-align: right}
.waluta{font-size: 1.4rem}
#site-header {
  background: #0d0d0d;
  position: sticky;
  top: 0;
  z-index: 99;
  padding: 1rem;
}

.primary-menu .icon::before, .primary-menu .icon::after{color: #ffffff;}

.primary-menu a {
  color: #ffffff !important;
  font-size: 1.24rem;
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: 0 !important;
}

.primary-menu a:hover{text-decoration: none;color: #fff !important}
.current-menu-item a{text-decoration: none !important;color: #ffffff !important}
.header-inner {
   padding: 1.5rem 0;}

.site-logo img{height: 3.5rem}

.header-inner .toggle path {
    fill: #ffffff;
}

.menu-modal-inner{background: #222221;color: #fff;}
.section-title{
    text-align: center;
    text-transform: uppercase;
}

.flex-box{display: flex}
.d-block{display: block !important}
.w-100{width: 100%;text-align: center}

.mini-container{
    max-width: 900px;
    margin: 2rem auto;
    text-align: center;
    color: #fff;
    padding: 3rem;
    align-self: center
}

.logo-naglowek{
  height: 4rem !important;
  width: 4rem !important;
  object-fit: contain !important;
  min-height: 5rem !important;
}

.btn-orange {
    background: #e44200;
    color: #fff;
    border: solid 2px #e44200;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 1.4rem;
    padding: 1.5rem 3rem;
    display: table;
    margin: 1rem auto;
    border-radius: 10px;
    transition: transform 0.9s;-webkit-transition: 0.9s;
}

.btn-orange:hover {
    background: #fff;
    color: #e44200;
    border: solid 2px #e44200;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 1.4rem;
    padding: 1.5rem 3rem;
    display: table;
    margin: 1rem auto;
    border-radius: 10px;
    transition: transform 0.9s;-webkit-transition: 0.9s;
}

.btn-white {
    background: #fff;
    color: #e44200;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 1.4rem;
    padding: 1.5rem 3rem;
    display: table;
    margin: 1rem auto;
    border-radius: 10px;
    transition: transform 0.9s;-webkit-transition: 0.9s;
    border: solid 2px;
}

.btn-white:hover {
    background: #e44200;
    color:#fff ;
    border: solid 2px #e44200;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 1.4rem;
    padding: 1.5rem 3rem;
    display: table;
    margin: 1rem auto;
    border-radius: 10px;
    transition: transform 0.9s;-webkit-transition: 0.9s;
}

.btn-group:after {
  content: "";
  clear: both;
  display: table;
}

.footer-logo{height: 2.9rem;margin: 1rem auto}

.footer-desc ul {
  margin: 0;
  display: flex;
  justify-content: center;
  list-style: none
}

#site-footer{
    font-size: 1.64rem;
    padding: 5rem 0 10rem;
    background: #28293b;
    box-shadow: 0 1px 1px #00000016;
}
.menu .rezerwacja a{color: #ffffff !important}
#menu-first-menu-2, #menu-first-menu-3{display: flex;list-style: none;margin: 0;}

#site-footer a {
    color: #ffffff;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 1.32rem;
}

.footer-desc{
    margin-bottom: 5rem;
    text-transform: uppercase;
    font-size: 1.24rem;
}

.custom-menu-class{align-self: flex-start}


.copy-footer{
    text-align: center;
    display: block !important;
    color: #fff;
}
.copy-footer small{display: block}

.jack{display: block;float: right}

.copy-desc{font-size: 1rem;color: #999;text-transform: uppercase}

.breadcrumbs{
    font-size: 1.4rem;
    padding: 1rem 0;
    text-transform: uppercase;
    margin-bottom: 3rem;
}

.breadcrumb_last{font-weight: bold}

.breadcrumbs a{
    color: #000 !important;
    font-weight: normal;
}

.center-self{align-self: center}


.product-desc h5 {
    font-size: 1.6rem;
    margin: 2rem 0;
}

.imp-tooltip{box-shadow: 0 10px 30px #00000036;}

.gallery-ul{list-style: none;margin: 0;padding: 0px}
.gallery-ul li{
    margin: 0
}

.gallery-ul img {
    height: 205px;
    object-fit: cover;
    width: 100%;
}

#swipebox-slider .slide{background: #222221}

#swipebox-bottom-bar.visible-bars{background: #ffffff}

.parametr-item:nth-child(even){background: #f9f9f9}
.parametr-item{background: #fff;padding: 2rem;font-size: 1.4rem;color: #000;
text-align: left;}
.parametr{font-weight: 900;text-transform: uppercase}

.parametr-item:first-child{border-radius: 20px 20px 0 0}
.parametr-item:last-child{border-radius: 0px 0px 20px 20px}

.bg-shadow{
	box-shadow: 0px 0px 1px #00000016;
border: solid 1px #f3f3f3;
border-radius: 20px;
}

#swipebox-overlay {
    background: #fff !important;
}

.entry-categories a{color: #e44200;margin-bottom: 0}
.entry-categories {
    margin-bottom: 1rem;
}

h1.entry-title, h2.entry-title {
    margin: 0;
    text-align: center;
}

h2.entry-title {
    font-size: 4.4rem;
    line-height: 1em;
    text-align: center;
    font-weight: 900;
}

.type-post{margin-top: 3rem}

.post-name{margin: 0 0 2rem}
.page .entry-header{padding-top: 3rem !important}
.post-meta-single-top .post-meta {
    justify-content: center;
    font-size: 1rem;
}
.featured-media {
    margin-top: 3rem;
}

.featured-media img{
    box-shadow: 0px 0px 1px #00000016;
    border: solid 1px #f3f3f3;
    margin: 1rem auto;
    width: 100%;
    height: 420px;
    object-fit: cover;
}

.singular .featured-media-inner{padding: 0 0rem}

.post-inner {
    padding: 0;
}

.entry-content {
    font-family: 'Poppins';
    letter-spacing: normal;
}



body:not(.singular) main > article:first-of-type {
    padding: 0;
}

.archive-header {
    padding: 3rem 0 0;
    text-align: left;
    background: transparent
}

.archive-header .color-accent{display: none}
.post-separator{display: none}
.singular .entry-header {
    padding: 0rem 0;background: transparent
}

.post-image img {
    height: 40rem;
    object-fit: cover;
    width: 100%;
    object-position: center center;
}

.cat-post a{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.4rem;
    color: #003862
}

.singular .featured-media::before{background: transparent}

.post-meta-wrapper {
    margin-top: 2rem;
}

.sub-menu{background: #000 !important;}
.primary-menu ul a{font-size: 1.4rem}
.styled-separator{display: none}
.pagination-single-inner {
    flex-direction: row;
    justify-content: space-between;
    border-top: solid 1px;
    border-bottom: solid 1px;
    border-color: #ddd;
    padding: 2rem 0;
}

.pagination-single a{color: #000}

.section-inner.medium {
    max-width: 1280px;
    padding: 0 0 2rem 0;
    text-align: left
}

section{padding: 1.5rem 0 0}

.section-inner.medium h1{text-align: left}

hr {
    margin: 2rem auto;
}

.lewa img{border-radius: 0;min-height: 600px; object-fit: cover; box-shadow: 0 1px 1px #00000016;}
.prawa img{border-radius: 0;min-height: 600px; object-fit: cover; box-shadow: 0 1px 1px #00000016;}


.more{
  border: solid 2px;
  color: #ffffff;
  font-size: 1.4rem;
  font-weight: bold;
  padding: 1.5rem 3rem;
  display: table;
  border-radius: 0;
  text-transform: uppercase;
  margin: 2rem 0;
}


.more-white {
    border: solid 2px;
    color: #fff;
    font-size: 1.4rem;
    font-weight: bold;
    padding: 1.5rem 3rem;
    display: table;
    border-radius: 0;
}


iframe {
    display: block;
    max-width: 100%;
}

.self-center{align-self: center}

.nf-form-cont{margin-right: 5rem}
.nf-form-fields-required{font-style: 1rem}
.checkbox-container.label-right .field-wrap {
    display: block !important;
	padding-top: 3rem
}

.nf-field-description p{font-size: 1rem}

.nf-form-content input[type="button"]{
  background: #ffffff !important;
  color: #fff;
  border: solid 2px #e44200;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 1.4rem;
  padding: 1.5rem 3rem;
  display: block;
  margin: 0rem auto;
  transition: transform 0.9s;
  -webkit-transition: 0.9s;
  width: 100% !important;
  font-family: 'Oswald';
}

.nf-form-content:hover input[type="button"] {
  background: #fff !important;
  color: #ffffff !important;
  border: solid 2px #ffffff;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 1.4rem;
  padding: 1.5rem 3rem;
  display: block;
  margin: 0rem auto;
  transition: transform 0.9s;
  -webkit-transition: 0.9s;
  width: 100% !important;
  font-family: 'Oswald';
}

.alignnone, .aligncenter {
    margin-bottom: 4rem;
    margin-top: 4rem;
	width: 100%;
}

ul, ol {
    margin-bottom: 4rem;
    margin: 2rem 0;
    font-size: 1.4rem;
  }

.right-img .lewa{order: 2}
.right-img .prawa{order: 1}

.news-item img{height: 30rem;object-fit:cover;width: 100%}

.news-item h2{
  font-size: 2rem;
  color: #ffffff;
  font-weight: 900;
  margin: 1rem 0;
}
.autor-box {
  font-size: 1rem;
  text-transform: uppercase;
  color: #fff;
}
.archive-title{font-weight: 900;font-size: 3rem}

/* PAGE STYLES */
* { box-sizing: border-box; }
html {
  font-family: 'Montserrat', sans-serif;
}
.pin-title {
  position: fixed;
  top: 1.875rem;
  bottom: 1.875rem;
  left: auto;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Exo', sans-serif;
  font-weight: 800;
  font-size: 800%;
  letter-spacing: 0.0625rem;
  color: #f3f3f3;
  user-select: none;
  z-index: -1;
  text-align: center;
}


/* COOKIE POPUP STYLES */

.cookie-popup{
  font-size: 1.4rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: fixed;
  bottom: 0px;
  top: auto;
  left: 0;
  right: 0;
  padding: 0;
  box-shadow: 0 0 0.625rem 0 rgba(0,0,0, .15);
  line-height: 150%;
  transition: opacity .5s;
  opacity: 0;
}
.cookie-popup--short {
  right: none;
  width: 30rem; 
}
.cookie-popup--dark {
  background: #fff;
  color: #000;
}
.cookie-popup--not-accepted {
  opacity: 1;
  animation: cookie-popup-in .5s ease forwards;  
}
.cookie-popup--accepted {
  opacity: 0;
}
.cookie-popup a {
  color: skyblue;
}
.cookie-popup a:visited {
  color: skyblue;
  text-decoration: none;
}
.cookie-popup-actions {
  flex: 1;
  text-align: right;
}
.cookie-popup-actions button {
  color: #000;
  background: none;
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1.25rem;
  padding: 1rem;
  cursor: pointer;
  border: solid 1px;
  margin: 0rem 1.5rem 1rem 1rem;
}
.cookie-popup-actions button:hover {
  text-decoration: underline;
}

@keyframes cookie-popup-in {
  from { bottom: -6.25rem; }
  to { bottom: 1.25rem; }
}



.bosco-section {
    padding: 0;
}

.bosco-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
}

.bosco-grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
}

.bosco-grid-3 {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: 2rem;
}

.bosco-grid-4 .bosco-content h3 {
  font-size: 2.5rem;
  margin: 0 0 0.5rem;
  font-weight: 900;
  width: 90%;
  line-height: 1
}

.bosco-grid-4 .bosco-content p {
  font-size: 1rem;
  opacity: 0.85;
  margin: 0 0 .5rem;
}
.bosco-card {
    position: relative;
    display: block;
    height: 500px;
    overflow: hidden;
    text-decoration: none;
    color: #fff;
}

.bosco-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease;
}

.bosco-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0.2));
}

.bosco-content {
    position: absolute;
    bottom: 40px;
    left: 40px;
    right: 40px;
    z-index: 2;
}

.bosco-content h3 {
  font-size: 2.5rem;
  margin: 0 0 0.5rem;
  font-weight: 900;
}
.bosco-content p {
    font-size: 1rem;
    opacity: 0.85;
}

.bosco-arrow {
    position: absolute;
    bottom: 40px;
    right: 40px;
    width: 50px;
    height: 50px;
    background: #d8a146;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    z-index: 2;
    transition: transform 0.3s ease;
}

.bosco-card:hover .bosco-bg {
    transform: scale(1.05);
}

.bosco-card:hover .bosco-arrow {
    transform: translateX(5px);
}

/* RESPONSIVE */

@media(max-width: 1024px){
    .bosco-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .bosco-grid-4 {
        grid-template-columns: repeat(2, 1fr);
    }
    
     .bosco-grid-3 {
        grid-template-columns: repeat(1fr);
    }
}

@media(max-width: 768px){
    .bosco-grid {
        grid-template-columns: 1fr;gap: .5rem;
    }
    .bosco-grid-3{
        grid-template-columns: 1fr;gap: .5rem;
    }
    
    .bosco-grid-4{
        grid-template-columns: 1fr;gap: .5rem;
    }

	.bosco-content h3 {
  font-size: 2rem;
  margin: 0 0 0.5rem;
  font-weight: 900;
}

.bosco-arrow {
  position: absolute;
  bottom: 40px;
  right: 20px;
  width: 30px;
  height: 30px;
  background: #d8a146;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  z-index: 2;
  transition: transform 0.3s ease;
}
    .bosco-card {
        height: 200px;
    }
}

.bosco-card {
    position: relative;
    display: block;
    overflow: hidden;
    text-decoration: none;
    color: #fff;

    /* animacja start */
    opacity: 0;
    transform: translateY(40px);
    transition: 
        opacity 0.8s cubic-bezier(.2,.65,.3,1),
        transform 0.8s cubic-bezier(.2,.65,.3,1);
    transition-delay: var(--delay, 0ms);
}

.bosco-card.active {
    opacity: 1;
    transform: translateY(0);
}



/* HEADINGS STYLE */
h1, h2, h3, h4, h5, h6{color: #ffffff;font-family: "Poppins", sans-serif}
h1 {
  font-size: 3rem;
  margin: 2rem 0 0;
  font-weight: 900;
  line-height: 1.2em;
  letter-spacing: 0 !important;
  text-transform: uppercase;
}

h2 {
  font-size: 2.4rem;
  margin: 2rem 0;
  font-weight:900;
  line-height: 1.2em;
  letter-spacing: 0 !important;
  text-transform: uppercase;
}

h3 {
  font-size: 2.3rem;
  margin: 0 0 2rem 0;
  font-weight: 900;
  line-height: 1.2em;
  letter-spacing: 0 !important;
  text-transform: uppercase;
}

h4{
  font-size: 2rem;
  margin: 1rem 0;
  font-weight: 900;
  line-height: 1.2em;
  letter-spacing: 0 !important;
  text-transform: uppercase;
}

h5 {
  font-size: 2rem;
  margin: 1rem 0;
  font-weight: 900;
  line-height: 1.2em;
  letter-spacing: 0 !important;
  text-transform: uppercase;
}

h6 {
  font-size: 1.8rem;
  margin: 1rem 0;
  font-weight: 900;
  line-height: 1.2em;
  letter-spacing: 0 !important;
  text-transform: uppercase;
}

/* END HEADINGS STYLE */

/* GRID STYLE */
.grid-2{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 2rem}
.grid-3{display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 2rem}
.grid-4{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 2rem}
.grid-5{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;grid-gap: 2rem}
.grid-6{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;grid-gap: 2rem}
.grid-8{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-gap: 2rem}
.grid-10{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-gap: 2rem}
.grid-12{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-gap: 2rem}

.grid-2-auto{display: grid;grid-template-columns: auto auto;grid-gap: 2rem}
.grid-3-auto{display: grid;grid-template-columns: auto auto auto;grid-gap: 2rem}
.grid-4-auto{display: grid;grid-template-columns: auto auto auto auto;grid-gap: 2rem}
.grid-5-auto{display: grid;grid-template-columns: auto auto auto auto auto;grid-gap: 2rem}
.grid-6-auto{display: grid;grid-template-columns: auto auto auto auto auto auto;grid-gap: 2rem}
.grid-8-auto{display: grid;grid-template-columns: auto auto auto auto auto auto auto auto;grid-gap: 2rem}
.grid-10-auto{display: grid;grid-template-columns: auto auto auto auto auto auto auto auto auto auto;grid-gap: 2rem}
.grid-12-auto{display: grid;grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto ;grid-gap: 2rem}

.grid-13{display: grid;grid-template-columns: 1fr 3fr;grid-gap: 2rem}
.grid-23{display: grid;grid-template-columns: 2fr 3fr;grid-gap: 2rem}
.grid-32{display: grid;grid-template-columns: 3fr 2fr;grid-gap: 2rem}

.gap-5{gap:5rem}

/* END GRID STYLE */

/* PADDING STYLE */

/* PADDING ALL */
.p-1{padding: 1rem;}
.p-2{padding: 2rem;}
.p-3{padding: 3rem;}
.p-4{padding: 4rem;}
.p-5{padding: 5rem;}
.p-10{padding: 10rem;}
/* END PADDING ALL */

/* PADDING TOP */
.pt-1{padding-top: 1rem;}
.pt-2{padding-top: 2rem;}
.pt-3{padding-top: 3rem;}
.pt-4{padding-top: 4rem;}
.pt-5{padding-top: 5rem;}
.pt-10{padding-top: 10rem;}
/* END PADDING TOP */

/* PADDING BOTTOM */
.pb-1{padding-bottom: 1rem;}
.pb-2{padding-bottom: 2rem;}
.pb-3{padding-bottom: 3rem;}
.pb-4{padding-bottom: 4rem;}
.pb-5{padding-bottom: 5rem;}
.pb-10{padding-bottom: 10rem;}
/* PADDING BOTTOM */

/* PADDING LEFT */
.pl-1{padding-left: 1rem;}
.pl-2{padding-left: 2rem;}
.pl-3{padding-left: 3rem;}
.pl-4{padding-left: 4rem;}
.pl-5{padding-left: 5rem;}
.pl-10{padding-left: 10rem;}
/* END PADDING LEFT */

/* END PADDING STYLE */

/* PADDING RIGHT */
.pr-1{padding-right: 1rem;}
.pr-2{padding-right: 2rem;}
.pr-3{padding-right: 3rem;}
.pr-4{padding-right: 4rem;}
.pr-5{padding-right: 5rem;}
.pr-10{padding-right: 10rem;}
/* END PADDING RIGHT */

/* MARGIN STYLE */

/* MARGIN ALL */
.m-1{margin: 1rem;}
.m-2{margin: 2rem;}
.m-3{margin: 3rem;}
.m-4{margin: 4rem;}
.m-5{margin: 5rem;}
.m-10{margin: 10rem;}
/* END margin ALL */

/* MARGIN TOP */
.mt-1{margin-top: 1rem;}
.mt-2{margin-top: 2rem !important;}
.mt-3{margin-top: 3rem !important;}
.mt-4{margin-top: 4rem;}
.mt-5{margin-top: 5rem;}
.mt-10{margin-top: 10rem;}
/* END MARGIN TOP */

/* MARGIN BOTTOM */
.mb-1{margin-bottom: 1rem;}
.mb-2{margin-bottom: 2rem !important;}
.mb-3{margin-bottom: 3rem !important;}
.mb-4{margin-bottom: 4rem;}
.mb-5{margin-bottom: 5rem !important;}
.mb-10{margin-bottom: 10rem;}
/* MARGIN BOTTOM */

/* MARGIN LEFT */
.ml-1{margin-left: 1rem;}
.ml-2{margin-left: 2rem;}
.ml-3{margin-left: 3rem;}
.ml-4{margin-left: 4rem;}
.ml-5{margin-left: 5rem;}
.ml-10{margin-left: 10rem;}
/* END margin LEFT */

/* END MARGIN STYLE */

/* MARGIN RIGHT */
.mr-1{margin-right: 1rem;}
.mr-2{margin-right: 2rem;}
.mr-3{margin-right: 3rem;}
.mr-4{margin-right: 4rem;}
.mr-5{margin-right: 5rem;}
.mr-10{margin-right: 10rem;}
/* END MARGIN RIGHT */

/* END MARGIN STYLE */

/* RADIUS STYLE */

/* RADIUS ALL */
.br-mini{border-radius: 0.4rem;}
.br-1{border-radius: 1rem;}
.br-2{border-radius: 2rem;}
.br-3{border-radius: 3rem;}
.br-5{border-radius: 5rem;}
/* RADIUS ALL STYLE */

/* RADIUS STYLE */


/* BG STYLE */

.bg-white{background: #ffffff;}

/* END BG STYLE */

/* SHADOW STYLE */

.shadow-small{box-shadow: 0px 1px 1px rgba(0,0,0,.08);transition: transform 0.9s;-webkit-transition: 0.9s;}
.shadow-normal{box-shadow: 0px 8px 24px rgba(0,0,0,.08);transition: transform 0.9s;-webkit-transition: 0.9s;}
.shadow-big{box-shadow: 21px 40px 60px rgba(0,0,0,.15);transition: transform 0.9s;-webkit-transition: 0.9s;}

.shadow-small:hover{box-shadow: 0px 8px 24px rgba(0,0,0,.08);transition: transform 0.9s;-webkit-transition: 0.9s;z-index: 99}
.shadow-normal:hover{box-shadow: 21px 40px 60px rgba(0,0,0,.15);transition: transform 0.9s;-webkit-transition: 0.9s;z-index: 99}
.shadow-big:hover{box-shadow: 0px 1px 1px rgba(0,0,0,.08);transition: transform 0.9s;-webkit-transition: 0.9s;z-index:99}

/* SHADOW STYLE */

/* ZOOM STYLE */

.zoom-1{transform: scale(1);}
.zoom-2{transform: scale(1);}
.zoom-3{transform: scale(1);}

.zoom-1:hover{transform: scale(1.05);}
.zoom-2:hover{transform: scale(1.075);}
.zoom-3:hover{transform: scale(1.10);}

/* END ZOOM STYLE */

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext{
    visibility: hidden;
    font-size: 1.2rem;
    min-width: 70px;
    background-color: #f2f2f2;
    color: #000;
    text-align: center;
    padding: 1rem;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    top: -30px;
    box-shadow: 0 1px 3px #00000024;
    left: -15px;
    font-weight: 900;
    text-transform: uppercase;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}


.modal-menu > li > .ancestor-wrapper > a {
  font-size: 1.5rem;
  font-weight: 500;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none !important;
}
.modal-menu li{border-color: #444444 !important}
button.close-nav-toggle .toggle-text {
    margin-right: 1.6rem;
    font-size: 1.2rem;color: #fff;
}

.fill-children-current-color * {
  fill: #fff;
}

.hero-img {
    max-height: 420px;
    width: 100%;
    object-fit: cover;
    border-radius: 0;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.01);
}

.brand-item{
    border-radius: 0;
    height: 30rem;
    background-size: cover !important;
    background-position: center center !important;
    position: relative;
}

.brand-item:hover{
	z-index: 9;
}

.brand-item:hover .brand-logo{background: transparent;transition: transform 0.9s;-webkit-transition: 0.9s;}
.brand-logo  {
    background: #fff;
    padding: 2rem ;
    width: 100%;
    border-radius: 0;
    transition: transform 0.9s;-webkit-transition: 0.9s;
}
.brand-logo img{max-width: 15rem;height: 3rem;margin: 0 auto}

#menu-main-menu-2 {
    display: flex;
    list-style: none;
    margin: 2rem auto;
    justify-content: center;
}

.hero-desc{text-align: center;max-width: 50% !important}
.hero-desc h1{font-size: 7.5rem;line-height: 1}
.hero-desc p{color: #ffffff}
.shop-item{background: #fff;display: grid;
    grid-template-columns: 1fr 5fr;
    grid-gap: 2rem;
    }

.shop-logo{border-right: solid 1px #ddd;padding: 1rem}
.shop-logo img{width: 100%}
.shop-link{
    color: #000;
    font-weight: bold;
    border: solid 1px;
    padding: 1rem;
    margin-right: 1rem;
}

.dealer{
    background: #003862;
    color: #fff;
    position: sticky;
    top: 100px;
    padding: 5rem;
}
.add-dealer{position: relative}

.sklepy h1{
    margin: 0 0 2rem;
    font-size: 2.2rem;
}

.contact-item {
    display: grid;
    grid-template-columns: 170px auto;
    background: #fff;
    grid-gap: 2rem;
    font-size: 1.4rem
}

.contact-item h5{margin: 0;}
.contact-item h6{font-size: 1rem;margin: 0 0 1rem;font-weight: normal}
.call-me{
    color: #003862;
    font-weight: normal;
    font-size: 1.8rem;
    display: block;
}

.toggle-inner .toggle-text{
    position: static;
    padding-right: 20px;
    font-size: 1rem !important;
    color: inherit;
    text-transform: uppercase;
    letter-spacing: 3px !important;
}

button.close-nav-toggle .toggle-text{
    font-size: 1rem !important;
    text-transform: uppercase;
    letter-spacing: 3px !important;
}
.nav-toggle .toggle-inner{padding-top: .6rem}

.subtitle-eg{
  margin: 0;
  font-weight: normal;
  font-size: 1.6rem;
}

.subtitle-eg-red{
  font-size: 2.6rem;
  margin: 0;
  font-weight: 900;
  line-height: 1.2em;
  letter-spacing: 0 !important;
  text-transform: uppercase;
  color: #ffffff;
}

.menu-cat-item{
  background: #FAF7F2;
  text-align: center;
  padding: 2rem;
}

.menu-cat-item h4{font-size: 1.6rem;color: #00455F}

.menu-cat-item img {
  height: 6rem;
  margin: 0 auto;
}

.eg-social-box .rezerwacja {
  color: #ffffff;
  border: solid 2px;
  padding: 1.7rem 2rem;
  margin:1rem 0;
  display: block;
  text-align: center;
  text-transform: uppercase;
}

.eg-kontakt h2{
  font-size: 3.2rem;
  margin: 0;
  font-weight: 900;
  text-transform: uppercase;
  color: #ffffff;
}

.border-b{border-bottom: solid 1px #FAF7F2}
.pl-3{padding-left: 3rem}
.pr-3{padding-right: 3rem}

.eg-tel a{
  font-size: 2rem;
  color: #ffffff;
  font-weight: normal;
}
.eg-email a{
  font-size: 2rem;
  color: #ffffff;
  font-weight: normal;
}
.day {
  margin: 1rem 0;
}

.prawa h3 {
  font-size: 5rem;
  line-height: 1;
  color: #ffffff;
  font-weight: 900;
  margin-bottom: 1rem;
}

.kontakt-form .section-inner{display: block !important}
.nf-form-fields-required{
  font-size: 1.2rem;
  font-style: italic;
}

.nf-form-content label {
  font-size: 1.6rem;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: 900;
}

.nf-form-content .list-select-wrap .nf-field-element > div, .nf-form-content input:not([type="button"]), .nf-form-content textarea{
  background: #FDFCFA !important;
  border: 2px solid #ffffff !important;
  border-radius: 0 !important;
  box-shadow: none;
  color: #787878 !important;
  transition: all .5s;
}
.nf-form-content input[type="submit"]{background: #ffffff !important;color: #fff !important}

.hour{
  background: #FDFCFA !important;
  border: 2px solid #ffffff !important;
  border-radius: 0 !important;
  box-shadow: none;
  color: #787878 !important;
  transition: all .5s;
  padding: 1.2rem !important;
  margin-right: 1rem !important
}

.minute{
  background: #FDFCFA !important;
  border: 2px solid #ffffff !important;
  border-radius: 0 !important;
  box-shadow: none;
  color: #787878 !important;
  transition: all .5s;
  padding: 1.2rem !important;
  margin-left: 1rem !important
}

#menu-first-menu-2 .sub-menu{display: none}

.mobile-bar {
  position: fixed;
  top: auto;
  right: 2rem;
  left: 2rem;
  z-index: 99999;
  bottom: 2rem;
  display: flex;
  gap: 2rem;
  justify-content: end;
}
.mobile-bar img{height: 5.5rem;margin-bottom: 1px}

.booknow{
    display: block;
    background: #0009;
    align-self: center;
    padding: 1.25rem;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.4rem;
    border: solid 1px #ffffff;
  }

.page-image img {
  width: 100%;
  max-width: 2580px;
  height: 65vh;
  object-fit: cover;
  object-position: center;
}
.scroll-box  {
  max-height: 78rem;
  overflow-y: auto;
  overflow-x: hidden;
  scroll-behavior: smooth;
  padding-right: 10px;
}

.more-home{
  border: solid 2px;
  color: #ffffff;
  font-size: 1.4rem;
  font-weight: bold;
  padding: 1.5rem 3rem;
  display: table;
  border-radius: 0;
  text-transform: uppercase;
  margin: 2rem auto;text-align: center;
}

.full-desc a{color: #ffffff !important}
.label-above .field-wrap, .label-below .field-wrap{margin-bottom: 1rem !important}
.nf-form-content{width: 1280px}
/* On screens that are 992px or less, set the background color to blue */

.section-inner .grid-32 p a{color: #ffffff !important}
.ready{
    max-width: 500px;
    margin: 2rem 0 !important;
    text-align: center;
    border: 2px solid #ffffff;
    padding: 40px;
    background: transparent;
    border-radius: 10px;
}
#cts-ticket-box {
    max-width: 500px;
    margin: 2rem 0 !important;
    text-align: center;
    border-radius: 10px;
    border: 2px solid #ffffff !important;
    padding: 4rem;
}
#cts-form-wrapper {
    max-width: 500px;
    margin: 2rem 0 !important;
    text-align: left;
    border-radius: 10px;
    border: 2px solid #ffffff !important;
    padding: 4rem;
}


.hero-video {
    position: relative;
    height: 60vh;
    overflow: hidden;
}

.hero-video__media {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.hero-video__video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-video__video--mobile {
    display: none;
}

.hero-video__overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
}

.hero-video__content {
    position: relative;
    z-index: 3;
    height: 100%;
    display: flex;
    align-items: center;
    color: #fff;
}

.section-inner {
    width: 100%;
    max-width: 1200px;
    padding: 0;
    margin: 0 auto;
}

.hero-video__link {
    display: inline-block;
    background: #0009;
  align-self: center;
  padding: 1.25rem 2rem;
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.4rem;
  border: solid 1px #ffffff;
  margin-top: 2rem
}


/* MOBILE */
@media (max-width: 768px) {
    .hero-video__video--desktop {
        display: none;
    }
    .hero-video__video--mobile {
        display: block;
    }
}

.wa-gold{
  display: block;
  background: #0009;
  align-self: center;
  padding: 1.25rem;
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
  border: solid 1px #ffffff;
}

.wa-gold  img {
  height: 2.1rem;
  margin-bottom: 1px;
}
.prawa-kontakt iframe {
  display: block;
  max-width: 100%;
}

.grid-4-kontakt {
  display: flex;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 8rem;
}

/* GRID */
.grid-3-home {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-bottom: 3rem;
}

@media (max-width: 1024px) {
    .grid-3-home {
        grid-template-columns: 1fr;
    }
}

/* BOX */
.kluby-section {
    position: relative;
    height: 60vh;
    min-height: 320px;
    overflow: hidden;

    display: flex;
    align-items: center;
    justify-content: center;

    background-size: cover;
    background-position: center;

    transform: translateY(40px);
    opacity: 0;
    transition:
        opacity .9s cubic-bezier(.25,.46,.45,.94),
        transform 1.1s cubic-bezier(.25,.46,.45,.94);
}

/* wejście on-scroll */
.kluby-section.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* tło do zoomu */
.kluby-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transform: scale(1);
    transition: transform 1.6s cubic-bezier(.19,1,.22,1);
    z-index: 1;
}

/* overlay */
.kluby-section::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(0,0,0,0.65) 0%,
        rgba(0,0,0,0.35) 45%,
        rgba(0,0,0,0.65) 100%
    );
    z-index: 2;
    pointer-events: none;
}
/* logo */
.kluby-section img {
    position: relative;
    z-index: 3;
    max-width: 180px;
    max-height: 180px;
    transition: transform .9s cubic-bezier(.19,1,.22,1);
}

/* ========================= */
/* HOVER – TYLKO DESKTOP */
/* ========================= */
@media (hover: hover) and (pointer: fine) {
    .kluby-link:hover .kluby-section::before {
        transform: scale(1.15);
        transition-delay: .15s;
    }

    .kluby-link:hover .kluby-section img {
        transform: scale(1.08);
        transition-delay: .2s;
    }
}


.kluby-opis{
  text-align: center;
  align-self: center;
  padding: 5rem;
}

.kluby-opis .more{margin: 2rem auto;}

.kluby-opis h2 {
  font-size: 3.4rem;
  margin: 0 0 2rem 0;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0 !important;
  text-transform: uppercase;
}

/* ===== SECTION ===== */
.menu-section {
    margin: 60px 0;
}


.full-size{
  width: 100%;
  height: 70vh !important;
}

.page-template-menu-page .mt-3{margin-top: 0 !important}

/* =========================
   ACF GALLERY GRID
========================= */
.acf-gallery-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1px;
    margin:  0 auto;
}

/* item */
.acf-gallery-item  {
  position: relative;
  overflow: hidden;
  background: #000;
  margin: 0;
  padding: 0;
}
/* obraz */
.acf-gallery-item img {
    width: 100%;
    height: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    display: block;
    transition: transform .6s cubic-bezier(.16,1,.3,1);
}

/* hover */
@media (hover: hover) {
    .acf-gallery-item:hover img {
        transform: scale(1.08);
    }
}

/* =========================
   RESPONSIVE
========================= */
@media (max-width: 1200px) {
    .acf-gallery-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .acf-gallery-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1px;
    }
}

@media (max-width: 480px) {
    .acf-gallery-grid {
    }
}

/* =========================
   VIDEO GALLERY
========================= */
.acf-video-gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    margin: 0 auto;
}

.video-item {
    position: relative;
    overflow: hidden;
    background: transparent;
}

/* miniatura */
.video-item img {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    display: block;
    transition: transform .6s cubic-bezier(.16,1,.3,1);
}

/* hover */
@media (hover: hover) {
    .video-item:hover img {
        transform: scale(1.08);
    }
}

/* play button */
.video-play {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
}

.video-play::before {
    content: '';
    width: 64px;
    height: 64px;
    background: rgb(211, 170, 127);
    border-radius: 50%;
    backdrop-filter: blur(4px);
}

.video-play::after {
    content: '';
    position: absolute;
    margin-left: 4px;
    width: 0;
    height: 0;
    border-left: 16px solid #222333;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

.klub .mb-3 {
  margin-bottom: 3rem !important;
}

.klub .mt-3 {
  margin-top: 3rem !important;
}

.klub .hero-video {
  position: relative;
  height: 60vh;
  overflow: hidden;
}

.klub .hero-desc {
  text-align: center;
  max-width: 1280px !important;
}

.klub .hero-video__content {
  position: relative;
  z-index: 3;
  height: 100%;
  display: flex;
  align-items: center;
  color: #fff;
  padding-bottom: 10rem;
}

.klub .prawa h3 {
  font-size: 3.3rem;
  line-height: 1;
  color: #ffffff;
  font-weight: 900;
  margin-bottom: 1rem;
}
.klub .lewa img {
  border-radius: 0;
  min-height: 70vh;
  width: 100%;
  object-fit: cover;
  box-shadow: 0 1px 1px #00000016;
}
/* =========================
   RESPONSIVE
========================= */
@media (max-width: 1024px) {
    .acf-video-gallery {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 600px) {
    .acf-video-gallery {
        grid-template-columns: 1fr;
        gap: 1px;
    }
}

.rezerwacja .page-image img {
  width: 100%;
  max-width: 2580px;
  height: 15vh;
  object-fit: cover;
  object-position: center;
}
#menu-podstawowy-2 .sub-menu {display: none}
.section-title-center{color: #d8a146}

.bosco-item {
  display: flex;
  gap: 2rem;
  background: #000;
  padding: 3rem;
  color: #fff;
}
.bosco-item p{font-size: 1rem}
.bosco-item h4{margin-bottom: 0}

.bosco-item img{
  height: 5rem;
  width: 5rem;
  object-fit: contain;
}

.page-template-home-page .lewa img{
  border-radius: 0;
  min-height: 600px;
  box-shadow: 0 1px 1px #00000016;
  width: 100%;
  object-fit: cover;
  max-height: 600px;
  object-position: top;
}


#menu-container  {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr 1fr 1fr;
}
#menu-container canvas {
    flex: 0 0 auto;
    max-height: 880px;
}

@media screen and (max-width: 768px) {
    #menu-container {
        display: grid;grid-template-columns: 1fr;
    }
    #menu-container canvas {
        width: 100% !important;
        height: auto !important;
    }
}

.page-hero{height: 20rem;
  background-size: cover;
  background-attachment: fixed;
  display: flex;clip-path: polygon(0% 0%, 100% 0%, 100% 95%, 52% 95%, 50% 100%, 48% 95%, 0 95%);
  }
.page-hero-overlay{display: flex;justify-content: center;}
.page-title{margin: 0}

.page-template-info-page .grid-32{grid-template-columns: 1fr 1fr}
.page-template-info-page .grid-23{grid-template-columns: 1fr 1fr}

.page-template-info-page .lewa img {
  border-radius: 0;
  min-height: 600px;
  object-fit: cover;
  max-height: 620px;
  width: 100%;
  object-position: top;
}

.footer-desc .sub-menu{display: none}

@media screen and (max-width: 992px) {
.page-template-info-page .grid-32{grid-template-columns: 1fr}
.page-template-info-page .grid-23{grid-template-columns: 1fr}
.page-template-info-page .page-hero {display: none}
.page-template-info-page .lewa img {
    border-radius: 0;
    min-height: 420px;
    object-fit: cover;
    max-height: 420px;
    width: 100%;
  }
ul, ol {
  margin-bottom: 4rem;
  margin: 2rem;
  font-size: 1.4rem;
}
.klub .hero-video__content {
  position: relative;
  z-index: 3;
  height: 100%;
  display: flex;
  align-items: end;
  color: #fff;
  padding-bottom: 5rem;
}

.klub .bosco-card {
    height: 50vh;
  }
.gallery-ul{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
    grid-gap: .5rem;
  }
.gallery-ul img{
  height: 10rem;
  object-fit: cover;
  width: 100%;
}
.section-inner{padding: 0 2rem}
.kluby-opis {
  text-align: center;
  align-self: center;
  padding: 3rem;
}

.klub .hero-desc {
  text-align: left;
  max-width: 1280px !important;
  padding: 2rem;
}
.full-size{
  width: 100%;
  height: 75vh !important;
}
.grid-4-kontakt {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 2rem;
}

.prawa{padding: 1rem 0 !important}
.lewa{padding: 1rem 0 !important}
#cts-greeting{
  margin-left: 15px;
  font-weight: bold;
  position: absolute;
  top: 2.5rem;
  left: 6rem;
  font-size: 1rem;
  color: #ffffff;
}
.scroll-box  {
  max-height: 78rem;
  overflow-y: auto;
  overflow-x: hidden;
  scroll-behavior: smooth;
  padding-right: 10px;
}

.mobile-bar {
    position: fixed;
    top: auto;
    bottom: 2rem;
    display: flex;
    max-width: 100%;
    z-index: 999999;
    left: 2rem;
    gap: 1rem;
    justify-content: end;
    right: 2rem;
  }  
.lewa img{min-height: auto}
.prawa img{min-height: auto}



.page-image img {
  width: 100%;
  max-width: 2580px;
  height: 32vh;
  object-fit: cover;
  object-position: bottom;
}
.prawa h3 {
  font-size: 3rem;
  color: #ffffff;
  font-weight: 900;
  margin-bottom: 1rem;
}

.subtitle-eg-red {
  font-size: 2rem;}

.lewa h3 {
  font-size: 2rem;
  color: #ffffff;
  font-weight: 900;
  margin-bottom: 1rem;
}
.nf-form-content{width: 100%}

.footer-desc ul{display: block}
.eg-kontakt h2{font-size: 2rem}
#site-footer .section-inner {
  display: block !important;
  grid-template-columns: 1fr;
  text-align: center;
}
.logo-slide{margin: 0 auto !important}
.grid-32 {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 2rem;
}

.menu .rezerwacja{margin-top: 2rem}
.nf-form-cont {
  margin-right: 0;
}

.lewa-kontakt{padding: 0rem}	
.lewa-kontakt .pr-3{padding-right: 0 !important}

.eg-social-box .grid-4{grid-template-columns: 1fr 1fr 1fr 1fr !important;justify-items: center;}

  
  
.more-white{display: block}

.grid-13{grid-template-columns: 1fr}
.shop-item{grid-template-columns: 1fr}
.shop-link {
    display: block;
    margin-top: 1rem;
    margin-bottom: 1rem;
    text-align: center;
}  
.shop-logo{border-right: none}
.shop-item-desc span{display: block}
  #menu-main-menu-2 {
    display: block;
    list-style: none;
    margin: 2rem auto;
    justify-content: center;
}
  
  .right-img .lewa{order: 1}
.right-img .prawa{order: 2}
  
  p{
    font-size: 1.4rem;
}
 .box-item img{height: 280px;width: 100%}
 
 .singular .featured-media-inner{padding: 0 2rem}
 
 li {
    margin: 0.5rem 0 0 0rem;
}

.grid-dealer{
    display: grid;
    grid-template-columns: 1fr;
}

.maps-b2b {
    padding: 0rem;
}

 .section-title {
   line-height: 1em;
   font-size: 2rem;
}

.featured-media img{height: 260px}

h2.entry-title {
    font-size: 3.4rem;
    line-height: 1em;
    text-align: center;
    font-weight: 900;
}

.post-inner {
    padding: 2rem 0;
    text-align: center;
}

h1{font-size: 2.8rem;line-height: 1em}
#site-footer .section-inner{display: block}

#site-footer .section-inner img {
    margin: 2rem auto;
}

#menu-first-menu-2, #menu-first-menu-3 {
    display: block;
    list-style: none;
    margin: 2rem 0;
    text-align: center;
}

.copy-footer{text-align: center}
.jack{
    margin: 1rem auto;
    display: block;
    text-align: center;
    width: 100%;
}
  /* GRID STYLE */
  .grid-2{display: grid;grid-template-columns: 1fr;grid-gap: 2rem}
  .grid-3{display: grid;grid-template-columns: 1fr;grid-gap: 2rem}
  .grid-4{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 2rem}
  .grid-5{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 2rem}
  .grid-6{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 2rem}
  .grid-8{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 2rem}
  .grid-10{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 2rem}
  .grid-12{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 2rem}
  
  .grid-2-auto {
    display: grid;
    grid-template-columns: auto;
    grid-gap: 0;
}

.grid-23{grid-template-columns: 1fr}
  /* END GRID STYLE */
  
 /* MARGIN STYLE */
  
 /* MARGIN ALL */
.m-1{margin: 1rem;}
.m-2{margin: 2rem;}
.m-3{margin: 2.5rem;}
.m-4{margin: 3rem;}
.m-5{margin: 3.5rem;}
.m-10{margin: 5rem;}
/* END margin ALL */

/* MARGIN TOP */
.mt-1{margin-top: 1rem;}
.mt-2{margin-top: 2rem;}
.mt-3{margin-top: 2.5rem;}
.mt-4{margin-top: 3rem;}
.mt-5{margin-top: 3.5rem;}
.mt-10{margin-top: 5rem;}
/* END MARGIN TOP */

/* MARGIN BOTTOM */
.mb-1{margin-bottom: 1rem;}
.mb-2{margin-bottom: 2rem;}
.mb-3{margin-bottom: 2.5rem;}
.mb-4{margin-bottom: 3rem;}
.mb-5{margin-bottom: 3.5rem;}
.mb-10{margin-bottom: 5rem;}
/* MARGIN BOTTOM */

/* MARGIN LEFT */
.ml-1{margin-left: 1rem;}
.ml-2{margin-left: 2rem;}
.ml-3{margin-left: 2.5rem;}
.ml-4{margin-left: 3rem;}
.ml-5{margin-left: 3.5rem;}
.ml-10{margin-left: 5rem;}
/* END margin LEFT */

/* MARGIN RIGHT */
.mr-1{margin-right: 1rem;}
.mr-2{margin-right: 2rem;}
.mr-3{margin-right: 2.5rem;}
.mr-4{margin-right: 3rem;}
.mr-5{margin-right: 3.5rem;}
.mr-10{margin-right: 5rem;}
/* END MARGIN RIGHT */

/* END MARGIN STYLE */

/* PADDING STYLE */

/* PADDING ALL */
.p-1{padding: 1rem;}
.p-2{padding: 2rem;}
.p-3{padding: 1.5rem;}
.p-4{padding: 3rem;}
.p-5{padding: 3.5rem;}
.p-10{padding: 5rem;}
/* END PADDING ALL */

/* PADDING TOP */
.pt-1{padding-top: 1rem;}
.pt-2{padding-top: 2rem;}
.pt-3{padding-top: 2.5rem;}
.pt-4{padding-top: 3rem;}
.pt-5{padding-top: 3.5rem;}
.pt-10{padding-top: 5rem;}
/* END PADDING TOP */

/* PADDING BOTTOM */
.pb-1{padding-bottom: 1rem;}
.pb-2{padding-bottom: 2rem;}
.pb-3{padding-bottom: 2.5rem;}
.pb-4{padding-bottom: 3rem;}
.pb-5{padding-bottom: 3.5rem;}
.pb-10{padding-bottom: 5rem;}
/* PADDING BOTTOM */

/* PADDING LEFT */
.pl-1{padding-left: 1rem;}
.pl-2{padding-left: 2rem;}
.pl-3{padding-left: 2.5rem;}
.pl-4{padding-left: 3rem;}
.pl-5{padding-left: 3.5rem;}
.pl-10{padding-left: 5rem;}
/* END PADDING LEFT */

/* PADDING RIGHT */
.pr-1{padding-right: 1rem;}
.pr-2{padding-right: 2rem;}
.pr-4{padding-right: 3rem;}
.pr-5{padding-right: 3.5rem;}
.pr-10{padding-right: 5rem;}
/* END PADDING RIGHT */

/* END PADDING STYLE */
.brand-logo img {
    max-width: 10rem;
    height: 3rem;
    margin: 0 auto;
}

.brand-item{height: 110px}
.site-logo img {
    height: 3rem;
}

.brand-logo{padding: 1.5rem}

.header-inner {
    padding: 1rem;
}

.hero-desc{padding: 0;max-width: 80% !important}
.klub .hero-desc h1 {
    font-size: 3rem;
    max-width: 90%;
    margin: 0;
  }

.klub .prawa h3 {
  font-size: 2.3rem;
  line-height: 1.2;
  color: #ffffff;
  font-weight: 900;
  margin-bottom: 1rem;
}

.klub .prawa  p {
    font-size: 1.24rem;line-height: 1.5
  }  
.hero-desc h1{
    font-size: 3rem;
    max-width: 90%;
    margin: 0 auto;
  }
  
.hero-desc p {
  color: #ffffff;
  font-size: 1.2rem;
  line-height: 1.4;
}

.kluby-opis h2 {
  font-size: 2.3rem;
  margin: 0 0 2rem 0;
  font-weight: 900;
  line-height: 1.4;
  letter-spacing: 0 !important;
  text-transform: uppercase;
}  

h1{margin: 1rem 0}
}
#site-footer .section-inner{
  display: block;
}

.menu ul{
  display: flex;
  list-style: none;
}

/* On screens that are 500px or less, set the background color to olive */
@media screen and (max-width: 500px) {

  
  .brand-logo img {
    max-width: 10rem;
    height: 3rem;
    margin: 0 auto;
}
  
  /* GRID STYLE */
  .grid-2{display: grid;grid-template-columns: 1fr;grid-gap: ,5rem}
  .grid-3{display: grid;grid-template-columns: 1fr;grid-gap: .5rem}
  .grid-4{display: grid;grid-template-columns: 1fr;grid-gap: .5rem}
  .grid-5{display: grid;grid-template-columns: 1fr;grid-gap: .5rem}
  .grid-6{display: grid;grid-template-columns: 1fr 1fr;grid-gap: .5rem}
  .grid-8{display: grid;grid-template-columns: 1fr;grid-gap: 2rem}
  .grid-10{display: grid;grid-template-columns: 1fr;grid-gap: 2rem}
  .grid-12{display: grid;grid-template-columns: 1fr;grid-gap: 2rem}
  /* END GRID STYLE */

}