@import url("../responsive/style.css");
/*
Theme Name: Dine With Me
Theme URI: http://pure-essence.net/2013/04/13/dine-with-me-child-theme-for-responsive/
Author: Ying Zhang
Author URI: http://regretless.com
Description: Child theme for responsive with a restaurant accent. It comes with a menuitem shortcode that allows you to easily create a menu page.
Version: 1.0.7
Tags: black, brown, pink, red, tan, white, dark, one-column, left-sidebar, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, post-formats
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
template: responsive

Dine with Me WordPress Theme, Copyright (C) 2013 - 2015 Ying Zhang
Responsive WordPress Theme, Copyright (C) 2003-2012 Emil Uzelac 

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/
/* =Import Styles
-------------------------------------------------------------- */
/* =Start From Here
-------------------------------------------------------------- */
body { background-image: url(images/topBk.png), url(images/wallBk.png); background-repeat: repeat-x, repeat-x; background-position: left top, center 353px; background-color: #a2745a; color: #513a2d; font-family: "Noto Sans", sans-serif; }

a { color: #af182a; }
a:hover, a:focus, a:active { color: #9c6f56; }

.top-menu li a { color: #e3bba5; border-left: 1px solid #e3bba5; }
.top-menu li a:hover { color: #f4e5dc; }

.footer-menu ul.sub-menu, .top-menu ul.sub-menu { display: none; }

.site-name a { color: #E4BCA6; font-family: Nunito, sans-serif; }

.site-description { color: #fff; }

#header { background: url(images/paperTopBorder.png) left 122px repeat-x; }

#logo { height: 164px; }

#container { background-image: url(images/containerRight.png), url(images/containerLeft.png); background-position: right 348px, left 348px; background-repeat: no-repeat; }

ul.menu { background-color: #deb6a0; background-image: url(images/dottedBottom.png), url(images/menuBk.png), url(images/paperBk.png); background-repeat: repeat-x, repeat, repeat; background-position: left bottom, left top, left top; border: 0; filter: none; padding-bottom: 5px; }
ul.menu a { border-left: 0; color: #5a4335; text-transform: uppercase; letter-spacing: 1px; font-family: Balthazar, serif; text-shadow: none; padding: 1px 0.9em 0; }
ul.menu a:hover { background-color: transparent; background-image: none; color: #ba3a47; filter: none; }
ul.menu li { padding: 0 0.5em; }
ul.menu > li:hover { background-color: transparent; color: #ba3a47; }
ul.menu > li:after { content: ' '; width: 6px; height: 6px; background: #5a4335; border-radius: 3px; position: absolute; top: 45%; right: -5%; }
ul.menu > li:last-child:after { width: 0; height: 0; }
ul.menu ul li a:hover, ul.menu li li a:hover { color: #ba3a47; text-decoration: none; }
ul.menu li li { background-image: url(images/dotted.png), url(images/paperBk.png); background-repeat: repeat-x, repeat; background-position: left bottom, left top; border-color: #e4bca6; }
ul.menu li li a:hover { background: transparent !important; }
ul.menu li li:hover { background-image: url(images/dotted.png), url(images/paperBk.png) !important; background-repeat: repeat-x, repeat !important; background-position: left bottom, left top !important; }
ul.menu .current_page_item a, ul.menu .current-menu-item a { background-color: transparent; color: #ba3a47; }

.sub-header-menu { background-image: url(images/paperBk.png); background-repeat: repeat; background-position: left top; border: 0; padding: 3px 0 0 0; }
.sub-header-menu a { border-left: 2px dotted #3B2417; line-height: 24px; height: 24px; }
.sub-header-menu a:hover { background: white url(images/menuBk.png) -50px top repeat; }
.sub-header-menu li li { border: 0; }
.sub-header-menu li li a { background-image: url(images/paperBk.png); background-repeat: repeat; background-position: left top; }
.sub-header-menu li li a:hover { background-image: url(images/menuBk.png); }

.front-page #wrapper, #wrapper { position: relative; margin: 0; background-color: #e6bea8; background-image: url(images/cornerCover.png), url(images/cornerCover.png), url(images/dottedH.png), url(images/dottedV.png), url(images/dottedVRight.png), url(images/paperBk.png); background-repeat: no-repeat, no-repeat, repeat-x, repeat-y, repeat-y, repeat; background-position: right top, left top, left 18px, 15px 18px, right 18px, left 18px; border-radius: 0; padding: 36px 35px 0 35px; border: 0; min-height: 550px; }

#featured { border-radius: 0; border: 0; background: #3b2417 url(images/featuredBk.png) left top repeat-x; color: #b58000; font-size: 80%; padding-bottom: 0; }

a.button { background-color: #f9dac9; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f9dac9), color-stop(100%, #d09e83)); background-image: -webkit-linear-gradient(top, #f9dac9, #d09e83); background-image: -moz-linear-gradient(top, #f9dac9, #d09e83); background-image: -o-linear-gradient(top, #f9dac9, #d09e83); background-image: linear-gradient(top, #f9dac9, #d09e83); border: 0; color: #472f26; text-shadow: none; border-radius: 5px; font-family: Nunito,sans-serif; }
a.button:hover { background-color: #f7ece6; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7ece6), color-stop(100%, #e3bba5)); background-image: -webkit-linear-gradient(top, #f7ece6, #e3bba5); background-image: -moz-linear-gradient(top, #f7ece6, #e3bba5); background-image: -o-linear-gradient(top, #f7ece6, #e3bba5); background-image: linear-gradient(top, #f7ece6, #e3bba5); text-shadow: none; border: 0; color: #472f26; }

input[type="reset"], input[type="button"], input[type="submit"] { background-color: #140a08; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3c1f17), color-stop(100%, #140a08)); background-image: -webkit-linear-gradient(top, #3c1f17, #140a08); background-image: -moz-linear-gradient(top, #3c1f17, #140a08); background-image: -o-linear-gradient(top, #3c1f17, #140a08); background-image: linear-gradient(top, #3c1f17, #140a08); border: 0; color: #e3bba5; text-shadow: none; border-radius: 5px; font-family: Nunito,sans-serif; }
input[type="reset"]:hover, input[type="button"]:hover, input[type="submit"]:hover { background-color: #f7ece6; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3c1f17), color-stop(100%, #140a08)); background-image: -webkit-linear-gradient(top, #3c1f17, #140a08); background-image: -moz-linear-gradient(top, #3c1f17, #140a08); background-image: -o-linear-gradient(top, #3c1f17, #140a08); background-image: linear-gradient(top, #3c1f17, #140a08); text-shadow: none; border: 0; color: #e3bba5; opacity: .7; }

#s { background: #140a07 url(images/searchIcon.png) 97% center no-repeat; border: 1px solid #7e5642; color: #E4BCA6; border-radius: 5px; padding-right: 30px; width: 15em; margin-top: 1em; }

#searchsubmit { display: none; }

.home .widget-title-home h3 { text-transform: uppercase; color: #af182a; text-align: center; }
.home .home-widgets p { margin: 0; }
.home #widgets { font-family: Nunito,sans-serif; }
.home #widgets div .widget-wrapper { margin: 0; border: 0; border-radius: 0; padding-bottom: 30px; background: #98c618 url(images/greenBorder.png) repeat-x left bottom; }
.home #widgets div:nth-of-type(3n-1) .widget-wrapper { background-color: #e35948; background-image: url(images/redBorder.png); color: #000; }
.home #widgets div:nth-of-type(3n-1) .widget-wrapper h3 { color: #fff; }
.home #widgets div:nth-of-type(3n-2) .widget-wrapper { background-color: #f7ba05; background-image: url(images/yellowBorder.png); }

#widgets, #content, #content-full, #content-archive { margin-top: 0; }

#wp-calendar th, #wp-calendar td { padding: 5px; }

#wp-calendar th, #wp-calendar td, table#wp-calendar { border: 0; }

table#wp-calendar { margin: 0 0 1em 0; }

#wp-calendar tbody td { text-align: center; }

.post-meta { color: #513a2d; }

.widget-wrapper { border: 0; border-radius: 0; background: #f4e5dc url(images/widgetFooter.png) repeat-x left bottom; padding-bottom: 20px; }

#respond { border: 0; border-radius: 0; background: #2e0902 url(images/woodBk.png) repeat; box-shadow: 0 0 10px black inset; color: #e3bba5; filter: none; }

.commentlist { border-bottom: 0; background-image: url(images/swirlLeft.png), url(images/swirlRight.png), url(images/dottedH.png); background-position: left bottom, right bottom, left bottom; background-repeat: no-repeat, no-repeat, repeat-x; padding-bottom: 18px; }
.commentlist li { background: transparent; margin: 18px 0; }
.commentlist li.alt { background: rgba(162, 116, 90, 0.2); }

.comment-author .says { color: #513a2d; }

area, textarea, select, input[type="text"], input[type="password"], input[type="email"] { background-color: #E3BBA5; opacity: .9; box-shadow: none; border-width: 0; box-shadow: 0 0 2px black inset; }

area:focus, input:focus, textarea:focus { border: 0; }

th, td, table { border: 1px solid #513a2d; }

blockquote { background: rgba(244, 229, 220, 0.2); border: 0; }

.navigation a { color: #200d01; }
.navigation a:hover { color: #927462; }

/* menu item style */
.dineWithMe-menu-item-container { background: url(images/dottedBottom.png) left 8px repeat-x; clear: both; font-size: 60%; overflow: hidden; margin-top: 2.5em; }

.dineWithMe-menu-item-wrapper { float: left; max-width: 80%; }

.dineWithMe-menu-item-name { margin: 0; background: url(images/paperBk.png) repeat; padding-right: 10px; display: inline; }

.dineWithMe-menu-item-desc { font-weight: normal; margin: 0; line-height: 1.5em; color: #6D3619; text-shadow: 1px 1px rgba(255, 255, 255, 0.2); }

.dineWithMe-menu-item-price { float: right; margin: 0; background: url(images/paperBk.png) repeat; padding: 0 0 0 10px; }

img { vertical-align: baseline; }

.gallery img { border: 0; }

#wpstats { display: none; }

#footer { max-width: 960px; padding: 0 25px 20px 25px; background-image: url(images/dottedV.png), url(images/dottedVFooter.png), url(images/footerCover.png), url(images/footerCover.png), url(images/paperBk.png), url(images/paperBkFooter.png), url(images/footerBk.png); background-repeat: repeat-y, repeat-y, repeat-y, repeat-y, repeat-y, repeat-y, repeat-x; background-position: 40px top, right top, left top, right top, -246px top, right top, left bottom; color: #d5ac95; font-size: .85em; }
#footer a { color: #e6bea8; }
#footer a:hover { color: #fff; }
#footer .social-icons { background-color: #a2745a; background-image: url(images/dottedH.png), url(images/paperBk.png); background-repeat: repeat-x, repeat; background-position: left 35%, left top; text-align: center; padding-bottom: 15px; min-height: 18px; }
#footer .social-icons .rss-icon a, #footer .social-icons .yelp-icon a, #footer .social-icons .vimeo-icon a, #footer .social-icons .youtube-icon a, #footer .social-icons .twitter-icon a, #footer .social-icons .facebook-icon a, #footer .social-icons .linkedin-icon a, #footer .social-icons .rss-feed-icon a, #footer .social-icons .instagram-icon a, #footer .social-icons .pinterest-icon a, #footer .social-icons .foursquare-icon a, #footer .social-icons .googleplus-icon a, #footer .social-icons .google-plus-icon a, #footer .social-icons .stumbleupon-icon a, #footer .social-icons .stumble-upon-icon a { position: relative; width: 24px; height: 24px; display: inline-block; }
#footer .social-icons .rss-icon a:after, #footer .social-icons .yelp-icon a:after, #footer .social-icons .vimeo-icon a:after, #footer .social-icons .youtube-icon a:after, #footer .social-icons .twitter-icon a:after, #footer .social-icons .facebook-icon a:after, #footer .social-icons .linkedin-icon a:after, #footer .social-icons .rss-feed-icon a:after, #footer .social-icons .instagram-icon a:after, #footer .social-icons .pinterest-icon a:after, #footer .social-icons .foursquare-icon a:after, #footer .social-icons .googleplus-icon a:after, #footer .social-icons .google-plus-icon a:after, #footer .social-icons .stumbleupon-icon a:after, #footer .social-icons .stumble-upon-icon a:after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: rgba(151, 108, 83, 0.7); border-radius: 3px; transition: background .2s ease-out; }
#footer .social-icons .rss-icon a:hover:after, #footer .social-icons .yelp-icon a:hover:after, #footer .social-icons .vimeo-icon a:hover:after, #footer .social-icons .youtube-icon a:hover:after, #footer .social-icons .twitter-icon a:hover:after, #footer .social-icons .facebook-icon a:hover:after, #footer .social-icons .linkedin-icon a:hover:after, #footer .social-icons .rss-feed-icon a:hover:after, #footer .social-icons .instagram-icon a:hover:after, #footer .social-icons .pinterest-icon a:hover:after, #footer .social-icons .foursquare-icon a:hover:after, #footer .social-icons .googleplus-icon a:hover:after, #footer .social-icons .google-plus-icon a:hover:after, #footer .social-icons .stumbleupon-icon a:hover:after, #footer .social-icons .stumble-upon-icon a:hover:after { background: rgba(151, 108, 83, 0.4); }
#footer .social-icons li { padding-top: 5px; padding-right: 5px; }
#footer:before { background: green; }

.top-menu, #footer { font-family: Georgia, Garamond, serif; }

#footer-wrapper { margin: 0 35px; display: flex; flex-wrap: wrap; }
#footer-wrapper .copyright, #footer-wrapper .scroll-top, #footer-wrapper .powered { text-align: center; }
#footer-wrapper .col-540 { width: 100%; text-align: center; background: url(images/paperBk.png) repeat; margin-bottom: 0; }
#footer-wrapper .col-540 ul { padding: 0; margin: 0 auto; padding-bottom: 15px; }
#footer-wrapper .col-540 ul li:after { background: #5a4335; }
#footer-wrapper .col-540 ul li:last-child:after { display: none; }
#footer-wrapper .col-540 ul a { color: #5a4335; }
#footer-wrapper .col-540 ul a:hover { color: #ba3a47; }
#footer-wrapper .col-380 { width: 100%; }

.footer-menu li { padding-right: 6px; position: relative; }
.footer-menu li:after { content: ' '; width: 4px; height: 4px; border-radius: 2px; position: absolute; top: 35%; right: 0; background: #e6bea8; }
.footer-menu li:last-child { padding-right: 0; }
.footer-menu li:last-child:after { background: transparent; }
.footer-menu li a { border-left: 0; }

/* =Media Print If you're working on a Child Theme, make sure that all media queries are included in your style.css
-------------------------------------------------------------- */
@media print { h1 { page-break-before: always; }
  h1, h2, h3, h4, h5, h6 { page-break-after: avoid; }
  ul, ol, dl { page-break-before: avoid; }
  .dineWithMe-menu-item-price { float: none; clear: left; }
  #footer .social-icons li { background: transparent; border-right: 0; padding-right: 10px; }
  #footer .social-icons li:first-child, #footer .social-icons li:last-child { position: static; }
  #footer .social-icons li:first-child:before { content: ''; }
  #footer .social-icons li:last-child:after { content: ''; }
  #respond { box-shadow: none; }
  a.button, input[type="reset"], input[type="button"], input[type="submit"] { background: none; border: 1px solid #000; } }
/*  Retina (HiDPI) Display http://www.quirksmode.org/blog/archives/2013/06/devicepixelrati.html
-------------------------------------------------------------- */
/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (min-width: 651px) { #footer-wrapper .grid.col-940 .social-icons li:first-child { position: relative; }
  #footer-wrapper .grid.col-940 .social-icons li:first-child:before { content: url(images/swirlLeft.png); position: absolute; top: -5px; left: -62px; }
  #footer-wrapper .grid.col-940 .social-icons li:last-child { position: relative; }
  #footer-wrapper .grid.col-940 .social-icons li:last-child:before { content: url(images/swirlRight.png); position: absolute; top: -5px; right: -62px; }
  #footer-wrapper .scroll-top { width: 10%; }
  #footer-wrapper .copyright { text-align: left; padding-left: 10px; width: 45%; box-sizing: border-box; }
  #footer-wrapper .powered { text-align: right; padding-right: 10px; box-sizing: border-box; width: 45%; } }
@media screen and (min-width: 981px) { #footer-wrapper { padding-bottom: 40px; }
  #footer-wrapper .scroll-top, #footer-wrapper .copyright, #footer-wrapper .powered { margin: 0; } }
@media screen and (max-width: 980px) { body { overflow-x: hidden; }
  .grid, .grid-right { float: none; }
  #featured-image .fluid-width-video-wrapper { margin: 20px 0 0 0; }
  .front-page #widgets { margin-top: 40px; }
  .top-widget, .front-page .top-widget { margin-top: 0 !important; }
  .hide-980 { display: none; }
  .show-980 { display: block; }
  .home #widgets div:last-child .widget-wrapper { margin-bottom: 15px; }
  #menu-footer { width: auto; } }
@media screen and (max-width: 650px) { .copyright { margin-left: 0; }
  #logo { float: none; margin: 0; text-align: center; height: auto; }
  #header { background: none; }
  .grid, .grid-right { float: none; }
  #featured-image .fluid-width-video-wrapper { margin: 20px 0 0 0; }
  .top-widget { float: none; margin: 0 auto 10px auto; position: relative; text-align: center; width: auto; }
  .top-widget .widget-title { text-align: center; }
  .js .sub-header-menu { display: none; }
  .js .main-nav { position: relative; height: 30px; background-color: #000; background-image: none; border-bottom: 0; filter: none; margin: 0 auto; clear: both; border-radius: 5px 5px 0 0; }
  .js .main-nav .menu { display: none; position: absolute; width: 100%; top: 30px; z-index: 1000; }
  .js .main-nav .menu ul { margin-top: 1px; }
  .menu { background: url(images/paperBk.png) repeat; }
  .js .main-nav .menu li { float: none; background: none; border: none; }
  .js .main-nav .menu li a { color: #444; font-size: 13px; font-weight: normal; height: 30px; line-height: 30px; padding: 0 10px; border: none; border-bottom: 1px dotted #180C09; text-shadow: none; text-align: left; }
  .menu li li { background: none; }
  .js .main-nav .menu li.current_page_item, .js .menu .current_page_item a, .js .menu .current-menu-item a { background: url(images/menuBk.png) repeat; color: #ba3a47; }
  .js .main-nav .menu li li:hover { background: transparent !important; }
  .js .main-nav .menu li li a { position: relative; padding: 0 10px 0 30px; }
  .js .main-nav .menu li li li a { position: relative; padding: 0 10px 0 40px; }
  .js .main-nav .menu li a:hover, .js .main-nav .menu li li a:hover { background-image: none; filter: none; background-color: transparent !important; color: #ba3a47; }
  .js .main-nav .menu li ul { position: static; visibility: visible; background-color: rgba(255, 255, 255, 0.2); }
  .js .main-nav a { color: #fff; }
  #menu-footer { margin-bottom: 0; padding: 0; } }
@media screen and (max-width: 480px) { #logo { float: none; text-align: center; }
  .grid, .grid-right { float: none; }
  #featured-image .fluid-width-video-wrapper { margin: 20px 0 0 0; }
  .featured-title { font-size: 40px; padding: 40px 20px 0 20px; }
  .featured-subtitle { font-size: 24px; }
  .navigation .next, .navigation .previous { display: block; margin: 0 auto; text-align: center; }
  .menu ul, .menu li, .top-menu, .footer-menu li, .sub-header-menu li { float: none; text-align: center; text-rendering: optimizeSpeed; }
  .hide-480 { display: none; }
  .show-480 { display: block; } }
@media screen and (max-width: 320px) { #featured p { font-size: 12px; line-height: 1.5em; }
  .featured-title { font-size: 35px; }
  .featured-subtitle { font-size: 15px; }
  .call-to-action a.button { font-size: 14px; padding: 7px 17px; }
  .hide-320 { display: none; }
  .show-320 { display: block; } }
/*The last 29 days of the month are the hardest."- Nikola Tesla*/