/*
Theme Name:   Lokwani
Description:  GeneratePress child theme for लोकवाणी — three-column Hindi news layout.
Template:     generatepress
Version:      1.6.0
Text Domain:  lokwani
*/

:root {
	--contrast: #2b2b2b;
	--base-2: #ffffff;
	--accent: #d11a1a;

	--lw-red: #d11a1a;
	--lw-red-d: #a80f0f;
	--lw-ink: #2b2b2b;
	--lw-muted: #757575;
	--lw-line: #e8e8e8;
	--lw-band: #eeeeee;
	--lw-soft: rgba(126, 144, 160, 0.1);
	--lw-hdr: #fafafa;
	--lw-hdr-h: 64px;
	--lw-font: "Noto Sans Devanagari", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

/* ---------- Base ---------- */
body.lw,
body.lw button,
body.lw input,
body.lw select,
body.lw textarea {
	font-family: var(--lw-font);
}
body.lw {
	background: #fff;
	color: var(--lw-ink);
	font-size: 16px;
	line-height: 1.5;
}
body.lw a {
	color: inherit;
	text-decoration: none;
}
body.lw a:hover,
body.lw a:focus {
	color: inherit;
}
body.lw h1,
body.lw h2,
body.lw h3 {
	font-family: var(--lw-font);
	color: var(--lw-ink);
}
.lw-svg {
	display: block;
	flex: none;
}

/* ---------- Header ---------- */
.lw-header {
	position: sticky;
	top: 0;
	z-index: 100;
	background: var(--lw-hdr);
	border-bottom: 1px solid var(--lw-line);
}
body.admin-bar .lw-header {
	top: 32px;
}
.lw-datestrip,
.lw-cattabs {
	display: none;
}
.lw-header__in {
	max-width: 1240px;
	height: var(--lw-hdr-h);
	margin: 0 auto;
	display: flex;
	align-items: center;
	gap: 22px;
}
.lw-brand {
	flex: none;
	display: flex;
	align-items: center;
}
.lw-brand img {
	display: block;
	height: 48px;
	width: auto;
	max-width: none;
}
.lw-brand__text {
	font-size: 30px;
	font-weight: 700;
	color: var(--lw-red) !important;
}
.lw-header__date {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 22px;
	border-left: 1px solid #dcdcdc;
	height: 38px;
	font-size: 13px;
	line-height: 18px;
	color: #555;
	white-space: nowrap;
}
.lw-header__date b {
	font-weight: 600;
}
.lw-topnav {
	margin-left: auto;
}
.lw-topnav__list {
	display: flex;
	align-items: center;
	gap: 6px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.lw-topnav__list > li > a {
	display: flex;
	align-items: center;
	gap: 9px;
	height: 44px;
	padding: 0 14px;
	font-size: 18px;
	font-weight: 500;
	color: var(--lw-ink);
	border-radius: 4px;
}
.lw-topnav__list > li > a:hover {
	color: var(--lw-red);
}
.lw-topnav__list .lw-svg {
	width: 24px;
	height: 24px;
}
.lw-topnav__list > .current-menu-item > a,
.lw-topnav__list > .current-menu-item > a:hover {
	color: var(--lw-red);
}
.lw-topnav__list > .lw-sep {
	margin-left: 14px;
	padding-left: 14px;
	border-left: 1px solid #dcdcdc;
}

.lw-searchbar {
	border-top: 1px solid var(--lw-line);
	background: #fff;
}
.lw-searchbar__in {
	max-width: 640px;
	margin: 0 auto;
	padding: 14px 16px;
}
.lw-searchbar .search-form,
.lw-article__body .search-form,
.no-results .search-form {
	display: flex;
	gap: 8px;
}
.lw-searchbar .search-form label {
	flex: 1;
}
body.lw .search-field {
	width: 100%;
	height: 44px;
	padding: 0 14px;
	border: 1px solid #d6d6d6;
	border-radius: 6px;
	background: #fff;
	font-size: 17px;
}
body.lw .search-submit {
	height: 44px;
	padding: 0 18px;
	border: 0;
	border-radius: 6px;
	background: var(--lw-red);
	color: #fff;
}

/* ---------- Three-column frame ---------- */
body.lw #page {
	max-width: 1240px;
	padding: 0;
}
body.lw #content {
	display: grid;
	grid-template-columns: 236px minmax(0, 1fr) 364px;
	align-items: start;
	padding: 0;
}
body.lw #primary {
	grid-column: 2;
	grid-row: 1;
	width: auto;
	min-height: 100vh;
	border-left: 1px solid var(--lw-line);
	border-right: 1px solid var(--lw-line);
}
body.lw #right-sidebar {
	grid-column: 3;
	grid-row: 1;
	width: auto;
}
body.lw #main {
	margin: 0;
}
body.lw #main > * {
	margin-bottom: 0;
}
body.lw .inside-article,
body.lw .page-header,
body.lw .paging-navigation,
body.lw .comments-area {
	background: transparent;
	padding: 0;
	margin: 0;
}
body.lw .entry-content:not(:first-child) {
	margin-top: 0;
}

