/*
Theme Name: Pleasant Lite
Theme URI: https://gracethemes.com/themes/pleasant-lite/
Author: Grace Themes
Author URI: https://www.gracethemes.com/
Description: Pleasant Lite is a clean and modern free multipurpose WordPress theme. It is perfect for business, corporate, restaurant, photography, industrial, hotels or any type of industry. This beautiful free WordPress theme lets you to show everything about your business. It has various home page sections including homepage slider, welcome and services section. This theme supports widget areas for sidebar and footer section and also supports featured images for blog posts. This theme has default right sidebar and full width page template. It is very light weight theme and very easy to use and customize. With its setting, you can control homepage sections, change colors, use your own logo, use images for header and background. The theme is fully responsive and mobile friendly. This theme is SEO friendly, translation ready and compatible with popular WordPress Plugins. Demo: https://gracethemes.com/demo/pleasant/

Version: 2.5
License: GNU General Public License version 2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pleasant-lite
Requires PHP:  5.6
Tested up to: 6.4
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

Pleasant Lite WordPress Theme has been created by Grace Themes(gracethemes.com), 2018.
Pleasant Lite WordPress Theme is released under the terms of GNU GPL
*/
body{ margin:0; padding:0;line-height:28px; font-size:16px; color:#6E6D6D; font-family:'Montserrat', sans-serif; -ms-word-wrap:break-word; word-wrap:break-word;}
*{ 
	padding:0;
	outline:none;
	margin:0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-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;}
p{ margin:0; padding:0;}
a{ text-decoration:none; color:#00AADD;}
a:hover{ color:#0185ad;}
ol,ul{ margin:0; padding:0;}
.entry-content ol li, .entry-content ul li{ margin-left:15px;}
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:#4B4A4A; font-family:'Montserrat', sans-serif; margin:0 0 20px; padding:0; line-height:1.1; font-weight:400; }
h1{ font-size:32px;}
h2{ font-size:30px;}
h3{ font-size:24px;}
h4{ font-size:20px;}
h5{ font-size:18px;}
h6{ font-size:14px;}
.clear{ clear:both;}
.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;}
.sticky{ background-color:#e1e1e1; padding:20px;}
/*default pagination*/
.pagination{display:table; clear:both;}
.pagination .nav-links{ margin:20px 0;}
.pagination .nav-links a{ margin-right:5px; background:#646262; color:#fff; padding:5px 10px;}
.pagination .nav-links span.current, .pagination .nav-links a:hover { padding:5px 10px; background:#00AADD;}

#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;}

.logo{float:left; z-index:999; padding:20px 0;  color:#333;}
.logo h1{font-weight:600; margin:0; line-height:36px; color:#333;}
.logo h1 span{ color:#00AADD;}
.logo a{ color:#333;}
.container{ width:1160px; margin:0 auto; position:relative;}


/*header menu css*/
.toggle{display: block;}
.toggle a{width:100%; color:#ffffff; background:url(images/mobile_nav_right.png) no-repeat right center #00AADD; padding:10px 10px; margin-top:5px; font-size:16px; display:none;}
.toggle a:hover{color:#ffffff !important;}
.sitenav{display:none;}
.header{ width:100%; z-index:9999; background-color:#fff; box-shadow:0px 0px 3px #ccc; border-top:5px solid #333;}
.sitenav{ padding:0; text-align:right; float:right;}
.sitenav ul { float:right; margin:0; padding:0; font-family:'Montserrat', sans-serif; font-weight:400; font-size:15px;}
.sitenav ul li{ display:inline-block; margin:0; position:relative; text-align:center;}
.sitenav ul li a{ padding:40px 13px; display:block; color:#333; }
.sitenav ul li ul li{display:block; position:relative; float:none; top:-1px; border-bottom:1px solid #e7e6e6;}
.sitenav ul li ul li a{display:block; padding-top:10px; padding-bottom:10px; position:relative; top:1px; text-align:left;  }
.sitenav ul li a:hover, .sitenav ul li.current_page_item a{ color:#00AADD; }

.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 #333; }
.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;}

section#home_slider{ padding:0; }
#wrapsecond{ padding:45px 0;}

/* = Services section css
-------------------------------------------------------------- */
#welcomesection{ padding:45px 0 0 0;}
.welcomebx{ text-align:center; width:80%; margin:0 auto;}
.welcomebx p{ margin-bottom:30px;}
h2.headingtitle{font-weight:600; font-size:30px; text-align:center; padding-bottom:20px; margin-bottom:30px; position:relative;}
h2.headingtitle::after{ content:""; position:absolute; width:60px; height:1px; background-color:#00AADD; bottom:0; left:0; right:0; margin:auto;}
.last_column{clear:right; margin-right:0 !important; }

/*four boxes*/
.fourbox{ background-color:#f1f1f1; color:#6e6d6d; width:23.1%; float:left; margin:0 2.2% 0 0; text-align:center; position:relative; min-height:405px; box-sizing:border-box;}
.fourbox .thumbbx{ height:160px; overflow:hidden;}
.fourbox .thumbbx img{ width:100%; height: auto;}
.pagecontent{ padding:20px;}
.fourbox p{ margin-bottom:20px; line-height:20px; }
.fourbox h3{ font-size:20px; font-weight:600; color:#404040; margin:0 0 25px;}
.fourbox h3 a{color:#404040;}
.pagemore{ border:1px solid #404040; color:#404040 ; padding:8px 20px; display:inline-block;}
.fourbox:hover .pagemore{ background-color:#00AADD; border-color:#00AADD; color:#fff; }
.fourbox:hover h3 a{ color:#00AADD;}	

/*services section css*/
.ReadMore{ background-color:#262626; color:#fff ; padding:8px 10px;}
.MoreLink{ background-color:#262626; color:#fff ;display: inline-block; padding:6px 15px;}

/* = header top css
-------------------------------------------------------------- */
.headertop{ background-color:#1c1f24; color:#a3a9ab; font-size:15px; font:400 13px/24px 'Montserrat';}
.headertop .left{ line-height:45px;}
.headertop .left .fa{ margin-right:10px; color:#FF7D00;}
.headertop .left .fa-envelope{ border-left:1px solid #373a40; line-height:45px; padding-left:20px; margin-left:20px;}
.headertop .left a{ color:#a3a9ab; }
.headertop .left a:hover{ color:#00AADD; }

.headertop .social-icons a{ border-right:1px solid #373a40; color:#a3a9ab; width:40px; height:45px; line-height:45px; text-align:center;  vertical-align:middle; display:table-cell; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s;  margin:0; padding:0; font-size:15px; }
.headertop .social-icons br{ display:none;}
.headertop .social-icons a:hover{ color:#00AADD;}
.headertop .social-icons:first-child{border-left:1px solid #373a40;}

/* = Page lay out css
-------------------------------------------------------------- */
.site-main{ width:740px; margin:0; padding:0; float:left;}
.sitefull{ width:100%; float:none;}
.sitefull p{ margin-bottom:15px;}
#page_content{ padding:25px 0;}
#page_content p{ margin-bottom:30px;}

.blog_lists{ margin-bottom:30px; }
.blog_lists h2 a{ color:#484f5e;}
.blog_lists h2 a:hover{ color:#34c6f6;}
.blog_lists p{ margin-bottom:10px;}
.blog-meta{ font-style:italic; margin-bottom:8px;}
.post-date, .post-comment, .post-categories{ display:inline; color:#000000;} 
.single_title{ margin-bottom:0px; font-size:20px; text-transform:none;}
.BlogPosts{ width:31.2%; float:left; margin:0 3% 0 0;}
.BlogPosts img{ width:100%;}
.post-thumb{ width:32%; float:left; margin:5px 25px 5px 0;}
.postmeta{ margin-bottom:10px;}
.post-thumb img{ width:100%;}
/* = sidebar
-------------------------------------------------------------- */
#sidebar{ width:330px; float:right;}
aside.widget{margin-bottom:30px; background-color:#f6f4f4; padding:20px; border:1px solid #edecec;}
aside.widget ul{ list-style:disc; }
h3.widget-title{background-color:#00AADD;  padding:12px 15px; margin:-20px -20px 10px; color:#fff; font-size:17px; text-transform:none;}
#sidebar ul li{ list-style:inside none disc; list-style-position:inside; border-bottom:1px dashed #d0cfcf; padding:8px 0;}
#sidebar ul li a{ padding:0 0 0 10px; color:#3b3b3b;  display:inline-block; }
#sidebar ul li a:hover{ color:#34c6f6;}
#sidebar ul li:last-child{ border:none;}

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

/* = Footer css
-------------------------------------------------------------- */
#footer-wrapper{background-color:#1C1F24; position:relative; color:#C1C0C0;}
.cols-3{width:30%; float:left; margin:0 5% 2% 0;  padding:35px 0 15px; }
.widget-column-3 { margin-right:0px !important;}
.cols-3 h5{ font-weight:400; font-size:20px; color:#fff; margin-bottom:25px; border-bottom:1px solid #303030; padding-bottom:15px; text-transform:uppercase; }
.cols-3 h5 span{ font-weight:300; color:#00AADD; }
.cols-3 ul{ margin:0; padding:0; list-style:inside disc;}
.cols-3 ul li { display:block; padding:0;}
.cols-3 ul li a { color:#fff; font:normal 12px/24px Arial, Helvetica, sans-serif; background:url(images/list-arrow.png) no-repeat 0 2px; padding:0 0 0 20px;}
.cols-3 ul li a:hover, .cols-3 ul li.current_page_item a { color:#dd5145; }

.cols-3 a.readmore span{ color:#fff;}
.cols-3 p{ margin-bottom:15px;}
.copyright-wrapper {  background-color:#0F1114; position:relative; padding:15px 0;}
.copyright-txt { float:left;}
.copyright-txt span{color:#00AADD;}
.design-by { float:right;}

/* Buttons */
.button{ background-color:#ff6565; border-bottom:4px solid #e44545; color:#fff; padding:8px 20px; display:inline-block; border-radius:2px; -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:#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{ font-family:'Montserrat',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:'Montserrat',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}

.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;}


/* ============= 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:#00AADD; width:auto; border:none; cursor:pointer; font:18px 'Montserrat',san-serif; color:#ffffff; padding:10px 40px; border-radius:3px;}	

/* ============= Comment Form ============ */
h1.screen-reader-text{font:22px 'Montserrat',san-serif;}
.site-nav-previous, .nav-previous{ float:left;}
.site-nav-next, .nav-next{ float:right;}
h3#reply-title{font:300 18px 'Montserrat',san-serif;}
#comments{ margin:30px 0 0; padding:0;}
nav#nav-below{ margin-top:15px;}
.slider-main{ min-height:200px; overflow:hidden; position:relative; background:url(images/loading.gif) no-repeat center center #fff;}
.textwidget select{ width:100%;}
table{ width:100%}

/* 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. */
#page_content[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 #00AADD;
}