/*
Theme Name: Clovemix
Theme URI: http://flythemes.net/wordpress-themes/clovemix-restaurant-wordpress-theme/
Author: Flythemes
Author URI: http://flythemes.net/
Description: Clovemix is an elegant restaurant WordPress theme specifically crafted for the distinct needs of restaurants, cafes, and coffee shops looking to establish or enhance their online presence. This theme combines aesthetic finesse with practical functionality, providing an inviting digital atmosphere that mirrors the welcoming vibe of your physical venue. Designed with sophistication and a keen eye for the culinary industry's unique demands, this theme supports all types of food establishments from bustling bistros to tranquil tea houses and vibrant coffee shops. Its full responsiveness ensures that your website performs seamlessly across all devices, adapting perfectly to smartphones, tablets, and desktops, thus offering your visitors a consistently smooth experience whether they are booking a table or just browsing your menu. Additionally, the theme is fully compatible with the latest version of WordPress, which guarantees an easy setup and management process, as well as compatibility with numerous plugins and extensions that can enhance your site's functionality. SEO optimization is at the core of this theme, with built-in tools designed to boost your site's visibility in search engine results. This theme is not just about beauty; it's about combining elegance with efficiency, making it an indispensable tool for any restaurant or cafe aiming to thrive in the digital age. Whether you’re looking to attract more diners, showcase your gourmet dishes, or simply make a strong impression online, this WordPress theme is tailored to meet the needs of the modern restaurateur seeking style, functionality, and enhanced online visibility.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.3.4
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), 2025.
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;}
aside nav ul li{float: none !important;}
aside nav ul li:hover{background-color: transparent!important;}
aside nav ul li a{padding: 0 !important; border: none !important; display: inline !important;}
.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; -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); 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; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; 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; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; 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; -moz-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; 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;
}