/*
Theme Name: Pizzicato
Theme URI: http://underscores.me/
Author: Susan Langenes
Author URI: http://collagecreative.net
Description: A completely custom theme for Pizzicato, built in 2014 for WordPress 4+.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: pizzicato
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.

Pizzicato Theme is based on Underscores http://underscores.me/, (C) 2012-2014 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("//hello.myfonts.net/count/2dab1d");

  
@font-face {font-family: 'NexaRustSans-BlackShadow';src: url('fonts/2DAB1D_0_0.eot');src: url('fonts/2DAB1D_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/2DAB1D_0_0.woff2') format('woff2'),url('fonts/2DAB1D_0_0.woff') format('woff'),url('fonts/2DAB1D_0_0.ttf') format('truetype');}



/* handwritten heading font for h6 */
@font-face {
    font-family: 'brain_flowerregular';
    src: url('fonts/brainflower/brain_flower-webfont.eot');
    src: url('fonts/brainflower/brain_flower-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/brainflower/brain_flower-webfont.woff2') format('woff2'),
         url('fonts/brainflower/brain_flower-webfont.woff') format('woff'),
         url('fonts/brainflower/brain_flower-webfont.ttf') format('truetype'),
         url('fonts/brainflower/brain_flower-webfont.svg#brain_flowerregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

}

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

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

}
.nodesktop {
	display:none;
}

/* =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: 62.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: 16px; /* 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/ */
	height: 100%;
}
*,
*: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;
	height: 100%;
	
}
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:hover,
a:active {
	outline: 0;
}
a img {
	border: 0;
}


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

body,
button,
input,
select,
textarea {
	color: #000;
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 1.5;
	font-weight: 500;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
	clear: both;
	text-transform: uppercase;
	line-height:1;
}
h1 { 
	font-size: 80px;
	font-size: 5rem;
	margin-bottom: 12px;
	font-family: 'nexa_rust_slabblack_shadow_01';
}
h2 { font-size: 32px; font-size: 2rem; margin-bottom: 12px; font-family: 'nexa_rust_sansblack_shadow'; }
h3 { font-size: 21.3px; /*font-size: 2rem;*/ margin-bottom: 6px; font-family: 'nexa_rust_sansblack';  }
h4 { font-size: 20pt; /*font-size: 1.5rem;*/ margin-bottom: 6px; font-family: 'Raleway', sans-serif; font-weight: 700; }
h5 { font-size: 14pt; font-size: 1.164rem; margin-bottom: 6px; font-family: 'Raleway', sans-serif; font-weight: 500; line-height:1.2em; }
h6 { 
	-webkit-margin-before: 1rem;
	-webkit-margin-after: 1rem;
	font-weight: normal;
	font-family: 'brain_flowerregular';
	text-transform: none;
	font-size: 3rem;
	line-height: .4em;
}
hr {
	background-color: #000;
	border: 0;
	height: 1px;
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
}

/* Text elements */
p {
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
}
ul, ol {
	margin: 0 0 24px 48px;
	margin: 0 0 1.5rem 3rem;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 24px;
	margin-left: 1.5rem;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 24px 24px; 
	margin: 0 1.5rem 1.5rem;
}
b, strong {
	font-weight: bold;
}
dfn, cite, em, i {
	font-style: italic;
}
blockquote {
	margin: 0 24px;
	margin: 0 1.5rem;
	font-style: italic;
}
address {
	margin: 0 0 24px;
	margin: 0 0 1.5rem;
}
pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
	max-width: 100%;
	overflow: auto;
	padding: 24px;
	padding: 1.5rem;
}
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.5rem;
	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 */
	line-height: 1;
	padding: 10px 16px;
	padding: .375rem 1rem;
	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 dashed #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;
	width: 98%;
}
input[type="file"] {
	font-size: 12px;
	font-size: .75rem;
}
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;
}

/* Links */
a {
	color: #ff4200;
}
a:visited {
	color: #d84917;
}
a:hover,
a:focus,
a:active {
	color: #ff6600;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-right: 1.5rem;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-left: 1.5rem;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/* 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 */
}
.site-title, .site-description {
	position: absolute;
	clip: rect(1px, 1px, 1px, 1px);
}

