/* ==========================================================================
   Patient Care Home BD - Custom Header Styles
   ========================================================================== */

:root {
	/* Primary Color & Palette mapped to WordPress Presets */
	--pch-primary: var(--wp--preset--color--primary, #2596be);
	--pch-primary-hover: var(--wp--preset--color--primary-hover, #1a7a9c);
	--pch-primary-dark: var(--wp--preset--color--primary-dark, #125872);
	--pch-primary-light: var(--wp--preset--color--primary-light, #e9f5f9);
	--pch-primary-surface: var(--wp--preset--color--primary-surface, #f0f8fb);
	--pch-primary-border: var(--wp--preset--color--primary-border, #bce1ee);
	--pch-primary-glow: rgba(37, 150, 190, 0.25);

	/* Aliases for backwards-compatibility */
	--pch-sky-blue: var(--pch-primary);
	--pch-sky-hover: var(--pch-primary-hover);
	--pch-teal-brand: var(--pch-primary);
	--pch-badge-bg: var(--pch-primary-light);
	--pch-nav-hover: var(--pch-primary);

	/* Navy / Dark / Base */
	--pch-base: var(--wp--preset--color--base, #ffffff);
	--pch-base-alt: var(--wp--preset--color--base-alt, #f8fafc);
	--pch-navy-dark: var(--wp--preset--color--contrast, #0b1527);
	--pch-navy-card: var(--wp--preset--color--contrast-card, #152642);
	--pch-navy-text: var(--wp--preset--color--text-light, #94a3b8);
	--pch-navy-white: #f8fafc;
	--pch-dark-brand: var(--wp--preset--color--text-main, #0f172a);

	/* Accent / Emergency */
	--pch-emergency-red: var(--wp--preset--color--accent, #e11d48);
	--pch-emergency-hover: var(--wp--preset--color--accent-hover, #be123c);
	--pch-emergency-border: var(--wp--preset--color--accent, #f43f5e);
	--pch-emergency-bg-hover: var(--wp--preset--color--accent-light, #fff1f2);

	/* Neutrals & Typography */
	--pch-text-main: var(--wp--preset--color--text-main, #0f172a);
	--pch-text-muted: var(--wp--preset--color--text-muted, #64748b);
	--pch-nav-color: var(--wp--preset--color--text-muted, #475569);
	--pch-border-light: var(--wp--preset--color--primary-border, #e2e8f0);
	--pch-font: inherit;
}

/* Reset / Block Overrides */
.pch-site-header,
.pch-site-header *,
.pch-site-header *::before,
.pch-site-header *::after {
	box-sizing: border-box;
}

.pch-site-header {
	width: 100%;
	font-family: var(--pch-font);
	margin: 0 !important;
	padding: 0 !important;
	position: sticky;
	top: 0;
	z-index: 999;
	background: #ffffff;
}

.pch-container {
	width: 100%;
	max-width: 1340px;
	margin-left: auto;
	margin-right: auto;
	padding-left: clamp(16px, 3.5vw, 24px);
	padding-right: clamp(16px, 3.5vw, 24px);
}

/* --------------------------------------------------------------------------
   1. Top Notification / Hotline Bar
   -------------------------------------------------------------------------- */
.pch-topbar {
	background-color: var(--pch-navy-dark);
	color: var(--pch-navy-text);
	font-size: 13.5px;
	padding: 8px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.pch-topbar-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
}

.pch-topbar-left,
.pch-topbar-right {
	display: flex;
	align-items: center;
}

.pch-topbar-link {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: var(--pch-navy-text);
	text-decoration: none;
	transition: color 0.2s ease;
}

.pch-topbar-link:hover {
	color: #ffffff;
}

.pch-topbar-link:hover .pch-icon {
	color: #5ec8ec;
}

.pch-hotline-label {
	color: #94a3b8;
}

.pch-hotline-number {
	color: var(--pch-navy-white);
	font-weight: 700;
	letter-spacing: 0.2px;
}

.pch-topbar-location {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #94a3b8;
}

.pch-icon {
	flex-shrink: 0;
	color: var(--pch-primary);
	transition: color 0.2s ease;
}

/* --------------------------------------------------------------------------
   2. Main Navigation Bar
   -------------------------------------------------------------------------- */
.pch-navbar {
	background-color: #ffffff;
	border-bottom: 1px solid var(--pch-border-light);
	box-shadow: 0 2px 10px rgba(15, 23, 42, 0.03);
	position: relative;
}

.pch-navbar-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 14px;
	padding-bottom: 14px;
	gap: 20px;
}

/* Brand Identity */
.pch-brand {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	text-decoration: none;
	flex-shrink: 0;
}

.pch-custom-logo-brand {
	display: inline-flex;
	align-items: center;
}

.pch-custom-logo {
	max-height: 48px;
	max-width: 240px;
	width: auto;
	height: auto;
	object-fit: contain;
	display: block;
	transition: opacity 0.2s ease;
}

.pch-custom-logo:hover {
	opacity: 0.92;
}

.pch-brand .pch-custom-logo-brand a img:focus-visible,
.pch-brand .pch-custom-logo-brand a img:focus {
	outline: none !important;
	border: none !important;
	box-shadow: none !important;
	-webkit-tap-highlight-color: transparent !important;
}

.pch-logo-badge {
	width: 44px;
	height: 44px;
	background-color: var(--pch-badge-bg);
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.25s ease, background-color 0.25s ease;
}

.pch-brand:hover .pch-logo-badge {
	transform: scale(1.04);
	background-color: #d8edf5;
}

.pch-heart-icon {
	display: block;
}

.pch-brand-text {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 22px;
	font-weight: 700;
	letter-spacing: -0.3px;
	line-height: 1;
}

.pch-brand-title {
	color: var(--pch-dark-brand);
}

.pch-brand-highlight {
	color: var(--pch-teal-brand);
}

/* Desktop Navigation Menu */
.pch-nav {
	display: flex;
	align-items: center;
}

.pch-nav-menu {
	display: flex;
	align-items: center;
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 28px;
}

.pch-nav-item {
	margin: 0;
	padding: 0;
	position: relative;
}

.pch-nav-link {
	color: var(--pch-nav-color);
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
	padding: 8px 2px;
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	transition: color 0.2s ease;
	outline: none !important;
	border: none !important;
	box-shadow: none !important;
	-webkit-tap-highlight-color: transparent !important;
}

/* Remove bottom indicator line completely so no border shows on click/hover/active */
.pch-nav-link::after {
	display: none !important;
}

.pch-nav-link:hover,
.pch-nav-item:hover>.pch-nav-link,
.pch-nav-link.is-active {
	color: var(--pch-sky-blue);
	outline: none !important;
	border: none !important;
	box-shadow: none !important;
}

/* Prevent any browser/theme focus outline or border when clicking menu items */
.pch-header a,
.pch-header button,
.pch-nav-link,
.pch-nav-item,
.pch-megamenu-item,
.pch-dropdown-menu a,
.pch-mobile-nav-link,
.pch-mobile-sublink,
.pch-mobile-toggle,
.pch-mobile-submenu-toggle {
	outline: none !important;
	-webkit-tap-highlight-color: transparent !important;
}

.pch-header a:focus,
.pch-header a:active,
.pch-header a:focus-visible,
.pch-header button:focus,
.pch-header button:active,
.pch-header button:focus-visible,
.pch-nav-link:focus,
.pch-nav-link:active,
.pch-nav-link:focus-visible,
.pch-nav-item:focus,
.pch-nav-item:active,
.pch-nav-item:focus-visible,
.pch-megamenu-item:focus,
.pch-megamenu-item:active,
.pch-megamenu-item:focus-visible,
.pch-dropdown-menu a:focus,
.pch-dropdown-menu a:active,
.pch-dropdown-menu a:focus-visible,
.pch-mobile-nav-link:focus,
.pch-mobile-nav-link:active,
.pch-mobile-nav-link:focus-visible,
.pch-mobile-sublink:focus,
.pch-mobile-sublink:active,
.pch-mobile-sublink:focus-visible,
.pch-mobile-toggle:focus,
.pch-mobile-toggle:active,
.pch-mobile-toggle:focus-visible,
.pch-mobile-submenu-toggle:focus,
.pch-mobile-submenu-toggle:active,
.pch-mobile-submenu-toggle:focus-visible {
	outline: none !important;
	outline-width: 0 !important;
	outline-style: none !important;
	box-shadow: none !important;
	border-color: transparent !important;
}

.pch-nav-arrow {
	display: inline-block;
	transition: transform 0.25s ease;
	vertical-align: middle;
	margin-left: 2px;
	color: #94a3b8;
}

.pch-nav-link:hover .pch-nav-arrow,
.pch-nav-item:hover>.pch-nav-link .pch-nav-arrow,
.pch-has-megamenu:hover>.pch-nav-link .pch-nav-arrow {
	transform: rotate(180deg);
	color: var(--pch-sky-blue);
}

/* --------------------------------------------------------------------------
   Mega Menu Container & Layout
   -------------------------------------------------------------------------- */
.pch-has-megamenu {
	position: static !important;
}

.pch-nav {
	height: 100%;
	display: flex;
	align-items: center;
}

.pch-nav-menu {
	height: 100%;
	display: flex;
	align-items: center;
}

.pch-nav-item {
	display: inline-flex;
	align-items: center;
	height: 100%;
	position: relative;
}

.pch-nav-link {
	padding: 14px 4px;
}

.pch-megamenu-panel {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%) translateY(4px);
	width: 1240px;
	max-width: calc(100vw - 48px);
	background: #ffffff;
	border-radius: 16px;
	padding: 28px 30px;
	box-shadow: 0 25px 50px -12px rgba(15, 23, 42, 0.18), 0 0 0 1px rgba(226, 232, 240, 0.9);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.2s cubic-bezier(0.16, 1, 0.3, 1), transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.2s;
	z-index: 1000;
}

/* Invisible Hover Bridge: ensures continuous cursor transit between link & panel */
.pch-megamenu-panel::before {
	content: '';
	position: absolute;
	top: -24px;
	left: 0;
	right: 0;
	height: 28px;
	background: transparent;
	display: block;
	pointer-events: auto;
}

/* Open State (CSS Hover, Focus, and JS Intent Class) */
.pch-has-megamenu:hover .pch-megamenu-panel,
.pch-has-megamenu:focus-within .pch-megamenu-panel,
.pch-has-megamenu.is-megamenu-open .pch-megamenu-panel,
.pch-megamenu-panel:hover {
	opacity: 1;
	visibility: visible;
	transform: translateX(-50%) translateY(0);
	pointer-events: auto;
}

.pch-has-megamenu:hover>.pch-nav-link .pch-nav-arrow,
.pch-has-megamenu.is-megamenu-open>.pch-nav-link .pch-nav-arrow {
	transform: rotate(180deg);
	color: var(--pch-sky-blue);
}

.pch-megamenu-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr) 280px;
	gap: 24px;
	align-items: stretch;
}

.pch-megamenu-col {
	display: flex;
	flex-direction: column;
}

/* Category Header */
.pch-megamenu-cat-header {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 14px;
	padding-bottom: 12px;
	border-bottom: 1px solid #f1f5f9;
}

.pch-cat-icon {
	width: 36px;
	height: 36px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.pch-cat-blue .pch-cat-icon {
	background-color: var(--pch-primary-light);
	color: var(--pch-primary);
}

.pch-cat-teal .pch-cat-icon {
	background-color: var(--pch-primary-surface);
	color: var(--pch-primary-hover);
}

.pch-cat-indigo .pch-cat-icon {
	background-color: #ede9fe;
	color: #6366f1;
}

.pch-cat-title {
	margin: 0;
	font-size: 15px;
	font-weight: 700;
	color: var(--pch-dark-brand);
	line-height: 1.2;
}

.pch-cat-subtitle {
	font-size: 11.5px;
	color: #94a3b8;
	font-weight: 500;
}

/* Mega Menu Item Lists */
.pch-megamenu-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.pch-megamenu-item {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 9px 10px;
	border-radius: 9px;
	text-decoration: none;
	transition: background-color 0.18s ease, transform 0.18s ease;
}

.pch-megamenu-item:hover {
	background-color: #f8fafc;
	transform: translateX(4px);
}

.pch-item-dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #cbd5e1;
	margin-top: 6px;
	flex-shrink: 0;
	transition: background-color 0.2s ease, transform 0.2s ease;
}

.pch-megamenu-item:hover .pch-item-dot {
	background-color: var(--pch-sky-blue);
	transform: scale(1.4);
}

.pch-item-content {
	display: flex;
	flex-direction: column;
}

.pch-item-name {
	font-size: 13.5px;
	font-weight: 600;
	color: #1e293b;
	line-height: 1.3;
	transition: color 0.18s ease;
}

.pch-megamenu-item:hover .pch-item-name {
	color: var(--pch-sky-blue);
}

.pch-item-desc {
	font-size: 11.5px;
	color: #64748b;
	margin-top: 2px;
	line-height: 1.35;
}

/* Mega Menu 24/7 Response Card */
.pch-megamenu-card {
	background: linear-gradient(145deg, #0b1527 0%, #152642 100%);
	border-radius: 12px;
	padding: 22px 20px;
	color: #ffffff;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border: 1px solid rgba(255, 255, 255, 0.08);
	box-shadow: 0 10px 25px rgba(11, 21, 39, 0.2);
}

.pch-card-badge {
	display: inline-flex;
	align-items: center;
	background: rgba(37, 150, 190, 0.22);
	border: 1px solid rgba(37, 150, 190, 0.45);
	color: #5ec8ec;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	padding: 4px 8px;
	border-radius: 6px;
	margin-bottom: 12px;
	width: fit-content;
}

.pch-card-title {
	margin: 0 0 8px 0;
	font-size: 16px;
	font-weight: 700;
	color: #ffffff;
	line-height: 1.3;
}

.pch-card-text {
	font-size: 12px;
	color: #94a3b8;
	line-height: 1.45;
	margin: 0 0 16px 0;
}

.pch-card-actions {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-top: auto;
}

.pch-card-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	padding: 9px 12px;
	font-size: 13px;
	font-weight: 600;
	border-radius: 8px;
	text-decoration: none;
	transition: all 0.2s ease;
}

.pch-card-btn-hotline {
	background-color: var(--pch-emergency-red);
	color: #ffffff;
}

.pch-card-btn-hotline:hover {
	background-color: var(--pch-emergency-hover);
	color: #ffffff;
	transform: translateY(-1px);
}

.pch-card-btn-wa {
	background-color: var(--pch-sky-blue);
	color: #ffffff;
}

.pch-card-btn-wa:hover {
	background-color: var(--pch-sky-hover);
	color: #ffffff;
	transform: translateY(-1px);
}

/* Dropdown Submenu */
.pch-dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 200px;
	background: #ffffff;
	border: 1px solid var(--pch-border-light);
	border-radius: 10px;
	box-shadow: 0 10px 25px rgba(15, 23, 42, 0.08);
	padding: 8px 0;
	margin: 8px 0 0 0;
	list-style: none;
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	transition: all 0.2s ease;
	z-index: 1000;
}

.pch-has-dropdown:hover>.pch-dropdown-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.pch-dropdown-menu li {
	margin: 0;
	padding: 0;
}

.pch-dropdown-menu a {
	display: block;
	padding: 8px 18px;
	font-size: 14px;
	font-weight: 500;
	color: var(--pch-nav-color);
	text-decoration: none;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.pch-dropdown-menu a:hover {
	background-color: #f8fafc;
	color: var(--pch-sky-blue);
}

/* Action Buttons */
.pch-actions {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	flex-shrink: 0;
}

.pch-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	font-size: 15px;
	font-weight: 600;
	padding: 10px 20px;
	border-radius: 9px;
	text-decoration: none;
	line-height: 1.2;
	cursor: pointer;
	transition: all 0.2s ease;
	border: 1.5px solid transparent;
	box-sizing: border-box;
	white-space: nowrap;
}

.pch-btn-icon {
	display: block;
	flex-shrink: 0;
}

/* Call Emergency Button */
.pch-btn-emergency {
	color: var(--pch-emergency-red);
	border-color: var(--pch-emergency-border);
	background-color: #ffffff;
}

.pch-btn-emergency:hover {
	background-color: var(--pch-emergency-bg-hover);
	border-color: var(--pch-emergency-red);
	color: var(--pch-emergency-hover);
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(225, 29, 72, 0.12);
}

/* WhatsApp Button */
.pch-btn-whatsapp {
	background-color: var(--pch-sky-blue);
	color: #ffffff;
	border-color: var(--pch-sky-blue);
}

.pch-btn-whatsapp:hover {
	background-color: var(--pch-sky-hover);
	border-color: var(--pch-sky-hover);
	color: #ffffff;
	transform: translateY(-1px);
	box-shadow: 0 4px 14px rgba(37, 150, 190, 0.35);
}

/* Mobile Hamburger Toggle */
.pch-mobile-toggle {
	display: none;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 5px;
	width: 40px;
	height: 40px;
	background: transparent;
	border: 1px solid var(--pch-border-light);
	border-radius: 8px;
	cursor: pointer;
	padding: 0;
	transition: background-color 0.2s ease;
	flex-shrink: 0;
	box-sizing: border-box;
}

.pch-mobile-toggle:hover {
	background-color: #f1f5f9;
}

.pch-hamburger-line {
	width: 20px;
	height: 2px;
	background-color: #334155;
	border-radius: 2px;
	transition: transform 0.25s ease, opacity 0.25s ease;
}

/* Mobile Menu State */
.pch-mobile-toggle.is-active .pch-hamburger-line:nth-child(1) {
	transform: translateY(7px) rotate(45deg);
}

.pch-mobile-toggle.is-active .pch-hamburger-line:nth-child(2) {
	opacity: 0;
}

.pch-mobile-toggle.is-active .pch-hamburger-line:nth-child(3) {
	transform: translateY(-7px) rotate(-45deg);
}

/* Mobile Dropdown Drawer */
.pch-mobile-menu {
	display: none;
	background-color: #ffffff;
	border-top: 1px solid var(--pch-border-light);
	padding: 16px clamp(16px, 4vw, 24px) 24px;
	box-shadow: 0 14px 30px rgba(0, 0, 0, 0.08);
	box-sizing: border-box;
	width: 100%;
	max-height: calc(100vh - 100px);
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.pch-mobile-menu.is-open {
	display: block;
	animation: pchSlideDown 0.25s ease forwards;
}

@keyframes pchSlideDown {
	from {
		opacity: 0;
		transform: translateY(-8px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.pch-mobile-nav-list {
	list-style: none;
	margin: 0 0 16px 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	width: 100%;
}

.pch-mobile-nav-link {
	display: block;
	padding: 12px 0;
	color: #1e293b;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	border-bottom: 1px solid #f1f5f9;
	transition: color 0.15s ease;
}

.pch-mobile-nav-link:hover {
	color: var(--pch-primary);
}

.pch-mobile-item-has-children {
	border-bottom: 1px solid #f1f5f9;
}

.pch-mobile-item-has-children .pch-mobile-nav-link {
	border-bottom: none;
}

.pch-mobile-link-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	box-sizing: border-box;
}

.pch-mobile-submenu-toggle {
	width: 38px;
	height: 38px;
	background: transparent;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: #64748b;
	transition: all 0.2s ease;
	flex-shrink: 0;
	box-sizing: border-box;
}

.pch-mobile-submenu-toggle:hover {
	background-color: #f1f5f9;
	color: var(--pch-sky-blue);
}

.pch-mobile-submenu-toggle svg {
	transition: transform 0.25s ease;
}

.pch-mobile-submenu-toggle.is-active svg {
	transform: rotate(180deg);
}

.pch-mobile-submenu {
	display: none;
	list-style: none;
	margin: 4px 0 12px 0;
	padding: 8px 12px;
	background-color: #f8fafc;
	border-radius: 10px;
	border: 1px solid #eef2f6;
	box-sizing: border-box;
	width: 100%;
}

.pch-mobile-submenu.is-open {
	display: block;
	animation: pchSlideDown 0.2s ease forwards;
}

.pch-mobile-sublink {
	display: block;
	padding: 8px 6px;
	color: #475569;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	border-radius: 6px;
	transition: color 0.15s ease, background-color 0.15s ease;
}

.pch-mobile-sublink:hover {
	color: var(--pch-sky-blue);
	background-color: #ffffff;
}

.pch-mobile-actions-wrapper {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 100%;
	box-sizing: border-box;
	margin-top: 14px;
}

.pch-btn-full {
	width: 100% !important;
	text-align: center;
	box-sizing: border-box !important;
	padding: 12px 18px !important;
	min-height: 46px;
	font-size: 14.5px !important;
}

/* --------------------------------------------------------------------------
   3. Responsive Breakpoints
   -------------------------------------------------------------------------- */
@media (max-width: 1100px) {
	.pch-nav-menu {
		gap: 18px;
	}

	.pch-btn {
		padding: 9px 14px;
		font-size: 14px;
	}

	.pch-brand-text {
		font-size: 20px;
	}
}

@media (max-width: 960px) {
	.pch-nav {
		display: none;
	}

	.pch-actions .pch-btn {
		display: none;
	}

	.pch-mobile-toggle {
		display: flex;
	}
}

@media (max-width: 640px) {
	.pch-topbar {
		font-size: 12.5px;
	}

	.pch-topbar-inner {
		justify-content: center;
		text-align: center;
	}

	.pch-topbar-right {
		display: none;
	}

	.pch-brand-text {
		font-size: 18px;
	}

	.pch-logo-badge {
		width: 38px;
		height: 38px;
	}

	.pch-heart-icon {
		width: 22px;
		height: 22px;
	}
}