/*
Theme Name: MJ'S Restaurant
Theme URI: http://mjsrestaurant.com/
Version: 1
Author:NJYP.com
Author URI: http://njyp.com/
*/



html {

	font-family:Arial, Helvetica, sans-serif !important;

	-webkit-text-size-adjust: 100%;

	-ms-text-size-adjust:     100%;

}



body {  

	margin: 0; background:#212121 !important;

}

.site-header { background-image: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0)) !important;}

.subscribe-me{ position: absolute; z-index:10000; top:-2000px; left:0; width:100%; height:100%; text-align:center; }
.subscribe-me h3{ text-align:center; background-position:bottom center;}
.popup{     position: relative;
    padding: 5px 14px 0px;
    max-width: 630px;
    height: auto;
    width: 95%;
    top: 10px;
    margin: auto;
    background: #171311 no-repeat;
    color: #fff;
    box-shadow: 1px 1px 40px #000;}
.popup .aligncenter{margin: 12px 0 4px;height: 570px;}
.popup a{margin: 5px 0 14px 0;}	 
.sb-close-btn{ position:absolute; right:0px; color:#fff; font-size:18px;top: 0px; right: 0px; background: #C33; border- font-weight:bold; width: 31px; height: 31px; display:block; text-align:center; border:0px !important  }
.sb-close-btn:hover{border:0px !important; collor:#ccc  }
.home .site-content { margin: 0  !important ; padding:0  !important; display:block !important; }
.home  .entry-content { margin: 40px;}
.home  p {  margin-top: 0;  margin-bottom: 0;}
.popup h4 {font-size: 1.48rem;}

article,

aside,

details,

figcaption,

figure,

footer,

header,

main,

menu,

nav,

section,

summary {

	display: block;

}

audio,

canvas,

progress,

video {

	display: inline-block;

	vertical-align: baseline;

}



audio:not([controls]) {

	display: none;

	height: 0;

}



[hidden],

template {

	display: none;

}



a {

	background-color: transparent;

}



a:active,

a:hover {

	outline: 0;

}



abbr[title] {

	border-bottom: 1px dotted;

}



b,

strong {

	font-weight: bold;

}



dfn {

	font-style: italic;

}



h1 {

	font-size: 2em;

	margin: 0.67em 0;

}



mark {

	background: #ff0;

	color: #404040;

}



small {

	font-size: 13px;

	font-size: .8125rem;

}



sub,

sup {

	font-size: 75%;

	line-height: 0;

	position: relative;

	vertical-align: baseline;

}



sup {

	top: -0.5em;

}



sub {

	bottom: -0.25em;

}



img {

	border: 0;

}



svg:not(:root) {

	overflow: hidden;

}



figure {

	margin: 1em 40px;

}



hr {

	box-sizing: content-box;

	height: 0;

}



pre {

	overflow: auto;

}



code,

kbd,

pre,

samp {

	font-family:Arial, Helvetica, sans-serif !important;

	font-size: 1em;

}



button,

input,

optgroup,

select,

textarea {

	color: inherit;

	font: inherit;

	margin: 0;

}



button {

	overflow: visible;

}



button,

select {

	text-transform: none;

}



button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

	-webkit-appearance: button;

	cursor: pointer;

}



button[disabled],

html input[disabled] {

	cursor: default;

}



button::-moz-focus-inner,

input::-moz-focus-inner {

	border: 0;

	padding: 0;

}



input {

	line-height: normal;

}



input[type="checkbox"],

input[type="radio"] {

	box-sizing: border-box;

	padding: 0;

}



input[type="number"]::-webkit-inner-spin-button,

input[type="number"]::-webkit-outer-spin-button {

	height: auto;

}



input[type="search"] {

	-webkit-appearance: textfield;

	box-sizing: content-box;

}



input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration {

	-webkit-appearance: none;

}



fieldset {

	border: 1px solid;

	margin: 0 2px;

	padding: 0.35em 0.625em 0.875em;

}



legend {

	border: 0;

	padding: 0;

}



textarea {

	overflow: auto;

}



optgroup {

	font-weight: bold;

}



table {

	border-collapse: collapse;

	border-spacing: 0;

}



td,

th {

	padding: 0;

}



/*--------------------------------------------------------------

# Typography

--------------------------------------------------------------*/

body,

button,

input,

select,

textarea {

	color: #404040;

	font-family:Arial, Helvetica, sans-serif !important;

	font-size: 18px;

	font-size: 1rem;

	line-height: 1.75;

}



h1,

h2,

h3,

h4,

h5,

h6 {

	clear: both;

	font-family: "Libre Baskerville", Libre, Georgia, Times, serif;

	font-weight: bold;

	margin: 0 0 .875em;

}

h1 {

	font-size: 29px;

	font-size: 1.8125rem;

	line-height: 1.3;

}

h2 {

	font-size: 23px;

	font-size: 1.4375rem;

	line-height: 1.3;

}

h3 {

	font-size: 18px;

	font-size: 1rem;

}

h4 {

	font-size: 14px;

	font-size: .875rem;

}

h5 {

	font-size: 13px;

	font-size: .8125rem;

}

h6 {

	font-size: 12px;

	font-size: .75rem;

}

p {

	margin-top: 0;

	margin-bottom: 1.75em;

}



dfn,

cite,

em,

i {

	font-style: italic;

}



blockquote {

	margin: 0 1.75em 1.75em 2.25em;

	font-size: 18px;

	font-size: 1rem;

}



address {

	margin: 0 0 1.75em;

}



pre {

	font-family: "Libre Baskerville", Libre, Georgia, Times, serif;

	margin-bottom: 1.75em;

	max-width: 100%;

	overflow: auto;

}



code,

kbd,

tt,

var {

	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;

	font-size: 16px;

}



abbr,

acronym {

	border-bottom: 1px dotted;

	cursor: help;

}



mark,

ins {

	background: #fff9c0;

	text-decoration: none;

}



big {

	font-size: 125%;

}



/*--------------------------------------------------------------

# Elements

--------------------------------------------------------------*/

html {

	box-sizing: border-box;

}



*,

*:before,

*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */

	box-sizing: inherit;

}



body {

	background: #fff; /* Fallback for when there is no custom background color defined. */

	word-wrap: break-word;

}



blockquote:before,

blockquote:after,

q:before,

q:after {

	content: "";

}



blockquote,

q {

	quotes: "" "";

}



blockquote {

	position: relative;

}

blockquote:before {

	content: "\201c";

	display: block;

	font-size: 72px;

	font-size: 4rem;

	line-height: 1;

	position: absolute;

		top: 0;

		left: -.6em;

}

blockquote blockquote {

	margin-right: 0;

}

blockquote.alignleft,

blockquote.alignright {

	max-width: 47%;

}

blockquote.alignleft,

blockquote.aligncenter {

	margin-left: 2em;

}

blockquote.alignright {

	margin-left: 3.5em;

}

.comments-area blockquote {

	font-size: 18px;

	font-size: 1rem;

}



.intro {

	font-style: italic;

	font-size: 23px;

	font-size: 1.4375rem;

}



hr {

	background-color: #404040;

	border: 0;

	height: 1px;

	margin-bottom: 1.75em;

}



ul,

ol {

	margin: 0 0 1.75em 0;

	padding-left: 1.75em;

}



ul {

	list-style: disc;

}



ol {

	list-style: decimal;

}



li > ul,

li > ol {

	margin-bottom: 0;

	margin-left: .4375em;

}



dt {

	font-weight: bold;

}



dd {

	margin: 0 1.75em 1.75em;

}



img {

	height: auto; /* Make sure images are scaled correctly. */

	max-width: 100%; /* Adhere to container width. */

}



table {

	margin: 0 0 1.75em;

	width: 100%;

}



td {

	padding: 3px;

}



caption {

	font-weight: bold;

	padding: .4375em 0;

}



/*--------------------------------------------------------------

# Forms

--------------------------------------------------------------*/

label {

	font-style: italic;

}

button,

input[type="button"],

input[type="reset"],

input[type="submit"],

#infinite-handle span {

	border: 0 none;

	border-bottom: 2px solid;

	background: transparent;

	color: #404040;

	font-size: 18px;

	font-size: 1rem;

	font-weight: bold;

	padding: 0.21875em 0;

	transition: 0.2s;

}



