/*
Theme Name: restaurant
Theme URI: http://108.60.209.164/devworks15/jamierestaurant/
Author: the WordPress team
Author URI: http://108.60.209.164/devworks15/jamierestaurant/
Description: Developed by Karviweb
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: restaurantantonio

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.
*/

/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 * 5.0 - Navigation
 * 6.0 - Content
 *   6.1 - Post Thumbnail
 *   6.2 - Entry Header
 *   6.3 - Entry Meta
 *   6.4 - Entry Content
 *   6.5 - Galleries
 *   6.6 - Post Formats
 *   6.7 - Post/Image/Paging Navigation
 *   6.8 - Attachments
 *   6.9 - Archives
 *   6.10 - Contributor Page
 *   6.11 - 404 Page
 *   6.12 - Full-width
 *   6.13 - Singular
 *   6.14 - Comments
 * 7.0 - Sidebar
 *   7.1 - Widgets
 *   7.2 - Content Sidebar Widgets
 * 8.0 - Footer
 * 9.0 - Featured Content
 * 10.0 - Multisite
 * 11.0 - Media Queries
 * 12.0 - Print
 * -----------------------------------------------------------------------------
 */


/**
 * 1.0 Reset
 *
 * 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/
 *
 * -----------------------------------------------------------------------------
 */

body {
	padding:0px;
	margin:0px;
}

/**Font*****************************************************/
@font-face {
  font-family: "CFJackStory-Regular";
  src:url(font/CFJackStory-Regular.ttf) format("truetype");
}
@font-face {
  font-family: "CM_Old_Western";
  src:url(font/CM_Old_Western.ttf) format("truetype");
}
@font-face {
  font-family: "Old Press";
  src:url(font/Old%20Press.ttf) format("truetype");
}
@font-face {
  font-family: "Press Style";
  src:url(font/Press%20Style.ttf) format("truetype");
}
/*******************************************************/
#clearfix { clear:both; }
h1,h2,h3,h4,h5,h6,p,a { padding:0px; margin:0px; }

h1 { font-family:CM_Old_Western; font-size:45px; line-height:none; font-weight:normal; }
h2 { font-family:Old Press; font-size:36px; line-height:none; font-weight:normal; }

/**Head Area
*********************************************************************************************************************************************************/
#header-bg {
	width:100%;
	height:auto;
	background-color:#fff;
	padding-bottom:0.5%;
	padding-top:0.5%;
	border-bottom:1px solid #898989;
	position:fixed;
	top:0;
	clear:both;
	overflow:hidden;
	z-index:100;
	margin:0 auto;
}
#head {
	width:1000px;
	height:auto;
	margin:0 auto;
	
}
.logo { width:auto; height:auto; float:left; }
/**Navigation on left side
****************************/
#menu-one
{
	width:355px;
	height:auto;
	float:left;
	
}
/************/
#menu-bg ul
{
    font-size: 30px;
	font-family:Press Style;
    margin: 0 auto;
    padding: 0;
    list-style: none;
}

#menu-bg ul li
{
    display: block;
    position: relative;
    float: left;
}

#menu-bg li ul
{
    display: none;
}

#menu-bg ul li a 
{
    display: block;
    text-decoration: none;
    color: #30312c;
	font-weight:bold;
    padding: 25px 25px 16px 25px;
    margin-left: 1px;
    white-space: nowrap;
}

#menu-bg ul li a:hover 
{
	color:#333333;
}
#menu-bg ul li a.active
{
	color:#333333;
	background-color:#ff9934;
}
#menu-bg li:hover ul 
{
    display: block;
    position: absolute;
}

#menu-bg li:hover li
{
    float: none;
    font-size: 11px;
}

#menu-bg li:hover a 
{
    background:none;
}

#menu-bg li:hover li a:hover 
{
    background: #95A9B1;
}

/**Banner
****************************************************************************************************************************************************/
#banner-bg {
	width:auto;
	height:auto;
}

/**Cover area 2
***************************************************************************************************************************************************/
#cover-two {
	width:100%;
	height:898px;
	background-image:url(images/cover2.jpg);
	background-repeat:no-repeat;
	background-position: center;
    background-size: cover;
	margin-top:4%;
	clear:both;
	overflow:hidden;
}
#black-div {
	width:1057px;
	height:auto;
	margin:0 auto;
	margin-top:50px;
	background:rgba(24, 24, 24, 0.7);
	border:5px double #fff;
	clear:both;
	overflow:hidden;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#FFF;
}
#black-div-one-left {
	width:310px;
	height:auto;
	float:left;
	padding-left:30px;
}
#black-div-one-right {
	width:565px;
	height:auto;
	float:left;
	padding-top:40px;
}

