/*
Theme Name: topadalt
Text Domain: topadalt
*/

/* RESET */

HTML,
BODY,
DIV,
SPAN,
APPLET,
OBJECT,
IFRAME,
H1,
H2,
H3,
H4,
H5,
H6,
P,
BLOCKQUOTE,
PRE,
A,
ABBR,
ACRONYM,
ADDRESS,
BIG,
CITE,
CODE,
DEL,
DFN,
EM,
FONT,
IMG,
INS,
KBD,
Q,
S,
SAMP,
SMALL,
STRIKE,
STRONG,
TT,
VAR,
B,
U,
I,
CENTER,
DL,
DT,
DD,
OL,
UL,
LI,
FIELDSET,
FORM,
LABEL,
LEGEND {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

SUP,
SUB {
	line-height: 1px;
}

BODY {
	line-height: 1;
}

UL {
	list-style: none;
}

:focus {
	outline: 0;
}

INS {
	text-decoration: none;
}

DEL {
	text-decoration: line-through;
}

input::-moz-focus-inner {
	border: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary,
.block {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden] {
	display: none;
}

.none,
.hidden,
.on980,
.on760,
.on320,
.only980,
.only760 {
	display: none;
}

.Clearfix,
.clear,
.clr {
	clear: both;
}

hr.clear,
hr.clr {
	padding: 0;
	margin: 0;
	height: 1px;
	overflow: hidden;
	border: 0;
}

.clearfix:before,
.clearfix:after,
.clf:before,
.clf:after {
	content: " ";
	display: table;
}

.clearfix:after,
.clf:after {
	clear: both;
}

.clearfix,
.clf {
	*zoom: 1;
}

.alignright,
.right {
	float: right;
}

.alignleft,
.left {
	float: left;
}

.center {
	text-align: center;
}

.centered,
.aligncenter {
	display: block;
	margin: 0 auto;
}

img.alignright,
img.right {
	margin: 0 0 7px 20px;
	display: inline;
}

img.alignleft,
img.left {
	margin: 0 20px 7px 0;
	display: inline;
}

a img {
	border: none;
}

img {
	max-width: 100%;
}

.entry img {
	height: auto;
}

/* END RESET */


/* DESIGN TOKENS */

:root {
	--nx_primary: #E6194B;
	--nx_secondary: #FF6F91;
	--nx_bg: #0D0D0D;
	--nx_bg2: #1A1A2E;
	--nx_surface: rgba(255, 255, 255, 0.06);
	--nx_surface2: rgba(255, 255, 255, 0.10);
	--nx_text: #F0F0F0;
	--nx_muted: rgba(240, 240, 240, 0.65);
	--nx_border: rgba(255, 255, 255, 0.08);
	--nx_border2: rgba(255, 255, 255, 0.14);
	--nx_accent2: #FF3366;
	--nx_warn: #FFB347;
	--nx_radius: 10px;
	--nx_radius_sm: 6px;
	--nx_shadow: 0 16px 48px rgba(0, 0, 0, 0.45);
	--nx_font: 'Nunito Sans', system-ui, sans-serif;
	--nx_fontHead: 'Cinzel', Georgia, serif;
}

body {
	color: var(--nx_text);
	font-size: 16px;
	line-height: 22px;
	font-family: var(--nx_font);
	background:
		radial-gradient(1000px 500px at 10% 5%, rgba(230, 25, 75, 0.18), transparent 55%),
		radial-gradient(800px 400px at 90% 8%, rgba(255, 111, 145, 0.12), transparent 50%),
		radial-gradient(600px 350px at 50% 95%, rgba(255, 51, 102, 0.08), transparent 55%),
		linear-gradient(170deg, var(--nx_bg), var(--nx_bg2));
	text-align: center;
}

.PulseRoot:before {
	content: "";
	position: fixed;
	inset: 0;
	pointer-events: none;
	z-index: 0;
	opacity: 0.20;
	background:
		repeating-linear-gradient(160deg, rgba(255, 255, 255, 0.02) 0 1px, rgba(255, 255, 255, 0) 1px 16px);
	mix-blend-mode: overlay;
}

.MainShell {
	position: relative;
	z-index: 1;
	max-width: 1600px;
	width: 94%;
	margin: 0 auto;
	text-align: left;
}

input,
textarea {
	color: var(--nx_text);
	font-size: 16px;
	line-height: 22px;
	font-family: var(--nx_font);
}

a {
	color: var(--nx_primary);
	text-decoration: none;
	transition: all 0.25s ease;
}

a:hover {
	color: var(--nx_secondary);
	text-decoration: underline;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.title,
.entry table,
.entry form,
.entry ul,
.entry ol,
.entry hr,
blockquote {
	margin: 0 0 28px 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.title {
	color: var(--nx_text);
	font-family: var(--nx_fontHead);
	font-weight: 700;
	letter-spacing: 0.02em;
}

h1,
.h1,
.title {
	font-size: 32px;
	line-height: 38px;
}

h2,
.h2 {
	font-size: 28px;
	line-height: 34px;
}

h3,
.h3 {
	font-size: 24px;
	line-height: 30px;
}

h4,
.h4 {
	font-size: 22px;
	line-height: 28px;
}

h5,
.h5 {
	font-size: 20px;
	line-height: 26px;
}

h6,
.h6 {
	font-size: 18px;
	line-height: 24px;
}


.entry ul,
ul.list {
	padding: 0 0 0 15px;
	list-style: none;
	font-weight: 600;
	font-size: 17px;
}

.entry ol,
ol.list {
	padding: 0 0 0 25px;
	list-style: none;
	font-weight: 600;
	font-size: 17px;
}

.entry ul ul,
.entry ol ol,
.entry ol ul,
.entry ul ol,
ul.list ul,
ol.list ol,
ol.list ul,
ul.list ol {
	margin: 5px 0 0 0;
}

.entry ol>li,
ol.list>li {
	margin: 0 0 14px 10px;
	list-style: decimal outside;
}

.entry ul>li,
ul.list>li {
	display: block;
	padding: 0 0 14px 28px;
	background: url('images/marker.svg') no-repeat 0 5px;
	background-size: 14px auto;
}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
}

acronym,
abbr,
span.caps {
	font-size: 0.9em;
	letter-spacing: .07em;
	cursor: help;
}

acronym,
abbr {
	border-bottom: 1px dashed #999;
}

blockquote {
	padding: 28px 22px 28px 68px;
	background: var(--nx_surface) url('images/blockquote.svg') no-repeat 22px center;
	background-size: 28px auto;
	border-left: 0 solid #ddd;
	border-radius: var(--nx_radius);
	border: 1px solid var(--nx_border2);
}

blockquote cite {
	margin: 5px 0 0;
	display: block;
}

/* END DESIGN TOKENS */


/* FORM */

.FieldRow {
	padding: 0 0 15px 0;
}

.FieldLabel {
	display: block;
	padding: 0 0 4px 0;
	font-size: 14px;
	font-weight: 600;
	color: var(--nx_muted);
}

.FieldInput {
	box-sizing: border-box;
	width: 100%;
	height: 44px;
	padding: 10px 18px;
	background: var(--nx_surface);
	border: 1px solid var(--nx_border2);
	border-radius: var(--nx_radius_sm);
	-webkit-appearance: none;
	color: var(--nx_text);
	font-size: 15px;
	line-height: 20px;
	transition: border-color 0.2s ease;
}

.FieldInput:focus {
	border-color: var(--nx_primary);
}

.FieldArea {
	box-sizing: border-box;
	width: 100%;
	height: 110px;
	padding: 12px 18px;
	background: var(--nx_surface);
	border: 1px solid var(--nx_border2);
	border-radius: var(--nx_radius_sm);
	-webkit-appearance: none;
	color: var(--nx_text);
	font-size: 15px;
	line-height: 20px;
	vertical-align: bottom;
	transition: border-color 0.2s ease;
}

.FieldArea:focus {
	border-color: var(--nx_primary);
}

.FieldSubmit {
	position: relative;
}

.BtnHot {
	display: inline-block;
	box-sizing: border-box;
	min-height: 44px;
	padding: 11px 24px;
	border: none;
	background: linear-gradient(135deg, var(--nx_primary), var(--nx_secondary));
	border-radius: var(--nx_radius);
	transition: all 0.25s ease;
	-webkit-appearance: none;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	line-height: 20px;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	box-shadow: 0 6px 20px rgba(230, 25, 75, 0.30);
}

.BtnHot:hover {
	background: linear-gradient(135deg, var(--nx_secondary), var(--nx_primary));
	color: #fff;
	text-decoration: none;
	transform: translateY(-2px);
	box-shadow: 0 10px 28px rgba(230, 25, 75, 0.40);
}

.BtnGhost {
	display: inline-block;
	box-sizing: border-box;
	min-height: 44px;
	padding: 11px 24px;
	border: 1px solid var(--nx_border2);
	background: transparent;
	border-radius: var(--nx_radius);
	transition: all 0.25s ease;
	-webkit-appearance: none;
	color: var(--nx_text);
	font-size: 15px;
	font-weight: 700;
	line-height: 20px;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
}

.BtnGhost:hover {
	background: var(--nx_surface2);
	color: var(--nx_text);
	text-decoration: none;
}

.BtnSoft {
	display: inline-block;
	box-sizing: border-box;
	padding: 9px 18px;
	width: 48%;
	font-size: 14px;
	font-weight: 700;
	line-height: 18px;
	text-align: center;
	color: var(--nx_text);
	border-radius: var(--nx_radius);
	background: var(--nx_surface);
	border: 1px solid var(--nx_border2);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	text-decoration: none;
	transition: all 0.25s ease;
}

.BtnSoft:hover {
	background: var(--nx_surface2);
	color: var(--nx_text);
	text-decoration: none;
	transform: translateY(-1px);
}

a.BtnHot {
	width: 48%;
}

a.BtnMuted {
	display: block;
	margin: 0 auto;
	max-width: 200px;
	box-sizing: border-box;
	padding: 8px 14px;
	font-size: 14px;
	font-weight: 700;
	line-height: 18px;
	text-align: center;
	color: #fff;
	border-radius: var(--nx_radius);
	background: linear-gradient(135deg, var(--nx_primary), var(--nx_secondary));
	box-shadow: 0 6px 16px rgba(230, 25, 75, 0.25);
	text-decoration: none;
	transition: all 0.25s ease;
}

a.BtnMuted:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 24px rgba(230, 25, 75, 0.35);
	color: #fff;
	text-decoration: none;
}

.FieldSubmit .ajax-loader {
	position: absolute;
	top: -5px;
	right: -5px;
}

/* END FORM */



/* HEADER */

.TopBanner {
	margin: 14px 0 30px 0;
	padding: 14px 18px;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02));
	border: 1px solid var(--nx_border);
	border-radius: calc(var(--nx_radius) + 4px);
	box-shadow: var(--nx_shadow);
	backdrop-filter: blur(12px);
}

