/*
Theme Name: Market Financial Journal
Theme URI: https://marketfinancialjournal.com/
Author: Market Financial Journal
Author URI: https://marketfinancialjournal.com/
Description: A financial markets news theme with a live stock ticker tape, market indicators, world markets, sector ETFs, currencies and a market news feed powered by your posts.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mfj
Tags: news, blog, two-columns, right-sidebar, custom-logo, custom-menu, featured-images
*/

:root {
	--mfj-navy: #0f1b2d;
	--mfj-navy-2: #16243a;
	--mfj-text: #1f2328;
	--mfj-muted: #6b7280;
	--mfj-border: #e5e7eb;
	--mfj-border-strong: #c9ced6;
	--mfj-bg: #ffffff;
	--mfj-soft: #f5f6f8;
	--mfj-link: #1565c0;
	--mfj-primary: #1d4ed8;
	--mfj-primary-hover: #1e40af;
	--mfj-up: #188038;
	--mfj-down: #d93025;
	--mfj-up-bright: #34d399;
	--mfj-down-bright: #f87171;
	--mfj-font: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
	--mfj-mono: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
	--mfj-max: 1366px;
}
*,
*::before,
*::after {
	box-sizing: border-box;
}
html {
	-webkit-text-size-adjust: 100%;
}
body {
	margin: 0;
	font-family: var(--mfj-font);
	font-size: 14px;
	line-height: 1.5;
	color: var(--mfj-text);
	background: var(--mfj-bg);
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}
a {
	color: var(--mfj-link);
	text-decoration: none;
}
a:hover,
a:focus-visible {
	text-decoration: underline;
}
:focus-visible {
	outline: 2px solid var(--mfj-primary);
	outline-offset: 2px;
}
.screen-reader-text,
.sr-only {
	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;
}
.skip-link:focus {
	clip: auto;
	clip-path: none;
	height: auto;
	width: auto;
	left: 8px;
	top: 8px;
	z-index: 1000;
	background: #fff;
	padding: 8px 12px;
	border-radius: 4px;
}
.mfj-container {
	max-width: var(--mfj-max);
	margin: 0 auto;
	padding: 0 16px;
}
/* ---------- Ticker bar ---------- */
.mfj-tickerbar {
	background: var(--mfj-navy);
	color: #fff;
	height: 44px;
	display: flex;
	align-items: center;
	overflow: hidden;
	font-size: 13px;
}
.mfj-tickerbar__status {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 0 14px 0 16px;
	white-space: nowrap;
	flex-shrink: 0;
	background: var(--mfj-navy);
	position: relative;
	z-index: 2;
}
.mfj-tickerbar__dot {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--mfj-up-bright);
}
.mfj-tickerbar__status[data-state="closed"] .mfj-tickerbar__dot {
	background: var(--mfj-down-bright);
}
.mfj-tickerbar__status[data-state="pre"] .mfj-tickerbar__dot,
.mfj-tickerbar__status[data-state="post"] .mfj-tickerbar__dot {
	background: #fbbf24;
}
.mfj-tickerbar__sep {
	color: #4b5a72;
}
.mfj-tickerbar__clock {
	font-family: var(--mfj-mono);
	letter-spacing: 0.02em;
}
.mfj-tickerbar__track {
	flex: 1;
	overflow: hidden;
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 24px, #000 calc(100% - 24px), transparent);
	mask-image: linear-gradient(90deg, transparent, #000 24px, #000 calc(100% - 24px), transparent);
}
.mfj-tickerbar__list {
	display: flex;
	gap: 0;
	width: max-content;
	margin: 0;
	padding: 0;
	list-style: none;
	animation: mfj-marquee 60s linear infinite;
}
.mfj-tickerbar__track:hover .mfj-tickerbar__list {
	animation-play-state: paused;
}
.mfj-tickerbar__item {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 0 12px;
	white-space: nowrap;
}
.mfj-tickerbar__item a {
	color: inherit;
	display: flex;
	gap: 6px;
	align-items: center;
}
.mfj-tickerbar__sym {
	font-weight: 700;
}
.mfj-tickerbar__price {
	font-family: var(--mfj-mono);
	color: #d7dce4;
}
.mfj-tickerbar__chg {
	font-family: var(--mfj-mono);
	font-weight: 600;
}
.mfj-tickerbar__chg.is-up {
	color: var(--mfj-up-bright);
}
.mfj-tickerbar__chg.is-down {
	color: var(--mfj-down-bright);
}
.mfj-tickerbar__chg.is-flat {
	color: #cbd5e1;
}
@keyframes mfj-marquee {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-50%);
	}
}

