/* Epaper One — ePaper Home portal (mockup layout) */

.epo-home-portal-v1 {
	--epo-hp-accent: #002D62;
	--epo-hp-read: #c62828;
	--epo-hp-pdf: #1565c0;
	--epo-hp-bg: #f4f5f7;
	--epo-hp-card: #ffffff;
	--epo-hp-border: #e2e5ea;
	--epo-hp-text: #1a1a1a;
	--epo-hp-muted: #6b7280;
	--epo-hp-radius: 6px;
	--epo-hp-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
	--epo-hp-max: 1200px;
	--epo-hp-sidebar: 300px;
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	background: var(--epo-hp-bg);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	color: var(--epo-hp-text);
	font-size: 14px;
	line-height: 1.5;
	box-sizing: border-box;
}

.epo-home-portal-v1 *,
.epo-home-portal-v1 *::before,
.epo-home-portal-v1 *::after {
	box-sizing: border-box;
}

body.epo-home-portal-page .entry-header,
body.epo-home-portal-page .page-header,
body.epo-home-portal-page .entry-title,
body.epo-home-portal-page h1.page-title {
	display: none !important;
}

.epo-hp {
	max-width: var(--epo-hp-max);
	margin: 0 auto;
	padding: 12px 16px 48px;
}

.epo-home-portal-v1 button,
.epo-home-portal-v1 input,
.epo-home-portal-v1 select,
.epo-home-portal-v1 textarea {
	font: inherit;
	color: inherit;
}

.epo-home-portal-v1 button {
	cursor: pointer;
	border: none;
	background: none;
	padding: 0;
}

.epo-home-portal-v1 a {
	color: inherit;
	text-decoration: none;
}

.epo-hp-svg {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.15em;
	height: 1.15em;
	flex-shrink: 0;
}

.epo-hp-svg svg {
	width: 100%;
	height: 100%;
	display: block;
}

.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;
	width: 1px;
	word-wrap: normal !important;
}

/* —— Meta bar —— */
.epo-hp-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 10px 0 14px;
	border-bottom: 1px solid var(--epo-hp-border);
	margin-bottom: 16px;
	flex-wrap: wrap;
}

.epo-hp-meta-left {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	color: var(--epo-hp-muted);
	font-size: 13px;
}

.epo-hp-meta-date {
	font-weight: 600;
	color: var(--epo-hp-text);
}

.epo-hp-meta-sep {
	opacity: 0.45;
}

.epo-hp-meta-weather {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: var(--epo-hp-text);
}

.epo-hp-meta-weather .epo-hp-svg {
	color: #e6a817;
	width: 16px;
	height: 16px;
}

.epo-hp-meta-nav {
	display: flex;
	align-items: stretch;
	gap: 4px;
}

.epo-hp-meta-nav-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 4px;
	min-width: 64px;
	padding: 6px 10px;
	border-radius: var(--epo-hp-radius);
	color: var(--epo-hp-muted);
	font-size: 11px;
	font-weight: 500;
	transition: background 0.15s, color 0.15s;
}

.epo-hp-meta-nav-item .epo-hp-svg {
	width: 20px;
	height: 20px;
	color: var(--epo-hp-accent);
}

.epo-hp-meta-nav-item:hover {
	background: #eef2f7;
	color: var(--epo-hp-accent);
}

/* —— Two-column layout —— */
.epo-hp-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) var(--epo-hp-sidebar);
	gap: 24px;
	align-items: start;
}