/* ---------- Left category nav ---------- */
.lw-leftnav {
	grid-column: 1;
	grid-row: 1;
	position: sticky;
	top: var(--lw-hdr-h);
	max-height: calc(100vh - var(--lw-hdr-h));
	overflow-y: auto;
	scrollbar-width: none;
}
body.admin-bar .lw-leftnav {
	top: calc(var(--lw-hdr-h) + 32px);
	max-height: calc(100vh - var(--lw-hdr-h) - 32px);
}
.lw-leftnav::-webkit-scrollbar {
	display: none;
}
.lw-leftnav__in {
	padding: 24px 20px 32px 0;
}
.lw-leftnav__list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.lw-leftnav__list a {
	display: flex;
	align-items: center;
	gap: 14px;
	height: 56px;
	padding: 0 14px;
	border-radius: 4px;
	font-size: 18px;
	font-weight: 600;
	line-height: 26px;
	color: var(--lw-ink);
}
.lw-leftnav__list a:hover,
.lw-leftnav__list .current-menu-item > a {
	background: var(--lw-soft);
}
.lw-navico {
	width: 28px;
	height: 28px;
	display: grid;
	place-items: center;
	flex: none;
}
.lw-navico .lw-svg {
	width: 26px;
	height: 26px;
}

/* ---------- Trending chips ---------- */
.lw-trending {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 12px 20px;
	border-bottom: 1px solid var(--lw-line);
}
.lw-trending__label {
	flex: none;
	color: var(--lw-red);
	font-size: 16px;
	font-weight: 600;
}
.lw-trending__track {
	display: flex;
	gap: 12px;
	flex: 1;
	min-width: 0;
	overflow-x: auto;
	scrollbar-width: none;
}
.lw-trending__track::-webkit-scrollbar {
	display: none;
}
.lw-chip {
	flex: none;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	height: 40px;
	padding: 0 12px 0 16px;
	border: 1px solid #e0e0e0;
	border-radius: 20px;
	font-size: 17px;
	font-weight: 600;
	white-space: nowrap;
	color: var(--lw-ink);
	background: #fff;
}
.lw-chip .lw-svg {
	width: 16px;
	height: 16px;
	color: #777;
}
.lw-trending__next {
	flex: none;
	width: 28px;
	height: 28px;
	padding: 0;
	border: 0;
	background: transparent;
	color: #444;
	cursor: pointer;
}
.lw-trending__next .lw-svg {
	width: 22px;
	height: 22px;
}

/* ---------- Story cards ---------- */
.lw-story {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 144px;
	grid-template-areas: "title media" "foot foot";
	column-gap: 20px;
	row-gap: 14px;
	padding: 20px;
	border-bottom: 1px solid var(--lw-line);
}
.lw-story.no-thumb {
	grid-template-columns: minmax(0, 1fr);
	grid-template-areas: "title" "foot";
}
body.lw .lw-story__title {
	grid-area: title;
	margin: 0;
	font-size: 20px;
	line-height: 30px;
	font-weight: 600;
	color: var(--lw-ink);
}
.lw-story__title a:hover {
	color: #000;
}
.lw-kicker {
	color: var(--lw-k, var(--lw-red));
}
.lw-label {
	display: inline-block;
	padding: 0 7px;
	margin-right: 2px;
	border-radius: 3px;
	background: #f44336;
	color: #fff;
	font-size: 0.9em;
	line-height: 1.5;
}
.lw-story__media {
	grid-area: media;
	position: relative;
	display: block;
	width: 144px;
	height: 108px;
	overflow: hidden;
	border-radius: 4px;
	background: #eee;
}
.lw-story__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.lw-play {
	position: absolute;
	inset: 0;
	margin: auto;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.7);
	color: #fff;
	display: grid;
	place-items: center;
}
.lw-play .lw-svg {
	width: 18px;
	height: 18px;
	margin-left: 3px;
	fill: currentColor;
}
.lw-story__foot {
	grid-area: foot;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}