@media (prefers-reduced-motion: reduce) {
	.mfj-tickerbar__list {
		animation: none;
	}
	.mfj-tickerbar__track {
		overflow-x: auto;
	}
}

/* ---------- Header ---------- */
.mfj-header {
	background: #fff;
	border-bottom: 1px solid var(--mfj-border);
}

.mfj-header__top {
	display: flex;
	align-items: center;
	gap: 22px;
	padding-top: 12px;
	padding-bottom: 12px;
}
.mfj-brand {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-shrink: 0;
	color: var(--mfj-text);
	font-weight: 700;
	font-size: 22px;
	letter-spacing: -0.01em;
	text-decoration: none;
}
.mfj-brand:hover {
	text-decoration: none;
}
.mfj-brand .custom-logo {
	max-height: 40px;
	width: auto;
}
.mfj-brand__mark {
	width: 30px;
	height: 30px;
	flex-shrink: 0;
}
.mfj-search {
	flex: 1;
	display: flex;
	position: relative;
}
.mfj-search__input {
	width: 100%;
	height: 40px;
	padding: 0 16px;
	border: 1px solid var(--mfj-border-strong);
	border-radius: 6px;
	font: inherit;
	font-size: 14px;
	color: var(--mfj-text);
	background: #fff;
}
.mfj-search__input::placeholder {
	color: #8a929e;
}

.mfj-search__input:focus {
	outline: none;
	border-color: var(--mfj-primary);
	box-shadow: 0 0 0 3px rgba(29, 78, 216, 0.15);
}
.mfj-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 36px;
	padding: 0 12px;
	border-radius: 4px;
	background: var(--mfj-primary);
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	border: 0;
	cursor: pointer;
	white-space: nowrap;
	text-decoration: none;
}
.mfj-btn:hover,
.mfj-btn:focus-visible {
	background: var(--mfj-primary-hover);
	color: #fff;
	text-decoration: none;
}
.mfj-menu-toggle {
	display: none;
	background: none;
	border: 1px solid var(--mfj-border-strong);
	border-radius: 4px;
	width: 38px;
	height: 36px;
	cursor: pointer;
	color: var(--mfj-text);
	align-items: center;
	justify-content: center;
}
.mfj-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	gap: 4px;
}
.mfj-nav li {
	position: relative;
}

