body.template-restaurant {
background-image: url(//www.woodfirerestaurant.ca/wp-content/uploads/2014/03/Woodfire_Restaurant_Gabriola.jpg);
background-attachment: fixed !important;
background-size: cover;
background-color: rgba(255, 255, 255, 0.3);
background-blend-mode: soft-light;
color: #555555;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 1.5em;
}
h1, h2, h3, h4, .widget-title-home h3, .widget-title h3 {
font-family: 'Georgia', 'Times New Roman', Times, serif;
font-weight: 500;
color: #7c2e1c;
} h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-weight: 700;
line-height: 1.0em;
word-wrap: break-word;
}
h1 {
font-size: 2.625em; margin-bottom: .5em;
margin-top: .5em;
}
h2 {
font-size: 2.250em; margin-bottom: .75em;
margin-top: .75em;
}
h3 {
font-size: 1.875em; margin-bottom: .857em;
margin-top: .857em;
}
h4 {
font-size: 1.500em; margin-bottom: 1em;
margin-top: 1em;
}
h5 {
font-size: 1.125em; margin-bottom: 1.125em;
margin-top: 1.125em;
}
h6 {
font-size: 1.000em; margin-bottom: 1.285em;
margin-top: 1.285em;
} p,
hr,
dl,
pre,
form,
table,
address,
blockquote {
margin: 1.6em 0;
} .sidebar-primary .widget-wrap {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
background-color: rgba(255,255,255,0.7);
border: 1px solid #e5e5e5;
border-radius: 4px;
margin: 20px 20px 0 0;
padding: 20px;
}
.background-black {
background-color: #000000;
}
.restaurant-site-header {
margin-top: 20px;
}
.restaurant-site-footer {
background-color: #000000;
color: #ffffff;
padding: 30px;
}
body.content-sidebar .content-sidebar-wrap {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 2%;
}
body.content-sidebar .site-inner main.content {
float: none;
width: 65.5%;
margin: 0;
}
body.content-sidebar .site-inner aside.sidebar-primary {
float: none;
width: 32.5%;
margin: 0;
}
.content-sidebar-wrap {
background-color: rgba(255,255,255,0.7);
}
.content article {
padding: 30px;
} .page-id-1247 {
.entry-header { display: none; }
}
@media screen and (min-width: 981px) {
.site-container {
max-width: 960px;
margin: 0 auto;
} .restaurant-site-header .menu,
.restaurant-site-header .menu > ul {
list-style: none;
margin: 0;
padding: 0;
} .restaurant-site-header .menu {
display: flex;
flex-wrap: wrap;
align-items: stretch;
background: #7c2e1c;
clear: both;
width: 100%;
margin-bottom: 20px;
} .restaurant-site-header .menu > li {
position: relative;
margin: 0;
padding: 0;
list-style: none;
flex: 0 0 auto;
border-left: 1px solid #9b4836;
} .restaurant-site-header .menu > li > a {
display: flex;
align-items: center;
height: 46px;
padding: 0 16px;
color: #fff;
text-decoration: none;
font-weight: 600;
white-space: nowrap;
} .restaurant-site-header .menu > li:hover > a,
.restaurant-site-header .menu > li:focus-within > a,
.restaurant-site-header .menu > li.current-menu-item > a,
.restaurant-site-header .menu > li.current-menu-ancestor > a {
background: #8f3924;
color: #fff;
} .restaurant-site-header .menu ul {
display: none;
position: absolute;
top: 100%;
left: 0;
min-width: 220px;
margin: 0;
padding: 0;
list-style: none;
background: #7c2e1c;
z-index: 9999;
box-shadow: 0 6px 18px rgba(0,0,0,0.18);
} .restaurant-site-header .menu li:hover > ul,
.restaurant-site-header .menu li:focus-within > ul {
display: block;
} .restaurant-site-header .menu ul li {
position: relative;
width: 100%;
margin: 0;
padding: 0;
} .restaurant-site-header .menu ul li a {
display: block;
padding: 12px 16px;
color: #fff;
text-decoration: none;
line-height: 1.3;
background: #7c2e1c;
white-space: nowrap;
} .restaurant-site-header .menu ul li:hover > a,
.restaurant-site-header .menu ul li:focus-within > a {
background: #8f3924;
color: #fff;
} .restaurant-site-header .menu ul ul {
top: 0;
left: 100%;
} .restaurant-site-header .menu li,
.restaurant-site-header .menu ul li {
float: none;
} .restaurant-site-header .menu-item-has-children > a,
.restaurant-site-header .page_item_has_children > a {
padding-right: 20px;
}   }