/*
Theme Name: EatingPlace
Theme URI: https://themestulip.com/themes/eatingplace-free-restaurant-wordpress-theme/
Author: ThemesTulip
Author URI: https://themestulip.com
Description: Eatingplace is a simple and beautiful free Restaurant WordPress theme perfect for restaurants, bakery shop, eatery, pizza parlour, fast food centre, cofee house, food lovers, hotel, pubs, cafe shops, motel, food joint, lodge, babeque, grill house, any food business, personal cafe sites and multiple cuisine like Thai food, Chinese, Italian. Cool looking multipurpose WordPress theme well suited for many different websites including restaurants, it has a responsive layout that makes gorgeous graphics and offers cross-browser compatibility. Instruction URL: http://themestulip.com/documentation/eatingplace/, Support URL: http://themestulip.com/forums/, Please check our pro Theme with more features https://themestulip.com/themes/eatingplace-restaurant-wordpress-theme/
Demo: https://themestulip.com/demo/eatingplace-pro/

Version: 0.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: eatingplace
Tags: e-commerce,custom-menu,food-and-drink,one-column,right-sidebar,theme-options,threaded-comments,translation-ready,blog,custom-background,custom-colors,custom-header,custom-logo,editor-style,featured-images,full-width-template,two-columns

eatingplace WordPress Theme has been created by tulip Themes(themestulip.com), 2018.
eatingplace WordPress Theme is licensed under the GPL.
*/

