/*
Theme Name: Sneaker Maniac
Theme URI: https://sneakermaniac.com/
Author: TAJZAI
Description: The 2015 magazine design (fixed dark top bar, featured hero, five-tile row, Latest Stories list, Follow Us / Trending / Newsletter sidebar), rebuilt for modern WordPress as Sneaker Maniac. Grid and type values ported from the original Foundation 5 theme.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sneakermaniac

Grid, top-bar and block-grid rules adapted from ZURB Foundation 5.3 (MIT).
*/

/* ==========================================================================
   Fonts (self-hosted Lato, as loaded from Google Fonts in 2015)
   ========================================================================== */
@font-face { font-family: 'Lato'; font-style: normal; font-weight: 300; font-display: swap; src: url(assets/fonts/lato-300.woff2) format('woff2'); }
@font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; font-display: swap; src: url(assets/fonts/lato-400.woff2) format('woff2'); }
@font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; font-display: swap; src: url(assets/fonts/lato-700.woff2) format('woff2'); }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: url(assets/fonts/roboto-500.woff2) format('woff2'); }

/* ==========================================================================
   Base
   ========================================================================== */
*, *::before, *::after { box-sizing: border-box; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; }
body {
	margin: 0;
	padding: 0;
	background: #fff;
	color: #222;
	font-family: 'Lato', sans-serif;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	line-height: 1;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
#document-section { flex: 1 0 auto; padding-top: 46px; }

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; }
a { color: #bd1013; text-decoration: none; line-height: inherit; }
a:hover, a:focus { color: #a30e10; }
a img { border: none; }
img { max-width: 100%; height: auto; display: inline-block; vertical-align: middle; }
p { font-size: 13px; line-height: 20px; margin-bottom: 1.25rem; text-rendering: optimizeLegibility; }
ul, ol { font-size: 1rem; line-height: 1.6; margin-bottom: 1.25rem; list-style-position: outside; }
ul { margin-left: 1.1rem; }
h1, h2, h3, h4, h5, h6 { font-family: 'Lato', sans-serif; font-weight: normal; font-style: normal; color: #222; text-rendering: optimizeLegibility; margin-top: .2rem; margin-bottom: .5rem; line-height: 1.4; }
h1 { font-size: 2.125rem; }
strong, b { font-weight: bold; line-height: inherit; }
em, i { font-style: italic; line-height: inherit; }
button, input, select, textarea { font: inherit; }

.screen-reader-text {
	border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);
	height: 1px; width: 1px; margin: -1px; overflow: hidden; padding: 0;
	position: absolute !important; word-wrap: normal !important;
}
.screen-reader-text:focus {
	background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
	clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: 14px; font-weight: bold;
	height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000;
}

/* ==========================================================================
   Grid (Foundation 5 values; 61.25em row = 980px)
   ========================================================================== */
.row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 61.25em; }
.row::before, .row::after { content: " "; display: table; }
.row::after { clear: both; }
.row .row { width: auto; margin-left: -.74em; margin-right: -.74em; max-width: none; }
.columns { padding-left: .74em; padding-right: .74em; width: 100%; float: left; }
[class*="column"] + [class*="column"]:last-child { float: right; }
.columns.small-centered { margin-left: auto; margin-right: auto; float: none; }
.small-5 { width: 41.66667%; }
.large-8 { padding-left: 0; }
.row.container { padding-left: 12px; }

@media only screen and (min-width: 40.063em) {
	.medium-4 { width: 33.33333%; }
	.medium-8 { width: 66.66667%; }
}
@media only screen and (min-width: 64.063em) {
	.large-4 { width: 33.33333%; }
	.large-8 { width: 66.66667%; }
	.large-12 { width: 100%; }
}
@media only screen and (max-width: 40em) {
	.hide-for-small-only { display: none !important; }
}

/* Block grid */
[class*="block-grid-"] { display: block; padding: 0; margin: 0 -.625rem; }
[class*="block-grid-"]::before, [class*="block-grid-"]::after { content: " "; display: table; }
[class*="block-grid-"]::after { clear: both; }
[class*="block-grid-"] > li { display: block; height: auto; float: left; padding: 0 .625rem 1.25rem; list-style: none; }
.small-block-grid-2 > li { width: 50%; }
.small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; }
@media only screen and (min-width: 40.063em) {
	.medium-block-grid-5 > li { width: 20%; }
	.medium-block-grid-5 > li:nth-of-type(1n) { clear: none; }
	.medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; }
}

/* ==========================================================================
   Top bar
   ========================================================================== */