button:hover,

input[type="button"]:hover,

input[type="reset"]:hover,

input[type="submit"]:hover,

#infinite-handle span:hover {

	border-bottom-width: 4px;

	margin-bottom: -2px;

}



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-bottom-width: 4px;

	margin-bottom: -2px;

	outline: none;

}



input[type="text"],

input[type="email"],

input[type="url"],

input[type="password"],

input[type="search"] {

	color: #404040;

	border: 0 none;

	border-bottom: 2px solid;

	box-sizing: border-box;

	font-size: 18px;

	font-size: 1rem;

	margin-right: -5px;

	padding: 0.21875em 0;

	transition: 0.2s;

}

input[type="file"] {

	width: 100%;

}



input[type="text"]:focus,

input[type="email"]:focus,

input[type="url"]:focus,

input[type="password"]:focus,

input[type="search"]:focus,

textarea:focus {

	border-bottom-width: 4px;

	margin-bottom: -2px;

	color: #404040;

	outline: none;

}



textarea {

	padding-left: 3px;

	width: 100%;

}



/*-- Layout */

.site {

	margin-top: 3.5em;

	padding: 0 1.75em;

}

.custom-background .site {

	background-color: #eee;

	padding-left: 0;

	padding-right: 0;

	position: relative;

	z-index: 0;

}

.custom-background .site-header,

.custom-background .site-footer,

.custom-background .site-content {

	padding-left: 1.75em;

	padding-right: 1.75em;

}

.site-footer {

	clear: both;

	width: 100%;

}



/*-- Header */



.site-header {

	margin-bottom: 3.5em;

	position: relative;

	padding-top: 0.75em;

}

.site-branding {

	max-width: 75%;

}

.custom-header {

	display: block;

	margin: 0 auto 1.75em;

}

.site-logo {

	clear: both;

	display: block;

	margin-bottom: 1.75em;

	max-width: 100%;

	max-height: 300px;

	width: auto;

	height: auto;

	transition: 0.2s;

}

.site-title {

	clear: none;

	display: inline-block;

	font-weight: bold;

	line-height: 1.2;

	margin: 0 .4375em 0 0;

	vertical-align: baseline;

}

.singular .site-title {

	font-size: 29px;

	font-size: 1.8125rem;

}

.site-description {

	font-style: italic;

	vertical-align: bottom;

}



/*-- Posts */

.entry-title {

	font-size: 29px;

	font-size: 1.8125rem;

	margin: 0 0 .4375em;

}

.entry-meta,

.entry-footer {

	font-size: 14px;

	font-size: .875rem;

	font-style: italic;

}

.entry-meta {

	margin: 0 0 1.75em;

}

.entry-meta a:hover,

.entry-meta a:focus,

.entry-meta a:active {

	text-decoration: underline;

}

.entry-meta:after,

.page-template-right-column-page-php.singular .entry-meta:after {

	border-top: 1px solid;

	content: "";

	display: block;

	margin-top: .875em;

	width: 25%;

}

.singular .entry-meta:after {

	width: 12.5%;

}

.single .entry-meta {

	margin-bottom: 3.5em;

}

.single .entry-meta span {

	margin: 0;

}

.blog .entry-meta span,

.archive .entry-meta span,

.search .entry-meta span,

.entry-footer span {

	clear: both;

	display: block;

	margin: 0 0 0.328125em;

	width: 100%;

}

