/*
Theme Name: Lovejoy
Theme URI: http://underscores.me/
Author: Susan Langenes
Author URI: http://collagecreative.net
Description: A handcrafted WordPress theme for Lovejoy Bakers based on _s.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: lovejoy
Domain Path: /languages/
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Lovejoy is based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

@import url(//fonts.googleapis.com/css?family=Libre+Baskerville:400,700);
@font-face {
    font-family: 'commercial_scriptnormal';
    src: url('fonts/commersial_script-webfont.eot');
    src: url('fonts/commersial_script-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/commersial_script-webfont.woff') format('woff'), url('fonts/commersial_script-webfont.ttf') format('truetype'), url('fonts/commersial_script-webfont.svg#commercial_scriptnormal') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lulo_cleanone';
    src: url('fonts/LuloCleanOne-webfont.eot');
    src: url('fonts/LuloCleanOne-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/LuloCleanOne-webfont.woff2') format('woff2'),
         url('fonts/LuloCleanOne-webfont.woff') format('woff'),
         url('fonts/LuloCleanOne-webfont.ttf') format('truetype'),
         url('fonts/LuloCleanOne-webfont.svg#lulo_cleanone') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* =Reset
-------------------------------------------------------------- */

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,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

html {
    font-size: 87.5%;
    /*Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
    /*font-size: 14px;  except we are not gonna use em units, bitchez
	overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
    -webkit-text-size-adjust: 100%;
    /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
    -ms-text-size-adjust: 100%;
    /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

*,
*:before,
*:after {
    /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
    -webkit-box-sizing: border-box;
    /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
    -moz-box-sizing: border-box;
    /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
    box-sizing: border-box;
}

body {
    background: #fff;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
    display: block;
}

ol,
ul {
    list-style: none;
}

table {
    /* tables still need 'cellspacing="0"' in the markup */
    border-collapse: separate;
    border-spacing: 0;
}

caption,
th,
td {
    font-weight: normal;
    text-align: left;
}


/* an image can go here if we want */

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote,
q {
    quotes: "" "";
}

a {
    color: #F8BF3E;
}

a:focus {
    outline: thin dotted;
}

a:hover,
a:active {
    outline: 0;
    color: #F8BF3E;
}

a img {
    border: 0;
}

a:visited {
    color: #EBA91E;
}


/* =Global
----------------------------------------------- */

body,
button,
input,
select,
textarea {
    color: #777;
    font-family: 'Libre Baskerville', Georgia, serif;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.7;
}


/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    font-weight: 400;
    font-family: 'lulo_cleanone';
    letter-spacing: -3px;
}

h1 {
    font-size: 26px;
    font-size: 1.857142857142857rem;
    margin-bottom: 12px;
}

h2 {
    font-size: 22px;
    font-size: 1.571428571rem;
    margin-bottom: 12px;
}

h3 {
    font-size: 18px;
    font-size: 1.285714285714286rem;
    margin-bottom: 6px;
}

h4 {
    font-size: 16px;
    font-size: 1.142857142857143rem;
    margin-bottom: 6px;
}

h5 {
    font-size: 14px;
    font-size: 1rem;
    margin-bottom: 6px;
    font-style: italic;
}

h6 {
    text-transform: uppercase;
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 24px;
    margin-bottom: 1.7143rem;
}

@media screen and (min-width: 773px) {
    .commersial-script {
        font-family: 'commercial_scriptnormal';
        font-size: 42px;
        font-size: 3rem;
    }
}


/* Text elements */

p {
    margin-bottom: 24px;
    margin-bottom: 1.7143rem;
}

ul,
ol {
    margin: 0 0 24px 42px;
    margin: 0 0 1.7143rem 3rem;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 24px;
    margin-left: 1.7143rem;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 24px 24px;
    margin: 0 1.7143rem 1.7143rem;
}

b,
strong {
    font-weight: bold;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 0 24px;
    margin: 0 1.7143rem;
    font-style: italic;
}

