/* ============ Meadow View Gardens — brand tokens ============ */
:root {
	--mvg-green: #2e6b34;
	--mvg-green-dark: #1d4a23;
	--mvg-green-deep: #143619;
	--mvg-ink: #1f2a1c;
	--mvg-stone: #6b675c;
	--mvg-cream: #f7f5ee;
	--mvg-white: #ffffff;
	--mvg-amber: #c98a2d;        /* accent on dark backgrounds only */
	--mvg-amber-deep: #8a5c14;   /* WCAG AA on white — buttons & links on light bg */
	--mvg-call: #1d4a23;
	--mvg-radius: 10px;
	--mvg-shadow: 0 2px 14px rgba(31, 42, 28, 0.10);
}

body {
	font-family: 'Inter', system-ui, sans-serif;
	color: var(--mvg-ink);
	background: var(--mvg-white);
	overflow-x: clip; /* full-bleed banner uses 100vw, which otherwise adds a scrollbar-width overflow */
}
h1, h2, h3, h4, .mvg-hero-kicker {
	font-family: 'Lora', Georgia, serif;
	color: var(--mvg-green-deep);
	line-height: 1.2;
}
/* Consistent type scale (designer review): H1 > H2 > H3 everywhere */
h1, .entry-header .entry-title { font-size: clamp(2.1rem, 3.4vw, 2.9rem); }
h2, .entry-content h2, .mvg-section > h2 { font-size: clamp(1.55rem, 2.4vw, 2.05rem); }
h3, .entry-content h3 { font-size: clamp(1.2rem, 1.8vw, 1.45rem); }