.more-link {

	font-style: italic;

}

.page-header {

	margin: 0 0 3.5em;

}

.page-title {

	font-size: 29px;

	font-size: 1.8125rem;

}

.page-links {

	word-spacing: 3px;

}



/*-- Footer */



.site-footer { background:#111; font-family:Arial, Helvetica, sans-serif; color:#666;

	font-size: 12px;

	font-size: .875rem;

	padding: 7px;
        
        text-align:center !important;
}

.site-info {

	text-align:center;

}

.site-info .sep {

	clear: both;

	display: block;

	visibility: hidden;

	width: 100%;

	height: 0;

}



/*--------------------------------------------------------------

# Navigation

--------------------------------------------------------------*/

/*--------------------------------------------------------------

## Links

--------------------------------------------------------------*/

a {

	color: #404040;

	text-decoration: none;

	transition: 0.2s;

}



.textwidget a,

.entry-content a,

.comment-content a {

	border-bottom: 1px solid;

}



a:visited {

	color: #404040;

}



a:hover,

a:focus,

a:active {

	color: #404040;

}



.textwidget a:hover,

.textwidget a:focus,

.textwidget a:active,

.entry-content a:hover,

.entry-content a:focus,

.entry-content a:active,

.comment-content a:hover,

.comment-content a:focus,

.comment-content a:active {

	border-width: 3px;

}



a.no-line {

	border: 0 none;

}



a:focus {

	outline: thin dotted;

}



a:hover,

a:active {

	outline: 0;

}



/*--------------------------------------------------------------

## Menus

--------------------------------------------------------------*/

.main-navigation {

	display: block;

	font-size: 14px;

	font-size: .875rem;

	width: 100%;

}

.main-navigation > div > ul {

	border-bottom: 2px solid;

	padding-bottom: 1.75em;

}

.main-navigation ul {

	display: none;

	list-style: none;

	margin: 0;

	padding-left: 0;

}

.main-navigation li {

	clear: both;

	display: block;

	margin: 1.75em 0 0;

	position: relative;

	vertical-align: top;

	width: 100%;

}

.main-navigation a {

	border-bottom: 0 solid transparent;

	text-decoration: none;

}

.main-navigation a:hover,

.main-navigation a:focus,

.main-navigation a:active {

	/*border-bottom: 2px solid;*/

}

.main-navigation ul ul {

	padding-left: 1.75em;

}

.main-navigation ul ul a {

	border-bottom: 2px solid transparent;

}

.main-navigation .current_page_item > a,

.main-navigation .current-menu-item > a {

	/*border-bottom: 2px solid;*/

}



/* Small menu. */

.menu-toggle,

.main-navigation.toggled ul {

	display: block;

}

.menu-toggle {

	position: absolute;

		right: 1.75em;

		top: 1.75em;

}



.site-main .comment-navigation,

.site-main .posts-navigation,

.site-main .post-navigation {

	border-top: 1px solid;

	border-bottom: 1px solid;

	font-weight: bold;

	line-height: 1.3;

	margin: 0 0 3.5em;

	overflow: hidden;

	padding: .875em 0;

}

.site-main .post-navigation {

	font-size: 23px;

	font-size: 1.4375rem;

}

.comment-navigation .meta-nav,

.posts-navigation .meta-nav,

.post-navigation .meta-nav {

	display: block;

	font-size: 14px;

	font-size: .875rem;

	font-style: italic;

	font-weight: normal;

	margin: 0 0 .4375em;

}

.comment-navigation .nav-next,

.posts-navigation .nav-next,

.post-navigation .nav-next {

	text-align: right;

	margin-top: 0.875em;

}



/*--------------------------------------------------------------

# Accessibility

--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text {

	clip: rect(1px, 1px, 1px, 1px);

	position: absolute !important;

	height: 1px;

	width: 1px;

	overflow: hidden;

}



.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-size: .875rem;

	font-weight: bold;

	height: auto;

	left: 5px;

	line-height: normal;

	padding: 15px 1.4375rem .875rem;

	text-decoration: none;

	top: 37px;

	width: auto;

	z-index: 100000; /* Above WP toolbar. */

}



/*--------------------------------------------------------------

# Alignments

--------------------------------------------------------------*/

.alignleft {

	display: inline;

	float: left;

	margin: .875em 1.75em .875em 0;

}



.alignright {

	display: inline;

	float: right;

	margin: .875em 0 .875em 1.75em;

}



.aligncenter {

	clear: both;

	display: block;

	margin: .875em auto;

}



/*--------------------------------------------------------------

# Clearings

--------------------------------------------------------------*/

.clear:before,

.clear: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,

.hentry:before,

.hentry:after,

.page-header:before,

.page-header:after,

.comment-body:before,

.comment-body:after {

	content: "";

	display: table;

}



.clear:after,

.comment-content:after,

.site-header:after,

.site-content:after,

.site-footer:after,

.hentry:after,

.page-header:after,

.comment-body:after {

	clear: both;

}



/*--------------------------------------------------------------

# Widgets

--------------------------------------------------------------*/

.widget {

	font-size: 14px;

	font-size: .875rem;

	margin: 0 0 0.5em;

	overflow: hidden;

}

.widget a:hover,

.widget a:focus,

.widget a:active {

	text-decoration: underline;

}

.error404 .widget {

	margin-top: 1.75em;

}

.widget-title,

.widgettitle {

	font-size: 18px;

	font-size: 1rem;

	margin-bottom: .875em;

}

.widget ul {

	list-style: none;

	margin: 0;

	padding: 0;

}

.widget ul ul {

	padding-left: .875em;

}

.widget li {

	list-style: none;

	padding-top: .4375em;

}

.widget ul ul li:before {

	content: "-";

	display: inline-block;

	margin-left: -.875em;

	margin-right: .4375em;

}



/* Calendar */



.widget_calendar td {

	text-align: center;

}

