div.heading-text > div > div > div > p {
    font: 300 24px/36px "Roboto", Arial, Helvetica, sans-serif;
    color: #fff;
}

div.heading-text > div > div > div > h1 {
    margin: 0 0 5px;
    position: absolute;
    bottom: 100%;
    left: 0;
    font: 700 72px/80px "Roboto", Arial, Helvetica, sans-serif;
    color: #fff;
    text-transform: uppercase;
    padding: 0 15px 70px;
}
.block-blog {
	padding:0 !important;
	clear: both;
	background: #fff;
}
.block-blog .products-grid li{
	width: 100%;
    margin: 0 0 10px;
	font-size: 16px;
}
div.heading-text > div > div > div {
    position: relative;
    min-height: -webkit-fill-available;
    padding-right: 15px;
    padding-left: 15px;
    width: 83.33333333333334%;
    margin-left: 16.666666666666664%;
}

div.heading-text > div {
    width: 1170px;
}

div.heading-text {
    background: #837B77;
    padding: 40px 0;
}

div.page-title-wrapper {
    display: none;
}

.blog-heading .img-box {
    height: 200px;
    overflow: hidden;
    background: url(../../images/blog-img.jpg) no-repeat 50% 60%;
    background-size: cover;
    position: relative;
    border-top: 46px solid rgba(131, 123, 119, 0.75);
}

.blog-heading .img-box > img {
    display: none;
    width: 100%;
    height: auto;
}


@media (min-width: 768px) and (max-width: 991px) {
    .blog-heading .img-box {
        background: url(../../images/blog-img.jpg) no-repeat 50% 60%;
        border-top: 91px solid rgba(131, 123, 119, 0.75);
    }

    div.heading-text > div > div > div > h1 {
        bottom: 85%;
    }

}

@media (min-width: 80px) and (max-width: 767px) {
    .blog-heading .img-box {
        background: url(../../images/blog-img.jpg) no-repeat 50% 60%;
        border-top: none;
    }

    div.heading-text > div > div > div > h1 {
        font: 700 35px/80px "Roboto", Arial, Helvetica, sans-serif;
        padding: 0 75px 90px;
    }

    div.heading-text > div > div > div {
        width: auto;
        margin-left: auto;
    }
}

#mpblog-list-container > div.post-list-body > div.post-list-item {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
}

#mpblog-list-container > div.post-list-body > div> div {
    width: 1170px;
    border: none;
    border: none;
    box-shadow: none;
}

#mpblog-list-container > div.post-list-body > div > div > div.col-md-2 {
    float: left;
}


@media (min-width: 80px) and (max-width: 991px) {
    #mpblog-list-container > div.post-list-body > div > div > div.col-md-2 {
        float: initial;
    }
}

#mpblog-list-container > div.post-list-body > div:nth-child(1) > div > div.post-info > dl > dt,
#mpblog-list-container > div.post-list-body > div:nth-child(4) > div > div.post-info > dl > dt,
#mpblog-list-container > div.post-list-body > div:nth-child(7) > div > div.post-info > dl > dt,
#mpblog-list-container > div.post-list-body > div:nth-child(10) > div > div.post-info > dl > dt,
#mpblog-list-container > div.post-list-body > div:nth-child(13) > div > div.post-info > dl > dt
{
    font-size: 11px;
    font-weight: 500;
    color: #C7D41E;
}

#mpblog-list-container > div.post-list-body > div:nth-child(1) > div > div.post-info > dl > dd,
#mpblog-list-container > div.post-list-body > div:nth-child(4) > div > div.post-info > dl > dd,
#mpblog-list-container > div.post-list-body > div:nth-child(7) > div > div.post-info > dl > dd,
#mpblog-list-container > div.post-list-body > div:nth-child(10) > div > div.post-info > dl > dd,
#mpblog-list-container > div.post-list-body > div:nth-child(13) > div > div.post-info > dl > dd
{
    font-size: 11px;
    font-weight: 300;
    color: #276581;
}



