@charset "utf-8";
/*
* CSS Document (2015.03.09.) Updated: 2015.04.02. / 2017.01.26. / 2019.07.09. / 2020.05.06.
* MULTI OGSS MAIN STYLE
* Copyright (c) 2008-2020
* All rights reserved.
* Design/Webdesign: CsAB - Mucius Scaevola Kft. (www.mucius.hu)
*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700&subset=latin,latin-ext');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css');
/*@import url('font-awesome.min.css');*/

* { outline:0 !important; }

html {
    color: #222;
    font-size: 16px;
    line-height: 1.4em;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}


hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}


fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade, #nojs {
    margin: 40px 0 -40px 0;
    background: yellow;
    text-align:center;
    color: #000;
    padding: 0.2em 0;
}
#nojs { background: #FFC20E; }
.browserupgrade a, .browserupgrade a:visited, #nojs a, #nojs a:visited { color:#1B1B1B; font-weight:bold; }

.error503 .browserupgrade, .error503 #nojs {
margin: 0;
}

.helperDebug {
background: url('//static.webhirdet.hu/img/c64.gif') no-repeat scroll center top rgba(0, 0, 255, 0.7);
padding: 60px 10px 10px 10px;
color: #FFFFFF;
display: block;
min-height: 25%;
max-height: 85%;
margin:0;
overflow: auto;
position: fixed;
right: 2px;
top: 40px;
width: 480px;
text-align:left;
border:1px solid blue;
font:normal 11px/1.3em "Courier New", Courier, monospace;
z-index:1000;
}
.helperDebug:before {
content: "USE: helper::debug(mixed $expression); | DEBUG INFO:";
color:yellow;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

html, body {
    font:normal 18px/1.4em 'Open Sans Condensed', Arial, Helvetica, sans-serif;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align:center;
}
html {
    background:white;
    /*background:white url('https://lorempixel.com/1920/1080/food/') no-repeat fixed top center / cover;*/
}

/*original 960/770px*/
.wrapper { width:960px; text-align:left; margin:0 auto; overflow:hidden; position:relative; }

/*
a, a:visited { color:#3366FF; text-decoration:none; }
a:hover { color:#0033CC; text-decoration:underline; }
*/
a, a:visited { color:#FCA103; text-decoration:none; }
a:hover { color:#000; text-decoration:underline; }


svg:not(:root) { overflow: hidden; }
svg { width: 100%; max-height: 100%; }
a:hover svg { opacity:0.75; }

.tc { text-align:center; }
.tl { text-align:left; }
.tr { text-align:right; }
.tj { text-align:justify; }
.fl { float:left; }
.fr { float:right; }
.clear, .clearer, .clr { clear:both; float:none; }

/* pageblock edit */
.pbedit {
position:absolute;
top:0;left:0;
display:block;
z-index:500;
width:16px;height:16px;
background:black url('//static.webhirdet.hu/icon/pencil.png') no-repeat scroll center center;
padding:5px;
opacity:0.25;
}
.pbedit:hover {
opacity:1;
}

/* -- colors and background-colors --- */

.c-red { color:#CC0000; }
.c-blu { color:#3E84D5; }
.c-gre { color:#6CBB1A; }
.c-bla { color:#000000; }
.c-whi { color:#FFFFFF; }
.c-ora { color:#F26531; }
.c-aqu { color:#05B27B; }
.c-tea { color:#22A7CD; }
.c-pur { color:#6F36D1; }
.c-sil { color:#C3C3C3; }
.c-yel { color:yellow; }

.bc-red, .bc-blu, .bc-gre, .bc-bla, .bc-whi, .bc-ora,
.bc-aqu, .bc-tea, .bc-pur, .bc-sil, .bc-yel,
.br-red, .br-blu, .br-gre, .br-bla, .br-whi, .br-ora,
.br-aqu, .br-tea, .br-pur, .br-sil, .br-yel {
padding:0.1em 0.5em;
}  

.bc-red { background-color:#CC0000; }
.bc-blu { background-color:#3E84D5; }
.bc-gre { background-color:#6CBB1A; }
.bc-bla { background-color:#000000; }
.bc-whi { background-color:#FFFFFF; }
.bc-ora { background-color:#F26531; }
.bc-aqu { background-color:#05B27B; }
.bc-tea { background-color:#22A7CD; }
.bc-pur { background-color:#6F36D1; }
.bc-sil { background-color:#C3C3C3; }
.bc-yel { background-color:yellow; }

.c-red { color: #BF1E2E; }
.c-whi { color: #FFFFFF; }
.c-blk { color: #000000; }
.c-gry { color: #999999; }
.c-gry-d { color: #666666; }
.c-gry-d2 { color: #333333; }
.c-gry-l { color: #EEEEEE; }
.c-gld { color: #FB9E01; }

.status-unpublic { text-decoration: line-through; color:red; }
.found-unpublic, .found-unpublic td, .found-unpublic th { background:#fdd !important; border-top:2px solid #c00; }
.found-hidden, .found-hidden td, .found-hidden th { background:#fca !important; border-top:2px solid #f63; }

.svg-48 { width:48px; height:48px; }
.svg-32 { width:32px; height:32px; }
.svg-24 { width:24px; height:24px; }
.svg-16 { width:16px; height:16px; }

ul.messagebox {
font-size:1em;
line-height:1.2em;
list-style-type: none;
padding:0.5em;
margin:5px 0;
text-align: center;
}
.front ul.messagebox {
margin: 5px 0 20px;
}

.accept-messages {
border:1px solid #BBCC5B;
background:#EBFAB6;
color:#82B466;
}
.error-messages {
border:1px solid #F6988F;
background:#FDD2D1;
color:#883333;
}
.info-messages {
border:1px solid #4C8DC0;
background:#BDE5F8;
color:#00529B;
}
.warning-messages {
border:1px solid #B88630;
background: #FEEFB3;
color:#9F6000;
}


/* --- header ---*/

header {
background:black;
display:block;
position:fixed;
z-index:400;
width:100%;
height:40px;
overflow:hidden;
top:0;
color:white;
-moz-box-shadow: 0 0 5px black;
-webkit-box-shadow: 0 0 5px black;
box-shadow: 0 0 5px black;
}
header h1 {
float:left;
margin:0;padding:0;
font-size:1em;
font-weight:bold;
line-height:1.4em;
padding:.18em 0;
position:relative;
}
header #basket, header #user {
float:right;
}
header h1 a, header h1 a:visited { color:white; }
header h1 a:hover { color:#aaa; text-decoration:none; }


header svg { width:32px; height:36px; margin:0 0.25em 0 0;}
header svg.svg-cart { margin:0 0.5em;}
header #basket { font-size:1.5em; font-weight:bold; margin:0 0.25em 0 0.25em; line-height:1em; }
header #basket span { line-height:1.3em; }
header #basket a, header #basket a:visited { color:#FCA103; }
header #basket a:hover { color:white; text-decoration:none; }

header #user { margin-top:4px; }
header svg.svg-user { width:24px; }
header #user a, header #user a:visited { color:#aaa; }
header #user a:hover { color:#fff; }

#basketTable .foodOptions {
line-height:1em;margin:0;padding:0;
list-style-type:circle;
}
#basketTable .foodOptions li {
margin:0;padding:0;
list-style-position:inside;
}
#basketTable .foodOptions li b {
color:#555;
}

.form.basketOfferBox { background:#eee; border:5px dashed #ddd; padding:5px 1em; margin:0.5em 0; }
.basketOfferBox.active { background:#ebfab6; border: 1px solid #bbcc5b; }
.basketOfferInfo { float:left; width:60%; margin:0 1% 0 0; }
.basketOfferInfo h4 { margin:0; padding:1em 0; line-height:1.3em; color:#999; }
.active .basketOfferInfo h4 { color:green; }
.basketOfferInfo .desc { margin:-1em 0 0 0; padding:0.25em; line-height:1.3em; }
.bOfExtend .basketOfferInfo { width:90%; margin:0; }
.basketOfferSetup { float:left; width:39%; margin:0; }
.basketOfferSetup .offerSubmit { margin:2.5em 0 0.5em 0; padding:0; }
.bOfExtend .basketOfferSetup { width:10%; }
.form .basketOfferCouponCode { float:left; width:140px; }
.basketOfferCouponCode label { display:block; font-weight:bold; font-size:1em; }
.active .basketOfferCouponCode input, .basketOfferCouponCode input:focus { font-weight:bold; color: green; }

#headerGotop {
color:white;
font-size:1em;
display:inline-block;
position:fixed;
bottom:-28px;left:52%;
z-index:600;
background:#FCA103;
/*background:rgba(0,0,0,0.5);*/
padding:0.35em 0.25em;
-wekit-border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
border-radius:5px 5px 0 0;
-moz-box-shadow:0 -1px 5px black;
-webkit-box-shadow:0 -1px 5px black;
box-shadow:0 -1px 5px black;

bottom:-10px;
left:inherit;
right:15px;
/*opacity:0.25 !important;*/
border:1px solid #555;
}
a#headerGotop, a:visited#headerGotop { color:#FCA103; color:black; } 
a:hover#headerGotop {
color:#333;
bottom:-10px;
-moz-box-shadow:0 0 20px #FCA103;
-webkit-box-shadow:0 0 20px #FCA103;
box-shadow:0 0 20px #FCA103;
/*opacity:1 !important;*/
border:2px solid #E90;
} 

/* --- header info --- */

#header-info {
margin-top:40px;
background:#eee;
/*background:rgba(0,0,0,0.25);*/
height:200px;
overflow:hidden;
}
.error503 #header-info {
margin:0;
}

.logo { background:black; #;width:220px;height:200px; overflow:hidden; float:left; margin:0; padding:0; position:relative; }
.logo img#logo { width:100%; max-width:220px; vertical-align:middle; -webkit-transition: all 300ms ease 0ms; transition: all 300ms ease 0ms; }

.logo a.logolink {
text-align: center;
display: block;
width: 100%;
height: 100%;
/*line-height: 150px;*/
background: black url('/picture/company/-logo-220x200.png') no-repeat scroll 0 0;
}

.logo a.logolink:hover img#logo { -webkit-transform: scale(1.05); transform: scale(1.05); }

/* header nav */

#header-info nav.menu {
float:right;
width:150px;
/*border-left:1px dotted white;*/
background:#333;
height:200px;
position:absolute;
top:0;right:0;
z-index:1;
}

#header-info nav.menu ul {
text-align:right;
list-style-type: none;
padding:0; margin:5px 10px;
}
#header-info nav.menu a, #header-info nav.menu a:visited {
color:#FCA103;
}
#header-info nav.menu a:hover {
color:white;
}

/* company info */

#header-info .company-info {
margin:0;
display:inline;
float:left;
width:590px;
padding:10px 140px 10px 10px;
height:180px;
overflow:hidden;
background: #FCA103;
/*background:#EEEEEE url('https://maps.googleapis.com/maps/api/staticmap?center=40.702147,-74.015794&zoom=16&size=630x220&maptype=roadmap&markers=color:red|40.702147,-74.015794') no-repeat scroll 0 0;*/
}

#header-info .company-info h2 {
margin:5px 0 0;
padding:0;
font-size:1.2em;
}
#header-info .company-info p {
margin:0;padding:0.25em 0;
color:#333;
font-size:1em;
}
#header-info .company-info a, #header-info .company-info a:visited {
color:white;
}

/* --- social links --- */

#header-info nav.social-links {
position:absolute;
bottom:0;left:0;
z-index:10;
padding:5px 5px;
width:210px;
text-align:center;
background:white;
background:rgba(255,255,255,0.75);
z-index:10;
}

#header-info nav.social-links ul {
padding:0; margin:0;
}
#header-info nav.social-links ul li {
list-style-type: none;
display:inline;
margin:0 2px;
}
.c-sl a, .c-sl a:visited,
#header-info nav.social-links ul li a,
#header-info nav.social-links ul li a:visited {
color:black;
}

.c-sl a:hover, .c-sl a:focus,
#header-info nav.social-links ul li a:hover,
#header-info nav.social-links ul li a:focus {
color:gray;
}

.c-sl {
letter-spacing:.5em;
}

/* left blocks */

#left-blocks {
float:left;
width:220px;
margin:0;padding:0;
/*position:absolute;
top:0;left:0;*/
}

.lbox {
margin:1px 0;
padding: 1em 5%;
width: 90%;
}
.lbox h3 { margin-top:0; }

/* order phone */

#order-phone {
background:#EEEEEE;
}

#order-phone .svg-phone,
#order-phone .fa-phone {
display:block;
margin:5px 5px 0 0;
float:left;
}
#order-phone h3 {
font-size:1.2em;
margin:0 0 1em 0;
}
#order-phone h3 span {
font-size:1.30em;
color:black;
}
#order-phone p {
margin:0;
}
#order-phone a:hover {
text-decoration: none;
text-shadow: 0 0 20px #FCA103;
}

/* food choice */

#food-choice {
color:white;
background:#333;
width:100%;
padding: 1em 0;
}
#food-choice h3 {
padding:0 0.5em;
}

#food-choice ul {
text-align:left;
list-style-type: none;
padding:0; 
margin:0;
font-weight:bold;
list-style-position: outside;
}
#food-choice ul li {
padding:0.15em 0;
}
#food-choice a, #food-choice a:visited {
color:#ccc;
display:inline-block;
padding:0 4%;
width:92%;
}
#food-choice ul li.odd a, #food-choice ul li.odd a:visited {
color:#aaa;
}

#food-choice ul li a:hover {
background:#FCA103;
color:white;
text-decoration:none;
}

/* rolunk */

#about { 
background:#FCA103;
font-size:0.95em;
line-height:1.3em;
}

#about a, #about a:visited { color:white; }

/* vendegkonyv */

#guestbook {
background: #EEE;
}
#guestbook .gbPhotos {
width:100%;display:block;
padding:0;margin:0;
text-align:center;
font-size:0;
line-height:0;
}
#guestbook .gbPhotos img {
display:inline-block;
width:48%;
padding:0;
margin:1%;
border:none;
}