.widget_calendar th {

	font-weight: bold;

}

td#prev {

	font-style: italic;

	text-align: left;

}

td#next {

	font-style: italic;

	text-align: right;

}



/* Recent Comments */

.widget_recent_comments a {

	font-style: italic;

}

.widget_recent_comments .comment-author-link,

.widget_recent_comments .comment-author-link a {

	font-style: normal;

	font-weight: bold;

}



/* Archives */

.widget .post-count {

	background: white;

	float: right;

	letter-spacing: 1px;

	padding-left: .4375em;

	position: relative;

	z-index: 1;

}

.widget_archive li,

.widget_categories li {

	position: relative;

}

.widget_categories ul ul li:before {

	display: none;

}

.widget_archive a,

.widget_categories a {

	background-color: white;

	padding-right: .4375em;

}

.widget_archive a:after,

.widget_categories a:after {

	border-bottom: 1px dotted;

	content: "";

	display: inline-block;

	position: absolute;

		left: 0;

		top: 18px;

	width: 100%;

	z-index: -1;

}



/* Make sure select elements fit in widgets. */

.widget select {

	max-width: 100%;

	margin-left: 1px;

}



/* Search */

.widget_search .search-submit {

	display: none;

}



/* */

.widget_rss li {

	margin-top: .4375em;

	padding-top: .4375em;

}

.rsswidget {

	font-weight: bold;

}

.rss-date {

	display: block;

	font-style: italic;

	width: 100%;

}





/*--------------------------------------------------------------

# Content

--------------------------------------------------------------*/

/*--------------------------------------------------------------

## Posts and pages

--------------------------------------------------------------*/

.sticky {

	display: block;

}



.hentry {

	margin-bottom: .4375em;

}



.byline,

.updated:not(.published) {

	display: none;

}



.single .byline,

.group-blog .byline {

	display: inline;

}



.entry-content {

	margin: 20px 0 3.5em;

}



.page-content {

	margin: 1.75em 0 0;

}



.page-links {

	clear: both;

	margin: 0 0 1.75em;

}



/*--------------------------------------------------------------

## Comments

--------------------------------------------------------------*/



.comments-area {

	margin: 0 0 3.5em;

}

.comment-list {

	list-style: none;

	margin: 0 0 3.5em;

	padding: 0;

}

.comment-list .children {

	list-style: none;

}

.comment-content a,

.entry-content a {

	word-wrap: break-word;

}

.comment-meta {

	font-size: 14px;

	font-size: .875rem;

	font-style: italic;

	margin: 0 0 1.75em;

}

.comment .comment-meta:after {

	border-top: 1px solid;

	content: "";

	display: block;

	margin-top: .875em;

	width: 25%;

}

.comment .comment-metadata span {

	margin: 0 1.75em 0 0;

}

.comment-author {

	clear: both;

	display: block;

	font-size: 18px;

	font-size: 1rem;

	font-style: normal;

	font-weight: bold;

	position: relative;

}

.comment .avatar {

	float: left;

	margin-right: .875em;

}

.says {

	display: none;

}

.comment-list .comment {

	margin-top: 3.5em;

}

.bypostauthor {

	display: block;

}

.no-comments {

	font-size: 14px;

	font-size: .875rem;

	font-style: italic;

	margin: 1.75em 0;

}

#cancel-comment-reply-link {

	float: right;

}

.comment-form label {

	margin-right: .875em;

	width: 7em;

}

.form-allowed-tags,

.form-allowed-tags code {

	font-size: 13px;

	font-size: .8125rem;

}

.comment-subscription-form {

	margin-bottom: 0.4375em;

}





/*--------------------------------------------------------------

# Infinite scroll

--------------------------------------------------------------*/

/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */

.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */

	display: none;

}



/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

.infinity-end.neverending .site-footer {

	display: block;

}

#infinite-footer {

	border: 0;

    z-index: 999;

}

#infinite-footer .container {

	background: rgba(255,255,255,0.9);

	padding: .4375em 0;

    position: relative;

    border-top: 0;

}

#infinite-footer .blog-credits {

	color: #404040;

	font-size: 14px;

	font-size: .875rem;

	font-style: italic;

}

#infinite-footer .blog-info a,

#infinite-footer .blog-credits a {

	color: #404040;

}

#infinite-footer .blog-info a:hover,

#infinite-footer .blog-credits a:hover,

#infinite-footer .blog-info a:focus,

#infinite-footer .blog-credits a:focus,

#infinite-footer .blog-info a:active,

#infinite-footer .blog-credits a:active {

	text-decoration: none;

}

#infinite-handle span {

	border-radius: 0;

}

.jetpack-video-wrapper {

	margin-bottom: 1.75em;

}



/*--------------------------------------------------------------

# Media

--------------------------------------------------------------*/

.page-content .wp-smiley,

.entry-content .wp-smiley,

.comment-content .wp-smiley {

	border: none;

	margin-bottom: 0;

	margin-top: 0;

	padding: 0;

}



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

embed,

iframe,

object {

	max-width: 100%;

}



/*--------------------------------------------------------------

## Captions

--------------------------------------------------------------*/

.wp-caption {

	max-width: 100%;

	padding: 0;

	margin-bottom: 1.75em;

}

.wp-caption img[class*="wp-image-"] {

	display: block;

	margin: 0 auto;

}

.wp-caption-text {

	font-size: 14px;

	font-size: .875rem;

	font-style: italic;

	position: relative;

}

.wp-caption-text:after {

	border-top: 1px solid;

	clear: both;

	content: "";

	display: block;

	margin-top: .875em;

	padding-top: .875em;

	width: 25%;

}

.wp-caption .wp-caption-text {

	margin: 0.8075em 0;

}



/*--------------------------------------------------------------

## Galleries

--------------------------------------------------------------*/

.gallery {

	margin-bottom: 1.75em;

}



