html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
background: transparent;
border: 0;
padding: 0;
vertical-align: baseline;
}
body {
line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}
ol, ul {
list-style: none;
}
blockquote {
quotes: none;
}
blockquote:before, blockquote:after {
content: '';
content: none;
}
del {
text-decoration: line-through;
} table {
border-collapse: collapse;
border-spacing: 0;
}
a img {
border: none;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
img {
max-width: 100%;
height: auto;
}  img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-container img {
max-width: 100%; height: auto; } .container{max-width: 1300px; margin: 0 auto; padding-left: 1em;padding-right: 1em;} a {text-decoration: none;}
.clearfix {display: block;}
body {font-family: 'Source Sans Pro', sans-serif; margin: 0%; padding: 0%; font-weight: 300; color:#000000;}
p {font-size: 14px; line-height: 2em; color:#000000;}
*{ color:#000000;}
h1, h2, h3, h4, h5, h6, .wc-block-grid__product-title{color:#000000;}
#access {
display: block; text-align: left;  background:none;
}
#access .menu-header,
div.menu { font-size: 14px;
font-size:0;
}
#access .menu-header ul,
div.menu ul {
list-style: none;
margin: 0;
margin-top:4px;
}
#access .menu-header li,
div.menu li {
display:inline-block;
position: relative;
}
#access .menu-header li:first-child a,
div.menu li:first-child a {
}
#access a {
color: #005825;
display: block;
line-height: 30px;
padding: 0 12px;
text-decoration: none;
font-size:13px;
background-repeat:no-repeat;
text-transform: uppercase;
transition: background 0.5s ease 0s;
font-weight:bold;
}
#access ul ul {
display: none;
position: absolute;
top: 48px;
left: 0;
width: 230px;
z-index: 99999;
text-align:left;
}
#access ul ul li {
width: 100%;
margin:0px !important;
}
#access ul ul ul {
left: 100%;
top: 0;
}
#access ul ul a {
background: #000;
line-height: 25px;
padding: 10px; height: auto;
text-transform:none;
font-size:14px;
color:#fff;
}
#access li:hover > a{
color: black;
}
#access ul ul :hover > a {
color: #000;
}
#access ul li:hover > ul {
display: block;
}
#access ul li.current_page_item > a,
#access ul li.current_page_ancestor > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
}
* html #access ul li.current_page_item a,
* html #access ul li.current_page_ancestor a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
background-position:right 10px bottom;
color: #ec9454;
}
.top-menu{
padding: 17px 0  17px 0;
background:#FFF5A0;
position: fixed;
width: 100%;
height: 70px;
z-index: 9;
transition: all 0.5s ease 0s;
}
.top-menu-grid{
display: grid;
grid-template-columns: 130px auto 400px;
}
.menu-primary ul{display: flex;float: right;}
.logo {margin-top: -10px; z-index: 15;} .buttons{
text-align: right;
}
.button { 
border:0px; 
text-transform: uppercase; 
font-size: 12px; 
font-weight: 900; 
border-radius: 5px; 
text-align: center; 
padding: 12px 10px 12px 10px;
display: inline-block;
min-width: 180px;
white-space: nowrap;
text-decoration: none; 
}
.green {background-color: #005825; color: white;transition: all 1s ease 0s;}
.red {background-color: #BF001E; color: white;transition: all 1s ease 0s;}
.green:hover {background-color: white; color: #005825; transition: all 1s ease 0s;}
.red:hover {background-color: white; color: #BF001E; transition: all 1s ease 0s;} .container-checkbox {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-align:justify;
font-size:15px;
margin-top: 20px;
color:#8d8d8d;
font-weight: 300;
} .container-checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
} .checkmark {
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
background-color: #eee;
} .container-checkbox:hover input ~ .checkmark {
background-color: #ccc;
} .container-checkbox input:checked ~ .checkmark {
background-color: #BF001E;
} .checkmark:after {
content: "";
position: absolute;
display: none;
} .container-checkbox input:checked ~ .checkmark:after {
display: block;
} .container-checkbox .checkmark:after {
left: 9px;
top: 5px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
@media (max-width: 1200px) {
.access li a{font-size: 10px;}
}
@media (max-width: 800px) {
.grid-column { 
grid-template-columns: repeat(1,minmax(0,1fr)); 
grid-template-areas: 
"image-rev"
"content-rev"  ;
}
.top-menu {grid-template-columns: 130px auto;}
.logo-footer {display: none;}  
.menu-button-one, .menu-button-two {display: none;}
}
@media (min-width: 800px) {
.grid-column { grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-areas: "content-rev image-rev"; }  .container h1 {line-height: 1.2em;}
.footer-grid {display: grid; grid-template-columns: 1fr 1fr 130px 1fr 1fr;}
.footer-images {float: right;}
.post {grid-template-columns: 1fr 1fr;}
}
.pad-t10 {padding-top: 10px;} .pad-t20{padding-top: 20%;} .pad-b20 {padding-bottom: 20%;} .pad-r1em{padding-right: 1em;} .pad-t50{padding-top: 50px;} .pad-t50{padding-top: 50px;}
.marg-t15 {margin-top: 15px;} .marg-r15 {margin-right: 15px;} .marg-b15{margin-bottom: 15px;} .marg-t20 {margin-top: 20px;} .marg-b50{margin-bottom: 50px;}
.border-top{border-top: 1px solid gray;} .marg-t50{margin-top: 50px;} .border-bottom{border-bottom: 1px solid gray;} .pad-b50{padding-bottom: 50px;}
.green {background-color: #005825; color: white;}
.red {background-color: #BF001E; color: white;} .slide-title {
padding: 25% 0 20% 0;
color: white;
}
.slider-big-title {
font-size: 30px;
text-transform: uppercase;
font-weight: 900;
color:#fff;
}
.mar{color:#fff; font-size:16px; margin-bottom: 25px; line-height: 1.4em;}
#text-max {margin-bottom: 30px;}
.grid-column {
max-width: 100%;
margin: 0 auto;
display: grid;
margin-bottom: 30px;
}
.col-content-right, .col-content-left {
padding: 2% 5% 5% 15%;
background-color: white;
z-index: 2;
align-self: center;
}
.image-rev {grid-area:image-rev;}
.content-rev{grid-area:content-rev;}
.col-image{z-index: 1;}
.vertical-center {
margin: 0;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.align-center{text-align:center;}
.block-title {font-size: 28px; font-weight: 900;line-height: 1.4em; text-transform: uppercase; margin-top: -35px !important;}
.ico-left { width: 30px; display: block; padding-top: 27px; margin-right: 20px; margin-left: -52px;}
.left {float: left; width: 100px; margin-right: 20px;}
.ico {width: 30px;}
.ico-tab-left {float: left; width: 30px;display: block;margin-right: 20px; margin-left: -50px; }
.float-left {float:left;}
p.date{font-weight: bold; margin-bottom: 0;}
.photo-max {
background-size: cover;
height: 90vh; text-align: center;
}
.white {color: white;}
.tinted-image {
}
.text-center {text-align: center;} .lh2em{line-height: 2em;} .lh0{line-height: 0px;} .font14 {font-size: 14px;} .font900{font-weight: 900;} .upper{text-transform: uppercase;} .lh1em{line-height: 1em;}
.center {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
.logos-small{height: 100px; width: auto;}
.logos-grid {display: grid; grid-template-columns: auto auto auto;}
.tab {padding-left: 50px;}
footer {
background-color: #FFF5A0; width: 100%; margin-top: 100px;
}
.footer-grid {
grid-gap: 10px;
padding: 20px;
}
.footer-item p{line-height: 1em;}
.footer-item { padding: 20px 0 20px 0;}
.footer-item h3{margin-bottom: 20px;}
.logo-footer {margin-top:-70px;}
.footer-images { position: relative;}
.container h3 {font-weight: 900; font-size: 16px;}  #slider-post { margin: 0px;
padding: 0px;
margin-bottom: 30px; min-height: 180px;
background-color:#005825;
}
table.cart tr td.product-remove,
table.cart tr td.product-name,
table.cart tr td.product-price,
table.cart tr td.product-subtotal
{padding-top: 47px;}
table.cart td.product-remove, table.cart td.actions{padding:20px;}
table.cart tr td.product-quantity .quantity{border:0; margin-top: 5px;}
table:not(.has-background) th, td.actions{background-color:#FFF59E;}
a{color:#005825;}
.xoo-wsc-chng, span.xoo-wsc-plus, .xoo-wsc-qtybox, input[type="number"].xoo-wsc-qty{border:0 !important; border-width: 0 !important; box-shadow:none !important;}
.actions .button,
.xoo-wsc-footer a.xoo-wsc-ft-btn.xoo-wsc-chkt,
.xoo-wsc-footer a.xoo-wsc-ft-btn.xoo-wsc-cont{background-color: #005825; color: white; border-radius: 5px;}
.checkout-button.button.alt.wc-forward,
#place_order,
.xoo-wsc-footer a.xoo-wsc-ft-btn.xoo-wsc-cart{background-color: #BF001E; color: white; border-radius: 5px;}
.form-row input, .form-row textarea, .form-row select{box-shadow: none;}
.post-1fr{grid-template-columns: 1fr;}
.post-1fr .content-post{padding:0;}
.slide-title-post { color: white;
position: absolute;
top: 135px;
}
.post {
display: grid;
}
.content-post {
padding: 50px 30px 50px 100px;
align-self: center;
background: url(//www.osteriapiemonte.pl/wp-content/themes/osteria/images/path1.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.ico-left-post {float: left; width: 30px; display: block; padding-top: 18px; margin-right: 20px; margin-left: -52px;}
.post-button {margin-top: 5em; margin-top:25px;}
.menu-grid {
display: grid;
grid-template-columns: 2fr 1fr;
}
.menu-right-col {
padding-left: 40px;
padding-top: 0px;
}
.menu-right-col p {margin-top: 0px;}
.ico-left-menu {float: left; width: 30px; display: block; padding-top: 0px; padding-right: 15px;}
.price, .add, .add-sum, .item {align-self: center;} .item-menu {display: grid; grid-template-columns: 1fr 4fr 1fr 1fr; border-bottom: 1px solid #F8F8F8;}
.quantity {
font-size: 14px; 
font-weight: 600;
border: 1px solid #005825; 
border-radius: 5px 0 0 5px; 
float: left;
padding: 0;
padding:6px;
height:37px;
} 
.item{padding:10px;}
.input-text.qty.text{padding:0;}
.plus{font-size: 26px; font-weight: 900; color:white; line-height: 15px; border: 1px solid #005825; border-radius: 0 5px 5px 0; background-color:#005825; float: left; padding: 10px;}
.block-title-menu {font-size: 22px; font-weight: 900;line-height: 1.4em; text-transform: uppercase; margin-top: 20px;}
.add-sum-plus {
border: 1px solid #005825; border-radius: 5px 0 0 5px;  background-color: #005825;
}
.add-sum-minus {
border: 1px solid #BF001E; border-radius: 0 5px 5px 0; background-color: #BF001E;
}
.add-sum-plus, .add-sum-minus {
color: white;
font-weight: 600;
padding: 8px 10px 8px 10px; 
float: left;
}
.sum-item {display: grid; grid-template-columns: auto 80px;} form#contact-form fieldset label {
display: inline-block;
font-weight: 700;
width: 100%;
font-size:14px;
padding-left:15px;
margin-bottom: 10px;
}
form#contact-form fieldset label.textarea {
vertical-align:top;
padding-top:10px;
font-size:14px;
}
form#contact-form fieldset {
margin-bottom: 10px;
padding: 5px 0;
float:left;
}
form#contact-form fieldset.fieldset-left {
float:left;
width:49%;
}
form#contact-form fieldset.fieldset-right {
float:right;
width:49%;
}
form#contact-form fieldset.fieldset-center {
margin:0 2%;    
}
form#contact-form fieldset.full-width{
width:100%;
}
form#contact-form fieldset input[type="text"] {
border: 1px solid #bdbdbd;
padding: 10px 15px;
width: 100%;
font-size:16px;
font-family: 'Source Sans Pro', sans-serif;
}
form#contact-form fieldset textarea {
border: 1px solid #bdbdbd;
font-family: 'Source Sans Pro', sans-serif;
padding: 10px 15px;
width: 100%;
min-height:130px;
font-size:16px;
color:rgba(171, 171, 171, 1);
box-shadow: none;
}
.err {
background: #f8c4c4 !important;
box-shadow: 0 0 5px red  !important;
}
#err2 {
background: #fff none repeat scroll 0 0;
display: none;
margin: 20px 0;
padding: 4px 10px;
text-align: center;
}
#err2 > div.error{background-color: red; color: #fff;}
#err2 > div.green{background-color: #099c20; color: #fff;}
.g-recaptcha {
display: inline-block;
margin: 0 auto;
}
.woocommerce-active .site-header .site-header-cart{width:70%;} .overlay { height: 100%;
width: 0;
position: fixed; z-index: 1; left: 0;
top: 0;
background-color: rgb(0,0,0); background-color: rgba(0,0,0, 0.9); overflow-x: hidden; transition: 0.5s; } .overlay-content {
position: relative;
top: 25%; width: 100%; text-align: center; margin-top: 30px; } .overlay a {
padding: 8px;
text-decoration: none;
font-size: 36px;
color: #818181;
display: block; transition: 0.3s; } .overlay a:hover, .overlay a:focus {
color: #f1f1f1;
} .overlay .closebtn {
position: absolute;
top: 20px;
right: 45px;
font-size: 60px;
}
h2{margin-top:0 !important;}
.pea_cook_wrapper.pea_cook_bottomright{width:100%; bottom:0 !important; margin-left:0 !important; right:0 !important;}
.pea_cook_wrapper{border-radius:0 !important;}
.pea_cook_wrapper p{color:#fff !important;}
.pea_cook_more_info_popover_inner p{color:#fff !important;}
.pea_cook_more_info_popover_inner h2{color:#fff !important;}
.pea_cook_more_info_popover_inner ol{list-style:decimal;margin:10px 0px; font-size:14px;}
.pea_cook_more_info_popover_inner ol li{margin-top:5px; margin-bottom:5px; line-height:1.4em;}
.pea_cook_more_info_popover_inner ol li ol{margin-left:20px;}
a:focus, input:focus, textarea:focus, button:focus{outline:0;}
.quantity .qty{background: none; box-shadow: none;}
.add .cart .button{min-width: auto; border-radius:0 5px 5px 0; padding:13px 10px 12px 10px; background:#005825; color:#fff;}
.add .cart .added_to_cart{display: none;}
.add .cart{margin:0;}
.item p{margin-bottom: 10px;}
.price h3{margin-bottom: 0;}
#wp_page_numbers ul{text-align:center; margin:40px 0px; }
#wp_page_numbers ul li{display:inline-block;}
#wp_page_numbers ul a{ display:inline-block; color:#005825;}
#wp_page_numbers ul li a{ width:35px; height:35px; line-height:35px;    -webkit-transition: background-color 500ms linear, color 500ms linear;
-moz-transition: background-color 500ms linear, color 500ms linear;
-o-transition: background-color 500ms linear, color 500ms linear;
-ms-transition: background-color 500ms linear, color 500ms linear;
transition: background-color 500ms linear, color 500ms linear;}
#wp_page_numbers ul li.active_page a, #wp_page_numbers ul li a:hover{background:#BF001E; color:#fff;    -webkit-transition: background-color 200ms linear, color 500ms linear;
-moz-transition: background-color 500ms linear, color 200ms linear;
-o-transition: background-color 500ms linear, color 200ms linear;
-ms-transition: background-color 500ms linear, color 200ms linear;
transition: background-color 500ms linear, color 200ms linear;}
#wp_page_numbers ul li.active_page a{color:#fff; } .jz-menu-header{margin-top:35px !important; margin-bottom: 30px !important; text-align:center;}
.storefront-breadcrumb{display: none;}
.slick-track {
display: flex;
}
.slick-track .slick-slide { height: auto; }
.slajd-content-jz{
position: absolute;
align-items: center;
justify-content: center;
text-align: center;
margin: auto;
top: 40%;
left: 0;
bottom: 0;
right: 0;
}
.content-post ul{list-style: disc; margin:0; padding:0; margin-left: 15px; font-size:14px; margin-bottom: 20px;}
.content-post ul li{margin-bottom: 8px;}
ul.galeria-slides{margin:0; padding:0; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-gap: 10px;}
ul.galeria-slides li{ }
.slick-slide{background-size:cover;}
.jv-menu-overlay{background:#005825;}
.jv-menu-overlay li{padding-top:5px !important;}
.jv-menu-overlay li:last-child a{border:0;}
.jv-menu-overlay a{color:#FFF5A0 !important;}
.jz-menu-overlay-content{padding-top:50px;}
.jv-menu-overlay ul li a{border-bottom: 1px solid #01431d}
.item p{line-height: 1.2em}
.phone-ico, .email-ico{padding-left:30px;}
.phone-ico{background:url(//www.osteriapiemonte.pl/wp-content/themes/osteria/images/phone.svg) no-repeat left; background-size:18px;}
.email-ico {background: url(//www.osteriapiemonte.pl/wp-content/themes/osteria/images/malpa.svg) no-repeat left;background-size: 18px;}
.jackvision{max-width: 160px; margin:auto;}
.phone-icon{display:none; z-index:10; border-radius:50%; position:fixed; bottom:20px; right:20px; width:60px; height:60px; background: url(//www.osteriapiemonte.pl/wp-content/themes/osteria/images/phone.svg) no-repeat center #fff; background-size: 50px;  padding:10px;}
@media screen and (max-height: 450px) { } 
@media only screen and (max-width:1210px){ #access .menu-header{display:none;}
.jv-menu-open-nav{display:inline-block;}
.buttons a.button{display: none;}
.buttons {text-align:right;}
}
@media only screen and (max-width:1024px){  }
@media only screen and (max-width:800px){  .footer-grid {grid-template-columns: 1fr 1fr; display: grid;}
.footer-item{text-align:center;}
.footer-images{margin:auto;}
.osteria-sm a{text-align: center; margin: auto; display: inline-block;}
.phone-icon {
display: inline-block;
}
}
@media only screen and (max-width:640px){  #access{display: none;}
.top-menu-grid{grid-template-columns: 130px auto;}
.slide-title-post{text-align:center; width:93%;}
.slider-big-title{font-size: 23px; padding-top:20px;}
ul.galeria-slides{display: grid; grid-template-columns: 1fr 1fr 1fr;}
.item p{font-size:11px;}
.footer-grid {grid-template-columns: 1fr;}
}
@media only screen and (max-width: 479px) {
form#contact-form fieldset.fieldset-left,
form#contact-form fieldset.fieldset-right{float:none; width:100%;}  }
@media only screen and (max-width: 320px) { }