.epo-hp-main {
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.epo-hp-sidebar {
	display: flex;
	flex-direction: column;
	gap: 16px;
	min-width: 0;
}

/* —— Ads —— */
.epo-hp-ad {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.epo-hp-ad .epo-ad-slot {
	max-width: 100%;
	text-align: center;
}

.epo-hp-ad .epo-ad-slot img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}

.epo-hp-ad-placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 100%;
	border: 1px dashed #c5cdd8;
	border-radius: 4px;
	background: linear-gradient(135deg, #eef3f9 0%, #f7f0f4 100%);
	color: #8a94a6;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-align: center;
	padding: 12px;
	min-height: 60px;
}

.epo-hp-ad-leaderboard .epo-hp-ad-placeholder {
	max-width: 728px;
	min-height: 90px;
	background: linear-gradient(135deg, #e8f0fe 0%, #f0eaf8 100%);
}

.epo-hp-ad-today .epo-hp-ad-placeholder {
	width: 300px;
	min-height: 250px;
	background: linear-gradient(135deg, #e8f5e9 0%, #e3f2fd 100%);
}

.epo-hp-ad-top-banner .epo-hp-ad-placeholder,
.epo-hp-ad-bottom-banner .epo-hp-ad-placeholder {
	max-width: 970px;
	min-height: 90px;
	background: linear-gradient(135deg, #fff3e0 0%, #e8eaf6 100%);
}

.epo-hp-ad-in-content .epo-hp-ad-placeholder {
	max-width: 970px;
	min-height: 250px;
	background: linear-gradient(135deg, #fce4ec 0%, #e0f2f1 100%);
}

.epo-hp-ad-sidebar .epo-hp-ad-placeholder {
	width: 100%;
	min-height: 250px;
	background: linear-gradient(135deg, #e8f5e9 0%, #fff8e1 100%);
}

.epo-hp-ad-skyscraper .epo-hp-ad-placeholder {
	width: 100%;
	min-height: 600px;
	background: linear-gradient(180deg, #e3f2fd 0%, #f3e5f5 100%);
}

/* —— Section heads —— */
.epo-hp-section-head,
.epo-hp-widget-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 12px;
}

.epo-hp-section-title,
.epo-hp-widget-title {
	margin: 0;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.04em;
	color: var(--epo-hp-accent);
	text-transform: uppercase;
}

.epo-hp-view-all {
	font-size: 12px;
	font-weight: 600;
	color: var(--epo-hp-accent);
	white-space: nowrap;
}

.epo-hp-view-all:hover {
	text-decoration: underline;
}

/* —— Today's ePaper —— */
.epo-hp-today {
	background: var(--epo-hp-card);
	border: 1px solid var(--epo-hp-border);
	border-radius: var(--epo-hp-radius);
	box-shadow: var(--epo-hp-shadow);
	padding: 16px;
}

.epo-hp-today-date {
	font-size: 13px;
	color: var(--epo-hp-muted);
	font-weight: 500;
}

.epo-hp-today-body {
	display: flex;
	gap: 16px;
	align-items: flex-start;
	flex-wrap: wrap;
}

.epo-hp-today-cover-wrap {
	flex: 1 1 280px;
	min-width: 0;
	max-width: 420px;
}

.epo-hp-today-cover {
	display: block;
	background: #f0f2f5;
	border: 1px solid var(--epo-hp-border);
	border-radius: 4px;
	overflow: hidden;
	aspect-ratio: 3 / 4;
	max-height: 520px;
}

.epo-hp-today-cover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.epo-hp-today-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 12px;
}

.epo-hp-ad-today {
	flex: 0 0 auto;
}

/* —— Buttons —— */
.epo-hp-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 10px 18px;
	border-radius: 4px;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2;
	transition: background 0.15s, color 0.15s, border-color 0.15s;
	border: 2px solid transparent;
}

.epo-hp-btn-primary {
	background: var(--epo-hp-accent);
	color: #fff !important;
	border-color: var(--epo-hp-accent);
}

.epo-hp-btn-primary:hover {
	background: #001f45;
	border-color: #001f45;
	color: #fff !important;
}

.epo-hp-btn-outline {
	background: #fff;
	color: var(--epo-hp-accent) !important;
	border-color: var(--epo-hp-accent);
}

.epo-hp-btn-outline:hover {
	background: #eef2f7;
}

.epo-hp-btn .epo-hp-svg {
	width: 16px;
	height: 16px;
}

/* —— Filters —— */
.epo-hp-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: stretch;
	background: var(--epo-hp-card);
	border: 1px solid var(--epo-hp-border);
	border-radius: var(--epo-hp-radius);
	box-shadow: var(--epo-hp-shadow);
	padding: 12px;
}

.epo-hp-filter-field {
	flex: 1 1 140px;
	position: relative;
	margin: 0;
	min-width: 0;
}

.epo-hp-filter-field input,
.epo-hp-filter-field select {
	width: 100%;
	height: 42px;
	padding: 0 12px;
	border: 1px solid var(--epo-hp-border);
	border-radius: 4px;
	background: #fff;
	appearance: auto;
}

.epo-hp-filter-submit {
	flex: 0 0 auto;
	height: 42px;
	padding-top: 0;
	padding-bottom: 0;
}

/* —— All editions —— */
.epo-hp-all-editions {
	background: var(--epo-hp-card);
	border: 1px solid var(--epo-hp-border);
	border-radius: var(--epo-hp-radius);
	box-shadow: var(--epo-hp-shadow);
	padding: 16px;
}

.epo-hp-view-toggle {
	display: flex;
	gap: 6px;
}

.epo-hp-view-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 12px;
	border-radius: 4px;
	border: 1px solid var(--epo-hp-border);
	background: #fff;
	color: var(--epo-hp-muted);
	font-size: 12px;
	font-weight: 600;
}

.epo-hp-view-btn .epo-hp-svg {
	width: 14px;
	height: 14px;
}

.epo-hp-view-btn.is-active {
	background: var(--epo-hp-accent);
	border-color: var(--epo-hp-accent);
	color: #fff;
}

.epo-hp-editions-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 14px;
}

.epo-hp-editions-grid[data-view="list"] {
	grid-template-columns: 1fr;
	gap: 10px;
}

.epo-hp-editions-grid[data-view="list"] .epo-hp-edition-card {
	display: grid;
	grid-template-columns: 80px 1fr;
	gap: 12px;
	align-items: center;
	padding: 8px;
}

.epo-hp-editions-grid[data-view="list"] .epo-hp-edition-thumb {
	aspect-ratio: 3 / 4;
	max-height: 100px;
}

.epo-hp-edition-card {
	background: #fff;
	border: 1px solid var(--epo-hp-border);
	border-radius: 4px;
	overflow: hidden;
	transition: box-shadow 0.15s;
}

.epo-hp-edition-card:hover {
	box-shadow: 0 2px 10px rgba(0, 45, 98, 0.1);
}

.epo-hp-edition-thumb {
	display: block;
	aspect-ratio: 3 / 4;
	background: #f0f2f5;
	overflow: hidden;
}

.epo-hp-edition-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.epo-hp-thumb-empty {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	min-height: 80px;
	color: var(--epo-hp-muted);
	font-size: 12px;
	padding: 8px;
	text-align: center;
}

.epo-hp-edition-meta {
	padding: 8px 10px 10px;
}

.epo-hp-edition-date {
	display: block;
	font-size: 11px;
	color: var(--epo-hp-muted);
	margin-bottom: 6px;
	line-height: 1.35;
}

.epo-hp-edition-links {
	display: flex;
	gap: 12px;
	font-size: 12px;
	font-weight: 700;
}

.epo-hp-link-read {
	color: var(--epo-hp-read) !important;
}

.epo-hp-link-pdf {
	color: var(--epo-hp-pdf) !important;
}

.epo-hp-link-read:hover,
.epo-hp-link-pdf:hover {
	text-decoration: underline;
}

.epo-hp-empty {
	color: var(--epo-hp-muted);
	font-style: italic;
	margin: 12px 0;
	text-align: center;
}

/* —— Pagination —— */
.epo-hp-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	margin-top: 18px;
	flex-wrap: wrap;
}