.gallery-item {

	display: inline-block;

	padding: 0.4375em;

	margin: 0;

	text-align: center;

	vertical-align: top;

	width: 100%;

}



.gallery-columns-2 .gallery-item {

	max-width: 50%;

}



.gallery-columns-3 .gallery-item {

	max-width: 33.33%;

}



.gallery-columns-4 .gallery-item {

	max-width: 25%;

}



.gallery-columns-5 .gallery-item {

	max-width: 20%;

}



.gallery-columns-6 .gallery-item {

	max-width: 16.66%;

}



.gallery-columns-7 .gallery-item {

	max-width: 14.28%;

}



.gallery-columns-8 .gallery-item {

	max-width: 12.5%;

}



.gallery-columns-9 .gallery-item {

	max-width: 11.11%;

}



.gallery-caption {

	display: block;

}


.sp-thumbnail-arrow.sp-next-thumbnail-arrow::after, .sp-thumbnail-arrow.sp-next-thumbnail-arrow::before {
    background-color: #000000 !important;
}

.sp-thumbnail-arrow.sp-previous-thumbnail-arrow::after, .sp-thumbnail-arrow.sp-previous-thumbnail-arrow::before {
    background-color: #000000 !important;
}
#rev_slider_1_1_wrapper .custom.tparrows{
	background: rgba(0,0,0,0.5) !important;
}
#rev_slider_2_1_wrapper .custom.tparrows{
	background: rgba(0,0,0,0.5) !important;
}

@media screen and ( min-width: 65em ) {

	.site-logo {

		max-width: 300px;

	}

	.menu-toggle {

		display: none;

	}

	.main-navigation > div > ul {

		border: 0;

		padding-bottom: 0;

	}

	.main-navigation li {

		clear: none;

		display: inline-block;

		margin: 0 1.75em 0 0;

		width: auto;

	}

	.main-navigation ul {

		display: block;

	}

	.main-navigation ul ul {

		background: white;

		float: left;

		margin-left: -0.875em;

		padding: 0 0.875em;

		position: absolute;

			top: 1.75em;

			left: -999em;

		text-align: left;

		width: 180px;

		z-index: 99999;

	}

	.main-navigation ul ul li {

		padding: 0.4375em 1.75em 0.4375em 0;

		position: relative;

		margin: 0;

		width: 180px;

	}

	.main-navigation ul ul .current_page_item > a,

	.main-navigation ul ul .current-menu-item > a {

		border-bottom: 0;

	}

	.main-navigation ul > li.menu-item-has-children,

	.main-navigation ul > li.page_item_has_children {

		margin-right: 2.625em;

	}

	.main-navigation ul > li.menu-item-has-children > a:after,

	.main-navigation ul > li.page_item_has_children > a:after {

		content: "\203A";

		display: block;

		transform: rotate(90deg);

		font-size: 23px;

		font-size: 1.4375rem;

		line-height: 1;

		margin-top: -3px;

		position: absolute;

			top: 14%;

			right: -.75em;

	}

	.main-navigation ul ul > li.menu-item-has-children,

	.main-navigation ul ul > li.page_item_has_children {

		margin-right: auto;

	}

	.main-navigation ul ul > li.menu-item-has-children > a:after,

	.main-navigation ul ul > li.page_item_has_children > a:after {

		transform: rotate(0deg);

		top: 12%;

	}

	.main-navigation ul ul a {

		display: inline;

		margin: 0;

		position: relative;

	}

	.main-navigation ul ul ul {

		left: -999em;

		top: 0;

	}

	.main-navigation ul li:hover > ul,

	.main-navigation ul li.focus > ul {

		left: auto;

	}

	.main-navigation ul ul li:hover > ul,

	.main-navigation ul ul li.focus > ul {

		left: 100%;

	}

	.site-header {

		margin-bottom: 5.35em;

	}

	.site-branding {

		max-width: 100%;

	}

	.error404 .widget-areas .widget-area {

		float: left;

		width: 30%;

		margin-right: 5%;

	}

	.error404 .widget-areas .widget-area:last-of-type {

		margin-right: 0;

	}

	.footer-widgets > div {

		width: 100%;

	}

	.footer-widgets > div:nth-child(1):nth-last-child(3) {

		float: left;

		width: 40%;

		margin-right: 5%;

	}

	.footer-widgets > div:nth-child(2):nth-last-child(2),

	.footer-widgets > div:nth-child(3):nth-last-child(1) {

		float: left;

		width: 25%;

		margin-right: 5%;

	}

	.footer-widgets > div:nth-child(1):nth-last-child(3):last-of-type,

	.footer-widgets > div:nth-child(2):nth-last-child(2):last-of-type,

	.footer-widgets > div:nth-child(3):nth-last-child(1):last-of-type {

		margin-right: 0;

	}

	.footer-widgets > div:nth-child(1):nth-last-child(2),

	.footer-widgets > div:nth-child(2):nth-last-child(1) {

		float: left;

		width: 47%;

		margin-right: 6%;

	}

	.footer-widgets > div:nth-child(1):nth-last-child(2):last-of-type,

	.footer-widgets > div:nth-child(2):nth-last-child(1):last-of-type {

		margin-right: 0;

	}

	h1,

	.singular .entry-title {

		font-size: 47px;

		font-size: 2.9375rem;

		margin: 50px 0 20px;

	}

	.site-title {

		font-size: 47px;

		font-size: 2.9375rem;

	}

	h2,

	.singular.page-template-right-column-page-php .entry-title {

		font-size: 29px;

		font-size: 1.8125rem;

		margin: 0 0 0.4375em;

	}

	h3 {

		font-size: 23px;

		font-size: 1.4375rem;

	}

	h4 {

		font-size: 18px;

		font-size: 1rem;

	}

	h5 {

		font-size: 14px;

		font-size: .875rem;

	}

	h6 {

		font-size: 13px;

		font-size: .8125rem;

	}

	.entry-footer span {

		clear: none;

		display: inline;

		margin: 0 1.75em 0 0;

	}

	.site-info {

		text-align: right;

	}

	.site-info .sep {

		clear: none;

		display: inline;

		margin: 0 .4375em;

		visibility: visible;

		width: auto;

		height: auto;

	}

	.hentry {

		margin-bottom: 3.5em;

	}

	.comment-navigation .nav-previous,

	.posts-navigation .nav-previous,

	.post-navigation .nav-previous {

		float: left;

		width: 50%;

	}

	.comment-navigation .nav-next,

	.posts-navigation .nav-next,

	.post-navigation .nav-next {

		float: right;

		margin-top: 0;

		width: 50%;

	}

	blockquote {

		font-size: 23px;

		font-size: 1.4375rem;

		margin-left: 3.5em;

	}

	blockquote.alignleft {

		margin-left: 3em;

	}

	blockquote:before {

		font-size: 129px;

		font-size: 8.0625rem;

		left: -.6em;

	}

}