.navigation { background-color: #1f1f1f; border-bottom: 1px solid #191919; }
.fixed { width: 100%; left: 0; position: fixed; top: 0; z-index: 99; }
.admin-bar .fixed { top: 32px; }
@media screen and (max-width: 782px) { .admin-bar .fixed { top: 46px; } }

.top-bar { overflow: hidden; height: 45px; line-height: 45px; position: relative; margin-bottom: 0; }
.top-bar ul { margin: 0; padding: 0; list-style: none; }
.top-bar .title-area { position: relative; margin: 0; }
.top-bar .name { height: 45px; margin: 0; font-size: 16px; }

/* Wordmark: live text in the 2015 logo's style (Lato Light caps, 0.3em tracking). */
.sm-wordmark { display: inline-block; color: #fff; font-family: 'Lato', sans-serif; font-weight: 300; text-transform: uppercase; white-space: nowrap; letter-spacing: .3em; }
.sm-wordmark:hover, .sm-wordmark:focus { color: #fff; }
.sm-wordmark--header { font-size: 20px; line-height: 45px; height: 45px; position: relative; top: 1px; }
.sm-wordmark--footer { font-size: 30px; line-height: 47px; height: 47px; }
.sm-wordmark__text { margin-right: -.3em; }

.top-bar .toggle-topbar { position: absolute; right: 0; top: 50%; margin-top: -17px; }
.top-bar .toggle-topbar button {
	-webkit-appearance: none; appearance: none; background: none; border: 0; cursor: pointer;
	color: #fff; text-transform: uppercase; font-size: .8125rem; font-weight: bold; font-family: 'Lato', sans-serif;
	position: relative; display: block; height: 34px; line-height: 33px; padding: 0 40px 0 15px;
}
.top-bar .toggle-topbar button span::after {
	content: ""; position: absolute; display: block; height: 0; top: 50%; margin-top: -8px; right: 15px; width: 16px;
	box-shadow: 0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff;
}
.top-bar.expanded { height: auto; }
.top-bar.expanded .toggle-topbar button { color: #888; }

.top-bar-section { position: relative; left: 0; width: auto; }
.top-bar-section ul { padding: 0; width: 100%; height: auto; display: block; font-size: 16px; margin: 0; }
.top-bar-section ul li > a {
	display: block; width: 100%; color: #fff; padding: 0 12px;
	font-family: 'Lato', sans-serif; font-weight: bold; font-size: 15px; text-transform: uppercase; line-height: 45px;
}
.top-bar-section ul li > a:hover, .top-bar-section ul li > a:focus { background: #151515; color: #fff; }
.top-bar-section ul li.active > a { background: #151515; color: #fff; }

.top-search {
	-webkit-appearance: none; appearance: none;
	display: block; width: 100%; margin: 0;
	background-color: #181818; border: none; border-radius: 3px; box-shadow: none;
	color: #fff; height: 29px; padding: 8px 8px 8px 24px;
	font-family: 'Lato', sans-serif; font-size: 14px; line-height: normal;
}
.top-search:focus { outline: none; box-shadow: none; }
.top-search::-webkit-search-decoration, .top-search::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; }
.search-icon { background: url(assets/img/search-icon.png) no-repeat; width: 15px; height: 15px; z-index: 10; position: absolute; margin-top: 16px; margin-left: 7px; }
.search-section form { margin: 0; }

@media only screen and (min-width: 64.063em) {
	.top-bar { overflow: visible; }
	.top-bar::before, .top-bar::after { content: " "; display: table; }
	.top-bar::after { clear: both; }
	.top-bar .toggle-topbar { display: none; }
	.top-bar .title-area { float: left; }
	.top-bar .name { margin-right: 30px; }
	.top-bar-section ul { width: auto; display: inline; }
	.top-bar-section ul li { float: left; }
	.top-bar-section ul li.active > a { padding: 0 15px; }
	.top-bar-section .right { float: right; }
	.top-search { width: 181px; position: relative; top: 7px; }
	.search-icon { margin-top: 16px; }
}
@media only screen and (max-width: 64em) {
	.top-bar-section ul li > a { border-top: 1px solid #262626; }
	.top-bar-section .right { padding: 8px 12px 12px; }
	.top-bar-section .search-section { position: relative; }
	.search-icon { margin-top: 7px; }
	.top-search { top: 0; }
	.navigation.expanded { max-height: 100vh; overflow-y: auto; }
}

/* ==========================================================================
   Hero
   ========================================================================== */
#featured-content { background: #000; }
.featured-posts { position: relative; margin-bottom: 0; }
.featured-slide { position: relative; height: 300px; overflow: hidden; background: #000; }
.featured-slide .featured-img { display: block; width: 100%; max-width: none; height: 300px; }
.featured-posts::before, .featured-posts::after {
	content: ""; position: absolute; top: 0; width: 135px; height: 100%; z-index: 5; pointer-events: none;
}
/* Same alpha ramp as the 2015 fade-left/right.png strips. */
.featured-posts::before {
	left: 11px;
	background: linear-gradient(to right, rgba(0,0,0,1) 0, rgba(0,0,0,.953) 10px, rgba(0,0,0,.89) 20px, rgba(0,0,0,.819) 30px, rgba(0,0,0,.74) 40px, rgba(0,0,0,.654) 50px, rgba(0,0,0,.567) 60px, rgba(0,0,0,.472) 70px, rgba(0,0,0,.378) 80px, rgba(0,0,0,.291) 90px, rgba(0,0,0,.213) 100px, rgba(0,0,0,.134) 110px, rgba(0,0,0,.071) 120px, rgba(0,0,0,.016) 130px, rgba(0,0,0,0) 135px);
}
.featured-posts::after {
	right: 11px;
	background: linear-gradient(to left, rgba(0,0,0,1) 0, rgba(0,0,0,.984) 4px, rgba(0,0,0,.929) 14px, rgba(0,0,0,.866) 24px, rgba(0,0,0,.787) 34px, rgba(0,0,0,.709) 44px, rgba(0,0,0,.622) 54px, rgba(0,0,0,.528) 64px, rgba(0,0,0,.433) 74px, rgba(0,0,0,.346) 84px, rgba(0,0,0,.26) 94px, rgba(0,0,0,.181) 104px, rgba(0,0,0,.11) 114px, rgba(0,0,0,.047) 124px, rgba(0,0,0,0) 135px);
}
.featured-post-title { position: absolute; left: 0; top: 40%; width: 100%; margin-top: -23px; }
.featured-post-title a { display: flow-root; background: rgba(0, 0, 0, .512); }
.featured-post-title h1 {
	color: #fff; font-family: 'Lato', sans-serif; font-weight: 400; text-align: center;
	font-size: 54px; line-height: 47px; text-transform: uppercase; min-height: 97px;
	margin: 3.2px 0 8px;
}

/* ==========================================================================
   Tile row
   ========================================================================== */
.category-posts { margin: 12px -20px 12px 0; }
.category-posts > li { position: relative; padding: 0 1.25em 1.25em 0; }
.category-posts > li:first-child { padding-left: 0; }
.tile-link { display: block; color: #fff; }
.tile-link:hover, .tile-link:focus { color: #fff; }
.widget-post-thumb { display: block; background-color: #000; }
.widget-post-thumb img { display: block; width: 100%; height: auto; aspect-ratio: 195 / 129; opacity: .6; }
.widget-post-thumb .smt-ph { aspect-ratio: 195 / 129; background: #3c3c3c; }
.widget-post-content { display: table; position: absolute; top: 0; width: 90%; height: 117px; }
.widget-post-title { display: table-cell; vertical-align: middle; text-align: center; line-height: 16px; padding: 0 8px; }
.category-posts .top5clss {
	color: #fff; float: left; width: 100%;
	font-size: 14px; line-height: 16px; text-align: center;
	text-shadow: 1px 1px 5px #888; text-transform: uppercase;
}
.tile-link:hover .widget-post-thumb img, .tile-link:focus .widget-post-thumb img { opacity: .45; }

/* ==========================================================================
   Section headings ("LATEST STORIES", category name, sidebar titles)
   ========================================================================== */
.heading {
	background: linear-gradient(#474747, #474747) left center / 100% 6px no-repeat;
	margin: 0 0 13px; font-size: 16px; line-height: 1; font-weight: normal;
}
.heading .widget-title {
	background: #fff; color: #474747; display: inline-block;
	font-family: 'Lato', sans-serif; font-weight: bold; font-size: 26px; line-height: 26px;
	text-transform: uppercase; padding: 0 13px 5px 0; margin: 0 0 0 -6px;
	transform: scale(.95, 1);
}
.archive .heading, .search .heading { margin-bottom: 0; }
.heading h1.widget-title { line-height: 1.4; margin: 3.2px 0 8px -6px; }
.archive .heading .widget-title, .search .heading .widget-title { padding-bottom: 0; }

.category_description {
	background: #666; color: #fff; float: left; width: 100%;
	padding: 10px; margin-bottom: 20px; font-family: 'Lato', sans-serif;
}
.category_description p { margin-bottom: 0; color: #fff; }
.secondary-page-title { font-size: 1.5rem; clear: both; }
.search-form { display: flex; gap: 8px; margin: 0 0 20px; }
.search-form .search-field { flex: 1; height: 2.3125rem; padding: .5rem; border: 1px solid #ccc; box-shadow: inset 0 1px 2px rgba(0,0,0,.1); color: rgba(0,0,0,.75); font-size: .875rem; }
.search-form .search-submit { border: 0; background: #1f1f1f; color: #fff; padding: 0 16px; font-weight: bold; text-transform: uppercase; font-size: .75rem; cursor: pointer; }

/* ==========================================================================
   Story list
   ========================================================================== */
.story-row { clear: both; }
.post-excerpt-thumbnail a { display: block; }
.post-excerpt-thumbnail img, .post-excerpt-thumbnail .smt-ph { display: block; width: 100%; height: auto; aspect-ratio: 200 / 134; }
.home .post-excerpt-thumbnail img, .home .post-excerpt-thumbnail .smt-ph { width: 195px; height: 131px; max-width: 100%; aspect-ratio: auto; }
.archive .post-excerpt-thumbnail img, .archive .post-excerpt-thumbnail .smt-ph { width: 224px; height: 148px; max-width: 100%; aspect-ratio: auto; }
.smt-fill { object-fit: fill; }
.smt-cover { object-fit: cover; }

.post-excerpt article header .entry-heading { font-size: 21px; line-height: 26px; margin: 0 0 8px; font-weight: 400; }
.post-excerpt article header .entry-heading a { color: #000; font-weight: 400; font-family: 'Lato', sans-serif; }
.post-excerpt article header .entry-heading a:hover, .post-excerpt article header .entry-heading a:focus { color: #bd1013; }
.post-excerpt p { margin-bottom: 0; text-align: justify; }

.meta-container { width: 100%; min-height: 14px; position: relative; float: left; margin-top: 12px; text-transform: capitalize; }
.meta-container .post-meta a { margin-top: -.5px !important; display: block; }
.post-meta { font-family: 'Lato', sans-serif; font-size: 11px; line-height: 11px; color: #898888; float: left; padding-right: 5px; white-space: nowrap; text-overflow: ellipsis; }
.post-meta a { color: #898888; font-family: 'Lato', sans-serif; }
.post-meta a:hover, .post-meta a:focus { color: #bd1013; }
.meta-comments { font-family: arial, sans-serif; font-size: 11px; line-height: 11px; color: #898888; float: left; padding-right: 6px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.meta-comments:hover, .meta-comments:focus { color: #bd1013; }
.meta-comments__label { font-family: 'Lato', sans-serif; margin-left: 5px; }

/* Bullet separators (the 2015 6x6 dot image). */
.fi-clock, .fi-torso, .fi-comment, .fi-eye { font-style: normal; }
.fi-clock::before, .fi-torso::before, .fi-comment::before, .fi-eye::before {
	content: ""; display: inline-block; width: 6px; height: 6px;
	background: url(assets/img/separator.png) no-repeat 0 0;
	vertical-align: 0;
}

.content-separator { clear: both; height: 1px; background-color: #eee; width: 100%; margin-top: 15px; margin-bottom: 10px; }

/* Homepage pagination (WP-PageNavi look) */
.wp-pagenavi { clear: both; margin: 0 auto; text-align: center; padding: 0 0 15px; font-size: 16px; line-height: 16px; }
.wp-pagenavi .current, .wp-pagenavi .page { padding-right: 15px; color: #898888; }
.wp-pagenavi .page:hover, .wp-pagenavi .page:focus { color: #bd1013; }
.previouspostslink, .nextpostslink { color: #333; margin-right: 10px; white-space: pre; }
.previouspostslink:hover, .nextpostslink:hover { color: #bd1013; }

/* Archive pagination */
.small-12 .row .small-5 { width: 470px; max-width: 100%; }
.centered-list { text-align: center; }
ul.pagination { display: block; min-height: 1.5rem; margin: 0 0 0 -.3125rem; padding: 0; list-style: none; line-height: 1.6; }
ul.pagination li { float: left; display: block; height: 1.5rem; color: #222; font-size: .875rem; margin: 0 15px 20px .3125rem; }
ul.pagination li a { display: inline; padding: .042rem 0; color: #999; border-radius: 3px; }
ul.pagination li a:hover, ul.pagination li a:focus { color: #000; background: none; }
ul.pagination li.current a { background: none; color: #000; font-weight: normal; cursor: default; }
ul.pagination li.pagination-prev { border-right: 1px solid #d7d7d7; padding: .042rem .42rem; }
ul.pagination li.pagination-next { border-left: 1px solid #d7d7d7; padding: .042rem .42rem; margin: 0; }
ul.pagination li.pagination-prev a, ul.pagination li.pagination-next a { color: #000; }

/* ==========================================================================
   Sidebar
   ========================================================================== */
#sidebar { margin: 16px 11px 0 0; padding: 0; width: 300px; }
.archive #sidebar, .search #sidebar { margin-top: 26px; }
#sidebar .widget { margin-bottom: 10px; }
#sidebar .heading { background: none; margin: 0 0 13px; }
#sidebar .heading .widget-title {
	width: 100%; float: left; text-align: center;
	background: linear-gradient(#474747, #474747) left center / 100% 6px no-repeat;
	padding: 11px 13px 10px 0; font-size: 25px; line-height: 25px;
}
#sidebar .heading span.sidetitle_txt { background: #fff; padding: 0 10px; }

ul.footer-social { margin: 20px 0; padding: 0; text-align: center; width: 100%; height: 60px; list-style: none; line-height: 1.6; }
ul.footer-social li { display: inline-block; margin-right: 2px; padding-top: 5px; vertical-align: top; }
.footer-social a { display: block; float: left; height: 45px; width: 45px; background-repeat: no-repeat; }
.footer-social a.fb { background-image: url(assets/img/social-facebook.png); }
.footer-social a.twitter { background-image: url(assets/img/social-twitter.png); }
.footer-social a.ins { background-image: url(assets/img/social-instagram.png); }
.footer-social a.tumb { background-image: url(assets/img/social-tumblr.png); }
.footer-social a.pin { background-image: url(assets/img/social-pinterest.png); }
.footer-social a.youtube { background-image: url(assets/img/social-youtube.png); }
.footer-social a.fb:hover, .footer-social a.fb:focus { background-image: url(assets/img/social-facebook1.png); }
.footer-social a.twitter:hover, .footer-social a.twitter:focus { background-image: url(assets/img/social-twitter1.png); }
.footer-social a.ins:hover, .footer-social a.ins:focus { background-image: url(assets/img/social-instagram1.png); }
.footer-social a.tumb:hover, .footer-social a.tumb:focus { background-image: url(assets/img/social-tumblr1.png); }
.footer-social a.pin:hover, .footer-social a.pin:focus { background-image: url(assets/img/social-pinterest1.png); }
.footer-social a.youtube:hover, .footer-social a.youtube:focus { background-image: url(assets/img/social-youtube1.png); }

/* Trending (layout of the 2015 WordPress Popular Posts list) */
ul.wpp-list { margin: 0 0 20px; padding: 0; line-height: 14px; list-style: none; clear: both; }
.wpp-list > li { list-style: none; padding: 10px 0; overflow: hidden; }
.wpp-thumb-link { float: left; margin-right: 12px; }
.wpp-list .wpp-thumbnail { display: block; width: 120px; height: 80px; object-fit: cover; }
.wpp-list .smt-ph.wpp-thumbnail { width: 120px; height: 80px; }
.wpp-post-title { display: block; overflow: hidden; color: #4d4d4d; font-family: 'Lato', sans-serif; font-size: 14px; font-weight: bold; line-height: 14px; margin: 15px 0 6px; text-transform: none; }
.wpp-post-title:hover, .wpp-post-title:focus { color: #bd1013; }
span.post-stats { display: block; overflow: hidden; margin: 5px 0; font-weight: bold; }
.wpp-date { color: #bbb; font-size: 11px; padding-right: 5px; }

/* Newsletter */
.widget_mc4wp_widget .small-12 { background: #4f4f4f; float: left; margin-left: 12px; width: 300px; }
#sidebar .widget_mc4wp_widget .heading .widget-title { background: linear-gradient(#474747, #474747) left center / 100% 6px no-repeat; }
#sidebar .widget_mc4wp_widget .small-12 .heading span.sidetitle_txt { background: #4f4f4f; color: #fff; padding: 6px; }
.mc4wp-form { margin: 16px 0; clear: both; }
.mc4wp-form p { margin-bottom: 8px; }
.mail_content { width: 100%; float: left; font-family: 'Lato', sans-serif; color: #eaeaea; font-size: 14px; line-height: 14px; text-align: center; margin-bottom: 10px; }
#mc4wp_email {
	-webkit-appearance: none; appearance: none; display: block; width: 100%;
	background: #fff; border: 1px solid #ccc; box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	color: rgba(0,0,0,.75); font-size: 14px; height: 35px; padding: 8px; margin: 0 0 10px; text-align: center; float: left;
}
.mail_chimp {
	display: block; width: 100%; background: #c10c1a; border: 0; color: #fff; cursor: pointer;
	font-family: Arial, sans-serif; font-size: 18px; font-weight: bold; padding: 5px; text-transform: uppercase; line-height: normal;
}

/* ==========================================================================
   Single story
   ========================================================================== */
#breadcrumbs {
	font-size: .75rem; line-height: 1.6; padding: 7px 12px 3px 1px; border-radius: 2px; color: #898888;
	margin: 0 0 1px; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; list-style: none;
}
#breadcrumbs li { display: inline; }
#breadcrumbs li a { color: #898888; font-family: 'Lato', sans-serif; }
#breadcrumbs li a:hover, #breadcrumbs li a:focus { color: #bd1013; }
#breadcrumbs li.separator { display: inline-block; width: 7px; height: 22px; margin: 0 7px; }
#breadcrumbs li.separator img { margin-top: -5px; vertical-align: middle; }

h1.entry-title { text-align: center; font-weight: 700; font-size: 30px; font-family: 'Lato', sans-serif; line-height: 1.4; margin: 3.2px 0 8px; }
.entry-content { font-family: 'Lato', sans-serif; font-size: 13px; line-height: 20px; }
.entry-content p { margin-bottom: 20px; }
.entry-content ul, .entry-content ol { font-size: 13px; line-height: 20px; }
.entry-content img { height: auto; }
.entry-content iframe, .entry-content video, .entry-content embed, .entry-content object { max-width: 100%; }
.entry-content blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; color: #6f6f6f; }

/* Share bar (look of the 2015 share buttons; plain links) */
.essb_links { margin: 13px 0; font-size: 13px; line-height: 20px; }
.essb_links ul { margin: 0; padding: 0; list-style: none; text-align: center; line-height: 25.6px; font-size: 16px; }
.essb_links li { display: inline-block; margin: 0; padding: 0; }
.essb_links li a {
	display: inline-block; margin: 2px 5px 2px 0; padding: 7px 8px 1px; color: #fff;
	font-family: 'Roboto', 'Segoe UI', sans-serif; font-weight: 500; font-size: 11px; line-height: 16px;
	vertical-align: middle;
}
.essb_links li a:hover, .essb_links li a:focus { color: #fff; opacity: .85; }
.essb_link_facebook a { background: #4769a5; }
.essb_link_twitter a { background: #65ccef; }
.essb_link_pinterest a { background: #cd252b; }
.essb_link_tumblr a { background: #2c4762; }
.essb_link_mail a { background: #888; }
.essb_icon { display: inline-block; width: 12px; height: 12px; margin: 0 4px 0 2px; vertical-align: -1px; background: no-repeat center / contain; }
.essb_link_facebook .essb_icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%23fff' d='M7 12V6.6h1.8l.3-2.1H7V3.2c0-.6.2-1 1-1h1.1V.3C8.9.3 8.300 0 7.6 0 6 0 4.9 1 4.9 2.8v1.7H3.1v2.1h1.8V12z'/%3E%3C/svg%3E"); }
.essb_link_twitter .essb_icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M23.6 4.6c-.9.4-1.8.6-2.8.8 1-.6 1.8-1.5 2.1-2.7-.9.6-2 1-3.1 1.2a4.9 4.9 0 0 0-8.4 4.5C7.4 8.200 3.7 6.200 1.300 3.200c-1.300 2.200-.6 5 1.500 6.500-.8 0-1.500-.2-2.200-.6 0 2.300 1.600 4.400 3.900 4.900-.7.2-1.500.2-2.200.1.600 2 2.500 3.400 4.600 3.400A9.900 9.900 0 0 1 0 19.500 14 14 0 0 0 7.500 21.700c9.100 0 14.200-7.700 13.900-14.600 1-.7 1.800-1.500 2.200-2.500z'/%3E%3C/svg%3E"); }
.essb_link_pinterest .essb_icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12.3 0C5.700 0 2.400 4.700 2.400 8.700c0 2.400.9 4.500 2.900 5.300.3.100.6 0 .7-.4l.3-1c.1-.3 0-.5-.2-.8-.6-.7-1-1.600-1-2.900 0-3.700 2.800-7.100 7.300-7.100 4 0 6.200 2.400 6.200 5.700 0 4.300-1.900 8-4.800 8-1.500 0-2.700-1.300-2.300-2.900.4-1.900 1.300-4 1.300-5.300 0-1.200-.7-2.300-2.100-2.300-1.600 0-3 1.700-3 4 0 1.500.5 2.400.5 2.400l-2 8.300c-.6 2.500-.1 5.500 0 5.800 0 .2.3.2.4.1.1-.2 1.600-2 2.100-3.900l.8-3.200c.4.800 1.600 1.500 2.900 1.500 3.800 0 6.400-3.500 6.400-8.100C21.600 3.400 17.700 0 12.300 0z'/%3E%3C/svg%3E"); }
.essb_link_tumblr .essb_icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M14.600 24c-3.600 0-6.200-1.800-6.200-6.300V10.500H5.100V6.600C8.700 5.700 10.200 2.600 10.400 0h3.700v6h4.300v4.500h-4.300v6.100c0 1.800.9 2.500 2.400 2.500h2.100V24z'/%3E%3C/svg%3E"); }
.essb_link_mail .essb_icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' d='M2 5h20v14H2z M2 5l10 8 10-8'/%3E%3C/svg%3E"); }

.meta-container-post {
	display: block; width: 100%; overflow: hidden; padding: 12px 0; margin: 20px 0;
	border-top: 2px solid #e8e8e8; border-bottom: 2px solid #e8e8e8; font-size: .8rem; line-height: 1;
}
.metatags_box { margin: 0 auto; text-align: center; width: 100%; }
.metatags_box .post-meta {
	font-family: 'Lato', sans-serif; font-size: 12px; line-height: 12px; color: #898888; float: none; padding-right: 0;
	white-space: nowrap; text-transform: capitalize; font-weight: normal; display: inline-block; margin-bottom: 5px; text-align: center;
}
.metatags_box .post-meta a { color: #898888; }
.metatags_box .post-meta a:hover { color: #bd1013; }
.metatags_box .post-meta.byline { margin-bottom: 10px; }
.metatags_box .post-meta i { float: left; margin: -3px 5px 0; line-height: 17px; }
.metatags_box .post-meta i::before { vertical-align: 0; }
.metatags_box .post-meta.story-tags { padding: 0; white-space: normal; width: 100%; text-align: center; display: block; margin-bottom: 0; }
.post-meta.story-tags b { font-weight: normal; text-transform: uppercase; }

.relatedpost_box { width: 100%; margin-bottom: 20px; }
.related_post_title { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px; line-height: 28px; color: #414141; font-weight: normal; margin: 0; }
ul.related_post { margin: 0; padding: 0; list-style: none; line-height: 25.6px; }
ul.related_post li { display: inline-block; vertical-align: top; width: 150px; margin: 10px 10px 10px 0; padding: 0; position: relative; }
ul.related_post li a { display: block; margin: 0 0 5px; color: #414141; font-family: 'Lato', sans-serif; font-size: 13px; font-weight: 700; line-height: 20.8px; }
ul.related_post li a:hover, ul.related_post li a:focus { color: #bd1013; }
ul.related_post li img, ul.related_post li .smt-ph { display: block; width: 150px; height: 150px; }
.story-author { border-bottom: 1px solid #e8e8e8; margin-bottom: 20px; }

.comments-area { margin: 0 0 30px; }
.comments-title { font-size: 20px; color: #414141; }
.comment-list { list-style: none; margin: 0; padding: 0; font-size: 13px; line-height: 20px; }
.comment-list li { padding: 12px 0; border-top: 1px solid #eee; }
.comment-list .comment-meta { font-size: 11px; color: #898888; margin-bottom: 6px; }
.comment-list .comment-meta a { color: #898888; }
.comment-list .says { display: none; }
.comment-list .fn { font-style: normal; font-weight: bold; color: #222; }
.comment-list .children { list-style: none; margin-left: 20px; }

.centeredtext { text-align: center; }
.errorcode { font-size: 13rem; line-height: 100%; color: #444; width: 100%; display: block; text-align: center; }

/* WordPress core alignment */
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto; }
.alignright { float: right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone, .wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text, .wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }
.gallery { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; }
.gallery-item { margin: 0; }
.sticky, .bypostauthor { display: block; }

/* Neutral stand-in for an image that no longer exists */
.smt-ph {
	display: flex; align-items: center; justify-content: center; overflow: hidden;
	background: #ececec; color: #bdbdbd;
	font-family: 'Lato', sans-serif; font-weight: 300; font-size: 9px; line-height: 1; letter-spacing: .3em; text-transform: uppercase; white-space: nowrap;
}
.widget-post-thumb .smt-ph { color: #6a6a6a; }
span.smt-ph { display: flex !important; }

/* ==========================================================================
   Footer
   ========================================================================== */
.content-end { flex: none; }
.bottom-banner { border-top: 1px solid #e8e8e8; padding: 25px; position: relative; text-align: center; }
.archive .bottom-banner, .search .bottom-banner { margin-top: 40px; }

#footer { background: #262626; flex: none; margin-top: auto; }
.footer-top-container { width: 40%; margin: 0 auto; padding-top: 7px; text-align: center; }
.footer-logo { height: 47px; line-height: 47px; position: relative; left: -11.84px; }
#footer ul.footer-social { margin: 1px 0 0; }
.footer-nav { position: relative; left: -11.84px; }
ul.footer-menu { margin: 0 0 6px; padding: 0; list-style: none; text-align: center; line-height: 1.6; }
ul.footer-menu li { display: inline-block; color: #c3c1c1; font-size: .75rem; margin: 0 1em; font-family: arial, sans-serif; }
ul.footer-menu li a, ul.footer-menu li a:hover { color: #c3c1c1; }
ul.footer-menu li a:hover, ul.footer-menu li a:focus { text-decoration: underline; }
#footer-bottom { width: 100%; padding-bottom: 8px; }
#footer-bottom .footer-line { font-size: .75rem; line-height: 12px; color: #494949; padding-top: 11px; margin: 0; width: 100%; text-align: center; font-family: 'Lato', sans-serif; }

/* ==========================================================================
   Tablet / phone (2015 breakpoints, cleaned up)
   ========================================================================== */
@media only screen and (max-width: 64em) {
	#sidebar { float: none; clear: both; margin: 16px 0 10px; width: auto; max-width: none; padding: 0 .74em; }
	.archive #sidebar, .search #sidebar { margin-top: 26px; }
	.row.container { padding-left: 0; }
	.large-8 { padding-left: .74em; }
}
@media only screen and (min-width: 768px) and (max-width: 990px) {
	.widget-post-content { height: 95px; }
	.category-posts .top5clss { font-size: 9px; line-height: 11px; }
}
@media only screen and (max-width: 767px) {
	.category-posts .top5clss { font-size: 12px; }
}
@media only screen and (max-width: 40em) {
	.top-tiles .columns { padding-left: 10px; padding-right: 10px; }
	.category-posts { margin: 10px -10px 0 0; }
	.category-posts > li { padding: 0 10px 10px 0; }
	.widget-post-content { width: 100%; height: 100%; }
	.widget-post-title { padding: 0 6px; }
	.post-excerpt-thumbnail { margin-bottom: 12px; }
	.home .post-excerpt-thumbnail img, .archive .post-excerpt-thumbnail img,
	.post-excerpt-thumbnail img, .home .post-excerpt-thumbnail .smt-ph, .archive .post-excerpt-thumbnail .smt-ph, .post-excerpt-thumbnail .smt-ph {
		width: 100%; height: 150px; object-fit: cover; aspect-ratio: auto;
	}
	.post-excerpt { padding: 0 .74em; }
	.post-excerpt p { text-align: left; }
	.featured-post-title h1 { font-size: 30px; line-height: 30px; min-height: 0; padding: 10px 0; }
	h1.entry-title { font-size: 24px; }
	.footer-top-container { width: 100%; padding: 7px 10px 0; }
	.footer-logo, .footer-nav { left: 0; }
	.sm-wordmark--footer { font-size: 22px; }
	.small-12 .row .small-5 { width: 100%; }
	.widget_mc4wp_widget .small-12 { margin-left: 0; width: 100%; }
	.essb_links li a { margin-right: 3px; }
}

/* "+" share button (Web Share API / copy link) */
.essb_links li.essb_link_more { vertical-align: middle; }
.essb_more {
	display: inline-block; position: relative; width: 28px; height: 24px; margin: 2px 5px 2px 0; padding: 0;
	background: #c5c5c5; border: 0; border-radius: 0; cursor: pointer; vertical-align: middle;
}
.essb_more:hover, .essb_more:focus { opacity: .85; }
.essb_more span::before, .essb_more span::after { content: ""; position: absolute; background: #fff; left: 50%; top: 50%; }
.essb_more span::before { width: 11px; height: 3px; margin: -1px 0 0 -5px; }
.essb_more span::after { width: 3px; height: 11px; margin: -5px 0 0 -1px; }
.essb_more.is-copied { background: #888; }