/*
Theme Name: Breadandcake Pro
Theme URI: https://flythemes.net/wordpress-themes/bread-and-cake-bakery-wordpress-theme/
Author: FlyThemes
Author URI: https://www.flythemes.net/
Description: Bread & Cake is a bakery WordPress theme designed for bakery, food or beverage company, bread shop or other similar businesses. The theme is a ultimate solution for pastry or pizza delivery services or any kind of cafe or restaurant. Bread & Cake is a fully responsive and retina ready theme, so it looks amazing on any screen sizes. Comes with easy to use option framework and hence it is very easy to customize without having knwoledge of coding. Services section is available on the homepage to showcase your services. Shop is also included with the theme. Compatible with most popular plugins like WooCommerce, Contact Form 7, Nextgen Gallery and many more. Comes with 800+ Google fonts and 650+ Font Awesome icons. The theme supports compability with "All in One SEO pack" & "SEO by Yoast".  The theme is translation ready and compatible with qTranslate X plugin. Built with valid HTML5 and CSS3 code. It is cross-browser compatible theme and comes with one-click demo install. Enjoy the demo here: http://www.flythemesdemo.net/breadandcake
Version: pro 1.0
License: GNU General Public License version 3
License URI: license.txt
Text Domain: breadandcake
Tags: yellow,white,black,one-column,two-columns,left-sidebar,right-sidebar,responsive-layout,custom-background,custom-header,custom-menu,editor-style,featured-images,full-width-template, sticky-post,threaded-comments,translation-ready,theme-options,photoblogging

Bread and Cake Pro WordPress Theme has been created by FlyThemes(flythemes.net), 2017.
Bread and Cake Pro WordPress Theme is released under the terms of GNU GPL
*/

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0; padding:0; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*{ margin:0; padding:0; outline:none;}
body{ margin:0; padding:0; box-sizing:border-box; -ms-word-wrap:break-word; word-wrap:break-word; line-height:25px; margin:0; padding:0; color:#7c7b7b; font-size:15px; font-family:'Roboto'; background-color:#ffffff;}
img{ margin:0; padding:0; border:none;}
section img, img{max-width:100%; height:auto;}
h1,h2,h3,h4,h5,h6{ margin:0 0 20px; padding:0; line-height:1; font-weight:400;}
h1{ font-size:35px;}
h2{ font-size:30px;}
h3{ font-size:25px;}
h4{ font-size:16px;}
h5{ font-size:15px;}
h6{ font-size:14px;}
.left{float:left;}
.right{float:right;}
blockquote{ background:url(images/icon_quote.png) no-repeat 25px 5px; padding:15px 15px 15px 50px !important; font-style:italic; color:#888; font-size:14px; line-height:1.5;}
.hr{border-bottom:1px solid #333; height:15px; clear:both;}
p{ margin:0; padding:0;}
a{ text-decoration:none; outline:none;}
a:hover{ text-decoration:none; outline:none;}
ul{ list-style:none; margin:0; padding:0;}
article ul, article ol{ margin:0 0 15px 15px;}
article ul li{ list-style: disc;}
.custom-height{ min-height:20px;}
.clear{ clear:both;}
.middle-align{ margin:0 auto; padding:0;}
.wp-caption{ margin:0; padding:0; font-size:13px; max-width:100%;}
.wp-caption-text{ margin:0; padding:0;}
.sticky{ margin:0; padding:0;}
.gallery-caption{ margin:0; padding:0;}
.alignleft, img.alignleft {display: inline; float: left; margin-right:25px; margin-top:4px; margin-bottom:6px; padding:0; height:auto;}
.alignright, img.alignright { display: inline; float: right; margin-left:25px; height:auto;}
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0;  height:auto;}
.comments-area{ margin-bottom:15px;}
.comment-list .comment-content ul { list-style:none; margin-left:15px;}
.comment-list .comment-content ul li{margin:5px;}
.main-container ol{list-style-position:outside; margin-left:20px;}
.main-container ol li{margin:5px 0;}
.lastcols{ margin-right:0 !important;}
.toggleMenu{display:none;}
section{ padding:50px 0;}
h2.section_title{ font-weight:500; font-size:33px; text-transform:capitalize; text-align:center; padding-bottom:20px; color:#805221; line-height:40px; font-family:'Lobster'; /*background:url(images/sectitleimg.png) no-repeat center 50px;*/ margin-bottom:30px;}

/*Header Info Bar CSS*/
.headerinfo { font:600 14px/22px 'Roboto'; padding:10px 0;}
#slider{ width:100%; margin:0; padding:0; position:relative;}
.logo{float:left;  text-align:left; padding:17px 0;}
.logo h1{font-weight:700; margin:0px; text-transform:capitalize;}
.logo a{color:#ffffff;}
.tagline{ font-family:'Roboto'; font-size:13px; color:#ffffff; display:block;}
.header_right{ float:right; text-align:right;}
.header-top{ color:#ffffff; line-height:36px; font-size:13px; font-weight:500; font-family:'Roboto'; border-bottom:1px solid #5d5c5a;}
.header-top .left { padding:6px 0;}
.header-top .left span {margin-right:20px;}
.header-top .left i { margin-right:5px; font-size:1.2em;}

.header-top .right{ text-align:right; padding:0;}

/* = social icons css
-------------------------------------------------------------- */
.social-icons{ display: table; }
.social-icons a{ width:48px; height:48px; line-height:48px; text-align:center;  vertical-align:middle; /*display:inline-block;*/ display:table-cell; padding:0; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s; font-size:16px; color:#ffffff; border-left:1px solid #5d5c5a;}
.social-icons a:hover { color:#ffa200;}
.social-icons a:last-child { border-right:1px solid #5d5c5a;}
.social-icons br{ display:none;}
.container{ width:1170px; margin:0 auto; position:relative;}

/*header menu css*/
#headernav{ border-top:1px solid #1c1006; border-bottom:1px solid #1c1006;}
.toggle{display: block;}
.toggle a{width:auto; color:#ffffff; background:url(images/mobile_nav_right.png) no-repeat right center #0e2d45; padding:10px 25px; margin-top:5px; font-size:16px; text-align:left;}
.toggle a:hover{color:#ffffff !important;}
.header.fixed{ position: fixed; top:0; z-index:999999; padding:14px 25px;}
.header{width:100%; z-index:999; position:absolute; background-color:rgba(0, 0, 0, 0.3); top:0;}
.header.contacthead { background-color:rgba(0, 0, 0, 0.7);}
.header-inner { width:1170px; margin:0 auto; position:relative;}
.sitenav{ padding:0; position:relative; z-index:9999; }
.sitenav ul {margin:0; padding:0; font-family:'Roboto'; font-size:13px; font-weight:700; text-transform:uppercase;}
.sitenav ul li{ /*display:inline-block;*/ display:table-cell; position:relative;}

.sitenav ul li a{padding:35px 15px; display:block; text-align:center; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s;}
.sitenav ul li ul li{display:block; position:relative; float:none; top:1px; border-bottom:1px #1c1006 solid; border-right:1px #1c1006 solid;}
.sitenav ul li ul li a{display:block; padding-top:7px; padding-bottom:7px; position:relative; top:0; text-align:left;}
.sitenav ul li a:hover, .sitenav ul li.current_page_item a, .sitenav ul li:hover a.parent{ color:#ffa200;}
.sitenav ul li ul.sub-menu li a:hover, .sitenav ul li.current_page_item ul.sub-menu li a:hover, .sitenav ul li ul.sub-menu li.current_page_item a{ background-color:transparent;}
.sitenav ul li ul{display:none; z-index:9999; position:relative;}
.sitenav ul li:hover > ul{display:block; width:185px; position:absolute; left:0; text-align:left; }
.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;}

/* = Nivo slider caption image css 
-------------------------------------------------------------- */
.nivoSlider span img { position:relative; top:-7px;}
.nivoSlider span.leftimg { margin-right:17px; float:none; display:inline-block; vertical-align:middle;}
.nivoSlider span.rightimg { margin-left:17px; float:none; display:inline-block; vertical-align:middle;}
.nivoSlider img.nivoimg { position:relative;}

/* = innerbanner css 
-------------------------------------------------------------- */
.innerbanner{ text-align:center; height:300px; overflow:hidden;}
.innerbanner img{ position: relative; background-size:cover; width:100%; height:auto;}

/*search form css*/
.searchbox{position:relative; min-width:35px; width:0%; height:40px; float:right; overflow:hidden;padding-left:20px; -webkit-transition: width 0.3s;    -moz-transition: width 0.3s; -ms-transition: width 0.3s; -o-transition: width 0.3s; transition: width 0.3s;}
.searchbox-input{top:0; right:0; border:0;outline:0;background:#ece8e8;width:100%;height:40px;margin:0;padding:0px 55px 0px 20px;font-size:13px;color:#7f7f7f;}
.searchbox-input::-webkit-input-placeholder{color:#7f7f7f;}
.searchbox-input:-moz-placeholder{color:#7f7f7f;}
.searchbox-input::-moz-placeholder{color:#7f7f7f;}
.searchbox-input:-ms-input-placeholder{color:#7f7f7f;}
.searchbox-icon, .searchbox-submit{width:35px;height:40px;display:block;position:absolute;top:0;font-family:verdana;font-size:22px;right:0;padding:0 !important;margin:0 !important;border:0 !important;outline:0;line-height:40px;text-align:center;cursor:pointer;color:#dcddd8;background:url(images/search-icon.png) no-repeat center center #34c6f6;}
.searchbox-open{ width:40%;}

/* = Get An Appointment css
-------------------------------------------------------------- */
a.ReadMore{ font:500 13px/22px 'Roboto'; border-bottom:2px solid #2a2a2a; color:#282828; padding-bottom:5px; text-transform:capitalize; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; }
a.ReadMore:hover{border-bottom:2px solid #805221; color:#805221; }
.custombtn{ margin-top:30px;}

a.morebutton{ background-color:#f0d4bc; color:#42332c ; padding:17px 30px; font:500 14px/20px 'Roboto'; text-transform:uppercase; display:inline-block; border-radius:5px; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
a.morebutton:hover{ background-color:#42332c; color:#ffffff; }

a.buttonstyle1{ background-color:#805221; color:#ffffff; padding:15px 30px; font:400 14px/20px 'Roboto'; display:inline-block; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; }
a.buttonstyle1:hover{ background-color:#f0d4bc; color:#42332c;}

/* Buttons */
a.button, .woocommerce ul.products li.product .button{ background-color:#f0d4bc; color:#42332c; padding:15px 35px; font:500 14px/20px 'Roboto'; display:inline-block; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; margin-top:20px; text-transform:uppercase;}
a.button:hover, .woocommerce ul.products li.product .button:hover{ background-color:#42332c; color:#ffffff;}

/* = Section First CSS Discover Our Restaurant
-------------------------------------------------------------- */
.three-column { position:relative; margin:0; padding:0; text-align:center;}
.three-column p { width:72%; margin:0 auto;}
.three-cols { width:31.33%; float:left; margin:30px 3% 10px 0; padding:11px; border:2px dashed #805221; text-align:center;}
.three-cols#last { margin-right:0;}
.cols-thumb { width:100%; }
.cols-thumb img { width:auto; height:auto;}
.cols-desc { padding:20px 10px 20px 10px;}
.cols-desc p { width:100%;}
.cols-desc h3 { font:400 25px 'Lobster'; color:#805221; text-transform:capitalize;}

/* = Section Second CSS Our Sweet Selection
-------------------------------------------------------------- */
.prosweet { position:relative; text-align:center;}
.woocommerce ul.products li.product h3 { font-weight:400; padding-bottom:0.8em; position:relative;}
.woocommerce ul.products li.product h3::after{ content:""; position:absolute; width:25px; height:2px; background-color:#805221; bottom:0; left:0; right:0; margin:0 auto;}
.woocommerce ul.products li.product .price del { display:none;}
.woocommerce ul.products li.product .price { margin-top:20px;}
.woocommerce ul.products li.product .price ins { font-size:20px; color:#805221; font-family:'Lobster';}
.woocommerce ul.products li.product .button { padding:10px 20px;}

/* = Section Third CSS services (whyus/mission/value)
-------------------------------------------------------------- */
.services { position:relative; text-align:center;}
.services p { width:59%; margin:0 auto;}
.services a.buttonstyle1 { margin-top:20px;}
.services-box { width:31.6%; float:left; margin:30px 30px 30px 0; padding:0; text-align:center;}
.services-box#last { margin-right:0;}
.services-icon { width:128px; height:128px; margin:15px auto 20px; border:2px dashed #805221; border-radius:50%; display:inline-table;}
.services-icon i { font-size:4em; color:#474a55; display:table-cell; vertical-align:middle;}
.services-desc { padding:13px;}
.services-desc h3 { position:relative; padding-bottom:20px;}
.services-desc h3::after{ content:""; position:absolute; width:25px; height:2px; background-color:#805221; bottom:0%; left:0; right:0; margin:0 auto;}
.services-desc p { width:100%;}

/* = Section Fourth CSS Our Team
-------------------------------------------------------------- */
.teammember-list{width:23%; float:left; margin:25px 31px 25px 0; position:relative; text-align:center; padding:0;}
.teammember-list h3{ font-weight:400; text-transform:capitalize; color:#805221; padding-bottom:15px; margin-bottom:15px; position:relative;}
.teammember-list h3 a { color:#805221;}
.teammember-list h3::after{ content:""; position:absolute; width:25px; height:2px; background-color:#805221; bottom:0%; left:0; right:0; margin:0 auto;}
.titledesbox cite { font:400 14px 'Roboto'; color:#828181;}
.titledesbox{ padding:20px 0 10px;}
.thumnailbx { max-height:314px; z-index:9999; position:relative;}
.thumnailbx .thumb-shape{ width:auto; margin:0; padding:0; position:absolute; bottom:-8px;}
.thumnailbx img { width:100%; height:auto;}
.titledesbox p { margin-bottom:0;}

/* = Section Fifth CSS What Clients Says
-------------------------------------------------------------- */
.testimonials { position:relative;}
.testimonials h2.section_title { color:#ffffff;}
#clienttestiminials{ padding-bottom:40px; text-align:center; margin-top:20px;}
#clienttestiminials .item { padding:0px;}
#clienttestiminials .tmthumb{ width:71px; height:71px; margin:10px auto 20px; border-radius:50%;}
#clienttestiminials .tmthumb img{ width:100%; height:100%; border-radius:50%; }
#clienttestiminials p { font:400 15px/22px 'Roboto'; color:#f5fcfe; width:79%; margin:35px auto;}
#clienttestiminials h6{ margin:0px 0 15px; text-transform:capitalize; font-size:20px; color:#ffa200; font-family:'Lobster';}
#clienttestiminials h6 a{color:#ffae00;}

/*testimonials*/
.client-say{ width:80%; margin:0 auto;  position:relative; z-index:1; font:normal 16px/24px 'Montserrat'; color:#333; }
.client-say .timthumb{ width:10%; float:left;}
.client-say .timthumb img{ height:100%; }
.client-say .tm_description{ width:87%; float:right;}

.client-say p{ margin-bottom:30px;}
.client-say h6{ color:#fff; margin:20px 0 0 0; text-transform:none; }

/*testimonials listing*/
.tmnllisting{ margin-bottom:35px; min-height:120px;}
.tmnllisting .tmnlthumb{ float:left; width:120px; height:120px; margin:0 5% 0 0; overflow:hidden;}
.tmnllisting .tmnlthumb img{ width:100%; height:100%; border-radius:50%;}
.tmnllisting h6{ margin-bottom:10px; padding-top:10px; text-transform:uppercase;}

#testimonials-widget h6{ margin-bottom:5px; text-transform:capitalize;}
#testimonials-widget p{ margin-bottom:15px;}

/* = Section Sixth CSS Latesr Posts
-------------------------------------------------------------- */
.news-box{ width:31.5%; float:left; margin:15px 32px 30px 0;}
.news-box.last { border-bottom:0; margin:15px 0 15px 0; padding:0;}
.news-box .news-thumb{ overflow:hidden;}
.news-box .news-thumb img{ width:100%; height:100%;}
.news-box .newsdesc { padding:15px 0px 30px;}
.news-box p{ margin-bottom:15px; font-size:13px; color:#646464;}
.news-box h3{ padding:0px; margin-bottom:0; color:#805221; font-size:25px; text-transform:capitalize; font-family:'Lobster'; line-height:35px;}
.news-box h3 a{ color:#362b21;}
.news-box h3 a:hover{color:#ffae00; }
.news-box .PostMeta{ font-size:13px; color:#7c7c7c; margin-top:5px; padding-bottom:10px; font-weight:500;}
.news-box .PostMeta span { padding-left:10px; border-left:1px solid #24b9d7;}
.news-box .PostMeta a { text-transform:capitalize; color:#805221; padding-right:10px;}
.news-box:last-child{ margin:15px 0;}
.news-box .ReadMore{ margin-top:10px;}

h2.heading{ padding-bottom:15px;}
.underline{ border-bottom:1px solid #efeded;}

/* = Accordion tab section css
-------------------------------------------------------------- */
.acc-content a { font-weight:bold; line-height:30px;}

/* --------- Pages ------- */
.content-area{ padding:50px 0;}
.site-main{ width:830px; margin:0; padding:0; float:left;}
.sitefull{ width:100% !important;}
#sidebar{ width:300px; float:right;}
.sidebar-left{ float:left !important;}
#sidebar .quotes h6 a { color:#ffffff;}
/*.sidebar-left #sidebar{ width:auto;}*/
.flotRight{ float:right !important;}
/*sidebar css*/
aside.widget{margin-bottom:30px; padding:20px; background-color:#151515;}
aside.widget ul{ list-style:disc; }
h3.widget-title{ padding:12px 15px; margin-bottom:-1px; color:#e4e3c3; background-color:#242424; font-size:17px; }
#sidebar #contactform_main input[type=text], #sidebar #contactform_main input[type=email], #sidebar #contactform_main input[type=tel],#sidebar #contactform_main input[type=url], #sidebar #contactform_main textarea{width:90%; }
#sidebar #contactform_main p{ margin-bottom:10px;}

#sidebar ul li{ list-style: disc inside ; border-bottom:1px dashed #ffffff; padding:8px 0 8px 0;}
#sidebar ul li a{ font:300 14px/18px "Roboto";  padding-left:10px; color:#ffffff; }
#sidebar ul li a:hover{ color:#ffa200;}
#sidebar ul li:last-child{ border:none;}
.nosidebar{ float:none !important; margin:0 auto;}
#sidebar .search-form input.search-field{ background-color:#151515; width:80%; padding: 12px 15px 12px 15px; box-sizing:border-box;}
#sidebar .search-form input.search-submit{ background:url(images/search-icon.png) no-repeat center center #212121; padding: 12px 0 12px 0; font-size:0; width:20%; height:40px; float:right;}

/* = skill bar css
-------------------------------------------------------------- */
.skillbar {position:relative; display:block; margin-bottom:25px; width:100%; height:35px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -webkit-transition:0.4s linear; -moz-transition:0.4s linear; -ms-transition:0.4s linear; -o-transition:0.4s linear; transition:0.4s linear; -webkit-transition-property:width, background-color; -moz-transition-property:width, background-color; -ms-transition-property:width, background-color; -o-transition-property:width, background-color; transition-property:width, background-color;}
.skillbar-title { font:16px 'Lobster';color:#6e6d6d;}
.skillbar-title span { display:block; color:#6c5f5f; padding:0; height:35px; line-height:35px;}
.skillbar-bar { height:12px; width:0px; background:#ffae00; border-radius:8px;}
.skill-bar-percent { position:absolute; right:0; top:0; font-size:15px; height:35px; line-height:35px; color:#6c5f5f;}
.skill { width:46.98%; float:left;}
.skill-bar { margin:60px 0 0 0;}
.skill-bg{ width:100%; background-color:#e0dfdf; border-radius:8px;}

/* = Footer css
-------------------------------------------------------------- */
#footer-wrapper{ background-color:#2f1e0c; position:relative; padding:30px 0 0; color:#c8c7c5;}
#footer-wrapper p { font:400 13px/22px 'Roboto';}
.cols-3{ width:23%; float:left; margin:0 30px 30px 0; position:relative;}
.cols-3 h5{ margin-bottom:15px; padding-bottom:15px; text-transform:capitalize; margin-top:20px;}
.cols-3 ul li{ list-style:disc inside none;}
.cols-3 ul li:last-child{ margin-right:0;}
.cols-3 ul li a{ padding:8px 0 8px 10px; display:inline-block; color:#b38f6e;  }
.cols-3 ul li a:hover, .cols-3 ul li.current_page_item a{ color:#ffae00;}
.widget-column-4 { margin-right:0;}
.cols-3 ul li:last-child a{ border-bottom:none;}

/*footer opening hours*/
.cols-3 .spanleft { float:left; text-align:left; font:400 13px/22px 'Roboto'; margin-bottom:10px;}
.cols-3 .spanright { float:right; text-align:left; font:400 13px/22px 'Roboto'; margin-bottom:10px;}

/*footer recent post*/
ul.recent-post{ margin:0px; padding:0px; list-style:none;}
ul.recent-post li{ width:77px; height:77px; float:left; margin:0 19px 19px 0; list-style:none;}
ul.recent-post li a { padding:0;}
ul.recent-post li img { width:100%; height:100%;}
ul.recent-post li img:hover { opacity:0.5;}
ul.recent-post li:nth-child(3n+3) { margin-right:0;}

.contactdetail{ line-height:22px; margin-top:20px;} 
.contactdetail i{ margin-right:20px; font-size:16px;}
.contactdetail p{ margin-bottom:5px;}
.contact_right .contactdetail {padding:20px 15px 15px 15px; background-color:#33281e; color:#ffffff; margin-top:0;}

.cols-3 .social-icons{ margin-top:20px;}
.cols-3 .social-icons a{ width:40px; height:40px; line-height:40px; margin:0 5px 10px 0; padding:0; border-radius:50%; -moz-border-radius:50%; -webkt-border-radius:50%; color:#ffffff; border:none; display:inline-block;}
.cols-3 .social-icons a:hover{ color:#ffffff;}

.copyright-wrapper { background-color:#2f1e0c; color:#c8c7c5; position:relative; padding:25px 0; border-top:1px solid #3c3228; font:400 13px/22px 'Roboto';}
.copyright-txt{float:left; font-weight:normal;}
.designby{float:right; font-weight:normal;}

/* = Contact Form css
-------------------------------------------------------------- */
.wpcf7{ margin:0; padding:0; font:15px 'Roboto'; color:#000000;}
.wpcf7 form{ margin:0; padding:0;}
.wpcf7 form span.last{ float:none !important;}
.wpcf7 form input[type="url"], .wpcf7 form input[type="date"], .wpcf7 form select{ background-color:#ffffff; border:1px solid #eed2bb; padding:5px 3px; margin-top:10px; font:14px arial; color:#000000;}
.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;}
#contactform_main input[type=text], #contactform_main input[type=email], #contactform_main input[type=tel], #contactform_main input[type=url], #contactform_main textarea{width:40%; border:1px solid #f391bc; padding:15px; float:left; margin:0 8px 8px 0; background-color:#f2c4d8; color:#000000;}   
#contactform_main textarea{ width:85.6%; margin-right:0; height:130px;background-color:#f2c4d8;} 
#contactform_main span.capcode{ float:left; padding:13px; padding:13px; margin:0 8px 8px 0;}   
#contactform_main input[type=submit], .wpcf7 form input[type="submit"] { font:700 16px/24px 'Roboto'; text-transform:uppercase; cursor:pointer; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; margin-top:20px;}
.wpcf7 form input[type="text"], .wpcf7 form input[type="email"], .wpcf7 form input[type="tel"], .wpcf7 form textarea{ border:1px solid #f2c4d8; padding:15px; margin:0 8px 8px 0; background-color:#f2c4d8;}
.wpcf7 form textarea{ margin-right:0; height:130px;} 

/*Reservation form css*/
.book-table{ position:relative; }
.book-table-cont{ float:left; width:58%; }
.book-table-cont h1{ text-transform:uppercase; }
.book-table-cont p{ margin-bottom:50px; }
.book-table-cont .form-group{ margin-bottom:30px; position:relative; }
.book-table-cont .form-group .form-field{ width:32%; float:left; margin-right:2%; }
.book-table-cont .form-group .form-field.last{ margin-right:0; }
.book-table-cont .form-group .form-field input, .book-table-cont .form-group .form-field select{ width:100%; margin:0; background-color:transparent; border:1px solid #e1e1e1; color:#000000; padding:10px 15px; height:50px; border-radius:5px; }
.book-table-cont .form-group .res-btn{ display:table; padding:20px 50px; width:auto; margin-top:50px; }
.book-table-image{ float:right; width:40%; }

.book-table.left-pos .book-table-cont{ float:right; }
.book-table.left-pos .book-table-image{ float:left; }


#reservation_form input[type=text], #reservation_form input[type=email], #reservation_form input[type=tel], #reservation_form textarea,.wpcf7 form input[type="text"], .wpcf7 form input[type="email"], .wpcf7 form input[type="tel"], .wpcf7 form textarea{ width:90%; background-color:#2f1e0c; color:#c8c7c5; border:1px solid #2f1e0c; padding:10px 15px; }
#reservation_form p, .wpcf7 form{ margin-bottom:6px;}
#reservation_form input[type=submit], .wpcf7 form input[type="submit"] { font:400 20px/24px 'Roboto'; text-transform:uppercase; cursor:pointer; width:100%; }

iframe{ width:100%;}
.contact_left{ float:left; width:65%; }
.contact_right{ float:right; width:30%;}
.contact_right h3{ /*margin-bottom:15px;*/}
.post-title{ margin-bottom:0px; font-weight:400; line-height:25px;}
.post-title a{ color:#e4e3e3;}

.blog-post-repeat .postmeta{ border-bottom:1px solid #805221; margin-bottom:15px;}
p.read-more a{font:600 12px/22px 'Roboto';background-color:#ff6565; color:#fff; text-align:center; padding:5px 15px;  display:inline-block; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
p.read-more a:hover { background-color:#34c6f6;}
.blog-post-repeat .post-thumb img{ float:left; margin-right:15px; margin-bottom:15px; height:auto;}

/*default css*/
.error_msg{padding:10px; background:#ffd3ce; color:#e00; border:1px #e00 solid; margin:15px 0;}
.success_msg{padding:10px; background:#dcffc5; color:#070; border:1px #070 solid; margin:15px 0;}
.spacer20{height:20px; clear:both;}
.pagination{display:table; clear:both;}
.pagination ul{list-style:none; margin:20px 0;}
.pagination ul li{display:inline; float:left; margin-right:5px;}
.pagination ul li span, .pagination ul li a{background:#303441; color:#fff; padding:5px 10px; display:inline-block;}
.pagination ul li .current, .pagination ul li a:hover{background:#34c6f6;}
article.tag-sticky-2{background:#f6f6f6; padding:10px;}

h1.entry-title{font-weight:600; font-size:30px; text-transform:capitalize; padding-bottom:20px; margin-bottom:30px; position:relative;}
h1.entry-title::after{ content:""; position:absolute; width:50px; height:2px; background-color:#805221; bottom:0; left:0; right:0; }

article p{margin:0 0 20px 0;}
.post-date{display:inline;}
.post-comment{display:inline;}
.post-categories{display:inline;}
.post-tags{display:inline;}
form.search-form{margin-bottom:20px;}
input.search-field, .post-password-form input[type=password], .wpcf7 form input[type="submit"]{border:none; padding:7px 15px;}
input.search-submit, .post-password-form input[type=submit], .wpcf7 form input[type="submit"]{border:none; color:#ffffff; padding:7px 15px; cursor:pointer; }

.nav-previous{float:left; margin-top:10px; margin-bottom:10px;}
.nav-next{float:right; margin-top:10px; margin-bottom:10px;}
nav.post-navigation{padding:10px 0 20px;}
.comment-list, ol.comment-list{list-style:none; margin-left:0; margin-top:20px; margin-bottom:20px;}
.comment-list ul, ol.comment-list ul{list-style:none;}
.comment-list li.comment{margin-top:20px;}
.comment-list .comment-content h1, .comment-list .comment-content h2, .comment-list .comment-content h3, .comment-list .comment-content h4, .comment-list .comment-content h5, .comment-list .comment-content h6{margin-top:15px;}

.customtab{ margin-top:0px;}

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

/* woocommerce CSS
================================================*/
a.added_to_cart{ background-color:#805221; color:#ffffff; padding:9px 17px; font:400 14px/20px 'Roboto'; display:inline-block; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; border-radius:3px;}
a.added_to_cart:hover{background-color:#f0d4bc; color:#42332c;}
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:'Roboto'; color:#42332c;}
.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:'Roboto'; color:#42332c;}
.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}
.woocommerce div.product .product_title { padding-bottom:20px;}
.woocommerce div.product p.price, .woocommerce div.product span.price { color:#805221; font-family:'Lobster';}
.woocommerce div.product p.price del { margin-right:10px;}
.woocommerce div.product form.cart, .woocommerce div.product p.cart { margin-top:2em;}
.woocommerce div.product form.cart div.quantity, .woocommerce div.product form.cart .button { float:none;}
.woocommerce div.product form.cart .button { margin-top:2em;}
.woocommerce .quantity .qty { border:1px solid #805221; height:19px;}
#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text { padding:10px 6px;}
#add_payment_method .wc-proceed-to-checkout a.checkout-button,.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {background-color:#805221 !important; color:#ffffff !important;}
.woocommerceright{float:left;}
.woocommerceleft{float:right;}
.content-area .woocommercesitefull{ width:100%;}

/*post nav css*/
.post-nav{ clear:left; margin-top:40px;}
.prev-page, .next-page{ margin:0; padding:0;}
.prev-page a{ float:left;}
.next-page a{ float:right;}
.prev-page a, .next-page a{background-color:#515151; padding:5px 10px; color:#ffffff; font:15px 'Roboto';}
.prev-page a:hover, .next-page a:hover{ color:#ffffff; background-color:#34c6f6;}
.singleright { float:left; }
.singleleft { float:right; }
/*back to top css*/
#top{ position:relative;}
#back-top {	position: fixed; bottom: 15px; right:25px;}
#back-top a {width:64px; display: block; text-align: center; font: 11px/100% Arial, Helvetica, sans-serif;text-transform: uppercase; text-decoration: none;color: #bbb;/* background color transition */ -webkit-transition:1s; -moz-transition:1s; transition:1s;}
#back-top span {width:64px;height:62px;	display: block;	margin-bottom: 7px;	background: url(images/up-arrow.png) no-repeat center center;/* background color transition */ -webkit-transition:1s; -moz-transition:1s; transition:1s; opacity:0.5;}
.slider-main{ min-height:498px; position:relative; background:url(images/loading.gif) no-repeat center center #fff;}
.boxlayout{ width:1210px; margin:0 auto; box-shadow:0 5px 10px #000}
.boxlayout .container{ padding:0 20px;}

body.page-template-template-fullscreen header.entry-header{ display:none; }
body.page-template-template-fullscreen .container header.entry-header{ display:block; }