.mfj-nav a {
	display: block;
	padding: 12px 12px 16px;
	color: var(--mfj-text);
	font-size: 15px;
	font-weight: 500;
	border-bottom: 2px solid transparent;
}
.mfj-nav a:hover,
.mfj-nav .current-menu-item > a,
.mfj-nav .current_page_item > a {
	text-decoration: none;
	border-bottom-color: var(--mfj-primary);
}
.mfj-nav .sub-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 200px;
	background: #fff;
	border: 1px solid var(--mfj-border);
	border-radius: 6px;
	box-shadow: 0 8px 24px rgba(15, 27, 45, 0.12);
	flex-direction: column;
	z-index: 50;
	padding: 6px 0;
}
.mfj-nav li:hover > .sub-menu,
.mfj-nav li:focus-within > .sub-menu {
	display: flex;
}
.mfj-nav .sub-menu a {
	padding: 8px 16px;
	border: 0;
	font-size: 14px;
}
/* ---------- Layout ---------- */
.mfj-main {
	padding: 24px 0 40px;
}
.mfj-home-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 12px 12px;
}
.mfj-col-left {
	padding-right: 0;
}
.mfj-section {
	margin-bottom: 18px;
}
.mfj-section__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 8px;
}
.mfj-section__title {
	font-size: 22px;
	font-weight: 400;
	margin: 0;
	color: var(--mfj-text);
	line-height: 1.3;
}
.mfj-more {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 13px;
	font-weight: 600;
	color: var(--mfj-link);
	white-space: nowrap;
}
.mfj-more svg {
	width: 8px;
	height: 10px;
}
/* ---------- Data tables ---------- */
.mfj-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 12px;
}
.mfj-table th {
	text-align: right;
	font-weight: 600;
	color: var(--mfj-text);
	padding: 6px 5px;
	border-bottom: 2px solid #2b2f36;
	white-space: nowrap;
	font-size: 12px;
}
.mfj-table td {
	text-align: right;
	padding: 6px 5px;
	border-bottom: 1px solid var(--mfj-border);
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}

.mfj-table th:first-child,
.mfj-table td:first-child,
.mfj-table .is-left {
	text-align: left;
}

.mfj-table tbody tr:hover {
	background: var(--mfj-soft);
}

.mfj-table .is-up {
	color: var(--mfj-up);
}

.mfj-table .is-down {
	color: var(--mfj-down);
}

.mfj-table .is-flat {
	color: var(--mfj-text);
}

.mfj-table .mfj-rt {
	font-style: italic;
	font-size: 10px;
	color: var(--mfj-muted);
	margin-left: 2px;
}

.mfj-table .mfj-icon-cell {
	width: 26px;
	text-align: center;
	padding-left: 8px;
}

.mfj-arrow {
	display: inline-block;
	vertical-align: middle;
}

.mfj-arrow.is-up {
	color: var(--mfj-up);
}

.mfj-arrow.is-down {
	color: var(--mfj-down);
}

.mfj-arrow.is-flat {
	color: var(--mfj-text);
}

.mfj-flag {
	width: 16px;
	height: 12px;
	display: inline-block;
	vertical-align: middle;
	border: 1px solid var(--mfj-border);
	object-fit: cover;
}

.mfj-chart {
	display: flex;
	justify-content: center;
	padding: 2px 0 8px;
}

.mfj-chart svg {
	width: 100%;
	max-width: 320px;
	height: auto;
}

/* ---------- Currencies band ---------- */
.mfj-currencies {
	background: var(--mfj-navy);
	border-radius: 8px;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	color: #fff;
	overflow: hidden;
	margin-bottom: 18px;
}

.mfj-currency {
	padding: 14px 16px;
	border-right: 1px solid #22314a;
}

.mfj-currency:last-child {
	border-right: 0;
}

.mfj-currency__pair {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 12px;
	font-weight: 600;
	color: #e5e9f0;
}

.mfj-currency__price {
	font-size: 22px;
	font-weight: 700;
	margin: 4px 0 0;
	font-variant-numeric: tabular-nums;
	line-height: 1.2;
}

.mfj-currency__chg {
	font-size: 11px;
	font-weight: 600;
}

.mfj-currency__chg.is-up {
	color: var(--mfj-up-bright);
}

.mfj-currency__chg.is-down {
	color: var(--mfj-down-bright);
}

.mfj-currency__chg span {
	color: #9aa6b8;
	font-weight: 400;
}

/* ---------- News ---------- */
.mfj-news-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.mfj-news {
	display: flex;
	gap: 16px;
	padding: 18px 0 18px 12px;
	border-bottom: 1px solid var(--mfj-border);
}

.mfj-news__thumb {
	flex: 0 0 200px;
	width: 200px;
	align-self: flex-start;
}