#black-div-one-right-int {
	width:900px;
	height:auto;
	float:left;
	padding-top:40px;
	padding-left:30px;
}
.main-name { font-family:CFJackStory-Regular; font-size:48px; float:right; }
#black-div-two-left {
	width:240px;
	height:auto;
	float:left;
	padding:40px 40px 40px 60px;
	font-size:28px;
	color:#FFF;
	font-family:CFJackStory-Regular;
}
/**Our Menu
******************************************************************************************************************************************************/
#cover-three {
	width:100%;
	height:350px;
	padding-top:200px;
	background-image:url(images/cover3.jpg);
	background-repeat:no-repeat;
	background-position: center;
    background-size: cover;
	clear:both;
	overflow:hidden;
}
#menu-cover {
	width:100%;
	height:auto;
	padding-bottom:20px;
	background-image:url(images/menu-cover.jpg);
	background-repeat:no-repeat;
	background-position: center;
    background-size: cover;
	clear:both;
	overflow:hidden;
}
#menu-cont {
	width:1057px;
	height:auto;
	margin:0 auto;
	margin-bottom:4%;
	color:#FFF;
	font-size:18px;
	font-family:CFJackStory-Regular;
}
#menu-details {
	width:386px;
	height:auto;
	float:left;
	border:4px solid #fff;
	box-sizing:border-box;
	padding-left:40px;
	padding-right:40px;
	padding-bottom:20px;
	padding-top:20px;
}
#menu-details-mid {
	width:335px;
	height:auto;
	float:left;
	margin-left:40px;
}
#menu-details-right {
	width:240px;
	height:auto;
	float:left;
}
#menu-list-left {
	width:485px;
	height:auto;
	float:left;
}
#menu-list-right {
	width:485px;
	height:auto;
	float:right;
}

/**Testimonials
************************************************************************************************************************************************/
#cover-four {
	width:100%;
	height:250px;
	padding-top:200px;
	background-image:url(images/cover4.jpg);
	background-repeat:no-repeat;
	background-position: center;
    background-size: cover;
	clear:both;
	overflow:hidden;
}
#testi-cont {
	width:957px;
	height:auto;
	margin:0 auto;
	margin-top:4%;
	margin-bottom:4%;
	color:#414141;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	clear:both;
	overflow:hidden;
}
#testi-left {
	width:360px;
	height:auto;
	float:left;
}
#testi-right {
	width:360px;
	height:auto;
	float:right;
}

/**Gallary
****************************************************************************************************************************************************/
#cover-five {
	width:100%;
	height:250px;
	padding-top:170px;
	background-image:url(images/cover5.jpg);
	background-repeat:no-repeat;
	background-position: center;
    background-size: cover;
	clear:both;
	overflow:hidden;
}
#gallary-bg {
	width:1024px;
	height:auto;
	margin:0 auto;
	margin-top:5%;
	margin-bottom:5%;
	clear:both;
	overflow:hidden;
}

