/* ==========================================================================
   EU REPORTER BRANDING & PALETTE (CUSTOMIZED FOR EUREPORTERS BLUE/NAVY/CYAN)
   ========================================================================== */

:root {
	--eu-primary-blue: #005ce6;
	--eu-royal-blue: #0044b3;
	--eu-electric-blue: #0066ff;
	--eu-cyan-accent: #00d2ff;
	--eu-deep-navy: #061224;
	--eu-dark-slate: #0a1931;
	--eu-light-bg: #f5f8fc;
	--eu-border-light: #e2e8f0;
}

#mvp-foot-copy a {
	color: var(--eu-cyan-accent);
}

#mvp-content-main p a,
.mvp-post-add-main p a {
	box-shadow: inset 0 -4px 0 var(--eu-cyan-accent);
}

#mvp-content-main p a:hover,
.mvp-post-add-main p a:hover {
	background: var(--eu-cyan-accent);
	color: var(--eu-deep-navy);
}

a,
a:visited,
.post-info-name a {
	color: var(--eu-deep-navy);
}

#mvp-side-wrap a:hover {
	color: var(--eu-electric-blue);
}

.mvp-fly-top:hover,
.mvp-vid-box-wrap,
ul.mvp-soc-mob-list li.mvp-soc-mob-com {
	background: var(--eu-electric-blue) !important;
	color: #ffffff !important;
}

nav.mvp-fly-nav-menu ul li.menu-item-has-children:after,
.mvp-feat1-left-wrap span.mvp-cd-cat,
.mvp-widget-feat1-top-story span.mvp-cd-cat,
.mvp-widget-feat2-left-cont span.mvp-cd-cat,
.mvp-widget-dark-feat span.mvp-cd-cat,
.mvp-widget-dark-sub span.mvp-cd-cat,
.mvp-vid-wide-text span.mvp-cd-cat,
.mvp-feat2-top-text span.mvp-cd-cat,
.mvp-feat3-main-story span.mvp-cd-cat,
.mvp-feat3-sub-text span.mvp-cd-cat,
.mvp-feat4-main-text span.mvp-cd-cat {
	color: var(--eu-electric-blue);
}

#searchform input,
.mvp-authors-name {
	border-bottom: 2px solid var(--eu-electric-blue);
}

.mvp-fly-top:hover {
	border-top: 1px solid var(--eu-cyan-accent);
	border-left: 1px solid var(--eu-cyan-accent);
	border-bottom: 1px solid var(--eu-cyan-accent);
}

ul.mvp-feat1-list-buts li.active span.mvp-feat1-list-but,
ul.mvp-feat1-list-buts li.mvp-feat-col-tab span.mvp-feat1-list-but,
span.mvp-widget-home-title,
span.mvp-post-cat,
span.mvp-feat1-pop-head {
	background: var(--eu-deep-navy) !important;
	border-left: 3px solid var(--eu-cyan-accent);
}

.mvp-widget-feat2-side-more-but,
span.mvp-prev-next-label,
.mvp-cat-date-wrap .sticky {
	color: var(--eu-primary-blue) !important;
}

/* TOP HEADER: Clean Pure White / Crisp Contrast for Logo */
#mvp-main-nav-top {
	background: #ffffff !important;
	border-bottom: 1px solid var(--eu-border-light);
	box-shadow: 0 1px 4px rgba(0,0,0,0.04);
}

#mvp-fly-wrap,
#mvp-main-nav-small-cont {
	background: var(--eu-deep-navy);
}

.mvp-soc-mob-right {
	background: var(--eu-primary-blue);
}

#mvp-main-nav-small .mvp-fly-but-wrap span,
#mvp-main-nav-small .mvp-search-but-wrap span,
#mvp-fly-wrap .mvp-fly-but-wrap span {
	background: #ffffff;
}

.mvp-nav-top-left .mvp-fly-but-wrap span {
	background: var(--eu-deep-navy);
}

.mvp-nav-top-right .mvp-nav-search-but {
	color: var(--eu-deep-navy);
}

.mvp-nav-top-right .mvp-nav-search-but:hover {
	color: var(--eu-electric-blue);
}