/* ============ Buttons ============ */
.mvg-btn {
	display: inline-block;
	padding: 0.85em 1.6em;
	border-radius: 999px;
	font-weight: 600;
	font-family: 'Inter', sans-serif;
	text-decoration: none;
	transition: transform 0.12s ease, box-shadow 0.12s ease;
}
.mvg-btn:hover { transform: translateY(-1px); box-shadow: var(--mvg-shadow); }
.mvg-btn-primary { background: var(--mvg-amber-deep); color: #fff !important; }
.mvg-btn-call { background: var(--mvg-call); color: #fff !important; border: 1px solid rgba(255,255,255,0.45); }
/* on dark green bands the brighter amber passes contrast and pops more */
.mvg-cta-band .mvg-btn-primary, .mvg-hero-band .mvg-btn-primary { background: var(--mvg-amber); color: #143619 !important; font-weight: 700; }
.mvg-text-link { color: var(--mvg-green); font-weight: 600; text-decoration: none; }
.mvg-text-link:hover { text-decoration: underline; }

/* ============ Topbar / header ============ */
.mvg-topbar { background: var(--mvg-green-deep); color: #dfe8dc; font-size: 0.85rem; }
.mvg-topbar-inner {
	max-width: 1200px; margin: 0 auto; padding: 0.45em 20px;
	display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap;
}
.mvg-topbar-phone { color: #fff; font-weight: 700; text-decoration: none; }
.mvg-topbar-right { display: inline-flex; align-items: center; gap: 14px; }

/* Social icons */
.mvg-social { display: inline-flex; align-items: center; gap: 10px; }
.mvg-social a { display: inline-flex; color: inherit; }
.mvg-social svg { width: 20px; height: 20px; }
.mvg-social a:hover { color: var(--mvg-amber); }
.mvg-social-topbar { color: #dfe8dc; }
.mvg-social-footer { margin-top: 0.6em; color: #cfdccb; }
.mvg-social-footer svg { width: 24px; height: 24px; }
.site-header { border-bottom: 1px solid #e8e5da; }
/* belt-and-braces: featured images are for og:image only */
.page .featured-image, .single .featured-image { display: none; }

/* Sticky primary nav so phone/CTA never fully scroll away */
.main-navigation { position: sticky; top: 0; z-index: 900; }

/* Free Consultation as a button-style nav item */
.main-navigation .main-nav ul li.mvg-nav-cta > a {
	background: var(--mvg-amber) !important; color: #143619 !important;
	border-radius: 999px; font-weight: 700; margin: 8px 0 8px 10px; padding: 8px 20px; line-height: 1.4;
}
.main-navigation .main-nav ul li.mvg-nav-cta > a:hover { background: #dfa040 !important; }
.site-header .inside-header {
	display: flex; align-items: center; gap: 20px;
	max-width: 1200px; margin: 0 auto; padding: 14px 20px;
}
.site-header .site-branding, .site-header .site-logo { flex: 0 0 auto; }

/* Primary nav: brand green instead of GP default gray */
.main-navigation, .main-navigation ul ul { background-color: var(--mvg-green-deep) !important; }
.main-navigation .main-nav ul li a, .main-navigation .menu-toggle { color: #e8f0e4 !important; }
.main-navigation .main-nav ul li a:hover, .main-navigation .main-nav ul li[class*="current"] > a {
	color: #fff !important; background-color: var(--mvg-green-dark) !important;
}
@media (min-width: 769px) {
	.main-navigation .main-nav > ul { display: flex; justify-content: center; flex-wrap: wrap; }
}
/* Mobile: GP hamburger toggle, branded */
.main-navigation .menu-toggle { background: var(--mvg-green-deep) !important; padding: 12px 20px; width: 100%; text-align: left; }

/* ============ Hero banner (full-bleed image, branding baked in) ============ */
.mvg-hero-banner {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	line-height: 0;
}
.mvg-hero-banner img { width: 100%; height: auto; display: block; }

/* Mobile hero: hide the banner image, show the brand video toward the top instead */
.mvg-hero-video-mobile { display: none; }
@media (max-width: 768px) {
	.mvg-hero-banner { display: none; }
	.mvg-hero-video-mobile {
		display: block; width: 100vw; margin-left: calc(50% - 50vw);
	}
	.mvg-hero-video-mobile .mvg-cta-video { border-radius: 0; box-shadow: none; }
	/* homepage only: the video already plays at the top on phones — don't play it twice */
	.home .mvg-cta-band .mvg-cta-band-video { display: none; }
}

/* Inline service-page photos below H2s */
.mvg-inline-img { margin: 1.4em 0 1.8em; }
.mvg-inline-photo { width: 100%; height: auto; border-radius: var(--mvg-radius); display: block; }

/* Headline + CTA band directly under the banner */
.mvg-hero-band {
	background: var(--mvg-green-deep); color: #fff;
	width: 100vw; margin-left: calc(50% - 50vw);
}
.mvg-hero-band-inner {
	max-width: 1200px; margin: 0 auto; padding: clamp(28px, 4vw, 44px) 20px;
	display: flex; align-items: center; justify-content: space-between; gap: 26px; flex-wrap: wrap;
}
.mvg-hero-band h1 { color: #fff; font-size: clamp(1.5rem, 2.8vw, 2.2rem); margin: 0 0 0.3em; }
.mvg-hero-sub { font-size: clamp(1rem, 1.6vw, 1.15rem); max-width: 36em; color: #dfe8dc; margin: 0; }
.mvg-hero-actions { display: flex; gap: 14px; flex-wrap: wrap; }

/* ============ Logo ============ */
.site-header .site-logo img, .site-header .header-image img {
	max-height: 72px; width: auto;
}
/* Desktop: logo bigger and centered as the focal point */
@media (min-width: 769px) {
	.site-header .inside-header { justify-content: center; }
	.site-header .site-logo img, .site-header .header-image img { max-height: 130px; }
}
.mvg-topbar { font-size: 0.85rem; }

/* ============ Trust strip ============ */
.mvg-trust { background: var(--mvg-cream); border-bottom: 1px solid #e8e5da; }
.mvg-trust ul {
	max-width: 1200px; margin: 0 auto; padding: 18px 20px; list-style: none;
	display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 10px 26px;
	font-size: 0.95rem; color: var(--mvg-stone);
}
.mvg-trust strong { color: var(--mvg-green-dark); }

/* Homepage main breaks out of GP's container; sections manage their own width */
.mvg-home { width: 100vw; margin-left: calc(50% - 50vw); }

/* ============ Sections / grids / cards ============ */
.mvg-section { max-width: 1200px; margin: 0 auto; padding: clamp(40px, 6vw, 72px) 20px; }
.mvg-section > h2 { font-size: clamp(1.6rem, 3vw, 2.2rem); margin-bottom: 0.4em; }
.mvg-section a:not(.mvg-btn):not(.mvg-card):not(.mvg-tile):not(.mvg-gallery-item) { color: var(--mvg-green); }
.mvg-section-lede { max-width: 46em; color: var(--mvg-stone); font-size: 1.08rem; }
.mvg-center { text-align: center; margin-top: 1.5em; }

.mvg-grid { display: grid; gap: 22px; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); margin-top: 1.6em; }
.mvg-card {
	display: block; background: #fff; border: 1px solid #e8e5da; border-radius: var(--mvg-radius);
	padding: 26px 24px; text-decoration: none; color: inherit;
	transition: transform 0.12s ease, box-shadow 0.12s ease, border-color 0.12s ease;
}
.mvg-card:hover { transform: translateY(-3px); box-shadow: var(--mvg-shadow); border-color: var(--mvg-green); }
.mvg-card h3 { margin: 0 0 0.4em; font-size: 1.2rem; }
.mvg-card p { color: var(--mvg-stone); font-size: 0.95rem; margin: 0 0 1em; }
.mvg-card-more { color: var(--mvg-amber-deep); font-weight: 600; font-size: 0.92rem; }

/* Owner section */
.mvg-owner { background: var(--mvg-cream); border-radius: var(--mvg-radius); }
.mvg-owner blockquote {
	border-left: 4px solid var(--mvg-amber); margin: 1.2em 0; padding: 0.2em 0 0.2em 1em;
	font-family: 'Lora', serif; font-style: italic; color: var(--mvg-green-dark); font-size: 1.08rem;
}

/* Testimonials */
.mvg-testimonials { grid-template-columns: repeat(2, 1fr); }
@media (max-width: 700px) { .mvg-testimonials { grid-template-columns: 1fr; } }
.mvg-quote {
	background: #fff; border: 1px solid #e8e5da; border-radius: var(--mvg-radius);
	padding: 22px; margin: 0; font-size: 0.96rem;
}
.mvg-quote footer {
	margin-top: 1em; color: var(--mvg-stone); font-size: 0.88rem;
	display: flex; align-items: center; gap: 12px;
	border-top: 3px solid var(--mvg-amber); padding-top: 0.9em;
}
.mvg-quote strong { color: var(--mvg-green-dark); display: block; font-size: 0.95rem; }
.mvg-quote-avatar {
	width: 52px; height: 52px; border-radius: 50%; object-fit: cover;
	border: 2px solid var(--mvg-green); flex: 0 0 auto;
}
.mvg-quote-who span { color: var(--mvg-stone); }

/* Centered H1s sitewide + lander galleries */
.entry-header .entry-title, h1.entry-title, .page-title { text-align: center; }
.mvg-hero-band-inner { justify-content: center; text-align: center; flex-direction: column; }
.mvg-hero-band .mvg-hero-sub { margin: 0 auto; }
.mvg-hero-actions { justify-content: center; }
.mvg-page-gallery { margin-bottom: 2em; }
.mvg-page-gallery h2 { font-size: clamp(1.4rem, 2.6vw, 1.9rem); }

/* Gallery */
.mvg-gallery { display: grid; gap: 12px; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); margin-top: 1.4em; }
.mvg-gallery-item img {
	width: 100%; height: 220px; object-fit: cover; border-radius: var(--mvg-radius); display: block;
}
.mvg-town-list {
	list-style: none; padding: 0; margin: 1em 0 0;
	display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 6px 18px;
	color: var(--mvg-stone);
}
.mvg-town-list li::before { content: "• "; color: var(--mvg-green); }

/* ============ CTA band (video + copy) ============ */
.mvg-cta-band { background: linear-gradient(120deg, var(--mvg-green-deep), var(--mvg-green-dark)); color: #fff; }
/* mid-content [mvg_cta] breaks out of the 780px prose column to full width */
.entry-content .mvg-cta-band { width: 100vw; margin-left: calc(50% - 50vw); }
.entry-content .mvg-cta-band h2 { margin-top: 0; }
.mvg-cta-inner {
	max-width: 1200px; margin: 0 auto; padding: clamp(36px, 5vw, 56px) 20px;
	display: flex; align-items: center; justify-content: space-between; gap: 26px; flex-wrap: wrap;
}
.mvg-cta-has-video { display: grid; grid-template-columns: minmax(300px, 520px) 1fr; align-items: center; }
.mvg-cta-video { position: relative; aspect-ratio: 16 / 9; border-radius: var(--mvg-radius); overflow: hidden; box-shadow: 0 6px 24px rgba(0,0,0,0.35); }
.mvg-cta-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.mvg-cta-band h2 { color: #fff; margin: 0 0 0.3em; font-size: clamp(1.4rem, 2.6vw, 1.9rem); }
.mvg-cta-band p { color: #dfe8dc; margin: 0 0 1em; max-width: 34em; }
.mvg-cta-actions { display: flex; gap: 12px; flex-wrap: wrap; }
@media (max-width: 800px) { .mvg-cta-has-video { grid-template-columns: 1fr; } }

/* ============ Homepage mosaic ============ */
.mvg-mosaic {
	display: grid; gap: 14px;
	grid-template-columns: repeat(4, 1fr);
	grid-auto-rows: 150px;
	grid-auto-flow: dense;
	margin-top: 1.6em;
}
.mvg-tile { display: block; border-radius: var(--mvg-radius); overflow: hidden; }
.mvg-tile img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.25s ease; }
.mvg-tile:hover img { transform: scale(1.04); }
.mvg-tile-big { grid-column: span 2; grid-row: span 2; }
.mvg-tile-tall { grid-row: span 2; }
.mvg-tile-wide { grid-column: span 2; }
@media (max-width: 900px) { .mvg-mosaic { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 130px; } }

/* ============ Lander footer ============ */
.mvg-lander-footer { max-width: 1200px; margin: 0 auto; padding: 0 20px 48px; }
.mvg-lander-links { color: var(--mvg-stone); }

/* ============ Homepage services showcase ============ */
.mvg-svc-showcase { margin-top: 1.8em; }
.mvg-svc-featured {
	display: grid; grid-template-columns: minmax(280px, 5fr) 6fr;
	gap: clamp(24px, 4vw, 48px); align-items: center;
	background: var(--mvg-green-deep); border-radius: var(--mvg-radius);
	padding: clamp(24px, 3.5vw, 40px); margin-bottom: 26px;
	text-align: left;
}
.mvg-svc-featured-photo img {
	width: 100%; height: 100%; max-height: 320px; object-fit: cover;
	border-radius: var(--mvg-radius); display: block; box-shadow: 0 6px 24px rgba(0,0,0,0.35);
}
.mvg-svc-featured-body h3 { color: #fff; font-size: clamp(1.5rem, 2.6vw, 2rem); margin: 0 0 0.35em; }
.mvg-svc-featured-body p { color: #dfe8dc; max-width: 40em; margin: 0 0 1.2em; }
.mvg-svc-featured-body .mvg-region-kicker { color: var(--mvg-amber); }

.mvg-svc-tiles { display: grid; gap: 22px; grid-template-columns: repeat(6, 1fr); }
.mvg-svc-tile { grid-column: span 2; }
.mvg-svc-tile:nth-child(4) { grid-column: 2 / span 2; } /* 3 + 2 centered */
.mvg-svc-tile:nth-child(5) { grid-column: 4 / span 2; }
@media (max-width: 1000px) {
	.mvg-svc-tiles { grid-template-columns: 1fr 1fr; }
	.mvg-svc-tile, .mvg-svc-tile:nth-child(4), .mvg-svc-tile:nth-child(5) { grid-column: auto; }
	.mvg-svc-tile:nth-child(5) { grid-column: 1 / -1; }
}
@media (max-width: 640px) {
	.mvg-svc-tiles { grid-template-columns: 1fr; }
	.mvg-svc-tile:nth-child(5) { grid-column: auto; }
}
.mvg-svc-tile {
	display: block; background: #fff; border: 1px solid #e8e5da; border-radius: var(--mvg-radius);
	overflow: hidden; text-decoration: none !important; color: inherit; text-align: left;
	transition: transform 0.14s ease, box-shadow 0.14s ease, border-color 0.14s ease;
}
.mvg-svc-tile:hover { transform: translateY(-4px); box-shadow: var(--mvg-shadow); border-color: var(--mvg-green); }
.mvg-svc-tile-photo { display: block; overflow: hidden; aspect-ratio: 16 / 10; }
.mvg-svc-tile-photo img {
	width: 100%; height: 100%; object-fit: cover; display: block;
	transition: transform 0.3s ease;
}
.mvg-svc-tile:hover .mvg-svc-tile-photo img { transform: scale(1.05); }
.mvg-svc-tile-body { display: block; padding: 20px 22px 22px; }
.mvg-svc-tile-body h3 { margin: 0 0 0.35em; font-size: 1.18rem; color: var(--mvg-green-deep); }
.mvg-svc-tile-body p { color: var(--mvg-stone); font-size: 0.93rem; margin: 0 0 0.9em; line-height: 1.5; }
@media (max-width: 800px) {
	.mvg-svc-featured { grid-template-columns: 1fr; }
	.mvg-svc-featured-photo img { max-height: 220px; }
}

/* ============ Service-areas directory ============ */
.entry-content .mvg-areas-directory {
	width: min(1100px, calc(100vw - 40px));
	margin-left: calc(50% - min(550px, 50vw - 20px));
}
.mvg-region {
	display: grid; grid-template-columns: minmax(260px, 2fr) 3fr;
	gap: clamp(24px, 4vw, 48px); align-items: center;
	padding: clamp(28px, 4vw, 44px) 0;
}
.mvg-region + .mvg-region { border-top: 1px solid #e8e5da; }
.mvg-region-flip { grid-template-columns: 3fr minmax(260px, 2fr); }
.mvg-region-flip .mvg-region-photo { order: 2; }
.mvg-region-photo img {
	width: 100%; height: 100%; max-height: 340px; object-fit: cover;
	border-radius: var(--mvg-radius); display: block; box-shadow: var(--mvg-shadow);
}
.mvg-region-body h2 { margin: 0 0 0.25em; }
.entry-content .mvg-region-body h2 a { color: inherit; text-decoration: none; }
.entry-content .mvg-region-towns a { color: inherit; text-decoration: none; }
.entry-content .mvg-region-featured h2 a { color: #fff; }
.mvg-region-kicker {
	color: var(--mvg-amber-deep); font-weight: 700; text-transform: uppercase;
	letter-spacing: 0.08em; font-size: 0.8rem; margin: 0 0 0.4em;
}
.mvg-region-lede { color: var(--mvg-stone); margin: 0 0 1.1em; }
.mvg-region-towns {
	list-style: none; margin: 0; padding: 0;
	display: grid; grid-template-columns: 1fr 1fr; gap: 4px 22px;
}
.mvg-region-towns a {
	display: block; padding: 9px 10px 9px 14px; border-radius: 8px;
	text-decoration: none !important; border-left: 3px solid #e2ded2;
	transition: background 0.12s ease, border-color 0.12s ease;
}
.mvg-region-towns a:hover { background: var(--mvg-cream); border-left-color: var(--mvg-amber); }
.mvg-region-towns strong { display: block; color: var(--mvg-green-dark); font-size: 1.02rem; }
.mvg-region-towns span { display: block; color: var(--mvg-stone); font-size: 0.84rem; line-height: 1.4; margin-top: 1px; }
.mvg-region-featured {
	background: var(--mvg-green-deep); border-radius: var(--mvg-radius);
	padding: clamp(24px, 3.5vw, 40px); margin-bottom: 10px;
}
.mvg-region-featured + .mvg-region { border-top: 0; }
.mvg-region-featured h2 a, .mvg-region-featured h2 { color: #fff; }
.mvg-region-featured p { color: #dfe8dc; }
.mvg-region-featured .mvg-region-kicker { color: var(--mvg-amber); }
@media (max-width: 800px) {
	.mvg-region, .mvg-region-flip { grid-template-columns: 1fr; }
	.mvg-region-flip .mvg-region-photo { order: 0; }
	.mvg-region-towns { grid-template-columns: 1fr; }
	.mvg-region-photo img { max-height: 220px; }
}

/* Contact map */
.mvg-map { aspect-ratio: 16 / 9; border-radius: var(--mvg-radius); overflow: hidden; margin: 1.4em 0; }
.mvg-map iframe { width: 100%; height: 100%; border: 0; display: block; }

/* ============ Form ============ */
.mvg-form-wrap { max-width: 640px; }
.mvg-form label { display: block; font-weight: 600; font-size: 0.92rem; margin-bottom: 1em; color: var(--mvg-green-dark); }
.mvg-form input, .mvg-form select, .mvg-form textarea {
	width: 100%; margin-top: 0.35em; padding: 0.7em 0.9em;
	border: 1px solid #cfcabb; border-radius: 8px; font: inherit; background: #fff;
}
.mvg-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.mvg-form .mvg-hp { position: absolute; left: -9999px; }
.mvg-form-note { color: var(--mvg-stone); font-size: 0.9rem; margin-top: 0.8em; }
.mvg-form-ok {
	background: #e7f4e9; border: 1px solid var(--mvg-call); border-radius: 8px;
	padding: 14px 18px; margin-bottom: 1.2em;
}
@media (max-width: 560px) { .mvg-form-row { grid-template-columns: 1fr; } }

/* ============ Footer ============ */
.site-footer { background: var(--mvg-green-deep); }
.mvg-footer { color: #cfdccb; }
.mvg-footer-inner {
	max-width: 1200px; margin: 0 auto; padding: clamp(36px, 5vw, 56px) 20px 12px;
	display: grid; gap: 32px; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
.mvg-footer h3 { color: #fff; font-size: 1.05rem; margin-bottom: 0.7em; }
.mvg-footer ul { list-style: none; margin: 0; padding: 0; }
.mvg-footer li { margin-bottom: 0.45em; }
.mvg-footer a { color: #cfdccb; text-decoration: none; }
.mvg-footer a:hover { color: #fff; text-decoration: underline; }
.site-info { background: var(--mvg-green-deep); color: #9db396; }
.site-info .copyright { font-size: 0.85rem; }

/* Content pages: keep prose readable */
.page .entry-content, .single .entry-content { max-width: 780px; margin-left: auto; margin-right: auto; }
.entry-content h2 { margin-top: 1.6em; }
.entry-content a:not(.mvg-btn) { color: var(--mvg-green-dark); text-decoration: underline; }
.entry-content a:not(.mvg-btn):hover { color: var(--mvg-green); }

/* Gallery page: break the grid out of the prose column to a wide container */
.entry-content .mvg-gallery, .entry-content .mvg-gallery-section {
	width: min(1200px, calc(100vw - 40px));
	margin-left: calc(50% - min(600px, 50vw - 20px));
}
.mvg-gallery-section h2 { margin-top: 2em; text-align: center; }
.mvg-gallery figure { margin: 0; position: relative; }
.mvg-gallery figcaption {
	font-size: 0.82rem; color: var(--mvg-stone); padding: 6px 4px 0; line-height: 1.35;
}

/* Homepage centered section rhythm (fill the dead zone, match centered H1s) */
.mvg-home .mvg-section > h2 { text-align: center; }
.mvg-home .mvg-section-lede { margin-left: auto; margin-right: auto; text-align: center; }

/* Mobile polish */
@media (max-width: 768px) {
	.site-header .inside-header { justify-content: center; }
	.mvg-quote footer { flex-wrap: wrap; }
}
@media (max-width: 480px) {
	.mvg-quote-who { display: block; }
}

/* Simple lightbox */
.mvg-lightbox {
	position: fixed; inset: 0; z-index: 99999; background: rgba(16, 27, 14, 0.92);
	display: flex; align-items: center; justify-content: center; padding: 4vmin; cursor: zoom-out;
}
.mvg-lightbox img { max-width: 96vw; max-height: 92vh; border-radius: 6px; box-shadow: 0 10px 50px rgba(0,0,0,0.6); }
.mvg-lightbox-close {
	position: absolute; top: 14px; right: 20px; font-size: 2rem; color: #fff;
	background: none; border: 0; cursor: pointer; line-height: 1;
}