#mpblog-list-container > div.post-list-body > div:nth-child(2) > div > div.post-info > dl > dt,
#mpblog-list-container > div.post-list-body > div:nth-child(5) > div > div.post-info > dl > dt,
#mpblog-list-container > div.post-list-body > div:nth-child(8) > div > div.post-info > dl > dt,
#mpblog-list-container > div.post-list-body > div:nth-child(11) > div > div.post-info > dl > dt,
#mpblog-list-container > div.post-list-body > div:nth-child(14) > div > div.post-info > dl > dt
{
    font-size: 11px;
    font-weight: 500;
    color: #837B77;
}

#mpblog-list-container > div.post-list-body > div:nth-child(2) > div > div.post-info > dl > dd,
#mpblog-list-container > div.post-list-body > div:nth-child(5) > div > div.post-info > dl > dd,
#mpblog-list-container > div.post-list-body > div:nth-child(8) > div > div.post-info > dl > dd,
#mpblog-list-container > div.post-list-body > div:nth-child(11) > div > div.post-info > dl > dd,
#mpblog-list-container > div.post-list-body > div:nth-child(14) > div > div.post-info > dl > dd
{
    font-size: 11px;
    font-weight: 300;
    color: #276581;
}

#mpblog-list-container > div.post-list-body > div > div > div.col-md-2 {
    margin-top: 45px;
    margin-right: 45px;
}

#mpblog-list-container > div.post-list-body > div > div > div.post-info {
	width: 30%;
    float: left;
    padding-right: 10px;
	min-width: 250px;
	margin-top: 20px;
}
#mpblog-list-container > div.post-list-body > div > div > div.post-info-wraper > h2 > a:hover {
    text-decoration: underline !important;
}

#mpblog-list-container > div.post-list-body > div:nth-child(1) > div > div.post-info-wraper > h2 > a,
#mpblog-list-container > div.post-list-body > div:nth-child(4) > div > div.post-info-wraper > h2 > a,
#mpblog-list-container > div.post-list-body > div:nth-child(7) > div > div.post-info-wraper > h2 > a,
#mpblog-list-container > div.post-list-body > div:nth-child(10) > div > div.post-info-wraper > h2 > a,
#mpblog-list-container > div.post-list-body > div:nth-child(13) > div > div.post-info-wraper > h2 > a
{
    font: 500 25px/30px "Roboto", Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #276581 !important;
}

#mpblog-list-container > div.post-list-body > div:nth-child(2) > div > div.post-info-wraper > h2 > a,
#mpblog-list-container > div.post-list-body > div:nth-child(5) > div > div.post-info-wraper > h2 > a,
#mpblog-list-container > div.post-list-body > div:nth-child(8) > div > div.post-info-wraper > h2 > a,
#mpblog-list-container > div.post-list-body > div:nth-child(11) > div > div.post-info-wraper > h2 > a,
#mpblog-list-container > div.post-list-body > div:nth-child(14) > div > div.post-info-wraper > h2 > a
{
    font: 500 25px/30px "Roboto", Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #1D1D1B !important;
}

div.post-info-wraper > div.mp-post-meta-info.mp-alignright > div > a {
    font: 300 13px/1.54 "Roboto", Arial, Helvetica, sans-serif;
    color: #276581 !important;
    text-decoration: underline !important;
}

div.post-info-wraper > div.mp-post-meta-info.mp-alignright > div > a:hover {
    text-decoration: none !important;
}

#mpblog-list-container > div.post-list-body > div:nth-child(1) > div > div.post-info-wraper > div.post-short-description,
#mpblog-list-container > div.post-list-body > div:nth-child(4) > div > div.post-info-wraper > div.post-short-description,
#mpblog-list-container > div.post-list-body > div:nth-child(7) > div > div.post-info-wraper > div.post-short-description,
#mpblog-list-container > div.post-list-body > div:nth-child(10) > div > div.post-info-wraper > div.post-short-description,
#mpblog-list-container > div.post-list-body > div:nth-child(13) > div > div.post-info-wraper > div.post-short-description
{
    font: 300 13px/1.54 "Roboto", Arial, Helvetica, sans-serif;
    color: #276581;
}