.epo-hp-page-numbers {
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

.epo-hp-page-btn,
.epo-hp-page-num {
	min-width: 34px;
	height: 34px;
	padding: 0 8px;
	border: 1px solid var(--epo-hp-border);
	border-radius: 4px;
	background: #fff;
	color: var(--epo-hp-text);
	font-size: 13px;
	font-weight: 600;
}

.epo-hp-page-num.is-active {
	background: var(--epo-hp-accent);
	border-color: var(--epo-hp-accent);
	color: #fff;
}

.epo-hp-page-btn:disabled {
	opacity: 0.4;
	cursor: not-allowed;
}

.epo-hp-page-ellipsis {
	padding: 0 4px;
	color: var(--epo-hp-muted);
}

/* —— Sidebar widgets —— */
.epo-hp-widget {
	background: var(--epo-hp-card);
	border: 1px solid var(--epo-hp-border);
	border-radius: var(--epo-hp-radius);
	box-shadow: var(--epo-hp-shadow);
	padding: 14px;
}

.epo-hp-latest-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.epo-hp-latest-item {
	display: flex;
	gap: 10px;
	align-items: center;
}

.epo-hp-latest-thumb {
	flex: 0 0 56px;
	width: 56px;
	height: 74px;
	border: 1px solid var(--epo-hp-border);
	border-radius: 3px;
	overflow: hidden;
	background: #f0f2f5;
}

.epo-hp-latest-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.epo-hp-latest-info {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 8px;
	flex: 1;
	min-width: 0;
}

.epo-hp-latest-date {
	font-size: 12px;
	color: var(--epo-hp-text);
	line-height: 1.35;
}

.epo-hp-latest-cal .epo-hp-svg {
	width: 14px;
	height: 14px;
	color: var(--epo-hp-muted);
}

/* —— Calendar —— */
.epo-hp-calendar {
	margin-bottom: 12px;
}

.epo-hp-cal-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}