/**Footer
******************************************************************************************************************************************************/
#cover-six {
	width:100%;
	height:auto;
	padding-top:1%;
	padding-bottom:1%;
	background-image:url(images/cover6.jpg);
	background-repeat:no-repeat;
	background-position: center;
    background-size: cover;
	clear:both;
	overflow:hidden;
}
#footer-cont {
	width:1057px;
	height:auto;
	margin:0 auto;
	font-family:CFJackStory-Regular;
	font-size:32px;
	color:#FFF;
}
#footer-left {
	width:545px;
	height:auto;
	float:left;
}
#footer-right {
	width:460px;
	height:auto;
	float:right;
}
.footer-box {
	width:260px;
	height:40px;
	background:none;
	display:block;
	border:1px solid #CCC;
	box-sizing:border-box;
	color:#FFF;
	font-size:18px;
}
.footer-text {
	width:545px;
	height:130px;
	background:none;
	display:block;
	border:1px solid #CCC;
	box-sizing:border-box;
	color:#FFF;
	font-size:18px;
}
.submit {
	width:140px;
	height:30px;
	margin-top:0.9%;
	margin-bottom:0.9%;
	background:none;
	display:block;
	color:#FFF;
	font-size:24px;
	font-family:CFJackStory-Regular;
	border:0px;
	float:right;
	cursor:pointer;
}
.submit:hover {
	background-color:#FFF;
	color:#333;
}
.entry-title a
{
color:#fff !important;}
.cat-links a{color:#fff !important;}
.comments-link{display:none;}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* 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: 0.875rem;
	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. */
}
.entry-date,.author a,.meta-nav,.nav-links a,.nav-previous a,.nav-next a
{
  color:#fff;
}
.nav-links{padding:10px 0px;}
.meta-nav{padding-right:10px;}
.format-standard{border-bottom:2px solid #fff;
padding-bottom:20px;margin-bottom:20px;}





.gllr_image_block{
  display: inline-block;
}
.gllr_image_block p{
      max-width: 234px;
  width:100% !important;
    height:auto !important;
  margin-right:1%;
}
.gllr_image_block p img{
  max-width: 225px;width:100% !important;}
#black-div {
  max-width: 1057px;
width:95% !important}
#cover-two{height: auto;}
#menu-cont{ max-width: 1057px;
width:100% !important;}
#testi-cont{ max-width: 957px;
width:100% !important;}
#gallary-bg{ max-width: 1024px;
width:100% !important;}
#footer-cont{ max-width: 1057px;
width:100% !important;}
.footer-box1{display:inline-flex;margin-bottom: 15px;width:100%;}
.wpcf7-form p{width:100%;}
.wpcf7-form input, .wpcf7-form textarea{
  width:100% !important;min-height:30px;
}
.wpcf7-form textarea{height:100px}
#menu-mobile{display:none;}
.wpcf7-form label{font-size:23px;}
.rightsec,.leftsec{width:48%;float:left;}
.rightsec{margin-left:4%;}
@media only screen and (min-width: 768px) {
.mobile-menu{ display:none;}
}
@media only screen and (max-width: 980px) {
  #menu-cont{text-align:center;}
  #black-div {text-align:center}
  #black-div-one-left, #black-div-one-right, #black-div-two-left, #black-div-two-right, #menu-details, #menu-details-mid,#menu-list-left, #menu-details-right, #menu-list-right, #testi-left, #testi-right,  #footer-left, #footer-right{max-width:500px;text-align:center;width:100% ;float: none;margin: auto;}
#menu-list-right, #testi-right, #footer-right{margin-top:30px;}
  #menu-bg ul li a {
    padding: 25px 20px 16px 20px;
   font-size:20px;
}
}
#footer-cont .center p{font-size:20px;}

@media only screen and (max-width: 768px) {
   #black-div-one-left, #black-div-one-right, #black-div-two-left, #black-div-two-right, #menu-details, #menu-details-mid,#menu-list-left, #menu-details-right, #menu-list-right, #testi-left, #testi-right,  #footer-left, #footer-right,  #footer-left{max-width:350px;font-size:20px !important;}
  .gllr_image_row .gllr_image_block {
    display: block !important;
}
   #menu-bg{ display: none; }
  #black-div-one-right img{width:300px !important}
  .menu-toggle:active>.open.desktop{
    display:flex !Important;
  }

}
@media only screen and (max-width: 767px) 
{
#head{ width:100%;}
#menu-mobile.open{ display:block; background-color:rgba(0, 0, 0, 0.9); box-sizing: border-box;
    left: 0; list-style-type: none; margin: 0; padding: 20px; position: absolute; top: 94px; width: 100%;z-index: 99;
}

#menu-mobile > li { display: block;}
#menu-mobile a 
{   color: #fff; display: block; font-family: Press Style; font-size: 20px;letter-spacing: 5px;padding: 10px 0;
    text-decoration: none;
}
#header-bg{ overflow:visible;}
.mobile-menu{display:block; float:right; margin-right:20px; margin-top:20px;}
.mobile-menu span{ background:url(images/Menu-icon.png) no-repeat center center; width:48px; height:48px; display:block;}
}
@media only screen and (max-width: 400px) {
   #black-div-one-left, #black-div-one-right, #black-div-two-left, #black-div-two-right, #menu-details, #menu-details-mid,#menu-list-left, #menu-details-right, #menu-list-right, #testi-left, #testi-right,  #footer-left, #footer-right,  #footer-left{max-width:250px;}
    #black-div-one-right img{width:200px !important}
}
@media only screen and (min-width: 768px) {
 .onclick-menu {display:none !important;}
}























label {  
  cursor: pointer;
}
#menu-toggle {
  display: none; /* hide the checkbox */
}
#menu {
  #display: none;
}
#menu-toggle:checked + #menu {
  display: block;
}
.wp-caption.alignnone img, img.alignnone{
  display:block !important;
  opacity: 1 !important;
}