/*
Theme Name: Your Vegas Marketer
Theme URI: https://yourvegasmarketer.com
Description: Child theme of GeneratePress for Your Vegas Marketer - a Las Vegas local SEO and digital marketing agency. Brand colors, Merriweather typography, editable block patterns in English and Spanish, and a complete multi-page site that builds itself on activation.
Author: Your Vegas Marketer
Author URI: https://yourvegasmarketer.com
Template: generatepress
Version: 2.2.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: your-vegas-marketer
*/

/* ==========================================================================
   NOTE FOR FUTURE EDITS
   Do NOT add width/position/negative-margin overrides to .yvm-section or
   .yvm-hero. Full-width section backgrounds come from WordPress's native
   "alignfull" support, which GeneratePress already implements with a
   higher-specificity selector (.entry-content .alignfull). Competing with
   it shifts every section sideways. Sections here only set background,
   padding and typography - never geometry.
   ========================================================================== */

/* ==========================================================================
   1. BRAND TOKENS
   ========================================================================== */
:root {
	--yvm-orange: #f8ab30;
	--yvm-teal: #1b9290;
	--yvm-teal-dark: #157473;
	--yvm-white: #ffffff;
	--yvm-dark: #222222;
	--yvm-gray: #575760;
	--yvm-light: #f0f0f0;

	--yvm-font: 'Merriweather', Georgia, 'Times New Roman', serif;
	--yvm-radius: 10px;
	--yvm-shadow: 0 4px 20px rgba(34, 34, 34, 0.08);
	--yvm-shadow-lg: 0 10px 28px rgba(34, 34, 34, 0.14);
	--yvm-inner: 1180px;

	/* Space between an eyebrow pill and the heading beneath it. */
	--yvm-eyebrow-gap: 1.6rem;

	/* --- BACKGROUND TEXTURE -------------------------------------------
	   A subtle woven texture over every section, which is what gives a
	   site depth instead of looking like flat blocks of color. Drawn in
	   pure CSS / inline SVG: no image file, no extra HTTP request, and it
	   stays sharp on retina screens.

	   --yvm-texture-light sits on the white and light-grey sections,
	   --yvm-texture-dark  on the teal sections, hero and footer.

	   ACTIVE: Diagonal Weave. To use a different texture, copy its pair
	   of values from the TEXTURE OPTIONS block below over these two.
	   To switch texture off entirely, set both to: none
	   ------------------------------------------------------------------ */
	--yvm-texture-light: repeating-linear-gradient(45deg, rgba(34,34,34,0.035) 0 1px, transparent 1px 7px), repeating-linear-gradient(-45deg, rgba(34,34,34,0.035) 0 1px, transparent 1px 7px);
	--yvm-texture-dark: repeating-linear-gradient(45deg, rgba(255,255,255,0.05) 0 1px, transparent 1px 7px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.05) 0 1px, transparent 1px 7px);
}

/* ==========================================================================
   TEXTURE OPTIONS
   Copy one option's two values over --yvm-texture-light and
   --yvm-texture-dark above. Every option sizes itself, so nothing else
   needs changing.
   ==========================================================================

   ---- OPTION 1: DIAGONAL WEAVE  (currently active) ---------------------
   Fabric-like crosshatch. Warmer, with more character.

   --yvm-texture-light: repeating-linear-gradient(45deg, rgba(34,34,34,0.035) 0 1px, transparent 1px 7px), repeating-linear-gradient(-45deg, rgba(34,34,34,0.035) 0 1px, transparent 1px 7px);
   --yvm-texture-dark: repeating-linear-gradient(45deg, rgba(255,255,255,0.05) 0 1px, transparent 1px 7px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.05) 0 1px, transparent 1px 7px);

   Finer or coarser: change the "7px" in all four places - smaller is
   denser. Stronger or softer: change the 0.035 / 0.05 opacity values.

   ---- OPTION 2: FINE GRAIN ---------------------------------------------
   Film-like noise. The most neutral option - felt, not noticed.

   --yvm-texture-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");
   --yvm-texture-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.07'/%3E%3C/svg%3E");

   Strength is the "opacity" value inside each data URI (0.035 light,
   0.07 dark). Keep both under about 0.10 or body text gets harder to
   read.

   ---- OPTION 3: DOT GRID ------------------------------------------------
   More technical / modern.

   --yvm-texture-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(34,34,34,0.10)'/%3E%3C/svg%3E");
   --yvm-texture-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(255,255,255,0.13)'/%3E%3C/svg%3E");

   The width and height values set the spacing between dots.

   ---- OPTION 4: NONE ----------------------------------------------------
   Flat color, texture off.

   --yvm-texture-light: none;
   --yvm-texture-dark: none;
   ========================================================================== */