/* 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,
.search-toggle:before {
	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 
----------------------------------------------- */
.header-wrap {
}
.site-header {
	width: 233px;
	margin: 0;
	height: 584px;
	position: fixed;
	z-index: 40;
	left: 50%;
	margin-left: -118px;
}
.header-wrap {
	left: 50%;
	width: 233px;
	height: 584px;
	margin: 0 auto;
}



.logo {
	width: 240px;
	height: 120px;
	position: relative;
	float: none;
	margin: 0 auto;
}



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

.main-navigation {
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 15px;
	color: white;
	position: relative;
	top: 46px;
	display: none;
}
.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul { /* uncomment this if we use a regular menu li for home */
	/*position: relative; 
	top: -120px;*/
	
}
.main-navigation li {
	position: relative;
	padding: 4px 8px 5px;
	max-width: 140px;
	line-height: 1;
	margin: 0 auto;
	z-index:5;
}

.main-navigation li:hover {
	
}


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


.main-navigation ul ul {

}
.main-navigation ul ul ul {
	left: 100%;
	top: 0;
}
.main-navigation ul ul a {
	width: 240px;
	color: #FFF; 
}
.main-navigation ul ul li {
	margin-right: 0; 
}
.main-navigation ul ul li:hover {
}
.main-navigation li:hover > a {
	color: #000;
}
.main-navigation li.menu-item-180:hover > a {
	color: #31b29e;
}
.main-navigation ul ul :hover > a {
}
.main-navigation ul ul a:hover {
}
.main-navigation ul li:hover > ul {
	display: block;
}
@media screen and (min-width: 601px) {
	.main-navigation li.current_page_item,
	.main-navigation li.current-menu-item {
	
	}
	.main-navigation li.current_page_item a,
	.main-navigation li.current-menu-item a {
		color: #d00707;
	}
}
.main-navigation li.menu-item-368 {
	height: 120px;
}
.main-navigation li.menu-item-368 a,
.main-navigation li.menu-item-368 a:hover,
.main-navigation li.menu-item-368 a:active,
.main-navigation li.menu-item-368 a:focus {
	height: 100%;
	color: rgba(0, 0, 0, 0);
	text-shadow: none;
}
.main-navigation li.menu-item-368:hover > a {
	color: rgba(0, 0, 0, 0);
}

.main-navigation ul {
	
}
.homelink {
	position: relative;
	height: 121px;
	width: 233px;
	margin: 0 auto;
	background-repeat: no-repeat;
}
div.homelink a { /*remove this if we use a regular menu li for home */
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 50;
}
.menu-main-menu-container {
	background-image: url('img/BoxesStacked.png');
	background-repeat: no-repeat;
	width: 233px;
	height: 208px;
	position: relative;
	margin: 0 auto;
}

.brackets {
	background-image: url('img/WhiteBrackets.png');
	background-repeat: no-repeat;
	height: 36px;
	position: relative;
	left: 38px;
	top: -209px;
}

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

.left-side {
	width: 50%;
	float: left;
	min-height: 1px;

}
.right-side {
	width: 50%;
	float: left;

}
.left-content {
	width: 510px;
	float: right;
	padding: 100px 130px 0 0;
}
#contact .left-side {
	background-repeat: no-repeat;
	background-size: 100%;
  background-position: 0% 0%;
}
.right-content {
	width: 550px;
	float: left;
	padding: 37px 0 0 100px;
}
.social-media {
	float: right;
	padding: 12px;
}
.social-media a {
  height: 25px;
  display: inline-block;
  width: 26px;
  border-radius: 5px;
  padding: 3px;
}
#stores .right-content {
	width: 100%;
	padding: 0px 0 0 0;
}
#food-menu .right-content,
#coupon .right-content {
	padding-left: 130px;
}
#stores .right-content form,
#message,
#closestStore,
#deliveryArea {
	margin-left: 156px;
	background: #FFF;
	padding: 12px;
	width: 400px;
}
#store-form form {
	border: 4px solid #F86629;
}


#business-catering .right-content {
	padding-left: 125px;
	line-height: 1.25;

}	
#business-catering .right-content h1 {
	color: #000;
	font-size: 26px;
	margin-bottom: 6px;
}
.tips-intro {
	font-weight: 500;
	font-family: 'raleway';
	font-size: 17px;
	line-height: 1;
	padding: 3px 0px 0;
}
.tips-intro p {
	margin-bottom: 12px;
}	
.tip-jar {

}	
.tips-outro {
	padding: 4px 24px 24px;

}
.ui-tabs-panel {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
} 

