/*!
Theme Name: Blog3M
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: blog3m
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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.

Blog3M is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Normalize
### REMOVED, 3M.com theme already has its own normalize/reset styles
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Menus
### REMOVED, use custom styles from 3M.com theme
--------------------------------------------------------------*/


/* Had to use 3m.com URLs for the icon font since it's not in the WP parent theme? */

@font-face {
    font-family: '3MThemeIconFont';
    src: url('https://www.3m.com/3m_theme_assets/themes/3MTheme/assets/fonts/3MThemeIconFont/fonts/3MThemeIconFont.eot?i2w8ja');
    src: url('https://www.3m.com/3m_theme_assets/themes/3MTheme/assets/fonts/3MThemeIconFont/fonts/3MThemeIconFont.eot?#iefixi2w8ja') format('embedded-opentype'), url('https://www.3m.com/3m_theme_assets/themes/3MTheme/assets/fonts/3MThemeIconFont/fonts/3MThemeIconFont.woff?i2w8ja') format('woff'), url('https://www.3m.com/3m_theme_assets/themes/3MTheme/assets/fonts/3MThemeIconFont/fonts/3MThemeIconFont.ttf?i2w8ja') format('truetype'), url('https://www.3m.com/3m_theme_assets/themes/3MTheme/assets/fonts/3MThemeIconFont/fonts/3MThemeIconFont.svg?i2w8ja#3MThemeIconFont') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/


/* Text meant only for screen readers. */

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
    /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.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;
    clip-path: none;
    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. */
}


/* Do not show the outline on the skip link target. */

#content[tabindex="-1"]:focus {
    outline: 0;
}


/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}


/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

.widget {
    margin: 0 0 1.5em;
    /* Make sure select elements fit in widgets. */
    filter: drop-shadow(1px 1px 3px #DDD);
}

.widget a {
    border-bottom: none;
}

.widget select {
    max-width: 100%;
    margin: 0 10px 15px 15px;
}


/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.branded-site-content {
    background-color: #F2F2F2;
    padding-top: 15px;
}

.site-main .entry-content {
    padding-top: 10px;
    margin: 0;
}

.site-main .entry-content p {
    margin: 0;
    font-size: 16px;
    line-height: 20px;
    color: #4B4B4B;
}

/*--------------------------------------------------------------
# Listing Page
--------------------------------------------------------------*/
.list-title.page-header, .list-title.MMM--theme-hd{
    padding: 0 25px 0 25px;
    height: 5px;
}
.page-header, h2.page-title{
    margin: 0px!important;
    font-family: "3MCircular",Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 28px;
    line-height: 35px;
    color:#4B4B4B;
    font-weight: bold;
}
h2.page-title{
    padding-bottom: 10px;
}
.archive-description{   
    font-weight: lighter;
    padding-bottom: 15px;    
}
    .archive-description p{
        margin: 0px;
    }
header.MMM--theme-hd:after{
    position: relative;
    height: 1px;
}
div#primary, aside#secondary{
    padding-top: 20px; 
}


/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.type-post {
    background: #fff;
}

.sticky {
    display: block;
}

.hentry {
    margin: 0 0 1.5em;
}

.updated:not(.published) {
    display: none;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

.read-more-link .MMM--txt_bodyProminentLink {
    font-family: "3MCircular";
    font-size: 16px;
    line-height: 20px;
    color: #003CE6;
    text-decoration: underline;
}

.read-more-link {
    padding-top: 10px;
    font-weight: 400;
}

.site-main .entry-meta a {
    color: #003CE6;
}

.site-main .entry-meta {
    font-family: '3MCircular';
    font-size: 12px;
    line-height: 15px;
    font-weight: 400;
}

.site-main .entry-title {
    padding-top: 10px;
    margin: 0;
    font-size: 20px;
    line-height: 25px;
    font-weight: 400;
}


/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}


/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/


/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    display: none;
}


/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