.lw-pill {
	display: inline-flex;
	align-items: center;
	gap: 2px;
	height: 30px;
	padding: 0 8px 0 12px;
	border: 1px solid #e0e0e0;
	border-radius: 16px;
	background: #fff;
	font-size: 15px;
	color: var(--lw-ink);
	white-space: nowrap;
}
.lw-pill .lw-svg {
	width: 15px;
	height: 15px;
	color: #555;
}
.lw-share {
	display: flex;
	align-items: center;
	gap: 24px;
	color: #707070;
}
.lw-share a,
.lw-share button {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 0;
	border: 0;
	background: none;
	color: inherit;
	cursor: pointer;
}
body.lw .lw-share a:hover,
.lw-share button:hover {
	color: var(--lw-ink);
}
.lw-share .lw-svg {
	width: 21px;
	height: 21px;
}
.lw-share__wa {
	display: none !important;
}
.lw-share__more[hidden] {
	display: none !important;
}

.lw-story--lead {
	grid-template-columns: minmax(0, 1fr);
	grid-template-areas: "title" "media" "foot";
}
body.lw .lw-story--lead .lw-story__title {
	font-size: 24px;
	line-height: 36px;
}
.lw-story--lead .lw-story__media {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
}
.lw-story--lead .lw-play {
	width: 52px;
	height: 52px;
}

/* ---------- Section heads ---------- */
.lw-feed--section {
	border-top: 10px solid var(--lw-band);
}
.lw-feed--section:first-child {
	border-top: 0;
}
.lw-sechead {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 14px 20px;
	border-bottom: 1px solid var(--lw-line);
}
.lw-sechead__ico {
	flex: none;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: #f4f4f4;
	color: var(--lw-k, var(--lw-red));
	display: grid;
	place-items: center;
}
.lw-sechead__ico .lw-svg {
	width: 24px;
	height: 24px;
}
body.lw .lw-sechead__title {
	margin: 0;
	font-size: 24px;
	line-height: 1.3;
	font-weight: 600;
}
.lw-btn-outline {
	margin-left: auto;
	padding: 6px 16px;
	border: 1px solid var(--lw-red);
	border-radius: 4px;
	color: var(--lw-red) !important;
	font-size: 16px;
	font-weight: 600;
	white-space: nowrap;
}
.lw-btn-outline:hover {
	background: var(--lw-red);
	color: #fff !important;
}
.lw-archive-desc {
	padding: 12px 20px;
	color: var(--lw-muted);
	border-bottom: 1px solid var(--lw-line);
}

/* ---------- Pagination ---------- */
body.lw .paging-navigation {
	padding: 24px 20px;
}
body.lw .paging-navigation .nav-links {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 8px;
}
body.lw .paging-navigation .nav-links > * {
	min-width: 40px;
	height: 40px;
	padding: 0 12px;
	margin: 0;
	display: inline-grid;
	place-items: center;
	border: 1px solid #e0e0e0;
	border-radius: 20px;
	font-weight: 600;
}
body.lw .paging-navigation .nav-links .current {
	background: var(--lw-red);
	border-color: var(--lw-red);
	color: #fff;
}

/* ---------- Single article ---------- */
.lw-article .inside-article {
	padding: 20px !important;
}
.lw-crumbs {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-bottom: 10px;
	font-size: 13px;
	color: #555;
}
.lw-crumbs span {
	color: #999;
}
.lw-article .entry-header {
	margin: 0;
}
body.lw .lw-article__title {
	margin: 0 0 14px;
	font-size: 27px;
	line-height: 40px;
	font-weight: 600;
}
.lw-article__meta {
	display: flex;
	align-items: center;
	gap: 18px;
	margin-bottom: 14px;
	font-size: 14px;
	color: var(--lw-muted);
}
.lw-article__by {
	color: var(--lw-ink);
	font-weight: 500;
}
.lw-article__meta .lw-share {
	margin-left: auto;
}
.lw-article__media {
	margin: 0 0 20px;
}
.lw-article__media img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 4px;
}
.lw-article__media figcaption {
	margin-top: 10px;
	font-size: 14px;
	color: var(--lw-muted);
	text-align: center;
}
.lw-article__body {
	font-size: 18px;
	line-height: 30px;
	color: var(--lw-ink);
}
.lw-article__body p {
	margin: 0 0 16px;
}
body.lw .lw-article__body a {
	color: var(--lw-red);
	text-decoration: underline;
}
body.lw .lw-article__body h2 {
	font-size: 22px;
	line-height: 32px;
	margin: 24px 0 10px;
}
.lw-article__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 12px;
}