/* ==========================================================================
   2. BASE TYPOGRAPHY
   ========================================================================== */
body {
	font-family: var(--yvm-font);
	color: var(--yvm-dark);
	background-color: var(--yvm-white);
	background-image: var(--yvm-texture-light);
	line-height: 1.7;
}

h1, h2, h3, h4, h5, h6,
.site-title,
.wp-block-heading {
	font-family: var(--yvm-font);
	font-weight: 700;
	color: var(--yvm-dark);
	line-height: 1.25;
}

a { color: var(--yvm-teal); }
a:hover, a:focus { color: var(--yvm-orange); }

::selection {
	background: var(--yvm-orange);
	color: var(--yvm-dark);
}

/* ==========================================================================
   3. HEADER + NAVIGATION
   ========================================================================== */
.site-logo img,
.custom-logo-link img {
	max-height: 72px;
	width: auto;
}

.main-navigation {
	border-bottom: 3px solid var(--yvm-teal);
}

.main-navigation .main-nav ul li a {
	font-family: var(--yvm-font);
	font-weight: 700;
	font-size: 0.95rem;
	color: var(--yvm-dark);
}

.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li.current-menu-item > a,
.main-navigation .main-nav ul li.current-menu-ancestor > a {
	color: var(--yvm-teal);
}

/* Nav call-to-action button (menu item given the yvm-nav-cta class) */
.main-navigation .main-nav ul li.yvm-nav-cta > a {
	background-color: var(--yvm-orange);
	color: var(--yvm-dark);
	border-radius: 6px;
	margin: 0.5em 0 0.5em 0.6em;
	padding-top: 0.7em;
	padding-bottom: 0.7em;
	line-height: 1.2;
}

.main-navigation .main-nav ul li.yvm-nav-cta > a:hover {
	background-color: #e79a1f;
	color: var(--yvm-dark);
}

/* Spanish availability note in the header area */
.yvm-header-note {
	color: var(--yvm-teal);
	font-weight: 700;
	font-size: 0.85rem;
}

/* ==========================================================================
   4. BUTTONS
   ========================================================================== */
/* Button rows. WordPress core supplies this too, but declaring it here
   means a row of buttons never collapses if core block styles are
   deferred, minified away by an optimization plugin, or dequeued. */
.wp-block-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 0.85em;
}

.wp-block-buttons.is-content-justification-center,
.yvm-hero .wp-block-buttons,
.yvm-page-hero .wp-block-buttons,
.yvm-cta-banner .wp-block-buttons,
.yvm-section .wp-block-buttons {
	justify-content: center;
}

.wp-block-button { margin: 0; }