@media screen and ( min-width: 55em ) {

	.site {

		margin: auto ;

		width: 100%;

		padding: 0;

	}

	.custom-background .site {

		width: 53.5em;

	}

	.sticking .site-header {

		width: 50em;

	}

	.custom-background.sticking .site-header {

		width: 53.5em;

	}

	.sticking .site-description {

		display: none;

	}

	.sticking .site-logo {

		clear: none;

		display: inline-block;

		margin-bottom: 0;

		margin-right: 0.4375em;

		max-width: 150px;

		max-height: 50px;

		vertical-align: middle;

	}

	.sticking .site-content {

		padding-top: 1.75em;

	}

	.singular .content-area {

		float: left;


		width: 100%;

	}
	
	
	.home #primary {
		margin: -120px -25% 0 0;
	}
		

	.singular .site-main {

		margin: 0 32% 0 0;

	}

	.singular .site-content .widget-area {

		float: right;

		overflow: hidden;

		width: 25%;

	}

	.page-template-fullwidth-page-php .site-main,

	.page-template-right-column-page-php .site-main {

		margin: 0 auto;

	}

	#infinite-handle span,

	.infinite-loader {

		margin-left: 32%;

	}

	.blog .entry-header,

	.archive .entry-header,

	.search .entry-header,

	.page-template-right-column-page-php .entry-header,

	.page-title,

	.search-no-results .page-header,

	.error404 .page-header {

		float: left;

		width: 25%;

		z-index: 99;

	}

	.archive .page-header .vcard {

		clear: both;

		display: block;

		width: 100%;

	}

	.no-taxonomy-description.archive .page-header .vcard {

		clear: none;

		display: inline;

		width: auto;

	}

	.no-taxonomy-description .page-title,

	.error404 .page-title {

		width: 100%;

	}

	.blog .entry-content,

	.archive .entry-content,

	.search .entry-summary,

	.search .entry-content,

	.page-template-right-column-page-php .entry-content,

	.taxonomy-description,

	.search-no-results .page-content,

	.error404 .page-content {

		float: right;

		margin: 0 0 1.75em;

		width: 68%;

	}

	.blog .entry-meta > span,

	.archive .entry-meta > span,

	.search .entry-meta > span,

	.page-template-right-column-page-php .entry-meta > span {

		clear: both;

		display: block;

		width: 100%;

	}

	blockquote.alignleft,

	blockquote.aligncenter {

		margin-left: 0;

	}

}



@media screen and ( min-width: 70em ) {

	.site {

		margin: 0;

		width: 62em;

		padding: 0;

	}

	.custom-background .site {

		width: 65.5em;

	}



	.site-branding {

		display: inline-block;

		width: 49.5%;

		transition: 0.3s;

		vertical-align: bottom;

	}

	.sticking .site-branding {

		vertical-align: middle;

	}

	.site-description {

		clear: none;

		display: inline;

		line-height: 1.3;

		margin: 0 0 3.5em;

		vertical-align: baseline;

	}

	.sticking .site-header {

		width: 62em;

		margin: 0 auto;

		padding-top: 0.4375em;

		padding-bottom: 0.4375em;

		background: none;

		position: absolute;

	top:0px;		

			left: 50%;

		transform: translateX(-50%);

		z-index: 999;
         
                visibility:hidden;




	}

	.custom-background.sticking .site-header {

		width: 65.5em;

	}

	.admin-bar.sticking .site-header {

		top: 32px;

	}

	.sticking .site-title {

		font-size: 18px;

		margin-right: 0;

	}

	.main-navigation {

		display: inline-block;

		text-align: right;

		width: 70%;

		vertical-align: middle;

	}

	.main-navigation li {

		display: inline-block;

		margin-right: 0;

		margin-left: 1.75em;

	}

	.main-navigation ul > li.menu-item-has-children,

	.main-navigation ul > li.page_item_has_children {

		margin-right: .875em;

	}

	.comment .comment-content {

		float: right;

		width: 70%;

	}

	.comment .comment-meta {

		float: left;

		width: 25%;

	}

	.comment .comment-metadata span {

		clear: both;

		display: block;

		margin: 0 0 0.4375em;

	}

	.comment .comment-metadata span.comment-author {

		margin-bottom: 0;

	}

	.comment .avatar {

		float: none;

		margin: 0;

		max-width: 44px;

		height: auto;

		position: absolute;

			top: 4px;

			left: -4em;

	}

}

@media screen and ( min-width: 80em ) {

	.site,

	.sticking .site-header {

		width: 100%;

	}

	.custom-background .site,

	.custom-background.sticking .site-header {

		width: 71.5em;

	}

}


/*Calendar*/




#calendar{
	width:100%;
}

#calendar a{
	color:#666;
	text-decoration:none;
}

#calendar ul{
	list-style:none;
	padding:0;
	margin:0;
	clear:both;
	width:100%;
}