#guestbook .gbPost {
padding:0;
margin:1em 0;
font-size:16px;
line-height:1.3em;
}

#guestbook .gbUser {
float:left;
margin:5px 5px 5px 0;
}
#guestbook .gbText {
padding:0;
}

/* guestbook page */

body.guestbook .gbPhotos {
font-size:0;line-height:0;
}
body.guestbook .gbImage {
margin:0.5%;width:24%;
}

body.guestbook .gbUser {
float:left;
margin:5px 5px 5px 0;
}

/* ---- article ---- */

article#content {
float:right;
width:730px;
padding:0 0 0 10px;
background:white;
min-height:600px;
}

article#content h2 {
padding:0.5em 0;
border-bottom:1px solid #CCC;
margin:0 0 0.5em 0;
}
article#content h2 span.fa {
color:#ccc;
font-size:1.5em;
vertical-align:middle;
}

/* order info */

#order-info {
padding:0.1em 1em;
background:#EEE;
margin-top:-0.75em;
border-bottom:1px solid #CCC
}

/* order */

h4.category-name {
font-size:1.5em;
margin:1em 0 0.2em 0.2em;
color:#FCA103;
}
h4.category-name .fa-cutlery {
color:#ccc;
font-size:1em;
}

p.category-desc {
color: #999999;
margin: 1em 0 0 0.39em;
padding: 0 0 0 1.6em;
}

