/*
Theme Name: Hotel Center Lite
Theme URI: https://gracethemes.com/themes/hotel-center-lite/
Author: Grace Themes
Author URI: https://gracethemes.com/
Description: Hotel Center Lite is a simple, clean, easy to setup and user friendly free hotel booking WordPress theme. This theme is developed to create websites for hotel, restaurants, guest house, resort, cafe, lodge, food joint, spa, vacation, accommodation, holiday homes, bed and breakfast, rental services and all hotel related businesses. It can also be used for corporate, portfolio, creative agencies, tours & travel agencies, personal blog, photography, cuisines, recipes, bakery items and any other business websites. Hotel Center Lite theme is perfect for to create a professional and beautiful website for hotel business. This theme is responsive and looks great on any type of devices including smartphone, tablet, laptop and desktop PC. It is optimized for SEO to rank your website higher in search engine. Also, Hotel Center Lite is cross-browser compatible and supports popular browser like Mozilla Firefox, Google Chrome, Safari and IE.  Demo Link: https://gracethemes.com/demo/hotel-center/

Requires at least: 5.0
Tested up to: 5.7
Requires PHP: 5.6
Version: 2.0
License: GNU General Public License version 2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hotel-center-lite

Tags:blog,two-columns,right-sidebar,custom-logo,full-width-template,custom-colors,custom-header,featured-images,editor-style,custom-background,custom-menu,threaded-comments,theme-options, translation-ready

Hotel Center Lite WordPress Theme has been created by Grace Themes(gracethemes.com), 2018.
Hotel Center Lite WordPress Theme is released under the terms of GNU GPL
*/
body{ background-color:#fff; margin:0; padding:0;line-height:24px; font-size:14px; color:#363636; font-family:Arial, Helvetica, sans-serif;  -ms-word-wrap:break-word; word-wrap:break-word; }
*{ margin:0; padding:0; outline:none; box-sizing:border-box;}
img{ border:none; margin:0; padding:0; height:auto; max-width:100%;}
.wp-caption, .wp-caption-text, .sticky, .gallery-caption, .aligncenter{ margin:0; padding:0; max-width:100% !important;}
p{ margin:0; padding:0;}
a{ text-decoration:none; color:#efc62c;}
a:hover{ color:#333;}
ol,ul{ margin:0; padding:0;}
ul li ul, ul li ul li ul, ol li ol, ol li ol li ol{ margin-left:10px;}
h1,h2,h3,h4,h5,h6{ color:#484f5e; font-family:'Oleo Script', sans-serif; margin:0 0 20px; padding:0; line-height:1.1; font-weight:400; }
h1{ font-size:36px;}
h2{ font-size:30px;}
h3{ font-size:28px;}
h4{ font-size:22px;}
h5{ font-size:20px;}
h6{ font-size:14px;}

.left{ float:left;}
.right{ float:right;}

figcaption,figure{	display: block;}
figure {margin: 1em 0;}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}
a {	background-color: transparent;	-webkit-text-decoration-skip: objects;}
.postmeta{padding:5px 0 10px; color:#888; }
.postmeta a{color:#999;}
.postmeta a:hover{color:#e74c3c;}
.breadcrumbs{padding:10px 0; margin-bottom:0;}
a:active,
a:hover {
	outline-width: 0;
}

b, strong {
	font-weight: inherit;
	font-weight: 700;
}

pre {
	background: #eee;	
	font-size: 14px;
	font-size: 0.9375rem;
	line-height: 1.4;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding:20px;
}

iframe{max-width:100%;}

.clear{ clear:both;}
.textwidget select{ width:100%;}
table{ width:100%}
.alignnone{ width:100%;}
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;}
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0;  height:auto;}
blockquote{border-left:5px solid #ccc; padding:10px 10px 10px 40px; color:#999; font-size:15px; line-height:1.5; margin-bottom:30px;}
blockquote p{ margin-bottom:0 !important;}

/*
Lists style CSS
--------------------------------------------------------------*/

ul,
ol {
	margin:0;
	padding: 0;
}
ul {list-style: inside none disc;}
ol {list-style: decimal;}

ul li,
ol li {
	margin-bottom: 0;
	margin-left: 1.5em;
}
dt {
	font-weight: 700;
}
dd {
	margin: 0 1.5em 1.5em;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
img {
	border-style: none;
}
svg:not(:root) {
	overflow: hidden;
}
#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;}
#site-holder{ margin:0 auto;}

.container{ width:1170px; margin:0 auto; position:relative;}
.site-header{width:100%; z-index:9999; box-sizing:border-box; position: relative; background-color:#fff;  }
body.home .fixed-header { z-index:999; padding:0 20px; }
body.home .boxlayout .fixed-header { width:auto; }
body.home .no-sticky{ position:relative !important; }

.boxlayout{ width:1210px; margin:0 auto; background-color:#fff; position:relative; box-shadow:0 -8px 8px #111;}
.fulllayout{ width:100% !important;}

.logo{ float:left; z-index:999; padding:15px 0; }
.logo h1{font-weight: bold; margin:0; line-height:36px; color:#333;}
.logo h1 span{ color:#01bea0;}
.logo h1 a{ color:#333;}
.logo p{ color:#888;}
.head-rightpart{ float:right; text-align:right; width:70%; padding:15px 0; color:#fff; }

/*header menu css*/
.toggle{display: block;}
.toggle a{width:100%; color:#ffffff; background:url(images/mobile-nav.png) no-repeat right center #3e3e3e; padding:10px 12px; margin-top:5px; font-size:16px; display:none; text-align:left;}
.toggle a:hover{color:#ffffff !important;}
/*main menu*/
.header-menu{ padding:0; z-index:9999; }
.header-menu ul {margin:0; padding:0; font-size:16px; font-weight:500; }
.header-menu ul li{display:inline-block; position:relative; margin:0;}
.header-menu ul li:last-child{border-right:none;}
.header-menu ul li a{padding:18px 25px; display:block; text-align:center;color:#444; }
.header-menu ul li ul li{ display:block; position:relative; float:none; top:1px; border-bottom:1px #ddd solid;}
.header-menu ul li ul li a{ display:block; padding-top:7px; padding-bottom:7px; position:relative; top:1px; text-align:left;}
.header-menu ul li ul{display:none; z-index:9999999; position:relative; background-color:#fff;}
.header-menu ul li:hover > ul{display:block; width:200px; position:absolute; left:0; text-align:left; }
.header-menu ul li:hover ul li ul{display:none; position:relative;}
.header-menu ul li:hover ul li:hover > ul{display:block; position:absolute; left:200px; top:0;}
.header-menu ul li a:hover, 
.header-menu ul li.current-menu-item a,
.header-menu ul li.current-menu-parent a.parent,
.header-menu ul li.current-menu-item ul.sub-menu li a:hover{ color:#01bea0;} 
.header-menu ul li.current-menu-item ul.sub-menu li a{ color: #444;}
section#home_slider{ padding:0; }
h2.sectiontitle{font-weight:600; font-size:40px; margin-bottom:50px; position:relative; text-align:center;}

/* = WelCome Page section css
-------------------------------------- */
#welcome-section{ background-color:#ffffff; padding:60px 0;}
.welcome-thumb{ width:33%; float:right; margin:0 0 10px 25px; box-sizing:border-box; position:relative; }
.welcome-thumb img{ width:100%; }
.welcome-content{ box-sizing:border-box;}
.welcome-content h3{font-size:42px; font-weight:300; position:relative; margin-bottom:30px; }
.welcome-content h3 span{color:#01bea0; }
.welcome-content p{ margin-bottom:35px; line-height:24px;}
.welcome-content .learnmore{ margin-bottom:25px;}

/* = Page layout css
-------------------------------------------------------------- */
.site-maincontentarea{ width:810px; margin:0; padding:0; float:left; box-sizing:border-box;}
.site-maincontentarea ul, .site-maincontentarea ol{ margin:0 0 20px 20px; }
.site-maincontentarea ul li, .site-maincontentarea ol li{ margin:0; }
.site-maincontentarea ul ul, .site-maincontentarea ol ol{ margin:0 0 0 30px; }
.fullwidth{ width:100% !important; float:none  !important;}
.fullwidth p{ margin-bottom:15px;}

/* = Four pagebox  Services section
-------------------------------------------------------------- */
#section-wrap-2{ background-color:#f5f5f5; text-align:center; padding:60px 0;}
.servicestitle{ color:#2f2e2e; font-size:42px; margin:0 0 40px; text-align:center;}
.fourclmbox{ padding:0; width:24.5%; display:inline-block; margin:0; padding:25px; position:relative; box-sizing:border-box; text-align:center;}
.fourclmbox:hover{ background-color:#fff;}
.fourclmbox p{ margin-bottom:40px; }
.fourclmbox h3{ font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#404040; margin:0 0 25px; padding:0 0 30px 0; text-transform:uppercase;  position:relative;}
.fourclmbox h3 a{ color:#404040;}
.fourclmbox h3 a:hover{ color:#f56c6d;}
.fourclmbox h3:after{ position:absolute; content:''; left:0; right:0; bottom:0; margin:0 auto; border-bottom:solid 3px #01bea0; width:55px;} 
.fourclmbox:hover h3{ color:#f56c6d;}	
.fourclmbox .thumbbx{ width:80px; height:67px; overflow:hidden; margin:0 auto; }
.fourclmbox .thumbbx img { height:auto; min-height:37px;  vertical-align: middle; width:100%;}
.pagecontent{ padding:20px 0 0; position:relative; }

/*Site page layout CSS*/
#pagelayout_area{ padding:35px 0;}
#pagelayout_area p{ margin-bottom:30px; line-height:24px;}
.recent_articles{ margin-bottom:35px; }
.recent_articles h3, h3.single-title{ margin-bottom:5px; font-size:20px;}
.recent_articles h3 a{ color:#484f5e;}
.recent_articles h3 a:hover{ color:#efc62c;}
.recent_articles p{ margin-bottom:10px;}
.blog-meta{ font-style:italic; margin-bottom:8px;}
.post-date, .post-comment, .post-categories{ display:inline; color:#333;} 
.single_title{ margin-bottom:5px;}

.last_column{clear:right; margin-right:0 !important; }
.learnmore{ color:#01bea0 ; display: inline-block; padding:0; }
.learnmore:hover{ color:#111 ;}

.site-maincontentarea a{ 
font-weight:bold;
text-decoration:underline;
}

/* = sidebar
-------------------------------------------------------------- */
#sidebar{ width:320px; float:right; background-color:#f1f1f1; padding:20px; box-sizing:border-box;}
aside.widget{margin-bottom:30px; background-color:#fff;}
aside.widget ul{ list-style:disc; }
h3.widget-title{padding:15px 20px; margin-bottom:5px; color:#444; font-size:22px; font-weight:400; border-bottom:2px solid #eee; }
#sidebar ul li{ list-style:inside none disc; padding:8px 0 8px 20px; list-style-position:inside; margin:0;}
#sidebar ul li a{ padding:0; color:#3b3b3b;}
#sidebar ul li a:hover{ color:#34c6f6;}
#sidebar ul li:last-child{ border:none;}

#sidebar .search-form{ margin-bottom:20px;}
#sidebar .search-form input.search-field{ background-color:#fff; width:80%; padding: 12px 15px 12px 15px; box-sizing:border-box; border:1px solid #ddd; }
#sidebar .search-form input.search-submit{ background:url(images/search-icon.png) no-repeat center center #efc62c; padding: 12px 0 12px 0; font-size:0; width:20%; height:43px; float:right; border:0;}

/* Buttons */
.button{ background-color:#01bea0; border-bottom:4px solid #059b83; color:#fff; padding:8px 25px; display:inline-block; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; -o-border-radius:20px; -ms-border-radius:20px; font-weight:600; }
.button:hover{background-color:#34c6f6; border-color:#1898c2; color:#fff;}

/* Comment styles */
ol.commentlist{list-style:none;}
#commentform p{margin:5px 0;}
#commentform label{display:block;}
#commentform input#email, #commentform input#url, #commentform input#author, #commentform textarea, #commentform input#eazycfc_captcha{max-width:96%; border:1px #ccc solid; padding:5px 2%;}
#commentform input#submit{ background-color:#32373a; border:none; padding:8px 15px; color:#fff; display:inline-block; cursor:pointer;}
#commentform input#submit:hover{background:#34c6f6; border-bottom-color:#ccc; color:#fff;}
.form-allowed-tags{display:none;}
.entry-content table, .comment-body table{ border-collapse:collapse; margin:10px 0;}
.entry-content table td, .entry-content table th, .comment-body table td, .comment-body table th{padding:10px 5px; text-align:left;}
.entry-content table th, .comment-body table th{color:#676767; font:normal 18px Oswald; border-bottom:1px #888 solid;}
.entry-content table td, .comment-body table td{border-bottom:1px #ccc solid;}
.fvch-codeblock:hover .comment-form-url{display:block !important;}
.commentlist, ol.commentlist {list-style:none; box-shadow:0 0 5px #666; -moz-box-shadow:0 0 5px #666; -webkit-box-shadow:0 0 5px #666; -khtml-box-shadow:0 0 5px #666; margin:10px 0; background-color:#fff; padding:10px 0;}
.commentlist li, ol.commentlist li { list-style:none; background-image:none !important; padding:0px 15px;}
.commentlist li ol li.depth-2, .commentlist li ol li.depth-3, .commentlist li ol li.depth-4, ol.commentlist li ol li.depth-2, ol.commentlist li ol li.depth-3, ol.commentlist li ol li.depth-4 { border-bottom:none;}
.commentlist li.bypostauthor article, ol.commentlist li.bypostauthor article { background:#f9ffe1;}
.commentlist article, .commentlist li.bypostauthor li article, ol.commentlist li.bypostauthor li article { border:none !important; padding:10px; position:relative; background-color:#fff;}
.commentlist li .fn { font-weight:normal; font-size:15px; font-style:normal;}
.commentlist li.bypostauthor .fn, ol.commentlist li.bypostauthor .fn { color:#000;}
img.avatar { vertical-align:middle; position:static; display:inline-block;}
.commentlist article a time { display:block; clear:both; padding:5px 0 10px; font-size:11px; font-style:italic; }
.commentlist, ol.commentlist p { font-size:14px;}
.commentlist .reply span, ol.commentlist .reply span { display:none;}
.commentlist .reply a, ol.commentlist .reply a { display:block;	padding:10px; text-align:center; background:#f6f6f6; margin:5px 0; border:1px #ddd solid;}
.comment-author.vcard{display:inline-block; margin-right:15px;}
.comment-list ul.children li.comment{background-image:none; padding-left:5px;}

/* Comment Form */
h1.screen-reader-text{font-size:22px;}
.site-nav-previous, .nav-previous{ float:left;}
.site-nav-next, .nav-next{ float:right;}
h3#reply-title{ font-size:20px;}
#comments{ margin:30px 0 0; padding:0;}

/* Contact Form 7 css code */
.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:#efc62c; width:auto; border:none; cursor:pointer; color:#ffffff; padding:10px 40px; border-radius:3px;}	

nav#nav-below{ margin-top:15px;}
nav.pagination .page-numbers{ background-color:#ccc; padding:10px 15px; font-size:15px; font-weight:600; color:#444;}
nav.pagination .page-numbers.current{background-color:#efc62c;}


/* WooCommerce plugin css code */
a.added_to_cart{background:#e1472f; 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 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{ 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{ 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}

.woocommerce .quantity .qty{ padding:7px; border:1px solid #ccc;}
.woocommerce-Price-amount.amount{font-size:14px !important;}
.woocommerce div.product .product_title{ padding-bottom:20px !important;}
.woocommerce div.product form.cart{ margin-top:15px !important;}

/* = Site Footer css
-------------------------------------------------------------- */
.footer-copyright {  background-color:#111111; position:relative; padding:15px 0; color:#fff;}
.footer-copyright a:hover{ color:#fff;}
.copyright-txt { float:left;}
.copyright-txt span{color:#efc62c;}
.design-by { float:right;}

/* 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. */
#pagelayout_area[tabindex="-1"]:focus {
  outline: 0;
}


/* = Navigation Focus CSS
-------------------------------------------- */

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
a:focus {
	outline: thin dotted #01bea0;
}