#calendar li{
	display:block;
	float:left;
	width:14.2857142857%;
	padding:5px;
	box-sizing:border-box;
	border:1px solid #ccc;
	margin-right:-1px;
	margin-bottom:-1px;
}

#calendar ul.weekdays{
	height:40px;
	background:#333; width: 99.45%;
}

#calendar ul.weekdays li{
	text-align:center;
	text-transform:uppercase;
	line-height:20px;
	border:none !important;
	padding:10px 6px;
	color:#fff;
	font-size:13px;
}

#calendar .days li{position:relative;
	min-height:360px; background:#fff; text-align:center; color:#000;
}


#calendar .days em{position:absolute; display:block;  padding:12px 15px 12px 15px; background:#000; left:40%; top:35%; border:3px solid #fff; border-radius:50%; color:#ccc;  }

#calendar .days li:hover{
	background:#fff; opacity:0.8;
}

#calendar .date{
	text-align:center;
	margin-bottom:5px;
	background:#d09940;
	color:#fff;
	width:35px; height:35px; line-height:35px;
	border-radius:50%;
	float:right;
}

#calendar h3{font-size:14px; color:#000;}

#calendar .event{
	clear:both;
	display:block;
	font-size:13px;
	border-radius:4px;
	padding:5px;
	margin-top:40px;
	margin-bottom:5px;
	color:#666;
	line-height:14px;
	/*background:#eee;
	border:1px solid #ccc;*/
	color:#fd5b19;
	text-decoration:none;
}

#calendar .event-desc{
	color:#666;
	margin:3px 0 7px 0;
	text-decoration:none;
}

#calendar .other-month{
	background:#f5f5f5;
	color:#666; 
}

#calendar h1{ line-height:normal;}


@media(max-width:768px){
	#calendar .weekdays,#calendar .other-month{
		display:none;
	}
	
	#calendar li{
		height:auto !important;
		border:1px solid #ededed;
		width:100%;
		padding:10px;
		margin-bottom:-1px;
	}
	
	#calendar .date{
		float:none;
	}
}









/*---pj---*/

.textwidget a{margin-right:10px; text-align:cemter; border:0;}
.textwidget a:hover{opacity:0.7;}

#swipebox-bottom-bar, #swipebox-top-bar {display: none;}

.home #rev_slider_1_2_wrapper{display:block !important;}
.home #rev_slider_2_1_wrapper {display:none !important; }

#rev_slider_1_2_wrapper{display:none!important;}

.site-header{position:absolute; z-index:100; top:0; width:100%; height:auto;}