span.mvp-fly-soc-head,
.mvp-soc-mob-right i,
#mvp-main-nav-small span.mvp-nav-search-but,
#mvp-main-nav-small .mvp-nav-menu ul li a {
	color: #ffffff;
}

#mvp-nav-top-wrap span.mvp-nav-search-but:hover,
#mvp-main-nav-small span.mvp-nav-search-but:hover {
	color: var(--eu-cyan-accent);
}

#mvp-nav-top-wrap .mvp-fly-but-wrap:hover span,
#mvp-main-nav-small .mvp-fly-but-wrap:hover span {
	background: var(--eu-electric-blue);
}

/* BOTTOM NAVIGATION BAR: Vibrant European Royal Blue */
#mvp-main-nav-bot-cont {
	background: linear-gradient(90deg, #003d99 0%, #0052cc 40%, #0066ff 100%) !important;
	box-shadow: 0 2px 6px rgba(0, 45, 128, 0.25);
}

#mvp-nav-bot-wrap .mvp-fly-but-wrap span,
#mvp-nav-bot-wrap .mvp-search-but-wrap span {
	background: #ffffff;
}

#mvp-nav-bot-wrap span.mvp-nav-search-but,
#mvp-nav-bot-wrap .mvp-nav-menu ul li a {
	color: #ffffff !important;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	letter-spacing: 0.5px;
}

#mvp-nav-bot-wrap .mvp-nav-menu ul li.menu-item-has-children a:after {
	border-color: #ffffff transparent transparent transparent;
}

.mvp-nav-menu ul li:hover a {
	border-bottom: 5px solid var(--eu-cyan-accent) !important;
	color: #ffffff !important;
}

#mvp-nav-bot-wrap .mvp-fly-but-wrap:hover span {
	background-color: var(--eu-cyan-accent);
}

#mvp-nav-bot-wrap span.mvp-nav-search-but:hover {
	color: var(--eu-cyan-accent);
}

/* Typography Rules */
body,
.mvp-feat1-feat-text p,
.mvp-feat2-top-text p,
.mvp-feat3-main-text p,
.mvp-feat3-sub-text p,
#searchform input,
.mvp-author-info-text,
span.mvp-post-excerpt,
.mvp-nav-menu ul li ul.sub-menu li a,
nav.mvp-fly-nav-menu ul li a,
.mvp-ad-label,
span.mvp-feat-caption,
.mvp-post-tags a,
.mvp-post-tags a:visited,
span.mvp-author-box-name a,
#mvp-author-box-text p,
.mvp-post-gallery-text p,
ul.mvp-soc-mob-list li span,
#comments,
h3#reply-title,
h2.comments,
#mvp-foot-copy p,
span.mvp-fly-soc-head,
.mvp-post-tags-header,
span.mvp-prev-next-label,
span.mvp-post-add-link-but,
#mvp-comments-button a,
#mvp-comments-button span.mvp-comment-but-text,
a.mvp-inf-more-but,
span.mvp-cont-read-but,
span.mvp-cd-cat,
span.mvp-cd-date,
.mvp-feat4-main-text p,
span.mvp-widget-home-title2 {
	font-family: 'Roboto', sans-serif;
}

.mvp-blog-story-text p,
span.mvp-author-page-desc,
#mvp-404 p,
.mvp-widget-feat1-bot-text p,
.mvp-widget-feat2-left-text p,
.mvp-flex-story-text p,
.mvp-search-text p,
#mvp-content-main p,
.mvp-post-add-main p,
#mvp-content-main ul li,
#mvp-content-main ol li {
	font-family: 'PT Serif', serif;
}