.infinity-end.neverending .site-footer {
    display: block;
}


/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}


/* Make sure embeds and iframes fit their containers. */

embed,
iframe,
object {
    max-width: 100%;
}


/* Make sure logo link wraps around logo image. */

.custom-logo-link {
    display: inline-block;
}




/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/

.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

/* DOTCOM-2609 */
.wp-caption-text {
    /* text-align: center; */
    text-align: left;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
    padding: 0 15px 15px 15px;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}


/*--------------------------------------------------------------
## Blog3M Styles
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Social Share Styles
--------------------------------------------------------------*/
.entry-content .MMM--share-container {
    margin-top: 0;
    padding: 10px 0 10px 0;
    margin: 0;
}

.entry-content .MMM--share-container .MMM--share {
    margin: 0;
}

.MMM--share a:hover {
    text-decoration: none !important;
    color: grey;
}

/*--------------------------------------------------------------
## Tag Line Styles
--------------------------------------------------------------*/
.site-description {
    padding: 0px 0 15px 25px;
    font-family: "3MCircular",Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 28px;
    line-height: 35px;
    font-weight: lighter;
    color: #4B4B4B;
    margin: 0;
}

/*--------------------------------------------------------------
## Site Head Styles
--------------------------------------------------------------*/

.MMM--theme-hd:after {
    position: absolute;
}

/*--------------------------------------------------------------
## Breadcrumb Styles
--------------------------------------------------------------*/

.MMM--breadcrumbs-list li:last-child i {
    display: none;
}
.MMM--breadcrumbs-list a:link, .MMM--breadcrumbs-list a:visited{
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}
.MMM--breadcrumbs-list a:hover {
    text-decoration: none;
    border-bottom: 1px solid #000;
}
.MMM--breadcrumbs-list>* {
    font-size: 12px;
    line-height: 15px;
    color: #4B4B4B;
}


/*--------------------------------------------------------------
## Footer Styles

--------------------------------------------------------------*/

.MMM--blogFtLegal li {
    display: inline;
}

.MMM--blogFtLegal li:not(:last-child)::after {
    content: '|';
}

.MMM--ftLinkTM .MMM--blogFtLegal li a {
    margin: 0 15px;
}

.MMM--ftLinkTM .MMM--blogFtLegal li:first-child a {
    margin-left: 0;
}

.MMM--ftSection  {
    padding: 30px 25px 30px 25px;
}

.MMM--ftLogo {
    margin-bottom: 0;
    margin-right: 25px;
}

#menu-footer a {
    border: 0px;
    text-decoration: underline;
}

#menu-footer a:hover {
    text-decoration: none;
}

#menu-footer {
    margin-bottom: 5px;
}

.MMM--ftLegalPrivacy {
    margin-bottom: 0;
}

.js-privacyChoice img{
	height: 1em;
}

.MMM--ftrTrademark {
    float: right;
    color: #4B4B4B
}

.MMM--ftSection.MMM--ftLogoLinks {
    width: 100%;
}

.MMM--ftLinkTM {
    font-size: 12px;
    line-height: 15px;
}

.MMM--theme-ft {
    padding: 0;
}

.MMM--ftrCopyright {
    color: #4B4B4B;
}

/* FUZEI-35688 desktop */
.MMM--ftLinkTM span{ display: inline-block; }
.MMM--ftrCopyright{ width: 185px; vertical-align: top; }
.MMM--ftrTrademark{ text-align: right; width: 61%; float:right; }

/*--------------------------------------------------------------
## 3M Blog 2018
--------------------------------------------------------------*/
div#line-theme{
    display: none;
    height: 1px;
    padding-left: 25px;
    padding-right: 55px;
}
div#line-theme .MMM--theme-hd{
    height: 1px;
    margin-bottom: 1px;
}

.MMM--logo img.js-primaryLogo {
    /* DOTCOM-2625 */
    max-width: 156px ;
    max-height: 29.16px;
}