.event-list { /* only on d4$ page */
	background: white;
	padding: 20px;
	border: 4px solid #ed413d;
}
.event {
	border-bottom: 1px dashed #000;
	margin-bottom: 12px;
}
.event-list h2 {
	margin-bottom: 24px;
	font-size: 30px;
  	text-align: center;
}
.event h4 {
	font-family: raleway;
	text-transform: none;
	font-size: 14px;
	margin-bottom: 0;
}	
.event-list h3 {
	font-size: 16px;
	font-family: raleway;
	font-weight: 500;
	color: #ED413D;
	text-align: center;
	margin: 12px 0 24px;
	padding-bottom: 12px;
	border-bottom: 1px dashed #000;
}
.event-details {
	line-height: 1.25;
}
.site,
.site-content,
.content-area,
.site-main,
.left-side,
.right-side {
	height: 100%; 
	min-height: 675px;
	/*animation: fadein 5s;
	-moz-animation: fadein 5s;
	-webkit-animation: fadein 5s;
	-o-animation: fadein 5s;*/
}
#stores {
	/*animation: fadein 8s;
	-moz-animation: fadein 8s;
	-webkit-animation: fadein 8s;
	-o-animation: fadein 8s;*/
}
.mask, .transition-mask {
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 1);
}
.mask {
	z-index: 900;
	padding: 350px;
	text-align:center;
}
.mask img {
	padding-top: 0px;
}
.transition-mask {
	z-index: 30;
}
#loading {
	position: fixed;
	top: 480px;
	width: 233px;
	height: 100%;
	margin: 0 auto;
}
#loading img {
	display: none;
}

.container {
	display: block!important;
}
.left-side h1.page-title,
.right-side h1.page-title {
	position: absolute;
	clip: rect(1px, 1px, 1px, 1px);
}

#contact .right-content {
	float: left;
	padding: 50px 0 0 129px;
	width: 512px;
}
#contact .right-side .entry-content form p {
	color: #00afa9;
	/*font-size: 26px;*/
	font-weight: 500;
	margin-bottom: 10px;
}
.site-footer {
	clear: both;		
}
.site-info {
	font-size: 12px;
	font-size: .75rem;
}

.footer-widget-area {
	clear:both;
}
/* Page templates 
------------------------------------------------ */
.home .brackets {
	display:none;
}
#home .right-side {
	height: auto;
}
#home .left-content { 
	padding: 100px 0 0 0; 
	width: 610px;
}
#home .right-content {
    padding: 25px 0 100px 100px;
	overflow: hidden;
	/*width: 565px;*/
}

#home .wrapper {
	width: 510px;
	float: right;
}

.quote {
	position: absolute;
	top: 75px;
	left: 50%;
	margin-left: 481px;
	padding: 12px 0 13px 25px;
	transform: rotate(-18deg);
	font-family: 'brain_flowerregular';
	font-size: 32px;
	font-weight: 700;
	line-height: 1;
	background-image: url('img/bracket-large.png');
	background-repeat: no-repeat;
	letter-spacing: 1px;
	background-size: contain;
}
.specials-list h1 {
	font-size: 48px;
}

h2.region {
	margin-bottom: 6px;
	margin-top: 12px;
}
#stores h2 {
	font-size: 1.2rem;
}
h5.store-name {
	line-height: 1;
	text-transform: uppercase;
	color: #333333;
}	
h5.job-name {
	line-height: 1;
	text-transform: uppercase;
	color:#003;
	 
}
h5.store-name:after, h5.job-name:after {
	content: url(img/plussign.png);
	font-size: 1.6em;
	margin-left: 12px;
	width: 20px; 
	max-height: 20px; 
	line-height: 0.5;
	position: absolute;
}
h5.store-name:hover, h5.job-name:hover {
	cursor: pointer;
	color: #f27a30;
}
h5.store-name:hover:after, h5.job-name:hover:after {
	content: url(img/plussignorange.png)

}
h5.store-name.selected, h5.job-name.selected {
	color: #f27a30;
	
}	
h5.store-name.selected:after, h5.job-name.selected:after {
	content: url(img/minussign.png)
	
}
.store-details, .job-details {
	color: black;
	line-height: 1;
	margin-bottom: 12px;
	font-weight: 500;
	letter-spacing: 1px;
	max-width: 388px;
}