.mvp-nav-menu ul li a,
#mvp-foot-menu ul li a,
.mvp-feat1-sub-text h2,
.mvp-feat1-pop-text h2,
.mvp-feat1-list-text h2,
.mvp-widget-feat1-top-text h2,
.mvp-widget-feat1-bot-text h2,
.mvp-widget-dark-feat-text h2,
.mvp-widget-dark-sub-text h2,
.mvp-widget-feat2-left-text h2,
.mvp-widget-feat2-right-text h2,
.mvp-blog-story-text h2,
.mvp-flex-story-text h2,
.mvp-vid-wide-more-text p,
.mvp-prev-next-text p,
.mvp-related-text,
.mvp-post-more-text p,
h2.mvp-authors-latest a,
.mvp-feat2-bot-text h2,
.mvp-feat3-sub-text h2,
.mvp-feat3-main-text h2,
.mvp-feat4-main-text h2,
.mvp-feat5-text h2,
.mvp-feat2-top-text h2,
.mvp-feat1-feat-text h2,
h1.mvp-post-title,
h1.mvp-post-title-wide,
.mvp-drop-nav-title h4,
#mvp-content-main blockquote p,
span.mvp-feat1-pop-head,
.mvp-feat1-pop-text:before,
span.mvp-feat1-list-but,
span.mvp-widget-home-title,
.mvp-widget-feat2-side-more,
span.mvp-post-cat,
span.mvp-page-head,
h1.mvp-author-top-head,
.mvp-authors-name,
#mvp-content-main h1,
#mvp-content-main h2,
#mvp-content-main h3,
#mvp-content-main h4,
#mvp-content-main h5,
#mvp-content-main h6 {
	font-family: 'Oswald', sans-serif;
}

.mvp-nav-top-left {
	left: 0;
	width: 30%;
	z-index: 5000;
}

.mvp-nav-soc-wrap a span {
	color: var(--eu-deep-navy) !important;
}

.mvp-nav-soc-wrap a:hover span {
	color: var(--eu-electric-blue) !important;
}

#mvp-fly-logo img {
	line-height: 0;
	height: auto;
	max-height: 55px;
	width: auto;
	max-width: 220px;
}

.mvp-nav-top-mid img {
	max-height: 68px;
	width: auto;
	display: block;
	margin: 0 auto;
}

#mvp-main-head-wrap {
	padding-bottom: 20px !important;
	width: 100%;
}

span.mvp-widget-home-title {
	font-size: 32px;
}

.mvp-feat1-feat-text h2.mvp-stand-title {
	font-weight: 600;
}

.menu-top-bar-menu-container li a {
	font-family: 'Oswald', sans-serif !important;
	font-size: 16px !important;
}

span.mvp-videos-but-text {
	background: linear-gradient(135deg, #0052cc 0%, #0066ff 100%);
	border: 1px solid #003d99;
	border-radius: 3px;
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	font-size: .85rem;
	font-weight: 700;
	letter-spacing: .04em;
	line-height: 100%;
	padding: 15px 0;
	text-transform: uppercase;
	width: 30%;
	text-align: center;
	box-shadow: 0 4px 12px rgba(0, 102, 255, 0.25);
	transition: transform 0.2s, box-shadow 0.2s;
}

span.mvp-videos-but-text:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 16px rgba(0, 102, 255, 0.4);
	color: var(--eu-cyan-accent);
}

#mvp-comments-button {
	text-align: center;
	width: 100%;
	margin-top: 25px;
}

#mvp-comments-button a {
	background-color: transparent !important;
	text-decoration: none !important;
}