/* Static pages (about, contact …) */
body.lw.page:not(.home) .inside-article {
	padding: 20px;
}
body.lw.page:not(.home) .entry-title {
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 16px;
}
body.lw.page:not(.home) .entry-content {
	font-size: 18px;
	line-height: 30px;
}
body.lw .no-results,
body.lw .error404 .inside-article {
	padding: 24px 20px;
}

/* ---------- Right rail ---------- */
body.lw #right-sidebar .inside-right-sidebar {
	padding: 24px 0 24px 24px;
	margin: 0;
	background: transparent;
}
.lw-rail-card {
	margin-bottom: 24px;
	border: 1px solid var(--lw-line);
	border-radius: 8px;
	overflow: hidden;
	background: #fff;
}
.lw-rail-video {
	background: #1b1b1b;
	border-color: #1b1b1b;
}
.lw-rail-video__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 14px 18px;
}
body.lw .lw-rail-video__head h2 {
	margin: 0;
	color: #fff;
	font-size: 22px;
	font-weight: 600;
}
.lw-btn-dark {
	padding: 4px 14px;
	border-radius: 16px;
	background: #333;
	color: #fff !important;
	font-size: 14px;
	font-weight: 600;
}
.lw-rail-video__media {
	position: relative;
	display: block;
	aspect-ratio: 16 / 9;
	background: #333;
}
.lw-rail-video__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.lw-rail-video .lw-play {
	width: 52px;
	height: 52px;
}
.lw-rail-video__title {
	display: block;
	padding: 12px 18px 18px;
	color: #fff !important;
	font-size: 18px;
	line-height: 28px;
	font-weight: 600;
}
.lw-rail-rashifal {
	padding: 16px 18px;
}
.lw-rail-rashifal__head {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #444;
	font-size: 16px;
	margin-bottom: 8px;
}
.lw-rail-rashifal__head .lw-svg {
	width: 20px;
	height: 20px;
	color: #8e24aa;
}
body.lw .lw-rail-rashifal h3 {
	margin: 0 0 6px;
	font-size: 18px;
	line-height: 27px;
	font-weight: 600;
}
.lw-rail-rashifal p {
	margin: 0 0 6px;
	font-size: 15px;
	line-height: 24px;
	color: #444;
}
.lw-rail-rashifal .lw-more {
	display: block;
	text-align: right;
	color: var(--lw-red) !important;
	font-weight: 600;
}
body.lw .lw-rail-list__head {
	margin: 0;
	padding: 14px 18px;
	font-size: 20px;
	font-weight: 600;
	border-bottom: 1px solid var(--lw-line);
}
.lw-rail-list ol {
	list-style: none;
	margin: 0;
	padding: 0 18px;
}
.lw-rail-list li {
	padding: 14px 0;
	border-bottom: 1px solid var(--lw-line);
}
.lw-rail-list li:last-child {
	border-bottom: 0;
}
.lw-rail-list a {
	display: flex;
	gap: 12px;
	align-items: flex-start;
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
}
.lw-rail-list img {
	flex: none;
	width: 80px;
	height: 60px;
	object-fit: cover;
	border-radius: 4px;
}
.lw-rail-foot {
	font-size: 13px;
	line-height: 22px;
	color: #666;
}
.lw-rail-foot nav {
	display: flex;
	flex-wrap: wrap;
	gap: 0 8px;
}
.lw-rail-foot nav span {
	color: #bbb;
}
.lw-rail-foot p {
	margin: 10px 0 0;
}