address {
    margin: 0 0 24px;
    margin: 0 0 1.7143rem;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 1.07143rem;
    line-height: 1.6;
    margin-bottom: 24px;
    margin-bottom: 1.7143rem;
    max-width: 100%;
    overflow: auto;
    padding: 24px;
    padding: 1.7143rem;
}

code,
kbd,
tt,
var {
    font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

sup,
sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

small {
    font-size: 75%;
}

big {
    font-size: 125%;
}

figure {
    margin: 0;
}

table {
    margin: 0 0 24px;
    margin: 0 0 1.7143rem;
    width: 100%;
}

th {
    font-weight: bold;
}

img {
    height: auto;
    /* Make sure images are scaled correctly. */
    max-width: 100%;
    /* Adhere to container width. */
}

button,
input,
select,
textarea {
    font-size: 100%;
    /* Corrects font size not being inherited in all browsers */
    margin: 0;
    /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
    vertical-align: baseline;
    /* Improves appearance and consistency in all browsers */
    *vertical-align: middle;
    /* Improves appearance and consistency in all browsers */
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 1px solid #ccc;
    border-color: #ccc #ccc #bbb #ccc;
    border-radius: 3px;
    background: #e6e6e6;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, .8);
    cursor: pointer;
    /* Improves usability and consistency of cursor style between image-type 'input' and others */
    -webkit-appearance: button;
    /* Corrects inability to style clickable 'input' types in iOS */
    font-size: 12px;
    font-size: 0.85rem;
    line-height: 1;
    padding: 10px 16px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa #bbb;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    border-color: #aaa #bbb #bbb #bbb;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="checkbox"],
input[type="radio"] {
    padding: 0;
    /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
    -webkit-appearance: textfield;
    /* Addresses appearance set to searchfield in S5, Chrome */
    -webkit-box-sizing: content-box;
    /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration {
    /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
    border: 0;
    padding: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
    padding: 3px;
}

input[type="file"] {
    font-size: 12px;
    font-size: .85rem;
}

textarea {
    overflow: auto;
    /* Removes default vertical scrollbar in IE6/7/8/9 */
    padding-left: 3px;
    vertical-align: top;
    /* Improves readability and alignment in all browsers */
    width: 98%;
}

fieldset {
    padding: 20px;
    border: 1px solid #CCC;
}


/* Alignment */

.alignleft {
    display: inline;
    float: left;
    margin-right: 24px;
    margin-right: 1.7143rem;
    margin-bottom: 20px;
}

.post img.alignleft {
    float: none;
}

.post img {
    padding-top: 20px;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 24px;
    margin-left: 1.7143rem;
    margin-bottom: 20px;
}

.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto 20px;
}


/* Text meant only for screen readers */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar */
}


/* Clearing */

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: '';
    display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}


/* =Header and Logo 
----------------------------------------------- */

.logo {
    text-align: center;
    max-width: 550px;
    margin: 0 auto;
}



/* =Menu
----------------------------------------------- */

.main-navigation {
    clear: both;
    display: block;
    float: left;
    width: 100%;
    border-bottom: 1px dotted #F9B41D;
    border-top: 1px dotted #F9B41D;
    margin-bottom: 12px;
    font-family: 'lulo_cleanone';
    letter-spacing: -2px;
}

.main-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
    text-align: center;
}


/* flexbox support: no ie9; use floats and shit */

.main-navigation ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.main-navigation li {
    float: left;
    position: relative;
    padding: 0;
    margin-right: 7px;
    flex-shrink: 1;
    -webkit-flex-shrink: 1;

}

.main-navigation li:hover {}

.main-navigation a {
    display: block;
    text-decoration: none;
    color: #555;
}

.main-navigation ul ul {
    display: none;
    float: left;
    left: 0;
    position: absolute;
    top: 38px;
    z-index: 99999;
    background: #CEE5E2;
}

.main-navigation ul ul ul {
    left: 100%;
    top: 0;
}

.main-navigation ul ul a {

}

.main-navigation ul ul li {
    margin-right: 0;
}

.main-navigation ul ul li:hover {}

.main-navigation li:hover > a {}

.main-navigation ul ul:hover > a {}

