/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 12 2026 | 19:05:23 */
/* =========================
   Global Link Styling
   Option A: Editorial Black Links
   ========================= */

:root{
  --ranch-link: #2B2B2B;          /* default link color (editorial black) */
  --ranch-link-hover: #1B6FAE;    /* hover color (calm modern blue) */
  --ranch-link-visited: #2B2B2B;  /* visited same as default for clean look */
  --ranch-link-underline: rgb(27 111 174 / 35%);
  --ranch-focus-ring: rgb(27 111 174 / 35%);
}


/* Content links only */
a:where(
  :not(.gb-button)
  :not(.wp-block-button__link)
  :not(.button)
  :not(.menu a)
  :not(.main-navigation a)
  :not(.site-navigation a)
  :not(.wp-element-button)
){
  color: var(--ranch-link);
  text-decoration-line: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.18em;
  text-decoration-color: var(--ranch-link-underline);
  transition: color .15s ease, text-decoration-color .15s ease;
}

/* Hover / active */
a:where(
  :not(.gb-button)
  :not(.wp-block-button__link)
  :not(.button)
  :not(.menu a)
  :not(.main-navigation a)
  :not(.site-navigation a)
  :not(.wp-element-button)
):hover,
a:where(
  :not(.gb-button)
  :not(.wp-block-button__link)
  :not(.button)
  :not(.menu a)
  :not(.main-navigation a)
  :not(.site-navigation a)
  :not(.wp-element-button)
):active{
  color: var(--ranch-link-hover);
  text-decoration-color: currentcolor;
}

/* Visited (kept neutral) */
a:where(
  :not(.gb-button)
  :not(.wp-block-button__link)
  :not(.button)
  :not(.menu a)
  :not(.main-navigation a)
  :not(.site-navigation a)
  :not(.wp-element-button)
):visited{
  color: var(--ranch-link-visited);
}

/* Focus (keyboard accessibility) */
a:where(
  :not(.gb-button)
  :not(.wp-block-button__link)
  :not(.button)
  :not(.menu a)
  :not(.main-navigation a)
  :not(.site-navigation a)
  :not(.wp-element-button)
):focus,
a:where(
  :not(.gb-button)
  :not(.wp-block-button__link)
  :not(.button)
  :not(.menu a)
  :not(.main-navigation a)
  :not(.site-navigation a)
  :not(.wp-element-button)
):focus-visible{
  outline: 3px solid var(--ranch-focus-ring);
  outline-offset: 3px;
  border-radius: 6px;
}

/* Navigation links: clean by default */
.main-navigation a,
.site-navigation a,
.menu a{
  text-decoration: none;
}

/* Optional subtle nav hover */
.main-navigation a:hover,
.site-navigation a:hover,
.menu a:hover{
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.22em;
  text-decoration-color: rgba(0 0 0 / 25%);
}

/* Linked headings */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
  text-decoration-thickness: 2px;
}

/* ======================================
   Link Override Utilities
   Use intentionally. Not everywhere.
   ====================================== */


/* --------------------------------------------------
   Option 1: Quiet Links
   Removes link styling entirely.
   Use for narrative sections or subtle inline refs.
   -------------------------------------------------- */

.quiet-link a{
  color: inherit;
  text-decoration: none;
}

.quiet-link a:hover,
.quiet-link a:focus{
  text-decoration: none;
}


/* --------------------------------------------------
   Option 2: Section-Specific Link Color
   Forces links in a section to use a chosen color.
   Good for hero areas or callouts.
   -------------------------------------------------- */

.hero a{
  color: #1B6FAE; /* accent blue */
  text-decoration-color: currentcolor;
}

.hero a:hover{
  color: #155A8C; /* darker hover */
}


/* --------------------------------------------------
   Option 3: One-Off Manual Override
   Use sparingly. This wins against global styles.
   -------------------------------------------------- */

.custom-link{
  color: #1B6FAE !important;
  text-decoration-color: currentcolor !important;
}

.custom-link:hover{
  color: #155A8C !important;
}

/* How to use (quick reminders)

Option 1: apply .quiet-link to a container, not individual links

Option 2: swap .hero for any section class you want to control

Option 3: apply .custom-link directly to a single <a> tag */