/*
Theme Name: SKT Handy
Theme URI: https://www.sktthemes.org/shop/free-doctor-wordpress-theme
Author: SKT Themes
Author URI: https://www.sktthemes.org
Description: SKT Handy is a medical and health responsive WordPress theme which is simple and easy to use and flexible as well as multipurpose and can be used for other industries like personal, doctor, clinic, trainer, gym, studio, corporate, business, consulting, construction, photography and portfolio websites. Compatible with various plugins and translation ready. Check demo at: http://sktthemesdemo.net/handy/

Version: 1.1
License: GNU General Public License
License URI: license.txt
Text Domain: skt-handy
Tags:two-columns,right-sidebar,custom-background,custom-colors,custom-menu,sticky-post,theme-options,threaded-comments

SKT Handy WordPress Theme has been created by SKT Themes(sktthemes.org), 2016.
SKT Handy WordPress Theme is released under the terms of GNU GPL
*/
body{ font-family:'Roboto Condensed', sans-serif; background-color:#faf9f9; margin:0; padding:0;line-height:20px; font-size:13px; color:#5c5c5c; -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:#5797ee; text-decoration:none; }
a:hover{ color:#ba7101;}
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', 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 #f6f4f4;}
img.alignright, .alignright{ float:right; margin:0 0 0 15px; padding:5px; border:1px solid #f6f4f4;}
.tag-sticky-2{ background-color:#f6f4f4; padding:20px;}
.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:0; background:#646262; color:#fff; padding:5px 10px;}
.pagination .nav-links span.current, .pagination .nav-links a:hover { padding:5px 10px; background:#5797ee; color:#fff;}

.postmeta{padding:5px 0; color:#999;}
.postmeta a{color:#999;}
.postmeta a:hover{color:#5797ee;}

#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:22%; z-index:999; color:#333; padding:28px 0;}
.logo img{ height:51px; width:auto;}
.logo h1{font-weight:600; margin:0; line-height:30px; color:#323131; font-size:37px; text-transform:uppercase;}
.logo h1 span{ color:#5797ee;}
.logo a{ color:#323131;}
body.wp-custom-logo .logo h1{ display:none;}


.widget-right{ float:right; width:75%; font:400 20px/22px 'Roboto'; padding-top:28px;}

.header{width:100%; z-index:999; position:relative; }
.container{ width:1170px; margin:0 auto; position:relative;}
#home_slider{ position:relative; top:-56px; border-bottom:4px solid #5797ee; }
/*header menu css*/
#Headinfo{ background-color: rgba(87, 151, 238, 0.5); line-height:56px; }
.hdrinfo{ font-family:'Roboto', sans-serif; float:left; font-weight:600; font-size:15px; margin:0 20px 0 0; color:#fff;}
.hdrinfo a{ color:#fff; margin-left:15px;}

.toggle a{width:100%; color:#ffffff; background:url(images/mobile_nav_right.png) no-repeat right center #3e3e3e; padding:10px 10px; font-size:16px; text-align:left; display: none;}
.toggle a:hover{color:#ffffff !important;}
.sitenav{display:none;}

.sitenav{ padding:0;}
.sitenav ul { margin:0; padding:0; font-family:'Roboto', sans-serif; font-weight:600; font-size:12px; text-align:right; }
.sitenav ul li{ display:inline-block; margin:0; position:relative;}
.sitenav ul li a{ padding:15px 13px; display:block; color:#313131; text-transform:uppercase; }
.sitenav ul li:last-child a{ border-right:none; }
.sitenav ul li ul li{display:block; position:relative; float:none; border-bottom:1px solid #ccc;}
.sitenav ul li ul li a{display:block; padding-top:10px; padding-bottom:10px; position:relative; text-align:left;  border-right:none; }
.sitenav ul li a:hover, .sitenav ul li.current_page_item a, .sitenav ul li.menu-item-has-children.hover, .sitenav ul li.current-menu-parent a.parent{ color:#5797ee;  }
.sitenav ul li ul{display:none; z-index:99999; position:relative;}
.sitenav ul li:hover > ul{display:block; width:200px; position:absolute; left:0; text-align:left; background-color:#faf9f9; }
.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 bar css
-------------------------------------------------------------- */
section#home_slider{ padding:0;}
#FrontBlogPost{ padding:60px 0;}
#wrapfirst{ padding:0 0 60px; text-align:center;}
.welcomewrap p{ font-size:14px;}

h2.section_title{font-weight:700; font-family:'Roboto'; font-size:32px; color:#3a3a3a; margin:auto auto 30px; padding:0 0 22px 0; text-transform:capitalize; display:table; border-bottom:solid 1px #d4d4d4; position:relative;}
h2.section_title:after {display:block; content:""; width:50px; height:7px; background:#5797ee; margin:auto; position:absolute; left:0; right:0; bottom:-3px; z-index:10;}

.getaquote{ float:right; margin-left:15px; margin-top:3px;}
.getaquote a{font:600 12px 'Roboto'; background-color:#5797ee; color:#ffffff; border:none; padding:0 20px; line-height:40px; display:inline-block; -moz-border-radius:20px; -webkit-border-radius:20px;border-radius:20px; text-transform:uppercase; }
.getaquote a:hover{color:#ffffff;}

/* = social icons css
-------------------------------------------------------------- */
.header-social-icons{ float:right;}
.header-social-icons a{ width:45px; height:55px; line-height:55px; text-align:center;  vertical-align:middle; display:inline-block; float:left; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s;  margin:0 1px 0 0; padding:0; }
.header-social-icons br{ display:none;}
.header-social-icons a:hover{opacity:0.5;}
.header-social-icons .fb{ background:url(images/icon-fb.png) no-repeat center center; }
.header-social-icons .tw{ background:url(images/icon-tw.png) no-repeat center center; }
.header-social-icons .gp{ background:url(images/icon-gp.png) no-repeat center center;}
.header-social-icons .in{ background:url(images/icon-in.png) no-repeat center center;}

.phoneno{ margin-right:20px;}

/* = Services section css
-------------------------------------------------------------- */
.last_column{clear:right; margin-right:0 !important; }

/* = section first css
-------------------------------------------------------------- */
#pagearea{ padding:0 0 40px; position:relative; z-index:999;}
.fourbox{ background-color:#fff; color:#333; width:25%; float:left; border:1px solid #e5e4e4; margin:0 0 0 -1px; padding:35px; position:relative; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; min-height:320px; text-align:center;}
.fourbox p{ margin-bottom:0; line-height:20px; }
.fourbox h3{ font-size:22px; font-weight:600; color:#333; margin:0 0 20px;}
.fourbox h3 a{ color:#333;}
.fourbox .thumbbx { width:87px; height:87px; margin:0 auto 30px; overflow:hidden; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; border:1px solid #ccc; }
.fourbox .thumbbx img{ width: 100%; height:auto;}
.fourbox a.ReadMore{ background-color:#fff; color:#333;}
.fourbox a.ReadMore:hover{ background-color:#333 !important; color:#fff !important;}

.fourbox:hover{ background-color:#5797ee; color:#fff;}
.fourbox:hover h3 a{ color:#fff;}


a.ReadMore{ font:400 12px/22px 'Roboto', sans-serif; background-color:#424242; padding:6px 15px; color: #fff; display:inline-block; }
a.ReadMore:hover{background-color:#5797ee; color:#fff; }

/* = social icons css
-------------------------------------------------------------- */
.footer-social-icons a{ width:32px; height:32px; line-height:32px; background-color:#222 !important; 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 5px 0 0; padding:0; -moz- border-radius:5px; -webkit- border-radius:5px; border-radius:5px; }
.footer-social-icons br{ display:none;}
.footer-social-icons a:hover{ background-color:#5797ee !important; }
.footer-social-icons .fb{ background:url(images/footer-icon-fb.png) no-repeat center center; }
.footer-social-icons .tw{ background:url(images/footer-icon-tw.png) no-repeat center center; }
.footer-social-icons .gp{ background:url(images/footer-icon-gp.png) no-repeat center center;}
.footer-social-icons .in{ background:url(images/footer-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:0 0 25px 0; background-color:#fff; padding:25px; border-bottom:1px solid #f7f7f7;  }
.blog_lists h4{ margin-bottom:6px;}
.blog_lists h4 a{ color:#484f5e;}
.blog_lists h4 a:hover{ color:#5797ee;}
.blog_lists p{ margin-bottom:15px;}
.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:35%; float:left; margin:5px 25px 5px 0; height:185px; overflow:hidden;}
.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:#5797ee; padding:12px 15px; margin-bottom:1px; color:#fff;}
#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;}

.fullwidth{ width:100%; float:none;}

/* = Footer Social css
-------------------------------------------------------------- */
.footerinfo { font:400 16px/18px 'Roboto'; display:inline-block; }
.footerinfo .fa{ margin-right:8px;}
.footerinfo span{ margin-left:35px;}
.footerinfo a{ color:#777777;}

/* = Footer css
-------------------------------------------------------------- */
#footer-wrapper{background-color:#151515; position:relative; color:#ffffff;}
.footer{ padding:50px 0 20px;}
.cols-3{width:28%; float:left; margin:0 8% 2% 0; box-sizing:border-box; }
.widget-column-3 { margin-right:0px !important;}
.cols-3 h5{ font-weight:600; font-size:22px; color:#fff; margin-bottom:30px; text-transform:uppercase; }
.cols-3 h5 span{ font-weight:300;}
.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:#b8b6b6; background:url(images/list-arrow.png) no-repeat 0 8px; padding:3px 0 3px 20px; display:block;}
.cols-3 ul li a:hover, .cols-3 ul li.current_page_item a { color:#dd5145; }

.cols-3 p{ margin-bottom:15px;}
.phone-no{ margin:0 0 20px; line-height:22px;}
.phone-no a{color:#d6d6d6;}
.phone-no a:hover{color:#d6d6d6;}
.phone-no strong { display:inline-block; color:#5797ee;}
.phone-no img{ margin:5px 15px 0 0; float:left;}
.cols-3 .phone-no p{ margin-bottom:5px;}
.cols-3 .phone-no p span{ color:#0cb4e5; width:75px; display:inline-block;}


.copyright-wrapper {  background-color:#1c1c1c; color:#fff; position:relative; padding:15px 0;}
.copyright-txt { float:left;}
.copyright-txt span{color:#5797ee;}
.design-by { float:right;}
.design-by a:hover { color:#fff;}
.recent-post{ min-height:70px; margin:0 0 25px 0; padding-bottom:25px; border-bottom:1px dashed #3b3b3b; }
.recent-post h6{ font-size:13px; margin-bottom:6px; display:block; text-transform:uppercase;}
.recent-post h6 a{ color:#b8b6b6;}
.recent-post h6 a:hover{ color:#5797ee;}
.recent-post .footerthumb{ width:65px; height:55px; overflow:hidden;float:left;margin:4px 15px 5px 0; }
.recent-post .footerthumb img{  width:100%; height:auto; min-height:55px; border:3px solid #4c4b4b; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
.recent-post p{ margin-bottom:5px;}
.recent-post .morebtn{ color:#0cb4e5; font-size:11px;}
.recent-post .morebtn:hover{ color:#fff;}
.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;}
.siteaddress{ margin-bottom:30px;}

/* 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',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',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}
#wp-calendar{ width:100%;}

input.search-field, .post-password-form input[type=password]{border:1px #eee solid; padding:8px 15px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
input.search-submit, .post-password-form input[type=submit], .wpcf7-form input[type=submit]{border:none; color:#ffffff; padding:8px 15px; cursor:pointer; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background-color:#5797ee;}

/* 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:#5797ee; width:auto; border:none; cursor:pointer; font:18px 'Roboto',san-serif; color:#ffffff; padding:10px 40px; border-radius:3px;}	

/* ============= Comment Form ============ */
h1.screen-reader-text{font:22px 'Roboto',san-serif;}
.site-nav-previous, .nav-previous{ float:left;}
.site-nav-next, .nav-next{ float:right;}
h3#reply-title{font:300 18px 'Roboto',san-serif;}
#comments{ margin:30px 0 0; padding:0;}
nav#nav-below{ margin-top:15px;}
.slider-wrapper{ background:url(images/loading.gif) no-repeat center center #fff; min-height:500px;}