.the-tooltip {
position: relative;
}
.the-tooltip :focus + :last-child, .the-tooltip:focus > :last-child, .the-tooltip:hover > :last-child {
opacity: 1;
-webkit-transition: 0.4s 0s;
-moz-transition: 0.4s 0s;
-ms-transition: 0.4s 0s;
-o-transition: 0.4s 0s;
transition: 0.4s 0s;
visibility: visible;
}
.the-tooltip > :last-child {
border: solid 1px;
border-radius: 5px;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
font-size: 12px;
line-height: 1.5;
opacity: 0;
padding: 10px 10px;
position: absolute;
-webkit-transition: 0.2s 0s;
-moz-transition: 0.2s 0s;
-ms-transition: 0.2s 0s;
-o-transition: 0.2s 0s;
transition: 0.2s 0s;
visibility: hidden;
width: 250px;
z-index: 999;
}
.the-tooltip > :last-child * {
max-width: 100%;
}
.the-tooltip > :last-child:after, .the-tooltip > :last-child:before {
border: solid 11px;
content: "";
display: block;
margin: 0 20px 0 20px;
position: absolute;
}
.the-tooltip.bottom > :last-child {
margin-top: 15px;
top: 100%;
}
.the-tooltip.bottom > :last-child:after {
margin-bottom: -1px;
}
.the-tooltip.bottom > :last-child:after, .the-tooltip.bottom > :last-child:before {
border-left-color: transparent !important;
border-right-color: transparent !important;
border-top-color: transparent !important;
bottom: 100%;
}
.the-tooltip.bottom > :last-child:before {
margin-bottom: 0px;
}
.the-tooltip.center > :last-child {
left: -125px;
margin-left: 50%;
}
.the-tooltip.center > :last-child:after, .the-tooltip.center > :last-child:before {
left: 50%;
margin-left: -10px;
}
.the-tooltip.left > :last-child {
left: 0;
}
.the-tooltip.left > :last-child:after, .the-tooltip.left > :last-child:before {
left: 0;
}
.the-tooltip.right > :last-child {
right: 0;
}
.the-tooltip.right > :last-child:after, .the-tooltip.right > :last-child:before {
right: 0;
}
.the-tooltip.top > :last-child {
bottom: 100%;
margin-bottom: 15px;
}
.the-tooltip.top > :last-child:after {
margin-top: -1px;
}
.the-tooltip.top > :last-child:after, .the-tooltip.top > :last-child:before {
border-bottom-color: transparent !important;
border-left-color: transparent !important;
border-right-color: transparent !important;
top: 100%;
}
.the-tooltip.top > :last-child:before {
margin-top: 0px;
}
.the-tooltip.auto-width > :last-child {
white-space: nowrap;
width: auto;
}
.the-tooltip.full-width > :last-child {
left: 0;
margin-left: 0;
width: 100%;
}
.the-tooltip.apple-green > :last-child {
background-color: #8db600;
border-color: #658300;
color: #161d00;
}
.the-tooltip.apple-green > :last-child:after {
border-color: #8db600;
}
.the-tooltip.apple-green > :last-child:before {
border-color: #658300;
}
.the-tooltip.apple-green > :last-child {
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}
.the-tooltip.apricot > :last-child {
background-color: #fbceb1;
border-color: #f9b080;
color: #441d03;
}
.the-tooltip.apricot > :last-child:after {
border-color: #fbceb1;
}
.the-tooltip.apricot > :last-child:before {
border-color: #f9b080;
}
.the-tooltip.apricot > :last-child {
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}
.the-tooltip.black > :last-child {
background-color: #333333;
border-color: #0d0d0d;
color: #ffffff;
}
.the-tooltip.black > :last-child:after {
border-color: #333333;
}
.the-tooltip.black > :last-child:before {
border-color: #0d0d0d;
}
.the-tooltip.black > :last-child {
text-shadow: 0 1px 0 #000000;
}
.the-tooltip.carrot-orange > :last-child {
background-color: #ed9121;
border-color: #b3690f;
color: #251603;
}
.the-tooltip.carrot-orange > :last-child:after {
border-color: #ed9121;
}
.the-tooltip.carrot-orange > :last-child:before {
border-color: #b3690f;
}
.the-tooltip.carrot-orange > :last-child {
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}
.the-tooltip.eggplant > :last-child {
background-color: #614051;
border-color: #33222b;
color: #ffffff;
}
.the-tooltip.eggplant > :last-child:after {
border-color: #614051;
}
.the-tooltip.eggplant > :last-child:before {
border-color: #33222b;
}
.the-tooltip.eggplant > :last-child {
text-shadow: 0 1px 0 #000000;
}
.the-tooltip.forest-green > :last-child {
background-color: #014421;
border-color: #001209;
color: #ffffff;
}
.the-tooltip.forest-green > :last-child:after {
border-color: #014421;
}
.the-tooltip.forest-green > :last-child:before {
border-color: #001209;
}
.the-tooltip.forest-green > :last-child {
text-shadow: 0 1px 0 #000000;
}
.the-tooltip.bright-lavender > :last-child {
background-color: #bf94e4;
border-color: #9a57d5;
color: #250e38;
}
.the-tooltip.bright-lavender > :last-child:after {
border-color: #bf94e4;
}
.the-tooltip.bright-lavender > :last-child:before {
border-color: #9a57d5;
}
.the-tooltip.bright-lavender > :last-child {
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}
.the-tooltip.dark-midnight-blue > :last-child {
background-color: #003366;
border-color: #000d1a;
color: #ffffff;
}
.the-tooltip.dark-midnight-blue > :last-child:after {
border-color: #003366;
}
.the-tooltip.dark-midnight-blue > :last-child:before {
border-color: #000d1a;
}
.the-tooltip.dark-midnight-blue > :last-child {
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
.the-tooltip.magic-mint > :last-child {
background-color: #aaf0d1;
border-color: #69e5ae;
color: #0c432a;
}
.the-tooltip.magic-mint > :last-child:after {
border-color: #aaf0d1;
}
.the-tooltip.magic-mint > :last-child:before {
border-color: #69e5ae;
}
.the-tooltip.magic-mint > :last-child {
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.the-tooltip.mustard > :last-child {
background-color: #ffdb58;
border-color: #f1bd00;
color: #3f3100;
}
.the-tooltip.mustard > :last-child:after {
border-color: #ffdb58;
}
.the-tooltip.mustard > :last-child:before {
border-color: #f1bd00;
}
.the-tooltip.mustard > :last-child {
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.the-tooltip.sienna > :last-child {
background-color: #882d17;
border-color: #47170c;
color: #ffffff;
}
.the-tooltip.sienna > :last-child:after {
border-color: #882d17;
}
.the-tooltip.sienna > :last-child:before {
border-color: #47170c;
}
.the-tooltip.sienna > :last-child {
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
.the-tooltip.sky-blue > :last-child {
background-color: #87ceeb;
border-color: #45b3e0;
color: #0d3a4d;
}
.the-tooltip.sky-blue > :last-child:after {
border-color: #87ceeb;
}
.the-tooltip.sky-blue > :last-child:before {
border-color: #45b3e0;
}
.the-tooltip.sky-blue > :last-child {
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.the-tooltip.sunset > :last-child {
background-color: #fad6a5;
border-color: #f6b55d;
color: #4f2f04;
}
.the-tooltip.sunset > :last-child:after {
border-color: #fad6a5;
}
.the-tooltip.sunset > :last-child:before {
border-color: #f6b55d;
}
.the-tooltip.sunset > :last-child {
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after {
content: '';
content: none;
}
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}  .light_shadow, .entry-content select,
.widget select,
form select,
form input[type="text"],
form textarea, .img-border, .content img, .team-page section img, #map_canvas {
box-shadow: 0 0 0 1px #e6e6e6;
}
.button_shadow, .button, input[type="submit"], input[type="reset"], button, .readmore, ul.template-items li a.readmore, ul.template-items li figure {
box-shadow: -1px -1px 0 #f9f9f9, 1px 1px 1px #d8d8d8;
}
.light_transition, .button:hover, .button:focus, input[type="submit"]:hover, input[type="reset"]:hover, button:hover, button:focus, .readmore:hover, .readmore:focus, .site-title a, .main-menu > div > ul > li > a, ul.template-items li a.readmore:hover, ul.template-items li a.readmore:focus {
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.font-family-base, article dl,
#header h6 {
font-family: "Droid Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serit;
}
.font-family-serif, h1, h2, h3, h4, h5, h6, .site-title,
#header ul li a,
#pagination,
.article-date,
.event-single article small,
.carousel .price span, .widget ul li a, .navigation, #logo {
font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
}  ::-moz-selection, ::-moz-selection {
background: #f8dda8;
color: #000;
text-shadow: none;
}
::-moz-selection, ::selection {
background: #f8dda8;
color: #000;
text-shadow: none;
}
.clearfix {
*zoom: 1;
}
.clearfix:before {
content: "";
display: table;
}
.clearfix:after {
content: "";
display: table;
clear: both;
}
body {
background: url(//stafasrestaurant.com/wp-content/themes/elegantia-theme/images/body.png)") #f0ece1;
color: #909090;
font-family: "Droid Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serit;
font-size: 13px;
line-height: 1.538461538461538;
}
a {
color: #d3af80;
text-decoration: none;
-webkit-transition: color 0.3s ease;
transition: color 0.3s ease;
}
a:visited {
color: #d3af80;
}
a:active, a:focus, a:hover {
color: #824328;
}
a:focus {
outline: none;
}
a:hover, a:active {
outline: 0;
}
h1, h2, h3, h4, h5, h6 {
color: #824328;
}
h1 {
font-size: 32px;
line-height: 38px;
}
h2 {
font-size: 28px;
line-height: 30px;
}
h3 {
font-size: 24px;
line-height: 24px;
}
h4 {
font-size: 18px;
line-height: 20px;
}
h5 {
font-size: 16px;
line-height: 20px;
}
h6 {
font-size: 14px;
line-height: 18px;
}
em,
code,
strong,
b {
margin: 0 2px;
}
strike,
em,
strong,
b {
color: #676666;
}
code {
color: #824328;
}
ins,
strong {
font-weight: bold;
}
i,
em {
font-style: italic;
}
article address {
padding: 1em;
border-left: 5px solid #ebd09b;
}
pre {
width: 100%;
margin: 10px 0;
display: block;
padding: 1em;
background: #fdf4e3;
border-left: 5px solid #ebd09b;
font-family: "Courier New", Courier, monospace;
}
tt {
font-family: "Courier New", Courier, monospace;
}
sub {
font-size: 8px;
vertical-align: bottom;
}
sup {
font-size: 10px;
vertical-align: top;
}
form {
width: 100%;
margin-bottom: 15px;
}
form div, form p {
margin-bottom: 15px;
}
form label {
color: #824328;
display: block;
}
.entry-content select,
.widget select,
form select,
form input[type="text"],
form textarea {
padding: 0 5px;
outline: none;
font-size: 13px;
color: #ab7868;
background-color: #fff9f1;
border: 1px solid #fff;
}
.screen-reader-text {
display: none !important;
}
.lt-ie9 form input[type="text"].error,
.lt-ie9 form select.error,
.lt-ie9 form textarea.error {
border: 1px solid #ff1a3a;
}
.lt-ie9 form input[type="text"],
.lt-ie9 form select,
.lt-ie9 .entry-content select,
.lt-ie9 .widget select,
.lt-ie9 form textarea {
border: 1px solid #e6e6e6;
}
form input[type="text"] {
width: 198px;
height: 30px;
}
.widget select,
.entry-content select,
form select {
height: 30px;
padding: 5px 1px;
width: 213px;
}
.entry-content select {
margin-bottom: 20px;
}
form textarea {
width: 90%;
height: 120px;
line-height: 20px;
resize: vertical;
}
form input[type="text"]:focus, form textarea:focus {
background-color: #f6e0c4;
}
form fieldset {
margin-bottom: 15px;
border: 1px solid #FBDFAA;
padding: 10px;
}
form fieldset legend {
padding: 4px 10px;
color: #824328;
}
form fieldset p, form fieldset div {
margin-bottom: 10px !important;
}
form fieldset label {
display: inline-block;
}
form fieldset input[type="radio"], form fieldset input[type="checkbox"] {
vertical-align: top;
height: 20px;
width: auto;
padding: 0;
margin: 0 5px 0 2px;
}
.button {
cursor: pointer;
display: inline-block;
background-color: #824328;
border: 2px solid #ffffff;
padding: 5px 12px;
color: #fff;
font-size: 13px;
}
input[type="submit"], input[type="reset"] {
cursor: pointer;
display: inline-block;
background-color: #824328;
border: 2px solid #ffffff;
padding: 5px 12px;
color: #fff;
font-size: 13px;
}
button {
cursor: pointer;
display: inline-block;
background-color: #824328;
border: 2px solid #ffffff;
padding: 5px 12px;
color: #fff;
font-size: 13px;
}
.button:hover, .button:focus {
background-color: #55240f;
}
input[type="submit"]:hover, input[type="reset"]:hover {
background-color: #55240f;
}
button:hover, button:focus {
background-color: #55240f;
}    .alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter, div.aligncenter {
display: block;
margin: 5px auto 20px auto;
}
.alignright {
float: right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
.aligncenter {
display: block;
margin: 5px auto 20px auto;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 0 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
} .wp-caption {
background: #fff;
max-width: 96%;
padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone, .wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
.wp-block-image [class^="wp-image"] {
margin-bottom: 0;
}
.wp-block-image figcaption {
margin: 0;
}
.sticky,
.gallery-caption,
.bypostauthor {
visibility: visible;
}
.sticky .article-date {
background-color: #824328;
color: #fff;
} .img-border {
display: block;
margin-bottom: 15px;
border: 6px solid #fafafa;
-webkit-transition: border-color 0.3s ease;
transition: border-color 0.3s ease;
}
.img-border:hover {
border-color: #eaeaea;
}
a.read-more {
display: inline;
padding-right: 15px;
background: url(//stafasrestaurant.com/wp-content/themes/elegantia-theme/images/rm-arrow.png) no-repeat right 5px;
}
a.read-more:hover {
color: #824328;
background: url(//stafasrestaurant.com/wp-content/themes/elegantia-theme/images/rm-arrow.png) no-repeat right -28px;
}
.readmore {
display: inline-block;
background-color: #824328;
border: 2px solid #ffffff;
padding: 5px 12px;
color: #fff;
font-size: 12px;
}
.readmore:hover, .readmore:focus {
background-color: #55240f;
} .bottom-strip-wrapper {
background: url(//stafasrestaurant.com/wp-content/themes/elegantia-theme/images/bottom-strip.png) repeat-x #fbdfa8;
width: 100%;
height: 50px;
margin-bottom: 45px;
}
.bottom-strip {
width: 960px;
margin: auto;
text-align: center;
}
.bottom-strip p {
color: #514032;
font-size: 15px;
line-height: 14px;
text-transform: uppercase;
padding: 11px 0 6px;
word-spacing: 1px;
}
.bottom-strip span {
display: inline-block;
}
.bottom-strip a,
.bottom-strip span {
display: inline-block;
vertical-align: middle;
}
.lt-ie8 .bottom-strip p a {
padding: 3px 11px;
}
.bottom-strip p a {
margin-left: 6px;
display: inline-block;
color: #fff;
background: url(//stafasrestaurant.com/wp-content/themes/elegantia-theme/images/strip-btn-bg.png) repeat-x;
border-right: 1px solid #9f6a4c;
padding: 7px 11px;
font-size: 12px;
}
.bottom-strip p a:hover {
background-position: bottom;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
} .page-head h1 {
background: url(//stafasrestaurant.com/wp-content/themes/elegantia-theme/images/page-title.png) repeat-x 0 20px;
text-align: center;
font-variant: small-caps;
margin-bottom: 25px;
line-height: 38px;
}
.page-head h1 span {
display: inline-block;
background-color: #ffffff;
padding: 0 7px;
}
.page-head p {
text-align: center;
margin-bottom: 25px;
} .container-top {
background: url(//stafasrestaurant.com/wp-content/themes/elegantia-theme/images/container-top.png) no-repeat center top;
margin: -34px 0 16px;
}
.container-bottom {
background: url(//stafasrestaurant.com/wp-content/themes/elegantia-theme/images/container-bottom.png) no-repeat center top;
margin-bottom: -38px;
}
.container-top, .container-bottom {
width: 100%;
height: 54px;
overflow: hidden;
} .separator {
background: url(//stafasrestaurant.com/wp-content/themes/elegantia-theme/images/sep-line-stars.png) white repeat-x center center;
height: 15px;
border: none;
margin: 0 0 25px;
}
.lt-ie8 hr {
border: none;
color: #f3eade;
height: 1px;
} .widget {
padding: 0 0 20px;
margin-bottom: 30px;
background: url(//stafasrestaurant.com/wp-content/themes/elegantia-theme/images/widget-bottom-bg.png) no-repeat center bottom;
}
.widget h3 {
font-size: 20px;
line-height: 28px;
font-variant: small-caps;
margin-bottom: 15px;
}
.widget h4 {
color: #d3af80;
margin-bottom: 15px;
line-height: 22px;
}
.widget p {
margin-bottom: 15px;
}
.widget p span {
color: #d2ae7e;
margin-bottom: 4px;
}
.widget p a {
color: #d2ae7e;
margin-bottom: 4px;
}
.widget p a:hover, .widget p a:focus {
color: #824328;
}
.widget ul {
margin-bottom: 15px;
}
.widget ul ul {
margin-bottom: 0;
}
.widget ul li {
background: url(//stafasrestaurant.com/wp-content/themes/elegantia-theme/images/list-bullet.png) no-repeat 0 8px;
padding-left: 20px;
margin-bottom: 0;
}
.widget ul li a {
color: #d3af80;
font-size: 14px;
line-height: 27px;
}
.widget ul li a:hover, .widget ul li a:focus {
color: #824328;
} #sidebar button, #sidebar input, #sidebar label, #sidebar select, #sidebar textarea, #sidebar option {
margin-bottom: 10px;
}
#sidebar li.book-icon {
color: #d3af80;
padding-left: 25px;
margin-bottom: 5px;
background: url(//stafasrestaurant.com/wp-content/themes/elegantia-theme/images/book.png) no-repeat 0 3px;
}
#sidebar li.mail-icon {
color: #d3af80;
padding-left: 25px;
margin-bottom: 5px;
background: url(//stafasrestaurant.com/wp-content/themes/elegantia-theme/images/list-mail-icon.png) no-repeat 0 5px;
}
#sidebar li.phone-icon {
color: #d3af80;
padding-left: 25px;
margin-bottom: 5px;
background: url(//stafasrestaurant.com/wp-content/themes/elegantia-theme/images/list-phone-icon.png) no-repeat 0 0;
}
#sidebar .social ul {
overflow: hidden;
}
#sidebar .social li {
float: left;
background: none;
padding: 0;
height: 32px;
line-height: 38px;
margin: 0 9px 0 0;
color: #909090;
}
#sidebar .social li a {
display: inline-block;
width: 32px;
height: 32px;
}
#sidebar .social li.twitter a {
background: url(//stafasrestaurant.com/wp-content/themes/elegantia-theme/images/twitter.png) 0 0 no-repeat;
}
#sidebar .social li.facebook a {
background: url(//stafasrestaurant.com/wp-content/themes/elegantia-theme/images/facebook.png) 0 0 no-repeat;
}
#sidebar .social li.twitter:hover a, #sidebar .social li.facebook:hover a {
background-position: bottom;
}
#sidebar .sidebar-menu-item {
padding: 10px 0;
border-bottom: 1px solid #eaeaea;
}
#sidebar .widget .sidebar-menu-item:first-of-type {
padding-top: 0;
}
#sidebar .widget .sidebar-menu-item:last-of-type {
border-bottom: none;
}
#sidebar .sidebar-menu-item h4 {
color: #D3AF80;
font-size: 15px;
margin-bottom: 5px;
line-height: 22px;
word-wrap: break-word;
}
#sidebar .sidebar-menu-item .sidebar-menu-thumb {
float: left;
margin: 5px 10px 10px 0;
}
#sidebar .sidebar-menu-item p {
margin-bottom: 5px;
} .navigation,
#pagination {
margin-bottom: 15px;
text-align: center;
}
.navigation span,
.navigation a,
#pagination span,
#pagination a {
display: inline-block;
margin: 2px;
padding: 4px 10px;
font-size: 12px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background-color: #824328;
box-shadow: -1px -1px 0 #f9f9f9, 1px 1px 1px #d8d8d8;
border: 2px solid #ffffff;
color: #fff;
}
.navigation a:hover,
.navigation a:visited,
#pagination a:hover,
#pagination a:visited {
color: #fff;
}
.navigation a:hover,
.navigation .current,
#pagination a:hover,
#pagination .current {
background-color: #55240f;
}  #container {
width: 930px;
margin: 0 auto 45px;
padding: 5px;
background-color: #fff;
border: 1px solid #b4b4b4;
box-shadow: 0 0 3px #c2c1bf;
}
.content {
padding: 0 50px 0;
margin: auto;
border: 1px solid #fce2af;
}
#sidebar {
float: left;
width: 210px;
padding: 20px 0 50px 0;
}
#main-content {
float: right;
width: 560px;
padding: 16px 0 50px 0;
} .content.right #sidebar {
float: right;
}
.content.right #main-content {
float: left;
}
.content.full-width #main-content {
width: 100%;
float: none;
padding: 0 0 20px;
clear: both;
}  #header-wrapper {
width: 100%;
background-color: #000000;
}
#header {
width: 960px;
margin: auto;
padding: 1px 0 0;
position: relative;
min-height: 100px;
height: auto !important;
height: 100px;
} #logo {
width: 194px;
text-align: center;
margin-right: auto;
margin-left: auto;
}
#logo img {
max-width: 100%;
margin: 15px auto 5px;
}
.site-title {
display: table;
width: 100%;
margin-bottom: 0;
padding-bottom: 5px;
font-size: 42px;
font-variant: small-caps;
line-height: 1.1;
}
@media (min-width: 992px) {
.site-title {
min-height: 80px;
padding-top: 5px;
}
}
.site-title a {
display: table-cell;
vertical-align: bottom;
}
.site-title a:hover {
color: #9d7653;
}
.tag-line {
display: block;
font-size: 10px;
text-transform: uppercase;
padding-bottom: 10px;
}
@media (min-width: 992px) {
.tag-line {
font-size: 12px;
}
}
#header h6 {
color: #936e4d;
font-size: 11px;
position: absolute;
top: 29px;
right: 2px;
} .main-menu {
position: absolute;
bottom: 0;
}
.main-menu.left {
left: 0;
}
.main-menu.right {
right: 0;
}
.main-menu > div > ul > li {
position: relative;
padding-bottom: 23px;
}
.main-menu.left > div > ul > li {
float: left;
margin-right: 10px;
}
.main-menu.right > div > ul > li {
float: right;
margin-left: 10px;
}
.main-menu > div > ul > li > a {
font-size: 18px;
background: url(//stafasrestaurant.com/wp-content/themes/elegantia-theme/images/bullet-one.png) no-repeat right center;
color: #9d7653;
}
.main-menu.left > div > ul > li > a {
padding-right: 16px;
background-position: right center;
}
.main-menu.right > div > ul > li > a {
padding-left: 16px;
background-position: left center;
}
.main-menu > div > ul > li:last-child > a {
background: none;
}
.main-menu > div > ul > li > a:hover, .main-menu > div > ul > li > a:active, .main-menu > div > ul > li > a:focus {
color: #d2ae7e;
}
.main-menu .children,
.main-menu .sub-menu {
background: #000;
display: none;
width: 200px;
position: absolute;
top: 100%;
left: 0;
z-index: 1200;
border: 1px solid #e3c893;
border-top: none;
box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, 0.2);
}
.main-menu .children .menu-item,
.main-menu .sub-menu .menu-item {
cursor: pointer;
float: none;
padding: 10px 15px 10px 15px;
position: relative;
border-bottom: 1px solid #222;
-webkit-transition: all .3s;
transition: all .3s;
}
.main-menu .children .menu-item > a,
.main-menu .sub-menu .menu-item > a {
padding: 0;
background: none;
font-size: 14px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.main-menu .children .menu-item:last-child,
.main-menu .sub-menu .menu-item:last-child {
border-bottom: none;
}
.main-menu .children .menu-item:hover,
.main-menu .sub-menu .menu-item:hover {
background-color: #fce0a9;
}
.main-menu .children .menu-item:hover > a,
.main-menu .sub-menu .menu-item:hover > a {
color: #9d7653;
}
.main-menu .children .menu-item:focus > a,
.main-menu .sub-menu .menu-item:focus > a {
color: #9d7653;
}
.main-menu .children .menu-item .sub-menu,
.main-menu .sub-menu .menu-item .sub-menu {
top: 0;
left: 200px;
}
.main-menu .responsive-nav {
display: none;
margin: 10px auto 0;
padding: 5px;
border: 1px solid #ccc;
}  #footer-wrapper {
width: 100%;
padding: 8px 0 30px;
background: url(//stafasrestaurant.com/wp-content/themes/elegantia-theme/images/footer-wrapper.png) black repeat-x center -1px;
}
#footer {
width: 960px;
max-width: 960px;
margin: auto;
text-align: center;
padding: 30px 0 60px;
background: url(//stafasrestaurant.com/wp-content/themes/elegantia-theme/images/elegant-shape.png) center bottom no-repeat;
}
#footer #footer-menu {
margin-bottom: 30px;
}
#footer ul li {
display: inline;
margin-right: 10px;
margin-left: 10px;
}
#footer ul li .children {
display: none;
}
#footer ul li a {
font-size: 12px;
color: #9d7653;
}
#footer ul li a:hover, #footer ul li a:focus {
color: #bc9068;
}
#footer #footer-menu .responsive-nav {
display: none;
margin: 10px auto 0;
padding: 5px;
border: 1px solid #CCC;
}
#footer ul.social-nav {
margin-bottom: 23px;
}
#footer .social-nav li {
display: inline-block;
width: 32px;
height: 32px;
margin: 0 6px;
}
#footer .social-nav li a {
display: inline-block;
width: 32px;
height: 32px;
margin-bottom: 3px;
}
#footer .social-nav li.vk a {
background: url(//stafasrestaurant.com/wp-content/themes/elegantia-theme/images/vk.png) 0 0 no-repeat;
}
#footer .social-nav li.instgram a {
background: url(//stafasrestaurant.com/wp-content/themes/elegantia-theme/images/instgram.png) 0 0 no-repeat;
}
#footer .social-nav li.yahoo a {
background: url(//stafasrestaurant.com/wp-content/themes/elegantia-theme/images/yahoo.png) 0 0 no-repeat;
}
#footer .social-nav li.twitter a {
background: url(//stafasrestaurant.com/wp-content/themes/elegantia-theme/images/twitter.png) 0 0 no-repeat;
}
#footer .social-nav li.facebook a {
background: url(//stafasrestaurant.com/wp-content/themes/elegantia-theme/images/facebook.png) 0 0 no-repeat;
}
#footer .social-nav li.mail a {
background: url(//stafasrestaurant.com/wp-content/themes/elegantia-theme/images/mail.png) 0 0 no-repeat;
}
#footer .social-nav li.rss a {
background: url(//stafasrestaurant.com/wp-content/themes/elegantia-theme/images/rss.png) 0 0 no-repeat;
}
#footer .social-nav li.google-pluse a {
background: url(//stafasrestaurant.com/wp-content/themes/elegantia-theme/images/google-pluse.png) 0 0 no-repeat;
}
#footer .social-nav li.in a {
background: url(//stafasrestaurant.com/wp-content/themes/elegantia-theme/images/in.png) 0 0 no-repeat;
}
#footer .social-nav li.pinterest a {
background: url(//stafasrestaurant.com/wp-content/themes/elegantia-theme/images/pinterest.png) 0 0 no-repeat;
}
#footer .social-nav li.youtube a {
background: url(//stafasrestaurant.com/wp-content/themes/elegantia-theme/images/youtube.png) 0 0 no-repeat;
}
#footer .social-nav li.whatsapp a {
background: url(//stafasrestaurant.com/wp-content/themes/elegantia-theme/images/whatsapp.png) 0 0 no-repeat;
}
#footer .social-nav li a:hover {
background-position: bottom;
}
#footer address, #footer p {
font-size: 11px;
color: #9d7653;
margin-bottom: 5px;
}
#footer a {
font-size: 11px;
color: #9d7653;
margin-bottom: 5px;
}
#footer a:hover {
color: #9a6536;
}   .slider-wrapper {
background-color: #000; border-top: 1px solid #cfbc91;
width: 100%;
height: auto;
}
.flexslider {
width: 100%;
height: auto;
margin: auto;
overflow: hidden;
position: relative;
}
.slider-wrapper .flexslider .slides img {
width: 100%;
display: block;
}
.flex-direction-nav {
display: none;
}
.flex-direction-nav li a {
display: block;
text-indent: -999em;
width: 22px;
height: 44px;
position: absolute;
top: 50%;
margin-top: -22px;
z-index: 150;
cursor: pointer;
}
.flex-direction-nav li a.flex-next {
background: url(//stafasrestaurant.com/wp-content/themes/elegantia-theme/images/slider-nav-right.png) no-repeat 0 0;
right: 0;
}
.flex-direction-nav li a.flex-next:hover {
background-position: 0 -56px;
}
.flex-direction-nav li a.flex-prev {
background: url(//stafasrestaurant.com/wp-content/themes/elegantia-theme/images/slider-nav-left.png) no-repeat 0 0;
left: 0;
}
.flex-direction-nav li a.flex-prev:hover {
background-position: 0 -56px;
} ul.template-items {
margin: 0 0 25px -50px;
}
ul.template-items li {
float: left;
width: 240px;
margin-left: 50px;
overflow: hidden;
padding-bottom: 4px;
}
ul.template-items li h2 {
font-variant: small-caps;
margin-bottom: 7px;
}
ul.template-items li h3 {
margin-bottom: 17px;
word-spacing: 4px;
font-size: 15px;
}
ul.template-items li p {
font-size: 13px;
line-height: 20px;
margin-bottom: 20px;
}
ul.template-items li a.readmore {
display: inline-block;
background-color: #824328;
border: 2px solid #ffffff;
padding: 5px 12px 4px;
color: #fff;
font-size: 12px;
}
ul.template-items li a.readmore:hover, ul.template-items li a.readmore:focus {
background-color: #55240f;
}
ul.template-items li figure {
display: block;
background-color: #f0f1f2;
border: 1px solid #ffffff;
padding: 6px;
margin: 0 1px 20px;
}
ul.template-items li figure:hover {
background-color: #e0e1e2;
-webkit-transition: 0.3s;
transition: 0.3s;
}
ul.template-items li figure:hover img {
-webkit-transition: 0.3s;
transition: 0.3s;
}
ul.template-items li img {
display: block;
margin-bottom: 0;
border: 1px solid #f5f6f7;
box-shadow: none;
}
.lt-ie9 .template-items li img {
width: auto;
height: auto;
} .carousel {
width: 820px;
position: relative;
margin: 0 0 25px;
}
.es-nav-prev, .es-nav-next {
display: inline-block;
background: url(//stafasrestaurant.com/wp-content/themes/elegantia-theme/images/scroll.png) no-repeat 0 0;
position: absolute;
top: 55px;
height: 11px;
width: 8px;
cursor: pointer;
text-indent: -999em;
}
.es-nav-prev {
background-position: 0 0;
left: 0;
}
.es-nav-prev:hover {
background-position: 0 -15px;
}
.es-nav-next {
background-position: -9px 0;
right: 0;
}
.es-nav-next:hover {
background-position: -9px -15px;
}
.es-carousel {
width: 780px;
overflow: hidden;
height: 170px;
margin: auto;
padding-top: 75px;
margin-top: -65px;
}
.es-carousel li {
float: left;
width: 102px !important;
text-align: center;
}
.es-carousel figure {
display: inline-block;
background-color: #fff;
border: 1px solid #e6e6e6;
padding: 5px;
margin-bottom: 3px;
cursor: pointer;
}
.content .es-carousel img {
height: auto;
border: none;
display: block;
margin-bottom: 0;
box-shadow: none;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.lt-ie9 .content .es-carousel img {
width: auto;
height: auto;
}
.es-carousel li:hover figure {
background-color: #f8f8f8;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.es-carousel li figure:hover img {
-webkit-transition: 0.3s;
transition: 0.3s;
}
.price {
width: 60px;
margin: auto;
text-align: center;
background: url(//stafasrestaurant.com/wp-content/themes/elegantia-theme/images/shape-two.png) no-repeat top center;
border-bottom: 1px solid #eae4d9;
padding: 19px 0 8px;
}
.single-menu-item .price {
float: right;
margin-top: 8px;
}
.price span {
display: block;
background-color: #d3af80;
color: #fff;
font-size: 16px;
padding: 2px 5px 0;
line-height: 24px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.single-menu-item .price:hover span, .es-carousel li:hover .price span {
background-color: #824328;
} .wp-block-quote,
.wp-block-quote.is-large,
.wp-block-quote.is-style-large,
.wp-block-quote[style*="text-align:right"],
.wp-block-quote[style*="text-align: right"],
blockquote {
border: 1px solid #efefef;
background: url(//stafasrestaurant.com/wp-content/themes/elegantia-theme/images/quote-icon.png) #f9f9f9 no-repeat 20px 25px;
margin-bottom: 20px;
padding: 20px 15px 15px 100px;
}
.wp-block-quote.is-style-default {
font-size: 16px;
}
.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p,
.content blockquote p {
margin-bottom: 3px;
}
#container blockquote p.author {
text-align: left;
color: #d2ae7e;
margin: 0;
}
blockquote span.text-highlight {
color: #d2ae7e;
} .home-with-sidebar .template-items figure img {
width: 100%;
height: auto;
}
@media (min-width: 768px) {
.home-with-sidebar #main-content,
.home-with-sidebar #sidebar {
width: 100%;
}
.home-with-sidebar .template-items {
margin: 0 -10px 25px;
box-sizing: border-box;
}
.home-with-sidebar .template-items li {
width: 33.33%;
margin: 0;
padding-left: 10px;
padding-right: 10px;
box-sizing: border-box;
}
}
@media (min-width: 1199px) {
#container.home-with-sidebar {
width: 1024px;
}
.home-with-sidebar #main-content {
width: calc(100% - 240px);
}
.home-with-sidebar #sidebar {
width: 210px;
padding-top: 36px;
}
.home-with-sidebar .carousel {
padding-left: 25px;
padding-right: 25px;
}
.home-with-sidebar .carousel,
.home-with-sidebar .es-carousel {
width: auto;
}
.home-with-sidebar .es-carousel li {
width: 96px !important;
}
}  .content h2.title-heading {
font-size: 28px;
line-height: 40px;
font-variant: small-caps;
}
.content h4 {
font-size: 16px;
}
.content img {
max-width: 100%;
margin-bottom: 15px;
box-sizing: border-box;
border: 6px solid #fafafa;
-webkit-transition: border-color 0.3s ease;
transition: border-color 0.3s ease;
}
.content img:hover {
border-color: #eaeaea;
}
.content h2.title-heading,
.content h4,
.content p {
margin-bottom: 15px;
} article ol,
article ul,
article h1,
article h2,
article h3,
article h4,
article h5,
article h6,
article dl,
article address,
article table,
article .mejs-container,
article .pages-nav {
margin-bottom: 20px;
}
article iframe {
max-width: 100%;
}
article ol {
list-style: decimal;
padding-left: 20px;
}
article ul {
list-style: disc;
padding-left: 20px;
}
article ol li,
article ul li {
margin-bottom: 8px;
}
article ol li ol,
article ol li ul,
article ul li ol,
article ul li ul {
margin-top: 8px;
margin-bottom: 0;
}
article dl dt,
article dl dd {
margin-bottom: 7px;
}
article dl dt {
color: #676666;
}
article hr {
margin-top: 20px;
margin-bottom: 20px;
}
article pre {
word-wrap: break-word;
white-space: pre-line;
margin-bottom: 20px;
}
.wp-block-embed iframe {
max-width: 100%;
}
.instagram-media-rendered {
min-width: 100%;
}
.wp-block-embed-facebook .fb_iframe_widget {
display: block;
}
.fb_iframe_widget span {
width: 100% !important;
}
.wp-block-embed {
margin-bottom: 30px;
}
.wp-block-video,
.wp-block-media-text,
.wp-block-pullquote {
margin-bottom: 20px;
}
@media (min-width: 768px) {
.elegantia-content-fullwidth .wp-block-columns.alignfull,
.full-width .page .wp-block-columns.alignfull {
padding-left: 20px;
padding-right: 20px;
}
.elegantia-content-fullwidth .wp-block-cover.alignwide,
.elegantia-content-fullwidth .wp-block-cover.alignfull,
.elegantia-content-fullwidth .wp-block-cover-image.alignfull,
.elegantia-content-fullwidth .wp-block-cover-image.alignfull,
.full-width .page .wp-block-cover.alignwide,
.full-width .page .wp-block-cover.alignfull,
.full-width .page .wp-block-cover-image.alignfull,
.full-width .page .wp-block-cover-image.alignfull {
width: initial;
}
.elegantia-content-fullwidth .alignwide,
.full-width .page .alignwide {
margin-left: -20px;
margin-right: -20px;
max-width: none;
}
.elegantia-content-fullwidth .alignfull,
.full-width .page .alignfull {
margin-left: -40px;
margin-right: -40px;
max-width: 100vw;
}
.elegantia-content-fullwidth .alignfull img,
.full-width .page .alignfull img {
width: 100%;
}
}
@media (min-width: 980px) {
.elegantia-content-fullwidth .alignwide,
.full-width .page .alignwide {
margin-left: -25px;
margin-right: -25px;
}
.elegantia-content-fullwidth .alignfull,
.full-width .page .alignfull {
margin-left: -50px;
margin-right: -50px;
}
}  .team-page .team-member {
margin-bottom: 20px;
}
.team-page section img {
display: block;
margin-bottom: 15px;
border: 6px solid #fafafa;
-webkit-transition: border-color 0.3s ease;
transition: border-color 0.3s ease;
}
.team-page section img:hover {
border-color: #eaeaea;
}
.team-page h2 {
font-variant: small-caps;
line-height: 30px;
margin-bottom: 6px;
}
.team-page p {
line-height: 20px;
}
h3.designation {
margin-bottom: 10px;
font-size: 18px;
line-height: 30px;
color: #d2ae7e;
}  #map_canvas {
width: 537px;
height: 250px;
margin-bottom: 15px;
border: 6px solid #fafafa;
}
.content #map_canvas img {
max-width: none;
width: auto;
margin: 0;
border: none;
box-shadow: none;
} #contact-form h2 {
font-size: 28px;
line-height: 40px;
font-variant: small-caps;
margin-bottom: 15px;
}
.contact-form {
width: 468px;
position: relative;
}
.contact-form p {
float: left;
margin-bottom: 16px;
width: 213px;
}
.contact-form p.adjust {
margin-right: 42px;
}
#commentform label, .contact-form label {
color: #824328;
font-size: 13px;
line-height: 20px;
margin-bottom: 2px;
}
#commentform label span, .contact-form label span {
margin-left: 3px;
color: #D7332C;
}
#commentform input[type="text"], .contact-form input[type="text"] {
width: 212px;
height: 24px;
}
.lt-ie9 #commentform input[type="text"], .lt-ie9 .contact-form input[type="text"] {
line-height: 24px;
}
.contact-form #message {
width: 467px;
height: 194px;
margin-bottom: 22px;
resize: vertical;
}
.contact-form input.error,
.contact-form #message.error {
border: 1px solid #ff1a3a;
}
.error-container {
margin-bottom: 15px;
}
.error-container:empty {
margin-bottom: 0;
}
.error-container label {
display: block;
line-height: 20px;
margin-bottom: 2px;
}
.error-container label.error {
color: #ff1a3a;
border: none;
margin-bottom: 0;
}
.contact-form .ajax-loader {
display: none;
margin-bottom: 13px;
border: none;
box-shadow: none;
position: absolute;
left: 130px;
}
#reservation-form .contact-form .ajax-loader {
left: 200px;
margin-bottom: 12px;
}
#commentform {
margin: 0 auto 15px;
padding: 0;
}
#commentform textarea {
width: 97%;
resize: vertical;
}
.content .captcha-container label {
display: inline-block;
}
.content .captcha-container .captcha-img {
border: none;
box-shadow: none;
margin: 0 5px 0 5px;
vertical-align: middle;
}
.content .captcha-container .captcha {
width: 60px;
vertical-align: middle;
}
#respond {
margin-top: 10px;
}
#respond #commentform label {
display: inline;
}
#respond #commentform textarea, #respond #commentform input[type=text] {
display: block;
margin-top: 5px;
margin-left: 1px;
}  #container .our-menu .title-heading {
margin: 20px 0 0;
}
#container .our-menu .title-heading:first-child {
margin: 0;
}
.our-menu .content h2.title-heading {
margin-bottom: 0;
background: url(//stafasrestaurant.com/wp-content/themes/elegantia-theme/images/our-menu-bg.png) repeat-x left bottom;
}
.our-menu-menu-item {
padding: 20px 0 19px;
background: url(//stafasrestaurant.com/wp-content/themes/elegantia-theme/images/our-menu-bg.png) repeat-x left bottom;
}
.our-menu-menu-item:last-child {
background: none;
padding-bottom: 0;
}
.our-menu-menu-item figure {
float: left;
margin-top: 4px;
margin-right: 20px;
}
.our-menu-menu-item figure img {
margin-bottom: 0;
}
.our-menu-menu-item .post-content {
width: 345px;
float: left;
}
.our-menu-menu-item .post-content p {
margin-bottom: 5px;
}
.our-menu-menu-item .post-title {
margin-bottom: 10px;
line-height: 22px;
font-size: 16px;
word-wrap: break-word;
}
.our-menu-menu-item .post-title a {
font-size: 16px;
}
.our-menu-menu-item .price {
float: right;
margin-top: 17px;
}
.our-menu-menu-item:hover .price span {
background-color: #824328;
}
.term-description p {
padding-top: 10px;
}  .article-date {
float: left;
width: 46px;
height: 38px;
padding: 7px 3px;
margin-top: 10px;
border: 4px double #b99586;
text-align: center;
color: #824328;
font-size: 14px;
line-height: 24px;
border-radius: 100%;
}
.article-date span {
display: block;
font-size: 15px;
line-height: 10px;
}
.lt-ie9 .article-date {
background: url(//stafasrestaurant.com/wp-content/themes/elegantia-theme/images/date-bg.png) no-repeat center center;
border: none;
padding: 11px 7px;
}
.event .post-content {
float: right;
width: 480px;
padding: 5px 0 20px;
margin-bottom: 14px;
background: url(//stafasrestaurant.com/wp-content/themes/elegantia-theme/images/sep-line-stars.png) no-repeat center bottom;
}
.search .event .post-content {
padding: 5px 0 0;
margin-bottom: 0;
background: none;
}
.event h3.post-title {
margin-bottom: 10px;
line-height: 20px;
font-size: 16px;
color: #824328;
text-transform: none;
}
.event h3.post-title a {
color: #824328;
text-transform: none;
}
.event h3.post-title a:hover, .event h3.post-title a:focus {
color: #501b05;
}
.event small {
color: #d3af80;
font-size: 13px;
line-height: 10px;
}
.event small span {
color: #514032;
}
.event .event-thumb {
float: left;
margin-right: 15px;
}
.event .event-thumb img {
margin-bottom: 12px;
}  .event-single article {
padding: 0 0 35px;
background: url(//stafasrestaurant.com/wp-content/themes/elegantia-theme/images/sep-line-stars.png) no-repeat center bottom;
}
.event-single article + #comments {
margin-top: 32px;
}
.event-single .article-date {
margin: 7px 18px 25px 1px;
}
.event-single article h2.post-title {
font-variant: small-caps;
line-height: 32px;
margin-bottom: 0;
}
.event-single article small {
color: #d3af80;
font-size: 13px;
line-height: 20px;
}
.event-single article small span.left {
margin-left: 40px;
}  .entry-content,
.comment-body {
line-height: 1.846153846153846;
}
.entry-content table th,
.entry-content table td,
.comment-body table th,
.comment-body table td {
padding: 10px;
}
.entry-content p,
.comment-body p {
margin-bottom: 20px;
}
.news article {
padding: 0 0 35px;
margin-bottom: 32px;
background: url(//stafasrestaurant.com/wp-content/themes/elegantia-theme/images/sep-line-stars.png) no-repeat center bottom;
}
.news .article-date {
margin: 0 18px 15px 1px;
}
.news .post-head {
width: 340px;
float: left;
padding: 10px 0 0;
margin-bottom: 6px;
}
.has-medium-font-size,
.has-large-font-size,
.has-larger-font-size,
.has-huge-font-size {
line-height: 1.1;
}
.wp-block-gallery .blocks-gallery-image figure,
.wp-block-gallery .blocks-gallery-item figure {
display: block;
}
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
bottom: 6px;
left: 6px;
width: calc(100% - 12px);
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
}
.post-password-form label,
.post-password-form input {
display: inline-block;
vertical-align: middle;
}
.post-password-form input[type="password"] {
padding: 6px 8px;
}
.post-password-form input[type="submit"],
.post-password-form input[type="reset"] {
padding: 7px 12px;
font-size: 12px;
box-shadow: none;
border: none;
}
.single-menu-item .news .post-head {
width: 480px;
}
.comment-count {
float: right;
margin-top: 17px;
padding: 0 0 12px;
background: url(//stafasrestaurant.com/wp-content/themes/elegantia-theme/images/comment-bg.png) no-repeat 16px bottom;
}
.news .comment-count span a {
display: inline-block;
padding: 0 7px;
background-color: #d2ae7e;
color: #fff;
font-size: 12px;
line-height: 22px;
font-style: italic;
}
.news .comment-count span a:hover {
color: #f1f1f1;
}
.news .post-head {
margin-bottom: 15px;
}
.news article h2.post-title {
color: #824328;
font-variant: small-caps;
line-height: 32px;
margin-bottom: 0;
word-wrap: break-word;
}
.news article h2.post-title a {
color: #824328;
font-variant: small-caps;
line-height: 32px;
margin-bottom: 0;
}
.news article h2.post-title a:hover {
color: #D3AF80;
}
.news .content article .post-thumb {
margin-bottom: 0;
}
.news article small {
color: #d3af80;
font-size: 13px;
line-height: 10px;
}
.news article small span {
color: #514032;
}
.news article small span.left {
margin-left: 40px;
}
.news article a.read-more-content {
display: inline-block;
float: right;
padding: 0 9px;
text-align: center;
background: url(//stafasrestaurant.com/wp-content/themes/elegantia-theme/images/read-more-content-bg.png) no-repeat left center;
}
.pages-nav a {
display: inline-block;
padding: 0 6px;
font-weight: 700;
}
.entry-footer {
text-transform: capitalize;
}
.post-navigation {
overflow: hidden;
padding-bottom: 14px;
margin-bottom: 32px;
background: url(//stafasrestaurant.com/wp-content/themes/elegantia-theme/images/sep-line-stars.png) no-repeat center bottom;
}
.post-navigation .post-navigation-col,
.post-navigation .nav-previous,
.post-navigation .nav-next {
margin-bottom: 30px;
}
.post-navigation .nav-previous,
.post-navigation .post-navigation-prev {
float: left;
}
.post-navigation .nav-next,
.post-navigation .post-navigation-next {
float: right;
}
pre {
white-space: pre-wrap;
}  .faq-list {
margin-bottom: 25px;
}
.faq-list dt {
position: relative;
padding: 0 10px 0 40px;
line-height: 35px;
margin-bottom: 1px;
color: #824328;
border: 1px solid #fbdfaa;
cursor: pointer;
border-radius: 3px;
}
.faq-list dt span {
position: absolute;
top: 7px;
left: 7px;
display: block;
width: 22px;
height: 22px;
background: url(//stafasrestaurant.com/wp-content/themes/elegantia-theme/images/toggle-btn.png) no-repeat 0 0;
}
.faq-list dt.current span {
background-position: bottom;
}
.faq-list dd {
display: none;
padding: 20px 20px 0;
margin-bottom: 0;
}
.lt-ie8 .faq-list dt span {
top: 0;
}  #reservation-form .contact-form #message {
height: 110px;
}
#commentform .readmore, #reservation-form .contact-form .readmore {
margin-bottom: 15px;
padding: 6px 12px 5px;
font-size: 11px;
cursor: pointer;
}  section h2 {
margin-bottom: 15px;
}
.featurs section {
margin-bottom: 30px;
} .toggle, .accordion {
margin-bottom: 25px;
padding-left: 0;
text-align: left;
}
.toggle dt, .accordion dt {
position: relative;
padding: 8px 10px 7px 40px;
line-height: 20px;
margin-bottom: 1px;
color: #824328;
border: 1px solid #fbdfaa;
cursor: pointer;
border-radius: 3px;
}
.toggle dt span, .accordion dt span {
position: absolute;
top: 7px;
left: 7px;
display: block;
width: 22px;
height: 22px;
background: url(//stafasrestaurant.com/wp-content/themes/elegantia-theme/images/toggle-btn.png) no-repeat 0 0;
}
.toggle dt.current span, .accordion dt.current span {
background-position: bottom;
}
.toggle dd, .accordion dd {
display: none;
padding: 20px;
margin-bottom: 0;
}
.lt-ie8 .toggle dt span, .lt-ie8 .accordion dt span {
top: 0;
} .tabs-nav {
list-style: none;
overflow: hidden;
width: 100%;
margin: 0;
padding-left: 0;
}
.tabs-nav li {
float: left;
line-height: 32px;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
border-bottom: none;
background: none;
}
.tabs-nav li.active {
line-height: 31px;
}
.tabs-nav li a {
background: #fdf6e9;
border: 1px solid #fbdfaa;
border-bottom: 1px solid #fbdfaa;
border-left: none;
color: #824328;
display: block;
letter-spacing: 0;
outline: none;
padding: 0 16px;
text-decoration: none;
text-shadow: 0 1px 0 #fff;
}
.tabs-nav li:first-child a {
border-left: 1px solid #fbdfaa;
}
.tabs-nav li a:hover {
background: #ffe0a3;
color: #824328;
}
.tabs-nav li.active a {
color: #824328;
background: #fff;
border-bottom: 2px solid #fff;
border-top: 2px solid #D3AF80;
}
.tabs-container {
border: 1px solid #fbdfaa;
margin: -1px 0 20px;
overflow: hidden;
width: 100%;
}
.tabs-container .tab-content {
padding: 10px;
margin-bottom: 0;
}
.lt-ie9 .tabs-container .tab-content {
background-color: #fff;
} .content p.error {
padding: 10px 20px 10px 45px;
background: #F9E5E6;
border: 1px solid #F7C7C9;
border-left-width: 2px;
color: #B3696C;
}
.content p.success {
padding: 10px 20px 10px 45px;
background: #e3ebc6;
border: 1px solid #c2d288;
border-left-width: 2px;
color: #8fa442;
}
.content p.info {
padding: 10px 20px 10px 45px;
background: #d8ecf5;
border: 1px solid #9ac9df;
border-left-width: 2px;
color: #528da9;
}
.content p.notice {
padding: 10px 20px 10px 45px;
background: #fcf7d9;
border: 1px solid #f5dc7d;
border-left-width: 2px;
color: #c4a21b;
}
.content .dropcap {
font-size: 62px;
margin-right: 6px;
padding-top: 4px;
text-transform: uppercase;
float: left;
position: relative;
top: 5px;
color: #824328;
} table {
width: 100%;
padding: 0;
margin: 0 0 20px 0;
font-size: 11px;
}
table caption {
padding: 0 0 5px 0;
width: auto;
font-style: italic;
text-align: right;
}
th {
border: 1px solid #fbdfaa;
color: #824328;
font-weight: bold;
letter-spacing: 1.5px;
line-height: 1.5em;
text-transform: uppercase;
text-align: left;
padding: 4px;
}
td {
border: 1px solid #fbdfaa;
font-size: 12px;
padding: 4px;
}  .columns {
margin: 0 0 0 -2%;
overflow: hidden;
}
.columns .one-third {
width: 31.33%;
margin: 0 0 0 2%;
float: left;
}
.columns .two-third {
width: 64.66%;
margin: 0 0 0 2%;
float: left;
}
.columns .one-fourth {
width: 23%;
margin: 0 0 0 2%;
float: left;
}
.columns .three-fourth {
width: 73%;
margin: 0 0 0 2%;
float: left;
}
.columns .one-half {
width: 48%;
margin: 0 0 0 2%;
float: left;
}
.columns .single-col {
width: 98%;
margin: 0 0 0 2%;
}
.lt-ie8 .columns {
margin: 0;
}
.lt-ie8 .columns .one-fourth {
width: 22%;
margin: 0 0 0 2%;
float: left;
}  #comments #reply-title {
margin-bottom: 15px;
}
#comments .commentlist {
margin: 20px 0 0;
padding: 0 0 10px;
overflow: hidden;
}
#comments .comment {
border: none;
list-style: none;
margin: 10px 0 0;
padding: 10px 0;
}
#comments .comment > article {
margin: 0;
overflow: hidden;
}
#comments .comment .avatar {
box-shadow: none;
background: #fff;
float: left;
border-color: #fbdfa9;
margin: 2px 10px 10px 2px;
position: relative;
z-index: 1;
border-radius: 60px;
background-clip: padding-box;
}
.lt-ie9 #comments .comment .avatar {
border-width: 4px;
}
#comments .comment .comment-body, #comments .comment .comment-meta {
float: right;
margin: 0;
width: 80%;
}
#comments .comment .comment-body p {
margin-bottom: 10px;
}
#comments .comment .comment-meta {
margin-bottom: 0;
}
#comments .comment .author {
font-size: 18px;
color: #D3AF80;
margin: 0 0 8px 0;
}
#comments .comment .author a {
color: #D3AF80;
margin: 0 0 8px 0;
}
#comments .comment .author cite {
color: #4c595c;
font-style: normal;
}
#comments .comment .author .comment-reply-link {
font-size: 11px;
vertical-align: middle;
}
#comments .comment time {
margin: 1px 0 5px;
}
#comments .comment .author a:hover, #comments .comment .comment-meta a:hover {
color: #824328;
}
#comments .commentlist .children {
margin: 0;
padding: 0 0 0 85px;
position: relative;
}
#comments .commentlist .children .comment {
margin: 15px 0 0;
}
#comments .commentlist .children .depth-2 .comment-body, #comments .commentlist .children .depth-2 .comment-meta {
width: 76%;
}
#comments .commentlist .children .depth-3 .comment-body, #comments .commentlist .children .depth-3 .comment-meta {
width: 66%;
}
#comments .commentlist .children .depth-4 .comment-body, #comments .commentlist .children .depth-4 .comment-meta {
width: 54%;
}
#comments .commentlist .children .depth-5 .comment-body, #comments .commentlist .children .depth-5 .comment-meta {
width: 46%;
}
.comment-form-cookies-consent input[type="checkbox"] {
margin: 0 6px 0 0;
}
.rtl .comment-form-cookies-consent input[type="checkbox"] {
margin-right: 0;
margin-left: 6px;
}
.comment-form-cookies-consent input[type="checkbox"],
.comment-form-cookies-consent label,
#respond #commentform .comment-form-cookies-consent label {
display: inline-block;
vertical-align: middle;
}
.comment-form-cookies-consent label,
#respond #commentform .comment-form-cookies-consent label {
line-height: 1;
margin-bottom: 0;
}  #filter-by {
text-align: center;
margin-bottom: 40px;
}
#filter-by li {
border: 0;
margin: 0;
padding: 0;
background: none;
display: inline;
}
#filter-by li a {
display: inline-block;
color: #fff;
height: 11px;
font-size: 12px;
line-height: 12px;
padding: 8px 10px;
margin: 0 5px 0 0;
border: none;
background-color: #d3af80;
cursor: pointer;
}
#filter-by li a.active, #filter-by li a:hover {
background-color: #824328;
color: #fff;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.gallery-item {
margin-bottom: 30px;
}
.gallery-item figure {
margin: 0;
position: relative;
}
.gallery-item img {
display: block;
margin-bottom: 10px;
}
.gallery-item .media_container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 200;
background: #fbe0a9;
opacity: 0.9;
display: none;
}
.gallery-item .media_container a {
z-index: 250;
display: block;
position: absolute;
top: 50%;
width: 40px;
height: 36px;
background-color: #824328;
}
.gallery-item .media_container a:hover {
background-color: #55240f;
-webkit-transition: ease-in-out 0.2s;
transition: ease-in-out 0.2s;
}
.gallery-item .media_container a.link {
right: 0;
background-image: url(//stafasrestaurant.com/wp-content/themes/elegantia-theme/images/link-icon.png);
background-repeat: no-repeat;
background-position: 50% 50%;
}
.gallery-item .media_container a.zoom {
left: 0;
background-image: url(//stafasrestaurant.com/wp-content/themes/elegantia-theme/images/zoom.png);
background-repeat: no-repeat;
background-position: 50% 50%;
}
.gallery-item .item-title {
padding-bottom: 8px;
margin-bottom: 3px;
border-bottom: 1px solid #FCE2AF;
text-align: center;
font-variant: small-caps;
font-size: 15px;
font-weight: normal;
}
.gallery-item .item-title a {
color: #824328;
}
.gallery-item .item-title a:hover {
color: #501B05;
}
.gallery-item .item-type-link {
display: block;
padding-bottom: 5px;
border-bottom: 1px solid #FCE2AF;
}
.gallery-item .item-type-link a {
font-size: 11px;
font-weight: normal;
font-variant: small-caps;
}
.gallery-4-columns {
margin-left: -20px;
}
.gallery-4-columns .gallery-item {
width: 190px;
float: left;
margin-left: 20px;
}
.gallery-3-columns {
margin-left: -30px;
}
.gallery-3-columns .gallery-item {
width: 253px;
float: left;
margin-left: 30px;
}
.gallery-2-columns {
margin-left: -30px;
}
.gallery-2-columns .gallery-item {
width: 395px;
float: left;
margin-left: 30px;
}  .isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
} .isotope {
-webkit-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
}
.isotope.no-transition {
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.isotope.no-transition .isotope-item {
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
transition-duration: 0s;
}  a#scroll-top {
display: none;
position: fixed;
right: 20px;
bottom: 20px;
height: 42px;
width: 42px;
line-height: 42px;
background: #d3af80 url(//stafasrestaurant.com/wp-content/themes/elegantia-theme/images/scroll-top.png) center center no-repeat;
opacity: 0.8;
-webkit-transition: 0.25s ease-in-out;
transition: 0.25s ease-in-out;
}
a#scroll-top:hover {
background-color: #824328;
}
#main-content.elegantia-content-fullwidth {
width: 100%;
}
@media (min-width: 768px) {
#main-content.elegantia-content-fullwidth .our-menu-menu-item .post-content {
width: calc(100% - 202px);
}
#main-content.elegantia-content-fullwidth .event .post-content {
width: calc(100% - 80px);
}
#main-content.elegantia-content-fullwidth .post .post-head {
width: calc(100% - 190px);
}
#main-content.elegantia-content-fullwidth .menu-item .post-head {
width: calc(100% - 100px);
}
}
@media (min-width: 979px) {
#main-content.elegantia-content-fullwidth .our-menu-menu-item .post-content {
width: calc(100% - 222px);
}
}
.elegantia-content-fullwidth #map_canvas {
width: 100%;
}@media only screen and (min-width: 768px) and (max-width: 979px) { #container {
width: 730px;
padding: 5px;
}
.content {
padding: 0 40px;
}
#main-content {
width: 408px;
} #header {
width: 740px;
}
#header #logo {
width: 184px;
margin: 20px auto 0;
}
#header h6 {
right: 0;
}
#header .main-menu.left > div > ul > li {
padding-right: 5px;
}
#header .main-menu.right > div > ul > li {
padding-left: 5px;
}
#header .main-menu > div > ul > li > a {
font-size: 14px;
background: none;
}
#header .main-menu.left > div > ul > li > a {
padding-right: 10px;
}
#header .main-menu.right > div > ul > li > a {
padding-left: 10px;
}
#header .main-menu .sub-menu {
width: 160px;
}
#header .main-menu .sub-menu .menu-item {
padding: 7px 10px 7px 10px;
}
#header .main-menu .sub-menu .menu-item > a {
font-size: 12px;
}
#header .main-menu .sub-menu .menu-item .sub-menu {
top: 0;
left: 160px;
} .bottom-strip {
width: 740px;
} ul.template-items {
margin: 0 0 25px -30px;
}
ul.template-items li {
width: 196px;
margin-left: 30px;
}
ul.template-items li figure {
background-color: #f0f1f2;
} .carousel {
width: 648px;
}
.es-carousel {
width: 608px;
height: 170px;
}
.es-carousel li {
width: 92px !important;
} #footer {
width: 740px;
padding: 18px 0 59px;
}
#footer ul li {
margin-right: 12px;
} .gallery-2-columns {
margin-left: -20px;
}
.gallery-2-columns .gallery-item {
width: 314px;
margin-left: 20px;
}
.gallery-3-columns {
margin-left: -20px;
}
.gallery-3-columns .gallery-item {
width: 202px;
margin-left: 20px;
}
.gallery-4-columns {
margin-left: -15px;
}
.gallery-4-columns .gallery-item {
width: 150px;
margin-left: 15px;
} #map_canvas {
width: 383px;
height: 250px;
margin-left: 1px;
}
.contact-form {
width: 396px;
padding-left: 2px;
}
.contact-form p {
float: none;
width: 100%;
}
.contact-form p.name, .contact-form p.email {
margin-right: 0;
}
.contact-form input[type="text"] {
width: 212px;
}
.contact-form #message {
width: 370px;
} .our-menu-menu-item {
padding-top: 18px;
padding-bottom: 17px;
}
.our-menu-menu-item .post-content {
width: 195px;
}
.single-menu-item .news .post-head {
width: 330px;
} .event-listing article .post-content {
width: 322px;
padding-bottom: 30px;
} .event-single .date {
margin: 0 18px 2px 1px;
} .news .date {
margin: 0;
}
.news .post-head {
width: 242px;
} #comments .comment .avatar {
width: 60px;
height: 60px;
}
#comments .comment .comment-body, #comments .comment .comment-meta {
width: 78%;
text-align: left;
}
#comments .comment .children .comment:first-child {
margin-top: 0;
}
#comments .commentlist .children .depth-2 .comment-body, #comments .commentlist .children .depth-2 .comment-meta {
width: 72%;
}
#comments .commentlist .children .depth-3 .comment-body, #comments .commentlist .children .depth-3 .comment-meta {
width: 62%;
}
#comments .commentlist .children .depth-4 .comment-body, #comments .commentlist .children .depth-4 .comment-meta {
width: 50%;
}
#comments .commentlist .children .depth-5 .comment-body, #comments .commentlist .children .depth-5 .comment-meta {
width: 42%;
}
} @media only screen and (max-width: 767px) {
#sidebar .widget {
width: 100%;
margin: 0 auto 15px;
text-align: center;
} #header {
width: 440px;
padding: 12px 0 10px;
height: auto;
}
#header h6 {
position: static;
margin-bottom: 10px;
text-align: center;
}
#header .main-menu.left {
position: static;
margin: 0 auto 10px;
display: none;
}
#header .main-menu.right {
position: static;
margin: 0 auto 10px;
}
#header nav ul {
text-align: center;
display: none;
}
#header .main-menu {
background-color: #fde69f;
width: 95%;
margin: 0 auto;
padding: 5px;
border: 1px solid #191919;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
#header .main-menu .responsive-nav {
width: 100%;
display: block;
margin: 0 auto;
border: 1px solid #fde6a4;
} .bottom-strip {
width: 440px;
}
.bottom-strip p {
font-size: 0;
line-height: 15px;
padding: 4px 0;
}
.bottom-strip p span {
display: none;
}
.bottom-strip p a {
padding: 5px 10px;
font-size: 12px;
margin-top: 9px;
} ul.template-items {
margin: 0 0 25px 0;
}
ul.template-items li {
width: 348px;
margin: 0 0 20px 0;
text-align: center;
border-bottom: 1px solid #fce2af;
padding-bottom: 20px;
}
ul.template-items li:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
} .carousel {
width: 350px;
}
.es-carousel {
width: 310px;
height: 170px;
}
.es-carousel li {
width: 95px !important;
}  #footer {
width: 440px;
}
#footer ul li {
margin: 0 12px 10px 0;
display: inline-block;
}
#footer nav ul {
text-align: center;
display: none;
}
#footer #footer-menu {
background-color: #fde69f;
width: 98%;
margin: 0 auto 25px;
padding: 5px;
border: 1px solid #191919;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
#footer #footer-menu .responsive-nav {
width: 100%;
display: block;
margin: 0 auto;
border: 1px solid #fde6a4;
} #filter-by {
margin-top: 20px;
}
.gallery-2-columns {
margin-left: 0;
}
.gallery-2-columns .gallery-item {
width: 348px;
margin-left: 0;
}
.gallery-3-columns {
margin-left: -20px;
}
.gallery-3-columns .gallery-item {
width: 164px;
margin-left: 20px;
}
.gallery-4-columns {
margin-left: -20px;
}
.gallery-4-columns .gallery-item {
width: 164px;
margin-left: 20px;
}  #main-content .title-heading {
text-align: center;
}
.widget ul li {
background: none;
padding-left: 0;
} article ol, article ul {
text-align: left;
}  #map_canvas {
width: 323px;
height: 323px;
margin-left: 1px;
}
.contact-form {
width: 346px;
padding-left: 2px;
}
.contact-form p {
float: none;
width: 100%;
}
.contact-form p.name, .contact-form p.email {
margin-right: 0;
}
.contact-form input[type="text"] {
width: 212px;
}
.contact-form #message {
width: 330px;
}
#sidebar .contact-details ul li.p-book, #sidebar .contact-details ul li.list-mail-icon, #sidebar .contact-details ul li.list-phone-icon {
background: none;
}
.contact-form .ajax-loader {
left: 250px;
}
#reservation-form .contact-form .ajax-loader {
left: 285px;
}  .our-menu-menu-item {
text-align: center;
}
.our-menu-menu-item figure {
float: none;
margin: 0 0 12px;
}
.our-menu-menu-item .post-content {
width: 100%;
float: none;
text-align: center;
}
.our-menu-menu-item .post-content p {
margin-bottom: 15px;
}
.our-menu-menu-item .read-more {
display: inline-block;
margin-bottom: 10px;
}
.our-menu-menu-item .price {
float: none;
margin: 0 auto;
}
.page-head h1 {
font-size: 26px;
}
h1 {
font-size: 26px;
}
h2,
.content h2.title-heading {
font-size: 24px;
}
.single-menu-item .news .post-head {
width: 100%;
float: none;
text-align: center;
}
.single-menu-item .price {
margin: 5px auto;
float: none;
} #sidebar .social ul {
text-align: center;
}
#sidebar .social li {
display: inline;
float: none;
vertical-align: top;
}
#sidebar .widget .sidebar-menu-item {
text-align: center;
}
#sidebar .widget .sidebar-menu-item .sidebar-menu-thumb {
float: none;
margin: 5px auto 10px;
}
#sidebar .widget .sidebar-menu-item p {
margin-bottom: 5px;
}  .date {
float: none;
margin: 0 auto 5px;
}
.event-listing article .article-date {
margin: 10px auto;
float: none;
}
.event-listing article .post-content {
float: none;
width: 100%;
padding-bottom: 30px;
}  .event-single .date {
float: none;
margin: 0 auto 25px;
}
.event-single article {
text-align: left;
margin-bottom: 0;
background: none;
}
.event-single article small span.left {
margin-left: 2px;
display: inline-block;
}
.event-single article .article-date {
float: none;
margin: 10px auto;
}  .news article .comment-count {
display: none;
}
.news article a.read-more-content {
float: none;
}
.news article .article-date {
margin: 10px auto;
float: none;
}
.news .date {
float: none;
margin: 0 auto;
}
.news .post-head {
width: 100%;
}  .columns {
margin: 0 0 0 -2%;
overflow: hidden;
}
.columns .one-third, .columns .two-third, .columns .one-fourth, .columns .three-fourth, .columns .one-half {
width: 100%;
margin: 0 0 0 2%;
float: left;
}
.columns .single-col {
width: 100%;
margin: 0 0 0 2%;
}  #comments .commentlist .children {
padding: 0;
position: relative;
}
#comments .comment .avatar {
width: 60px;
height: 60px;
float: none;
}
#comments .comment .comment-body, #comments .comment .comment-meta {
float: none;
width: 100%;
padding: 0;
}
#comments .commentlist .children .depth-2 .comment-body, #comments .commentlist .children .depth-2 .comment-meta {
width: 100%;
padding: 0;
}
#comments .commentlist .children .depth-3 .comment-body, #comments .commentlist .children .depth-3 .comment-meta {
width: 100%;
padding: 0;
}
#comments .commentlist .children .depth-4 .comment-body, #comments .commentlist .children .depth-4 .comment-meta {
width: 100%;
padding: 0;
}
#comments .commentlist .children .depth-5 .comment-body, #comments .commentlist .children .depth-5 .comment-meta {
width: 100%;
padding: 0;
}
#respond #commentform p {
text-align: left;
}
#main-content .captcha-container label {
display: block;
}
.team-page #main-content {
background: none;
}
} @media only screen and (min-width: 480px) and (max-width: 767px) {  #container {
width: 430px;
padding: 5px;
}
.content {
padding: 0 40px;
}
#sidebar {
width: 348px;
padding: 25px 0;
text-align: center;
}
#main-content {
width: 348px;
padding: 0 0 40px;
background: url(//stafasrestaurant.com/wp-content/themes/elegantia-theme/images/sep-line-stars.png) no-repeat center bottom;
text-align: left;
} .content.right #sidebar {
float: right;
background: none;
width: 348px;
padding: 25px 0;
}
.content.right #main-content {
float: left;
width: 348px;
margin-right: 0;
}
} @media only screen and (max-width: 479px) { #container {
width: 280px;
padding: 5px;
}
.content {
padding: 0 20px;
}
#main-content {
width: 238px;
padding: 0 0 40px;
background: url(//stafasrestaurant.com/wp-content/themes/elegantia-theme/images/sep-line-stars.png) no-repeat center bottom;
text-align: left;
}
#sidebar {
width: 238px;
padding: 25px 0;
text-align: center;
} .content.right #sidebar {
float: right;
background: none;
width: 238px;
padding: 25px 0;
}
.content.right #main-content {
float: left;
width: 238px;
margin-right: 0;
} #header {
width: 290px;
} .flex-direction-nav li a {
position: absolute;
top: 50%;
width: 17px;
height: 32px;
margin-top: -16px;
background: url(//stafasrestaurant.com/wp-content/themes/elegantia-theme/images/slider-nav-2.png) no-repeat 0 0;
}
.flex-direction-nav li a.flex-next {
background-position: -25px 0;
right: -6px;
}
.flex-direction-nav li a.flex-prev {
background-position: 0 0;
left: 0;
}
.flex-direction-nav li a.flex-next:hover {
background-position: -25px 0;
}
.flex-direction-nav li a.flex-prev:hover {
background-position: 0 0;
} .bottom-strip {
width: 290px;
} ul.template-items li {
width: 238px;
} .carousel {
width: 238px;
}
.es-carousel {
width: 206px;
height: 170px;
}
.es-carousel li {
width: 95px !important;
} .gallery-2-columns .gallery-item {
width: 238px;
}
.gallery-3-columns {
margin-left: 0;
}
.gallery-3-columns .gallery-item {
width: 238px;
margin-left: 0;
}
.gallery-4-columns {
margin-left: 0;
}
.gallery-4-columns .gallery-item {
width: 238px;
margin-left: 0;
}
.gallery-4-columns .gallery-item figure {
width: 190px;
margin: 0 auto;
} #footer {
width: 290px;
} #map_canvas {
width: 224px;
height: 224px;
}
.contact-form {
width: 236px;
padding-left: 2px;
}
.contact-form p {
float: none;
width: 100%;
}
.contact-form p.name, .contact-form p.email {
margin-right: 0;
}
.contact-form input[type="text"], .contact-form #message {
width: 220px;
}
.contact-form .ajax-loader {
left: 188px;
}
#reservation-form .contact-form .ajax-loader {
left: 210px;
} .tabs-nav li a {
padding: 0 5px;
} blockquote {
background: none;
padding: 20px 15px;
font-style: italic;
}
} @media all and (-webkit-min-device-pixel-ratio: 10000), not all and (-webkit-min-device-pixel-ratio: 0) {
#sidebar .social li {
vertical-align: middle;
}
} @media screen and (-webkit-min-device-pixel-ratio: 0) {
#comments .comment .avatar {
border: none;
}
} @media only screen and (max-width: 767px) {
table.responsive {
margin-bottom: 0;
}
.pinned {
position: absolute;
left: 0;
top: 0;
background: #fff;
width: 35%;
overflow: hidden;
overflow-x: scroll;
border-right: 1px solid #fbdfaa;
border-left: 1px solid #fbdfaa;
}
.pinned table {
border-right: none;
border-left: none;
width: 100%;
}
.pinned table th, .pinned table td {
white-space: nowrap;
}
.pinned td:last-child {
border-bottom: 0;
}
div.table-wrapper {
position: relative;
margin-bottom: 20px;
overflow: hidden;
border-right: 1px solid #fbdfaa;
}
div.table-wrapper div.scrollable {
overflow: scroll;
overflow-y: hidden;
}
div.table-wrapper div.scrollable table {
margin-left: 35%;
}
table.responsive td {
position: relative;
white-space: nowrap;
overflow: hidden;
}
table.responsive th {
position: relative;
white-space: nowrap;
overflow: hidden;
}
table.responsive th:first-child {
display: none;
}
table.responsive td:first-child, table.responsive.pinned td {
display: none;
}
}