.main-navigation ul ul a:hover {}

.main-navigation ul li:hover > ul {
    display: block;
}

.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
    /* display: inline-block; */
    text-align: center;
}

.main-navigation li {
    font-size: 14px;
    font-size: 1rem;
    position: relative;
}

.main-navigation li.menu-item-has-children {
    padding-right: 8px;
}

.main-navigation li.menu-item-has-children:after {
    content: url('img/downarrow.png');
    position: absolute;
    right: -5px;
    top: 11px;
}

.main-navigation li a {
    border-bottom: 0;
    color: #888;
    text-transform: none;
    white-space: nowrap;
    padding: 12px 11px;
}

.main-navigation li a:hover {
    color: #555;
}

.main-navigation li ul li {
    padding: 0;
    width: 100%;
    min-width: 200px;
}

.main-navigation li ul li a {
    text-align: left;
    background: #CEE5E2;
    font-size: 14px;
    font-size: 1rem;
    border-bottom: 1px solid #eee;
    width: 100%;
}

.main-navigation li ul li a:hover {
    background: #9BCAC5;
}

#top-nav {
    margin-bottom: 24px;
}

.site-branding {
    margin-bottom: 18px;
}
.secondary-navigation .menu-toggle {
    display: none;
}

.secondary-navigation ul.nav-menu,
.secondary-navigation div.nav-menu > ul {
    text-align: center;
    background-color: #9BCAC5;
    margin: 0;
}

.secondary-navigation li a,
.secondary-navigation li {
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1.3em;
    color: #fff;
}

.secondary-navigation li {
    border-left: 1px dashed #fff;
}
.secondary-navigation li:first-child {
    border-left: none;
}

.secondary-navigation li a:hover {
    color: #888;
}

.secondary-navigation li.first-menu-item {
    border-left: none;
}

.main-navigation li.non-clickable a {
    cursor: default;
}

.main-navigation .sub-menu li a {
    cursor: pointer;
    padding: 12px;
}

.secondary-navigation li a {
    padding: 8px 22px;
    line-height: 1;
}

#top-nav .menu-food-menu-container {
    padding: 3px 0;
    border-top: 1px dotted #F8BF3E;
    border-bottom: 1px dotted #F8BF3E;
}

.menu-pages-menu-container {
    text-align: center;
    line-height: 1;
}

.main-navigation li.cart {
    background-image: url('img/ljbasket.png');
    background-repeat: no-repeat;
    background-position: 0 6px;
}

.main-navigation li.cart a {
    display: block;
    width: 36px;
    max-height: 36px;
    overflow: hidden;
    color: rgba(0, 0, 0, 0);
    background-image: none;
    border: none;
}


/* Small menu */

.menu-toggle {
    cursor: pointer;
    display: none;
    padding: 10px 24px 0;
    margin-bottom: 0;
}

@media screen and (max-width: 600px) {
    .menu-toggle,
    .main-navigation.toggled .nav-menu {
        display: block;
    }
    .main-navigation ul {
        display: none;
    }
    #top-nav {
        /*display: none;*/
    }
    .main-navigation.toggled .nav-menu {
        position: absolute;
        background: white;
        width: 370%;
        z-index: 1000;
        /*really? I shouldn't have to do this, youtube playlist plugin. */
        left: 0;
        padding: 8px;
        box-shadow: 2px 1px 6px;
    }
    .main-navigation.toggled .nav-menu li {}
}


/* Layout 
----------------------------------------------- */

.site {
    max-width: 1040px;
    margin: 0 auto;
    padding: 12px 12px 0;
}

.site-content {
    margin-bottom: 24px;
    margin-bottom: 1.7143rem;
}

.content-area {
    padding-top: 24px;
}

@media screen and (min-width: 601px) {
    .site {
        padding: 12px 24px 0;
    }
    .content-area {
        width: 58%;
        float: left;
    }
    .full-width.content-area {
        width: 100%;
    }
}

.site-footer {
    clear: both;
    font-size: 12px;
}


/* =Specific pages.  */