.site-branding{ padding-left:9%; max-width:450px; font-size:14px; color:#fff; text-align:center; text-shadow:1px 1px 1px #333; font-weight:bold;}
.main-navigation{padding-right:9%; float:right; margin-top:50px;}
.main-navigation li{position:relative; margin-left: 1.2em;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.main-navigation li:hover{opacity:0.6;}
.main-navigation a{color:#fff; font-size: 18px ; font-family: 'Roboto', sans-serif !important; text-transform:uppercase;}

#menu-secondary-menu{padding-left:50px;}
#menu-secondary-menu li a{color:#fff; font-size: 18px !important; font-family: 'Roboto', sans-serif !important; text-transform:uppercase;}
#menu-secondary-menu li a:hover{color:#ccc; opacity:0.8; text-decoration:none;}
.site{ position: relative !important; overflow:hidden; background:#fff}
#secondary{position:fixed; z-index:0; width:350px; height:100%; background:#212121; top:0; right:0;}
.close{position:absolute; top:20px; right:20px; color:#fff !important; border:3px solid #666 !important; border-radius:50%; padding:2px 10px; text-decoration:none !important; }
.close:hover{border:3px solid #f67e0a !important; color:#ddd;}

.home .site-content{display:none;}
.home .site-footer{display:none;}
.site-footer .site-info{text-align:center !important;}

.tp-leftarrow {background-color:#000 !important; opacity:0.6;}
.tp-rightarrow {background-color:#000 !important; opacity:0.6;}


#menu-item-31{background: url('images/1.png') left no-repeat; padding-left:35px;}
#menu-item-33{background: url('images/2.png') left no-repeat; padding-left:35px;}
#menu-item-30{background: url('images/3.png') left no-repeat; padding-left:35px;}
#menu-item-29{background: url('images/4.png') left no-repeat; padding-left:35px;}
#menu-item-38{background: url('images/5.png') left no-repeat; padding-left:35px;}
#menu-item-244{background: url('images/6.png') left no-repeat; padding-left:30px;}
#menu-item-2461{background: url('http://www.mjsrestaurant.com/Bayville/wp-content/uploads/2023/12/quitar.png') left no-repeat; padding-left:30px;}


.social{margin-left:40px; margin-top:75px;}
.social a{border-bottom:none !important;}
.social a:hover{opacity:0.6;}
.site-main{ max-width:1100px; margin:auto !important;}
.tp-fullwidth-forcer{}
.entry-title{text-align:center;}
.home .entry-title{display:none;}
.forcefullwidth_wrapper_tp_banner{margin-bottom:0 !important;}

a#scrollUp{bottom:60px;}

#secondary{display:none;}


#nav_menu-3{background:#cccccc !important; }
#menu-food-menu{position:relative; z-index:1; width:100%; }
#menu-food-menu li{width:20%; float:left; height:85px; line-height:85px; padding-top:0;}
#menu-food-menu li a{display:block;  width:100%; float:left; height:85px; line-height:85px; border-right:0px solid #fff;  text-align:center !important; background:#efefef; text-transform:uppercase;}
#menu-food-menu li a:hover{text-decoration:none; background:#bc373f; color:#fff !important;}

#menu-food-menu .current-menu-item{background:#111111;}
#menu-food-menu .current-menu-item a {background:none !important; color:#fff !important;}
#menu-food-menu .current-menu-item:hover a{background:none;}



#nav_menu-4{background:#cccccc !important; margin-top:40px; }
#menu-specials-menu{position:relative; z-index:1; width:100%; }
#menu-specials-menu li{width:16.66%; float:left; height:85px; line-height:85px; padding-top:0;}
#menu-specials-menu li a{display:block;  width:100%; float:left; height:85px; line-height:85px; border-right:0px solid #fff;  text-align:center !important; background:#efefef; text-transform:uppercase;}
#menu-specials-menu li a:hover{text-decoration:none; background:#bc373f; color:#fff !important;}

#menu-specials-menu .current-menu-item{background:#111;}
#menu-specials-menu .current-menu-item a {background:none !important; color:#fff !important;}
#menu-specials-menu .current-menu-item:hover a{background:none;}



.page-id-10 .site-main {max-width: 1600px !important; margin: auto !important;}
.page-id-12 .site-main {max-width: 1700px !important; margin: auto !important;}

.booklet .b-tab {
    background: #bc373f none repeat scroll 0% 0% !important;
    height: 40px;
    width: 100%;
    padding: 10px !important;
    text-align: center;
    color: #CCC;
    position: absolute;
    font-size: 12px !important; paddin-bottom:20px !important; font-weight:bold;
}


.booklet .b-tab{color:#fff !important}
.booklet .b-tab:hover{background: #ddd !important; color:#000 !important}
.center{text-align: center;}



.b-tab-next{margin-right:39.9%; min-width:10%;}
.b-tab-prev{margin-left:39.9%;  min-width:10%;}

.booklet .b-arrow-next {right: -80px !important;}
.booklet .b-arrow-prev {left: -80px !important;}

@media screen and ( max-width: 1650px ) {
.main-navigation { width:70%; font-size:14px !important;}
.main-navigation a {font-size:14px !important;}
}

@media screen and ( max-width: 1500px ) {
.site-branding {padding-left: 2%; max-width:350px;}
}

@media screen and ( max-width: 1280px ) {
.site-branding {padding-left: 1%; max-width:320px;}
.main-navigation li a {font-size: 14px !important;}
.main-navigation li {margin-left: 0.2em !important;}
.main-navigation { width:65%; padding-right: 1% !important;}
.site {margin: 0px ;width: 100% !important; padding: 0px;}
}

@media screen and ( max-width: 1280px ) {
.site-branding {padding-left: 1%; max-width:280px;}
}

@media screen and ( max-width: 1180px ) {

.main-navigation {padding-right: 0%; width:70%; position: absolute; z-index: 10; top: 30px; right: 0px;}
.main-navigation li {margin-left: 0em !important; margin-right: 0px !important;}
.site-content{padding:0px;}
.popup{width: 35%;}
}

@media screen and ( max-width: 1039px ) {
.tp-leftarrow{z-index:50 !important;}
.tp-rightarrow{z-index:50 !important;}
.entry-title {text-align: center;margin-bottom: 50px; margin-top:-30px;}
.main-navigation {padding-right: 0% !important; padding-left: 0px !important; width: 100%; position: absolute; z-index: 10; top: 0px; padding-top:130px; left:0; }
.main-navigation li {background-color: #222 !important; margin:0 !important; height:45px;}
.main-navigation li a { height:45px; line-height:45px; display:block; padding-left: 10px}
.site-branding {margin:auto !important;}
.main-navigation li:hover{opacity:1 !important; background-color:#000 !important;}
.menu-toggle{border:none; color:#fff; font-size:42px; top:0; text-shadow:1px 1px 2px ; right:30px;
-ms-transform: rotate(90deg); /* IE 9 */
-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
transform: rotate(90deg);}
.menu-toggle:hover{color:#ccc;}
.main-navigation > div > ul { border-bottom: 0px solid;padding-bottom: 1.75em;}
.close{color:#fff !important}
.popup .aligncenter{height:auto;}
}

@media screen and ( max-width: 878px ) {
.entry-title {text-align: center ;margin-bottom: 0px;}
.b-tab-next{margin-right:29.9%; min-width:20%;}
.b-tab-prev{margin-left:29.9%;  min-width:20%;}
.popup{width: 47%;}
.popup .aligncenter{height:auto;}
}

@media screen and ( max-width: 780px ) {
#nav_menu-3{background:#cccccc !important; margin-top:40px; }
#menu-food-menu{position:relative; z-index:1; width:100%; }
#menu-food-menu li{width:100%; float:left; height:25px; line-height:25px; padding-top:0;}
#menu-food-menu li a{display:block;  width:100%; float:left; height:25px; line-height:25px; border-right:0px solid #fff;  text-align:center !important; background:#efefef; text-transform:uppercase;}


#nav_menu-4{background:#cccccc !important; margin-top:40px; }
#menu-specials-menu{position:relative; z-index:1; width:100%; }
#menu-specials-menu li{width:100%; float:left; height:25px; line-height:25px; padding-top:0;}
#menu-specials-menu li a{display:block;  width:100%; float:left; height:25px; line-height:25px; border-right:0px solid #fff;  text-align:center !important; background:#efefef; text-transform:uppercase;}
.popup{width: 47%;}
.popup .aligncenter{height:auto;}
}

@media screen and ( max-width: 640px ) {
.site-branding{margin-left:20px !important;}
.menu-toggle {right: 20px; top: 0em;}
.b-tab-next{margin-right:19.9%; min-width:30%;}
.b-tab-prev{margin-left:19.9%;  min-width:30%;}
.popup h4 {font-size: 1rem;}
.popup{top:3%}
.popup{width: 100%;}
.popup .aligncenter{height:auto;}
}

@media screen and ( max-width: 380px ) {
.site-branding{max-width:260px}
.menu-toggle{border:none; color:#fff; font-size:32px;}
.popup{width: 100%;}
.popup .aligncenter{height:auto;}
}