/* ---------- YouTube ---------- */
.lw-yt {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	border: 0;
	overflow: hidden;
	background: #000;
	cursor: pointer;
}
.lw-yt img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.lw-yt:hover .lw-play {
	background: #d11a1a;
}
.lw-yt-frame {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}
.lw-videos__track {
	display: flex;
	gap: 16px;
	padding: 16px 20px 20px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: thin;
}
.lw-vcard {
	flex: none;
	width: 240px;
	scroll-snap-align: start;
}
.lw-vcard .lw-yt {
	height: auto;
	aspect-ratio: 16 / 9;
	border-radius: 6px;
}
.lw-vcard__title {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-top: 8px;
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
}
.lw-videos--grid {
	border-bottom: 10px solid var(--lw-band);
}
.lw-videos--grid .lw-videos__track {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px 16px;
	overflow: visible;
}
.lw-videos--grid .lw-vcard {
	width: auto;
}
.lw-modal {
	position: fixed;
	inset: 0;
	z-index: 300;
	display: grid;
	place-items: center;
	padding: 56px 16px 16px;
	background: rgba(0, 0, 0, 0.85);
}
.lw-modal__box {
	position: relative;
	width: min(960px, 100%);
	aspect-ratio: 16 / 9;
	background: #000;
}
.lw-modal__close {
	position: absolute;
	top: -48px;
	right: 0;
	width: 40px;
	height: 40px;
	border: 0;
	border-radius: 50%;
	background: #fff;
	color: #000;
	font-size: 28px;
	line-height: 1;
	cursor: pointer;
}
.lw-topnav__list .lw-icon-youtube .lw-svg {
	color: #ff0000;
}
.lw-follow {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 20px 14px 0;
	padding-top: 16px;
	border-top: 1px solid var(--lw-line);
	font-size: 14px;
	color: #666;
}
.lw-follow a {
	display: inline-flex;
	color: #ff0000 !important;
}
.lw-follow a[aria-label="Facebook"] {
	color: #1877f2 !important;
}
.lw-follow a[aria-label="Facebook"] .lw-svg {
	width: 26px;
	height: 26px;
}
.lw-follow .lw-svg {
	width: 30px;
	height: 30px;
}
.lw-article__body .wp-block-embed {
	margin: 0 0 20px;
}

/* ---------- YouTube Shorts ---------- */
.lw-shorts__track {
	display: flex;
	gap: 12px;
	padding: 16px 20px 20px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: thin;
}
.lw-short {
	position: relative;
	flex: none;
	width: 150px;
	aspect-ratio: 9 / 16;
	padding: 0;
	border: 0;
	border-radius: 10px;
	overflow: hidden;
	background: #111;
	cursor: pointer;
	scroll-snap-align: start;
	text-align: left;
}
.lw-short img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.25s ease;
}
.lw-short:hover img {
	transform: scale(1.04);
}
.lw-short__meta {
	position: absolute;
	inset: auto 0 0 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding: 36px 10px 10px;
	background: linear-gradient(transparent, rgba(0, 0, 0, 0.85));
	color: #fff;
}
.lw-short__title {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: 14px;
	line-height: 20px;
	font-weight: 600;
}
.lw-short__views {
	font-size: 12px;
	opacity: 0.85;
}
.lw-shorts--grid .lw-shorts__track {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	padding: 4px 0 20px;
	overflow: visible;
}
.lw-shorts--grid .lw-short {
	width: auto;
}
.lw-icon-youtubeshorts .lw-svg {
	color: #ff0000;
}