.mfj-news__thumb img {
	width: 200px;
	height: auto;
	aspect-ratio: 200 / 130;
	object-fit: cover;
	border-radius: 2px;
	background: var(--mfj-soft);
}

.mfj-news--full .mfj-news__thumb,
.mfj-news--full .mfj-news__thumb img {
	width: 180px;
	flex-basis: 180px;
	aspect-ratio: 180 / 120;
}

.mfj-news__body {
	flex: 1;
	min-width: 0;
}

.mfj-news__title {
	font-size: 17px;
	line-height: 1.35;
	font-weight: 700;
	margin: 0 0 6px;
	font-family: Arial, Helvetica, sans-serif;
}

.mfj-news--full .mfj-news__title {
	font-size: 14px;
}

.mfj-news__title a {
	color: var(--mfj-text);
}

.mfj-news__title a:hover {
	color: var(--mfj-link);
	text-decoration: none;
}

.mfj-ext {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: -2px;
	margin-left: 4px;
	color: #8aa4c8;
}

.mfj-news__date {
	display: inline-block;
	background: var(--mfj-soft);
	color: var(--mfj-muted);
	font-size: 12px;
	padding: 2px 8px;
	border-radius: 2px;
	margin-bottom: 10px;
}

.mfj-news--full .mfj-news__date {
	font-size: 11px;
	background: transparent;
	padding: 0 8px;
	margin-bottom: 6px;
}

.mfj-news__excerpt {
	background: var(--mfj-soft);
	color: #3f4650;
	font-size: 12px;
	padding: 10px 12px;
	border-radius: 2px;
	margin: 0 0 12px;
}

.mfj-news__excerpt p {
	margin: 0;
}

.mfj-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 16px;
	font-size: 10px;
}

.mfj-meta__group {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px;
}

.mfj-meta__label {
	font-weight: 700;
	color: #4b5260;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	margin-right: 4px;
}

.mfj-tag {
	display: inline-block;
	font-size: 10px;
	line-height: 1;
	padding: 3px 4px;
	border-radius: 2px;
	border: 1px solid;
	text-decoration: none;
}

.mfj-tag:hover {
	text-decoration: none;
	filter: brightness(0.96);
}

.mfj-tag--via {
	color: #1565c0;
	border-color: #9cc3ef;
	background: #f1f7fe;
}

.mfj-tag--topic {
	color: #c27c0e;
	border-color: #f3cf8b;
	background: #fff9ec;
}

.mfj-tag--ticker {
	color: #188038;
	border-color: #9bd3ab;
	background: #f1faf3;
}

.mfj-news-col .mfj-section__head {
	padding-left: 0;
	padding-right: 4px;
}

.mfj-more-news {
	margin-top: 8px;
}

/* ---------- Pagination ---------- */
.mfj-pagination {
	margin: 24px 0;
}

.mfj-pagination .nav-links {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.mfj-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 36px;
	height: 36px;
	padding: 0 10px;
	border: 1px solid var(--mfj-border);
	border-radius: 4px;
	color: var(--mfj-text);
	font-weight: 500;
}

.mfj-pagination .page-numbers.current {
	background: var(--mfj-primary);
	border-color: var(--mfj-primary);
	color: #fff;
}

.mfj-pagination a.page-numbers:hover {
	border-color: var(--mfj-primary);
	text-decoration: none;
}

/* ---------- Single / pages ---------- */
.mfj-content-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 360px;
	gap: 40px;
}

.mfj-archive-title {
	font-size: 26px;
	font-weight: 400;
	margin: 0 0 4px;
}

.mfj-archive-desc {
	color: var(--mfj-muted);
	margin: 0 0 8px;
}

.mfj-article__title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 32px;
	line-height: 1.25;
	margin: 0 0 12px;
	font-weight: 700;
}

.mfj-article__header {
	margin-bottom: 16px;
}