.wp-block-button__link {
	display: inline-block;
	font-family: var(--yvm-font);
	font-weight: 700;
	border-radius: 6px;
	padding: 0.9em 1.9em;
	text-decoration: none;
	transition: background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

/* !important is required here, not laziness: GeneratePress injects its
   Customizer button colors (default #55555e) as inline CSS in the document
   head, which loads after this stylesheet and would otherwise turn every
   brand button dark grey. This only affects colors, never geometry. */
.is-style-yvm-primary .wp-block-button__link {
	background-color: var(--yvm-orange) !important;
	color: var(--yvm-dark) !important;
	box-shadow: var(--yvm-shadow);
}

.is-style-yvm-primary .wp-block-button__link:hover {
	background-color: #e79a1f !important;
	color: var(--yvm-dark) !important;
	box-shadow: var(--yvm-shadow-lg);
}

.is-style-yvm-secondary .wp-block-button__link {
	background-color: transparent !important;
	color: var(--yvm-white) !important;
	border: 2px solid var(--yvm-white);
}

.is-style-yvm-secondary .wp-block-button__link:hover {
	background-color: var(--yvm-white) !important;
	color: var(--yvm-teal) !important;
}

/* Secondary button on light backgrounds */
.yvm-section .is-style-yvm-secondary .wp-block-button__link {
	color: var(--yvm-teal) !important;
	border-color: var(--yvm-teal);
}

.yvm-section .is-style-yvm-secondary .wp-block-button__link:hover {
	background-color: var(--yvm-teal) !important;
	color: var(--yvm-white) !important;
}

/* ==========================================================================
   5. SECTIONS (background + spacing only - never geometry)
   ========================================================================== */
.yvm-section {
	padding: 4.5em 1.5em;
	background-color: var(--yvm-white);
	background-image: var(--yvm-texture-light);
}

.yvm-section--alt {
	background-color: var(--yvm-light);
	background-image: var(--yvm-texture-light);
}

.yvm-section--teal {
	background-color: var(--yvm-teal);
	background-image: var(--yvm-texture-dark);
	color: var(--yvm-white);
}

.yvm-section--teal h2,
.yvm-section--teal h3,
.yvm-section--teal p { color: var(--yvm-white); }

.yvm-section-inner {
	max-width: var(--yvm-inner);
	margin-left: auto;
	margin-right: auto;
}

.yvm-eyebrow {
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 0.8rem;
	font-weight: 700;
	color: var(--yvm-teal);
	background: rgba(27, 146, 144, 0.12);
	border-radius: 999px;

	/* --- Spacing of the pill ---------------------------------------
	   padding  = space INSIDE the pill, around the words.
	   margin   = space OUTSIDE the pill, between it and nearby text.
	   Both are in rem, not em: the pill's font-size is only 0.8rem, so
	   em-based values shrink with it and the pill crowds the heading.
	   Increase --yvm-eyebrow-gap to push the heading further away. ---- */
	padding: 0.55rem 1.4rem;
	margin-top: 0;
	margin-bottom: var(--yvm-eyebrow-gap);
}

.yvm-section--teal .yvm-eyebrow,
.yvm-hero .yvm-eyebrow,
.yvm-page-hero .yvm-eyebrow {
	color: var(--yvm-dark);
	background: var(--yvm-orange);
}

.yvm-section-heading {
	text-align: center;
	max-width: 760px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 3em;
}

.yvm-section-heading h2 {
	font-size: clamp(1.75rem, 3vw, 2.3rem);
	margin-bottom: 0.4em;
}

.yvm-section-heading p {
	color: var(--yvm-gray);
	font-size: 1.08rem;
	margin: 0;
}

.yvm-section--teal .yvm-section-heading p { color: rgba(255, 255, 255, 0.92); }

/* --------------------------------------------------------------------------
   Vertical rhythm inside sections.

   WordPress core's flow layout sets "margin-block-start: 24px;
   margin-block-end: 0" on every direct child of a group, and GeneratePress
   adds its own paragraph/heading margins on top. Left alone, that collapses
   the space between an eyebrow pill and the heading under it, and adds
   unwanted gaps inside cards. These rules set the spacing explicitly so it
   does not depend on whose default wins.
   -------------------------------------------------------------------------- */
.yvm-section-heading > *,
.yvm-card > *,
.yvm-step > *,
.yvm-stat > *,
.yvm-quote-card > *,
.yvm-contact-grid > * {
	margin-top: 0;
}

.yvm-section-heading .yvm-eyebrow {
	margin-top: 0;
	margin-bottom: var(--yvm-eyebrow-gap);
}

.yvm-section-heading h2 {
	margin-top: 0;
	margin-bottom: 0.45em;
}

.yvm-section-heading p:last-child {
	margin-bottom: 0;
}

.yvm-card > .yvm-icon { margin-bottom: 0.9em; }
.yvm-card h3 { margin-top: 0; }
.yvm-card p:last-child { margin-bottom: 0; }

.yvm-stat > *:last-child,
.yvm-step > *:last-child,
.yvm-quote-card > *:last-child { margin-bottom: 0; }

/* ==========================================================================
   6. HEROES
   ========================================================================== */
.yvm-hero {
	/* texture layer first, brand gradient underneath */
	background-image: var(--yvm-texture-dark),
		linear-gradient(135deg, var(--yvm-teal) 0%, var(--yvm-teal-dark) 100%);
	background-color: var(--yvm-teal);
	color: var(--yvm-white);
	padding: 5.5em 1.5em;
	text-align: center;
}

.yvm-hero h1 {
	color: var(--yvm-white);
	font-size: clamp(2rem, 4.2vw, 3.2rem);
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0.5em;
}

.yvm-hero .yvm-hero-sub {
	color: rgba(255, 255, 255, 0.93);
	font-size: 1.15rem;
	max-width: 680px;
	margin: 0 auto 1.8em;
}

.yvm-hero .wp-block-buttons { margin-bottom: 1.5em; }

.yvm-trust-line {
	color: var(--yvm-orange);
	font-weight: 700;
	letter-spacing: 0.03em;
	margin-bottom: 0.75em;
}

/* Interior page hero - shorter than the homepage hero.
   Flat teal rather than a gradient, so that when a teal section follows it
   (the Results page puts the stats band directly underneath) the two read as
   one continuous block instead of showing a mismatched seam. */
.yvm-page-hero {
	background-color: var(--yvm-teal);
	background-image: var(--yvm-texture-dark);
	color: var(--yvm-white);
	padding: 3.5em 1.5em;
	text-align: center;
}

/* A teal section straight after a teal hero: merge them visually. */
.yvm-page-hero + .yvm-section--teal {
	padding-top: 1.5em;
}

.yvm-page-hero + .yvm-section--teal .yvm-section-heading {
	margin-bottom: 2em;
}

.yvm-page-hero h1 {
	color: var(--yvm-white);
	font-size: clamp(1.9rem, 3.6vw, 2.7rem);
	margin-bottom: 0.4em;
}

.yvm-page-hero p:not(.yvm-eyebrow) {
	color: rgba(255, 255, 255, 0.93);
	max-width: 680px;
	margin: 0 auto;
	font-size: 1.08rem;
}

/* ==========================================================================
   7. TRUST BADGES
   ========================================================================== */
.yvm-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75em;
	justify-content: center;
}

