/*
Theme Name: Clean Lite
Theme URI: https://www.sktthemes.org/shop/free-clean-wordpress-theme/
Author: SKT Themes
Author URI: https://www.sktthemes.org
Description: Clean Lite is a clean multipurpose WordPress theme which is scalable as well as flexible and can be used for any business, commercial, corporate, photography, portfolio, personal or to showcase any product or projects. It is compatible with WooCommerce and can be used as a shop and is multilingual using qTranslate X. It is also translation ready for translation in other languages. Compatible with NextGen gallery for portfolio and contact form 7 for forms. SEO friendly with Yoast SEO and All in One SEO compatibility. Demo Link: https://sktthemesdemo.net/clean/

Version: 1.9
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License
License URI: license.txt
Text Domain: clean-lite
Tags: one-column,two-columns,right-sidebar,custom-background,custom-colors,custom-menu,sticky-post,theme-options,threaded-comments,blog,e-commerce,education

Clean Lite WordPress Theme has been created by SKT Themes(sktthemes.org), 2017.
Clean Lite WordPress Theme is released under the terms of GNU GPL
*/

body{ margin:0; padding:0;line-height:20px; font-size:13px; color:#5c5c5c; font-family:Arial, Helvetica, sans-serif;  -ms-word-wrap:break-word; word-wrap:break-word; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*{ margin:0; padding:0; outline:none;}
img{ border:none; margin:0; padding:0; height:auto}
.wp-caption, .wp-caption-text, .sticky, .gallery-caption, .aligncenter{ margin:0; padding:0;}
p{ margin:0; padding:0;}
a{ color:#31cafd; text-decoration:none; }
a:hover{ color:#038ab7;}
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:#484f5e; font-family:'Roboto Condensed', 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: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;}
.space50{ clear:both; height:50px;}
.space100{ clear:both; height:100px;}

/*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:#31cafd;}


#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; width:20%; z-index:999; color:#333; padding:18px 0;}
.logo h1{font-weight:600; margin:0; line-height:32px; color:#333; text-transform:uppercase; font-size:32px;}
.logo h1 span{ color:#31cafd;}
.logo a{ color:#333;}
.header_right{ float:right; padding:27px 0; width:80%;}

.header{width:100%; z-index:99999; background-color:#fff; box-shadow: 0 3px 3px #ccc; position:relative;}
.container{ width:1170px; 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 #3e3e3e; padding:10px 10px; margin-top:5px; font-size:16px;}
.toggle a:hover{color:#ffffff !important;}
.sitenav{display:none;}

.sitenav{ padding:0; text-align:right; float:right;}
.sitenav ul { float:right; margin:0; padding:0; font-family:'Roboto', sans-serif; font-weight:400; font-size:14px; text-transform:uppercase;}
.sitenav ul li{ display:inline-block; margin:0; position:relative; text-align:center;}
.sitenav ul li a{ padding:8px 25px; 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{ background-color:#31cafd; color:#ffffff; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; }

.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; }
.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;}
.sitenav ul li:hover > ul li a{ border-radius: 0px;}

/* = header top sign in  css
-------------------------------------------------------------- */
/*Header Top Bar CSS*/
.headertop{ background-color:#f9f9f9; border-bottom:1px solid #f1f0f0; }
.left{ font:400 14px/24px 'Roboto Condensed';}
.left a{ color:#5c5c5c; background:url(images/icon-email.png) no-repeat 15px 4px; padding:0 0 0 40px; }
.left a:hover{ color:#31cafd; }
.left span{ line-height:44px; display:inline-block; background:url(images/icon-phone.png) no-repeat 0 17px; padding:0 0 0 25px; }

/* = social icons css
-------------------------------------------------------------- */
.headertop .social-icons{ text-align:center;}
.headertop .social-icons a{ width:40px; height:46px;line-height:43px; margin:0; padding:0;text-align:center; display: table-cell; font-size:15px; border-right:1px solid #e6e5e5; }
.headertop .social-icons a:hover{ background-color:#31cafd; color:#fff;}
.headertop .social-icons a:last-child{ margin-right:0;}
.headertop .social-icons br{ display:none;}


section#home_slider{ padding:0;}
#FrontBlogPost, #wrapfirst{ padding:70px 0;}


h2.section-title{font-weight:400; text-align:center; padding-bottom:25px; margin-bottom:60px; position:relative; color:#2e2e2e; border-bottom:1px solid #eeeeee; margin:0 auto 30px; display:inline-block;}
h2.section-title::after{ content:""; position:absolute; width:10px; height:10px; background-color:#fff; border:2px solid #eeeeee; bottom:-6px; left:0; right:0; margin:auto; border-radius:50%; -webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box; }
h2.section-title span{ font-weight:300;}


/* = Services section css
-------------------------------------------------------------- */
#wrapfirst{ background-color:#ffffff}
.welcomewrap img{ float:left; margin:0 30px 0 0;}
.welcomewrap p{ margin-bottom:30px;}

.last_column{clear:right; margin-right:0 !important; }

/* = section first css
-------------------------------------------------------------- */
#pagearea{ background-color:#f6f6f6;  padding:70px 0;}
.fourbox{ color:#2e2e2e; width:21.8%; float:left; margin:0 4% 0 0; text-align:center; position:relative;}
.fourbox:hover{ cursor:pointer;}
.fourbox img{ padding:14px; width: 31px; height:28px; 
	 -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
	}
.fourbox p{ margin-bottom:20px; line-height:20px; }
.fourbox h3{ font-size:18px; font-weight:400; color:#343434; margin:0 0 25px;}
a.ReadMore{ font:400 16px/22px 'Roboto', sans-serif; background-color:#31cafd; padding:10px 25px; color: #fff; display:inline-block; text-transform:uppercase; border-radius:8px;}
a.ReadMore:hover{background-color:#424242; color:#fff; }
.fourbox:hover h3{ color:#31cafd;}
.fourbox .thumbbx {
    width: 59px;
    height:59px;
	margin:0 auto 40px;
	box-shadow:-5px 5px 0 #e3e3e3;
	border-radius:5px; -moz-border-radius:5px;-wbkit-border-radius:5px;
    background: #868787;
/* Rotate */
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.fourbox:hover .thumbbx{ background: #31cafd; 
	 -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); 
	transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s;
	}
	
.fourbox:hover .thumbbx img{ 
	 -webkit-transform: rotate(-0deg);
    -moz-transform: rotate(-0deg);
    -ms-transform: rotate(-0deg);
    -o-transform: rotate(-0deg);
    transform: rotate(-0deg);
}

/* = social icons css
-------------------------------------------------------------- */
.social-icons a{ width:35px; height:35px; line-height:35px; text-align:center;  vertical-align:middle; display:inline-block; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s;  margin:0 3px; padding:0; }
.social-icons br{ display:none;}
.social-icons a:hover{ border-color:#31cafd; color:#31cafd;}
.social-icons .fb{ background:url(images/icon-fb.png) no-repeat center center; }
.social-icons .tw{ background:url(images/icon-tw.png) no-repeat center center; }
.social-icons .gp{ background:url(images/icon-gp.png) no-repeat center center;}
.social-icons .in{ background:url(images/icon-in.png) no-repeat center center;}

/* = Page lay out css
-------------------------------------------------------------- */
.site-main{ width:790px; 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:20px; line-height:20px;}

.blog_lists{ margin-bottom:30px; border-bottom:1px dotted #ccc; padding-bottom:30px; }
.blog_lists h4{ margin-bottom:6px;}
.blog_lists h4 a{ color:#484f5e;}
.blog_lists h4 a:hover{ color:#34c6f6;}
.blog_lists p{ margin-bottom:15px;}
.blog_lists .ReadMore{ font-size:12px; padding:7px 20px;}

.blog-meta{ font-style:italic; margin-bottom:8px;}
.post-date, .post-comment, .post-categories{ display:inline; color:#000000;} 
.single_title{ margin-bottom:5px;}
.BlogPosts{ width:31.2%; float:left; margin:0 3% 0 0;}
.BlogPosts img{ width:100%;}
.BlogPosts h2{ margin:10px 0; font-size:22px; }
.post-thumb{ width:40%; float:left; margin:5px 25px 5px 0;}
.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:#31cafd; padding:12px 15px; margin-bottom:1px; color:#fff;}
h3.widget-title a{color:#FFF;}
#sidebar ul li{list-style:none; line-height:36px; border-top:1px dashed #999;}
#sidebar ul li a{background:url(images/sidebar-arrow.png) no-repeat 0 14px; padding:10px 0 10px 20px; color:#3b3b3b;}
#sidebar ul li a:hover{ color:#34c6f6;}
#sidebar select{width:100%; display:block; height:25px;}
#sidebar table{ width:100%; text-align:center;}
#sidebar input[type="text"], #sidebar input[type="search"]{width:70%; height:30px; margin-bottom:10px; padding-left:10px;}
#prev{text-align:left;}
#next{text-align:right;}
input.search-submit, .post-password-form input[type=submit], .wpcf7-form input[type=submit], .woocommerce-product-search input[type=submit]{border:none; color:#ffffff; padding:7px 15px; cursor:pointer; background-color:#31cafd;}
#recentcomments li a{background-image:none !important; padding:0 !important;}
/* = Footer Social css
-------------------------------------------------------------- */
#footersocial{ background-color:#171717; padding:20px 0; color:#9a9a9a;}
#footersocial .social-icons{ text-align:center;}
#footersocial .social-icons a{ color:#777777; width:25px; height:25px;line-height:25px; margin:0 0 0 12px; padding:0;text-align:center; display:inline-block; font-size:16px; }
#footersocial .social-icons a:hover{  color:#fff;}
#footersocial .social-icons a:last-child{ margin-right:0;}
#footersocial .social-icons br{ display:none;}
.footerinfo { font:400 16px/18px 'Roboto Condensed'; display:inline-block; }
.footerinfo .fa{ margin-right:8px;}
.footerinfo span{ margin-left:35px;}
.footerinfo a{ color:#777777;}

#footersocial .left a{ color:#9a9a9a;  background:url(images/footer-icon-email.png) no-repeat 15px 4px; }
#footersocial .left a:hover{ color:#ffffff; }
#footersocial .left span{ line-height:22px; background:url(images/footer-icon-phone.png) no-repeat 0 6px; }


/* = Footer css
-------------------------------------------------------------- */
#footer-wrapper{background-color:#212121; position:relative; padding:45px 0 0; color:#fff;}
.cols-4{width:22.5%; float:left; margin:0 5% 2% 0; }
.widget-column-1{ width:17%;}
.widget-column-4 { margin-right:0px !important;}
.cols-4 h5{ font-weight:400; font-size:24px; color:#fff; margin-bottom:25px; border-bottom:1px solid #333333; padding-bottom:15px;}
.cols-4 h5 span{ font-weight:300; color:#31cafd; }
.cols-4 ul{ margin:0; padding:0; list-style:inside disc;}
.cols-4 ul li { display:block; padding:0;}
.cols-4 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-4 ul li a:hover, .cols-4 ul li.current_page_item a { color:#dd5145; }

.cols-4 p{ margin-bottom:15px;}
.cols-4 h1, .cols-4 h2, .cols-4 h3, .cols-4 h4, .cols-4 h5, .cols-4 h6{color:#fff;}
.phone-no{ margin:10px 0 20px; line-height:22px;}
.phone-no a{color:#d6d6d6;}
.phone-no a:hover{color:#d6d6d6;}
.phone-no strong { display:inline-block; color:#31cafd;}
.cols-4 .phone-no p{ margin-bottom:0;}


.copyright-wrapper {  background-color:#000; color:#fff; position:relative; padding:15px 0;}
.copyright-txt { float:left;}
.copyright-txt span{color:#31cafd;}
.design-by { float:right;}
.recent-post{ min-height:70px; margin:0 0 15px 0; padding-bottom:15px; border-bottom:1px solid #333333;}
.recent-post img{ float:left; width:60px; margin:5px 15px 5px 0; border:2px solid #fff;}
.recent-post a{ font-size:11px;}
.recent-post p{ margin-bottom:8px;}
.recent-post h6{ font-size:15px; color:#fff; margin:0 0 5px; font-weight:600;}
.recent-post h6:hover{color:#34c6f6;}
.recent-post:last-child{ border-bottom:none; margin-bottom:0; padding-bottom:0;}

/* 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:'Roboto Condensed',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:'Roboto Condensed',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}

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

/* ============= Comment Form ============ */
h1.screen-reader-text{font:22px 'Roboto Condensed',san-serif;}
.site-nav-previous, .nav-previous{ float:left;}
.site-nav-next, .nav-next{ float:right;}
h3#reply-title{font:300 18px 'Roboto Condensed',san-serif;}
#comments{ margin:30px 0 0; padding:0;}
nav#nav-below{ margin-top:15px;}

.entry-content .wp-caption {
    margin: 0 0 20px 0;
    padding-top: 4px;
    max-width: 100%;
    border: 1px solid #eee;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-image: initial;
    background-color: #f8f8f8;
    text-align: center
}

.entry-content .wp-caption.alignleft {
    margin-right: 20px
}

.entry-content .wp-caption.alignright {
    margin-left: 20px
}

.entry-content .wp-caption img {
    max-width: 98%;
    height: auto
}

.gallery-caption {
    margin: 10px 0
}

p.wp-caption-text {
    margin-bottom: 0;
    color: #888;
    font-size: 11px
}

.aligncenter {
    display: block;
    float: none;
    margin-bottom: 0.5em;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 0.5em;
}
ul.post-categories li{list-style:none; display:inline; text-align:left; margin:5px;}

/* ============= Others ============ */
body.wp-custom-logo .logo h1{display:none;}
.nullslide{height:510px;}