nav.navigation.pagination,
.large_pagination_icon {
    font-size: 20px;
    font-weight: bold;
}

nav.navigation.pagination,
.mid_pagination_icon {
    font-size: 16px;
    font-weight: bold;
    padding: 10px;
    height: 25px;
    width: 40px;
    display: inline-block;
}

.post-navigation .nav-next a span {
    top: -5px;
    position: relative;
    right: 5px;
}

.post-navigation .nav-previous a span {
    top: -5px;
    position: relative;
    left: 5px;
}

.post-navigation .nav-links .nav-previous a, .post-navigation .nav-links .nav-next a {
    color: #000;
}

.index-navigation nav.navigation.pagination {
    display: block;
    margin: 0 auto; 
}

a.next.page-numbers, a.prev.page-numbers, .post-navigation .nav-previous a, .post-navigation .nav-next a {
    border: none;
}

a.page-numbers, span.page-numbers.current {
    border-style: solid;
    border-width: 1px;
    font-size: 16px;
    padding: 10px 0px;
    height: 40px;
    width: 40px;
    font-weight: 500;
    text-align: center;
    color: #000;
    border-color: #E1E1E1;
    background: #fff;
    border-radius: 2px;
    line-height: 20px;
}

span.page-numbers.dots {
    font-size: 15px;
    padding-top: 12px;
}

a.page-numbers:visited {
    border-width: 1px;
}

.nav-links .prev, .nav-links .next {
    background: none;
}

a.next.page-numbers {
    padding: 10px 10px 10px 0px;
}
a.prev.page-numbers {
    padding: 10px 0px 10px 10px;
}

a.post-thumbnail img,
.size-post-thumbnail {
    max-width: 100%;
    height: auto;
    padding-bottom: 10px;
}

span.page-numbers.current {
    color: #000;
    border-color: #ff0000;
}

a.page-numbers:hover {
    text-decoration: none;
}

.nav-next a:hover, .nav-previous a:hover {
    text-decoration: none;
}

.nav-next span:hover, .nav-previous span:hover {
    text-decoration: underline;
    color:#03c;
}
.post-navigation .nav-links {
    width: 100%;
    height: 100%;
}

.post-thumbnail, .post-thumbnail:hover {
    border-bottom: none;
}

/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/

.MMM--skipMenu ul li a {
    height: 1.2em !important;
}

header.entry-header h2 a {
    border-bottom: none;
}
.site-header .MMM--searchBarBlog{
	display: none;
}
.MMM--hdTopLeft{ /*from 3m.com*/
    left: 25px;
}
nav#site-navigation{
	width: 100%;
    float: left;
}
.MMM--breadcrumbs_theme{
	padding-left: 25px;
}
nav#site-navigation h1 {
	margin-top: 0;
	cursor: pointer;
	width: auto;
	float: left;	
	padding-left: 25px;
}
nav#site-navigation h1 a{
	border: none;
	font-size: 24px;
    line-height: 30px;
	font-weight: bold;
}
.MMM-wp-menu{
	padding: 0 40px 10px 25px;
	margin-left: 0px;
	width: 100%;
	font-size: 14px;
	line-height: 18px;
	color: #000;
}
nav#site-navigation .MMM-wp-menu li{
	margin-left: 0px;
    padding-left: 0px;
    padding-right: 20px;
    border: 0px;
}

main h2.entry-title {
    padding-top: 20px;
    margin-bottom: 0;
}

.widget .tagcloud:last-child {
    float: left;
    padding: 0 10px 0 15px;
}

.widget .tagcloud a {
    font-size: 14px!important;
    border-width: 1px;
    border: 1px solid #E4E4E4;
    padding: 10px;
    float: left;
    margin-bottom: 10px;
    margin-right: 5px;
    border-radius: 4px;
}

.widget .tagcloud a:hover {
    background: #000CE6;
    color: #fff!important;
    text-decoration: none;
}