.BannerInner {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}

.BrandMark {
	padding: 0 22px 0 0;
	width: 160px;
}

.BrandMark img {
	vertical-align: bottom;
	filter: drop-shadow(0 4px 12px rgba(230, 25, 75, 0.20));
}

.PrimaryLinks {}

.PrimaryLinks ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}

.PrimaryLinks li {
	display: block;
	padding: 0 16px;
}

.PrimaryLinks li a {
	display: block;
	padding: 6px 0;
	color: var(--nx_text);
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.25s ease;
}

.PrimaryLinks li a:hover,
.PrimaryLinks li.current-menu-item a {
	color: var(--nx_primary);
	text-shadow: 0 0 14px rgba(230, 25, 75, 0.5);
}


.NavToggle {
	position: relative;
	display: none;
	width: 24px;
	height: 16px;
	cursor: pointer;
	transition: all .3s ease-in-out;
	margin: 0 0 0 20px;
}

.NavToggle span {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 2px;
	background: var(--nx_text);
	border-radius: 3px;
	transition: all .2s ease-in-out;
}

.NavToggle span:nth-child(2) {
	top: 7px;
	width: 14px;
}

.NavToggle span:nth-child(3) {
	top: 14px;
	width: 18px;
}

.NavToggle.NavToggleOn span {
	top: 7px;
	width: 100%;
	background: var(--nx_primary);
}