.mfj-article__byline {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 14px;
	align-items: center;
	color: var(--mfj-muted);
	font-size: 13px;
	margin-bottom: 12px;
}

.mfj-article__thumb {
	margin: 0 0 20px;
}

.mfj-article__thumb img {
	width: 100%;
	border-radius: 4px;
}

.mfj-article__thumb figcaption {
	font-size: 12px;
	color: var(--mfj-muted);
	margin-top: 6px;
}

.mfj-prose {
	font-size: 17px;
	line-height: 1.75;
	color: #22272e;
}

.mfj-prose > * {
	margin-top: 0;
	margin-bottom: 1.15em;
}

.mfj-prose h2,
.mfj-prose h3,
.mfj-prose h4 {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.3;
	margin-top: 1.6em;
	margin-bottom: 0.6em;
}

.mfj-prose h2 {
	font-size: 24px;
}

.mfj-prose h3 {
	font-size: 20px;
}

.mfj-prose a {
	text-decoration: underline;
}

.mfj-prose blockquote {
	border-left: 4px solid var(--mfj-primary);
	margin-left: 0;
	padding: 4px 0 4px 18px;
	color: #3f4650;
	font-style: italic;
}

.mfj-prose table {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
}

.mfj-prose th,
.mfj-prose td {
	border-bottom: 1px solid var(--mfj-border);
	padding: 8px;
	text-align: left;
}

.mfj-prose img {
	border-radius: 4px;
}

.mfj-prose .alignleft {
	float: left;
	margin: 0 20px 12px 0;
}

.mfj-prose .alignright {
	float: right;
	margin: 0 0 12px 20px;
}

.mfj-prose .aligncenter {
	margin-left: auto;
	margin-right: auto;
}

.wp-caption-text,
.wp-element-caption {
	font-size: 13px;
	color: var(--mfj-muted);
}

.mfj-article__footer {
	border-top: 1px solid var(--mfj-border);
	padding-top: 16px;
	margin-top: 24px;
}

.mfj-postnav {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	margin-top: 24px;
}

.mfj-postnav a {
	display: block;
	padding: 14px;
	border: 1px solid var(--mfj-border);
	border-radius: 6px;
	color: var(--mfj-text);
	font-weight: 600;
}

.mfj-postnav a:hover {
	border-color: var(--mfj-primary);
	text-decoration: none;
}

.mfj-postnav small {
	display: block;
	color: var(--mfj-muted);
	font-weight: 400;
	margin-bottom: 4px;
}

.mfj-postnav .is-next {
	text-align: right;
}

/* ---------- Sidebar ---------- */
.mfj-sidebar .widget {
	margin-bottom: 28px;
}

.mfj-sidebar .widget-title,
.mfj-sidebar .wp-block-heading {
	font-size: 18px;
	font-weight: 400;
	margin: 0 0 8px;
}

.mfj-sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.mfj-sidebar li {
	padding: 8px 0;
	border-bottom: 1px solid var(--mfj-border);
}

.mfj-side-news a {
	color: var(--mfj-text);
	font-weight: 600;
	font-size: 14px;
	line-height: 1.4;
	display: block;
}

.mfj-side-news a:hover {
	color: var(--mfj-link);
	text-decoration: none;
}

.mfj-side-news time {
	color: var(--mfj-muted);
	font-size: 12px;
}

/* ---------- Comments ---------- */
.mfj-comments {
	margin-top: 32px;
}

.mfj-comments .comment-list {
	list-style: none;
	padding: 0;
}

.mfj-comments .comment-body {
	border-bottom: 1px solid var(--mfj-border);
	padding: 14px 0;
}

.mfj-comments input[type="text"],
.mfj-comments input[type="email"],
.mfj-comments input[type="url"],
.mfj-comments textarea {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid var(--mfj-border-strong);
	border-radius: 6px;
	font: inherit;
}

.mfj-comments .submit {
	background: var(--mfj-primary);
	color: #fff;
	border: 0;
	border-radius: 4px;
	padding: 10px 16px;
	font: inherit;
	font-weight: 600;
	cursor: pointer;
}

