/*
Theme Name: Shudh
Theme URI: https://www.sktthemes.org/shop/free-minimal-wordpress-theme
Author: SKT Themes
Author URI: https://www.sktthemes.org
Description: Shudh is a minimal, dynamic responsive WordPress theme which suits minimalistic, commercial, corporate, eCommerce, business, startups, agencies, consulting, style, fashion, portfolio, photographer, personal, landing page, widget friendly, shortcode friendly, page builder friendly, elegant, with powerful features. Finance, law, Blogging, discussion, news and other types of sites also can be created using this template. Translation ready, multilingual, SEO ready as well as compatible with contact form, gallery and other plugins like WooCommerce. Check demo at: https://sktthemesdemo.net/shudh/

Version: f1.3
License: GNU General Public License
License URI: license.txt
Text Domain: shudh
Tags:blog,education,e-commerce,news,food-and-drink,footer-widgets,one-column,two-columns,right-sidebar,custom-background,custom-header,custom-menu,editor-style,featured-images,sticky-post,theme-options,threaded-comments,translation-ready

Shudh is based on Underscores theme(Underscores is distributed under the terms of the GNU GPL v2 or later).

Shudh WordPress Theme has been created by SKT Themes(sktthemes.org), 2016.
Shudh 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; -moz-box-sizing:border-box; -webkit-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{ text-decoration:none; color:#ff8a00;}
a:hover{ color:#b68023;}
ol,ul{ margin:0; padding:0;}
ol li,ul li{ list-style:inside;}
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: 'Lato', sans-serif; margin:0 0 20px; padding:0; line-height:1.1; font-weight:400; word-wrap:break-word;}
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 { margin: 5px 20px 20px 0;}
a img.alignnone { margin: 5px 20px 20px 0;}
.wp-caption.alignnone { margin: 5px 20px 20px 0;}
img.alignnone, .alignnone, .alignnone img{width:100%; display:table-cell;}
img.aligncenter, .aligncenter{text-align:center; float:none; padding:5px; display:block; margin:0 auto;}
img.alignleft, .alignleft{ float:left; margin:0 15px 0 0; padding:5px;}
img.alignright, .alignright{ float:right; margin:0 0 0 15px; padding:5px;}
.left{ float:left;}
.right{ float:right;}
.space50{ clear:both; height:50px;}
.space100{ clear:both; height:100px;}
.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:#646262; color:#fff; padding:5px 10px; display:inline-block;}
.pagination ul li .current, .pagination ul li a:hover{background:#34c6f6;}

#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;}
.container{ width:1170px; margin:0 auto; position:relative;}
/*header menu css*/
.toggle{display: block;}
.toggle a{ color:#ffffff; background:url(images/mobile_nav_right.png) no-repeat right center #ff8a00; padding:10px 10px; margin-top:5px; font-size:16px; text-align:left;}
.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:'Lato', sans-serif; font-weight:400; font-size:16px;}
.sitenav ul li{ display:inline-block; margin:0; position:relative; text-align:center;}
.sitenav ul li a{ padding:38px 15px; display:block; color:#111; }
.sitenav ul li ul li{display:block; position:relative; float:none; top:-1px; border-bottom:1px solid #ccc;}
.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:#ff8a00; }

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


/* = header top sign in  css
-------------------------------------------------------------- */
.header{width:100%; z-index:999;}
.innerheader{position:relative; }

.logo{float:left; z-index:99; padding:20px 0;  color:#111; width:20%;}
.logo h1{font-weight:600; margin:0; line-height:34px; color:#111; text-transform:uppercase; font-size:34px; letter-spacing:5px;}
.logo h1 span{ color:#ff8a00;}
.logo a{ color:#111;}
.header_right{ float:right; text-align:right; width:80%; color:#fff;}
section#home_slider{ padding:0;}
#FrontBlogPost, #wrapfirst, #wrapsecond{ padding:70px 0;}
h2.section-title {color:#454545; font:400 28px/32px 'Lato',san-serif; text-align: center; border-bottom:1px solid #eee; padding-bottom:20px; margin:0 auto 40px; display:table; }

/*services section css*/
#pagearea{ background-color:#fff; padding:50px 0; color:#343434;}
.serviceswrap{ width:100%; position:relative;}
.serviceswrap .threebox{ width:22.7%; height: auto; float:left; margin:0 3% 0 0; border-radius:5px; overflow:hidden; position:relative; background:#ff8a00;}
.serviceswrap .threebox img{width:100%; height:auto; min-height:335px; margin:0; vertical-align:top;}
.serviceswrap .threebox h3{color:#fff; text-transform:uppercase; font:700 14px/24px 'Lato', serif;}
.serviceswrap .threebox .ReadMore { display: inline-block; background:#fff; text-transform:uppercase; padding:0 15px; color:#ff8a00; font:700 12px/36px 'Lato';}
.serviceswrap .threebox .page-thumbbx { width:100%; height:335px; margin:0; overflow:hidden;}
.threebox-content {display:none;}
.threebox:hover .threebox-content { display:block; position:absolute; top:0; z-index:999; transition:all ease 600ms; padding:25px; text-align:center; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:18px; height:100%; width:100%; box-sizing:border-box; color:#fff;}
.threebox:hover img {opacity:0.1; transition:ease all 100ms;}
.threebox:hover .threebox-content p{ margin-bottom:15px;}

a.ReadMore{ background-color:#eeeded; color:#252525 ; padding:12px 25px; font:normal 18px/20px 'Lato'; }
a.ReadMore:hover{ background-color:#333; color:#fff; }


/* = Services section css
-------------------------------------------------------------- */
#wrapfirst{ background-color:#f8f8f8;}
.last_column{clear:right; margin-right:0 !important; }
.MoreLink{ background-color:#262626; color:#fff ;display: inline-block; padding:6px 15px;}
.welcomethumb{ float:left; width:40%; margin:5px 40px 0 0; height:265px; overflow:hidden; }
.welcomethumb img{ width:100%; height:auto;}
.welcomewrap p{ margin-bottom:50px; line-height:22px;}
.welcomewrap h2{font-family: 'Lato', serif; margin-bottom:24px; font-weight:400; font-size:24px; color:#454545; }

/* = 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:20px; line-height:20px;}

.blog_lists{ margin-bottom:30px; }
.blog_lists h3{ margin-bottom:0px; text-transform:none;}
.blog_lists h3 a{ color:#484f5e;}
.blog_lists h3 a:hover{ color:#ff8a00;}
.blog_lists p{ margin-bottom:30px;}
.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 h3{ margin:10px 0; font-size:22px; }
.post-thumb{ width:30%; float:left; margin:5px 25px 5px 0;}

/* = sidebar
-------------------------------------------------------------- */
#sidebar{ width:330px; float:right;}
aside.widget{margin-bottom:30px; background-color:#f6f4f4; padding:20px; border:1px solid #edecec;}
h3.widget-title{ background-color:#ff8a00; padding:12px 15px; margin-bottom:1px; color:#fff; font-size:20px;}
aside.widget ul{ list-style:disc; }
#sidebar ul li{ list-style:inside none disc; 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;}
/* = Footer css
-------------------------------------------------------------- */
#footer-wrapper{ background-color:#1a1a1a; position:relative; color:#bbbaba;}
.footer{ padding:50px 0 30px;}
.cols-4{width:24%; float:left; margin:0 3% 2% 0; word-wrap:break-word;}
.widget-column-1 { width:19%;}
.widget-column-4 { margin-right:0px !important;}
.cols-4 h5{ font-weight:400; font-size:20px; color:#fff; margin-bottom:30px; border-bottom:1px solid #222; padding-bottom:20px; }
.cols-4 h5 span{ font-weight:300; color:#ff8a00; }
.cols-4 ul{ margin:0; padding:0; list-style:inside disc;}
.cols-4 ul li { display:block; padding:0; word-wrap:break-word;}
.cols-4 ul li a { color:#bbbaba; 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 a.readmore span{ color:#fff;}
.cols-4 p{ margin-bottom:20px;}
.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 span { display:inline-block;}
.cols-4 .phone-no p{ margin-bottom:0;}
.widget-column-2 a{font:400 20px/24px 'Lato',san-serif;}

/*footer recent post*/
div.recent-post { display:block; line-height:18px; padding:0 0 15px 0; background:none; margin-bottom:15px; border-bottom:#222 1px dashed; min-height:50px;}
div.recent-post  img { float:left; margin:0 15px 0 0; border:#222 solid 2px; width:50px; height:auto;}
div.recent-post a {text-decoration:none; font-size:11px; color:#bbbaba;}
div.recent-post a:hover { text-decoration:none; color:#ff8a00;}
div.recent-post:last-child { border-bottom:0; padding-bottom:0; margin-bottom:0;}
div.recent-post p{ line-height:16px; margin:0;}

.copyright-wrapper {  background-color:#151515; color:#4e4e4e; position:relative; padding:30px 0; text-align:center;}
.design-by{ margin-top:6px;}
.design-by a{color:#bbbaba;}
.design-by a:hover{color:#ff8a00;}

/* = social icons css
-------------------------------------------------------------- */
.social-icons{ margin-bottom:15px;}
.social-icons a{ background-color:#2a2a2a !important; width:32px; height:32px; line-height:32px; 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 8px 0 0; padding:0; border-radius:5px; }

.social-icons a:hover{ background-color:#ff8a00 !important;}
.social-icons br{ display:none;}
.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;}

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

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

/* ============= Nested Comments ============ */
h2.h2comments{display:block; clear:both; border-bottom:1px #bbb solid; padding:10px 0 5px 5px; margin:20px 0 0 0;}
h2.h2comments a.addComment{display:block; text-transform:uppercase; float:right; font-size:12px; margin-top:-3px; padding-top:8px;
margin-right:10px; font-weight:bold;}
h2.h2comments a.addComment:hover{text-decoration:none;}
h2#commentsForm{margin:15px 0; padding-top:15px;}
ul.commentlist{list-style:none; list-style-position:outside; display:block; padding-bottom:30px;
overflow:hidden; border-bottom:1px #bbb solid;}
ul.commentlist ul{list-style-type:none; list-style:none; list-style-position:outside; margin:0;}
ul.commentlist li{position:relative; margin:25px 0 0; list-style:none;}
.commentlist li{list-style:none !important;}
ul.commentlist li p{margin:5px 0; padding:5px 0;}
ul.commentlist li .comment-meta, ul.commentlist li .text {font-style:italic; font-size:11px; text-align:justify;}
ul.commentlist li .comment-meta span{font-size:11px; color:#999;}
.comment-meta p{text-align:justify;}
ul.commentlist li .avatar{background:#F8F7F1; border:1px solid #FFF; padding:3px; float: left; margin: 1px 8px 8px 0;}
ul.commentlist .reply{font-size:10px; width:100%; border-bottom:1px #ccc dotted; padding-bottom:1px;}
ul.commentlist .reply a{background:#F7F3C5; padding:3px; border:1px dotted #bbb; border-bottom:none; list-style:none;}
ul.commentlist .reply a:hover{text-decoration:none;}
ul.commentlist li .children{margin-left:45px; border-left:1px dotted #bbb; padding-left:5px;}
 /* ----------- Styling the Comment FORM -----------*/
#commentform p{margin:0; padding:0;}
#commentform label{display:block; padding:5px 0;}
#commentform input, #commentform textarea{padding:7px; font-style:italic; border:none; font-size:12px; color:#999; margin:0 0 7px;}
#commentform input{width:300px;}
#commentform textarea{font-size:13px; overflow: auto; width:400px;}
#commentform input#submit{width:161px; height:32px; margin-top:10px; cursor:pointer; font-style:normal; background:#333; font-size:12px; color:#bbb;}
#commentform input#submit:hover{background:#666; color:#eee;}
#commentform small{font-size:11px; line-height:10px;}
.alignleft{float:left; margin:5px 15px 5px 0;}
.alignright{float:right; margin:5px 0 5px 15px;}
fieldset{border:0; margin:0.2em 0.1em; padding:0.4em;}
.form_row{font-weight:bold; font-size:104%;}
.cancel-comment-reply{font-variant:small-caps; font-size:90%; padding-top:0; margin-top:0;}
.search-submit{display: inherit !important; float: right; margin-top: -2px; padding: 4px 12px}
.search-field{display: inherit !important; height: 30px; padding: 5px; width: 70%;} 
.blog-post .search-field{width:88%;}
aside select{width:100%; height:25px;}
#sidebar table{width:100%;}
#sidebar table th, #sidebar table td{ text-align:center;}
#prev{text-align:left;}
#next{text-align:right;}
aside select{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
aside select option{width:268px; text-overflow:ellipsis; overflow:hidden;}
.widget-title a{color:#FFF;}
/*DL, DT, DD TAGS LIST DATA*/
dl{margin-bottom:50px;}
dl dt{background:#ff8a00; color:#fff; float:left; font-weight:bold; margin-right:10px; padding:5px; width:100px;}
dl dd{margin:2px 0; padding:5px 0;}
abbr{border:none; color:#05f; cursor:help;}
q{display: inline;}
q:before{content: open-quote;}
q:after{content: close-quote;} 
.bypostauthor {}
.topspace{padding-top:125px;}
.topspacesingle{padding-top:40px;}
body.wp-site-logo .logo h1{display:none;}
.rel{ position:relative !important;}

body.wp-custom-logo .logo h1{display:none;}
.page-numbers {display: inline-block; padding: 5px 10px; margin: 0 2px 0 0; border: 1px solid #eee; line-height: 1; text-decoration: none; border-radius: 2px; font-weight: 600;}
.page-numbers.current, a.page-numbers:hover{background: #f9f9f9;}

.nivo-prevNav::before {content:url(images/prev.png); position:absolute; width:22px; height:20px; top:-68px; left:18px; }
.nivo-nextNav::after {content:url(images/next.png); position:absolute; width:22px; height:20px; right:10px; bottom:-76px;}
.nivo-prevNav{width:0; height:0; border-style:solid; border-width:90px 90px 0 0; border-color: #ff8a00 transparent transparent transparent; top:0; left:0; content:""; z-index:0;}
.nivo-nextNav{width:0; height:0; border-style:solid; border-width: 0 0 90px 90px; border-color: transparent transparent #ff8a00 transparent; bottom:0; right:0; content:""; z-index:0; }