.NavToggle.NavToggleOn span:nth-child(1) {
	transform: rotate(45deg);
}

.NavToggle.NavToggleOn span:nth-child(2) {
	opacity: 0;
}

.NavToggle.NavToggleOn span:nth-child(3) {
	transform: rotate(-45deg);
}

.QuickActions {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	margin: 0 0 0 auto;
}

a.ActionTrigger {
	margin: 0 0 0 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	border-radius: var(--nx_radius);
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	font-weight: 700;
	padding: 8px 18px;
	text-decoration: none;
	background: linear-gradient(135deg, var(--nx_primary), var(--nx_secondary));
	box-shadow: 0 6px 16px rgba(230, 25, 75, 0.25);
	transition: all 0.25s ease;
}

a.ActionTrigger:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 24px rgba(230, 25, 75, 0.35);
	color: #fff;
	text-decoration: none;
}


.LangPicker {
	margin: 0 0 0 20px;
}

.LangPicker>ul>li {
	position: relative;
}

.LangPicker>ul>li>a {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 28px;
	padding: 0 8px;
	border-radius: var(--nx_radius_sm);
	background-color: var(--nx_surface);
	border: 1px solid var(--nx_border);
	color: var(--nx_text);
	text-decoration: none;
	transition: all 0.25s ease;
}