/*extra Classes */
body{ color: #515151; }

.btn-primary {	color: #fff;	background-color:#2c2c2c;	border-color: #3b3b3b; border-radius: 0;}
.btn-primary:hover{background-color: #3b3b3b;}
.alignnone{ width:100% !important;}
img.alignleft, .alignleft{ float:left; margin:0 15px 0 0; padding:5px; border:1px solid #cccccc;}
img.alignright, .alignright{ float:right; margin:0 0 0 15px; padding:5px; border:1px solid #cccccc;}
.left{ float:left;}
.right{ float:right;}
a{color:#3b3b3b;}

#comment-nav-above .nav-previous, #comment-nav-below .nav-previous{ float:none !important; margin:10px 0;}
ol.comment-list li{ list-style:none; margin-bottom:5px;}

/* = Page lay out css
-------------------------------------------------------------- */
.blog-post {	padding: 0 0 0 18px;}
.blog-post h1{ color: #3b3b3b; }
.site-main{ margin:0; padding:0; }
#sitefull{ width:100%; float:none;}
#sitefull p{ margin-bottom:15px;}
.page_content{ padding:25px 0;}
.page_content.ourresources{ padding:25px 0 0;}
.page_content p{ margin-bottom:20px; line-height:20px;}

.blog_lists{ margin-bottom:30px; border-bottom:  1px solid #ccc; }
.blog_lists h3{ margin-bottom:0px; text-transform: capitalize;}
.blog_lists h3 a{ color:#FD7444;}
.blog_lists h3 a:hover{ color:#3b3b3b000;}
.blog_lists p{ margin-bottom:10px;}
.blog-meta{ font-style:italic; margin-bottom:8px;}
.post-date, .post-comment, .post-categories{ display:inline; color:#3b3b3b;} 
.single_title{ margin-bottom:5px;}
.BlogPosts{ width:31.2%; float:left; margin:0 3% 0 0;}
.BlogPosts img{ width:100%;}
.BlogPosts h2{ margin:10px 0; font-size:22px; }
.post-thumb{ width:30%; float:left; margin:5px 25px 5px 0;}
.post-thumb img{ width:100%; }

/* = sidebar
-------------------------------------------------------------- */
#sidebar{ margin: 24px 0 0 0; }
#sidebar .container{width: 100%; }
aside.widget{margin-bottom:30px; background-color:#f6f4f4; padding:20px; border:1px solid #edecec;}
aside.widget ul{ list-style:disc; margin: 0; padding: 0; }
h3.widget-title{ background-color:#3b3b3b; padding:12px 15px; margin-bottom:1px; color:#fff;}
#sidebar ul li{ list-style:none;}
#sidebar ul li a{ padding:10px 0 10px 20px; color:#3b3b3b; border-bottom:1px dashed #d0cfcf; display:block; }
#sidebar ul li a:hover{ color:#FD7444;}
#sidebar ul li:last-child a{ border:none;}
.single .form-submit {    text-align: left;}
#submit, .btn.btn-default{ background: #3b3b3b; border: none; color: #fff; padding: 5px 10px;}
#commentform label{ width: 100%; text-align: left; }
#commentform #comment{width: 90%; text-align: left;}
#commentform .form-submit{text-align: left;}
#commentform .form-submit input{ width: auto; }
#commentform input{ width: 90%; }

/* Buttons */
.button{ background-color:inherit; border-bottom:none; color:#fff; border: 1px solid #FD7444; padding:8px 20px; display:inline-block; border-radius:0; -moz-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px; -ms-border-radius:2px; }
.button:hover{background-color:#34c6f6; border-color:#1898c2; color:#fff;}

/* woocommerce CSS
================================================*/
a.added_to_cart{background:#e1472f; padding:5px; display:inline-block; color:#fff; line-height:1;}
a.added_to_cart:hover{background:#3b3b3b000;}
a.button.added:before{content:'' !important;}
#bbpress-forums ul li{padding:0;}
#subscription-toggle a.subscription-toggle{padding:5px 10px; display:inline-block; color:#e1472f; margin-top:4px;}
textarea.wp-editor-area{border:1px #ccc solid;}
.woocommerce input[type=text], .woocommerce textarea{border:1px #ccc solid; padding:4px;}
form.woocommerce-ordering select{ padding:5px; color:#777777;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'raleway',san-serif; color:#ff8a00;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
h1.product_title, p.price{ margin-bottom:10px;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'raleway',san-serif; color:#ff6d84;}
.woocommerce ul.products li, #payment ul.payment_methods li{ list-style:none !important;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
.woocommerce table.shop_table th, .woocommerce table.shop_table td{ border-bottom:0px !important}

/* 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. */
}
/* ============= Contact Page =========== */
.wpcf7{ margin:30px 0 0; padding:0;}
.wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"]{ width:40%; border:1px solid #cccccc; box-shadow:inset 1px 1px 2px #ccc; height:35px; padding:0 15px; color:#797979; margin-bottom:0;}
.wpcf7 textarea{width:60%; border:1px solid #cccccc; box-shadow:inset 1px 1px 2px #ccc; height:150px; color:#797979; margin-bottom:25px; font:12px arial; padding:10px; padding-right:0;}
.wpcf7 input[type="submit"]{background-color:#3b3b3b000; width:auto; border:none; cursor:pointer; font:18px 'raleway',san-serif; color:#ffffff; padding:10px 40px; border-radius:3px;}	

/* header */
.carousel-caption{ background: rgba(0,0,0,0.7);  width: auto;padding: 15px 0; bottom: 190px;}
.carousel-caption h3{margin-top: 6px;margin-bottom: 2px; text-transform: capitalize; color: #FFF; text-shadow: none;}
.captiontext{ font-size: 15px; color: #FFF; font-weight: normal; text-shadow: none; }
.icon-bar{ background: #fff; }
.navbar-toggle{border: 1px solid #3b3b3b;}


/* ============= Comment Form ============ */
h1.screen-reader-text{font:22px 'raleway',san-serif;}
.site-nav-previous, .nav-previous{ float:left;}
.site-nav-next, .nav-next{ float:right;}
h3#reply-title{font:300 18px 'raleway',san-serif;}
#comments{ margin:30px 0 0; padding:0;}
nav#nav-below{ margin-top:15px;}



/*footer*/
.footer{background:#242323;padding-bottom:20px;padding-top:20px;color:#fff}
footer aside.widget{ background: none; border:0; }
.footer a{color:#fff}
.footer a:hover{text-decoration:underline}
.footer .widget-title{border-bottom:2px solid #ffffff; color:#fff;font-size:20px;font-weight:300;line-height:1;position:relative;text-transform:uppercase;padding-left:28px;margin:0 0 25px; padding-bottom: 10px;}
.footer ul{list-style:outside none none;padding-left:0}
.footer ul li{font-size:13px;font-weight:700;line-height:20px;position:relative;text-transform:uppercase;border-bottom:1px solid #fff;margin-bottom:7px;padding-bottom:7px;width:95%}
.title-median{color:#636363;font-size:20px;line-height:20px;margin:0 0 15px;text-transform:uppercase}

.nomargin{margin:0;padding:0}
.footer-bottom{background-color:#1A191A;min-height:30px;width:100%}
.copyright{color:#fff;line-height:30px;min-height:30px;padding:7px 0}
.design{color:#fff;line-height:30px;min-height:30px;padding:7px 0;}
.design a{color:#fff}


/*comment */
#comments {	clear: both;	padding: 2em 0 0.5em;}
.comments-title {	font-size: 20px;	font-size: 1.25rem;	margin-bottom: 1.5em;}
.comment-list,
.comment-list .children {	list-style: none;	margin: 0;	padding: 0;}
.comment-list li:before {	display: none;}
.comment-body {	margin-left: 65px;}
.comment-author {	font-size: 16px;	font-size: 1rem;	margin-bottom: 0.4em;	position: relative;	z-index: 2;}
.comment-author .avatar {	height: 50px;	left: -65px;	position: absolute;	width: 50px;}
.comment-author .says {	display: none;}
.comment-meta {	margin-bottom: 1.5em;}
.comment-metadata {	color: #767676;	font-size: 10px;	font-size: 0.625rem;	font-weight: 800;	letter-spacing: 0.1818em;	text-transform: uppercase;}
.comment-metadata a {	color: #767676;}
.comment-metadata a.comment-edit-link {	color: #222;	margin-left: 1em;}
.comment-body {	color: #3b3b3b;	font-size: 14px;	font-size: 0.875rem;	margin-bottom: 4em;}
.comment-reply-link {	font-weight: 800;	position: relative;}
.comment-reply-link .icon {	color: #222;	left: -2em;	height: 1em;	position: absolute;	top: 0;	width: 1em;}
.children .comment-author .avatar {	height: 30px;	left: -45px;	width: 30px;}
.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {	border: 1px solid #3b3b3b;	padding: 2px;}
.no-comments,.comment-awaiting-moderation {	color: #767676;	font-size: 14px;	font-size: 0.875rem;	font-style: italic;}
.comments-pagination {	margin: 2em 0 3em;}
.form-submit {	text-align: right;}

/* top header */
.header-top .social-icons .fa {
	margin-right: 5px;
	border: 1px solid #3b3b3b;
	padding: 9px;
	border-radius: 43px;
	width: 35px;
	text-align: center;
}
.header-top {
	background: #ffffff;
	color: #3b3b3b;
	line-height: 36px;
	font-size: 14px;
	font-family: 'PT Sans', sans-serif;
	padding: 5px 0;
	margin: 0 0 2px 0;
	border-bottom: 1px solid #3b3b3b;
}
.header-top .left {
	 text-align: left;
}
.header-top .rightsphone {
    text-align: right;
}

.header-top .fa {
	margin-right: 5px;
}
.social-icons a {
	color: #3b3b3b;
	border-color: #Fff;
	border-radius: 50%;
}
.header-top .fa {
	margin-right: 5px;
}
.rightsphone span.phno {
	padding-right: 10px;
	margin-right: 5px;
}

/*header menu css*/
#main_navigation{background: #fff;}
#maintopdiv{background: none; z-index: 999; position: relative; width: 100%;}
.toggle{display: block;}
.toggle a{width:100%; color:#fff; background: #FD7444; padding:10px 10px; margin-top:0; font-size:16px; text-align:center;}
.toggle a:hover{color:#fff !important;}
.sitenav{display:block;}
.main_header{width:100%; z-index:999999; top:0; background-color:#2C2C2C; box-shadow:0 2px 2px #F6F4F4; }
.sitenav{ padding:0; text-align:right; float:none;}
.sitenav ul { float:none; margin:0; padding:0; font-family:'raleway', sans-serif; font-weight:400; font-size:15px; text-transform:uppercase;}
.sitenav ul li{ display:inline-block; margin:0; position:relative; text-align:center;}
.sitenav ul li a{ padding:30px 28px 14px; display:block; color:#3b3b3b; border-bottom:1px solid transparent; }
.sitenav ul li a:hover{ text-decoration:none;}
.sitenav ul li ul li{display:block; position:relative; float:none; top:-1px; }
.sitenav ul li ul li a{display:block; padding-top:10px; padding-bottom:10px; position:relative; top:1px; text-align:left; border-top:1px solid #ccc; color: #3b3b3b }
.sitenav ul li a:hover, .sitenav ul li.current_page_item a { color:#FD7444; border-bottom:1px solid #FD7444; }
.sitenav ul li li a:hover, .sitenav ul li li.current_page_item a{ color:#FD7444; border-bottom:1px solid #FD7444; }

.sitenav ul li ul{display:none; z-index:9999999; position:relative;}
.sitenav ul li:hover > ul{display:block; width:200px; position:absolute; left:0; text-align:left; background-color:#fff;  box-shadow:0 2px 2px #3b3b3b; }
.sitenav ul li:hover ul li ul{display:none; position:relative;}
.sitenav ul li:hover ul li:hover > ul{display:block; position:absolute; left:200px; top:1px;}
.logotxt, .logotxt a { color: #FD7444; text-decoration: none; }
.logotxt h1{margin: 4px 0 0 0;}
.logotxt p{ color: #3b3b3b;}

/*banner */
.carousel-indicators li.active {    background: #3b3b3b;    border: 1px solid #fff;}
.carousel-indicators li{background: #fff; border: 1px solid #fff;}
.carousel-indicators {    bottom: 46px;}
.banner img{ margin: 0 auto; }

/* our resources */
#hompagecontent{background:none;}
#hompagecontent .mainbox {	padding: 0;	margin: 0 0 0 0;	border: 8px solid #fff;}
#hompagecontent .img-thumbnail{ padding: 0; border-radius: 0; }
.mainboxcontent{padding: 5px; border: 1px solid #ccc;}
.boxcontent{ text-align: justify; margin-bottom: 2px; }
.ourresources h3 {
	font-size: 20px;
	color: #515151;
	text-transform: capitalize;
	background: none;
	padding: 7px 0; margin: 0;
}
.menuheading h2{ text-align: center; margin: 15px 0 38px;   }
.ourresources a{ text-decoration: none; color: #ffffff; }

.ourresources p{ font-size: 13px; }
.ourresources .readmore{ background: #3b3b3b; width: 100%; }
#mainheader {    margin: 57px 0 0 0;    position: absolute;    z-index: 999;    opacity: 0.90;}
.mainbox a .caption{ display: none; }
.mainbox a:hover .caption {	display: block;	margin: -149px 0 0 0;	z-index: 999;	background:rgba(0,0,0,0.65);	position: relative;	color: #fff;}
.mainbox .thumbnail{border: none;border-radius: 0; padding: 0;}
.mainbox .img-thumbnail{border:0;}
#homewelcome .panel-default{ border:none;background: none; box-shadow: none;}
#homewelcome .img-thumbnail {border-radius: 0;}
.h2heading{ text-transform: capitalize; }
#homewelcome{
	background: #F7F6F6;
	border-top: 1px solid #E1E1E1;
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1) inset; padding: 40px 0 30px;margin:0 0 0px;
}
#hompagecontent .thumbnail{ border:none; padding: 0; text-align: left; }
#hompagecontent .thumbnail .caption{ padding: 0; margin: 0 0 5px;}
#homewelcome img{border: 0; padding: 0}
#hompagecontent .eatbox{ padding-right: 5px; padding-left: 5px; }

/*extra classes */
.entry-content img {	margin: 0 0 1.5em 0;
	}
.sticky {
    background-color: $bgcolor-sticky;
}
.alignleft, img.alignleft {	margin-right: 1.5em;	display: inline;	float: left;	}
.alignright, img.alignright {	margin-left: 1.5em;	display: inline;	float: right;	}
.aligncenter, img.aligncenter {	margin-right: auto;	margin-left: auto;	display: block;	clear: both;	}
.alignnone, img.alignnone {
	/* not sure about this one */
	}
.gallery dl {}
.gallery dt {}
.gallery dd {}
.gallery dl a {}
.gallery dl img {}
.gallery-caption {}

.size-full {}
.size-large {}
.size-medium {}
.size-thumbnail {}	
.wp-caption {	margin-bottom: 1.5em;	text-align: center;	padding-top: 5px;	}
.wp-caption img {	border: 0 none;	padding: 0;	margin: 0; width: 100%}
.wp-caption p.wp-caption-text {	line-height: 1.5;	font-size: 10px;	margin: 0;	}
.wp-smiley {	margin: 0 !important;	max-height: 1em;	}
blockquote.left {	margin-right: 20px;	text-align: right;	margin-left: 0;	width: 33%;	float: left;	}
blockquote.right {	margin-left: 20px;	text-align: left;	margin-right: 0;	width: 33%;	float: right;	}

@media (max-width: 1024px) {
	.copyright{text-align: center;}
	.design{text-align: center;}
}
@media (max-width: 767px) {
.navbar-toggle{ background-color: #fff; }
.icon-bar{ color: #fff; }
.form-inline{ margin: 0 0 15px; }
.dropdown-menu > li > a{color: #fff; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{ color: #fff; background-color: #3b3b3b; }
.logotxt{ margin: 0 0 0 20px; }
.social-icons{ text-align: center; }
.header-top .rightsphone {	text-align: center;}
#homewelcome{ text-align: center; }
	.h2heading{ text-align: center; }
	#hompagecontent .thumbnail{ text-align: center; }
	.mainboxcontent{ border: none; }
	.boxcontent{ text-align: center; }
}
@media (max-width: 340px) {
	
}
@media (max-width: 1100px) {
	.mainwidth {  margin: 0 auto;  width: 100%;}
	.carousel-caption{ bottom: 150px; }
}
@media (max-width: 992px) {
#maintopdiv{ position: relative; }
section#header{padding:0 0 11px;}
#main_navigation .togglemenu{display: block;}
#main_navigation .sitenav{float:none; margin:0; position:relative; overflow-x:hidden; background-color:#fff; border-radius:0; top:0; border-bottom:none; }
#main_navigation .sitenav ul{color:#3b3b3b; width:100% !important; float:none !important; margin:0; padding:0;}
#main_navigation .sitenav ul li{border-top:1px #cccccc solid; display:block; float:none; text-align:left; border-bottom:none !important}
#main_navigation .sitenav ul li a{padding:5px 10px !important; display:block; color:#3b3b3b; border:none;}
#main_navigation .sitenav ul li a:hover, 
#main_navigation .sitenav ul li.current_page_item a{color:#FD7444;  border:none !important;}
#main_navigation .sitenav ul li ul, 
#main_navigation .sitenav ul li ul ul{ display:block !important;}
#main_navigation .sitenav ul li ul li a:before{content:"\00BB \00a0";}
#main_navigation .sitenav ul li ul li a{padding-left:20px !important; }
#main_navigation .sitenav ul li ul li a{ border:none;}
#main_navigation .sitenav ul li ul li ul li a{padding-left:30px !important;}
#main_navigation .sitenav ul li ul li ul li ul li a{padding-left:40px !important;}
#main_navigation .sitenav ul li:hover > ul{ background:none !important; box-shadow:none;}
#main_navigation .sitenav ul li:hover > ul{ background: transparent !important; width:auto !important; display:block; position: relative !important; left:0; right:0; top:0; padding:0;}
#main_navigation .sitenav ul li:hover ul li ul, 
#main_navigation .sitenav ul li:hover ul li:hover > ul, #main_navigation 
#main_navigation .sitenav ul li:hover ul li:hover > ul li ul{  background: transparent !important; display:block; position:relative !important;  right:0; left:0; top:0;}
#main_navigation .sitenav ul li:hover ul li:hover ul, 
#main_navigation .sitenav ul li:hover ul li:hover ul li:hover ul{ left:0 !important;}
.leftlogo{ text-align: center; width: 100%; }
.rightmenu{width: 100%;margin: 0 0 4px 0; }
}