/*
Theme Name: blogtheme
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.0
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.
*/


/**
 * Table of Contents
 *
 * 1.0 - Normalize
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigation
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Widgets
 * 11.0 - Content
 *    11.1 - Header
 *    11.2 - Posts and pages
 *    11.3 - Post Formats
 *    11.4 - Comments
 *    11.5 - Sidebar
 *    11.6 - Footer
 * 12.0 - Media
 *    12.1 - Captions
 *    12.2 - Galleries
 * 13.0 - Multisite
 * 14.0 - Media Queries
 *    14.1 - >= 710px
 *    14.2 - >= 783px
 *    14.3 - >= 910px
 *    14.4 - >= 985px
 *    14.5 - >= 1200px
 * 15.0 - Print
 */


/**
 * 1.0 - Normalize
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */

.recent-blog-menu{
	margin-top:30px;
}

.recent-blog-menu ul.recent-blog-list{
	margin: 0px;
	padding: 0px;
}

.recent-blog-menu ul.recent-blog-list li{
	list-style: none;
	padding: 15px 0px;
	list-style: none;
	border: 1px solid #eeeeee;
	border-top:none;
	border-left:none;
	border-right:none;
	width:100%; float:left;
}

.recent-blog-menu ul.recent-blog-list .recent-blog-img{
	float: left;
	width: 70px;
	display: inline-block;
	margin-right: 10px;
}

.recent-blog-img img {
    height: 70px;
    object-fit: cover;
}
.recent-blog-post h5 {
    font-size: 14px;
}
.recent-blog-post {
    width: calc(100% - 80px);
    float: left;
}

.category-menu{
	margin-top: 0px;
}
.category-menu ul.category-list{
	padding: 0px;
	margin: 0px 0px 40px 0;
	float: left;
}

.category-menu ul.category-list li{
	list-style: none;
	padding: 10px 0;
	border-bottom: 1px solid #f2f2f2;
	width: 100%;
    float: left; font-size: 12px
}

.category-menu ul.category-list li:hover a{
	color: #b4c70b;
}

.category-menu ul.category-list li a{
	color: #6c6c6c;
	font-size: 15px;
}

.category-menu ul.category-list li a i{
	margin-right: 8px;
	font-size: 14px;
	border: 1px solid #999;
	border-radius: 100%;
	background-color: transparent;
	padding: 5px;
	width:25px;
	float:left;
}

.category-menu h4,.recent-blog-menu h4{line-height: 37px;
    font-size: 20px;color: #1a40aa; text-transform: uppercase; margin-bottom:5px ; float: left; width: 100%;}
.category-menu ul.category-list li a span{ width:calc(100% - 33px); float:left;}

img {max-width: 100% !important;}

.blog-grid .title h4 {
    color: #0083e0;
    font-size: 27px;
}
.blog-grid .author-panel {
    width: 100%;
    margin: 6px 10px 15px 0px;
    border: 1px dotted #b7b7b7;
    border-left: none;
    border-right: none;
    padding: 4px 0px;
    font-weight: 600;
    color: rgb(108, 108, 108);
}

.blog-grid .author-panel .author, .blog-grid .author-panel .date {
    float: left;
    margin: 6px 10px 3px 0px;
}

.date {
    color: #0092fa;
}
.blog-grid .author-panel ul.tags {
    margin: 0px;
    padding: 0px;
}
.blog-grid .author-panel ul.tags li {
    list-style: none;
    margin: 0px 2px;
    display: inline-block;
    background-color: #b4c70b;
    color: #fff;
    padding: 4px;
}

.pagination{
	float:left;
	width:100%;	
}

.pagination ul.pagelist{
	margin:0px;
	padding:0px;
}

.pagination ul.pagelist li{
	display:inline-block;
}

.pagination ul.pagelist li a{
	width: 40px;
	height: 40px;
	text-align: center;
	display: inline-block;
	font-size: 17px;
	color: #5c6873;
	font-weight: 400;
	padding: 7px 4px 6px 4px;
	border-radius: 40px;
	border: 1px solid #eeeeee;
}

.pagination ul.pagelist li a:hover, .pagination ul.pagelist li.active a{
	border-color: #0193fa;
	background-color: #0193fa;
	color: #FFF;
}

.case_study_info_mini_info p {
    line-height: 31px;
    overflow: hidden;
    height: auto !important;
    margin: auto;
    max-height: 80px;
    margin-bottom: 20px;
}

.blog_products .case_study_info_mini_img img {
    min-height: auto !important;
    max-height: 189px;
}
.blog_single_image .rslides1 li#rslides1_s0 img{ height: auto !important;max-height: 100vh !important;}

@media screen and (min-device-width:320px) and (max-device-width:991px){
	#banner{background: #1c41ab url(http://dev.maxmobility.in/maxmobility-new/blog/wp-content/themes/blogtheme/new-assets/img/bbg.png) no-repeat left top !important;padding: 15px !important;}.
	banner_inner{background: #1c41ab !important}#banner h4 { color: #fff !important;}
	.r_blog { height: auto !important;}
	}