.LangPicker>ul>li>a:hover {
	border-color: var(--nx_primary);
	text-shadow: none;
	color: var(--nx_primary);
}

.LangPicker>ul>li>a>img {
	width: 24px;
	vertical-align: middle;
	margin: 0 8px 0 0;
}

.LangPicker>ul>li>ul {
	display: none;
	position: absolute;
	z-index: 3;
	top: 100%;
	right: 0;
	background-color: var(--nx_bg2);
	border: 1px solid var(--nx_border2);
	border-radius: var(--nx_radius_sm);
	padding: 6px;
	box-sizing: border-box;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}

.LangPicker>ul>li:hover>ul {
	display: block;
}

.LangPicker>ul>li>ul>li {
	display: block;
	margin: 0 0 6px 0;
}

.LangPicker>ul>li>ul>li:last-child {
	margin: 0 0 0 0;
}

.LangPicker>ul>li>ul>li>a {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color: var(--nx_text);
	text-decoration: none;
	transition: all 0.25s ease;
}

.LangPicker>ul>li>ul>li>a:hover {
	color: var(--nx_primary);
	text-shadow: none;
}

.LangPicker>ul>li>ul>li>a>img {
	width: 20px;
	vertical-align: middle;
	margin: 0 6px 0 0;
}

/* END HEADER */


/* HOME */

.TileBoard {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
	grid-auto-flow: row dense;
	gap: 18px;
	margin: 0 0 30px 0;
}

a.TileLink {
	break-inside: avoid;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	box-sizing: border-box;
	padding: 16px 22px;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02));
	border: 1px solid var(--nx_border);
	border-radius: var(--nx_radius);
	color: var(--nx_text);
	text-decoration: none;
	transition: all 0.25s ease;
}