.gallery-size-thumbnail .gallery-item img {
    width: 100%;
    height: auto;
    padding-bottom: 5px;
}

section h2, section label:first-child {
    margin: 0px;
    color: #4B4B4B;
    padding: 15px 0 20px 0px;
}

#secondary section {
    background-color: white;
    float: left;
    width: 100%;
}

#secondary section:first-child,
#secondary .widget_media_audio,
#secondary .widget li:last-child {
    padding: 0px
}


/* Widgets contents*/
#secondary section:first-child .textwidget,
.widget ul,
.widget p,
.textwidget.custom-html-widget {
    padding: 0px 10px 15px 15px !important; /*use important to override padding added by WP update 5.9 */
    margin: 0px;
}

.textwidget p {
    margin: 0px;
}

/* DOTCOM-2609 desktop */
h2.widget-title, section.widget h2, div.textwidget, .widget_archive ul, .widget ul, .widget .tagcloud a, .textwidget p, #secondary .widget_rss li a{
    font-size: 14px;
    line-height: 18px;
}

/*Widget -About this blog & Search bar*/

.widget-area section:first-child.widget_text h2.widget-title:before,
.widget_search h2.widget-title:before, section:first-child.widget h2:before {
    border-left: 0.625em solid red;
    content: "";
    display: inline-block;
    height: 20px;
    margin-right: 5px;    
    float: left;
}

/* DOTCOM-2609 TEMPORARY */
.widget-area .textwidget p {
    line-height: 18px;
}

aside#secondary {
    padding-right: 25px;
}

#secondary section:first-child .widget-title,
#secondary section:first-child h2,
.widget_search .widget-title {
    padding-left: 0px;
    padding-right: 10px;
}


/* Widgets Recent Post - RRS*/

#secondary .widget_recent_entries li a {
    width: 100%;
    float: left;
}

.widget-title, .widget h2, .widget label:first-child {
    padding-right: 10px;
    padding-left: 15px;
}

#secondary .widget li,
#secondary li.recentcomments {
    padding-bottom: 12px;
}

#secondary .widget li a,
.tagcloud a {
    color: #003CE6!important;
}

#secondary .widget_archive a,
#secondary .widget_categories a {
    border-bottom-style: none;
    color: #03c;
}

.widget_tag_cloud {
    padding-bottom: 5px;

}

.tag-link-count {
    display: none;
}

.entry-title a.MMM--hoverLink,
.read-more-link a {
    border-bottom-style: none;
}

.page_navigation .nav-links a {
    border-bottom-style: none !important;
}

.nav-links {
    margin: 20px 0 20px 0;
}

h3#reply-title {
    text-align: center;
    margin-top: 30px;
}

.MMM-toprow ul li a:focus {
    color: #23527c;
    text-decoration: none !important;
}

.MMM-toprow ul li a {
    color: black;
}