/* ---------- Footer ---------- */
.mfj-footer {
	border-top: 1px solid var(--mfj-border);
	padding: 24px 0 32px;
	margin-top: 24px;
	font-size: 12px;
	color: var(--mfj-muted);
}

.mfj-footer__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
}

.mfj-footer__left {
	display: flex;
	align-items: center;
	gap: 14px;
	flex-wrap: wrap;
}

.mfj-footer .mfj-brand {
	font-size: 14px;
}

.mfj-footer .mfj-brand__mark {
	width: 20px;
	height: 20px;
}

.mfj-footer .mfj-brand .custom-logo {
	max-height: 24px;
}

.mfj-footer__right {
	display: flex;
	align-items: center;
	gap: 18px;
	flex-wrap: wrap;
}

.mfj-footer__menu {
	list-style: none;
	display: flex;
	gap: 18px;
	margin: 0;
	padding: 0;
}

.mfj-footer__menu a {
	color: #4b5260;
}

.mfj-social {
	display: flex;
	gap: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.mfj-social a {
	color: #4b5260;
	display: flex;
}

.mfj-social svg {
	width: 16px;
	height: 16px;
}

.mfj-footer__disclaimer {
	margin: 14px 0 0;
	font-size: 11px;
	color: #7a818c;
}

/* ---------- 404 / empty ---------- */
.mfj-empty {
	text-align: center;
	padding: 60px 16px;
}

.mfj-empty h1 {
	font-size: 48px;
	margin: 0 0 8px;
}

/* ---------- Responsive ---------- */
@media (max-width: 1080px) {
	.mfj-content-grid {
		grid-template-columns: minmax(0, 1fr) 300px;
		gap: 28px;
	}
}

@media (max-width: 960px) {
	.mfj-home-grid,
	.mfj-content-grid {
		grid-template-columns: 1fr;
	}

	.mfj-news {
		padding-left: 0;
	}

	.mfj-currencies {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.mfj-currency:nth-child(2) {
		border-right: 0;
	}

	.mfj-currency:nth-child(-n + 2) {
		border-bottom: 1px solid #22314a;
	}
}

@media (max-width: 720px) {
	.mfj-header__top {
		flex-wrap: wrap;
		gap: 12px;
	}

	.mfj-brand {
		font-size: 19px;
		margin-right: auto;
	}

	.mfj-search {
		order: 3;
		flex-basis: 100%;
	}

	.mfj-menu-toggle {
		display: inline-flex;
	}

	.mfj-nav {
		display: none;
	}

	.mfj-nav.is-open {
		display: block;
	}

	.mfj-nav ul {
		flex-direction: column;
		gap: 0;
	}

	.mfj-nav a {
		padding: 12px 4px;
		border-bottom: 1px solid var(--mfj-border);
	}

	.mfj-nav .sub-menu {
		position: static;
		display: flex;
		box-shadow: none;
		border: 0;
		padding-left: 12px;
	}

	.mfj-news,
	.mfj-news--full {
		flex-direction: column;
		gap: 10px;
	}

	.mfj-news__thumb,
	.mfj-news__thumb img,
	.mfj-news--full .mfj-news__thumb,
	.mfj-news--full .mfj-news__thumb img {
		width: 100%;
		flex-basis: auto;
		aspect-ratio: 16 / 9;
	}
	.mfj-table .mfj-hide-sm {
		display: none;
	}
	.mfj-article__title {
		font-size: 26px;
	}
	.mfj-postnav {
		grid-template-columns: 1fr;
	}
}
@media (max-width: 480px) {
	.mfj-tickerbar__status .mfj-tickerbar__label {
		display: none;
	}
	.mfj-currencies {
		grid-template-columns: 1fr 1fr;
	}
	.mfj-currency__price {
		font-size: 18px;
	}
}