a.TileLink:hover {
	background: linear-gradient(135deg, rgba(230, 25, 75, 0.12), rgba(255, 111, 145, 0.06));
	border-color: rgba(230, 25, 75, 0.25);
	transform: translateY(-2px);
	text-decoration: none;
	color: var(--nx_text);
}

.TileName span {
	font-family: var(--nx_fontHead);
	font-size: 22px;
	font-weight: 700;
	line-height: 26px;
}

.TilePic {
	text-align: right;
	flex: 0 0 55px;
	margin: 0 0 0 10px;
}

.TilePic img {
	transition: all 0.25s ease;
	vertical-align: middle;
}

a.TileLink:hover .TilePic img {
	transform: rotate(-8deg) scale(1.05);
}



.CatalogBoard {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
	grid-auto-flow: row dense;
	gap: 18px;
	margin: 0 0 30px 0;
}

.CatalogTile {
	break-inside: avoid;
	padding: 0 18px 12px 18px;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02));
	border: 1px solid var(--nx_border);
	border-radius: var(--nx_radius);
	box-sizing: border-box;
}

.CatalogTile:before {
	content: "";
	display: block;
	height: 3px;
	width: 100%;
	background: linear-gradient(90deg, var(--nx_primary), var(--nx_secondary));
	border-radius: 0 0 4px 4px;
	margin: 0 0 12px 0;
}

.TileHeader {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 3px solid var(--nx_primary);
	border-radius: 0 0 4px 4px;
}

.TileBadge {
	flex: 0 0 42px;
	margin: 0 12px 0 0;
}

.TileBadge img {
	vertical-align: bottom;
	border-radius: 50%;
}

.TileInfo {
	font-size: 14px;
	color: var(--nx_muted);
}

.TileInfo span {
	display: block;
	font-size: 18px;
	font-weight: 700;
	margin: 0 0 4px 0;
	color: var(--nx_text);
}

.TileInfo span a {
	color: var(--nx_text);
	text-decoration: none;
}

.TileInfo span a:hover {
	color: var(--nx_primary);
	text-shadow: 0 0 12px rgba(230, 25, 75, 0.4);
}

.EntryRow {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 8px 8px;
	margin: 0 0 3px 0;
	background-color: rgba(0, 0, 0, 0.25);
	border-radius: var(--nx_radius_sm);
	transition: all 0.25s ease;
}

.EntryRow:hover {
	background-color: rgba(230, 25, 75, 0.12);
}

.EntryIcon {
	flex: 0 0 22px;
}

.EntryLabel {
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
}

a.EntryArrow {
	flex: 0 0 22px;
	display: block;
	width: 22px;
	height: 22px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 6l6 6-6 6' stroke='%23F0F0F0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 20px auto;
	background-position: center;
	opacity: 0.5;
	transition: all 0.25s ease;
}

a.EntryArrow:hover {
	opacity: 1;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 6l6 6-6 6' stroke='%23E6194B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.EntryLabel a {
	color: var(--nx_text);
	text-decoration: none;
	font-weight: 600;
}

.EntryLabel a:hover {
	color: var(--nx_primary);
}

.TileAction {
	padding: 10px 0 0 0;
}


.ContentPane {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02));
	border: 1px solid var(--nx_border);
	border-radius: var(--nx_radius);
	padding: 22px;
	margin: 0 0 30px 0;
}

.PaneThin {
	padding: 16px 18px;
}

.BtnVisit {
	display: block;
	margin: 0 auto;
	max-width: 280px;
	box-sizing: border-box;
	padding: 14px 14px;
	font-size: 18px;
	font-weight: 700;
	line-height: 22px;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	border-radius: var(--nx_radius);
	background: linear-gradient(135deg, var(--nx_primary), var(--nx_secondary));
	box-shadow: 0 8px 20px rgba(230, 25, 75, 0.30);
	text-decoration: none;
	transition: all 0.25s ease;
}

a.BtnVisit:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 28px rgba(230, 25, 75, 0.40);
	color: #fff;
	text-decoration: none;
}