.list-posts article {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    filter: drop-shadow(1px 2px 6px #DDD);
}
.site-main-single article {
    padding: 10px 20px 70px 20px;
}

/*--------------------------------------------------------------
## Web Page
--------------------------------------------------------------*/
.type-page {
    filter: drop-shadow(1px 2px 6px #DDD);
    background: #fff;
    padding: 25px 20px;
}

.type-page .entry-content p {
    margin-bottom: 10px;
}

/*--------------------------------------------------------------
## Story Detail Page
--------------------------------------------------------------*/

body {
    color: #4B4B4B !important;
}

.story-detail-page article {
    filter: drop-shadow(1px 2px 6px #DDD);
}

.story-detail-page article .entry-content a, .story-detail-page article .entry-content a:visited, .story-detail-page article .entry-header a, .story-detail-page article .entry-header a:visited {
    color: #003CE6;
}

.story-detail-page .size-post-thumbnail {
    padding-bottom: 0px;
}

.story-detail-page article .entry-content a {
    border: none;
}

.story-detail-page article .MMM--share-container.js-socialShare {
    width: 100%;
}

.story-detail-page article .entry-content.MMM--bodyCopy {
    margin: 0;
}

.story-detail-page article .post-navigation {
    font-size: 16px;
    line-height: 20px;
}

.story-detail-page article .large_pagination_icon {
    font-size: 24px;
}
/*Pull Quotes*/
.story-detail-page article blockquote {
    border-color: #ff0000;
    border-top-style: solid;
    border-top-width: 3px;
    border-left: none;
    margin: 0 20px;
    text-align: center;
}

.story-detail-page blockquote p {
    color: #767676;
    font-style: italic;
    font-weight: 200;
    font-size: 24px;
}

.story-detail-page figure.wp-block-pullquote {
    padding: 1em 0;
    display: flex;
}


hr.wp-block-separator {
    border-width: 4px;
    border-color: red;
    margin: 10px 20px;
}

.rss-date, .post-date{
    color: #4B4B4B ;
}

/*Post Gallery*/

ul.wp-block-gallery.is-cropped, figure.wp-block-gallery .blocks-gallery-grid  {
    margin: 30px auto 30px auto;
    max-width: 58rem;
    width: calc(100% - 4rem);
    display: flex;
}

/*--------------------------------------------------------------
## RRS
--------------------------------------------------------------*/

#secondary .widget_rss li a {
    width: 100%;
    float: left;
    font-size: 14px;
    line-height: 18px;
}

.widget_rss a.rsswidget:hover {
    border: 0px;
}
.widget_rss h2 a.rsswidget:first-child{
    margin-right: 7px;
    float: left;
}

.rss-widget-icon {
    margin-top: 2px;
}


/*--------------------------------------------------------------
## 404
--------------------------------------------------------------*/
.error-404, .content-404 {
    background: #fff;
    padding: 20px 25px;
    font-size: 20px;
    line-height: 25px;
    font-weight: 300;
}


/*--------------------------------------------------------------
## Search bar
--------------------------------------------------------------*/

.MMM--searchBar {
    top: 40px;
}

.MMM--blogSearchBtn {
    padding: 0 15px;
}

.MMM--icnBlog {
    line-height: 1.5;
}

#js-mobileSearchBtn {
    display: none;
}

.MMM--searchInput.MMM--blogSearchInput {
    max-width: calc(100% - 210px);
    min-width: 250px;
}


/*--------------------------------------------------------------
## Search bar WIDGET
--------------------------------------------------------------*/

section.widget_search .MMM--searchInput {
    position: relative;
    padding: 0px;
    width: 80%;
    float: left;
    right: 0px;
    min-width: 80%;
    max-width: initial;
    border: 0;
    padding: 0 10px 0 10px;
    height: 33px;
    margin: 1px;
}

::-ms-input-placeholder,
:-ms-input-placeholder,
 ::placeholder,
::-moz-placeholder {
    color: #767676!important;
    opacity: 1;
}

.widget fieldset.MMM--search {
    position: relative;
    margin-bottom: 15px;
    width: 100%;
    border: 1px solid #4B4B4B;
    border-radius: 2px;
}

section.widget_search button.MMM--themeSearchBtn.MMM--blogSearchBtn {
    right: 0px;
    background-color: transparent;
    border: 0;
    height: 35px;
    color: #767676;
}

.widget .MMM--themeSearchBtn .MMM--icn_search:before {
    color: #F00;
    -webkit-text-stroke: 1px;
}

section.widget.widget_search .MMM--searchBar, section.widget.widget_search .wp-block-search__inside-wrapper  {
    margin-right: 0px;
    width: 100%;
    padding: 0 10px 0 15px;
}

section.widget.widget_search .wp-block-search__inside-wrapper {
    margin-bottom: 15px;
}

/*--------------------------------------------------------------
## Mobile Media
--------------------------------------------------------------*/

@media screen and (min-width: 1px) {
	.MMM--logo {
		margin: 20px 20px 0px 0px;
        top: 0;
        width: 100%;
        max-width: 208px;
    }
/*--------------------------------------------------------------
## Pagination
--------------------------------------------------------------*/
    .index-navigation nav.navigation.pagination{
        height: 40px;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    nav.navigation.pagination, .nav-links{
        padding: 0px;
        margin: 0px;
    }
    .sidebar-svg.MMM--theme-hd:after{
        height: 1px;
    }


}

@media screen and (min-width: 960px) {
    .MMM--theme-hd {
        padding: 0;
        height: 85px;
    }  
    
    .index-navigation nav.navigation.pagination{
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .MMM--logo img.js-primaryLogo {
        max-width: 230px;
        max-height: 43px;
    }

    .MMM--logo {
        max-width: unset;
    }
}

@media screen and (min-width: 768px) {
    .MMM--siteNav .MMM--hdg {
        padding: 0 40px 20px;
    }
    .MMM--mobileSearchBar {
        display: none;
    }
    #content .site-main, 
    #content .site-main-single{
        padding-left: 25px;
        padding-right: 5px;
    }

    .story-detail-page h1.entry-title {
        margin: 10px 0 0 0;
        font-weight: bold;
        font-size: 30px;
        line-height: 34px;
        color: #4B4B4B;
    }
    
    section.widget h2 {
        font-weight: bold;
    }
}

@media screen and (max-width: 959px) {
/*Bootstrap Mobile Brake, updated to match 3M Breakpoints*/
    .site-main-single article {
        padding: 10px 15px 70px 15px;
    }

    .story-detail-page .entry-meta {
        font-size: 14px;
        line-height: 18px;
    }

    .nav-previous {
        float: left;
        margin: 10px 0px 25px 0;
    }
    .nav-next {
        float: right;
        margin: 10px 0px 25px 0;
    }
}

@media screen and (min-width: 960px) {
/*Bootstrap Desktop Brake*/

    .story-detail-page .entry-content {
        font-size: 14px;
    }

    .nav-previous {
        float: left;
        margin: 30px 0px 45px 0;
    }
    .nav-next {
        float: right;
        margin: 30px 0px 45px 0;
    }
}

@media screen and (min-width: 768px) {
    .WP--isNotOnMobile {
        display: block;
    }
    .WP--isOnMobile {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .WP--isNotOnMobile {
        display: none;
    }
    .WP--isOnMobile {
        display: block;
    }    
}

@media screen and (min-width: 320px) and (max-width: 767px) {   
    div#line-theme{
        display: block;
        padding-left: 15px;
        padding-right: 45px;
    }
	nav#site-navigation h1{
		padding-left: 15px;
	}
	.post img {
		width: 100%;
		height: auto;
	}
	#blog3m-ssn{
		width: 100%;
	}
	
	.MMM--siteNav .MMM--hdg, .MMM-wp-menu {
		padding-left: 15px;
		padding-right: 20px;
	}

	.MMM--logo{
		max-width: max-content;    
		margin: 15px 0 15px 15px;
	}
	nav#site-navigation h1 a{
		font-size: 22px;
		line-height: 28px;
	}

    h2.widget-title, div.textwidget, .widget_archive ul, .widget ul, .widget .tagcloud a, .textwidget p, .widget-area .textwidget p, #secondary .widget_rss li a{
        font-size: 16px!important; 
        line-height: 20px;
    }
    #secondary .widget li, #secondary li.recentcomments{
        padding-bottom: 14px;
    }
    .post img {
        width: 100%;
        height: auto;
    }
    #blog3m-ssn {
        width: 100%;
    }
    .MMM--siteNav .MMM--hdg,
    .MMM-wp-menu {
        padding-left: 20px;
        padding-right: 20px;
    }

    .MMM--searchInput.MMM--blogSearchInput {
        max-width: calc(100% - 19px);
    }
    #js-mobileSearchBtn {
        float: right;
        margin-top: 12px;
        margin-right: 24px;
    }
    .MMM--theme-hd .MMM--searchBar {
        right: 20px;
        width: calc(100% - 12px);
        top: 20px;
    }
    .MMM--mobileSearchBar {
        background-color: #5a5a5a;
        position: absolute;
        top: 42px;
        z-index: 100;
        border: 1px solid #c8c8c8;
        border-top: none;
        width: 100%;
        padding: 10px 20px;
    }
    .mix-MMM--icn_lrg span,
    .mix-MMM--icn_lrg:before {
        font-size: 24px;
    }
    .MMM--icn_search span,
    .MMM--icn_search:before {
        content: "\e05b";
        color: #000;
    }

