/*
Theme Name: TMS Blog
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, red, white, yellow, dark, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: twentysixteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

.blog-lft .cat-title{width:100%; float:left; font-size: 20px;font-weight: 500;  color: #000000;}
.post-sm-dis a{color: #ff0000; }
.post-sm-dis a:hover{color: #000; }
.post-sm-dis b, .post-sm-dis strong{font-weight: 500;}
.post-sm-dis em{font-style: italic;}
.post-sm-dis u{text-decoration: underline;}
.post-sm-dis ul{width:100%; float:left; margin:0; padding:0 0 0 0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.post-sm-dis li{width:100%; float:left; padding:0 0 0 14px; background:url(images/li-bg.png) no-repeat left 9px; font-size:17px; color:#000000; line-height:27px; 
margin:0 0 15px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-weight:300}
.post-sm-dis h1{margin-bottom: 15px;}
.pagination ul li span.current {font-size: 21px; font-weight: 500;color: #ff0000; text-decoration: underline;}
.nw-line .formError { left: 0 !important; position: absolute; top:44px !important;}
.nw-line .formError .formErrorContent{width: 100% !important; box-sizing: border-box;}

.sign-box .formError { left: 0 !important; position: absolute; top:35px !important;}
.blog-lft .no-bor{border: none;}
.comments-area{float: left;width: 100%;  padding: 0px; box-sizing: border-box; text-align: left; margin: 0px 0 25px; color: #333333; }
.comments-area h3 { padding: 0px 0 10px; font-size: 21px; line-height: 25px; font-weight: 600;}
.comments-area .media-list{width: 100%;}
.comments-area ul{float: left;width: auto; padding: 0px;}
.comments-area ul li{float: left; display: inline-block; background: none;padding: 0 0 20px 0px; margin: 0px; width: 100%;}
.comments-area .commnt-img { float: left;  width: 8%;}
.comments-area .commnt-img img { border-radius: 50%; height: auto;}
.comments-area .commnt-body{ float: right;  width: 90%;}
.comments-area .posted-time { float: right; color: #8c8c8c; font-size:12px;  line-height: 12px;}
.comments-area .commnt-author-name {float:left; width:auto; color: #000; font-size: 14px; font-weight: normal; line-height: 14px; }
.comments-area .comment-reply-link{float:left; color: #ff0000; text-decoration:none; font-size: 14px; font-weight: normal; line-height: 14px;}
.comments-area .commnt-author-name a:hover,.comments-area .comment-reply-link:hover{text-decoration: none; color: #000}
.comments-area .commnt-body p{width:100%; float:left; margin:0 0 15px 0; font-size:17px;font-family: 'Raleway', sans-serif; line-height:25px; color:#333333;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.comments-area .media-list .children { list-style: outside none none; padding-top: 0px; padding-left: 3%; width: 97%;}
.comment-respond{float: left;width: 100%;}
.comment-respond .comment-reply-title a, .comment-respond .logged-in-as a{font-size: 14px; color: #ff0000; text-decoration:none; line-height: 15px;}
.comment-respond .comment-reply-title a:hover, .comment-respond .logged-in-as a:hover{color: #000}
.comment-respond .user-loged-commnt {float: left; margin: 15px 0 0;}
.blog-form .no-comments { padding-top: 10px;}


.comment-respond .form-head a, .comment-respond .logged-in-as a {color: #ff0000; font-size: 15px; line-height: 15px;text-decoration: none;}
.comment-respond .form-head a:hover, .comment-respond .logged-in-as a:hover {color: #000; text-decoration: none;}
.add-comment-form div.error{ color: #ff0000; float: left; font-size: 14px; margin-top: 3px; width: 100%;}

div.wpcf7 img.ajax-loader{position: absolute; left: 0;}
.quick-form-home .wpcf7-not-valid { border: 1px solid #ff0000 !important;}
.quick-form-home .wpcf7-not-valid-tip{float: left;font-size: 14px; width: 100%; text-align: left; margin: 5px 0 0 0;}
.quick-form-home .wpcf7-form-control-wrap.your-name .wpcf7-not-valid-tip{display: none !important;}
.quick-form-home .wpcf7-form-control-wrap.email .wpcf7-not-valid-tip{display: none !important;}
.quick-form-home .wpcf7-form-control-wrap.phone .wpcf7-not-valid-tip{display: none !important;}
.wpcf7-validation-errors{display: none !important;}
div.wpcf7-mail-sent-ok{float: left; width: 100%; text-align: center; color: #398f14; margin: 0px !important; padding: 10px 0 0 0 !important; border: none !important; font-weight: bold; }



/* captcha form popup design*/
section .quick-form-home .colslidercaptcha {
    float: left;
}
section .quick-form-home .colslidercaptcha .slidercaptcha.card {
    height: 220px;
    margin: 20px 0;
}
.pop-mid-box {
     width: 440px;
    overflow-y: auto;
    overflow-x: hidden;
}
span.sliderText {
    font-size: 16px;
    text-transform: capitalize;
    color: #000;
}
section .quick-form-home .colslidercaptcha .card-header {
    margin-bottom: 10px;
text-align: left;
}

section .quick-form-home .slider:hover {
    background: #fff;
    color: #000;
    border-color: #fff;
}
.quick-form-home .name.qf {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
}

.quick-form-home .rgt-area.qf {
    width: 100%;
}

@media screen and (max-width: 767px) {
	.pop-mid-box {
    	width: 420px !important;
	}
}

@media screen and (max-width: 567px) {
.pop-mid-box {
    	width: 300px !important;
	}
	.quick-form-home .wpcf7-not-valid-tip{font-size: 13px;}   
	section .quick-form-home .colslidercaptcha {
        	transform: scale(0.9) translateX(-17px);
    	}

    .quick-form-home .g-recaptcha {
        transform: scale(0.83);
        -webkit-transform: scale(0.83);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    } 
}