#logo img {
max-width: 300px;
}
#ios-bg {
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;
}
body.page-id-1511 .vertical-line {
border-left: 2px solid white;
height: 380px;
position: absolute;
left: 50%;
margin-left: -3px;
top: 50px;
}
body.page-id-1511, .page-id-1511 #ios-bg { height: 1400px; }
.menu li li a {
line-height: 40px;
padding: 6px 10px;
height: auto;
}
.page-id-1511 #header, 
.page-id-1511 #footer { display: none; }
.page-id-1511 #wrapper { background: transparent; border: 0; }
#header {
margin-top: 20px;
}
.no-widget-bottom .so-panel.widget {
margin-bottom: 0;
}
#wrapper {
margin-bottom: 0;
background: rgba(255,255,255, 0.80); }
a {
color: #7c2e1c;
}
h1, h2, h3, h4, .widget-title-home h3, .widget-title h3 {
font-family: 'Georgia', 'Times New Roman', Times, serif;
font-weight: 500; color: #7c2e1c;
}
h2 {
font-size: 2em;
}
h4 {
margin-bottom: .5em;
margin-top: .5em;
}
h4 a {
font-weight: 400;
}
.white, .white p, .white h1, .white h2, .white h3, .white h4, .white h5, .white h6 {
color: #ffffff;
}
#footer h1, #footer h2, #footer h3, #footer h4 {
color: #FFF;
}
#featured h1, #featured h2, #featured h3, #featured h4 {
margin-left: 30px;
margin-right: 10px;
color: #FFF;
}
#featured {
width: 100%;
padding-bottom: 0; background-color: #000;
border: none;
}
#featured p {
font-size: 16px;
font-weight: 200;
line-height: 18px;
padding: 0 10px 0 30px;
text-align: left;
color: #CCC;
}
#footer {
padding: 0;
background-color: #000;
border-radius: 0;
-webkit-border-top-right-radius: 4px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-topleft: 4px;
border-top-right-radius: 4px;
border-top-left-radius: 4px;	
}
.widget-title-home h3 {
text-align: center;
}
.front-page #wrapper {
margin-top: 0;
margin-bottom: 0;
}
.reveal {
display: none;
} .spice-page #footer_widget {
display: none;
}
.spice-header {
background-color: #ffffff;
padding: 20px;
}
.spice-header .menu a {
border-left: 1px solid #000000;
color: #363636;
font-size: 14px;
font-weight: 700;
height: auto;
line-height: 1.3em;
padding: 0 0.9em;
position: relative;
text-decoration: none;
text-shadow: 0;
}
.spice-header .menu .current_page_item a, 
.spice-header .menu .current-menu-item a {
color: #D2A025;
background-color: transparent;
}
@media screen and (min-width: 981px) {
.spice-header .menu {
background-color: transparent;
clear: both;
margin: 0 auto;
background-image: none;
}
} .woocommerce-page a.cart-contents,
.wc-mini-cart-area,
button.show-mini-cart {
position: absolute;
top: 10px;
right: 20px;
}
button.show-mini-cart {
background: #7c2e1c;
border: 0;
color: #ffffff;
font-size: 14px;
border-radius: 6px;
padding: 5px;
text-transform: uppercase;
}
.wc-mini-cart-area {
width: 220px;
background: #ffffff;
box-shadow: 0 0 5px #e6e6e6;
padding: 10px;
top: 40px;
z-index: 999;
}
.woocommerce-breadcrumb {
display: none;
} .woocommerce-page #wrapper {
margin-bottom: 0;
background: rgba(255,255,255, 1);
padding-top: 60px;
}
.woocommerce-page.single-product #wrapper {
padding-top: 80px !important;
}
.woocommerce-page div#content.col-620,
.woocommerce-page div#content-woocommerce.col-620 {
width: 100%;
margin-top: 0;
margin-right: 0;
}
.woocommerce-page #widgets {
display: none;
}
.woocommerce ul.products li.product a img {
box-shadow: 0 0 8px #e6e6e6;
} .post-type-archive-product li.product_cat-gift-certificates,
.page-id-1841 li.product_cat-gift-certificates {
display: none;
}
.page-id-1841 #wrapper {
padding-top: 0;
}
.page-id-1841 #wrapper:before {
position: absolute;
background-image: unset;
top: 0;
left: 0;
width: 0;
height: 0;
}
.page-id-1841 div#content-woocommerce.col-620 {
margin-top: 0;
}
label[for=shipping_method_0_local_pickup13] {
font-size: 18px;
text-transform: uppercase;
color: #7c2e1c;
}
.pickup-notes {
font-size: 12px;
text-transform: none;
color: #565656;
margin: 10px 0 30px;
word-break: keep-all;
display: block;
} body.truck-page,
body.truck-page h1,
body.truck-page h2,
body.truck-page h3,
body.truck-page h4,
body.truck-page h5,
body.truck-page p {
font-family: 'Montserrat', sans-serif;
}
:root {
--main-red-color: #C32133;
}
.truck-page .main-nav,
.truck-page .panel-grid.panel-has-style > .panel-row-style.truck-hide,
.truck-page .truck-hide,
.truck-show { 
display: none; 
}
.truck-page .truck-show {
display: block;
}
.truck-page #wrapper {
border: 0;
}
.truck-page #logo {
background-image: url(//www.woodfirerestaurant.ca/wp-content/uploads/2021/05/fire-truck-grill-logo-header.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 30%;
}
.truck-page .top-widget {
width: 69%;
}
.truck-page ul#menu-food-truck-menu { margin: 0; padding: 0; list-style-type: none; list-style-image: none; }
.truck-page #menu-food-truck-menu li { display: inline-block; padding: 5px 12px 5px 12px; }
.truck-page .top-widget #menu-food-truck-menu a { font-weight: 600; font-size: 13px; display: inline-block; margin-bottom: 8px; text-transform: uppercase; text-decoration:none; color: #767676; }
.truck-page #menu-food-truck-menu li:last-child { padding-right: 0; }
.truck-page .top-widget #menu-food-truck-menu li.current-menu-item a { color: #302e2b; } .truck-page #logo img {
opacity: 0;
}
.truck-page .page-hero {
height: 40vh;
position: relative;
}
.truck-page .page-hero.panel-row-style {
background-position: center top !important;
}
.truck-page .page-hero:after {
content: url(//www.woodfirerestaurant.ca/wp-content/uploads/2021/05/fir-truck-grill-logo-page-hero.png);
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 100px;
}
.truck-page .page-hero p {
font-size: 30px;
font-weight: 700;
position: absolute;
left: 50%;
transform: translate(-50%);
top: 18%;
text-shadow: 2px 2px 4px black;
color: #ffffff;
width: 100%;
}
.truck-page .page-hero p br {
display: none;
}
.truck-page .grey-back-heading {
background-color: #ededed;
padding-top: 30px;
padding-bottom: 30px;
margin-top: 56px;
}
.truck-page p {
margin: 0 0 10px 0;
}
.truck-page .grey-back-heading p {
margin: 0;
}
.truck-page h1.post-title {
font-size: 4.5rem;
text-shadow: 1px 1px 4px #000000;
}
.truck-page.page-id-2193 .post-title {
display: none; 
}
.truck-hero.panel-row-style {
background-color: rgba(255,255,255, 0.4);
background-blend-mode: overlay;
}
.truck-page .picture-nav-boxes h3.widget-title {
margin-top: 15px;
font-size: 15px;
font-weight: 700;
color: #000000;
}
.truck-page .picture-nav-boxes img:hover,
.truck-page .picture-nav-boxes h3:hover img {
opacity: 0.6;
}
.truck-page .menu-drop-downs {
margin-top: 90px;
}
.truck-page .menu-drop-downs .sow-accordion-panel-header {
padding-top: 8px !important;
padding-bottom: 8px !important;
}
.truck-page .menu-drop-downs .sow-accordion-panel-header .sow-accordion-title {
font-weight: 700;
color: #000000;
}
.truck-page #ios-bg {
background-image: unset;
}
.truck-page #container {
margin: 0 auto;
max-width: 100%;
padding: 0;
}
.truck-page #header, .truck-page #wrapper {
margin: 0 auto;
max-width: 80%;
padding: 0;
}
body.default-layout.truck-page #content-outer, body.full-width-no-box #content-outer {
margin: 0 auto;
max-width: 100%;
}
.truck-page h1 {
font-size: 5.5rem;
text-shadow: 1px 1px 4px #000000;
}
.truck-page h2, 
.truck-page h3, 
.truck-page h4, 
.truck-page .widget-title h3 {
color: #000000;
margin-bottom: 5px;
}
.truck-page select, 
.truck-page input[type="text"], 
.truck-page input[type="password"], 
.truck-page input[type="email"],
.truck-page textarea {
box-shadow: unset;
font-family: 'Montserrat', sans-serif;
}
.truck-page #footer {
clear: both;
margin: 0 auto;
max-width: 100%;
padding: 0 25px 0 25px;
background-color: #ffffff;
color: #000000;
}
.truck-page div#footer-wrapper {
width: 80%;
margin: 0 auto;
}
.truck-page #footer_widget .widget-wrapper p {
margin-top: 0;
margin-bottom: 1em;
color: #000000;
}
.truck-page #footer_widget .white.hours p {
color: #ffffff;
font-size: 16px;
}
.truck-page #footer_widget .copyright p {
font-size: 12px;
}
@media screen and (max-width: 1023px) {
.truck-page #logo,
.truck-page .top-widget {
width: 100%;
float: none;
}
.truck-page .top-widget {
text-align: center;
margin: 0 0 15px;
}
.truck-page #logo {
margin: 15px 0 0;
}
.truck-page #logo img {
opacity: 0;
height: 0;
padding-top: 60px;
}
.truck-page .top-widget #menu-food-truck-menu a {
margin-bottom: 0;
}
.truck-page .page-hero:after {
transform: scale(.75) translateX(-65%);
}
.truck-page .grey-back-heading {
margin-top: 60px !important;
}
.truck-page #footer .widget-wrapper {
padding: 0;
}
.truck-page .copyright {
float: none;
}
}
@media screen and (min-width: 981px) {   .menu {
background-color: #7c2e1c;
clear: both;
margin: 0 auto;
background-image: none;
}
.menu a {
border-left: 1px solid #9b4836;
color: #fff;
font-size: 13px;
font-weight: 700;
height: 45px;
line-height: 45px;
padding: 0 0.9em;
text-shadow: none;
}
.menu-item-has-children a {
padding-right: 0.2em;
}
.menu-item-has-children::after {
display: none;
}
.menu-item-has-children a::after {
font-family: FontAwesome;
content: "\f107";
padding: 0 3px;
color: #ffffff;
font-size: 15px;
}
.menu a:hover {
background-color: #D2A025;
color: #fff;
background-image: none;
}
.menu .current_page_item a,
.menu .current-menu-item a {
background-color: #D2A025;
}
.menu li li {
background: #fff;
background-image: none;
border: 1px solid #e5e5e5;
color: #444;
filter: none;
margin: -1px 0 1px 0;
width: auto;
}
.menu li li a:hover {
background: #f5f5f5 !important;
background-image: none;
border: none;
color: #444;
filter: none;
} #menu-item-1657 a {
line-height: 1.2em;
padding: 5px;
}
a.mini-menu {
padding: 3px 8px;
display: inline-block;
background: #D2A025;
color: #ffffff;
font-weight: 700;
margin: 0 15px 10px 0;
}
a.mini-menu:hover {
background: #541203;
color: #ffffff;
}
} .widget-title h3 {
padding-bottom: 10px;
}
.alignleft {
margin-top: 0;
}
#logo {
margin-bottom: 10px;
}
.post-title {
display: none;
}
.page-id-83 .post-title {
display: block;
}
#content-full {
margin-top: 20px;
}
.menu-dl {
text-align: center;
font-size: 120%;
font-style: bold;
}
.menu-dl a {
color: #FFF;
}
.menu-dl a:hover {
color: #CCC;
}
.menu-dl {
float: left;
width: 100%;
padding: 10px 0;
font-size: 1.2em;
font-style: italic;
text-transform: uppercase;
background: #850000;
}
#fscf_div_field1_0 input {
max-width: 440px;
}
.top-widget a {
color: #CCC;
}
.top-widget a:hover {
color: #FFF;
}
.home .widget-wrapper {
background-color: rgba(255,255,255, 0.80);
}
.home-widgets .widget-wrapper {
margin: 0;
}
#footer_widget .widget-wrapper {
margin: 0;
background-color: transparent;
border: 1px solid transparent;
}
#footer_widget .widget_text {
margin-bottom: 0;
}
#footer_widget .widget-wrapper p {
margin-top: 0;
margin-bottom: 1em;
color: #FFF;
}
#footer_widget .widget-wrapper a {
color: #FFF;
}
#footer_widget .widget-wrapper a:hover {
text-decoration: underline;
}
.rslides_container {
margin-bottom: 0;
}
.page-id-188 blockquote {
clear: both;
float: left;
margin-top: 0;
}
.page-id-83 #cycledtestimonialwidget-3 {
display: none;
} .envira-gallery-theme-captioned .envira-gallery-captioned-data {
background: #000 !important;
padding: 10px;
border: none !important;
border-top: 0 none;
}
.envira-gallery-theme-captioned .envira-gallery-captioned-text {
margin: 0;
text-align: center;
color: #fff;
font-style: italic;
font-weight: bold;
}
.home .two_third, .home .one_third {
margin-bottom: 28px;
}
.home .two_third a {
color: #850000;
text-decoration: none;
}
.home .two_third a:hover {
color: #CCC;
}
.home .one_third_last a {
color: #CCC;
text-decoration: none;
}
.home .one_third_last a:hover {
color: #850000;
} .home .one_third_last h4 {
margin-right: 30px;
padding-top: 10px;
text-align: left;
border-top: 1px solid #2c2c2c;
}
.home .one_third_last ul {
list-style-type: none;
}
#footer {
color: #FFF;
margin-top: 20px;
}
#home_widget_1, #home_widget_2, #home_widget_3 {
margin-bottom: 0;
} .footer-menu {
margin-left: 20px;
}
.footer-menu li a {
border-left: none;
font-size: 1.5em;
}
#footer a {
color: #CCC;
}
#footer a:hover {
color: #FFF;
}
.wf-copyright {
clear: both;
margin: 20px 0 0 20px;
}
.top-widget {
margin-top: 60px;
} blockquote.easy_testimonial p {
font-size: 14px;
line-height: 1.5em;
}
div#FSContact1 form div {
margin-bottom: 0;
}
#widgets p {
margin: .6em 0;
} #text-21 iframe {
width: 100% !important;
max-width: 400px !important;
}
#text-22 {
width: 63% !important;
text-align: right;
}
#text-22 .widget-wrapper {
padding: 5px 0 0 0;
}
#text-22 img {
align: center;
}
.wf-footer-menu {
margin-bottom: 5px;
font-size: 1.5em;
color: #CCC
}
#footer_widget .col-300 {
width: 100%;
}
#footer_widget .widget-wrapper a {
color: #CCC;
text-decoration: none;
}
#footer_widget .widget-wrapper a:hover {
color: #FFF;
text-decoration: none;
}