/*--------------------------------------------------------------
## Story Detail Page
--------------------------------------------------------------*/

.story-detail-page h1.entry-title {
    font-size: 22px;
    line-height: 26px;
    margin: 10px 0 0 0;
    font-weight: bold;
    color: #4B4B4B;
}

/*--------------------------------------------------------------
## Listing page styles
--------------------------------------------------------------*/

    .page-header, h2.page-title{
        font-size: 20px;
        line-height: 25px;
    }

    header.page-header, header.MMM--theme-hd{
        padding: 0 15px 0 15px;
    }

    aside#secondary {
        padding-right: 15px;
        padding-left: 15px;
    }



/*--------------------------------------------------------------
## Landing page styles
--------------------------------------------------------------*/

    #content .site-main,
    #content .site-main-single {
        padding: 0 15px 0 15px;
    }

    main article {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
    }
    .site-description {
        padding: 15px 0 15px 15px;
        font-size: 20px;
        line-height: 25px;
    }

    .entry-content .MMM--share {
        width: 336px;
    }

    .entry-content .MMM--share .MMM--socialIcn:before {
        font-size: 26px;
    }

    .entry-content .MMM--share-container .MMM--share ul li {
        padding: 5px 8px;
    }

    .entry-content .MMM--socialIcn_facebook {
        width: 26px;
    }

    .site-main .entry-content p {
        font-size: 16px;
        line-height: 20px;
    }