#mpblog-list-container > div.post-list-body > div:nth-child(2) > div > div.post-info-wraper > div.post-short-description,
#mpblog-list-container > div.post-list-body > div:nth-child(5) > div > div.post-info-wraper > div.post-short-description,
#mpblog-list-container > div.post-list-body > div:nth-child(8) > div > div.post-info-wraper > div.post-short-description,
#mpblog-list-container > div.post-list-body > div:nth-child(11) > div > div.post-info-wraper > div.post-short-description,
#mpblog-list-container > div.post-list-body > div:nth-child(14) > div > div.post-info-wraper > div.post-short-description
{
    font: 300 13px/1.54 "Roboto", Arial, Helvetica, sans-serif;
    color: #1D1D1B;
}

#mpblog-list-container > div.post-list-body > div:nth-child(2),
#mpblog-list-container > div.post-list-body > div:nth-child(5),
#mpblog-list-container > div.post-list-body > div:nth-child(8),
#mpblog-list-container > div.post-list-body > div:nth-child(11),
#mpblog-list-container > div.post-list-body > div:nth-child(14)
{
    background: #e4e3e2;
}

#mpblog-list-container > div.post-list-body > div {
    margin-top: 15px;
    margin-bottom: 15px;
}

#mpblog-list-container > div.pager {
    display: inline-block;
    margin: 15px 0 15px;
    clear: both;
    width: 100%;
}

#mpblog-list-container > div.pager > div.pages {
    padding-top: 10px;
    padding-bottom: 10px;
	float: left;
}

#mpblog-list-container > div.pager > div.limiter {
    padding-top: 10px;
    padding-bottom: 10px;
}

#mpblog-list-container > div > div.post-post_content.col-xs-12 {
    width: 1130px;
}

.mpblog-list-container-second {
    top: -35px !important;
    margin-bottom: 30px;
}

.mpblog-list-container-second > div > div.post-post_content.col-xs-12 {
    font: 300 13px/1.54 "Roboto", Arial, Helvetica, sans-serif;
    color: #276581;
}

.mpblog-list-container-second  > div > div.post-post_content.col-xs-12 > h2 {
    box-sizing: border-box;
    font: 500 25px/30px "Roboto", Arial, Helvetica, sans-serif;
    color: #276581;
    margin: 0 0 15px;
}
.mp-sidebar.mpcss .block-mp-sidebar-heading-tags, .mp-sidebar.mpcss .block-mp-sidebar-heading, .block-blog .products-grid .item_nav h2 {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 700;
    color: #333333;
}
#mpblog-list-container-sidebar > div > div > div > div > ul > li > a {
	text-decoration: none;
	color: #2D3130;
	font-weight: 500;
}
/* Layout modifications for 2-column support */
#mpblog-list-container {
    max-width: 1170px !important;
    width: 100% !important;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}
#mpblog-view-layout-container {
    position: relative;
    top: -71px;
    max-width: 1170px !important;
    width: 100% !important;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}