.home .entry-content {
    padding: 20px 18px 0;
    margin-bottom: 0;
}
.home .site-content.full-width {
    margin-bottom: 8px;
    padding-bottom: 48px;
    border-bottom: 1px dotted #F8BF3E;
}
.acf-map {
    width: 50%;
    height: 467px;
    border: #ccc solid 1px;
    float:left;
}


/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}
.locationmap {
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px dotted #F8BF3E;

}

.stores {
    float:right;
    background: #9BCAC5;
    color: white;
    padding: 20px 20px 0;
    width: 50%;
    height: 467px;
    line-height: 1.5;
}
.store a, .store a:visited {
    color: white;
}
.store button {
    color: #fff;
    padding: 12px 20px;
    background: #F8BF3E;
    font-family: 'lulo_cleanone';
    letter-spacing: -2px;
    font-weight: bold;
    margin-bottom: 20px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    text-shadow: none;
}

.store button:hover,
.store button:active,
.store button:focus {
    background: #fdbb25;
}
@media screen and (max-width: 600px) {
    .acf-map, .stores {
        width: 100%;
        float:none;
    }
}


/* =Content
----------------------------------------------- */

.sticky {}

.hentry {
    margin: 0 0 24px;
    margin: 0 0 1.7143rem;
}

.byline {
    display: none;
}

.single .byline,
.group-blog .byline {
    display: none;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 0 0 24px;
    margin: 0 0 1.7143rem;
}

.page-links {
    clear: both;
    margin: 0 0 24px;
    margin: 0 0 1.7143rem;
}

.blog .entry-meta,
.archive .entry-meta,
.single .entry-meta {
    margin-bottom: 12px;
}

.blog .entry-meta .updated,
.archive .entry-meta .updated,
.single .entry-meta .updated {
    display: none;
}

.posted-on {
    font-size: 10px;
}


/* =Asides
----------------------------------------------- */

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}


/* =Media
----------------------------------------------- */

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

.wp-caption {
    border: 1px solid #ccc;
    margin: 0 0 24px;
    margin: 0 0 1.7143rem;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 1.2% auto 0;
    max-width: 98%;
}

.wp-caption-text {
    text-align: center;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.site-main .gallery {
    margin: 0 0 24px;
    margin: 0 0 1.7143rem;
}

.gallery-caption {}

.site-main .gallery a img {
    border: none;
    height: auto;
    max-width: 90%;
}

.site-main .gallery dd {
    margin: 0;
}

.site-main .gallery-columns-4 .gallery-item {}

.site-main .gallery-columns-4 .gallery-item img {}


/* Make sure embeds and iframes fit their containers */

embed,
iframe,
object {
    max-width: 100%;
}


/* =Navigation
----------------------------------------------- */

.site-main [class*="navigation"] {
    margin: 0 0 24px;
    margin: 0 0 1.7143rem;
    overflow: hidden;
}

[class*="navigation"] .nav-previous {
    float: left;
    width: 50%;
}

[class*="navigation"] .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}


/* =Comments
----------------------------------------------- */

.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {}


/* =Widgets General
----------------------------------------------- */

.widget {
    margin: 0 0 24px;
    margin: 0 0 1.7143rem;
    padding: 20px;
}


/* Make sure select elements fit in widgets */

.widget select {
    max-width: 100%;
}


/* Search widget */

.widget_search .search-submit {
    display: none;
}


/* Header Sidebar
---------------------------------------------- */

.header-widget-area .textwidget {
    width: auto;
    margin: 0 auto;
}

.header-widget-area {
    width: 100%;
}

.header-widget-area .widget {
    padding: 0;
    margin: 0;
}

.header-widget-area .loc {
    position: relative;
    padding: 0 20px 20px;
    float: left;
}

.header-widget-area .loc a:hover {
    color: #F8BF3E;
}
.header-widget-area h3.widget-title {
    display: none;
}


/* =Home Widgets -- these are now in the footer on all pages 8/2014
---------------------------------------------- */

.home-widget-area {
    float: left;
    margin: 0 auto 20px;
    /* padding-bottom: 20px; */
    border-bottom: 1px dotted #CCC;
    width: 100%;
}