#food-menu-container .left-content {
	padding: 100px 0 0 0;
}
#stores .left-content {
	padding: 44px 0 0;
}

#dough-for-dollars .right-content {
	width: 520px;
	float: left;
	padding: 37px 0px 0px 124px;
}

#jobs .left-content {
	padding: 100px 0 0 130px;
	width: 510px;
	float: left;
}
#jobs .right-content {
	padding: 47px 0 0 125px;
}


/* = Food Menu Page 
-----------------------------------------------  */
.menu-section {
	line-height: 1;
	margin-bottom: 24px;
	float: left;
	margin-top: 10px;
}
.menu-section .heading {
	font-size: 22px;
font-weight: 700;
text-transform: uppercase;
}	
.right-content h4.name {
	text-transform: uppercase; 
	font-weight: 700;
	margin-bottom: 4px;
	font-family: 'Raleway', sans-serif;
	font-size: 1rem;
}

.menu-item-list img {
	position: relative;
	top: 4px;
}
.tip-jar .menu-item-list {
	padding: 10px 0; 
}	
.menu-item-list p, .salad, .panino, .appetizer {
	margin-bottom: 12px;
}
.menu-item-list ul {
	list-style: none;
	margin: 0 0 2px;
}
.menu-item-list ul li {
	display: inline-block;
	margin-right: 15px;
}	
.menu-item-list ul li.name {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1rem;
}	
ul.dots-menu {
	list-style: none;
	margin: 0;
	height: 60px;
	padding: 8px 0 12px;
	width: 100%;
	position:relative;

}
#home ul.dots-menu {
	margin-left: 24px;
}
#food-menu .left-side ul.dots-menu {
	margin-left: 15px;
}
#food-menu .right-side ul.dots-menu {
	margin-left: -30px;
  	width: 460px;
}
#dough-for-dollars ul.dots-menu {
	padding-left: 11px;
}

.dots-menu li {
	float: left;
  display: inline-block;
  margin-right: 5px;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 0.875rem;
  width: 115px;
  text-align: center;
  line-height: 1;
  padding: 0 13px;
  line-height: 1;
  padding: 6px 13px;
  height: 44px;

}
#food-menu .right-side ul.dots-menu li {
  	width: auto;
  	padding: 6px 10px;
  	margin: 0;
  	height: 34px;
}
#food-menu .right-side ul.dots-menu li a {
	width: 108px;
	padding: 6px 10px;
	margin: 0;
	height: 24px;
}
#food-menu .right-side ul.dots-menu li a.pizzalink {
  	background-image: url(/wp-content/uploads/2015/03/Pizza.png);
}
#food-menu .right-side ul.dots-menu li a.appslink {
  	background-image: url(/wp-content/uploads/2015/03/AppsSalads.png);
  	width: 181px;
}
#food-menu .right-side ul.dots-menu li a.paninilink {
  	background-image: url(/wp-content/uploads/2015/03/Panini1.png);
}
#food-menu .right-side ul.dots-menu li a.pizzalink:hover,
#food-menu .right-side ul.dots-menu li.ui-tabs-active a.pizzalink {
  	background-image: url(img/PizzaOrange.png);
}
#food-menu .right-side ul.dots-menu li a.appslink:hover,
#food-menu .right-side ul.dots-menu li.ui-tabs-active a.appslink {
  	background-image: url(img/SaladsOrange.png);
}
#food-menu .right-side ul.dots-menu li a.paninilink:hover,
#food-menu .right-side ul.dots-menu li.ui-tabs-active a.paninilink {
  	background-image: url(img/PaniniOrange.png);
}




.dots-menu li.ui-tabs-active {
	background-image: url(img/bracket-left.png), url(img/bracket-right.png);
	background-position: left center, right center;
	background-repeat: no-repeat;
}
.dots-menu li a {
	color: black;
	text-decoration: none;
	display: block;
}
.dots-menu li a img {
	padding-bottom: 6px;
  border-bottom: 1px dotted;

}
.dots-menu li.ui-tabs-active a {
	color: #f66634;

}