.epo-hp-cal-title {
	font-weight: 700;
	font-size: 13px;
	color: var(--epo-hp-accent);
}

.epo-hp-cal-prev,
.epo-hp-cal-next {
	width: 28px;
	height: 28px;
	border-radius: 4px;
	border: 1px solid var(--epo-hp-border);
	background: #fff;
	color: var(--epo-hp-accent);
	font-size: 16px;
	line-height: 1;
}

.epo-hp-cal-grid {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 2px;
	text-align: center;
}

.epo-hp-cal-dow {
	font-size: 10px;
	font-weight: 700;
	color: var(--epo-hp-muted);
	padding: 4px 0;
}

.epo-hp-cal-day {
	aspect-ratio: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	border-radius: 50%;
	color: var(--epo-hp-text);
	border: none;
	background: transparent;
	padding: 0;
	min-height: 28px;
}

.epo-hp-cal-day.is-empty {
	visibility: hidden;
	pointer-events: none;
}

.epo-hp-cal-day.has-edition {
	font-weight: 700;
	color: var(--epo-hp-accent);
	cursor: pointer;
}

.epo-hp-cal-day.has-edition:hover {
	background: #e8eef5;
}

.epo-hp-cal-day.is-today {
	background: var(--epo-hp-accent);
	color: #fff !important;
	font-weight: 700;
}

.epo-hp-archive-btn {
	display: flex;
	width: 100%;
}

/* —— Quick links —— */
.epo-hp-quick-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.epo-hp-quick-list li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.epo-hp-quick-list li::before,
.epo-hp-quick-list li::marker {
	content: none;
	display: none;
}

.epo-hp-quick-list li + li {
	border-top: 1px solid var(--epo-hp-border);
}

.epo-hp-inline-note {
	margin: 0 0 12px;
	font-size: 13px;
	color: #64748b;
}

.epo-hp-ad {
	margin: 16px 0;
}

.epo-hp-results-count {
	font-size: 13px;
	color: #64748b;
	font-weight: 500;
}

.epo-hp-quick-list a {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 2px;
	font-size: 13px;
	font-weight: 500;
	color: var(--epo-hp-text);
}

.epo-hp-quick-list a:hover {
	color: var(--epo-hp-accent);
}

.epo-hp-quick-list .epo-hp-svg {
	width: 14px;
	height: 14px;
	color: var(--epo-hp-accent);
}