.lw-sv {
	position: fixed;
	inset: 0;
	z-index: 400;
	background: #0b0b0b;
}
.lw-sv__track {
	height: 100%;
	overflow-y: scroll;
	scroll-snap-type: y mandatory;
	scrollbar-width: none;
	overscroll-behavior: contain;
}
.lw-sv__track::-webkit-scrollbar {
	display: none;
}
.lw-sv__slide {
	height: 100%;
	display: grid;
	place-items: center;
	scroll-snap-align: start;
	scroll-snap-stop: always;
}
.lw-sv__frame {
	position: relative;
	height: calc(100% - 32px);
	aspect-ratio: 9 / 16;
	max-width: 100%;
	border-radius: 14px;
	overflow: hidden;
	background: #000;
}
.lw-sv__thumb,
.lw-sv__frame iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
	object-fit: cover;
}
.lw-sv__title {
	position: absolute;
	inset: auto 0 0 0;
	margin: 0;
	padding: 60px 16px 20px;
	background: linear-gradient(transparent, rgba(0, 0, 0, 0.85));
	color: #fff;
	font-size: 17px;
	line-height: 26px;
	font-weight: 600;
}
.lw-sv__slide.is-active .lw-sv__title {
	display: none;
}
/* Leaves YouTube's top controls and seek bar clickable; the middle scrolls the feed. */
.lw-sv__tap {
	position: absolute;
	inset: 64px 0 120px 0;
	cursor: pointer;
}
.lw-sv__slide.is-paused .lw-sv__tap::after {
	content: "";
	position: absolute;
	inset: 0;
	margin: auto;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.55) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E") center / 30px no-repeat;
}
.lw-sv__end {
	color: #fff;
}
.lw-sv__end .lw-btn-outline {
	margin: 0;
	border-color: #fff;
	color: #fff !important;
}
.lw-sv__close {
	position: absolute;
	top: 16px;
	right: 16px;
	z-index: 2;
	width: 44px;
	height: 44px;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.15);
	color: #fff;
	font-size: 30px;
	line-height: 1;
	cursor: pointer;
}
.lw-sv__nav {
	position: absolute;
	right: 24px;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.lw-sv__btn {
	width: 48px;
	height: 48px;
	display: grid;
	place-items: center;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.15);
	color: #fff;
	cursor: pointer;
}
.lw-sv__next svg {
	transform: rotate(180deg);
}
.lw-sv__btn:hover,
.lw-sv__close:hover {
	background: rgba(255, 255, 255, 0.28);
}

/* Icon-only buttons: neutralise GeneratePress's default button padding so icons sit dead centre. */
.lw-sv__close,
.lw-sv__btn,
.lw-modal__close {
	display: grid;
	place-items: center;
	padding: 0;
	line-height: 0;
}
.lw-videos__track,
.lw-shorts__track {
	scroll-padding-inline: 20px;
}

/* ---------- Footer ---------- */
body.lw .site-footer {
	display: none;
}

.lw-toast {
	position: fixed;
	left: 50%;
	bottom: 24px;
	transform: translateX(-50%);
	z-index: 200;
	padding: 10px 18px;
	border-radius: 20px;
	background: #222;
	color: #fff;
	font-size: 15px;
}

/* ---------- Narrower desktops ---------- */
/* Facebook page section */
.lw-fb__frame {
	position: relative;
	display: flex;
	justify-content: center;
	padding: 16px 20px 20px;
	box-sizing: content-box;
	max-width: 500px;
	margin: 0 auto;
}
.lw-fb__frame iframe {
	position: relative;
	z-index: 1;
	border: 0;
	max-width: 100%;
	background: #fff;
}
.lw-fb__fallback {
	position: absolute;
	inset: 16px 20px 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	border: 1px solid #e4e6eb;
	border-radius: 8px;
	background: #f0f2f5;
	color: #1877f2;
	font-weight: 600;
	text-align: center;
}
.lw-fb__fallback .lw-svg {
	width: 40px;
	height: 40px;
}
@media (max-width: 767px) {
	.lw-fb__frame {
		padding: 12px 16px 16px;
	}
	.lw-fb__fallback {
		inset: 12px 16px 16px;
	}
}

@media (max-width: 1279px) {
	.lw-header__in {
		padding: 0 16px;
	}
	body.lw #content {
		grid-template-columns: 200px minmax(0, 1fr) 316px;
	}
	.lw-leftnav__in {
		padding: 20px 12px 24px 12px;
	}
	.lw-leftnav__list a {
		height: 48px;
		font-size: 16px;
		gap: 10px;
		padding: 0 10px;
	}
	.lw-topnav__list > li > a {
		padding: 0 10px;
		font-size: 17px;
	}
	body.lw #right-sidebar .inside-right-sidebar {
		padding: 20px 16px;
	}
}