.yvm-badges p {
	background: var(--yvm-white);
	color: var(--yvm-dark);
	font-size: 0.86rem;
	font-weight: 700;
	padding: 0.55em 1.2em;
	border-radius: 999px;
	margin: 0;
	box-shadow: var(--yvm-shadow);
}

/* ==========================================================================
   8. GRIDS + CARDS
   ========================================================================== */
.yvm-grid { display: grid; gap: 1.75em; }
.yvm-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.yvm-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.yvm-grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

/* minmax(0,1fr) rather than 1fr: a plain 1fr track refuses to shrink below
   its content's min-content width, which pushes the grid wider than its
   container and spills cards off the edge of the screen. */

/* Neutralise WordPress core's flow-layout margins on grid children so the
   grid gap alone controls spacing. */
.yvm-grid > * {
	margin-top: 0;
	margin-bottom: 0;
	min-width: 0;
}

@media (max-width: 900px) {
	.yvm-grid-3, .yvm-grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 600px) {
	.yvm-grid-2, .yvm-grid-3, .yvm-grid-4 { grid-template-columns: 1fr; }
}

.yvm-card {
	background: var(--yvm-white);
	border-radius: var(--yvm-radius);
	padding: 2em 1.75em;
	box-shadow: var(--yvm-shadow);
	transition: box-shadow 0.2s ease;
}