.dots-menu li.ui-state-hover a:hover {
	color: #f66634;
}



ul.key-menu {
	list-style: none;
	margin-left: 0;
	padding-bottom: 20px;
}
.key-menu img {
	position: relative;
	top: 4px;
}
.key-menu li {
	display: inline-block;
	float: left;
	font-size: 12px;
	margin-right: 12px;
}

#dough-for-dollars .dots-menu li.ui-tabs-active {
	background-image: url(img/bracket-left-red.png), url(img/bracket-right-red.png);
}

#dough-for-dollars .dots-menu li.ui-tabs-active a,
#dough-for-dollars .dots-menu li.ui-state-hover a:hover  {
	color: #ED413D;
}

#dough-for-dollars .left-side-section a {
	color: #ED413D;
}


.left-side-section {
	max-width: 410px;
	float: left;
}
#home .left-side-section {
	max-width: 100%;
	padding-left: 29px;
}

}
#home .dots-menu li {
	font-size: 1.3em;
}
.left-side-section h2 {
	font-family: 'Raleway', sans-serif;
	font-size: 30px;
	font-weight: 500;
}
#business-catering .dots-menu li:nth-child(2n):after { 
/* display: none; */
}	

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

.sticky {
}
.hentry {
	margin: 0 0 24px;
	margin: 0 0 1.5rem;
}
.byline,
.updated {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.page-content,
.entry-content,
.entry-summary {
	margin: 0 0 24px;
	margin: 0 0 1.5rem;
}
.page-links {
	clear: both;
	margin: 0 0 24px;
	margin: 0 0 1.5rem;
}
.entry-header .entry-title {
	position: absolute;
	clip: rect(1px, 1px, 1px, 1px);
}

/* =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.5rem;
	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.5rem;
}
.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.5rem;
	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
----------------------------------------------- */

/* we have no widgets */

/* Constant contact form */

.cc-form {
	height: 60px;
}

.cc-form input[type="submit"] {
	position: relative;
	
	padding: 12px 20px 11px;
	border: 0;
	border-radius: 0;
	box-shadow: 2px 2px 4px;
	background: white;
}
.cc-form input[type="text"] {
	width: 240px;
	float: left;
	margin-right: 2px;
	padding: 8px;
	border: 0;
	border-radius: 0;
	box-shadow: 2px 2px 4px;
}

/* =woocommerce 
----------------------------------------------- */


.woocommerce .site-content { 
	padding: 40px;
	max-width: 820px;
	margin: 0 auto;
}

/*Arthur's stuff*/


/*HOME*/
html {
	overflow-x: hidden;
	overflow-y: scroll;
}
html, body {
	height: 100%;
	position: relative;
	width: 100%;
}
body{
    min-width: 1020px;
}
#content {
	width: 100%;
}
#primary {
	margin: auto;
    min-height: 615px;
    position: relative;
    width: 1000%;
    overflow-y: hidden;

}
.container{
   float: left;
    height: 100%;
    min-height: 615px;
    position: relative;
    width: 10%;
}
/*STORES*/
#store-map {
	height: 100%;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
#store-map img {
	max-width: none;
}
input#userAddress {
	color: #999;
	font-size: .9em;
}
#store-form {
	margin: 0 auto;
	position: absolute;
	top: 50px;
	z-index: 5;
	margin-left: 0;
	width: 400px;
}
div.map-popup {
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
}
.infoLogo img{
	float: left;
	padding-right: 5px;
	padding-bottom: 5px;
}
.infoWindow {
	margin-bottom: 10px;
}
/*end Arthur*/

.delivery-banner {
    width: 137px;
    margin-left: 53px;
}

#gallery {
    margin-left: 63px;
}

#gallery .alignleft {
    margin: 0 16px 16px 0;
}

a.pdf-download {
    padding-left: 20px;
    line-height: 3;
    background-image: url(/wp-content/themes/pizzicato/img/pdficon_small.png);
    background-repeat: no-repeat;
}

html.pum-open.pum-open-overlay.pum-open-scrollable body>[aria-hidden] {
    padding-right: 17px!important;
}
.ctct-custom-form {
	min-width: 328px!important;
}