/* SKEWED COUNTRY PILLS IN EUROPEAN BLUE & CYAN */
span.country-banner {
	background: linear-gradient(135deg, #0052cc 0%, #0066ff 100%) !important;
	color: #ffffff !important;
	font-family: 'Oswald', sans-serif;
	cursor: pointer;
	display: inline-block;
	font-size: 0.95rem;
	font-weight: 600;
	line-height: 1;
	padding: 6px 14px;
	margin: 3px 2px;
	text-transform: uppercase;
	-webkit-transform: skewX(-15deg);
	-moz-transform: skewX(-15deg);
	-ms-transform: skewX(-15deg);
	-o-transform: skewX(-15deg);
	transform: skewX(-15deg);
	border: 1px solid rgba(255, 255, 255, 0.15);
	box-shadow: 0 2px 4px rgba(0, 60, 160, 0.15);
	transition: all 0.2s ease;
}

span.country-banner a {
	color: #ffffff !important;
	text-decoration: none !important;
}

span.country-banner:hover,
span.country-banner.active-country {
	background: var(--eu-deep-navy) !important;
	border-color: var(--eu-cyan-accent) !important;
	box-shadow: 0 4px 12px rgba(0, 210, 255, 0.35);
}

span.country-banner:hover a,
span.country-banner.active-country a {
	color: var(--eu-cyan-accent) !important;
}

.country-banner-wrap {
	text-align: center;
	margin-bottom: 15px;
	margin-top: 8px;
}

/* GTranslate Wrapper & Language Switcher */
.gtranslate_wrapper {
	display: inline-block;
	position: relative;
	z-index: 6000;
	margin-right: 45px;
}

@media screen and (min-width: 800px) {
	.mvp-nav-top-right .gtranslate_wrapper {
		margin-top: 24px;
	}
}

.gt-current-lang {
	background: #ffffff;
	color: var(--eu-deep-navy);
	border: 2px solid var(--eu-primary-blue);
	padding: 5px 12px;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: 700;
	border-radius: 3px;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	box-shadow: 0 2px 6px rgba(0, 82, 204, 0.15);
	text-transform: uppercase;
	transition: all 0.2s;
}

.gt-current-lang:hover {
	background: var(--eu-primary-blue);
	color: #ffffff;
	border-color: var(--eu-royal-blue);
}

.gt-dropdown-menu {
	display: none;
	position: absolute;
	right: 0;
	top: 100%;
	margin-top: 5px;
	background: #ffffff;
	border: 1px solid var(--eu-border-light);
	box-shadow: 0 8px 24px rgba(6, 18, 36, 0.25);
	min-width: 185px;
	z-index: 99999;
	border-radius: 4px;
	overflow: hidden;
}

.gt-dropdown-menu.open {
	display: block;
}

.gt-dropdown-header {
	background: var(--eu-deep-navy);
	color: var(--eu-cyan-accent);
	font-family: 'Oswald', sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	padding: 8px 12px;
	letter-spacing: 0.5px;
	border-bottom: 2px solid var(--eu-electric-blue);
}

.gt-lang-option {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 8px 12px;
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	color: var(--eu-dark-slate);
	cursor: pointer;
	border-bottom: 1px solid #f0f4f8;
	text-decoration: none !important;
	transition: background 0.15s;
}

.gt-lang-option:hover,
.gt-lang-option.active {
	background: #eef4ff;
	color: var(--eu-primary-blue);
	font-weight: 700;
}

/* Mega Menu Hover Preview Cards */
#mvp-main-nav-bot {
	position: relative;
	z-index: 4000;
}

.mvp-nav-menu ul li.mvp-mega-dropdown .mvp-mega-dropdown {
	display: none;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.2s ease;
	border-top: 3px solid var(--eu-cyan-accent);
}

.mvp-nav-menu ul li.mvp-mega-dropdown:hover .mvp-mega-dropdown {
	display: block;
	opacity: 1;
	visibility: visible;
	top: 50px;
}

/* Fly-out Drawer Menu */
#mvp-fly-wrap {
	transition: transform 0.3s ease, left 0.3s ease;
}

body.mvp-fly-open #mvp-fly-wrap {
	transform: translate3d(370px, 0, 0) !important;
	left: 0 !important;
	visibility: visible !important;
}

body.mvp-fly-open .mvp-fly-fade {
	display: block !important;
	opacity: 0.7 !important;
	visibility: visible !important;
}

/* Search Overlay */
body.mvp-search-open #mvp-search-wrap {
	transform: translate3d(0, 100%, 0) !important;
	opacity: 1 !important;
	visibility: visible !important;
	top: -100%;
	z-index: 99999;
}

/* Tabbed Lists */
.mvp-tab-col-cont {
	display: none;
}

.mvp-tab-col-cont.active-tab {
	display: block !important;
}

/* Live EU Feed Widget */
.eu-live-feed-box {
	background: #ffffff;
	border: 1px solid var(--eu-border-light);
	border-top: 4px solid var(--eu-electric-blue);
	height: 490px;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	box-shadow: 0 4px 16px rgba(0, 60, 160, 0.08);
	border-radius: 3px;
}

.eu-live-feed-header {
	background: var(--eu-deep-navy);
	color: #ffffff;
	padding: 12px 14px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 0.5px;
	border-bottom: 2px solid var(--eu-cyan-accent);
}

.eu-live-dot {
	display: inline-block;
	width: 9px;
	height: 9px;
	background: var(--eu-cyan-accent);
	border-radius: 50%;
	margin-right: 8px;
	box-shadow: 0 0 8px var(--eu-cyan-accent);
	animation: euPulse 1.4s infinite;
}

