/*
Theme Name: Clovemix
Theme URI: http://flythemes.net/wordpress-themes/clovemix-restaurant-wordpress-theme/
Author: Flythemes
Author URI: http://flythemes.net/
Description: Clovemix is a nice and elgant fully responsive restaurant WordPress theme. This theme is nice crafted for food businesses like coffee shops, restaurants, food point, hotels, food shop, cafe bars and other relevant business. This theme is fully tested and compatible with the latest version of WordPress. By using this theme you can create a fully functional and dynamic website. It has some great options in customizer like slider, home sections, colors and more. This restaurant WordPress is extremy easy to use for non codes as well.
Requires at least: 5.9
Tested up to: 6.0
Requires PHP: 5.6
Version: 1.3.2
License: GNU General Public License
License URI: license.txt
Text Domain: clovemix
Tags: food-and-drink, holiday, two-columns, one-column, right-sidebar, custom-background, custom-menu, editor-style, sticky-post, featured-images, full-width-template, theme-options, threaded-comments, translation-ready

Clovemix WordPress Theme has been created by Flythemes (flythemes.net), 2022.
Clovemix WordPress Theme is released under the terms of GNU GPL

*/

*{margin: 0; padding: 0; outline:0;}
body{ margin:0; padding:0; font:13px arial; color:#ffffff; line-height:1; background-color:#000000; }
img{border:0; padding:0; margin:0; max-width:100%; }
a{text-decoration:none;}
a:hover{text-decoration:none; color:#ffffff;}
blockquote p{padding:0; margin:0; }
blockquote{color:#777; font-style:italic; line-height:1.5; padding:20px 15px; margin:15px 0 20px; background:#f6f6f6; position:relative;}
p{line-height:1.7; margin:5px 0 20px;}
h1, h2, h3, h4, h5, h6 { color:#ffffff; line-height:1.5; -ms-word-wrap: break-word; word-wrap: break-word; font-weight:400; margin-bottom:15px; font-family:'Tangerine', cursive;}
h1{font-size:45px; line-height:30px;}
a.pro-link{ margin:0; padding:0;}
h2{font-size:26px; line-height:28px; color:#ffffff;}
h3{font-size:30px; line-height:26px; color:#ffffff;}
h4{font-size:22px; line-height:24px; color:#ffffff;}
h5{font-size:20px; line-height:20px;}
h6{font-size:25px;}
h1 span{ color:#ffffff;}
.space10{ height:10px; clear:both;}
.space20{ height:20px; clear:both;}
.space30{ height:30px; clear:both;}
.space40{ height:40px; clear:both;}
.space50{ height:50px; clear:both;}
code{color:#b40000; font-family:pt sans;}
.reply{ padding-bottom:10px;}
.clear{clear:both;}
.right{float:right;}
.left{float:left;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-justify{text-align:justify;}
.alignleft, .alignright, .aligncenter{ background-color:#fff; padding:5px; border:1px solid #e7e6e6; box-shadow: 0 8px 6px -6px #555;}
.alignleft{float:left; margin:5px 20px 5px 0; }
.alignright{float:right; margin:0 0 5px 20px;}
.aligncenter{margin:5px auto; text-align:center;}
.alignnone{float:none; display:block;}
 hr{background:url(images/hr_double.png) repeat-x center top; border:none; height:8px; padding:10px 0; clear:both;}
.wrapper_main{ position:absolute; top:0; width:100%; z-index:1;}
.main-wrap{ position:relative;}
.container{width:990px; margin:30px auto !important;}
.container-footer, .container-header{width:990px; margin:0 auto !important;}
.home-post{width:990px; margin:0 auto 30px; box-shadow:0 0 3px rgba(100, 100, 100, 0.3); -moz-box-shadow:0 0 3px rgba(100, 100, 100, 0.3); -webkit-box-shadow:0 0 3px rgba(100, 100, 100, 0.3); -o-box-shadow:0 0 3px rgba(100, 100, 100, 0.3);}
.home-post > div{ padding:20px;}
.home-post h2.entry-title{  padding-bottom:10px; text-align:center; font:700 38px 'Tangerine', cursive;;}
.header{padding:0 0 12px;}
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px;width: 1px; overflow: hidden;}

.mobile_nav a{background:url(images/base/mobile_nav_right.png) no-repeat right center #222; border:1px #ccc solid; margin-top:10px; padding:12px 20px; display:none; color:#fff;}
.mobile_nav a:hover{ color:#f4e7e7;}
#logo{ float:left; padding:5px 0 0 0}
#logo h1{ text-transform:capitalize; font:700 52px 'Tangerine', cursive; margin:0;}
#logo p{ margin:0; line-height:inherit; color:#f1f1f1;}
.header_right{float:right; width:250px; text-align:center;}
.header_right h6{ padding:0; margin:0; color:#ffffff; font-size:17px; font-family:'PT Sans',san-serif;}


.header_menu nav{font:18px 'PT Sans',san-serif; padding-bottom:5px; width:990px; margin:0 auto;}
.readmore{ color:#fff; padding:10px; display:inline-block; font-size:11px; transition: all 0.5s ease 0s; background-color:#2d2a28;}
h3.widget_title, .readmore:hover{color:#ffffff; background-color:#2d2a28;}
a, .tm_client strong{ color:#5b9f01;}


.col_one_half, .col_one_third, .col_one_fourth, .col_one_fifth{float:left;}
.col_one_half{width:48%; margin-right:4%;}
.col_one_third{width:31%; margin-right:3%;}
.col_one_fourth{width:22%; margin-right:3%;}
.col_one_fifth{width:18%; margin-right:2%;}

.main_content_wrap{  box-shadow:0 0 3px rgba(100, 100, 100, 0.3); position:relative; overflow:visible; margin:30px 0;}
.services_wrap{ box-shadow:0 0 3px rgba(100, 100, 100, 0.3); position:relative; overflow:visible;margin-top:-30px;}
/* Welcome Wrap section css*/
.welcome_wrap .one_half{ width:60%; min-height:699px; margin:0; padding:0 60px 0 0; }
.welcome_wrap .last_column{ width:31%;  padding:0 0 0 20px; background:none;}
.welcome_wrap .last_column p{ margin:0;}
.welcome_wrap .last_column .front_blog p{ margin-bottom:15px;}
.welcome_wrap .one_half h3{ text-transform:uppercase; margin:0; border:2px solid #aeaeae; color:#fff; padding:10px;}
.sidebar-blog-posts{ padding:0 20px 10px; margin-bottom:10px;}
.sidebar-blog-posts h6{ margin:0; padding:0;}

.front_blog{ background-color:#fafafa; border:1px solid #e3e3df; padding:10px 20px 20px; margin-bottom:15px;}
.front_blog h6{ margin-bottom:5px;}
ul#testimonials{ margin:0; background-color:#fafafa; border:1px solid #e3e3df; padding:10px 20px 20px; margin-bottom:15px;}
ul#testimonials li{ background:none; margin-bottom:10px; padding:0 0 10px; border-bottom:1px dotted; font-style:italic; color:#969696;}
ul#testimonials li:last-child{ border-bottom:none;}
ul#testimonials li cite{ text-align:right; font-weight:bold; display:block;}

/* Blog Wrap section css*/
.blog_wrap{}
.blog_wrap .one_fourth{ margin-right:13px; width:236px;}
.blog_wrap .one_fourth h6{ margin-bottom:10px; color:#494949;}
.blog_wrap .one_fourth h6 a{ color:#494949;}
.blog_wrap .one_fourth .date-comments{ margin-bottom:10px;}
.blog_wrap .one_fourth .date-comments a{color:#737373;}
.blog_wrap .one_fourth span{ font-style: italic;}
.blog_wrap .one_fourth p{ line-height:20px;}
.blog_wrap .blogbx{ height:156px; display:block; overflow:hidden;}

.last-cols{ margin-right:0 !important;}

section ul{list-style:none; line-height:1.5;}
section ol, .content-area ol{margin-left:15px;}
section ol li, .content-area ol li{line-height: 30px;}
.sticky{background:#f6f6f6;}
.tag-sticky-2{background:#2d2a28; padding:10px;}
.features_more ul{margin-left:40px;}
.testimonials{padding:30px 0;}
.testimonials h5{text-align:center; color:#777;}
.post-comment{float:left;}
.post-date{float:left; color: #999;}
.post-tags{float:left;}
img{height:auto;}
blockquote .bubble{background:url(images/base/bq_bubble.png) no-repeat left top; height:13px; width:20px; position:absolute; display:block; bottom:-12px; left:15px;}
.tm_client{font-size:12px; font-weight:normal; color:#777; margin-bottom:10px;}
.tm_client strong{font-size:14px; color:#711112;}
.lead_text{width:75%; margin-left:auto; margin-right:auto; }
.pagination{padding:15px 0 5px; display:table;}
.pagination ul{list-style:none;}
.pagination ul li{list-style:none; background-image:none !important; padding:0 !important; margin-right:5px; display:inline; float:left; margin-top:5px;}
.pagination ul li a, .pagination ul li span{display:inline-block; padding:5px 10px; color:#fff; background-color:#333;}
.pagination ul li span.current, .pagination ul li:hover a {background-color:#711112;}
#sitefull{width:100%;}
#sidebar{margin-top:10px;}
#sidebar aside{margin-bottom:25px;}
#sitemain.nosidebar{margin-left:auto; margin-right:auto; float:none;}
.nav-previous{float:left;}
.nav-next{float:right;}
.postmeta{margin-bottom:15px;}
.post-navigation{padding-bottom:15px;}
.image-navigation .nav-next, .image-navigation .nav-previous{padding:15px 0;}
dd, dt{padding:5px 0; line-height:1.5;}
.wp-caption, .gallery-caption{max-width:100%; background:#f6f6f6; text-align:center; margin-bottom:10px;}
.wp-caption-text{text-align:center; color:#333; padding-bottom:10px; display:block; margin-bottom:0;}
.post-password-form input[type=password]{border:1px #ccc solid; padding:2px;}


/* woocommerce */
a.added_to_cart{background:#711112; padding:5px; display:inline-block; color:#fff; line-height:1;}
a.added_to_cart:hover{background:#000000;}
a.button.added:before{content:'' !important;}
#bbpress-forums ul li{padding:0;}
/*#subscription-toggle{float:left; padding:4px 0 0 15px;}*/
#subscription-toggle a.subscription-toggle{padding:5px 10px; display:inline-block; color:#711112; margin-top:4px;}
textarea.wp-editor-area{border:1px #ccc solid;}
article.type-post{margin-bottom:10px;}
.woocommerce .woocommerce-ordering select{ height:35px;}
label[for="payment_method_bacs"], label[for="payment_method_cheque"], label[for="payment_method_paypal"]{ color:#333333;}

.cf_text{width:400px; padding:5px; border:1px #ddd solid;}
.cf_textarea{width:400px; padding:5px; border:1px #ddd solid;}
.cf_captcha{width:278px; padding:5px; border:1px #ddd solid;}
.cf_button{padding:5px 15px; background:#711112; border:none; color:#fff; cursor:pointer;}
.cf_button:hover{background:#8496c0;}


/* =Editable Css
-------------------------------------------------------------- */
section#home_slider{ padding:0; position:relative; z-index:0;}
.content-part{ width:620px; float:left;}
.page-content{ padding:0 25px;}
.sidebar-left img, .front-left img{ float: left; margin:5px 12px 5px 0;}
.sidebar-right{ width:290px; float:right; }

.widget-area{ margin-bottom:20px;}
.widget_title{ padding:10px; background-color: #00d27f; color:#fff; margin:0 -20px 10px; font:700 30px 'Tangerine', cursive;;}
.sidebar-area{ border:1px solid #272727; margin-bottom:15px; padding:0px 20px 20px; color:#ffffff;}
.one_half .sidebar-area{ padding:0 0 20px !important;}
.one_half .sidebar-area ul#testimonials, .one_half .sidebar-area .front_blog{ padding:20px;}
.sidebar-area ul{ list-style:none; margin:0 !important;}
.sidebar-area ul li{  padding:0; }
.sidebar-area ul li a{text-decoration:none; color:#ffffff; }
aside select{ height:25px; margin-top:15px; width:100%;}
.sidebar-repeat{background:url(images/sidebar_shadow.png) no-repeat left top; padding-left:35px;}
.shadow-bottom{ background:url(images/sidebar_shadow_bot.png) no-repeat left bottom; height:98px; margin-top:-20px;}
.left .sidebar-repeat{ background-position: right top; padding:0 35px 0 0;}
.left .shadow-bottom{ background-position: right top;}

.blog-post h3.entry-title{color:#99612b; line-height:30px; padding:8px 0 12px 0; margin:0;}
.blog-post .postmeta{ line-height:22px; margin-bottom:15px; color:#555e58!important; }
.entry-date{float:right;}
.readmorelink{font-size:11px; background: url(images/bullet-2.png) no-repeat right 6px; padding:0 15px 0 0; width:auto; display:inline-block;}
.readmorelink a{color:#cc0000;}
.post-thumb{ width:30%;}
.post-thumb img{ float:left; margin:5px 15px 5px 0; background-color:#fff; padding:5px; border:1px solid #e1e0e0; box-shadow: 0 8px 6px -6px #555; }
footer.entry-meta{ clear:both;}
ol.comment-list{ list-style:none;}

.sidebar-area ul#testimonials, .sidebar-area .front_blog{ background-color:transparent; border:none; padding:0; margin:0;}

.page_wrapper{ padding:20px; }
.page_wrapper ul{ list-style:none; margin:0 0 20px 0;}
.page_wrapper ul li{ list-style:initial; padding-left:5px; line-height:22px;}

.contact_info{ float:right; width:30%; }
.blog-post-repeat, .blog-post .single-post{ margin-bottom:20px}

#footer{ color:#c7c6c6; padding:20px 0; font:13px arial;}
#footer a:hover{color:#ffffff;}
#footer ul{}
#footer ul li{ list-style:none; display:inline-block;}
#footer ul li a{ display:block; padding:0 6px; color:#fff;}
#footer ul li ul{ display:none;}
#footer p{ margin:0;}

#services-area{ padding:30px 0;}
.list-services{ width:23%; min-height:150px; display:inline-block; margin:0 17px 0 0; text-align:center; }
.list-services h6{ margin-top:8px; line-height:16px;}
.list-services img{}
.template-services h1{ text-transform:uppercase;}

.social_icons{  width:auto; padding:10px 20px 0;}
.social_icons a{ width:20px; height:20px; display:inline-block;  margin:0 0 0 1px; }
.social_icons a:hover{transition: all 0.4s ease 0s;}
.social_icons .textwidget{ display:inline;}
.social_icons .facebook{ background:url(images/fb.png) no-repeat center center;}
.social_icons .twitter{ background:url(images/twitter.png) no-repeat center center;}
.social_icons .linkedin{ background:url(images/linkedin.png) no-repeat center center;}
.social_icons .gplus{ background:url(images/g+.png) no-repeat center center;}
.social_icons .flickr{ background:url(images/flickr.png) no-repeat center center;}

/* =Menu
-------------------------------------------------------------- */
#menu_fix{ margin:0 auto; position:relative;}
.header_menu{ position:absolute; margin:5px auto 0; width:100%; padding:0; -webkit-box-shadow: 0 10px 10px -8px #222;
	   -moz-box-shadow: 0 10px 10px -8px #222; box-shadow: 0 10px 10px -8px #222; background-color:rgba(0,0,0,0.9);}
nav ul{list-style:none;}
nav ul li{float:left; display:inline-blok; position:relative; }
nav ul li a{display:block; padding:0 25px 0; font-weight:400;  line-height:40px; border-right: 1px solid #3d3d3d;}
nav ul li:last-child a{ border-right:none;}
nav ul li:first-child a{ border-left:none;}


@media screen and (min-width:768px){
/*first level*/
nav ul li ul{display:none; width:220px; z-index:99;}
nav ul li:hover ul{display:block; position: absolute; }
nav ul li:hover ul li{ border-bottom:1px solid #3e525a; margin-right:0;}
nav ul li:hover ul li a{ line-height:30px; text-align:left; background:none; padding:5px 25px; border:none;}

nav ul li.current-menu-item ul li{position:relative; }
nav ul li ul li, nav ul li ul li a, nav ul li.current-menu-item ul li, nav ul li.current-menu-item ul li a { display:block; float:none;}

/*second level*/
nav ul li:hover ul li ul, nav ul li:hover ul li:hover ul li ul{display:none;}
nav ul li:hover ul li:hover ul, nav ul li:hover ul li:hover ul li:hover ul{display:block; position:absolute; left:220px; top:0;}
}

.mainpage-area{ position:relative; width:1050px; margin:0 auto;}
.readmore:hover{ background-color:#00d27f;}
#footer{ background-color:#2d2a28;}

/* ------ Contact Form ------ */
.wpcf7{ margin:0; padding:0; font:15px arial; color:#ffffff;}
.wpcf7 p{ margin:0 0 10px; padding:0; line-height:inherit;}
.wpcf7 form{ margin:0; padding:0;}
.wpcf7 form span.last{ float:none !important;}
.wpcf7 form input[type="text"], .wpcf7 form input[type="email"], .wpcf7 form input[type="tel"], .wpcf7 form input[type="url"], .wpcf7 form input[type="date"], .wpcf7 form select, p.left input[type="text"], p.right input[type="url"], p.right input[type="email"], p.left input[type="tel"]{ background-color:#f1f1f1; border:1px solid #cccccc; padding:5px 3px; margin-top:10px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; font:13px arial; color:#777777;}
.wpcf7 form textarea, textarea{height:150px; width:400px; border:1px solid #cccccc; background-color:#f1f1f1; padding:5px 3px; margin-top:10px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; font:13px arial; color:#777777;}
.wpcf7 form input[type="checkbox"], .wpcf7 form input[type="radio"], .wpcf7 form input[type="file"]{ margin-top:10px; padding:0;}
span.wpcf7-list-item{ margin:0 15px 0 0 !important;}
.wpcf7 form input[type="submit"], p.sub input[type="submit"]{ margin:10px 0 0; padding:5px 20px; background-color:#ff8a00; border:1px solid #cccccc; color:#ffffff; border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; cursor:pointer;}
.post-categories{ float:left;}

@media screen and (min-width:1000px){
	nav ul li:hover, nav ul li.current_page_item, nav ul li:hover ul{background-color:#00d27f;}
	nav ul li a, nav ul li.current_page_parent li a, nav ul li a:hover, nav ul li.current_page_item a, nav ul li.current_page_parent li:hover a, nav ul li.current_page_parent li.current_page_item a, nav ul li.current_page_parent a.parent{color:#ffffff;}
	
} 
@media screen and (max-width:999px){
	nav ul li:hover, nav ul li.current_page_item, nav ul li:hover ul{background-color:#00d27f;}
	nav ul li a, nav ul li.current_page_parent li a, nav ul li a:hover, nav ul li.current_page_item a, nav ul li.current_page_parent li:hover a, nav ul li.current_page_parent li.current_page_item a, nav ul li.current_page_parent a.parent{color:#ffffff;}
}

/* ---- Search-form --- */
form.search-form{ margin:0; padding:0;}
form.search-form input[type="search"]{ border:1px solid #272727; padding:5px; margin-top:20px;}
form.search-form input[type="submit"]{ color:#ffffff; background-color:#2d2a28; border:none; padding:5px; cursor:pointer;}

/* Accessibility */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.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;
  clip-path: none;
  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. */
}

/* Do not show the outline on the skip link target. */
#sitemain[tabindex="-1"]:focus {
  outline: 0;
}