.AccordionWrap {
	margin: 0 0 30px 0;
}

.AccordionHead {
	margin: 0 0 20px 0;
	font-family: var(--nx_fontHead);
	font-size: 22px;
	font-weight: 700;
	line-height: 26px;
	letter-spacing: 0.1em;
}

.AccordionItem {
	padding: 0 20px 0 20px;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02));
	border: 1px solid var(--nx_border);
	border-radius: var(--nx_radius);
	margin: 0 0 12px 0;
	transition: all 0.25s ease;
}

.AccordionItem.active,
.AccordionItem:hover {
	background: linear-gradient(135deg, rgba(230, 25, 75, 0.08), rgba(255, 111, 145, 0.04));
	border-color: rgba(230, 25, 75, 0.20);
}

.AccordionTrigger {
	font-size: 17px;
	font-weight: 700;
	position: relative;
	padding: 12px 34px 12px 0;
	cursor: pointer;
	color: var(--nx_text);
}

.AccordionTrigger:before {
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	top: 21px;
	right: 0;
	width: 14px;
	height: 2px;
	background: var(--nx_primary);
	border-radius: 2px;
	transition: all 0.3s ease;
}

.AccordionTrigger:after {
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	top: 21px;
	right: 0;
	width: 14px;
	height: 2px;
	background: var(--nx_primary);
	border-radius: 2px;
	transform: rotate(90deg);
	transition: all 0.3s ease;
}

.AccordionTrigger.active:before {
	transform: rotate(60deg);
	width: 8px;
	top: 23px;
	right: 8px;
}

.AccordionTrigger.active:after {
	transform: rotate(120deg);
}

.AccordionBody {
	display: none;
	padding: 0 0 14px 0;
	color: var(--nx_muted);
}



/* END HOME */

#content {
	margin: 0 0 30px 0;
	min-height: 600px;
}

.cat_des {
	margin: 0 0 20px 0;
}

.TrailPath {
	padding: 0 0 24px 0;
	font-size: 14px;
	font-weight: 500;
	color: var(--nx_muted);
}

.TrailPath>span {
	margin: 0 5px 0 5px;
}

.TrailPath>span:first-child {
	margin: 0 5px 0 0;
}

.TrailPath a {
	color: var(--nx_muted);
}

.TrailPath a:hover {
	color: var(--nx_primary);
	text-decoration: none;
}

.PageNav>div {
	padding: 15px 0 0 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
}

.PageNav a,
.PageNav span {
	padding: 8px 14px;
	margin: 0 4px;
	border-radius: var(--nx_radius_sm);
	color: var(--nx_text);
	text-decoration: none;
	transition: all 0.2s ease;
}

.PageNav a:hover,
.PageNav span.current {
	color: #fff;
	background: var(--nx_primary);
}


.CardGrid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
	grid-auto-flow: row dense;
	gap: 18px;
	margin: 0 0 30px 0;
}

.CardUnit {
	box-sizing: border-box;
	padding: 12px;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02));
	border: 1px solid var(--nx_border);
	border-radius: var(--nx_radius);
	position: relative;
	transition: all 0.25s ease;
}

.CardUnit:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.30);
	border-color: rgba(230, 25, 75, 0.20);
}

.CardUpper {
	width: 100%;
	margin: 0 0 10px 0;
}

.CardLower {
	width: 100%;
	align-self: flex-end;
}

.CardThumb {
	margin: 0 0 10px 0;
	overflow: hidden;
	border-radius: var(--nx_radius_sm);
}

.CardThumb img {
	vertical-align: bottom;
	border-radius: var(--nx_radius_sm);
	transition: transform 0.3s ease;
}

.CardUnit:hover .CardThumb img {
	transform: scale(1.04);
}

.CardName {
	display: block;
	font-size: 17px;
	font-weight: 700;
	margin: 0 0 6px 0;
}