/* —— Responsive —— */
@media (max-width: 1100px) {
	.epo-hp-editions-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (max-width: 960px) {
	.epo-hp-layout {
		grid-template-columns: 1fr;
	}

	.epo-hp-sidebar {
		max-width: 100%;
	}

	.epo-hp-ad-skyscraper .epo-hp-ad-placeholder {
		min-height: 250px;
	}

	.epo-hp-editions-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	.epo-hp-meta {
		flex-direction: column;
		align-items: flex-start;
	}

	.epo-hp-meta-nav {
		width: 100%;
		justify-content: space-between;
	}

	.epo-hp-today-body {
		flex-direction: column;
	}

	.epo-hp-today-cover-wrap {
		max-width: 100%;
	}

	.epo-hp-ad-today {
		width: 100%;
	}

	.epo-hp-ad-today .epo-hp-ad-placeholder {
		width: 100%;
	}

	.epo-hp-editions-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.epo-hp-section-head {
		flex-direction: column;
		align-items: flex-start;
	}

	.epo-hp-filter-submit {
		width: 100%;
	}
}

/* —— Portal subpages —— */
.epo-hp-breadcrumbs {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 12px 0 4px;
	font-size: 13px;
	color: #666;
}

.epo-hp-breadcrumbs a {
	color: var(--epo-hp-accent, #002D62);
	text-decoration: none;
}

.epo-hp-breadcrumbs a:hover {
	text-decoration: underline;
}

.epo-hp-meta-nav-item.is-active {
	font-weight: 700;
	color: var(--epo-hp-accent, #002D62);
}

.epo-hp-search-panel,
.epo-hp-archive-head,
.epo-hp-categories-panel {
	margin-bottom: 16px;
}

.epo-hp-search-form {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 12px;
}

.epo-hp-search-field {
	flex: 1 1 240px;
}

.epo-hp-search-field input {
	width: 100%;
	padding: 10px 14px;
	border: 1px solid #ccd3db;
	border-radius: 4px;
	font-size: 15px;
}

.epo-hp-date-scroller {
	display: flex;
	gap: 8px;
	overflow-x: auto;
	padding: 8px 0 16px;
	-webkit-overflow-scrolling: touch;
}

.epo-hp-date-chip {
	flex: 0 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	min-width: 64px;
	padding: 8px 10px;
	border: 1px solid #ccd3db;
	border-radius: 6px;
	background: #fff;
	cursor: pointer;
	font: inherit;
}

.epo-hp-date-chip.has-edition {
	border-color: var(--epo-hp-accent, #002D62);
}

.epo-hp-date-chip.is-active,
.epo-hp-date-chip:not(:disabled):hover {
	background: var(--epo-hp-accent, #002D62);
	color: #fff;
	border-color: var(--epo-hp-accent, #002D62);
}

.epo-hp-date-chip:disabled {
	opacity: 0.45;
	cursor: default;
}

.epo-hp-date-chip-day {
	font-size: 11px;
	text-transform: uppercase;
	opacity: 0.8;
}

.epo-hp-date-chip-label {
	font-size: 13px;
	font-weight: 600;
}

.epo-hp-editions-grid--6 {
	grid-template-columns: repeat(6, minmax(0, 1fr));
}

@media (max-width: 1100px) {
	.epo-hp-editions-grid--6 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (max-width: 700px) {
	.epo-hp-editions-grid--6 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.epo-hp-categories-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	margin-top: 16px;
}

.epo-hp-category-card {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 16px;
	border: 1px solid #e2e8f0;
	border-radius: 6px;
	background: #fff;
	text-decoration: none;
	color: inherit;
	transition: border-color 0.15s, box-shadow 0.15s;
}

.epo-hp-category-card:hover {
	border-color: var(--epo-hp-accent, #002D62);
	box-shadow: 0 2px 8px rgba(0, 45, 98, 0.08);
}

.epo-hp-category-name {
	font-weight: 700;
	color: var(--epo-hp-accent, #002D62);
}

.epo-hp-category-desc {
	font-size: 13px;
	color: #666;
}

@media (max-width: 700px) {
	.epo-hp-categories-grid {
		grid-template-columns: 1fr;
	}
}

/* Theme menu drawer */
.epo-hp-menu-drawer {
	position: fixed;
	inset: 0;
	z-index: 100000;
}

.epo-hp-menu-drawer[hidden] {
	display: none !important;
}

.epo-hp-menu-drawer-backdrop {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.45);
}

.epo-hp-menu-drawer-panel {
	position: absolute;
	top: 0;
	right: 0;
	width: min(360px, 92vw);
	height: 100%;
	background: #fff;
	padding: 48px 20px 24px;
	overflow-y: auto;
	box-shadow: -4px 0 24px rgba(0, 0, 0, 0.15);
}

.epo-hp-menu-drawer-close {
	position: absolute;
	top: 10px;
	right: 12px;
	border: 0;
	background: transparent;
	font-size: 28px;
	line-height: 1;
	cursor: pointer;
	color: #333;
}

.epo-hp-theme-menu-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.epo-hp-theme-menu-list li {
	margin: 0;
	border-bottom: 1px solid #eee;
}

.epo-hp-theme-menu-list a {
	display: block;
	padding: 12px 4px;
	color: #222;
	text-decoration: none;
	font-size: 15px;
}

.epo-hp-theme-menu-list a:hover {
	color: var(--epo-hp-accent, #002D62);
}

.epo-hp-theme-menu-list .sub-menu {
	list-style: none;
	margin: 0;
	padding: 0 0 0 14px;
}

body.epo-hp-menu-open {
	overflow: hidden;
}