/*--------------------------------------------------------------
## Footer Styles
--------------------------------------------------------------*/
    .MMM--ftSection  { 
        padding: 20px 15px 30px 15px;
    }

    .MMM--theme-ft {
        padding: 0;
    }

    .MMM--ftLinkTM {
        font-size: 14px;
        line-height: 18px;
    }

    .MMM--ftrTrademark {
        padding: 10px 0 0 0;
        color: #4B4B4B;
        float: none;
        display: block;
    }

    .MMM--ftLogo {
        margin-bottom: 15px;
    }

/* FUZEI-35688 mobile */
.MMM--ftLinkTM span{ display: block; }
.MMM--ftrCopyright{ display: unset; width: unset; vertical-align: unset; }
.MMM--ftrTrademark{ text-align: unset; width: unset; }

    /*--------------------------------------------------------------
    ## Listing Page
    --------------------------------------------------------------*/
    header.page-header, header.MMM--theme-hd{
        padding: 0 15px 0 0;
    } 
}

@media screen and (min-width: 768px) and (max-width: 959px) {
	.MMM--siteNav .MMM--hdg, .MMM-wp-menu {
		padding: 0 25px 20px;
	}
	.post article {
		padding-left: 0px;
		padding-right: 0px;
    }
    .MMM--theme-hd .MMM--searchBar {
        right: 20px;
        max-width: calc(100% - 200px);
        top: 20px;
    }
    .MMM--searchInput.MMM--blogSearchInput {
        max-width: calc(100% - 40px);
    }
    section.widget_search .MMM--searchInput{
        width: 90%;
        min-width: 90%;
    }
    section.widget_search button.MMM--themeSearchBtn.MMM--blogSearchBtn{
        width: 5%;
    }
}