.CardName a {
	color: var(--nx_text);
	text-decoration: none;
}

.CardName a:hover {
	color: var(--nx_primary);
	text-shadow: 0 0 12px rgba(230, 25, 75, 0.4);
}

.CardSnippet {
	font-size: 14px;
	color: var(--nx_muted);
	line-height: 20px;
}

.CardButtons {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
}


.RelatedBlock {
	margin: 0 0 30px 0;
}


.ShowcaseHero {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	column-gap: 22px;
	margin: 0 0 30px 0;
}

.HeroMedia {
	box-sizing: border-box;
	flex: 0 0 480px;
	transition: all 0.25s ease;
	overflow: hidden;
	padding: 10px;
	text-align: center;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02));
	border: 1px solid var(--nx_border);
	border-radius: var(--nx_radius);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
}

.HeroMedia:hover {
	box-shadow: 0 12px 32px rgba(230, 25, 75, 0.15);
}

.HeroMedia img {
	vertical-align: bottom;
	transition: all 0.25s ease;
	border-radius: var(--nx_radius_sm);
}

.HeroMedia:hover img {
	transform: scale(1.03);
}


.HeroDetails {
	width: 100%;
}

.HeroMeta {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	column-gap: 20px;
	margin: 0 0 20px 0;
}

.HeroDetails a.BtnVisit {
	margin: 0;
}

.MetaUrl a {
	font-weight: 700;
	padding: 0 0 0 26px;
}

/* FOOTER */

.BottomBar {
	margin: 0 0 14px 0;
	padding: 22px 18px;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02));
	border: 1px solid var(--nx_border);
	border-radius: calc(var(--nx_radius) + 4px);
	box-shadow: var(--nx_shadow);
	backdrop-filter: blur(12px);
}

.BarInner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.BarBrand {
	padding: 0 20px 0 0;
	width: 140px;
}

.BarBrand img {
	vertical-align: bottom;
	filter: drop-shadow(0 4px 12px rgba(230, 25, 75, 0.20));
}

.BarLinks {}

.BarLinks ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}

.BarLinks li {
	display: block;
	padding: 0 14px;
}

.BarLinks li a {
	display: block;
	padding: 5px 0;
	color: var(--nx_text);
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
	transition: all 0.25s ease;
}

.BarLinks li a:hover,
.BarLinks li.current-menu-item a {
	color: var(--nx_primary);
	text-shadow: 0 0 12px rgba(230, 25, 75, 0.4);
}

.CopyText {
	text-align: center;
	font-size: 12px;
	text-transform: uppercase;
	padding: 12px 0 0 0;
	color: var(--nx_muted);
	letter-spacing: 0.04em;
}

#ScrollUp {
	display: block;
	width: 44px;
	height: 44px;
	position: fixed;
	z-index: 77;
	bottom: 100px;
	right: 0;
	opacity: 0.8;
	transform: translateX(50px);
	transition: all 0.3s 0.1s ease;
	border-radius: var(--nx_radius);
	background-color: var(--nx_primary);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18 15l-6-6-6 6' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 18px auto;
	cursor: pointer;
	box-shadow: 0 8px 20px rgba(230, 25, 75, 0.35);
}

#ScrollUp.show {
	transform: translateX(-14px);
}

#ScrollUp.show:hover {
	transform: translateX(-14px) scale(0.92);
	opacity: 1;
	background-color: var(--nx_secondary);
}

/* END FOOTER */


/* MODAL */

.OverlayBox {
	display: none;
	box-sizing: border-box;
	width: 420px;
	max-width: 90%;
	padding: 30px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 9999;
	background: linear-gradient(135deg, #1A1A2E, #0D0D0D);
	border: 1px solid var(--nx_border2);
	border-radius: var(--nx_radius);
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.60);
	text-align: left;
}

.OverlayShut {
	display: block;
	width: 22px;
	height: 22px;
	position: absolute;
	right: 15px;
	top: 15px;
	transition: all 0.25s ease;
	cursor: pointer;
	opacity: 0.5;
}