.yvm-card:hover { box-shadow: var(--yvm-shadow-lg); }

.yvm-card h3 {
	font-size: 1.18rem;
	margin-top: 0.7em;
	margin-bottom: 0.45em;
}

.yvm-card p {
	color: var(--yvm-gray);
	margin-bottom: 0;
	font-size: 0.98rem;
}

.yvm-card--industry {
	text-align: center;
	border-top: 4px solid var(--yvm-orange);
}

.yvm-card--industry .yvm-icon { margin-left: auto; margin-right: auto; }

.yvm-icon {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: var(--yvm-orange);
	color: var(--yvm-dark);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.5rem;
	margin-bottom: 0;
}

/* ==========================================================================
   9. WHY US LIST
   ========================================================================== */
.yvm-why {
	display: flex;
	gap: 1.1em;
	align-items: flex-start;
	margin-bottom: 1.8em;
}

.yvm-why .yvm-icon {
	flex: 0 0 auto;
	background: var(--yvm-teal);
	color: var(--yvm-white);
}

.yvm-why h3 { margin: 0 0 0.3em; font-size: 1.12rem; }
.yvm-why p { margin: 0; color: var(--yvm-gray); }

@media (max-width: 600px) {
	.yvm-why { flex-direction: column; }
}

/* ==========================================================================
   10. PROCESS STEPS
   ========================================================================== */
.yvm-step { text-align: center; }

.yvm-step-num {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: var(--yvm-white);
	border: 3px solid var(--yvm-orange);
	color: var(--yvm-dark);
	font-size: 1.45rem;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 1em;
}

.yvm-step h3 { font-size: 1.1rem; margin-bottom: 0.4em; }
.yvm-step p { color: var(--yvm-gray); font-size: 0.97rem; margin-bottom: 0; }

/* ==========================================================================
   11. STATS
   ========================================================================== */
.yvm-stat { text-align: center; }

.yvm-stat-num {
	font-size: clamp(2rem, 4vw, 2.8rem);
	font-weight: 700;
	color: var(--yvm-orange);
	line-height: 1.1;
	margin-bottom: 0.25em;
}

.yvm-stat-label {
	font-size: 0.92rem;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	margin-bottom: 0;
}

/* ==========================================================================
   12. TESTIMONIALS
   ========================================================================== */
.yvm-quote-card {
	background: var(--yvm-white);
	border-radius: var(--yvm-radius);
	padding: 2em;
	box-shadow: var(--yvm-shadow);
	border-left: 4px solid var(--yvm-teal);
}

.yvm-quote {
	font-style: italic;
	margin-bottom: 1.2em;
}

.yvm-attrib {
	font-size: 0.92rem;
	color: var(--yvm-gray);
	margin-bottom: 0;
}

.yvm-attrib strong { color: var(--yvm-dark); }

.yvm-placeholder-note {
	display: block;
	text-align: center;
	font-size: 0.85rem;
	color: var(--yvm-gray);
	background: var(--yvm-light);
	border: 1px dashed var(--yvm-gray);
	border-radius: 6px;
	padding: 0.7em 1em;
	margin-top: 2em;
}

.yvm-section--teal .yvm-placeholder-note {
	background: rgba(255, 255, 255, 0.92);
	color: var(--yvm-gray);
}

/* ==========================================================================
   13. CTA BANNER
   ========================================================================== */
.yvm-cta-banner {
	background: var(--yvm-orange);
	border-radius: var(--yvm-radius);
	padding: 3em 2em;
	text-align: center;
}

.yvm-cta-banner h2 {
	font-size: clamp(1.6rem, 3vw, 2.1rem);
	margin-bottom: 0.4em;
}