#secondary.home-widget-area {
    padding-bottom: 20px;
}

.homewidgets .widget {
    padding: 0;
    background-color: #fafafa;
    border: 1px solid #eeeeee;
    text-align: center;
}

.homewidgets h3.widget-title {
    margin-bottom: 0;
    padding: 12px 20px;
    background: #CEE5E2;
    font-family: 'lulo_cleanone';
    letter-spacing: -2px;
    text-align: center;
}

.homewidgets .inner-widget-area {
    padding: 12px;
    min-height: 255px;
}

.first.homewidgets .inner-widget-area {
    padding: 12px;
}

.first.homewidgets p {
    margin-bottom: 0;
    text-align: center;
}

.first.homewidgets img {}

.homewidgets ul {
    margin: 0;
    list-style: none;
}

.homewidgets ul li {
    line-height: 1.2;
    margin-bottom: 20px;
}

#text-8 a img {
	max-width: 55px;
}

/*.APTFIN_by_TAP h3.widget-title {} //no longer using this plugin 6/2016

.APTFIN_by_TAP h3.widget-title:after {
    content: url('img/ig.png');
    margin-left: 8px;
    top: 4px;
    position: relative;
}

.APTFIN_by_TAP > .inner-widget-area {
    padding: 12px 6px 0 18px;
}

.AlpinePhotoTiles-tile {
    margin: 0!important;
}

#fancyboxForAlpine-title {
    margin: 0!important;
    padding: 0 8px 8px!important;
}

.AlpinePhotoTiles_cascade_column:first-child a {
    text-align: right;
}
.AlpinePhotoTiles-link {
	height: auto!important;
}*/

.ri-grid {
    margin: 0;
}

@media screen and (min-width: 700px) {
    .header-widget-area .textwidget {
        /*width: 400px;*/
    }
    .header-widget-area .loc {
        padding: 0 20px 20px;
    }
}

@media screen and (min-width: 601px) {
    .homewidgets {
        width: 23%;
        float: left;
        margin-right: 2.6%;
    }
    .fourth.homewidgets {
        margin-right: 0;
    }
}

#home-sidebar .widget {
    padding: 0 0 24px;
    margin: 0 17.5px;
}


/* Right Sidebar 
--------------------------------------------- */

.right-widget-area h3.widget-title {
    font-size: 14px;
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
}

@media screen and (min-width: 601px) {
    .right-widget-area {
        float: right;
        border-left: 1px solid #EEE;
        width: 36%;
    }
}


/* =Footer Widgets
---------------------------------------------------------- */

.footer-widgets {
    float: left;
    background: #CEE5E2;
}

select {
    padding: 4px;
    border-radius: 2px;
    border: 1px solid #CCC;
    min-width: 239px;
    font-family: 'Libre Baskerville', georgia, serif;
}

.footer-widget-area {
    clear: both;
    width: 100%;
}

.footer-widget-area .widget {
    margin: 0;
    float: left;
}

.footer-widget-area h3.widget-title {
    display: none;
}

#text-5 {
    width: 60%;
    float: left;
}

#text-5 p {
    font-size: 1.3em;
    margin: 0;
    line-height: 1.4;
    position: relative;
}

.upperfooter {
    text-align: center;
    padding: 24px 0;
}

.upperfooter img {
    margin: 0 24px;
}

.upperfooter div {
    /* all of them */
    float: left;
    width: 33%;
    margin-bottom: 12px;
}

.site-info {
    text-align: center;
    padding: 12px 12px 24px;
    clear: both;
}

@media screen and (max-width:772px) {
    .upperfooter div {
        width: 100%;
        float: none;
    }
    .footer-widgets .textwidget {
        text-transform: uppercase;
    }
}

@media screen and (min-width:960px) {
    .upperfooter .address,
    .upperfooter .quip {
        width: 40%;
    }
    .upperfooter .flourish {
        width: 20%;
    }
}


/* =Restaurant Menu pages 
--------------------------------------------------------------------------------- */