.OverlayShut:before,
.OverlayShut:after {
	content: " ";
	display: block;
	width: 138%;
	height: 2px;
	background: var(--nx_text);
	border-radius: 1px;
	position: absolute;
	top: 49%;
	left: -19%;
	transform: rotate(90deg);
	transition: all 0.25s ease;
}

.OverlayShut:before {
	transform: rotate(45deg);
}

.OverlayShut:after {
	transform: rotate(-45deg);
}

.OverlayShut:hover {
	opacity: 1;
	transform: rotate(360deg);
}

.OverlayDim {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9000;
	background: #000;
	opacity: 0.85;
}

.OverlayBox p {
	margin: 0;
}


#ageOverlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.80);
	backdrop-filter: blur(10px);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 99999;
}

#ageModal {
	box-sizing: border-box;
	background: linear-gradient(135deg, #1A1A2E, #0D0D0D);
	border: 1px solid var(--nx_border2);
	width: 420px;
	max-width: 90%;
	padding: 32px;
	border-radius: var(--nx_radius);
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.60);
	text-align: center;
}

.AgePromptBtns {
	display: flex;
	justify-content: center;
	gap: 12px;
}

/* END MODAL */



/* COMMENTS */

.ThreadList li {
	padding: 16px;
	margin: 0 0 14px 0;
	border: 1px solid var(--nx_border);
	background: var(--nx_surface);
	border-radius: var(--nx_radius_sm);
}

.ThreadList li li {
	margin: 14px 0 0 0;
}

.ThreadList li.thread-even {
	background: var(--nx_surface2);
}

.ThreadList .even {
	background: var(--nx_surface2);
}

.ThreadList .alt {
	background: var(--nx_surface);
}

.NoteAvatar {
	float: left;
	padding: 0 12px 0 0;
}

.NoteMeta {
	padding: 0 0 8px 0;
}

.NoteAuthor {
	font-weight: 700;
	color: var(--nx_primary);
}

.NoteDate {
	font-style: italic;
	color: var(--nx_muted);
	margin-left: 10px;
	font-size: 13px;
}

.NoteReply {
	text-align: right;
}

#respond {
	padding: 18px;
	border: 1px solid var(--nx_border);
	background: var(--nx_surface);
	border-radius: var(--nx_radius);
	margin: 0 0 15px 0;
}

.ThreadList #respond {
	margin: 0 15px 15px 15px;
}

#cancel-comment-reply-link {
	display: inline-block;
	margin: 0 0 15px 0;
}

/* END COMMENTS */


/* WP OTHER */

.wp-caption {
	box-sizing: border-box;
	max-width: 100%;
	border: 1px solid var(--nx_border);
	text-align: center;
	background-color: var(--nx_surface);
	padding: 4px;
	margin: 10px;
	border-radius: var(--nx_radius_sm);
}

.wp-caption img {
	max-width: 100%;
	height: auto;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

.wpcf7-not-valid {
	border-color: var(--nx_primary) !important;
	color: var(--nx_primary);
}

#wp-calendar #prev a,
#wp-calendar #next a {
	font-size: 9pt;
}

#wp-calendar a {
	text-decoration: none;
}

#wp-calendar caption {
	font: bold 1.3em var(--nx_font);
	text-align: center;
}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}

#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a {
	display: block;
}

#wp-calendar caption {
	text-align: center;
	width: 100%;
}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
}

#wp-calendar td.pad:hover {
	background-color: transparent;
}

/* END WP OTHER */


/* RESPONSIVE: TABLET */

@media screen and (max-width: 1020px) {
	.CardGrid {
		grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
	}

	.TileBoard {
		grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
	}
}

@media screen and (max-width: 759px) {

	.CardGrid,
	.CatalogBoard,
	.TileBoard {
		grid-template-columns: 1fr;
	}
}