@media (min-width: 992px) and (max-width: 1199px) {
    #mpblog-view-layout-container {
        top: -81px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #mpblog-view-layout-container {
        top: -125px;
    }
}
@media (min-width: 80px) and (max-width: 767px) {
    #mpblog-view-layout-container {
        top: -10px;
    }
}
/* Adjust post list item width inside grid columns */
#mpblog-list-container > div.container > div.row > div.mpblog-main-col > div.post-list-body > div.post-list-item > div.post-item-wraper {
    width: 100% !important;
    max-width: 100% !important;
}
/* Sidebar Recent Posts Styles */
.sidebar-recent-posts {
    background-color: #fff;
    padding: 20px 15px;
    border: 1px solid #e4e3e2;
    margin-bottom: 30px;
}
.sidebar-recent-posts .sidebar-title {
    font: 700 16px/1.2 "Roboto", Arial, Helvetica, sans-serif;
    color: #276581;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 20px;
    padding-bottom: 8px;
    border-bottom: 2px solid #276581;
    letter-spacing: 0.5px;
}
.recent-posts-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.recent-post-item {
    display: flex;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #e4e3e2;
}
.recent-post-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.recent-post-image {
    width: 65px;
    min-width: 65px;
    margin-right: 12px;
}
.recent-post-image img {
    width: 100% !important;
    height: auto !important;
    display: block;
    object-fit: cover;
}
.recent-post-info {
    flex-grow: 1;
}
.recent-post-title {
    font: 500 13px/1.4 "Roboto", Arial, Helvetica, sans-serif;
    color: #1D1D1B !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 3px;
    text-decoration: none !important;
}
.recent-post-title:hover {
    color: #276581 !important;
    text-decoration: underline !important;
}
.recent-post-date {
    font-size: 11px;
    color: #837B77;
    display: block;
}
/* Post Content & Typography */
.post-post_content,
.post-post_content p,
.post-post_content span,
.post-post_content li {
    font: 300 16px/1.6 "Roboto", Arial, Helvetica, sans-serif !important;
    color: #276581 !important;
}
/* Aspect Ratio / Image Squishing fixes */
.post-post_content img,
.post-image img,
.post-view-image img {
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    display: block;
}
@media (min-width: 768px){
	.mpblog-post-index.page-layout-2columns-left .sidebar-main,
    .mpblog-post-view.page-layout-2columns-left .sidebar-main,
    .mpblog-category-view.page-layout-2columns-left .sidebar-main,
    .mpblog-tag-view.page-layout-2columns-left .sidebar-main,
    .mpblog-topic-view.page-layout-2columns-left .sidebar-main,
    .mpblog-month-view.page-layout-2columns-left .sidebar-main{
	    width: 20.83333333%;
	    float: left;
	    -ms-flex-order: 1;
	    -webkit-order: 1;
	}
	.mpblog-post-index.page-layout-2columns-left .column.main,
    .mpblog-post-view.page-layout-2columns-left .column.main,
    .mpblog-category-view.page-layout-2columns-left .column.main,
    .mpblog-tag-view.page-layout-2columns-left .column.main,
    .mpblog-topic-view.page-layout-2columns-left .column.main,
    .mpblog-month-view.page-layout-2columns-left .column.main{
		width: 79.16666667%;
        float: right;
        -ms-flex-order: 2;
        -webkit-order: 2;
	}
}	
/* Mobile responsive fixes for grey box header and top spacing */
@media (max-width: 767px) {
	#mpblog-list-container{
		padding:0;
	}
	#mpblog-list-container > div.post-list-body > div > div > div.post-info{
		width: 100%;
		margin: 0 0 10px;
	}
    div.heading-text {
        padding: 20px 0 !important;
    }
    
    div.heading-text > div > div > div {
        width: auto !important;
        margin-left: 0 !important;
        padding: 0 15px !important;
        min-height: auto !important;
    }
    
    div.heading-text > div > div > div > h1 {
        padding: 0 0 10px 0 !important;
        margin: 0 !important;
        color: #fff !important;
        text-transform: uppercase;
		left: 15px;
        top: -110px;
    }
    div.heading-text > div > div > div > p {
        font: 300 15px/1.5 "Roboto", Arial, Helvetica, sans-serif !important;
        color: #fff !important;
        margin: 0 !important;
    }
    
    .blog-heading .img-box {
        height: 100px !important;
        border-top: none !important;
		background-size: cover;
    }
    
    /* Ensure sidebar wraps nicely on mobile */
    .mpblog-sidebar-col {
        margin-bottom: 30px;
    }
}