.wprmm_menu .one-column li {
    border-bottom: 1px dotted;
}


/* Bread Gallery 
------------------------------------------------------------------------------ */

.site-content.full-width {
    width: 100%;
}


/* @media queries */

@media screen and (max-width: 960px) {
    .footer-widget-area .widget.constant-contact-form {
        margin: 0 auto;
        width: 290px;
        float: none;
    }
    #text-5 {
        text-align: center;
        width: 100%;
    }
    .main-navigation ul {
        max-width: 568px;
        margin: 0 auto;
    }
}

@media screen and (max-width: 680px) {
    .secondary-navigation li {
        font-size: 14px;
    }
}

@media screen and (max-width: 645px) {
    .secondary-navigation li.first-menu-item {
        border-top: none;
    }
    .main-navigation li {
        margin-right: 0;
        display: inline-block;
    }
    .main-navigation li.menu-item-3570 {
        display: none;
    }
}

@media screen and (max-width: 600px) {
    #slider {
        display: none;
    }
    .main-navigation li {
        margin-top: 0;
        display: block;
        text-align: left;
        float: none;
    }
    .main-navigation li.menu-item-has-children {
        padding-right: 0;
    }
    .main-navigation li.social {
        float: left;
        margin-right: 14px;
    }
    .main-navigation ul ul {
        float: none;
        position: relative;
        width: 100%;
        left: 0;
        top: auto;
    }
    .main-navigation ul ul a {
        width: auto;
    }
    #locations-sidebar {
        margin-bottom: 20px;
    }
    .second.front-widgets {
        width: 100%;
        padding-left: 0;
        margin-left: 0;
    }
    #text-5 p {
        font-family: 'commercial_scriptnormal';
        font-size: 1.8em;
        text-transform: lowercase;
        line-height: 1;
        top: 0;
        padding: 0;
    }
    .commersial-script {
        font-size: 1em;
        color: white;
    }
    .commersial-script.amp {
        font-size: 1em;
        font-family: 'commercial_scriptnormal';
    }
    .content-area {
        padding-top: 0;
    }
}


/* Additional styles for the menus pages */

.wprmm_menu .menu_price {
    padding-right: 10px;
}

.wprmm_menu .menu_manager h2 {
    color: #9BCAC5;
}


/* FAQ page */

a.qa-faq-anchor:after {
    content: "";
    border: 6px solid rgba(0, 0, 0, 0);
    border-top-color: #F9B41D;
    position: relative;
    right: -5px;
    top: 12px;
}


/* =Cake Page and left/right columns 
------------------------------------------------------------------------------- */

.cake {
    margin: 0 auto;
}

.cake img {
    float: left;
    margin: 5px;
    max-width: 100%;
}

@media screen and (min-width:601px) {
    .left-col {
        float: left;
        padding-right: 12px;
        width: 45%;
    }
    .right-col {
        float: right;
        padding-left: 12px;
        width: 45%;
    }
    .page-id-278 .left-col {
        width: 25%
    }
    .page-id-278 .right-col {
        width: 70%;
    }
}

.centered {
    clear: both;
}

.site-content {
    width: 58%;
}

.widget-area {
    width: 36%;
    padding-left: 24px;
    border-left: 1px solid #EEE;
}


/* social media icons */

.social {
    width: 32px;
    height: 42px;
    background-image: url('img/SocialMediaIcons.png');
    float: left;
}

.social a {
    display: block;
    width: 42px;
    height: 42px;
    text-indent: -9999px;
}

.social.fb {
    background-position: 4px 4px;
}

.social.tw {
    background-position: 114px 4px;
}

.social.ig {
    background-position: 44px 4px;
}

.social.pin {
    background-position: 79px 4px;
}