/* ---------- Tablet & mobile ---------- */
@media (max-width: 1023px) {
	:root {
		--lw-hdr-h: 56px;
	}
	.lw-datestrip {
		display: block;
		padding: 5px 12px;
		background: #f2f2f2;
		border-bottom: 1px solid var(--lw-line);
		text-align: center;
		font-size: 13px;
		color: #666;
	}
	.lw-header {
		background: #fff;
	}
	.lw-header__date,
	.lw-topnav__list .lw-txt,
	.lw-topnav__list > .lw-hide-mobile {
		display: none;
	}
	.lw-header__in {
		gap: 8px;
		padding: 0 12px 0 16px;
	}
	.lw-brand img {
		height: 40px;
	}
	.lw-topnav__list {
		gap: 2px;
	}
	.lw-topnav__list > li > a {
		width: 42px;
		height: 42px;
		padding: 0;
		justify-content: center;
	}
	.lw-topnav__list > .lw-sep {
		margin: 0;
		padding: 0;
		border: 0;
	}
	.lw-cattabs {
		display: block;
		background: #fff;
		border-top: 1px solid var(--lw-line);
	}
	.lw-cattabs__list {
		display: flex;
		gap: 2px;
		margin: 0;
		padding: 0 6px;
		list-style: none;
		overflow-x: auto;
		scrollbar-width: none;
	}
	.lw-cattabs__list::-webkit-scrollbar {
		display: none;
	}
	.lw-cattabs__list a {
		display: flex;
		align-items: center;
		gap: 8px;
		height: 48px;
		padding: 0 12px;
		border-bottom: 3px solid transparent;
		font-size: 17px;
		font-weight: 600;
		white-space: nowrap;
		color: var(--lw-ink);
	}
	.lw-cattabs__list .current-menu-item > a {
		border-bottom-color: var(--lw-red);
	}
	.lw-cattabs .lw-navico,
	.lw-cattabs .lw-navico .lw-svg {
		width: 22px;
		height: 22px;
	}

	body.lw #content {
		display: block;
	}
	.lw-leftnav {
		display: none;
	}
	body.lw #primary {
		border: 0;
		min-height: 0;
	}
	body.lw #right-sidebar {
		border-top: 10px solid var(--lw-band);
	}
	body.lw #right-sidebar .inside-right-sidebar {
		padding: 20px 16px;
	}
	body.lw .site-footer {
		display: none;
	}
}

@media (max-width: 782px) {
	body.admin-bar .lw-header {
		top: 46px;
	}
}
@media (max-width: 600px) {
	body.admin-bar .lw-header {
		top: 0;
	}
}

@media (max-width: 767px) {
	.lw-trending {
		padding: 10px 16px;
	}
	.lw-trending__next {
		display: none;
	}
	.lw-chip {
		height: 36px;
		font-size: 16px;
	}
	.lw-story {
		grid-template-columns: minmax(0, 1fr) 112px;
		column-gap: 14px;
		row-gap: 12px;
		padding: 16px;
	}
	body.lw .lw-story__title {
		font-size: 18px;
		line-height: 28px;
	}
	.lw-story__media {
		width: 112px;
		height: 84px;
	}
	.lw-short {
		width: 128px;
	}
	.lw-shorts__track {
		padding: 14px 16px 16px;
	}
	.lw-videos__track,
	.lw-shorts__track {
		scroll-padding-inline: 16px;
	}
	.lw-videos__track {
		padding-left: 16px;
		padding-right: 16px;
	}
	.lw-shorts--grid .lw-shorts__track {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.lw-sv__frame {
		height: 100%;
		width: 100%;
		aspect-ratio: auto;
		border-radius: 0;
	}
	.lw-sv__nav {
		display: none;
	}
	.lw-sv__close {
		top: 12px;
		right: auto;
		left: 12px;
	}
	.lw-story--lead {
		grid-template-columns: minmax(0, 1fr);
	}
	body.lw .lw-story--lead .lw-story__title {
		font-size: 21px;
		line-height: 32px;
	}
	.lw-story--lead .lw-story__media {
		width: 100%;
		height: auto;
	}
	.lw-share {
		gap: 16px;
	}
	.lw-share .lw-svg {
		width: 20px;
		height: 20px;
	}
	.lw-share__wa {
		display: inline-flex !important;
	}
	.lw-share__wa span {
		display: none;
	}
	.lw-share__wa .lw-svg {
		width: 22px;
		height: 22px;
		color: #25d366;
	}
	.lw-share__fb .lw-svg {
		color: #1877f2;
	}
	.lw-sechead {
		padding: 12px 16px;
		gap: 12px;
	}
	.lw-sechead__ico {
		width: 40px;
		height: 40px;
	}
	body.lw .lw-sechead__title {
		font-size: 21px;
	}
	.lw-btn-outline {
		padding: 4px 12px;
		font-size: 15px;
	}
	.lw-article .inside-article {
		padding: 16px !important;
	}
	body.lw .lw-article__title {
		font-size: 23px;
		line-height: 35px;
	}
	.lw-article__body {
		font-size: 17px;
		line-height: 29px;
	}
	.lw-article__meta .lw-share {
		margin-left: auto;
	}
}