@keyframes euPulse {
	0%, 100% { opacity: 1; transform: scale(1); }
	50% { opacity: 0.35; transform: scale(1.3); }
}

.eu-live-feed-body {
	flex: 1;
	overflow-y: auto;
	padding: 10px 14px;
}

.eu-live-item {
	padding: 10px 0;
	border-bottom: 1px solid #edf2f7;
	font-family: 'Roboto', sans-serif;
}

.eu-live-item:last-child {
	border-bottom: none;
}

.eu-live-meta {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: 700;
	color: #64748b;
	margin-bottom: 4px;
}

.eu-live-inst {
	background: #eef4ff;
	color: var(--eu-royal-blue);
	padding: 2px 7px;
	font-family: 'Oswald', sans-serif;
	font-size: 10px;
	font-weight: 700;
	border-radius: 2px;
	border: 1px solid #d0e1fd;
}

.eu-live-title {
	font-family: 'Oswald', sans-serif;
	font-size: 14px;
	line-height: 1.35;
	color: var(--eu-deep-navy);
	font-weight: 500;
	display: block;
	text-decoration: none !important;
}

.eu-live-title:hover {
	color: var(--eu-electric-blue);
}

.eu-live-footer {
	background: #f8fafc;
	border-top: 1px solid var(--eu-border-light);
	padding: 10px 14px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 11px;
	font-family: 'Roboto', sans-serif;
}

.eu-auto-btn {
	background: var(--eu-electric-blue);
	color: #ffffff !important;
	border: none;
	padding: 6px 12px;
	font-family: 'Oswald', sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 700;
	cursor: pointer;
	border-radius: 2px;
	box-shadow: 0 2px 6px rgba(0, 102, 255, 0.3);
	transition: background 0.2s;
}

.eu-auto-btn:hover {
	background: var(--eu-royal-blue);
	color: #ffffff !important;
}

/* AdSense Units */
.eureporter-ad-unit {
	background: #fafcff;
	border: 1px dashed #cbd5e1;
	text-align: center;
	padding: 14px 10px;
	margin: 15px 0;
	position: relative;
	border-radius: 2px;
}

.eureporter-ad-label {
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 9px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #94a3b8;
	margin-bottom: 6px;
}

/* Video Modal Lightbox */
.eu-video-modal {
	display: none;
	position: fixed;
	inset: 0;
	background: rgba(6, 18, 36, 0.92);
	z-index: 100000;
	align-items: center;
	justify-content: center;
	padding: 20px;
}

.eu-video-modal.open {
	display: flex;
}

.eu-video-modal-box {
	background: var(--eu-deep-navy);
	max-width: 900px;
	width: 100%;
	border: 2px solid var(--eu-cyan-accent);
	border-radius: 4px;
	box-shadow: 0 10px 40px rgba(0, 210, 255, 0.25);
	overflow: hidden;
}

/* Footer Section */
#mvp-foot-wrap {
	background: var(--eu-deep-navy) !important;
	border-top: 4px solid var(--eu-electric-blue);
}

#mvp-foot-logo img {
	max-height: 60px;
	width: auto;
}

#mvp-foot-menu ul li a {
	color: #cbd5e1 !important;
}

#mvp-foot-menu ul li a:hover {
	color: var(--eu-cyan-accent) !important;
}

#mvp-foot-copy p {
	color: #94a3b8;
}

/* Geolocation Toast */
.eu-geo-toast {
	position: fixed;
	bottom: 20px;
	left: 20px;
	background: var(--eu-deep-navy);
	color: #ffffff;
	border-left: 5px solid var(--eu-cyan-accent);
	padding: 14px 18px;
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	box-shadow: 0 10px 30px rgba(6, 18, 36, 0.5);
	z-index: 99990;
	max-width: 360px;
	display: none;
	border-radius: 0 4px 4px 0;
}

.eu-geo-toast.show {
	display: block;
}

@media only screen and (min-width: 981px) {
	.hide-on-desktop {
		display: none !important;
	}
}

@media only screen and (max-width: 980px) {
	.hide-on-mobile-tablet {
		display: none !important;
	}
}