.yvm-cta-banner p {
	max-width: 620px;
	margin: 0 auto 1.5em;
}

.yvm-cta-banner .wp-block-button__link,
.yvm-cta-banner .is-style-yvm-primary .wp-block-button__link {
	background-color: var(--yvm-dark) !important;
	color: var(--yvm-white) !important;
}

.yvm-cta-banner .wp-block-button__link:hover,
.yvm-cta-banner .is-style-yvm-primary .wp-block-button__link:hover {
	background-color: var(--yvm-teal) !important;
	color: var(--yvm-white) !important;
}

/* ==========================================================================
   14. CONTACT
   ========================================================================== */
.yvm-contact-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.5em;
	text-align: center;
	margin-bottom: 2.5em;
}

@media (max-width: 700px) {
	.yvm-contact-grid { grid-template-columns: 1fr; }
}

.yvm-contact-grid p { margin-bottom: 0; }

.yvm-contact-grid strong {
	display: block;
	color: var(--yvm-teal);
	font-size: 0.82rem;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin-bottom: 0.3em;
}

.yvm-form-box {
	background: var(--yvm-white);
	border-radius: var(--yvm-radius);
	box-shadow: var(--yvm-shadow);
	padding: 2.5em;
	max-width: 760px;
	margin-left: auto;
	margin-right: auto;
}

.yvm-form-placeholder {
	border: 2px dashed var(--yvm-teal);
	border-radius: 8px;
	padding: 2em;
	text-align: center;
	color: var(--yvm-gray);
	background: var(--yvm-light);
}

/* ==========================================================================
   15. BLOG / RESOURCES + PAGINATION
   ========================================================================== */
.yvm-resources .entry-title a { color: var(--yvm-dark); }
.yvm-resources .entry-title a:hover { color: var(--yvm-teal); }

.paging-navigation,
.post-navigation,
.comment-navigation {
	margin: 2.5em 0;
}

.paging-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5em;
	align-items: center;
	justify-content: center;
}

.page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	height: 44px;
	padding: 0 0.85em;
	border-radius: 6px;
	background: var(--yvm-light);
	color: var(--yvm-dark);
	font-weight: 700;
	font-size: 0.95rem;
	text-decoration: none;
	transition: background-color 0.15s ease, color 0.15s ease;
}

a.page-numbers:hover {
	background: var(--yvm-teal);
	color: var(--yvm-white);
}

.page-numbers.current {
	background: var(--yvm-teal);
	color: var(--yvm-white);
}

.page-numbers.dots {
	background: transparent;
}

.nav-previous a,
.nav-next a {
	font-weight: 700;
}

/* ==========================================================================
   16. FOOTER
   ========================================================================== */
.site-footer,
.site-info,
#footer-widgets {
	background-color: var(--yvm-dark);
	background-image: var(--yvm-texture-dark);
	color: var(--yvm-light);
}

.site-footer a,
#footer-widgets a {
	color: var(--yvm-light);
}

.site-footer a:hover,
#footer-widgets a:hover {
	color: var(--yvm-orange);
}

#footer-widgets .widget-title,
#footer-widgets h2,
#footer-widgets h3 {
	color: var(--yvm-white);
	font-size: 1rem;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin-bottom: 0.9em;
}

#footer-widgets ul { list-style: none; padding-left: 0; }
#footer-widgets li { margin-bottom: 0.45em; font-size: 0.93rem; }
#footer-widgets p { font-size: 0.93rem; }

.yvm-footer-brand img {
	max-width: 110px;
	height: auto;
	margin-bottom: 0.8em;
}

/* ==========================================================================
   17. RESPONSIVE
   ========================================================================== */
@media (max-width: 768px) {
	.yvm-section { padding: 3.2em 1.25em; }
	.yvm-hero { padding: 3.8em 1.25em; }
	.yvm-page-hero { padding: 2.8em 1.25em; }
	.yvm-form-box { padding: 1.75em; }
}