@import url(/wp-content/themes/underskeleton/style.css);
html{
overflow-x: hidden;
}
body {
font-family: 'Work Sans', sans-serif !important;
background: #fbfbfb;
}
::-webkit-scrollbar{
width: 10px;
}
::-webkit-scrollbar-track{
background: #222222;
}
::-webkit-scrollbar-thumb{
background: #888;
}
h1, h2, h3, h4, h5, h6 {
color: #000;
font-weight: 700 !important;
font-family: 'Work Sans', sans-serif !important;
}
h1{
font-size: 40px !important;
font-weight: 800px !important;
}
.bigger p{
font-size: 18px !important;
}
.font-700{
font-weight: 700 !important ;
}
a:hover{
color: #000;
}
.no-padding{
padding: 0 !important;
}
.hentry{
margin-bottom: 0 !important;
}
#preloader {
position: fixed;
width: 100%;
height: 100%;
z-index: 999;
overflow: visible;
background: url(//stodolakebap.com/img/video/preloader_3.gif) no-repeat center center;
opacity: 1 !important;
}
#page-home {
display: none;
}
.btn {
text-transform: uppercase;
padding: 10px 15px;
font-size: 1.8rem;
font-weight: 600;
border: solid 2px transparent;
}
.btn-gold{
background: #FCCA37;
color: #000;
}
.btn-gold:hover{
background: #fff;
color: #000;
border: solid 2px #fff;
}
.btn-red{
background: #DF031C;
color: #fff;
}
.btn-red:hover{
background: #fff;
color: #000;
}
.btn-black{
background: #000;
color: #fff;
border: solid 2px #fff;
}
.btn-black:hover{
color: #fff;
border: solid 2px #FCCA37;
}
.sub-menu li{
padding: 10px 15px;
}
.sub-menu li:hover{
background: #000;
}
.sub-menu li a:hover{
text-decoration: none;
color: #FFF;
border-bottom: none;
}
#logo-stodola {
max-width: 300px;;
}
@media(max-width: 1300px){
#logo-stodola{
max-width: 250px;
}
}
@media(max-width: 420px){
#logo-stodola {
max-width: 180px;
}
}
.main-navigation .menu-toggle{
background: #FCCA37;
border: #FCCA37;
}
.site-branding{
max-width: 100%;
}
#masthead{
background: #000;
position: fixed;
top: 0;
width: 100%;
}
.site-header{
margin: 0 auto !important;
padding: 10px 0;
z-index: 10000;
position: relative;
}
.site-header__content{
border: none !important;
}
.container{
max-width: 1300px !important;
margin-left: auto !important;
margin-right: auto !important;
}
.container-1000{
max-width: 1000px !important;
margin-left: auto !important;
margin-right: auto !important;
}
#menu-item-27 a{
color: #FCCA37;
}
#menu-item-38{
border: 2px solid #E0001F;
margin-top: -2px;
}
#menu-item-38 a:hover{
border: none;
}
#menu-item-38:hover{
border: 2px solid #E0001F;
background: #e0001f;
}
#menu-item-39{
margin-left: 2rem !important;
}
@media(max-width: 550px){
#menu-item-39{
margin-left: 0 !important;
}
}
.menu-item a{
color: #fff;
font-weight: 400 !important;
letter-spacing: 1px !important;
padding: 5px !important;
font-size: 14px !important;
}
.menu-item a:hover{
color: #fff;
border-bottom: 1px solid #fff;
}
.menu-item a:active{
color: #fff;
border-bottom: 1px solid #fff;
}
.menu-item a:focus{
color: #fff;
border-bottom: 1px solid #fff;
}
.social-nav{
width: 25px;
}
#menu-item-39 a:hover {
border-bottom: none !important;
opacity: 0.7;
}
#menu-item-40 a:hover {
border-bottom: none !important;
opacity: 0.7;
}
.home-head{ background-image: url(//stodolakebap.com/img/header22.jpg); min-height: 100vh; background-attachment: fixed;
background-position: bottom;
background-repeat: no-repeat;
background-size: cover; }
@media(max-width: 420px){
.home-head{
background-image: url(//stodolakebap.com/img/header2.jpg);
}
}
.head-text{
width: 100%;
position: absolute;
top: 30%;
}
.head-text h1{
color: #FCCA37 !important;
font-size: 40px;
font-weight: 700;
line-height: 1;
}
.head-text p{
color: #fff;
font-size: 105%;
}
.head-text a{
float: left;
}
ul.buttons li{
display: inline-block;
}
.head-text .btn-red {
padding: 10px 20px;
}
@media (max-width: 363px){
.head-text .btn-red{
margin-left: 0!important;
}
}
#target-icons{
height: 80px;
}
#restauracja, #kariera{
padding-top: 92px;
}
@media(max-width: 1303px){
#restauracja, #kariera{
padding-top: 159px;
}
}
@media(max-width: 550px){
#restauracja, #kariera{
padding-top: 92px;
}
}
@media(max-width: 420px){
#restauracja, #kariera{
padding-top: 78px;
}
}
#icons{
max-width: 80%;
text-align: center;
margin-top: 30px;
min-height: 100vh;
}
#icons h2{
font-weight: 800;
font-size: 4.5rem;
color: #000;
}
#icons h3{
font-weight: 500;
margin-bottom: 0;
color: #000;
}
#icons p{
font-weight: 500;
margin-bottom: 0;
}
#icons .irow{
margin-bottom: 5px;
}
.menu-icons{
margin-top: 25px;
}
.icon{
max-width: 100px;
height: 130px;
margin-left: auto;
margin-right: auto;
}
#talerz{
background-image: url(//stodolakebap.com/img/ikony/talerz_b.svg);
background-position: center;
background-size: 100%;
background-repeat: no-repeat;
border-bottom: solid 6px #FFC63E;
}
#talerz:hover{
background-image: url(//stodolakebap.com/img/ikony/talerz_color.svg);
background-position: center;
background-size: 100%;
background-repeat: no-repeat;
cursor: pointer;
}
#rollo{
background-image: url(//stodolakebap.com/img/ikony/rollo_b.svg);
background-position: center;
background-size: 100%;
background-repeat: no-repeat;
border-bottom: solid 6px #FFC63E;
}
#rollo:hover{
background-image: url(//stodolakebap.com/img/ikony/rollo_color.svg);
background-position: center;
background-size: 100%;
background-repeat: no-repeat;
cursor: pointer;
}
#bulka{
background-image: url(//stodolakebap.com/img/ikony/bulka_b.svg);
background-position: center;
background-size: 100%;
background-repeat: no-repeat;
border-bottom: solid 6px #FFC63E;
}
#bulka:hover{
background-image: url(//stodolakebap.com/img/ikony/bulka_color.svg);
background-position: center;
background-size: 100%;
background-repeat: no-repeat;
cursor: pointer;
}
#box{
background-image: url(//stodolakebap.com/img/ikony/box_b.svg);
background-position: center;
background-size: 100%;
background-repeat: no-repeat;
border-bottom: solid 6px #FFC63E; 
}
#box:hover{
background-image: url(//stodolakebap.com/img/ikony/box_color.svg);
background-position: center;
background-size: 100%;
background-repeat: no-repeat;
cursor: pointer;
}
#salatki{
background-image: url(//stodolakebap.com/img/ikony/salatka_b.svg);
background-position: center;
background-size: 100%;
background-repeat: no-repeat;
border-bottom: solid 6px #4C7A2E;
}
#salatki:hover{
background-image: url(//stodolakebap.com/img/ikony/salatka_color.svg);
background-position: center;
background-size: 100%;
background-repeat: no-repeat;
cursor: pointer;
}
#vege{
background-image: url(//stodolakebap.com/img/ikony/vege_b.svg);
background-position: center;
background-size: 100%;
background-repeat: no-repeat;
border-bottom: solid 6px #4C7A2E;
}
#vege:hover{
background-image: url(//stodolakebap.com/img/ikony/vege_color.svg);
background-position: center;
background-size: 100%;
background-repeat: no-repeat;
cursor: pointer;
}
#dodatki{
background-image: url(//stodolakebap.com/img/ikony/dodatki_b.svg);
background-position: center;
background-size: 100%;
background-repeat: no-repeat;
border-bottom: solid 6px #CE2229;
}
#dodatki:hover{
background-image: url(//stodolakebap.com/img/ikony/dodatki_color.svg);
background-position: center;
background-size: 100%;
background-repeat: no-repeat;
cursor: pointer;
}
#napoje{
background-image: url(//stodolakebap.com/img/ikony/napoje_b.svg);
background-position: center;
background-size: 100%;
background-repeat: no-repeat;
border-bottom: solid 6px #5AC2D8;
}
#napoje:hover{
background-image: url(//stodolakebap.com/img/ikony/napoje_color.svg);
background-position: center;
background-size: 100%;
background-repeat: no-repeat;
cursor: pointer;
} #stodola-footer{
background: #000;
color: #fff;
padding-top: 5%;
font-size: 1.2rem;
}
#stodola-footer .irow{
text-align: center;
color: #FCCA37;
}
.footer-logo{
max-width: 200px;
}
#stodola-footer ul, .footer-col{
text-align: left;
padding: 10px 40px;
}
#stodola-footer a{
color: #fff;
font-size: 1.2rem;
}
#stodola-footer a:hover{
border-bottom: 1px #fff solid;
text-decoration: underline #fff;
}
#stodola-footer h3{
color: #fff !important;
font-size: 1.5rem;
}
.footer-col ul li{
list-style-type: none;
line-height: 1;
}
#logo-stopka{
max-width: 65%;
}
@media(max-width: 760px){
#stodola-footer .icol-sm-3, .footer-col, ul{
text-align: center !important;
padding: 0 !important;
}
} #myBtn {
display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99; }
#myBtn:hover {
background-color: #000; color: #fff;
} #menu{
max-width: 90%;
margin-left: auto;
margin-right: auto;
margin-top: 7%;
}
#menu h1{
padding-top: 25px;
text-align: center;
font-weight: 700;
font-size: 40px;
color: #000;
}
.menu-nav{
text-transform: uppercase;
font-weight: 500;
font-size: 18px;
}
.menu-nav a{
color: #000;
}
.menu-nav a:hover{
color: #FCCA37;
}
.menu-nav a:focus{
color: #FCCA37;
}
.menu-nav .icol-sm-1{
border-left: 1px solid #000;
text-align: center;
padding: 0 10px !important;
}
.menu-icon{
height: 75px;
width: 75px;
float: left;
margin-left: 9px;
}
.nav-point{
margin-top: 10%;
margin-bottom: 5% !important;
}
.nav-point h3{
float: left;
font-size: 22px;
position: relative;
top: 20px;
min-width: 82px;
color: #000;
}
@media (max-width: 1245px) {
.nav-point h3{
text-align: center;
}
}
.nav-point .menu-icon{
border: none !important;
}
.kreska{
height: 37px;
border-bottom: solid 1px #000;
max-width: 62.333333% !important; 
}
@media (max-width: 765px){
.kreska {
display: none;
}
}
.pojemnosc{
font-weight: 400;
}
.napoje-table:hover{
background: #5BC1D7;
cursor: pointer;
color: #fff;
}
.napoje-table:hover > .kwota-napoje{
color: #fff;
}
.sosy-table:hover{
background: #FCCA37;
cursor: pointer;
color: #fff;
}
.sosy-table:hover > .kwota-sosy{
color: #fff;
}
.napoje{
font-size: 2.4rem;
font-weight: 600;
padding-left: 10px !important;
width: 80%;
}
.kwota-napoje{
font-size: 2.4rem;
line-height: 0;
font-weight: 600;
color: #5BC1D7;
text-align: right;
padding-right: 10px !important;
display: none;
}
.kt-row-column-wrap.kt-has-4-columns.kt-row-layout-equal.kt-tab-layout-inherit.kt-mobile-layout-row.kt-row-valign-top {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media(max-width: 767px){
.kwota-napoje{
width: 30%;
}
.napoje{
width: 70%;
}
.head-text a, .head-text .btn-red{
margin-left: 0;
min-width: 200px;
text-align: center;
margin-bottom: 1rem;
}
}
@media(max-width: 400px){
.kwota-napoje{
width: 40%;
}
.napoje{
width: 60%;
}
}
.kwota-sosy{
font-size: 2.4rem;
line-height: 0;
font-weight: 600;
color: #FCCA37;
text-align: right;
padding-right: 10px !important;
display: none;
}
@media(max-width: 490px){
.napoje{
font-size: 1.3rem;
}
.kwota-napoje, .kwota-sosy{
font-size: 1.6rem;
}
}
@media(max-width: 550px){
#menu{
padding-top: 15%;
}
} .menu-product{
min-width: 290px;
margin-bottom: 30px;
}
.menu-title{
font-weight: 600;
font-weight: 170%;
max-width: 200px;
float: left;
font-size: 2rem;
color: #000;
}
.skladniki {
font-weight: 600;
font-size: 16px;
}
.waga{
float: right;
font-weight: 600;
background: #FCCA37;
padding: 5px 10px;
color: #fff;
}
.wagi{
font-size: 12px;
font-weight: 600;
float: left;
}
.cena{
display: none;
float: right;
color: #FCCA37;
}
.pln{
transform: rotate(-90deg);
float: right;
font-size: 30px;
font-weight: 600;
}
.kwota{
line-height: 1;
font-size: 45px;
font-weight: 600;
} .godziny{
background: #FCCA37;
font-weight: 600;
color: #000;
font-size: 1.6rem;
}
.godziny-lewe{
padding-left: 25%;
}
.godziny-lewe a:hover{
text-decoration: underline #fff;
}
#restauracja table td{
border: none;
}
#restauracja h2{
color: #fff !important;
font-weight: 600;
font-size: 24px;
padding-top: 1rem;
}
#restauracja ul li{
list-style-type: none;
line-height: 0.5;
}
.rest-title{
text-align: center;
}
.rest-title h3{
margin-bottom: 0;
padding: 30px !important;
text-align: center;
color: #000 !important;
text-transform: none;
}
@media(max-width: 420px){
.godziny-lewe{
max-width: 90%;
margin-left: auto;
margin-right: auto;
padding-left: 0;
text-align: center;
}
#restauracja table{
width: 100%;
}
#restauracja h2{
font-size: 2.8rem;
}
} #kariera{
margin-top: 5%;
}
#kariera-head{
padding-top: 3%;
padding-bottom: 5%;
text-align: center;
}
#kariera-form{
position: relative;
top: -30px
}
#kariera .icol-sm-3, .icol-sm-4, .icol-sm-5, .icol-sm-6{
text-align: left;
}  .yellow{
background: #FCCA37 !important;
}
select.yellow{
width: 90%;
min-height: 60px;
font-size: 150%;
color: #888;
}
#kariera h3{
text-align: left;
margin-top: 30px;
margin-bottom: 0 !important;
font-size: 2.2rem;
font-weight: 600;
text-transform: none;
}
#kariera .head{
font-size: 2.4rem;
}
#kariera .icol-sm-10{
height: 30px;
}
.pracownik{
background-image: url(//stodolakebap.com/img/tlo_kariera.jpg);
min-height: 130vh;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin-bottom: 0 !important;
}
.dni span.wpcf7-list-item{
margin: 0;
font-size: 2.2rem;
min-width: 200px;
font-weight: 400 !important;
}
#tydzien input[type="checkbox"] + span{
display: block;
}
#tydzien input[type="checkbox"] + span:hover{
cursor: pointer;
}
label{
font-weight: 400 !important;
}
#tydzien input[type="checkbox"]{
display: none;
}
#tydzien input[type="checkbox"] + span:before{
width: 21px;
height: 21px;
border: 4px solid #FCCA37;
background: #FCCA37;
display: inline-block;
margin-top: 30px;
margin-right: 15px;
vertical-align: baseline;
}
#tydzien input[type="checkbox"]:checked + span:before{
background: #000; 
}
.wpcf7-list-item-label{
line-height: 1 !important;
}
#send{
width: 250px;
height: 70px;
font-size: 2.4rem;
color: #fff;
background: #E1001F;
border: 1px solid #E1001F;
}
#zgoda{
width: 25px !important;
float: left;
margin-right: 15px;
}
#sending{
margin-top: 25%;
}
#sending span.wpcf7-list-item{
background: #FEF7EF;
max-height: 70px;
padding: 2%;
font-size: 90%;
}
@media(max-width: 425px){
#sending span.wpcf7-list-item{
max-height: 100px;
}
}
div.wpcf7-response-output{
position: absolute;
bottom: 25%;
left: 8%;
font-size: 2.2rem;
max-width: 50%;
line-height: 1;
}
@media(max-width: 1040px){
div.wpcf7-response-output{
position: relative;
bottom: 0;
left: 8%;
font-size: 1.4rem;
max-width: 70%;
line-height: 1;
}
}
@media(max-width: 768px){
div.wpcf7-response-output{
max-width: 80%;
margin-left: auto;
margin-right: auto;
}
} .wspolpraca-head{ background-image: url(//stodolakebap.com/img/wspolpraca.jpg); min-height: 70vh; background-attachment: fixed;
background-position: bottom;
background-repeat: no-repeat;
background-size: cover; }
.entry-header{
color: #fff;
font-size: 2.4rem;
line-height: 1.4;
}
#wspolpraca {
line-height: 0;
}
#wspolpraca .irow{
margin-bottom: 0;
}
#wspolpraca h2{
font-weight: 800;
font-size: 2.2vw;
text-transform: none;
margin-bottom: 15px;
text-decoration: underline #E10720;
}
#wspolpraca p{
line-height: 1.4;
font-size: 16px;
}
.padding-center{
padding: 9% 20% 0;
}
@media(max-width: 1560px){
.padding-center{
padding: 5% 12% 0;
}
.padding-center p{
font-size: 14px !important;
}
}
#wspolpraca-kontakt{
text-align: center;
padding: 7% 0;
color: #fff;
background: #000;
font-size: 16px;
}
#wspolpraca-kontakt a{
color: #E10720;
font-size: 33px;
}
@media(max-width: 767px){
#wspolpraca-kontakt a{
font-size: 2rem;
}
}
#wspolpraca-kontakt h2{
color: #fff !important;
font-size: 43px;
font-weight: bold;
text-transform: inherit;
}
@media(max-width: 500px){
.padding-center{
padding: 10% 2% !important;
}
}
@media(max-width: 1000px){
#wspolpraca h2{
font-size: 2.8rem;
}
#wspolpraca p{
font-size: 1.8rem;
}
} #kontakt{
max-width: 70%;
margin-left: auto;
margin-right: auto;
padding: 92px 0;
}
@media(max-width: 770px){
#kontakt{
max-width: 90%;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.naglowek-kontakt{
text-align: center !important;
}
.glodny{
text-align: center;
margin-left: auto;
margin-right: auto;
}
}
#kontakt a{
color: #FCCA37;
}
#kontakt img{
max-width: 200px !important;
}
.contact-head{ background-image: linear-gradient(0deg, transparent 0%, black 100%), url(//stodolakebap.com/wp-content/uploads/2025/10/stodola-501.webp); min-height: 70vh;  background-position: top;
background-repeat: no-repeat;
background-size: cover; }
.entry-header{
position: absolute;
top: 25%;
width: 100%;
text-align: center;
}
.entry-title {
color: #fff !important;
font-size: 5rem;
text-transform: none;
font-weight: 600;
margin-top: 5%;
}
@media (max-width: 700px){
.entry-title{
font-size: 3.2rem;
}
} #kontakt_dane{
margin-bottom: 0;
}
.equal_row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display:         flex;
}
.equal_row > [class*='icol-'] {
display: flex;
flex-direction: column;
}
@media(max-width: 767px){
.equal_row{
display: block;
}
#kontakt_form input{
width: 100% !important;
}
#kontakt_form textarea{
width: 100% !important;
}
#dolne_tlo{
display: none;
}
}
.kontakt_socials{
text-align: center;
position: absolute;
top: 51vh;
left: 0;
width: 100%;
z-index: 100;
}
.kontakt_socials h3{
text-transform: none;
font-size: 24px;
font-weight: bold;
color: #fff !important;
margin-bottom: 40px;
}
.social_icons{
display: flex;
width: fit-content;
margin-left: auto;
margin-right: auto;
}
.social_icons img{
float:left;
padding: 0 10px;
}
#kontakt_form, #kontakt_lokale{
padding: 10rem 6rem;
}
#kontakt_form{
background: #fff;
}
#kontakt_form h3{
font-weight: 800;
font-size: 24px;
text-transform: none;
margin-bottom: 15px;
text-decoration: underline #E10720;
}
#kontakt_form input{
height: 50px;
width: 80%;
border-radius: 0;
}
#kontakt_form textarea{
width: 80%;
border-radius: 0;
}
input.wpcf7-form-control.wpcf7-submit {
background: #000;
color: #fff;
width: 200px !important;
border: solid 1px #000;
border-radius: 0;
}
input.wpcf7-form-control.wpcf7-submit:hover{
background: #fff;
color: #000;
border: solid 1px #000;
}
#kontakt_lokale{
background: #000;
color:#fff;
}
#kontakt_lokale h3{
font-weight: 800;
font-size: 24px;
text-transform: none;
margin-bottom: 15px;
text-decoration: underline #FFC63E;
color:#fff !important;
}
#kontakt_lokale p{
margin-bottom: 0;
}
#kontakt_lokale p.miasto{
font-size: 24px;
font-weight: bold;
}
#kontakt_lokale p.miasto:before{
content: url(//stodolakebap.com/img/kontakt/znacznik.svg);
width: 16px;
margin-right: 4px;
}
#kontakt_lokale p.ulica{
margin-left: 20px;
}
#kontakt_lokale img{
width: 24px;
margin-left: 20px;
}
#kontakt_lokale .lokal{
margin-top: 6rem;
z-index: 100;
}
#dolne_tlo{
width: 100% !important;
position: absolute;
left: 0;
margin-left: 0 !important;
bottom: 0;
}
.dane-kontaktowe{
font-size: 2rem;
font-weight: 600;
}
.dane-kontaktowe a{
font-size: 3.0vh;
}
.naglowek-kontakt{
text-align: left;
font-size: 1.8rem;
font-weight: 600;
}
.glodny{
background: #E1001F;
color: #fff;
font-size: 2.6rem;
text-transform: uppercase;
letter-spacing: 5px;
border: 2px solid #E1001F;
max-width: 215px;
}
.glodny:hover{
background: #fff;
color: #E1001F;
}
#map{
line-height: 0;
}  .lokal {
background: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);
} .embed-responsive {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
}
.embed-responsive-item,
embed,
object {
position: absolute;
top: 0;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
border: 0;
}
.embed-responsive-16by9 {
padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
padding-bottom: 75%;
} #new-local h2{
margin-top: 15%;
}
#new-local h2, #new-local h3{
font-weight: 900;
}
#new-local .icol-sm-12{
text-align: center;
}
#new-local a:hover{
text-decoration: underline !important;
} #franczyza_home{
max-width: 80%;
margin-left: auto;
margin-right: auto;
}
#franczyza_home h2{
text-transform: inherit;
font-size: 43px;
font-weight: bold;
}
#targi_logo{
width: 205px;
margin-left: auto;
margin-right: auto;
margin-bottom: 5rem;
}
#franczyza_home .irow{
margin-bottom: 5rem;
}
#franczyza_home .btn-red{
border: solid 2px #DF031C;
}
#franczyza_home .btn-red:hover{
text-decoration: none;
border:solid 2px #DF031C;
color: #DF031C;
}
#zasady_franczyzy{
min-height: 365px;
background-image: url(//stodolakebap.com/img/franczyza/zasady_bg.jpg);
background-position: center;
background-size: cover;
color: #fff;
padding: 10%;
}
#zasady_franczyzy h2{
color: #fff !important;
text-decoration: underline #E10720 ;
font-size: 43px;
font-weight: bold;
}
#zasady_franczyzy p{
font-size: 16px;
}
#oferta_franczyzy{
padding: 5% 10%;
}
#oferta_franczyzy ul{
padding-right: 20%;
}
#oferta_franczyzy ul li{
list-style-type: none;
font-weight: bold;
font-size: 16px;
}
#oferta_franczyzy h3{
font-size: 43px;
font-weight: bold;
text-transform: inherit;
}
#zamow-online li{
list-style-type: none;
font-size: 22px;
width: 200px;
background: #e0001f;
padding: 10px 20px;
display: inline;
}
#zamow-online a:hover{
text-decoration: underline;
}
#zamow-online a{
color: #fff;
}
.zamowienia{
margin-top: 12rem;
} #restaurant-simple{
width: 100%;
}
#restaurant-simple .big-photo {
background: #000;
}
#restaurant-simple .big-photo img{
width: 100%;
max-height: 500px;
}
#restaurant-simple h1{
position: relative;
font-weight: 700;
top: 200px;
width: 100%;
text-align: center;
color: #fff !important;
text-transform: inherit;
}
#restaurant-simple .phone{
position: relative;
top: 230px;
width: 100%;
text-align: center;
font-size: 30px;
color: #fff;
font-weight: 600;
}
#restaurant-simple .phone a{
color: #fff !important;
}
#restaurant-simple .google_icon{
width: 100%;
text-align: center;
background: transparent;
margin-top: -55px;
}
#restaurant-simple .lokal-foto{
width: 100%;
}
@media (max-width: 767px){
#restaurant-simple h1{
font-size: 24px;
top: 100px;
}
#restaurant-simple .google_icon{
margin-top: -20px;
}
#restaurant-simple .google_icon img{
width: 80px;
}
#restaurant-simple .phone{
top: 75px;
font-size: 24px;
}
#restaurant-simple .lokal-foto{
margin-top: 30px;
}
#restaurant-simple .icol-sm-6{
text-align: center;
}
}
.menu-item-has-children{
background-color: #000 !important;
}
.sub-menu a{
color: #000;
}
.sub-menu a:hover{
color: #000;
text-decoration: underline #000;
}
#orders{
margin-top: 5rem;
margin-bottom: 5rem;
}
#orders h3{
text-align: center;
margin-top: 0;
}
#orders .btn{
float: right;
}
#orders .irow{
padding-bottom: 15px;
border-bottom: 1px solid; 
margin-bottom: 0;
padding-top: 15px;
}
#orders .irow:hover{
background: #eee;
}
.nohover:hover{
background-color: inherit !important;
}
.counter-container{
max-width: 180px;
margin-left: auto !important;
margin-right: auto !important;
}
.counter-column{
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
border-radius: 5px;
background-color: #fff;
min-height: 60px !important;
}
.slash img{
max-height: 40px !important;
}
.grid{
display: inline-grid;
}
.metrollo-form-1{
grid-template-columns: 1fr;
}
.metrollo-form-2{
grid-template-columns: 1fr 1fr;
gap: 35px;
}
.white-text{
color: #fff;
}
.white-text input,
.white-text select,
.white-text textarea{
background-color: #000 !important;
border: 1px solid #FFF;
}
select.location{
width: 100%;
}
.white-text textarea{
width: 100%;
max-height: 150px;
}
input.wpcf7-form-control.wpcf7-submit.send{
width: 150px !important;
height: 40px;
font-size: 15px;
color: #fff;
background-color: #E1001F !important;
border: solid 1px #E1001F;
}
input.wpcf7-form-control.wpcf7-submit.send:hover{
background-color: #000 !important;
}
input.date{
width:65%;
}
select.hours{
margin-left: 5%;
width:30%;
}
.mobile-space{
display: none;
}
#wpcf7-f1264-p1193-o1 div.wpcf7-response-output{
position: relative;
left: inherit;
bottom: inherit;
}
@media(max-width: 767px){
.mobile-space{
display: inline-block;
}
}
.alergeny-wrapper {
display: flex;
justify-content: center;
align-items: center;
}
.tabela-alergenow {
display: inline-block;
padding: 15px 30px;
border: 2px solid #E1001F;
color: #E1001F;
text-decoration: none;
font-size: 16px;
margin-bottom: 5vh;
}
.tabela-alergenow:hover {
cursor: pointer;
color: #E1001F;
} .menu-item-new {
transition: background-color 400ms ease-out, box-shadow 400ms ease-out;
}
.menu-item-new:hover {
background-color: #FCCA37;
box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.05), 7px 7px 10px 0px rgba(0, 0, 0, 0.04), 15px 17px 13px 0px rgba(0, 0, 0, 0.03), 26px 30px 16px 0px rgba(0, 0, 0, 0.01), 41px 46px 17px 0px rgba(0, 0, 0, 0.00);
}
.menu-item-new .wp-block-kadence-image img {
transition: transform 400ms ease-out;
height: 244px;
}
.menu-item-new:hover .wp-block-kadence-image img {
transform: scale(1.1);
}
.line-box {
transition: all .4s;
} 
.line-animate {
transition-property: background-color, opacity;
transition-duration: 500ms;
transition-timing-function: ease-out;
will-change: background-color, opacity;
transition: background-color 500ms ease-out, opacity 500ms ease-out;
will-change: background-color, opacity;
}
.line-animate:hover {
background-color: #FCCA37; 
}
.line-animate:hover .line {
opacity: 0;
}
@media(max-width: 767px) {
.menu-nav-box a {
width: 110px;
}
.menu-item-new .wp-block-kadence-image img {
height: auto;
}
} .kb-splide .splide__pagination, .kb-splide ul.menu ul.splide__pagination.splide__pagination {
justify-content: start !important;
}
.kb-splide .splide__pagination, .kb-splide ul.splide__pagination.splide__pagination {
bottom: 30px !important;
left: 12% !important;
} .wp-block-kadence-modal {
width: 325px;
height: 397px;
overflow: hidden;
transition: box-shadow 0.3s ease;
box-shadow: none;
}
.wp-block-kadence-modal:hover {
box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.05), 7px 7px 10px 0px rgba(0, 0, 0, 0.04), 15px 17px 13px 0px rgba(0, 0, 0, 0.03), 26px 30px 16px 0px rgba(0, 0, 0, 0.01), 41px 46px 17px 0px rgba(0, 0, 0, 0.00); }
.gliwice button.kb-btn-global-custom.kt-modal-label-show.kt-blocks-modal-link {
background-image: url(//stodolakebap.com/wp-content/uploads/2025/01/2024-STD-PEPSI-socialeINSTA.png);
background-size: contain;
}
.monday button.kb-btn-global-custom.kt-modal-label-show.kt-blocks-modal-link {
background-image: url(//stodolakebap.com/wp-content/uploads/2024/01/Poniedzialek.jpg);
}
.tuesday button.kb-btn-global-custom.kt-modal-label-show.kt-blocks-modal-link {
background-image: url(//stodolakebap.com/wp-content/uploads/2024/01/Wtorek.jpg);
}
.wednesday button.kb-btn-global-custom.kt-modal-label-show.kt-blocks-modal-link {
background-image: url(//stodolakebap.com/wp-content/uploads/2024/01/Sroda.jpg);
}
.thursday button.kb-btn-global-custom.kt-modal-label-show.kt-blocks-modal-link {
background-image: url(//stodolakebap.com/wp-content/uploads/2024/01/Czwartek.jpg);
}
.friday button.kb-btn-global-custom.kt-modal-label-show.kt-blocks-modal-link {
background-image: url(//stodolakebap.com/wp-content/uploads/2024/01/Piatek.jpg);
}
.saturday button.kb-btn-global-custom.kt-modal-label-show.kt-blocks-modal-link {  background-color: white;
background-position-y: center;
}
button.kb-btn-global-custom.kt-modal-label-show.kt-blocks-modal-link {
border-radius: 0px;
width: 100%;
height: 100%;
border: none;
transition: transform 0.3s ease;
transform: scale(1);
display: block;
background-size: cover;
}
button.kb-btn-global-custom.kt-modal-label-show.kt-blocks-modal-link:hover {
transform: scale(1.1);
}
span.kt-blocks-modal-link-inner {
display: none;
}
.kt-modal-container {
padding: 66px 161px !important;
max-width: 900px !important;
}
.kt-modal-container p {
border-bottom: 1px solid #FCCA37;
display: block;
width: max-content;
margin-left: auto;
margin-right: auto;
}
.kt-modal-overlay .kt-modal-close {
right: 18px !important;
top: 8px !important;
}
@media(max-width: 767px) {
.kt-modal-container {
padding: 3vh !important;
}
.kt-modal-container h2 {
font-size: 32px !important;
}
.kt-modal-container p {
max-width: 80vw;
font-size: 17px !important;
}
} textarea#ff_3_description, textarea#ff_4_description {
height: 200px;
}
.ff-default .ff-el-form-control:focus {
border: 1px solid #d72d5c !important;
}
.submit-wrapper .submit-btn {
border-radius: 0px !important;
height: 50px;
font-size: 11px !important;
font-weight: 600 !important;
}
@media (max-width: 767px) {
.submit-wrapper .submit-btn {
margin-top: 25px;
width: 100%;
}
} #fluentform_5, #fluentform_6 {
margin: -20px 50px 0 50px;
width: 75%;
}
.input-wrapper input, .input-wrapper select {
font-family: 'Work Sans', sans-serif !important;
min-height: 60px;
width: 90%;
font-size: 150%;
font-weight: 400;
border: 1px solid #d1d1d1;
border-radius: 0 !important;
}
#fluentform_5 .ff-el-input--content, #fluentform_6 .ff-el-input--content {
padding: 0 20px 20px 20px;
}
#fluentform_5 .submit-wrapper .submit-btn, #fluentform_6 .submit-wrapper .submit-btn {
margin-left: 20px;
}
.input-yellow input {
background: #FCCA37 !important;
}
.checkbox-wrapper .ff-el-input--label label {
padding: 10px 0 0 20px;
font-size: 22px;
font-weight: bold;
}
.fluentform .checkbox-wrapper input[type=checkbox] {
display: none !important;
}
.fluentform .checkbox-wrapper .ff-el-input--content .ff-el-form-check input {
position: relative;
padding-left: 25px;
cursor: pointer;
}
.fluentform .checkbox-wrapper .ff-el-form-check {
max-width: 500px;
}
.fluentform .ff-el-input--content .ff-el-form-check input[type="checkbox"] + span::before {
content: "";
width: 21px;
height: 21px;
border: 4px solid #FCCA37;
background: #FCCA37;
display: inline-block;
margin-top: 30px;
margin-right: 15px;
margin-bottom: -4px;
vertical-align: baseline;
}
.fluentform .ff-el-input--content .ff-el-form-check input[type="checkbox"] + span {
position: relative;
font-family: 'Work Sans', sans-serif !important;
line-height: normal;
}
.fluentform .ff-el-input--content .ff-el-form-check input[type="checkbox"]:checked + span::after {
content: "";
width: 9px;
height: 9px;
background: #000;
display: block;
position: absolute;
left: 6px;
top: 3px;
}
.sanitary-wrapper label {
margin-bottom: 30px !important;
font-size: 20px;
padding-left: 20px;
}
.sanitary-wrapper .ff-el-form-check label>span {
border: 2px solid #fcca37 !important;
background: transparent !important;
color: #000 !important;
font-family: 'Work Sans', sans-serif !important;
text-transform: uppercase !important;
border-radius: 0 !important;
}
.sanitary-wrapper .ff-el-form-check.ff_item_selected label>span {
background-color: #FCCA37 !important;
border: 2px solid #fcca37 !important;
}
@media (max-width: 767px) {
#fluentform_5 .ff-el-input--content, #fluentform_6 .ff-el-input--content {
padding: 0;
}
.checkbox-wrapper .ff-el-input--label label, .sanitary-wrapper .ff-el-input--label label {
line-height: normal !important;
padding: 0;
} 
.sanitary-wrapper label {
padding-left: 0;
}
#fluentform_5 .submit-wrapper .submit-btn, #fluentform_6 .submit-wrapper .submit-btn {
margin-left: 0;
}
.fluentform .ff-el-input--content .ff-el-form-check input[type="checkbox"] + span::before {
border: 1px solid black;
}
} .white-tekst {
color: white;
}
.white-input input:focus, .white-input-wrapper .white-input:focus {
color: white !important;
border: 1px solid #d72d5c !important;
}
.iti__country-list {
background-color: #000 !important;
}
.submit-wrapper-metr .submit-btn-metr {
height: 40px;
font-size: 15px;
border-radius: 0px !important;
margin-top: 30px;
} #pum_popup_title_2424 {
text-align: center;
}
.pum-content p, .pum-content h2 {
text-align: center !important;
}
#popmake-2424 {
background-color: #fcca36;
}
.popup-container {
display: flex;
flex-wrap: wrap;
}
.popup-container > div {
flex: 50%;
box-sizing: border-box;
padding: 10px;
}
@media (max-width: 767px) {
.popup-container > div {
flex: 100%;
}
} @media (min-width: 767px) {
.submenu-toggle {
opacity: 0;
}
}
@media (max-width: 767px) {
.submenu-toggle {
opacity: 1;
color: white;
}
.menu-item-has-children {
display: flex;
align-items: center;
}
.menu-item-has-children > a {
flex-grow: 1;
z-index: 2;
transform: translateX(17px);
}
.submenu-toggle {
padding: 0 15px;
z-index: 3;
}
.menu-item-has-children > .sub-menu {
position: absolute;
width: 100%;
left: 0;
top: 126px;
z-index: 1;
display: none;
}
.menu-item-has-children .show {
display: block;
}
}
.page-id-895 .icontaier .icol-sm-12,
.page-id-1317 .icontaier .icol-sm-12 {
display: grid;
grid-template-columns: 1fr;
}
.page-id-895 .icontaier .icol-sm-12 #orders,
.page-id-1317 .icontaier .icol-sm-12 #orders {
order: 1;
}
.page-id-895 .icontaier .icol-sm-12 p,
.page-id-1317 .icontaier .icol-sm-12 p {
order: 2;
}
.page-id-895 .icontaier .icol-sm-12 #zamow-online,
.page-id-1317 .icontaier .icol-sm-12 #zamow-online {
order: 3;
}
.page-id-895 .icontaier .icol-sm-12 div,
.page-id-1317 .icontaier .icol-sm-12 div {
order: 4;
}.icontainer {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto
}
@media (min-width:768px) {
.icontainer {
}
}
.irow {
margin-right: -15px;
margin-left: -15px;
margin-bottom: 15px;
}
.irow:after,
.irow:before {
display: table;
content: " "
}
.irow:after {
clear: both
}
.icol-sm-1,
.icol-sm-2,
.icol-sm-3,
.icol-sm-4,
.icol-sm-5,
.icol-sm-6,
.icol-sm-7,
.icol-sm-8,
.icol-sm-9,
.icol-sm-10,
.icol-sm-12 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
-webkit-box-sizing: border-box;
}
@media (min-width:768px) {
.icol-sm-1{
float: left;
width: 8.33333333%;
}
.icol-sm-2 {
float: left;
width: 16.66666667%;
}
.icol-sm-3 {
float: left;
width: 25%;
}
.icol-sm-4 {
float: left;
width: 33.33333333%;
}
.icol-sm-5 {
float: left;
width: 41.666667%;
}
.icol-sm-6 {
float: left;
width: 50%;
}
.icol-sm-7 {
float: left;
width: 58.33333333%;
}
.icol-sm-8 {
float: left;
width: 66.66666667%;
}
.icol-sm-9 {
float: left;
width: 75%;
}
.icol-sm-10 {
float: left;
width: 83.33333333%;
}
.icol-sm-12 {
float: left;
width: 100%;
}
}
.irow img {
width: 100%;
}
@media (max-width: 1200px) and (min-width: 993px) {
.valign {
display: flex;
align-items: center;
}
}
@media (min-width: 750px){
.sticky {
position: fixed;
top: 0;
width: 100%;
}
}