@media screen and (max-width:600px) {
    h1.entry-title {
        margin-bottom: 0;
    }
    .header-widget-area {
        text-align: center;
        height: auto;
        margin-bottom: 12px;
        padding: 4px 0;
        border-top: 1px dotted #F8BF3E;
        border-bottom: 1px dotted #F8BF3E;
        clear: both;
    }
    .header-widget-area .loc {
        margin-bottom: 12px;
        width: 100%;
        float: left;
        text-align: center;
        padding: 0;
    }
    .social {
        display: inline-block;
        float: none;
    }
    .widget-area {
        border-left: 0;
        padding: 0;
        width: 100%;
    }
    .site-content {
        width: 100%;
    }

    .menu-toggle img {
        padding: 1px 2px 1px;
        border-radius: 3px;
    }
    .main-navigation li.parent {}
}

@media screen and (min-width: 601px) {
    .woocommerce #container,
    .page-template-page-shop-php #primary {
        width: 75%;
        float: left;
    }
    .shop-widget-area {
        width: 25%;
        float: right;
        padding-top: 24px;
    }
    .shop-widget-area .widget_nav_menu {
        margin-left: 24px;
    }
}

.shop-widget-area .widget_nav_menu {
    text-align: center;
    border-top: 1px dotted orange;
    border-bottom: 1px dotted orange;
    padding: 6px 0;
}

.shop-widget-area .widget_nav_menu h3 {
    font-family: 'lulo_cleanone';
    color: white;
    background: #9BCAC5;
    margin: 0;
}

.shop-widget-area .widget_nav_menu ul.menu {
    margin: 0;
    list-style: none;
}

.shop-widget-area .widget_nav_menu ul li a {
    color: #FFF;
    background: #9BCAC5;
    padding: 8px 0;
    display: block;
    text-transform: uppercase;
    border-top: 1px solid white;
}

.shop-widget-area .widget_nav_menu ul li a:hover {
    color: #888;
}

.header-widget-area .widget_nav_menu ul {
    margin: 0;
    list-style: none;
    text-align: center;
    /* width: 60%; */
    text-transform: uppercase;
}

.header-widget-area .widget_nav_menu ul li {
    display: inline-block;
    float: left;
    width: 50%;
    padding: 0 0 24px 0;
}

@media screen and (max-width:600px) {
    .way-top {
        display:none;
    }
    .site-header {
        margin-bottom: 20px;
    }
    .header-widget-area .widget_nav_menu ul {
        display: flex;
        display: -ms-flex;
        display: -webkit-flex;
        background: #9BCAC5;
    }
    .header-widget-area .widget_nav_menu ul li {
        flex-grow: 1;
        -ms-flex-grow: 1;
        -webkit-flex-grow: 1;
        width: auto;
        padding: 10px 0 8px 0;
        position: relative;
    }
    .header-widget-area .widget_nav_menu ul li a {
        color: white;
        padding: 10px 0;
        font-size: 12px;
    }
    .header-widget-area .widget_nav_menu ul li:first-child:after {
    	content: "|";
    	position: absolute;
    	right:0;
    	color: white;
    }
    .main-navigation {
        float: left;
        border: 0;
        margin: 0;
        position: relative;
        bottom: 38px;
        width: 20%;
    }

    .admin-bar .main-navigation {
        top:55px;
    }

    .logo {
        width: 80%;
        float:right;
    }
    .menu-toggle {
        padding: 0;
       
    }
    .home-widget-area {
        margin: 0;
        padding: 0;
        border: 0;
    }
    #home-sidebar .widget {
        margin: 0;
        padding: 0;
    }
    .secondary-navigation li {
        border-left: none; 
    }
}


/* =Woocommerce overrides 
---------------------------------------------------------------------------- */

.woocommerce .woocommerce-message:before,
.woocommerce .woocommerce-error:before,
.woocommerce .woocommerce-info:before,
.woocommerce-page .woocommerce-message:before,
.woocommerce-page .woocommerce-error:before,
.woocommerce-page .woocommerce-info:before {
    height: auto;
}

.woocommerce a.added_to_cart,
.woocommerce-page a.added_to_cart {
    margin-left: 22px;
}

#cc_form_1 {
    margin: 0!important;
}

.cc_email_address {
    width: 160px;
    float: left;
    margin-right: 6px;
}

a.toggle-default-handling.pickup {
	display:none;
}
p#wc-local-pickup-plus-toggle-default-handling {
	display:none;
}