.order-table svg.svg-cart {
background:black;
display:inline-block;
padding:3px;
text-align:center;
float:left;
width:24px;
height:24px;
margin:0;
overflow:hidden;
min-height:24px;
}
.order-table svg.svg-cart.no-shipping {
background:#666;
}

.order-table .ksz1 {
min-width:102px;
}

.ksz1 a {
background:black;
display:inline-block;
min-width:102px;
width:100%;
height:100%;
min-height:30px;
overflow:hidden;
}

.price {
display:inline-block;
background:#FCA103;
width:62px;
height:25px;
padding:3px 5px 2px;
font-size:0.95em;
font-weight:bold;
color:white;
}
.price.discounted {
background:#c00;
color:white;
}
.price.old-price  {
background:#CCC;
color:#333;
text-decoration: line-through;
}
a:hover .price { background:black; }
a:hover .price.price.discounted  { color:#c00; }
a:hover .price.old-price  { background:#CCC; color:#333; }


.order-table a { text-decoration:none; }
.order-table a.no-ship:hover .price { background:#FB9E01; color:white; }
.order-table a.no-ship:hover .price.price.discounted { background:#BF1E2E; color:white; }
.order-table a.no-ship:hover .price.old-price { background:#EEEEEE; color:#999999; }
.order-table a.no-ship:hover svg { opacity:1; }

.percent {
background:#333;
color:white;
font-size:1.4em;
text-align:center;
font-weight:bold;
display:inline-block;
padding:3px;
float:left;
width:24px;
height:24px;
clear:left;
}

.order-table {
width:100%;
padding:0;margin:0;
}
.order-table td, .order-table th {
vertical-align:top;
padding:0;margin:0;
}
.order-table th { 
padding:5px 0;
color:#666; 
text-align:left;
}

.order-table td.ksz, .order-table th.ksz {
width:102px;
overflow:hidden;
text-align:right;
}
.order-table tbody tr.odd { 
background:#eee;
}
.order-table tbody tr:hover {
background:#ccc;
}
.order-table .food-name {
font-weight:bold;
display:block;
margin:2px 5px -5px;
}
.order-table .food-desc {
display:block;
font-style: italic;
font-size:0.95em;
margin:0.25em 0.5em;
line-height:1.3em;
color:black;
}
/* --- table ---*/

table.table {
width:100%;
}
table.table td, table.table th {
vertical-align:top;
padding:0.5em 0.25em;margin:0;
}
table.table th { 
padding:0 0 0.25em 0;
color:#666; 
}

table.table tbody tr.odd { 
background:#eee;
}
table.table tbody tr:hover {
background:#ccc;
}
table.table tbody tr.default {
font-weight:bold;
}
td.commands {
min-width:128px;
vertical-align:middle !important;
}
.commands a, .commands a:visited {
margin:0 .25em;
color:black;
text-decoration:none;
}
.commands a:hover {
color:#666;
text-decoration:none;
}
.total {
background:#FCA103;
color:#333333;
}

/* --- FORMOK ---*/

form.form {
max-width: 100%;
min-width: 35%;
margin: 0px;
background-color: #FFFFFF;
padding:.5em;
margin:0 auto;
overflow:hidden;
}
.login form.form { width:60%; }

form.form fieldset {
border:1px dotted #ccc;
padding:0.5em 1em;
}

form.form legend {
font-weight:bold;
margin:0 1em;
padding:0 5px;
}

span.required { color:red;}

.form label {
color: #222222;
display: block;
font-size:0.85em;
}
.fieldCheck label {
display:inline-block;
font-size:1em;
}

.form input, .form textarea, .form select {
border:1px solid #999;
padding: 6px;
display:block;
width:98%;
}
.form input:focus, .form textarea:focus, .form select:focus {
border:1px solid #FCA103;
-moz-box-shadow:0 0 10px #FCA103;
-webkit-box-shadow:0 0 10px #FCA103;
box-shadow:0 0 10px #FCA103;
}

.form input[type=radio], .form input[type=checkbox]{
margin:10px;
width: 13px;
display:inline-block;
}
.form textarea{
width: 98%;
}
.field{ margin-bottom: 15px; }

.form .fieldbtn {
text-align:center;
overflow: hidden;
}
.form .button, .button {
/*font:bold 1.5em/1em Arial, Helvetica, sans-serif;*/
font-weight:bold;
display:inline-block;
max-width:49%;
min-width:190px;
border: #fbfbfb solid 4px;
cursor:pointer;
background-color: black;
color:white;
padding:1em 0;
margin:0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.form .resetbtn {
background:#ccc;
}
.form .submitbtn1 {
background:green;
}
.form .button:hover, .button:hover {
background-color: #FCA103;
color:white;
}

.iconButton {
border:0;
background:none;
color:black;
}
.iconButton:hover {
color:#666;
}
.button1 {
padding:1em;
font-size:1.5em;
}

/* -- spec. resp. table -- */
table#resp { 
  margin: 0 auto;
  border-collapse: collapse;
  text-rendering: optimizeLegibility;
  width:100%;
}
table#resp caption { 
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center left, center right; 
}
/*table#resp tbody tr:hover { background:none; }*/
table#resp thead tr { border-bottom:3px solid #666666; }
table#resp tbody tr.items { border-top:2px solid; } 
table#resp tbody .aggrfoods { font-size:0.9em; }
table#resp tbody .bigtotal { text-align:right;display:block;font-size:1.1em;line-height:1.5em; }
table#resp tbody tr.orderComment td { border-top:1px dotted; }

table#resp tbody tr.bg-ora td {
background:#FCA103 !important;
color:#222222;
}

/* --- paginator --- */ 

.paginator {
font-size: 1.5em;
margin:0;
padding:0;
}
.paginator .spanBar {
display: block;
font-weight: bold;
margin: 0.25em auto;
padding:0;
text-align: center;
}
.paginator span.actual, .paginator span a, .paginator span a:visited {
display: inline-block;
margin: 0 0.01em;
padding: 0 0.3em;
width:1em;
line-height:1.5em;
color:#FB9E01;
text-decoration: none;
}
.paginator span a:hover {
border: medium none;
color: #FFFFFF;
background:#FB9E01;
text-decoration:none;
}
.paginator span.actual {
color: #FFFFFF;
background:black;
}
.paginator .totals, .paginator .results {
display:block;
text-align:right;
font-size: 0.667em;
font-style: italic;
margin:0;padding:0;
}
.paginator span.spanBar a { display:none; } /* resp */
.paginator span.spanBar a.arrow { display:inline-block; }
.paginator span.spanBar a { display:inline-block; }

/* --- pwd check js --- */
#pw-check { margin:0.5em 0; padding:0; overflow:hidden; }
#pw-check ul { border:0; margin:4px 0 0 0; padding:0; list-style-type:none; text-align:center; }
#pw-check ul li { display:inline-block; text-align:center; padding:3px 0 2px 0; margin:0;}
#iWeak,#iMedium,#iStrong { width:33%; color:#ADADAD; text-align:center; background-color:#F1F1F1; display:inline-block; }
#iWeak,#iMedium { border-right:solid 1px #CCCCCC; }
#iMedium,#iStrong { border-left-width:0; }
div.strong #iWeak, div.strong #iMedium, div.strong #iStrong { background: #009900; color: #009900; }
div.medium #iWeak, div.medium #iMedium { background: #FFFF00; color: #FFFF00; }
div.weak #iWeak { background: #CC0000; color: #CC0000; }
div.strong #iStrong, div.medium #iMedium, div.weak #iWeak { color:#000000; }

/* --- footer -- */

.extra {
background:black;
color:white;
font-weight:bold;
font-size:1.3em;
line-height:1em;
}

footer {
    margin:0 0 0 0;
    background: #333;
    /*background: rgba(0,0,0,0.85);*/
    padding:2em 0 1em;
    overflow: hidden;
    width: 100%;
    display:block;
    color:#999;
    font-size:.85em;
}

footer a, footer a:visited { color: white;  }

footer nav.menu ul {
margin:0;padding:0;
}

footer nav.menu ul li {
list-style-type: none;
display:inline;
padding:0 .5em 0 .25em;
margin:0;
border-right:1px dotted #999;
}
footer nav.menu ul li.first-item {  padding-left:0; }
footer nav.menu ul li.last-item {  border:0; }

/* -- contact page -- */
p.x2 {
margin:2em 0;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers:
 * https://juicystudio.com/article/screen-readers-display-none.php
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media screen and (max-width: 480px) {
/* for tablet*/

}

@media only screen and (min-width: 800px) {
/* for wide screen*/

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {

    *,
    *:before,
    *:after {
        /*background: transparent !important;*/
        /*color: #000 !important;*/ /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: none;
        color:#333 !important;
    }

    /*a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }*/

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

   /* a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }*/

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr, section,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

h1, h2, h3, h4, h5 {
color:black !important;
page-break-after: avoid;
page-break-inside: avoid;
}
.pbr {
page-break-before: always;
}
#order h4 {
/*page-break-before: always;*/
}

html, body, .wrapper {  
width:100% !important;
overflow: visible;
}
article#content {
width:100%;
min-height:0;
}

#header-info, footer, .extra {
overflow: visible;
background:none;
color:black !important;
page-break-inside: avoid;
}

#header-info .company-info {
font-size:0.8em;
width:100%;
display:inline-block;
padding-left:240px;
overflow: visible;
background:none;
color:black !important;
}
.logo {
position:absolute;
top:0;left;0;
}

@page {
padding:0;
width:100%;
overflow: visible !important;
}

#header-info { margin: 0}

.price {
width:100%;
background:transparent;color:black;
text-align:center !important;
padding:2px !important;
line-height:0.5em;
margin:0;
}
.price.discounted {
background:transparent;
color: black;
padding:0;
}
.price.discounted:after {
content:"*";
}
.price.old-price {
background:transparent;
color: #aaa;
font-size:0.85em;
font-weight:normal;
display:block;
margin:0 0 2px 0;
}
.order-table td.ksz, .order-table th.ksz {
text-align:center !important;
width:70px;
}
.order-table td.ksz1, .order-table th.ksz1 {
border-left:1px dotted black;
}
.order-table th {
border-bottom:1px dotted black;
vertical-align:bottom;
}
.order-table td {
vertical-align:middle;
}

#order-phone,
#left-blocks {
width:100%;
overflow:hidden;
background:none;
padding:0;margin:0;
}

#order-phone #left-extra,
#order-phone h3 {
background:none;
width:220px;
text-align:center;
display:inline-block;
float:left;
padding:1em 0;margin:0;
}
#order-phone #left-extra {
float:right;
text-align:right !important;
}
#order-phone #left-extra p {
text-align:right !important;
}

td, th {
page-break-inside: avoid;
}

svg, nav, .pbedit, #food-choice, header, .no-print, .order-table .percent { display:none !important; }

.ksz1 a {
background-color:transparent;
}

}    

/* EOF */