/** Customized HTML5 reset based on normalize.css and HTML5 boilerplate */
/** Block display fix */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
display: block;
}
/** Inline display fix */
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}
/** Audio controls fix */
audio:not([controls]) {
display: none;
height: 0;
}
/** Hidden attribute support */
[hidden] {
display: none;
}
/** Text resizing fix */
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
/** Font family consistency fix */
html,
button,
input,
select,
textarea {
font-family: sans-serif;
color: #222;
}
/** No margins, readable text */
body {
margin: 0;
font-size: 13px;
line-height: 22px;
}
/** Normalize link focus */
a:focus {
outline: thin dotted;
}
/** Readability fix */
a:hover,
a:active {
outline: 0;
}
/** Style normalizing */
abbr[title] {
border-bottom: 1px dotted;
}
/** Addresses style set to 'bolder' in FF3+, S4/5, Chrome */
b,
strong {
font-weight: bold;
}
/** margin normalizing */
blockquote {
margin: 1em 40px;
}
/** Addresses styling not present in S5, Chrome */
dfn {
font-style: italic;
}
/** Addresses styling not present in IE6/7/8/9 */
mark {
background: #ff0;
color: #000;
}
/** Addresses margins set differently in IE6/7 */
/*p, TODO: remove? set further down */
pre {
margin: 1em 0;
}
/** Corrects font family set oddly in IE6, S4/5, Chrome */
pre,
code,
kbd,
samp {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em;
}
/** Improves readability of pre-formatted text in all browsers */
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
/** Quote support */
q {
quotes: none;
}
q:before,
q:after {
content: '';
content: none;
}
/** Normalize */
small {
font-size: 75%;
}
/** Prevents sub and sup affecting line-height in all browsers */
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/** Addresses margins set differently in IE6/7 */
dl,
menu,
ol,
ul {
margin: 1em 0;
}
dd {
margin: 0 0 0 40px;
}
/** Addresses paddings set differently in IE6/7 */
menu,
ol,
ul {
padding: 0 0 0 40px;
}
/** Corrects list images handled incorrectly in IE7 */
nav ul,
nav ol {
list-style: none;
list-style-image: none;
}
/** Normalize border, improve scaling */
img {
border: 0;
-ms-interpolation-mode: bicubic;
}
/** Corrects overflow displayed oddly in IE9 */
svg:not(:root) {
overflow: hidden;
}
/** Addresses margin not present in IE6/7/8/9, S5, O11 */
figure {
margin: 0;
}
/** Corrects margin displayed oddly in IE6/7 */
form {
margin: 0;
}
/** Define consistent border, margin, and padding */
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/** Corrects color and alignment issues in IE6/7/8/9 */
legend {
border: 0;
padding: 0;
white-space: normal;
*margin-left: -7px;
}
/** Normalization */
button,
input,
select,
textarea {
font-size: 100%;
margin: 0;
vertical-align: baseline;
*vertical-align: middle;
}
/** Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet */
button,
input {
line-height: normal;
}
/** Spacing, pointer, styling for buttons */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
*overflow: visible;
}
/** Re-set default cursor for disabled elements */
button[disabled],
input[disabled] {
cursor: default;
}
/** IE Padding and sizing reset hacks */
input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
*height: 13px;
*width: 13px;
}
/** Normalization */
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
/** Removes inner padding and search cancel button in S5, Chrome on OS X */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
}
/** Removes inner padding and border in FF3+ */
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/** Removes default vertical scrollbar in IE6/7/8/9 Improve readability. */
textarea {
overflow: auto;
vertical-align: top;
}
/** Remove most spacing between table cells */
table {
border-collapse: collapse;
border-spacing: 0;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
outline: none;
}
/* Universal
-------------------------------------------------------------- */
h2 {
font-family: 'Libre Baskerville', serif;
font-size: 20px;
color:#2c2c2c;
font-weight:400;
line-height: 1.1;
padding:0.3em 0;
margin:0;
text-shadow:0 1px 2px rgba(0,0,0,0.15)
}
p {
padding: 0.2em 0 !important;
margin:0;
}
html {height:100%;}
body {
font-family: 'Libre Baskerville', serif;
word-wrap: break-word;
background:#fff;
height:100%;
color: #555;
font-size:14px;
}
a {
color : #2e87da;
text-decoration: none;
}
p a:active, h2 a:active, ul a:active, ol a:active, blockquote a:active {
color:#fff;
background:#2e87da;
border-radius:2px;
}
blockquote {
color:#a1a1a1;
margin:1em 0em !important;
font-weight:300;
font-size:14px;
padding-top:6px;
background: url(quote.png) top left no-repeat;
background-size:58px 47px;
border-left:none !important;
min-height:47px;
}
#wsite-page-wrapper {
box-shadow:none;
}
.wsite-mobile .wsite-multicol-table-wrap {
margin: 0em 0 !important;
}
.wsite-mobile .wsite-button + div {
display:none;
}
hr, hr.styled-hr {
background: #aaa;
}
/* Top Bar
-------------------------------------------------------------- */
#header {
background-color: #fff;
color: #3f454d;
position: relative;
padding: 2px 60px 2px 0;
z-index: 8;
box-shadow: 0px 1px 0px 0px rgba(35, 49, 66, 0.3);
}
#header h1 {
font-weight:normal;
margin: 5px 0;
padding: 0px 15px;
font-size: 24px;
line-height: 1.10;
text-align:left;
font: 600 15px/20px 'Open Sans', sans-serif;
letter-spacing:1px;
text-transform:uppercase;
color:#888;
}
#header a {
color: #888;
}
#header a:hover {
color: #888;
background:none;
}
#header a:active {
color:#000;
}
#header .wsite-menu-button, #header .wsite-home-link {
float: left;
margin-right: 5px;
margin-left: 5px;
cursor: pointer;
border-radius:2px;
text-decoration: none;
background-clip: padding-box;
-webkit-tap-highlight-color: rgba(0,0,0,0);
position: absolute;
top: 50%;
right:1px;
margin-top:-17px;
}
#header .wsite-home-link, #header .wsite-home-link:hover {
background:#999 url(home-icon.png) top left no-repeat;
background-size:20px 19px;
width:19px;
height:18px;
right:50px;
border-radius:0;
margin-top:-9px;
}
.wsite-cart-link {
height: 100%;
right: 0;
width: 22px;
margin-right: 50px;
position: absolute;
top: 0;
}
.wsite-cart-link .wsite-cart-link-inner {
background:url(icon-cart.png) no-repeat 0px 0px;
width: 22px;
height: 22px;
display: inline-block;
position: absolute;
top: 50%;
margin-top: -11px;
right: 0;
}
@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.wsite-cart-link .wsite-cart-link-inner {
background-image:url(icon-cart-@2x.png);
background-size:22px 22px;
}
}
/* reusable button */
.wsite-menu-button, .menu-button {
float: left;
padding: 10px;
margin-right: 5px;
margin-left: 5px;
cursor: pointer;
text-decoration: none;
background-clip: padding-box;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.wsite-menu-button-bars, .menu-button-bars {
float: left;
position: relative;
}
.wsite-menu-button-bar, .menu-button-bar {
display: block;
width: 1.125em;
height: 2px;
background-color: #999;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
margin-top: 3px;
}
.wsite-menu-button-bar:first-child, .menu-button-bar:first-child {
margin-top:1px;
}
.wsite-menu-button-text, .menu-button-text {
display: none;
}
/* Homepage
-------------------------------------------------------------- */
.home-page #header {
background: #fff;
padding:35px 0px;
}
.home-page #header h1, .home-page #header h1 a {
color:#000;
}
.home-page .wsite-home-link {
display:none;
}
/* Navigation
-------------------------------------------------------------- */
.wsite-menu-wrapper {
color:#424242;
z-index: 2;
padding:11px;
border-top:1px solid #aaa;
border-bottom:1px solid #aaa;
background:#fff;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
box-shadow:0 1px 2px rgba(0,0,0,0.1);
}
.wsite-mobile-menu li {
float:left;
border:none;
background:none;
}
.wsite-mobile-menu li a {
float:left;
font-weight:300;
color: #797979;
padding:10px 16px;
margin:4px;
border-radius:3px;
font-size:18px;
border: 1px solid #A6A6A6;
font: 600 13px/20px 'Open Sans', sans-serif;
letter-spacing:1px;
text-transform:uppercase;
}
.no-touch .wsite-mobile-menu li a:active, .no-touch .wsite-mobile-menu li a:hover, .wsite-mobile-menu li a.active{
background:#fff;
}
.wsite-mobile-menu li a:active, .wsite-mobile-menu li a:hover, .wsite-mobile-menu li a.active{
background:#fff;
}
.wsite-menu-wrapper .wsite-mobile-menu ul > li:first-child, .wsite-menu-wrapper .wsite-mobile-menu ul > span:first-child li {
border:none;
}
.wsite-mobile-menu .wsite-menu-mobile-arrow {
border: none;
width:16px;
height:16px;
top: 2px;
left: 14px;
background:url(mobile-menu-arrow.png) top left no-repeat;
background-size:16px 16px;
}
.wsite-mobile-menu li.wsite-menu-back-item .wsite-menu-mobile-arrow {
top: 2px;
left: -15px;
border: none;
background:url(mobile-menu-back.png) top left no-repeat;
background-size:16px 16px;
}
.wsite-mobile-menu li#active a,
.wsite-mobile-menu li a:active {
color:#000;
border-color:#000;
box-shadow:0 1px 3px rgba(0,0,0,0.15)
}
/* Social Icons
-------------------------------------------------------------- */
.wsite-social a {
width:40px;
height:40px;
margin: 5px 10px 5px 0px;
float:left;
border:1px solid #A6A6A6;
border-radius:3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
background: #fff;
-webkit-tap-highlight-color: rgba(0,0,0,0)
}
.wsite-social a:active {
background: #D4D4D4;
border:1px solid #787878;
-webkit-box-shadow: none;
box-shadow: none;
}
.wsite-social a span {
display:block;
width:40px;
height:40px;
}
.wsite-social a.wsite-social-item.first-child,
.wsite-social a.wsite-social-item.last-child {
margin:5px 10px 5px 0px !important;
}
.wsite-social-rss span { background: url(social-icons.png) no-repeat -281px 0px; }
.wsite-social-linkedin span { background: url(social-icons.png) no-repeat -41px 0px; }
.wsite-social-facebook span { background: url(social-icons.png) no-repeat -1px 0px; }
.wsite-social-twitter span { background: url(social-icons.png) no-repeat -81px 0px; }
.wsite-social-mail span { background: url(social-icons.png) no-repeat -201px 0px; }
.wsite-social-pinterest span { background: url(social-icons.png) no-repeat -321px 0px; }
.wsite-social-youtube span { background: url(social-icons.png) no-repeat -241px 0px; }
.wsite-social-plus span { background: url(social-icons.png) no-repeat -161px 0px; }
.wsite-social-flickr span { background: url(social-icons.png) no-repeat -401px 0px; }
.wsite-social-vimeo span { background: url(social-icons.png) no-repeat -121px 0px; }
.wsite-social-yahoo span { background: url(social-icons.png) no-repeat -361px 0px; }
.wsite-menu-wrapper .wsite-social {
padding:0 0 0 4px;
}
.wsite-social, .wsite-editor .wsite-social {
white-space:normal;
}
@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.wsite-social a span {
background-image: url(social-icons@2x.png);
-moz-background-size:440px 40px;
-ie-background-size:440px 40px;
-o-background-size:440px 40px;
-webkit-background-size:440px 40px;
background-size:440px 40px;
}
}
/* Nav Phone
-------------------------------------------------------------- */
#phone .wsite-text {
font-size:18px;
padding:4px;
color:#777777;
font-weight:400;
display:block;
}
/* Search
-------------------------------------------------------------- */
#search .wsite-search {
border:none;
box-shadow:none;
padding: 10px 6px 12px 6px;
margin:0px;
}
#search .wsite-search .wsite-search-input {
background: #fff;
border: 1px solid #787878;
border-radius:3px;
padding: 8px !important;
font-family: 'Open Sans', sans-serif;
font-weight:600;
color:#444;
height:32px;
width:100%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
#search .wsite-search .wsite-search-button {
background: url('search-light.png') left ;
width: 13px;
height: 13px;
position: absolute;
top: 50%;
margin-top: -7px;
right: 20px;
cursor: pointer;
}
.wsite-search-element {
padding:10px 0;
}
/* Landing Page
-------------------------------------------------------------- */
.landing-container {
padding:5%;
background:#fff;
box-shadow: 0 0 1px 1px rgba(0,0,0,0.3), 0 1px 4px rgba(0,0,0,0.03);
width:80%;
position:relative;
z-index:2;
margin:-20px 5% 0;
}
.landing-container h2 {
padding: 0em;
font-size: 22px;
}
.landing-container p {
margin:1em 0em;
font-size:1.1em;
}
.wsite-header {
width: 100%;
min-height: 138px;
background: url(banner.jpg) no-repeat;
background-size: 100%;
}
/* Content
-------------------------------------------------------------- */
#content-wrapper {
margin: 0px;
}
.wsite-mobile .wsite-not-footer .wsite-multicol-table, .wsite-mobile .wsite-not-footer .wsite-multicol-tbody,
.wsite-mobile .wsite-not-footer .wsite-multicol-tr, .wsite-mobile .wsite-not-footer .wsite-multicol-col {
margin: 0 !important;
}
#content {
min-height:50px;
position:relative;
}
#content2 {
padding:0 10px;
}
.wsite-elements,
#content .weebly-area.wsite-not-footer .weebly-content-area{
padding:15px!important;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
position:relative; z-index:3;
margin:0 !important;
min-height: 50px;
}
/* Footer
-------------------------------------------------------------- */
.wsite-mobile .weebly-area.wsite-footer, .wsite-mobile-footer {
border-top: 1px solid #CDCDCD;
background:#F7F7F7;
font-size:14px !important;
}
.wsite-footer-separator {
border:none;
border-bottom:1px solid #a2a3a4;
}
.wsite-mobile .wsite-footer, .wsite-footer-version {
background: #F7F7F7;
}
/* Form
-------------------------------------------------------------- */
.weebly-form-input, .wsite-form-input, .wsite-search-element-input, .wsite-editor .weebly-form-input,
.wsite-editor .wsite-form-input, .wsite-editor .wsite-search-input,
#commentPostDiv .field input[type=text], #commentPostDiv .field textarea {
background: #fff;
border: 1px solid #787878;
border-radius:3px;
padding: 8px !important;
font-family: 'Open Sans', sans-serif;
font-weight:600;
font-size:16px;
color:#666;
box-shadow:none;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.weebly-form-input:focus, .wsite-form-input:focus, .wsite-search-element-input:focus, .wsite-editor .weebly-form-input:focus,
.wsite-editor .wsite-form-input:focus, .wsite-editor .wsite-search-input:focus,
#commentPostDiv .field input[type=text]:focus, #commentPostDiv .field textarea:focus {
background:#fff;
border:1px solid #000;
color:#000;
}
.wsite-form-field .wsite-form-input-country select,
.wsite-form-field .wsite-form-input-state select {
height: 40px;
padding: 0 15px !important;
background-position: right 15px, 0, 100%;
}
.wsite-form-field select {
width: 100%;
border: 1px solid #787878;
border-radius:3px;
padding: 13px 15px 14px !important;
font-family: 'Libre Baskerville', sans-serif;
font-weight:400;
color:#333;
height:55px;
font-size:16px;
background: #fff url(arrow.png) right 22px no-repeat;
background-size:25px 8px;
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
-webkit-appearance: none;
}
.wsite-form-label {
font-weight:normal;
color:#51555a;
font-family: 'Libre Baskerville', sans-serif;
}
.wsite-form-field {
margin-bottom:2em;
}
.weebly-form-sublabel, .wsite-form-sublabel {
font-size: 11px;
}
input[type="radio"], input[type="checkbox"]:not(#commentNotify) {
left: -999em;
position: absolute;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing: border-box;
}
input[type="checkbox"] + label:before { background-position: 0 -15px;}
input[type="checkbox"]:checked + label:before {background-position: 0 6px ;}
input[type="radio"] + label:before { background-position: -26px -15px;}
input[type="radio"]:checked + label:before { background-position: -26px 6px;}
input[type="checkbox"]:checked + label,
input[type="radio"]:checked + label{
color:#000;
}
input[type="checkbox"] + label,
input[type="radio"] + label{
color:#777;
display:block;
padding:4px 0 9px;
width: auto;
text-indent: -48px;
padding-left:48px;
}
.form-radio-container label:before {
background-image: url("form-elements.png");
content: "";
display: inline-block;
height: 22px;
left: 0px;
margin-left: 10px;
position: relative;
top: 5px;
width: 16px;
margin-right:10px;
padding-right:10px;
border-right:1px solid #999;
background-repeat:no-repeat;
}
@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.form-radio-container label:before {
background-image: url("form-elements-@2x.png");
-moz-background-size:52px 32px;
-ie-background-size:52px 32px;
-o-background-size:52px 32px;
-webkit-background-size:52px 32px;
background-size:52px 32px;
}
}
.form-radio-container, .wsite-editor .form-radio-container {
margin: 0px 0px 5px 0px !important;
border:1px solid #787878;
border-radius:3px;
background:#fff;
}
.wsite-phone-field .wsite-form-phone-separator {
line-height: 35px;
}
/* Buttons
-------------------------------------------------------------- */
.wsite-button {
color:#444 !important;
border-radius:3px;
font-size:18px;
border: 1px solid #cbccce;
font: 600 13px/20px 'Open Sans', sans-serif !important;
letter-spacing:1px;
text-transform:uppercase;
border-radius: 3px;
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.22);
-webkit-tap-highlight-color: rgba(0,0,0,0);
padding:8px 20px 8px 0;
}
.wsite-button-large {
padding:11px 25px 11px 0;
font-size:14px !important;
}
.wsite-button, .wsite-button:hover,
.wsite-button-large, .wsite-button-large:hover {
background: #ffffff;
border:1px solid #787878;
-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}
.wsite-button:active,
.wsite-button-large:active {
background: #D6D6D6;
border:1px solid #000;
-webkit-box-shadow: none;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
}
.wsite-button-highlight, .wsite-button-highlight:hover,
.wsite-button-large.wsite-button-highlight, .wsite-button-large.wsite-button-highlight:hover {
background: #464646;
border:1px solid #121212;
-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
color: #fff !important;
}
.wsite-button-highlight:active,
.wsite-button-large.wsite-button-highlight:active {
background: #1F1F1F;
border:1px solid #000;
-webkit-box-shadow: none;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.3);
color: #fff !important;
}
.wsite-button-inner, .wsite-button-highlight .wsite-button-inner {
background:none !important;
padding:0 0 0 20px;
}
.wsite-button-large .wsite-button-inner, .wsite-button-large.wsite-button-highlight .wsite-button-inner {
background:none !important;
padding:0 0 0 25px;
}
.wsite-button-inner:active, .wsite-button-large .wsite-button-inner:active,
.wsite-button-highlight .wsite-button-inner:active,
.wsite-button-large.wsite-button-highlight .wsite-button-inner:active{
box-shadow:none !important;
}
/* Location
-------------------------------------------------------------- */
.wsite-location div:not(.wsite-hide-map) {
padding:6px 6px 0px;
border-radius:3px;
border: 1px solid #aaa;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
background: #fff;
text-align:center;
font: 600 13px/20px 'Montserrat', sans-serif !important;
text-transform:uppercase;
}
.wsite-location div:not(.wsite-hide-map) a.wsite-m-button {
border:none;
box-shadow:none;
font-weight: 400;
background:none;
color: #595b5e;
font-size: 14px;
padding:4px 0 10px;
display:block;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.wsite-location img {
margin-top:0px;
border-radius:3px;
-webkit-box-shadow: inset 0px 2px 7px 7px rgba(255, 255, 255, 0.68);
box-shadow: inset 0px 2px 7px 7px rgba(255, 255, 255, 0.68);
}
/* Mobile Buttons (common)
-------------------------------------------------------------- */
.wsite-mobile .wsite-m-button {
filter:none;
}
.wsite-phone-number .wsite-m-button, .wsite-opentable .wsite-m-button, .wsite-location .wsite-hide-map .wsite-m-button {
color:#444 !important;
border-radius:3px;
font-size:18px;
border: 1px solid #787878;
font: 600 13px/21px 'Montserrat', sans-serif !important;
letter-spacing:1px;
background:#fff;
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9);
color: #676767;
box-shadow:none;
text-transform:uppercase;
display:inline-block;
padding: 10px;
width:100%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
text-decoration: none;
font-weight: 600;
text-align:center;
-webkit-tap-highlight-color: rgba(0,0,0,0)
}
.wsite-phone-number .wsite-m-button:active, .wsite-opentable .wsite-m-button:active, .wsite-location .wsite-hide-map .wsite-m-button:active {
background: #D6D6D6;
border:1px solid #000;
-webkit-box-shadow: none;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
}
/* Call Us
-------------------------------------------------------------- */
.wsite-phone-number .wsite-m-button span {
display:block;
background:url(callus-icon-gray.png) no-repeat left center;
}
@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.wsite-phone-number .wsite-m-button span {
background-image: url("callus-icon-gray-2x.png");
-moz-background-size:18px;
-ie-background-size:18px;
-o-background-size:18px;
-webkit-background-size:18px;
background-size:18px;
}
}
/* Reserve a Table
-------------------------------------------------------------- */
.wsite-opentable .wsite-m-button span {
display:block;
background:url(reserve-table-icon-gray.png) no-repeat left center;
}
@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.wsite-opentable .wsite-m-button span {
background-image: url("reserve-table-icon-gray-@2x.png");
-moz-background-size:27px 14px;
-ie-background-size:27px 14px;
-o-background-size:27px 14px;
-webkit-background-size:27px 14px;
background-size:27px 14px;
}
}
/* Directions
-------------------------------------------------------------- */
.wsite-location .wsite-hide-map .wsite-m-button span {
display:block;
background:url(directions-icon-gray.png) no-repeat left center;
}
@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.wsite-location .wsite-hide-map .wsite-m-button span {
background-image: url("directions-icon-gray-2x.png");
-moz-background-size:22px 21px;
-ie-background-size:22px 21px;
-o-background-size:22px 21px;
-webkit-background-size:22px 21px;
background-size:22px 21px;
}
}
/* Commenting
-------------------------------------------------------------- */
.blogCommentWrap {
margin: 0 0 22px 0;
padding: 5px 10px 30px;
word-wrap: break-word;
background:#fff;
border:1px solid #D5D8DB;
border-radius:6px;
position:relative;
box-shadow:0 1px 3px rgba(0,0,0,0.05)
}
.blogCommentWrap:before {
content: "";
position:absolute;
top:-9px;
width: 24px;
height: 9px;
background:url(bubble-arrow-@2x.png) no-repeat;
background-size:24px 9px;
}
h2#commentReplyTitle {
font-size: 14px;
text-transform:uppercase;
color:#747677;
font-weight:500;
font-family: 'Open Sans', sans-serif;
text-align:center;
letter-spacing:1px;
}
.blogCommentHeading {
font-family: 'Open Sans', sans-serif;
margin: 0 0 5px 0;
padding:0;
background:#fff;
}
.blogCommentHeading .blogCommentHeadingInner {
height: 25px;
background: #fff;
}
.blogCommentHeading .blogCommentAuthor {
float: left;
color: #747677;
font-weight: bold;
font-size: 14px;
height:25px;
padding: 0;
background: none;
}
.blogCommentHeading .blogCommentAuthor span.name, .blogCommentHeading .blogCommentAuthor a.name, .blogCommentHeading .blogCommentAuthor span.email {
float: left;
height: 25px;
line-height: 25px;
text-shadow: white 1px 1px 0;
font-family: 'Open Sans', sans-serif;
font-weight:600;
font-size:14px;
color:#747677 !important;
}
.blogCommentHeading .blogCommentDate {
float: right;
text-align: right;
font-size: 13px;
color: #bababb !important;
text-shadow: white 1px 1px 0;
height: 25px;
line-height:25px;
padding: 0;
margin: 0;
}
.blogCommentOwner .blogCommentHeading .blogCommentAuthor {
background-image: none;
}
.blogCommentText p, #secondlist .blogCommentText p {
color: #909396;
font: 400 14px/19px 'Open Sans', sans-serif;
margin: 0;
padding: 0;
word-wrap:break-word;
}
.blogCommentText {
padding: 0 ;
}
.blogCommentOwner, .blogCommentOwner .blogCommentHeading, .blogCommentOwner .blogCommentHeadingInner {
background-image: none;
}
.blogCommentHeading .blogCommentAuthor a.link {
margin: 5px 3px 0 0;
}
.blog-button {
font-family: 'Open Sans', sans-serif;
height: 30px;
color: #9EA1A3;
font-size: 12px;
font-weight: 500;
text-transform:uppercase;
cursor: pointer;
line-height: 30px;
background:#fff;
border:1px solid #D5D8DB;
position:absolute;
bottom:-1px;
right:-1px;
border-radius:3px 0 3px 0;
background: rgb(255,255,255);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(250,250,250,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(250,250,250,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(250,250,250,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(250,250,250,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(250,250,250,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa',GradientType=0 );
box-shadow:-1px -1px 2px rgba(0,0,0,0.03);
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.blog-button:active {
background: rgb(244,244,244);
background: -moz-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(247,247,247,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,244,244,1)), color-stop(100%,rgba(247,247,247,1)));
background: -webkit-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(247,247,247,1) 100%);
background: -o-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(247,247,247,1) 100%);
background: -ms-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(247,247,247,1) 100%);
background: linear-gradient(to bottom, rgba(244,244,244,1) 0%,rgba(247,247,247,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#f7f7f7',GradientType=0 );
box-shadow:none;
}
#commentSubmit {
border-radius:3px;
right:auto;
float:left;
margin-right:auto;
left:0;
bottom:0;
height:auto;
border-radius:3px;
font-size:18px;
font: 600 13px/20px 'Open Sans', sans-serif !important;
letter-spacing:1px;
text-transform:uppercase;
border-radius: 3px;
-webkit-tap-highlight-color: rgba(0,0,0,0);
padding: 8px 0;
background: #464646;
border:1px solid #121212;
-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
color: #fff !important;
}
#commentSubmit:active {
background: #1F1F1F;
border:1px solid #000;
-webkit-box-shadow: none;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.3);
color: #fff !important;
}
.blog-button span {
float: left;
height: 100%;
background: none;
margin: 0 0 0 7px;
padding: 0 15px 0 8px;
}
.wsite-mobile iframe {
margin: 0 !important;
}
#commentPostDiv .commentInput, #commentPostDiv .commentTextarea {
padding: 0 0 0 0;
margin-left:12px;
}
.blogCommentSubreplyWrapper div.iframeWrapper {
background: #fff;
border:none;
border-top: solid #e3e3e3 1px;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
}
#commentPostDiv .field input[type=text] {
height: 32px;
line-height: 32px;
}
.blogCommentSubreplyWrapper iframe {
padding: 15px 0 0 0;
}
.wsite-mobile .blogCommentWrap.blogCommentLevel1 {margin-left:10px !important;}
.wsite-mobile .blogCommentWrap.blogCommentLevel2 {margin-left:20px !important;}