/*
Theme Name: SKT Shudh
Theme URI: http://sktthemesdemo.net/shudh/
Author: SKT Themes
Author URI: http://www.sktthemes.net
Description: SKT Shudh is a multipurpose WordPress theme. It has ability to have a nice slider. Easy to customize which requires no prior html coding knowledge. So just fill in the sections and your home page is set. Logo, layout, content on any pages can be set up very easily. This theme is responsive and looks good on all major browsers and devices. Can be used by corporate, business, bloggers, portfolio and any kind of business or industries. Comes with 4 default templates. Compatible with popular plugins like Contact Form 7 and SEO plugins.

Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: skt_shudh_pro
Tags: black, orange, gray, red, white, light, brown, two-columns, one-column, responsive-layout, custom-background, custom-menu, featured-images, full-width-template, theme-options, threaded-comments

SKT Shudh WordPress Theme has been created by SKT Themes(sktthemes.net), 2014.
SKT Shudh WordPress Theme is released under the terms of GNU GPL
*/

@import url(http://fonts.googleapis.com/css?family=Cabin:400,400italic,500,500italic,600,600italic,700,700italic);

/* font-family: 'Roboto Condensed', sans-serif;   font-family: 'Cabin', sans-serif;    */

/* Default CSS
================================================*/
*{ margin:0; padding:0; outline:none;}
body{background-color:#fff; color:#757575; line-height:20px; }
img{ border:none; max-width:100%; height:auto;}
section img{max-width:100%;}
section p{ margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{ margin-bottom:20px; font-weight:400;}
pre{ white-space:pre-wrap;}
a{ text-decoration:none; color:#02abe5;}
hr{background:url(images/border-image-full.png) no-repeat bottom center; width:100%; height:14px; margin:40px 0; clear:both; clear:left; clear:right; border:none;}
a:hover{ text-decoration:none; color:#757575;}
ul{ list-style:none;}
.clear{ clear:both;}
.right{float:right;}
.left{float:left;}

blockquote{color:#777; font-style:italic; line-height:1.5; padding:20px 15px; margin:15px 0 20px; background:#f6f6f6; position:relative;}
blockquote p{padding:0; margin:0; }
blockquote .bubble{background:url(images/base/bq_bubble.png) no-repeat left top; height:13px; width:20px; position:absolute; display:block; bottom:-12px; left:15px;}
.middle-align{ margin:0 auto;}
.wp-caption{ margin:0; padding:0; font-size:13px; max-width:100%;}
.wp-caption-text{ margin:0; padding:0;}
.sticky{ }
.gallery-caption{ }
.alignleft, img.alignleft {display: inline; float: left; margin-right:45px; margin-top:4px; margin-bottom:20px; padding:0; }
.alignright, img.alignright { display: inline; float: right; margin-top:140px; }
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0; }
.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;}
.toggleMenu{display:none;}
body.home section{padding:50px 0;}
a.contact-button{ visibility:hidden; width:15%; margin:0 auto;}
.space40{height:40px; clear:both}
.space300{ height:300px; clear:both}

h1{font-size:38px; color:#1f1f1f; }
h2{font-size:36px; color:#454545; } 
h3{font-size:30px; color:#454545; }
h4{font-size:25px; color:#313131; }
h5{font-size:22px; color:#373737; } 
h5 span{ font-weight:bold;}
h6{ font-size:18px; color:#373737; }

h1.entry-title{ line-height:40px;}

/* Header CSS
================================================*/
.header{width:100%; height:auto; padding:30px 0;}
.container{ width:1160px; margin:0 auto; padding:0;}
.logo{ float:left;}
.logo h1{font-weight:700; text-transform:uppercase; margin:0 0 10px; }
.logo a{ color:#333;}

.mobile_nav a{background:url(images/base/mobile_nav_right.png) no-repeat right center #222; border:1px #ccc solid; margin-top:10px; padding:12px 20px; display:none; color:#fff;}
.mobile_nav a:hover{ color:#f4e7e7;}

.header_right{ float:right;}
#nav{}
#nav ul { font:400 16px/16px 'Roboto Condensed', sans-serif;}
#nav ul li{ display:inline-block; margin:0; text-transform:capitalize; position:relative;}
#nav ul li a{ padding:5px 13px; display:block;}
#nav ul li a:hover{}
#nav ul li ul{display:none; z-index:2; position:relative;}
#nav ul li:hover > ul{display:block; width:200px; position:absolute; text-align:left; z-index:999;}
#nav ul li ul li{display:block; position:relative; float:none; }
#nav ul li ul li a{ display:block; padding-top:10px; padding-bottom:10px;}
#nav ul li:hover ul li ul{display:none;}
#nav ul li:hover ul li:hover > ul{display:block; position:absolute; right:200px; top:0px;}



body.home section#home_slider{ padding:0; font-size:14px;}

section.welcome-wrap{ font-size:14px; line-height:23px;}
section .read-more{ margin-top:35px;}
.read-more{font:normal 16px/26px 'Roboto'; padding:10px 30px; display:inline-table;}
.read-more:hover{ transition:all 0.4s ease 0s;}
.home-thumbnail{float:left; margin:0 40px 0 0;}
.home-thumbnail img, .home-thumbnail iframe{ padding:12px; border:solid 1px #f6f6f6; background:#fff;}

h2.section-title{background:url(images/border-image-full.png) no-repeat bottom center; padding:0 20px 40px 20px; margin:0 auto; text-align:center; display:table; font-weight:200; margin-bottom:45px;}
h2.section-title span{ font-weight:600;}
.border-color{width:100%; margin:40px 0; border-bottom:1px #eeeeee solid; display:inline-block; clear:both;}
.featured-projects{ width:auto; margin:0; padding:50px 0 70px 0;}
.feature-product-grid{ width:90%; min-height:280px; background:#f5f5f5; text-align:center; color:#555; margin:0 27px 0 0;}
.feature-product-grid h6{padding:15px 0;} 

/*====================== Our Services ==========================*/

.our-services{ text-align:center;}
.our-services p{ font-size:14px;}
.services-item{ width:350px; float:left; margin:0 55px 0 0}
.services-item h5{ font-weight:600; margin-bottom:10px;}
.services-item h5 span{ font-weight:300;}
.services-item p{margin:10px 0 0 0; font-size:12px; line-height:20px;}
.arrow-services {width:88px; float:left; position:relative; margin:0 20px 0 0; }
.arrow-services img{ padding:20px;background:#fff; border:solid 1px #f3f1f1;}

/*====================== Latest Post ==========================*/
body.home section.latestposts-wrap{ padding-top:0;}
.post-grid{width:49%; float:left; margin:0 20px 40px 0;}
.last-cols{ margin-right:0;}
.left-postthumb{width:40%; float:left; margin:0 35px 0px 0; position:relative; }
.left-postthumb .latest-post-date{ background:url(images/date-bg.png) no-repeat top center; padding:3px 6px 14px; color:#fff; font:700 11px/11px 'Arial', sans-serif; position:absolute; top:-4px; right:-4px; text-align:center; font-style:italic;}
.left-postthumb .latest-post-date span{font:700 26px/28px 'Cabin', sans-serif; display:block; font-style:normal;}
.post-title-content{width:53%; float:left;}
.post-title{font:bold 14px/24px 'Cabin', sans-serif; color:#545454;}
.home-post-by{ font-size:11px; font-style:italic; margin-bottom:10px;}
.home-post-by a{ color:#02abe5;}

/*====================== mobile ready ==========================*/
body.home section.mobile-wrap{ padding:0;}
.mobile-ready-thumbnail{ width:570px; float:left; }
.mobile-ready-content{ width:570px; float:left;}
h2.title-line{background:url(images/border-image.png) no-repeat bottom left; display:block; padding-bottom:45px;}
.mobile-ready-content p{ margin:20px 0;}
.mobile-ready-content a{font:normal 16px/26px 'Roboto'; color:#474646; border:solid 1px #e9e8e8; background:#fff; padding:10px 30px; display:inline-table; margin-top:20px;}
.mobile-ready-content a:hover{color:#454545; border:solid 1px #454545; transition:all 0.4s ease 0s;}

/*====================== Social Icon ==========================*/
.front-social-icon{ width:auto; margin:0; padding:10px 0 50px 0;}

/* Page Content CSS
================================================*/
.innerpage_wrapper{ padding-bottom:30px;}
.innerpage_wrapper section p{ margin-bottom:20px;}
.innerpage_wrapper p{ margin-bottom:20px;}
.content-part{ width:820px; float:left;}
.page-content{ padding:0 25px;}

/* Sidebar CSS
================================================*/
.sidebar-left img, .front-left img{ float: left; margin:5px 12px 5px 0;}
.sidebar-right{ width:290px; float:right; position:relative;}
.widget-area{ margin-bottom:20px;}
h3.widget_title{ font-size:22px;  margin:0 0 10px; padding:0 0 10px; border-bottom:1px solid #ddd;}
.sidebar-area{position:relative; margin-bottom:20px; padding:15px;}
.sidebar-area ul{ list-style:none;}
.sidebar-area ul li{  padding:0; }
.sidebar-area ul li a{ background:url(images/list-arrow.png) no-repeat left 10px; display:block; text-decoration:none; color:#3f3f3f; padding:5px 0 5px 18px; }
.sidebar-area ul li a:hover{background:url(images/list-arrow-hover.png) no-repeat left 10px; color:#02abe5;}


/*Team Member css*/
.team-col { /*width:30.1%;*/ margin:0 1% !important; float:left; text-align:center; min-height:350px;}
.team-col .team-desc{ padding:15px;}
.team-col h6 { color:#666; font-weight:normal;  text-transform:uppercase; margin:0;}
.team-col:hover h6 { color:#fff; }
.team-col span{ display:block; margin:5px 0 15px;}
.team-col .social-links a{color:#8d8c8c; border-right:1px solid #8d8c8c; margin-right:6px; padding-right:6px;}
.team-col .social-links a.bnone{ border-right:none;}
.team-col:hover .social-links a{color:#fff;  border-right:1px solid #e6e6e6;}
.team-col:hover{ cursor:pointer; color:#fff;}

/* Blog Page CSS
================================================*/
.blog-post h3.entry-title{ border-top:1px solid #d9d9d9; line-height:30px; padding:8px 0 12px 0; margin:0;}
.blog-post .postmeta{border-top:1px dotted #cdcdcd; border-bottom:1px dotted #cdcdcd; line-height:22px; margin-bottom:15px; color:#555e58!important; font-size:12px; }
.blog-post .entry-date{float:right;}
.blog-post .post-thumb{ width:28%;}
.blog-post .post-thumb img{ float:left; margin:5px 25px 5px 0; }
.blog-post .post-comment{float:left;}
.blog-post .post-date{float:left;}
.blog-post .post-categories{float:left;}
.blog-post .post-tags{float:left;}
.blog-post a.read-more{ margin-top:28px;}
.blog-post .blog-post-repeat{ margin-bottom:35px}

/* Contact Page CSS
================================================*/
.content-part.contact_left{ width:48%;}
iframe.map{ padding:5px; border:1px solid #ccc; margin-bottom:30px;}
.contact_info{ width:48%; float:right; padding-top:40px;}

.contact-form .cf_text, .contact-form .cf_textarea, .contact-form .cf_captcha, .wpcf7-form input[type=text], .wpcf7-form input[type=email], .wpcf7-form input[type=tel], .wpcf7-form textarea { width:70%; padding:10px; border:1px #ddd solid;}
.contact-form .cf_text{}
.contact-form .cf_textarea, .wpcf7-form textarea{ height:150px;}
.contact-form .cf_captcha{width:47%}
.contact-form .cf_button, .wpcf7-form input[type=submit]{padding:10px 15px; border:none; color:#fff; cursor:pointer;}
.contact-form .error_msg{color:#e00; padding-left:10px; vertical-align:top;}
.contact-form .success_msg{color:#070; padding:10px 0 15px;}


/*====================== Footer Section ==========================*/
#footer{ width:100%; margin:0; padding:50px 0 0 0; background:#f8f6f6;}
#footer .container{ padding:0 0 50px 0;}
#footer h5{ border-bottom:#e9e8e8 1px solid; margin-bottom:25px; padding-bottom:25px;}

#footer ul{margin:0; padding:0;}
#footer ul li{margin:0 0 8px 0; padding:0; display:block;}
#footer ul li a{color:#4d4d4d; margin:0; padding:0 0 0 20px; background:url(images/list-arrow.png) no-repeat center left;}
#footer ul li a:hover{color:#02abe5; background:url(images/list-arrow-hover.png) no-repeat center left;}


#footer .cols-4{ float:left; width:22.8%; margin:0 5% 0 0;}

#footer .cols-4.first{ width:15%;}
#footer .cols-4.second{}
#footer .cols-4.third{}
#footer .cols-4.fourth{ margin-right:0;}


.footer-news{ width:auto; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #e9e8e8; } 
.footer-news:last-child{ margin:0; padding:0; border-bottom:none;}

.footer-news img{ background:#fff; float:left; padding:5px 5px; margin:0 20px 0 0}
.footer-news a{ display:block; color:#0a0a0a; font-size:11px;}
.footer-news a:hover{color:#02abe5;}


.recent-project{ width:84px; float:left; margin:0 4px 2px 0;}
.recent-project:nth-of-type(3), .footer-col-3 .recent-project:nth-of-type(6){ margin-right:0;}


#footer .cols-4.fourth span{ min-width:60px; display:inline-block; }

#copyright{ padding:20px 0; }
.copy-right{ float:left; width:50%; text-align:left;}
.design-by{ float:right; width:40%; text-align:right;}
/*social icons*/
.social-icons { text-align:center;}
.social-icons br{ display:none;}
.social-icons a{ width:58px; height:58px; border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; -webkit-border-radius:50%; text-align:center; line-height:54px; vertical-align:middle; display:inline-block; margin:0 7px 7px; background-repeat: no-repeat; background-position:center center; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s;}

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

/* ---- Search ---- */
form.search-form{ margin:0; padding:0;}
form.search-form input[type="search"]{ border:1px solid #cccccc; padding:7px;}
form.search-form input[type="submit"]{ border:none; padding:7px 8px; cursor:pointer;}

/* --- Animation Visibility ----- */
.welcome-wrap, .featured-projects, .mobile-ready-thumbnail, .mobile-ready-content, .team-desc{ visibility:hidden;}