/* [MCP:mcp-clearfix-fix] */
.widget-snippet .container::before, .widget-snippet .container::after,
.widget-snippet .row::before, .widget-snippet .row::after { display: none !important; }
/* [/MCP:mcp-clearfix-fix] */

/* [MCP:mcp-theme] */
:root {
  --teal: #0a767b;
  --yellow: #ffce00;
  --pale-yellow: #fdf6da;
  --grey-section: #ededed;
  --ink: #272727;
  --circle: #adadad;
  --grey-bg: #d9d9d9;
  --row-grey: #e2e2e2;
  --empty-grey: #e2e2e2;
  --band-grey: #ededed;
  --blue: #0078d4;
  --field-grey: #ededed;
}

html { scroll-behavior: smooth; }

html, body { font-family: "Montserrat", sans-serif; color: var(--ink); background: #fff; -webkit-font-smoothing: antialiased; }

html { -webkit-text-size-adjust: 100%; overflow-x: hidden; }

html, body { overflow-x: hidden; }
/* [/MCP:mcp-theme] */

/* [MCP:mcp-body-type] */
html body { font-family: "Montserrat", sans-serif; color: var(--ink); -webkit-font-smoothing: antialiased; }
/* [/MCP:mcp-body-type] */

/* [MCP:mcp-fixed-layout-64] */

/* Native widget CSS overrides */
.wc-custom-layout .wi-042E4FAC-E3A2-4CC9-8BDE-473D875E6E1A .widget-storeLogo img, .wc-custom-layout .wi-042E4FAC-E3A2-4CC9-8BDE-473D875E6E1A img.store-logo-img { width: 161px; height: 161px; max-width: 100%; object-fit: contain; }
.wc-custom-layout .wi-042E4FAC-E3A2-4CC9-8BDE-473D875E6E1A { display: block; }
/* StoreLogo widget — reset WC site-base defaults */
.wc-custom-layout .wi-042E4FAC-E3A2-4CC9-8BDE-473D875E6E1A { display: inline-block; vertical-align: middle; }
.wc-custom-layout .wi-042E4FAC-E3A2-4CC9-8BDE-473D875E6E1A a { display: inline-block; text-decoration: none; color: inherit; }
.wc-custom-layout .wi-042E4FAC-E3A2-4CC9-8BDE-473D875E6E1A a::before, .wc-custom-layout .wi-042E4FAC-E3A2-4CC9-8BDE-473D875E6E1A a::after { content: none; }
.wc-custom-layout .wi-042E4FAC-E3A2-4CC9-8BDE-473D875E6E1A img { width: auto; display: inline-block; }
.wc-custom-layout .wi-042E4FAC-E3A2-4CC9-8BDE-473D875E6E1A {
    display: inline-block;
    vertical-align: middle;
}
 
.wc-custom-layout .wi-042E4FAC-E3A2-4CC9-8BDE-473D875E6E1A > div.widget-storeLogo > a {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}
.wc-custom-layout .wi-042E4FAC-E3A2-4CC9-8BDE-473D875E6E1A > div.widget-storeLogo > a > img.store-logo-img {
    width: 100%;
    height: 100%;
    display: inline-block;
}
.wc-custom-layout .wi-E4000FB4-CB70-41F6-83AC-CB73195F98A4 { display: flex; align-items: center; }
/* Navigation widget — layout defaults. The widget framework wraps the original
   <nav><a></a></nav> in two extra divs (.widget-navigation > .nav-wrapper >
   .navigation-item > <a>), which breaks the parent's flex distribution (the
   widget div becomes the only flex child, items clump). We supply sensible
   layout defaults here so navs render correctly even when the section CSS
   isn't available (e.g. when shared style.css caching delays propagation for
   header/footer placements). Specific designs (centered, right-aligned, etc.)
   can still override these via section CSS which loads later in the cascade. */
/* `display: contents` on both widget wrappers makes them layout-transparent —
   the .navigation-item divs become direct flex children of the original parent
   (.main-nav, .footer-links-col, etc.). The author's source CSS on that parent
   (justify-content: center / space-between / flex-end, gap, etc.) then applies
   to the items directly — works for ANY design with NO hardcoded layout. */
.wc-custom-layout .wi-E4000FB4-CB70-41F6-83AC-CB73195F98A4 .widget-navigation { display: contents; }
.wc-custom-layout .wi-E4000FB4-CB70-41F6-83AC-CB73195F98A4 .nav-wrapper.horizontal { display: contents; }
.wc-custom-layout .wi-E4000FB4-CB70-41F6-83AC-CB73195F98A4 .nav-wrapper.vertical {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    list-style: none;
    margin: 0;
    padding: 0;
}
/* Mechanical resets: WC base CSS / ecommerce CSS adds an underline + border to
   .navigation-item a that the author's source CSS doesn't know about. Null those
   out here — they're true resets (counter widget-framework-injected styles).
   Padding is reset with !important: link box styling lives on .navigation-item
   (the container), so the anchor must carry NO box padding. Without !important an
   author DESCENDANT rule that still matches the widget anchor (e.g. a footer's
   `.foot-col a` padding rule, same 0,3,1 specificity, later in the cascade)
   stacks with the container padding and doubles the item spacing. WC's own
   `.vertical .navigation-item a` padding is countered the same way. */
.wc-custom-layout .wi-E4000FB4-CB70-41F6-83AC-CB73195F98A4 .navigation-item > a {
    text-decoration: none;
    border-bottom: none;
    padding: 0 !important;
}
/* Label needs `white-space: pre-line` so the `\n` we encode for `<br>` (in
   `_extract_nav_items`) renders as an actual line break. Harmless on labels
   without newlines (behaves like normal whitespace). */
.wc-custom-layout .wi-E4000FB4-CB70-41F6-83AC-CB73195F98A4 .navigation-item > a > span.label { white-space: pre-line; }
.wc-custom-layout .wi-E4000FB4-CB70-41F6-83AC-CB73195F98A4 .widget-navigation .menu-title { display: none; }
.wc-custom-layout .wi-E4000FB4-CB70-41F6-83AC-CB73195F98A4 .widget-navigation .menu-button { display: none; }
/* Sub-menu dropdown — reset WC site-base defaults + show on hover with fade */
.wc-custom-layout .wi-E4000FB4-CB70-41F6-83AC-CB73195F98A4 .navigation-item.has-child { position: relative; }
/* Reset WC white background image, fixed width/position */
.wc-custom-layout .wi-E4000FB4-CB70-41F6-83AC-CB73195F98A4 .navigation-item-child-container { position: absolute; top: 100%; left: 0; z-index: 10000; opacity: 0; visibility: hidden; transform: translateY(4px); transition: opacity 0.2s, visibility 0.2s, transform 0.2s; pointer-events: none; background-image: none; width: auto; }
.wc-custom-layout .wi-E4000FB4-CB70-41F6-83AC-CB73195F98A4 .has-child .navigation-item-child-container { background-image: none; left: 0; top: 100%; width: auto; }
.wc-custom-layout .wi-E4000FB4-CB70-41F6-83AC-CB73195F98A4 .navigation-item.has-child:hover > .navigation-item-child-container { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; display: block; }
/* Reset WC dropdown item defaults: border-bottom, padding */
.wc-custom-layout .wi-E4000FB4-CB70-41F6-83AC-CB73195F98A4 .navigation-item-child-container .navigation-item { padding: 0; }
.wc-custom-layout .wi-E4000FB4-CB70-41F6-83AC-CB73195F98A4 .navigation-item-child-container .navigation-item a { border-bottom: none; }
.wc-custom-layout .wi-E4000FB4-CB70-41F6-83AC-CB73195F98A4 .child-opener { display: none; }
.wc-custom-layout .wi-E4000FB4-CB70-41F6-83AC-CB73195F98A4 .nav-wrapper.horizontal {
    display: flex;
    align-items: center;
    gap: 18px 24px;
}
.wc-custom-layout .wi-E4000FB4-CB70-41F6-83AC-CB73195F98A4 .navigation-item {
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0.28px;
    line-height: 1.15;
    text-decoration: none;
}
.wc-custom-layout .wi-E4000FB4-CB70-41F6-83AC-CB73195F98A4 .navigation-item > a {
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0.28px;
    line-height: 1.15;
}
.wc-custom-layout .wi-E4000FB4-CB70-41F6-83AC-CB73195F98A4 .navigation-item > a > span.label {
    text-decoration: inherit;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.28px;
    line-height: 1.15;
}
.wc-custom-layout .wi-E4000FB4-CB70-41F6-83AC-CB73195F98A4 .navigation-item > a:hover {
    color: #ffffff;
}
.wc-custom-layout .wi-E4000FB4-CB70-41F6-83AC-CB73195F98A4 .navigation-item-child-container {
    box-shadow: 0 2px 4px rgba(0,0,0,0.12);
    padding: 6px 8px;
    min-width: 119px;
}
.wc-custom-layout .wi-E4000FB4-CB70-41F6-83AC-CB73195F98A4 .navigation-item-child-container .navigation-item > a {
    color: #0a767b;
    font-size: 14px;
    padding: 6px 8px;
    display: block;
}
.wc-custom-layout .wi-E4000FB4-CB70-41F6-83AC-CB73195F98A4 .navigation-item-child-container .navigation-item > a:hover {
    background: #ffd84d;
}
.wc-custom-layout .navigation-item-child-container {
    margin-top: 2px !important;
} 
.wc-custom-layout .wi-E4000FB4-CB70-41F6-83AC-CB73195F98A4 .navigation-item-child-container {
    margin-top: 2px;
}
.wc-custom-layout .wi-E4000FB4-CB70-41F6-83AC-CB73195F98A4 .navigation-item-child-container { display: flex !important; flex-direction: column !important; gap: 2px !important; }
.wc-custom-layout .wi-E4000FB4-CB70-41F6-83AC-CB73195F98A4 .navigation-item-child-container .navigation-item > a { padding: 6px 8px !important; }
.wc-custom-layout .wi-E4000FB4-CB70-41F6-83AC-CB73195F98A4 .navigation-item-child-container .navigation-item { background: #ffce00 !important; box-shadow: 0 2px 4px rgba(0,0,0,0.12) !important; }
.wc-custom-layout .wi-E4000FB4-CB70-41F6-83AC-CB73195F98A4 .child-opener {
    display: none;
}
.wc-custom-layout .wi-E4000FB4-CB70-41F6-83AC-CB73195F98A4 .nav-wrapper.horizontal > .navigation-item > a {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
.wc-custom-layout .wi-E4000FB4-CB70-41F6-83AC-CB73195F98A4 .nav-wrapper.horizontal > .navigation-item > a::after { content: ''; display: block; height: 3px; width: 100%; background: #ffce00; margin-top: 8px; }
@media (max-width: 1200px) {
.wc-custom-layout .wi-E4000FB4-CB70-41F6-83AC-CB73195F98A4 .nav-wrapper.horizontal > .navigation-item > a {
    padding: 13px 24px !important;
    border-bottom: 1px solid rgba(255,255,255,0.12) !important;
}
.wc-custom-layout .wi-E4000FB4-CB70-41F6-83AC-CB73195F98A4 .nav-wrapper.horizontal > .navigation-item > a::after { display: none !important; }
.wc-custom-layout .wi-E4000FB4-CB70-41F6-83AC-CB73195F98A4 .navigation-item-child-container { position: static !important; opacity: 1 !important; visibility: visible !important; display: flex !important; flex-direction: column !important; transform: none !important; pointer-events: auto !important; box-shadow: none !important; margin: 0 !important; min-width: 0 !important; background: transparent !important; }
.wc-custom-layout .wi-E4000FB4-CB70-41F6-83AC-CB73195F98A4 .navigation-item-child-container .navigation-item > a {
    display: block !important;
    width: 100% !important;
    background: rgba(0,0,0,0.16) !important;
    color: #ffce00 !important;
    padding: 11px 40px !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}
.wc-custom-layout .wi-E4000FB4-CB70-41F6-83AC-CB73195F98A4 .navigation-item-child-container .navigation-item { background: transparent !important; padding: 0 !important; }
}

/* Author section CSS (loaded last — wins same-specificity ties) */
body.widget-snippet { padding: 0; margin: 0; }
.wc-custom-layout * { box-sizing: border-box; }
.wc-custom-layout .wcs_section_979db3a9 a { background: initial; background-color: initial; border: initial; border-bottom: initial; border-radius: initial; color: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; margin: initial; margin-left: initial; margin-top: initial; outline: initial; padding: initial; padding-left: initial; text-align: inherit; text-decoration: inherit; }
.wc-custom-layout .wcs_section_979db3a9 blockquote { border-left: none; margin: 0; padding-left: 0; }
.wc-custom-layout .wcs_section_979db3a9 button { background: initial; background-color: initial; border: initial; border-radius: initial; color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: normal; margin: 0; margin-left: initial; margin-top: initial; padding: initial; text-align: inherit; text-decoration: inherit; text-transform: none; }
.wc-custom-layout .wcs_section_979db3a9 fieldset { border: none; margin: 0; padding: 0; }
.wc-custom-layout .wcs_section_979db3a9 h1 { border: initial; color: inherit; font-family: inherit; font-size: revert; font-weight: inherit; line-height: inherit; margin: 0; margin-bottom: initial; padding-bottom: initial; text-align: inherit; }
.wc-custom-layout .wcs_section_979db3a9 h2 { border: initial; border-bottom: initial; color: inherit; font-family: inherit; font-size: revert; font-style: inherit; font-weight: inherit; line-height: inherit; margin: 0; margin-bottom: initial; padding: initial; padding-bottom: initial; text-align: inherit; }
.wc-custom-layout .wcs_section_979db3a9 h3 { color: inherit; font-family: inherit; font-size: revert; font-style: inherit; font-weight: inherit; line-height: inherit; margin: 0; padding: initial; padding-bottom: initial; text-transform: inherit; }
.wc-custom-layout .wcs_section_979db3a9 h4 { border-bottom: initial; color: inherit; font-size: revert; font-weight: inherit; line-height: inherit; margin: 0; padding-bottom: initial; }
.wc-custom-layout .wcs_section_979db3a9 h5 { border-bottom: initial; color: inherit; font-size: revert; font-weight: inherit; margin: 0; padding: initial; padding-bottom: initial; text-transform: inherit; }
.wc-custom-layout .wcs_section_979db3a9 h6 { color: inherit; }
.wc-custom-layout .wcs_section_979db3a9 hr { border: none; border-top: 1px solid currentColor; margin-bottom: initial; margin-top: initial; }
.wc-custom-layout .wcs_section_979db3a9 img { border: none; border-radius: initial; margin: initial; padding: initial; padding-right: initial; vertical-align: middle; }
.wc-custom-layout .wcs_section_979db3a9 input { background: initial; background-color: initial; border: initial; border-bottom: initial; border-color: initial; border-radius: initial; border-right: initial; border-top: initial; color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: normal; margin: 0; margin-right: initial; margin-top: initial; outline: initial; padding: initial; padding-right: initial; text-align: start; vertical-align: initial; }
.wc-custom-layout .wcs_section_979db3a9 li { border: initial; border-radius: initial; color: inherit; font-size: inherit; line-height: inherit; list-style: inherit; margin: 0; margin-bottom: initial; margin-left: initial; padding: 0; }
.wc-custom-layout .wcs_section_979db3a9 ol { margin: 0; padding-left: initial; }
.wc-custom-layout .wcs_section_979db3a9 p { color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; margin: 0; margin-bottom: initial; margin-top: initial; padding: initial; padding-bottom: initial; padding-top: initial; text-align: inherit; }
.wc-custom-layout .wcs_section_979db3a9 pre { background: transparent; border-radius: 0; border-width: initial; color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; margin: 0; padding: 0; }
.wc-custom-layout .wcs_section_979db3a9 select { background: initial; background-color: initial; border: initial; border-bottom: initial; border-radius: initial; color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; margin: 0; margin-right: initial; padding: initial; padding-left: initial; padding-right: initial; text-transform: none; }
.wc-custom-layout .wcs_section_979db3a9 table { background: initial; background-color: initial; border: initial; border-bottom: initial; border-radius: initial; box-shadow: initial; margin: initial; margin-bottom: initial; }
.wc-custom-layout .wcs_section_979db3a9 textarea { background: initial; background-color: initial; border: initial; border-bottom: initial; border-radius: initial; color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; margin: 0; padding: initial; text-align: start; }
.wc-custom-layout .wcs_section_979db3a9 ul { font-size: inherit; list-style: none; margin: 0; padding: 0; padding-left: initial; }

.wc-custom-layout .wcs_section_979db3a9 :where(h1, h2, h3, h4, h5, h6, p, blockquote, figure, figcaption, dd, dl) { margin: 0; padding: 0; }
.wc-custom-layout .wcs_section_979db3a9, .wc-custom-layout .wcs_section_979db3a9 * { box-sizing: border-box; }
.wc-custom-layout .wcs_section_979db3a9 img { display: block; }
.wc-custom-layout .wcs_section_979db3a9 .wrap { width: 1192px; max-width: calc(100% - 80px); margin: 0 auto; }
.wc-custom-layout .wcs_section_979db3a9 .nav {
 background: var(--teal);
 height: 90px;
 box-shadow: 0 6px 6px 0 rgba(0,0,0,0.16);
 position: sticky;
 top: 0;
 z-index: 50;
 }
.wc-custom-layout .wcs_section_979db3a9 .nav-inner { position: relative; height: 90px; display: flex; align-items: center; }
.wc-custom-layout .wcs_section_979db3a9 .logo {
 position: absolute; left: 0; top: 0; width: 161px; height: 161px; z-index: 10;
 box-shadow: 0 6px 6px 0 rgba(0,0,0,0.16);
 }
.wc-custom-layout .wcs_section_979db3a9 .logo img { width: 100%; height: 100%; object-fit: cover; }
.wc-custom-layout .wcs_section_979db3a9 .nav-links {
 margin-left: 252px; flex: 1; display: flex; justify-content: space-between;
 align-items: center; height: 90px;
 }
.wc-custom-layout .wcs_section_979db3a9 .nav-links a {
 display: flex; flex-direction: column; align-items: stretch; text-decoration: none;
 color: #fff; font-weight: 600; font-size: 14px; line-height: 1.15;
 letter-spacing: 0.02em; text-transform: uppercase;
 }







.wc-custom-layout .wcs_section_979db3a9 .photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.wc-custom-layout .wcs_section_979db3a9 .welcome .body a { color: inherit; text-decoration: underline; }
.wc-custom-layout .wcs_section_979db3a9 .circle img { width: 100%; height: 100%; object-fit: cover; display: block; }
.wc-custom-layout .wcs_section_979db3a9 .footer-logo img { width: 100%; height: auto; }
.wc-custom-layout .wcs_section_979db3a9 .footer-links a {
    display: block; color: #fff; text-decoration: none; font-weight: 500; font-size: 16px;
    letter-spacing: 0.015em; line-height: 44px;
  }
.wc-custom-layout .wcs_section_979db3a9 .footer-links a:hover { color: var(--yellow); }
.wc-custom-layout .wcs_section_979db3a9 .store-badges .badge img { width: 150px; height: auto; display: block; }
@media (max-width: 980px) {
  .wc-custom-layout .wcs_section_979db3a9 .nav { height: auto; position: relative; }
  .wc-custom-layout .wcs_section_979db3a9 .nav-inner { flex-direction: column; height: auto; padding: 70px 0 16px; }
  .wc-custom-layout .wcs_section_979db3a9 .logo { left: 50%; transform: translateX(-50%); }
  .wc-custom-layout .wcs_section_979db3a9 .nav-links { margin-left: 0; flex-wrap: wrap; justify-content: center; gap: 18px 24px; height: auto; }
  .wc-custom-layout .wcs_section_979db3a9 .nav-links a { align-items: center; }
  
  .wc-custom-layout .wcs_section_979db3a9 .redlands .grid { grid-template-columns: 1fr; row-gap: 32px; }
  .wc-custom-layout .wcs_section_979db3a9 .col-right .copy { margin-top: 20px; }
  .wc-custom-layout .wcs_section_979db3a9 .footer-inner { grid-template-columns: 1fr; row-gap: 36px; }
  .wc-custom-layout .wcs_section_979db3a9 .top-btn { display: flex; }
}
@media (max-width: 980px) {
  .wc-custom-layout .wcs_section_979db3a9 .top-btn { display: flex; }
  body > .body {padding: 0 0;}
}
.wc-custom-layout .wcs_section_979db3a9 .footer-logo img { width: 100%; height: auto; }
.wc-custom-layout .wcs_section_979db3a9 .footer-nav a { color: #fff; text-decoration: none; font-weight: 600; font-size: 16px; letter-spacing: 0.04em; text-transform: uppercase; line-height: 44px; }
.wc-custom-layout .wcs_section_979db3a9 .footer-nav a:hover { color: var(--yellow); }
.wc-custom-layout .wcs_section_979db3a9 .footer-legal a { color: #fff; text-decoration: none; font-weight: 600; font-size: 16px; letter-spacing: 0.04em; text-transform: uppercase; line-height: 44px; }
.wc-custom-layout .wcs_section_979db3a9 .footer-legal a:hover { color: var(--yellow); }
@media (max-width: 980px) {
  .wc-custom-layout .wcs_section_979db3a9 .footer-inner { grid-template-columns: 1fr; row-gap: 28px; }
  .wc-custom-layout .wcs_section_979db3a9 .footer-legal { text-align: left; justify-content: flex-start; }
}
.wc-custom-layout .wcs_section_979db3a9, .wc-custom-layout .wcs_section_979db3a9 *, .wc-custom-layout .wcs_section_979db3a9 *::before, .wc-custom-layout .wcs_section_979db3a9 *::after { box-sizing: border-box; }
.wc-custom-layout .wcs_section_979db3a9 img, .wc-custom-layout .wcs_section_979db3a9 video, .wc-custom-layout .wcs_section_979db3a9 iframe, .wc-custom-layout .wcs_section_979db3a9 svg { max-width: 100%; }
.wc-custom-layout .wcs_section_979db3a9 .nav-toggle, .wc-custom-layout .wcs_section_979db3a9 .nav-burger { display: none; }
.wc-custom-layout .wcs_section_979db3a9 .sponsor-link img { display: block; width: auto; max-width: 100%; }
.wc-custom-layout .wcs_section_979db3a9 .sp-artlinks img { height: clamp(56px, 9vw, 84px); }
.wc-custom-layout .wcs_section_979db3a9 .sp-redlands img { height: clamp(104px, 16vw, 150px); }
.wc-custom-layout .wcs_section_979db3a9 .sp-helsinki img { height: clamp(88px, 14vw, 128px); }
.wc-custom-layout .wcs_section_979db3a9 .sp-comm img { height: clamp(46px, 8vw, 66px); }
.wc-custom-layout .wcs_section_979db3a9 .sp-webcommander img { height: clamp(30px, 5vw, 40px); }
@media (max-width: 1260px) {
  .wc-custom-layout .wcs_section_979db3a9 .wrap { width: auto !important; max-width: 100% !important; margin-left: auto !important; margin-right: auto !important;
 padding-left: clamp(16px, 4.2vw, 44px) !important; padding-right: clamp(16px, 4.2vw, 44px) !important; }
}
@media (max-width: 1200px) {
  .wc-custom-layout .wcs_section_979db3a9 .h-section { font-size: clamp(24px, 4.4vw, 42px) !important; line-height: 1.16 !important; }
  .wc-custom-layout .wcs_section_979db3a9 .hero-title span { font-size: clamp(20px, 3.3vw, 36px) !important; line-height: 1.28 !important; }
  .wc-custom-layout .wcs_section_979db3a9 .aerial-title { font-size: clamp(18px, 3.4vw, 36px) !important; line-height: 1.22 !important; margin-top: clamp(14px, 3vw, 34px) !important; padding: 0 16px !important; text-align: center !important; }
  .wc-custom-layout .wcs_section_979db3a9 [class$="-hero"] h1, .wc-custom-layout .wcs_section_979db3a9 .hero-banner h1, .wc-custom-layout .wcs_section_979db3a9 .teams-hero h1 { font-size: clamp(22px, 3.6vw, 36px) !important; line-height: 1.2 !important; }
}
@media (max-width: 1200px) {
  .wc-custom-layout .wcs_section_979db3a9 .nav { height: 64px; }
  .wc-custom-layout .wcs_section_979db3a9 .nav-inner { height: 64px; flex-direction: row; padding: 0; justify-content: flex-start; }
  .wc-custom-layout .wcs_section_979db3a9 .logo { width: 54px; height: 54px; left: 14px; top: 5px; transform: none; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,0.22); }
  .wc-custom-layout .wcs_section_979db3a9 .nav-burger {
 display: flex; flex-direction: column; gap: 5px; cursor: pointer;
 position: absolute; right: 18px; top: 50%; transform: translateY(-50%);
 width: 32px; padding: 5px 1px; z-index: 80;
 }
  .wc-custom-layout .wcs_section_979db3a9 .nav-burger span { display: block; height: 3px; width: 100%; background: #fff; border-radius: 2px; transition: transform .25s, opacity .2s; }
  .wc-custom-layout .wcs_section_979db3a9 .nav-links {
 display: none; position: absolute; top: 64px; left: 0; right: 0; margin-left: 0;
 height: auto; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; gap: 0; align-items: stretch; background: var(--teal);
 padding: 4px 0 12px; box-shadow: 0 8px 10px rgba(0,0,0,0.18); max-height: calc(100vh - 64px); overflow-y: auto;
 }
  .wc-custom-layout .wcs_section_979db3a9 .nav-toggle:checked ~ .nav-links { display: flex; }
  .wc-custom-layout .wcs_section_979db3a9 .nav-links a { display: block; padding: 13px 24px; font-size: 15px; line-height: 1.25; border-bottom: 1px solid rgba(255,255,255,0.12); }
  
  
  
  
  
  
  
  .wc-custom-layout .wcs_section_979db3a9 .nav-toggle:checked ~ .nav-burger span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
  .wc-custom-layout .wcs_section_979db3a9 .nav-toggle:checked ~ .nav-burger span:nth-child(2) { opacity: 0; }
  .wc-custom-layout .wcs_section_979db3a9 .nav-toggle:checked ~ .nav-burger span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }
}
@media (max-width: 1200px) {
  .wc-custom-layout .wcs_section_979db3a9 .hero { height: clamp(300px, 46vw, 550px) !important; }
  .wc-custom-layout .wcs_section_979db3a9 [class$="-hero"], .wc-custom-layout .wcs_section_979db3a9 .hero-banner { height: clamp(160px, 24vw, 250px) !important; }
}
@media (max-width: 1024px) {
  .wc-custom-layout .wcs_section_979db3a9 .links-grid, .wc-custom-layout .wcs_section_979db3a9 .cols, .wc-custom-layout .wcs_section_979db3a9 .accomm .cols, .wc-custom-layout .wcs_section_979db3a9 .index-grid, .wc-custom-layout .wcs_section_979db3a9 .care-cols { grid-template-columns: 1fr 1fr !important; column-gap: clamp(20px, 3.5vw, 36px) !important; row-gap: 26px !important; }
}
@media (max-width: 900px) {
  .wc-custom-layout .wcs_section_979db3a9 .redlands .grid, .wc-custom-layout .wcs_section_979db3a9 .intro-grid, .wc-custom-layout .wcs_section_979db3a9 .row-top, .wc-custom-layout .wcs_section_979db3a9 .row-care, .wc-custom-layout .wcs_section_979db3a9 .grass .grid, .wc-custom-layout .wcs_section_979db3a9 .getting .grid {
 grid-template-columns: 1fr !important; row-gap: 26px !important;
 }
  .wc-custom-layout .wcs_section_979db3a9 .col-left .copy, .wc-custom-layout .wcs_section_979db3a9 .col-right .copy, .wc-custom-layout .wcs_section_979db3a9 .grass .copy, .wc-custom-layout .wcs_section_979db3a9 .getting .copy { margin-top: 18px !important; padding-top: 0 !important; }
}
@media (max-width: 760px) {
  .wc-custom-layout .wcs_section_979db3a9 .links-grid, .wc-custom-layout .wcs_section_979db3a9 .cols, .wc-custom-layout .wcs_section_979db3a9 .accomm .cols, .wc-custom-layout .wcs_section_979db3a9 .index-grid, .wc-custom-layout .wcs_section_979db3a9 .care-cols { grid-template-columns: 1fr !important; row-gap: 20px !important; }
  .wc-custom-layout .wcs_section_979db3a9 .photo-grid, .wc-custom-layout .wcs_section_979db3a9 .beyond-grid { display: flex !important; flex-direction: column !important; gap: 16px !important; }
  .wc-custom-layout .wcs_section_979db3a9 .photo-grid > *, .wc-custom-layout .wcs_section_979db3a9 .beyond-grid > * { width: 100% !important; height: auto !important; aspect-ratio: 16 / 10 !important; }
  .wc-custom-layout .wcs_section_979db3a9 .circles { gap: clamp(22px, 7vw, 44px) !important; }
  .wc-custom-layout .wcs_section_979db3a9 .circle, .wc-custom-layout .wcs_section_979db3a9 .circle img { width: clamp(120px, 42vw, 180px) !important; height: clamp(120px, 42vw, 180px) !important; }
  .wc-custom-layout .wcs_section_979db3a9 .aerial { aspect-ratio: 16 / 9 !important; align-items: center !important; }
  .wc-custom-layout .wcs_section_979db3a9 .aerial-title { margin-top: 0 !important; }
  .wc-custom-layout .wcs_section_979db3a9 .btn-pill { min-width: 0 !important; width: 100% !important; max-width: 380px !important; padding: 0 18px !important; }
  .wc-custom-layout .wcs_section_979db3a9 .hero-title { padding-top: 16px !important; }
  .wc-custom-layout .wcs_section_979db3a9 table.tbl, .wc-custom-layout .wcs_section_979db3a9 table.sched, .wc-custom-layout .wcs_section_979db3a9 table.standings, .wc-custom-layout .wcs_section_979db3a9 table.teams, .wc-custom-layout .wcs_section_979db3a9 .teams-table table, .wc-custom-layout .wcs_section_979db3a9 section table {
      display: block !important; width: 100% !important; max-width: 100% !important;
      overflow-x: auto !important; -webkit-overflow-scrolling: touch; white-space: nowrap;
    }
}
@media (max-width: 480px) {
  .wc-custom-layout .wcs_section_979db3a9 .h-section { font-size: clamp(21px, 6.4vw, 28px) !important; }
  .wc-custom-layout .wcs_section_979db3a9 .circle, .wc-custom-layout .wcs_section_979db3a9 .circle img { width: clamp(110px, 60vw, 170px) !important; height: clamp(110px, 60vw, 170px) !important; }
}
@media (max-width: 900px) {
  .wc-custom-layout .wcs_section_979db3a9 .footer-inner { grid-template-columns: 1fr !important; row-gap: 28px !important; }
  .wc-custom-layout .wcs_section_979db3a9 .footer-legal { text-align: left !important; justify-content: flex-start !important; }
  .wc-custom-layout .wcs_section_979db3a9 .footer-links { grid-template-columns: 1fr 1fr !important; }
}
@media (max-width: 480px) {
  .wc-custom-layout .wcs_section_979db3a9 .top-btn { display: flex !important; }
}

/* mcp-layout-pin: layout CSS is shared across pages (header/footer
   reuse) — pin this page's theme vars + inherited body text styling on
   the section wrapper so the layout renders identically on pages with
   a different theme. */
.wcs_section_979db3a9 {
  --teal: #0a767b;
  --yellow: #ffce00;
  font-family: "Montserrat", sans-serif;
  color: #000;
  -webkit-font-smoothing: antialiased;
  font-weight: 500;
  line-height: 40px;
  letter-spacing: 0.025em;
}

/* Native widget CSS overrides */
.wc-custom-layout .wi-F21E7526-6615-45F8-BA33-CE60FB9DA28E { display: block; }
/* Navigation widget — layout defaults. The widget framework wraps the original
   <nav><a></a></nav> in two extra divs (.widget-navigation > .nav-wrapper >
   .navigation-item > <a>), which breaks the parent's flex distribution (the
   widget div becomes the only flex child, items clump). We supply sensible
   layout defaults here so navs render correctly even when the section CSS
   isn't available (e.g. when shared style.css caching delays propagation for
   header/footer placements). Specific designs (centered, right-aligned, etc.)
   can still override these via section CSS which loads later in the cascade. */
/* `display: contents` on both widget wrappers makes them layout-transparent —
   the .navigation-item divs become direct flex children of the original parent
   (.main-nav, .footer-links-col, etc.). The author's source CSS on that parent
   (justify-content: center / space-between / flex-end, gap, etc.) then applies
   to the items directly — works for ANY design with NO hardcoded layout. */
.wc-custom-layout .wi-F21E7526-6615-45F8-BA33-CE60FB9DA28E .widget-navigation { display: contents; }
.wc-custom-layout .wi-F21E7526-6615-45F8-BA33-CE60FB9DA28E .nav-wrapper.horizontal { display: contents; }
.wc-custom-layout .wi-F21E7526-6615-45F8-BA33-CE60FB9DA28E .nav-wrapper.vertical {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    list-style: none;
    margin: 0;
    padding: 0;
}
/* Mechanical resets: WC base CSS / ecommerce CSS adds an underline + border to
   .navigation-item a that the author's source CSS doesn't know about. Null those
   out here — they're true resets (counter widget-framework-injected styles).
   Padding is reset with !important: link box styling lives on .navigation-item
   (the container), so the anchor must carry NO box padding. Without !important an
   author DESCENDANT rule that still matches the widget anchor (e.g. a footer's
   `.foot-col a` padding rule, same 0,3,1 specificity, later in the cascade)
   stacks with the container padding and doubles the item spacing. WC's own
   `.vertical .navigation-item a` padding is countered the same way. */
.wc-custom-layout .wi-F21E7526-6615-45F8-BA33-CE60FB9DA28E .navigation-item > a {
    text-decoration: none;
    border-bottom: none;
    padding: 0 !important;
}
/* Label needs `white-space: pre-line` so the `\n` we encode for `<br>` (in
   `_extract_nav_items`) renders as an actual line break. Harmless on labels
   without newlines (behaves like normal whitespace). */
.wc-custom-layout .wi-F21E7526-6615-45F8-BA33-CE60FB9DA28E .navigation-item > a > span.label { white-space: pre-line; }
.wc-custom-layout .wi-F21E7526-6615-45F8-BA33-CE60FB9DA28E .widget-navigation .menu-title { display: none; }
.wc-custom-layout .wi-F21E7526-6615-45F8-BA33-CE60FB9DA28E .widget-navigation .menu-button { display: none; }
/* Sub-menu dropdown — reset WC site-base defaults + show on hover with fade */
.wc-custom-layout .wi-F21E7526-6615-45F8-BA33-CE60FB9DA28E .navigation-item.has-child { position: relative; }
/* Reset WC white background image, fixed width/position */
.wc-custom-layout .wi-F21E7526-6615-45F8-BA33-CE60FB9DA28E .navigation-item-child-container { position: absolute; top: 100%; left: 0; z-index: 10000; opacity: 0; visibility: hidden; transform: translateY(4px); transition: opacity 0.2s, visibility 0.2s, transform 0.2s; pointer-events: none; background-image: none; width: auto; }
.wc-custom-layout .wi-F21E7526-6615-45F8-BA33-CE60FB9DA28E .has-child .navigation-item-child-container { background-image: none; left: 0; top: 100%; width: auto; }
.wc-custom-layout .wi-F21E7526-6615-45F8-BA33-CE60FB9DA28E .navigation-item.has-child:hover > .navigation-item-child-container { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; display: block; }
/* Reset WC dropdown item defaults: border-bottom, padding */
.wc-custom-layout .wi-F21E7526-6615-45F8-BA33-CE60FB9DA28E .navigation-item-child-container .navigation-item { padding: 0; }
.wc-custom-layout .wi-F21E7526-6615-45F8-BA33-CE60FB9DA28E .navigation-item-child-container .navigation-item a { border-bottom: none; }
.wc-custom-layout .wi-F21E7526-6615-45F8-BA33-CE60FB9DA28E .child-opener { display: none; }
.wc-custom-layout .wi-F21E7526-6615-45F8-BA33-CE60FB9DA28E .navigation-item {
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0.64px;
    line-height: 44px;
    text-decoration: none;
}
.wc-custom-layout .wi-F21E7526-6615-45F8-BA33-CE60FB9DA28E .navigation-item > a {
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0.64px;
    line-height: 44px;
}
.wc-custom-layout .wi-F21E7526-6615-45F8-BA33-CE60FB9DA28E .navigation-item > a > span.label {
    text-decoration: inherit;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.64px;
    line-height: 44px;
}
.wc-custom-layout .wi-F21E7526-6615-45F8-BA33-CE60FB9DA28E .navigation-item > a:hover {
    color: #ffce00;
}
.wc-custom-layout .wi-F21E7526-6615-45F8-BA33-CE60FB9DA28E .navigation-item-child-container {
    background: #ffce00;
    box-shadow: 0 2px 4px rgba(0,0,0,0.12);
    min-width: 119px;
}
.wc-custom-layout .wi-F21E7526-6615-45F8-BA33-CE60FB9DA28E .navigation-item-child-container .navigation-item > a {
    color: #0a767b;
    font-size: 14px;
    padding: 6px 8px;
    display: block;
}
.wc-custom-layout .wi-F21E7526-6615-45F8-BA33-CE60FB9DA28E .navigation-item-child-container .navigation-item > a:hover {
    background: #ffd84d;
}
.wc-custom-layout .wi-F21E7526-6615-45F8-BA33-CE60FB9DA28E .navigation-item-child-container { display: flex !important; flex-direction: column !important; }
.wc-custom-layout .wi-F21E7526-6615-45F8-BA33-CE60FB9DA28E .navigation-item-child-container .navigation-item > a { padding: 6px 8px !important; }
.wc-custom-layout .wi-F21E7526-6615-45F8-BA33-CE60FB9DA28E .child-opener {
    display: none;
}
@media (max-width: 1200px) {
.wc-custom-layout .wi-F21E7526-6615-45F8-BA33-CE60FB9DA28E .navigation-item-child-container { position: static !important; opacity: 1 !important; visibility: visible !important; display: flex !important; flex-direction: column !important; transform: none !important; pointer-events: auto !important; box-shadow: none !important; margin: 0 !important; min-width: 0 !important; background: transparent !important; }
.wc-custom-layout .wi-F21E7526-6615-45F8-BA33-CE60FB9DA28E .navigation-item-child-container .navigation-item > a {
    display: block !important;
    width: 100% !important;
    background: rgba(0,0,0,0.16) !important;
    color: #ffce00 !important;
    padding: 11px 40px !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}
.wc-custom-layout .wi-F21E7526-6615-45F8-BA33-CE60FB9DA28E .navigation-item-child-container .navigation-item { background: transparent !important; padding: 0 !important; }
}
.wc-custom-layout .wi-F3ED0479-1F2E-467A-9FC7-33DF276BA897 { display: block; }
/* Navigation widget — layout defaults. The widget framework wraps the original
   <nav><a></a></nav> in two extra divs (.widget-navigation > .nav-wrapper >
   .navigation-item > <a>), which breaks the parent's flex distribution (the
   widget div becomes the only flex child, items clump). We supply sensible
   layout defaults here so navs render correctly even when the section CSS
   isn't available (e.g. when shared style.css caching delays propagation for
   header/footer placements). Specific designs (centered, right-aligned, etc.)
   can still override these via section CSS which loads later in the cascade. */
/* `display: contents` on both widget wrappers makes them layout-transparent —
   the .navigation-item divs become direct flex children of the original parent
   (.main-nav, .footer-links-col, etc.). The author's source CSS on that parent
   (justify-content: center / space-between / flex-end, gap, etc.) then applies
   to the items directly — works for ANY design with NO hardcoded layout. */
.wc-custom-layout .wi-F3ED0479-1F2E-467A-9FC7-33DF276BA897 .widget-navigation { display: contents; }
.wc-custom-layout .wi-F3ED0479-1F2E-467A-9FC7-33DF276BA897 .nav-wrapper.horizontal { display: contents; }
.wc-custom-layout .wi-F3ED0479-1F2E-467A-9FC7-33DF276BA897 .nav-wrapper.vertical {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    list-style: none;
    margin: 0;
    padding: 0;
}
/* Mechanical resets: WC base CSS / ecommerce CSS adds an underline + border to
   .navigation-item a that the author's source CSS doesn't know about. Null those
   out here — they're true resets (counter widget-framework-injected styles).
   Padding is reset with !important: link box styling lives on .navigation-item
   (the container), so the anchor must carry NO box padding. Without !important an
   author DESCENDANT rule that still matches the widget anchor (e.g. a footer's
   `.foot-col a` padding rule, same 0,3,1 specificity, later in the cascade)
   stacks with the container padding and doubles the item spacing. WC's own
   `.vertical .navigation-item a` padding is countered the same way. */
.wc-custom-layout .wi-F3ED0479-1F2E-467A-9FC7-33DF276BA897 .navigation-item > a {
    text-decoration: none;
    border-bottom: none;
    padding: 0 !important;
}
/* Label needs `white-space: pre-line` so the `\n` we encode for `<br>` (in
   `_extract_nav_items`) renders as an actual line break. Harmless on labels
   without newlines (behaves like normal whitespace). */
.wc-custom-layout .wi-F3ED0479-1F2E-467A-9FC7-33DF276BA897 .navigation-item > a > span.label { white-space: pre-line; }
.wc-custom-layout .wi-F3ED0479-1F2E-467A-9FC7-33DF276BA897 .widget-navigation .menu-title { display: none; }
.wc-custom-layout .wi-F3ED0479-1F2E-467A-9FC7-33DF276BA897 .widget-navigation .menu-button { display: none; }
/* Sub-menu dropdown — reset WC site-base defaults + show on hover with fade */
.wc-custom-layout .wi-F3ED0479-1F2E-467A-9FC7-33DF276BA897 .navigation-item.has-child { position: relative; }
/* Reset WC white background image, fixed width/position */
.wc-custom-layout .wi-F3ED0479-1F2E-467A-9FC7-33DF276BA897 .navigation-item-child-container { position: absolute; top: 100%; left: 0; z-index: 10000; opacity: 0; visibility: hidden; transform: translateY(4px); transition: opacity 0.2s, visibility 0.2s, transform 0.2s; pointer-events: none; background-image: none; width: auto; }
.wc-custom-layout .wi-F3ED0479-1F2E-467A-9FC7-33DF276BA897 .has-child .navigation-item-child-container { background-image: none; left: 0; top: 100%; width: auto; }
.wc-custom-layout .wi-F3ED0479-1F2E-467A-9FC7-33DF276BA897 .navigation-item.has-child:hover > .navigation-item-child-container { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; display: block; }
/* Reset WC dropdown item defaults: border-bottom, padding */
.wc-custom-layout .wi-F3ED0479-1F2E-467A-9FC7-33DF276BA897 .navigation-item-child-container .navigation-item { padding: 0; }
.wc-custom-layout .wi-F3ED0479-1F2E-467A-9FC7-33DF276BA897 .navigation-item-child-container .navigation-item a { border-bottom: none; }
.wc-custom-layout .wi-F3ED0479-1F2E-467A-9FC7-33DF276BA897 .child-opener { display: none; }
.wc-custom-layout .wi-F3ED0479-1F2E-467A-9FC7-33DF276BA897 .navigation-item {
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0.64px;
    line-height: 44px;
    text-decoration: none;
}
.wc-custom-layout .wi-F3ED0479-1F2E-467A-9FC7-33DF276BA897 .navigation-item > a {
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0.64px;
    line-height: 44px;
}
.wc-custom-layout .wi-F3ED0479-1F2E-467A-9FC7-33DF276BA897 .navigation-item > a > span.label {
    text-decoration: inherit;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.64px;
    line-height: 44px;
}
.wc-custom-layout .wi-F3ED0479-1F2E-467A-9FC7-33DF276BA897 .navigation-item > a:hover {
    color: #ffce00;
}
.wc-custom-layout .wi-F3ED0479-1F2E-467A-9FC7-33DF276BA897 .navigation-item-child-container {
    background: #ffce00;
    box-shadow: 0 2px 4px rgba(0,0,0,0.12);
    min-width: 119px;
}
.wc-custom-layout .wi-F3ED0479-1F2E-467A-9FC7-33DF276BA897 .navigation-item-child-container .navigation-item > a {
    color: #0a767b;
    font-size: 14px;
    padding: 6px 8px;
    display: block;
}
.wc-custom-layout .wi-F3ED0479-1F2E-467A-9FC7-33DF276BA897 .navigation-item-child-container .navigation-item > a:hover {
    background: #ffd84d;
}
.wc-custom-layout .wi-F3ED0479-1F2E-467A-9FC7-33DF276BA897 .navigation-item-child-container { display: flex !important; flex-direction: column !important; }
.wc-custom-layout .wi-F3ED0479-1F2E-467A-9FC7-33DF276BA897 .navigation-item-child-container .navigation-item > a { padding: 6px 8px !important; }
.wc-custom-layout .wi-F3ED0479-1F2E-467A-9FC7-33DF276BA897 .child-opener {
    display: none;
}
@media (max-width: 1200px) {
.wc-custom-layout .wi-F3ED0479-1F2E-467A-9FC7-33DF276BA897 .navigation-item-child-container { position: static !important; opacity: 1 !important; visibility: visible !important; display: flex !important; flex-direction: column !important; transform: none !important; pointer-events: auto !important; box-shadow: none !important; margin: 0 !important; min-width: 0 !important; background: transparent !important; }
.wc-custom-layout .wi-F3ED0479-1F2E-467A-9FC7-33DF276BA897 .navigation-item-child-container .navigation-item > a {
    display: block !important;
    width: 100% !important;
    background: rgba(0,0,0,0.16) !important;
    color: #ffce00 !important;
    padding: 11px 40px !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}
.wc-custom-layout .wi-F3ED0479-1F2E-467A-9FC7-33DF276BA897 .navigation-item-child-container .navigation-item { background: transparent !important; padding: 0 !important; }
}

/* Author section CSS (loaded last — wins same-specificity ties) */
.wc-custom-layout .wcs_section_631b0584 a { background: initial; background-color: initial; border: initial; border-bottom: initial; border-radius: initial; color: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; margin: initial; margin-left: initial; margin-top: initial; outline: initial; padding: initial; padding-left: initial; text-align: inherit; text-decoration: inherit; }
.wc-custom-layout .wcs_section_631b0584 blockquote { border-left: none; margin: 0; padding-left: 0; }
.wc-custom-layout .wcs_section_631b0584 button { background: initial; background-color: initial; border: initial; border-radius: initial; color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: normal; margin: 0; margin-left: initial; margin-top: initial; padding: initial; text-align: inherit; text-decoration: inherit; text-transform: none; }
.wc-custom-layout .wcs_section_631b0584 fieldset { border: none; margin: 0; padding: 0; }
.wc-custom-layout .wcs_section_631b0584 h1 { border: initial; color: inherit; font-family: inherit; font-size: revert; font-weight: inherit; line-height: inherit; margin: 0; margin-bottom: initial; padding-bottom: initial; text-align: inherit; }
.wc-custom-layout .wcs_section_631b0584 h2 { border: initial; border-bottom: initial; color: inherit; font-family: inherit; font-size: revert; font-style: inherit; font-weight: inherit; line-height: inherit; margin: 0; margin-bottom: initial; padding: initial; padding-bottom: initial; text-align: inherit; }
.wc-custom-layout .wcs_section_631b0584 h3 { color: inherit; font-family: inherit; font-size: revert; font-style: inherit; font-weight: inherit; line-height: inherit; margin: 0; padding: initial; padding-bottom: initial; text-transform: inherit; }
.wc-custom-layout .wcs_section_631b0584 h4 { border-bottom: initial; color: inherit; font-size: revert; font-weight: inherit; line-height: inherit; margin: 0; padding-bottom: initial; }
.wc-custom-layout .wcs_section_631b0584 h5 { border-bottom: initial; color: inherit; font-size: revert; font-weight: inherit; margin: 0; padding: initial; padding-bottom: initial; text-transform: inherit; }
.wc-custom-layout .wcs_section_631b0584 h6 { color: inherit; }
.wc-custom-layout .wcs_section_631b0584 hr { border: none; border-top: 1px solid currentColor; margin-bottom: initial; margin-top: initial; }
.wc-custom-layout .wcs_section_631b0584 img { border: none; border-radius: initial; margin: initial; padding: initial; padding-right: initial; vertical-align: middle; }
.wc-custom-layout .wcs_section_631b0584 input { background: initial; background-color: initial; border: initial; border-bottom: initial; border-color: initial; border-radius: initial; border-right: initial; border-top: initial; color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: normal; margin: 0; margin-right: initial; margin-top: initial; outline: initial; padding: initial; padding-right: initial; text-align: start; vertical-align: initial; }
.wc-custom-layout .wcs_section_631b0584 li { border: initial; border-radius: initial; color: inherit; font-size: inherit; line-height: inherit; list-style: inherit; margin: 0; margin-bottom: initial; margin-left: initial; padding: 0; }
.wc-custom-layout .wcs_section_631b0584 ol { margin: 0; padding-left: initial; }
.wc-custom-layout .wcs_section_631b0584 p { color: inherit; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; margin: 0; margin-bottom: initial; margin-top: initial; padding: initial; padding-bottom: initial; padding-top: initial; text-align: inherit; }
.wc-custom-layout .wcs_section_631b0584 pre { background: transparent; border-radius: 0; border-width: initial; color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; margin: 0; padding: 0; }
.wc-custom-layout .wcs_section_631b0584 select { background: initial; background-color: initial; border: initial; border-bottom: initial; border-radius: initial; color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; margin: 0; margin-right: initial; padding: initial; padding-left: initial; padding-right: initial; text-transform: none; }
.wc-custom-layout .wcs_section_631b0584 table { background: initial; background-color: initial; border: initial; border-bottom: initial; border-radius: initial; box-shadow: initial; margin: initial; margin-bottom: initial; }
.wc-custom-layout .wcs_section_631b0584 textarea { background: initial; background-color: initial; border: initial; border-bottom: initial; border-radius: initial; color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; margin: 0; padding: initial; text-align: start; }
.wc-custom-layout .wcs_section_631b0584 ul { font-size: inherit; list-style: none; margin: 0; padding: 0; padding-left: initial; }
.wc-custom-layout .wcs_section_631b0584 .footer { -ms-flex-align: revert; -ms-flex-pack: revert; -webkit-box-align: revert; -webkit-box-pack: revert; align-items: revert; background-color: revert; border: revert; border-top: revert; display: revert; justify-content: revert; margin: revert; margin-bottom: revert; margin-top: revert; max-width: revert; overflow: revert; padding-left: revert; padding-right: revert; position: revert; text-align: revert; width: revert; }

.wc-custom-layout .wcs_section_631b0584 :where(h1, h2, h3, h4, h5, h6, p, blockquote, figure, figcaption, dd, dl) { margin: 0; padding: 0; }
.wc-custom-layout .wcs_section_631b0584, .wc-custom-layout .wcs_section_631b0584 * { box-sizing: border-box; }
.wc-custom-layout .wcs_section_631b0584 img { display: block; }
.wc-custom-layout .wcs_section_631b0584 .wrap { width: 1192px; max-width: calc(100% - 80px); margin: 0 auto; }
.wc-custom-layout .wcs_section_631b0584 .logo img { width: 100%; height: 100%; object-fit: cover; }
.wc-custom-layout .wcs_section_631b0584 .nav-links a {
 display: flex; flex-direction: column; align-items: stretch; text-decoration: none;
 color: #fff; font-weight: 600; font-size: 14px; line-height: 1.15;
 letter-spacing: 0.02em; text-transform: uppercase;
 }
.wc-custom-layout .wcs_section_631b0584 .nav-links a .underline { height: 3px; background: var(--yellow); margin-top: 8px; width: 100%; }
.wc-custom-layout .wcs_section_631b0584 .nav-links a .nl { display: block; }
.wc-custom-layout .wcs_section_631b0584 .nav-links .dropdown a {
 display: block; width: 119px; background: var(--yellow); color: var(--teal);
 font-weight: 700; font-size: 14px; letter-spacing: 0.02em; text-transform: uppercase;
 padding: 6px 8px; line-height: 1.25; text-decoration: none; box-shadow: 0 2px 4px rgba(0,0,0,0.12);
 }
.wc-custom-layout .wcs_section_631b0584 .nav-links .dropdown a:hover { background: #ffd84d; }
.wc-custom-layout .wcs_section_631b0584 .photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.wc-custom-layout .wcs_section_631b0584 .welcome .body a { color: inherit; text-decoration: underline; }
.wc-custom-layout .wcs_section_631b0584 .circle img { width: 100%; height: 100%; object-fit: cover; display: block; }
.wc-custom-layout .wcs_section_631b0584 .footer { background: var(--teal); color: #fff; padding: 71px 0 60px; }
.wc-custom-layout .wcs_section_631b0584 .footer-inner { display: grid; grid-template-columns: 238px 1fr auto; column-gap: 60px; align-items: start; }
.wc-custom-layout .wcs_section_631b0584 .footer-logo { width: 238px; }
.wc-custom-layout .wcs_section_631b0584 .footer-logo img { width: 100%; height: auto; }
.wc-custom-layout .wcs_section_631b0584 .footer-copy { margin-top: 26px; font-weight: 500; font-size: 14px; letter-spacing: 0.015em; }
.wc-custom-layout .wcs_section_631b0584 .footer-links a {
    display: block; color: #fff; text-decoration: none; font-weight: 500; font-size: 16px;
    letter-spacing: 0.015em; line-height: 44px;
  }
.wc-custom-layout .wcs_section_631b0584 .footer-links a:hover { color: var(--yellow); }
.wc-custom-layout .wcs_section_631b0584 .store-badges .badge img { width: 150px; height: auto; display: block; }
@media (max-width: 980px) {
  .wc-custom-layout .wcs_section_631b0584 .nav { height: auto; position: relative; }
  .wc-custom-layout .wcs_section_631b0584 .nav-inner { flex-direction: column; height: auto; padding: 70px 0 16px; }
  .wc-custom-layout .wcs_section_631b0584 .logo { left: 50%; transform: translateX(-50%); }
  .wc-custom-layout .wcs_section_631b0584 .nav-links { margin-left: 0; flex-wrap: wrap; justify-content: center; gap: 18px 24px; height: auto; }
  .wc-custom-layout .wcs_section_631b0584 .nav-links a { align-items: center; }
  .wc-custom-layout .wcs_section_631b0584 .nav-links a .underline { width: 60%; }
  .wc-custom-layout .wcs_section_631b0584 .redlands .grid { grid-template-columns: 1fr; row-gap: 32px; }
  .wc-custom-layout .wcs_section_631b0584 .col-right .copy { margin-top: 20px; }
  .wc-custom-layout .wcs_section_631b0584 .footer-inner { grid-template-columns: 1fr; row-gap: 36px; }
  .wc-custom-layout .wcs_section_631b0584 .top-btn { display: flex; }
}
@media (max-width: 980px) {
  .wc-custom-layout .wcs_section_631b0584 .top-btn { display: flex; }
}
.wc-custom-layout .wcs_section_631b0584 .footer { background: var(--teal); color: #fff; padding: 72px 0 84px; }
.wc-custom-layout .wcs_section_631b0584 .footer-inner { display: grid; grid-template-columns: 300px 1fr auto; column-gap: 40px; align-items: stretch; }
.wc-custom-layout .wcs_section_631b0584 .footer-brand { display: flex; flex-direction: column; }
.wc-custom-layout .wcs_section_631b0584 .footer-logo { width: 205px; }
.wc-custom-layout .wcs_section_631b0584 .footer-logo img { width: 100%; height: auto; }
.wc-custom-layout .wcs_section_631b0584 .footer-copy { margin-top: 28px; font-weight: 500; font-size: 16px; letter-spacing: 0.01em; }
.wc-custom-layout .wcs_section_631b0584 .footer-nav { display: flex; flex-direction: column; }
.wc-custom-layout .wcs_section_631b0584 .footer-nav a { color: #fff; text-decoration: none; font-weight: 600; font-size: 16px; letter-spacing: 0.04em; text-transform: uppercase; line-height: 44px; }
.wc-custom-layout .wcs_section_631b0584 .footer-nav a:hover { color: var(--yellow); }
.wc-custom-layout .wcs_section_631b0584 .footer-legal { display: flex; flex-direction: column; justify-content: flex-end; text-align: right; }
.wc-custom-layout .wcs_section_631b0584 .footer-legal a { color: #fff; text-decoration: none; font-weight: 600; font-size: 16px; letter-spacing: 0.04em; text-transform: uppercase; line-height: 44px; }
.wc-custom-layout .wcs_section_631b0584 .footer-legal a:hover { color: var(--yellow); }
@media (max-width: 980px) {
  .wc-custom-layout .wcs_section_631b0584 .footer-inner { grid-template-columns: 1fr; row-gap: 28px; }
  .wc-custom-layout .wcs_section_631b0584 .footer-legal { text-align: left; justify-content: flex-start; }
}
.wc-custom-layout .wcs_section_631b0584, .wc-custom-layout .wcs_section_631b0584 *, .wc-custom-layout .wcs_section_631b0584 *::before, .wc-custom-layout .wcs_section_631b0584 *::after { box-sizing: border-box; }
.wc-custom-layout .wcs_section_631b0584 img, .wc-custom-layout .wcs_section_631b0584 video, .wc-custom-layout .wcs_section_631b0584 iframe, .wc-custom-layout .wcs_section_631b0584 svg { max-width: 100%; }
.wc-custom-layout .wcs_section_631b0584 .sponsor-link img { display: block; width: auto; max-width: 100%; }
.wc-custom-layout .wcs_section_631b0584 .sp-artlinks img { height: clamp(56px, 9vw, 84px); }
.wc-custom-layout .wcs_section_631b0584 .sp-redlands img { height: clamp(104px, 16vw, 150px); }
.wc-custom-layout .wcs_section_631b0584 .sp-helsinki img { height: clamp(88px, 14vw, 128px); }
.wc-custom-layout .wcs_section_631b0584 .sp-comm img { height: clamp(46px, 8vw, 66px); }
.wc-custom-layout .wcs_section_631b0584 .sp-webcommander img { height: clamp(30px, 5vw, 40px); }
@media (max-width: 1260px) {
  .wc-custom-layout .wcs_section_631b0584 .wrap { width: auto !important; max-width: 100% !important; margin-left: auto !important; margin-right: auto !important;
 padding-left: clamp(16px, 4.2vw, 44px) !important; padding-right: clamp(16px, 4.2vw, 44px) !important; }
}
@media (max-width: 1200px) {
  .wc-custom-layout .wcs_section_631b0584 .h-section { font-size: clamp(24px, 4.4vw, 42px) !important; line-height: 1.16 !important; }
  .wc-custom-layout .wcs_section_631b0584 .hero-title span { font-size: clamp(20px, 3.3vw, 36px) !important; line-height: 1.28 !important; }
  .wc-custom-layout .wcs_section_631b0584 .aerial-title { font-size: clamp(18px, 3.4vw, 36px) !important; line-height: 1.22 !important; margin-top: clamp(14px, 3vw, 34px) !important; padding: 0 16px !important; text-align: center !important; }
  .wc-custom-layout .wcs_section_631b0584 [class$="-hero"] h1, .wc-custom-layout .wcs_section_631b0584 .hero-banner h1, .wc-custom-layout .wcs_section_631b0584 .teams-hero h1 { font-size: clamp(22px, 3.6vw, 36px) !important; line-height: 1.2 !important; }
}
@media (max-width: 1200px) {
  .wc-custom-layout .wcs_section_631b0584 .nav { height: 64px; }
  .wc-custom-layout .wcs_section_631b0584 .nav-inner { height: 64px; flex-direction: row; padding: 0; justify-content: flex-start; }
  .wc-custom-layout .wcs_section_631b0584 .logo { width: 54px; height: 54px; left: 14px; top: 5px; transform: none; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,0.22); }
  .wc-custom-layout .wcs_section_631b0584 .nav-burger {
 display: flex; flex-direction: column; gap: 5px; cursor: pointer;
 position: absolute; right: 18px; top: 50%; transform: translateY(-50%);
 width: 32px; padding: 5px 1px; z-index: 80;
 }
  .wc-custom-layout .wcs_section_631b0584 .nav-burger span { display: block; height: 3px; width: 100%; background: #fff; border-radius: 2px; transition: transform .25s, opacity .2s; }
  .wc-custom-layout .wcs_section_631b0584 .nav-links {
 display: none; position: absolute; top: 64px; left: 0; right: 0; margin-left: 0;
 height: auto; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; gap: 0; align-items: stretch; background: var(--teal);
 padding: 4px 0 12px; box-shadow: 0 8px 10px rgba(0,0,0,0.18); max-height: calc(100vh - 64px); overflow-y: auto;
 }
  .wc-custom-layout .wcs_section_631b0584 .nav-toggle:checked ~ .nav-links { display: flex; }
  .wc-custom-layout .wcs_section_631b0584 .nav-links a { display: block; padding: 13px 24px; font-size: 15px; line-height: 1.25; border-bottom: 1px solid rgba(255,255,255,0.12); }
  .wc-custom-layout .wcs_section_631b0584 .nav-links a .nl { display: inline; }
  .wc-custom-layout .wcs_section_631b0584 .nav-links a .nl + .nl::before { content: " "; }
  .wc-custom-layout .wcs_section_631b0584 .nav-links a .underline { display: none; }
  .wc-custom-layout .wcs_section_631b0584 .nav-item { width: 100%; }
  .wc-custom-layout .wcs_section_631b0584 .nav-item > a { display: block; }
  .wc-custom-layout .wcs_section_631b0584 .nav-item .dropdown { position: static; display: flex; padding: 0; margin: 0; box-shadow: none; gap: 0; }
  .wc-custom-layout .wcs_section_631b0584 .nav-item .dropdown a { width: 100%; background: rgba(0,0,0,0.16); color: var(--yellow); padding: 11px 40px; box-shadow: none; border-bottom: 1px solid rgba(255,255,255,0.08); }
  .wc-custom-layout .wcs_section_631b0584 .nav-toggle:checked ~ .nav-burger span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
  .wc-custom-layout .wcs_section_631b0584 .nav-toggle:checked ~ .nav-burger span:nth-child(2) { opacity: 0; }
  .wc-custom-layout .wcs_section_631b0584 .nav-toggle:checked ~ .nav-burger span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }
}
@media (max-width: 1200px) {
  .wc-custom-layout .wcs_section_631b0584 .hero { height: clamp(300px, 46vw, 550px) !important; }
  .wc-custom-layout .wcs_section_631b0584 [class$="-hero"], .wc-custom-layout .wcs_section_631b0584 .hero-banner { height: clamp(160px, 24vw, 250px) !important; }
}
@media (max-width: 1024px) {
  .wc-custom-layout .wcs_section_631b0584 .links-grid, .wc-custom-layout .wcs_section_631b0584 .cols, .wc-custom-layout .wcs_section_631b0584 .accomm .cols, .wc-custom-layout .wcs_section_631b0584 .index-grid, .wc-custom-layout .wcs_section_631b0584 .care-cols { grid-template-columns: 1fr 1fr !important; column-gap: clamp(20px, 3.5vw, 36px) !important; row-gap: 26px !important; }
}
@media (max-width: 900px) {
  .wc-custom-layout .wcs_section_631b0584 .redlands .grid, .wc-custom-layout .wcs_section_631b0584 .intro-grid, .wc-custom-layout .wcs_section_631b0584 .row-top, .wc-custom-layout .wcs_section_631b0584 .row-care, .wc-custom-layout .wcs_section_631b0584 .grass .grid, .wc-custom-layout .wcs_section_631b0584 .getting .grid {
 grid-template-columns: 1fr !important; row-gap: 26px !important;
 }
  .wc-custom-layout .wcs_section_631b0584 .col-left .copy, .wc-custom-layout .wcs_section_631b0584 .col-right .copy, .wc-custom-layout .wcs_section_631b0584 .grass .copy, .wc-custom-layout .wcs_section_631b0584 .getting .copy { margin-top: 18px !important; padding-top: 0 !important; }
}
@media (max-width: 760px) {
  .wc-custom-layout .wcs_section_631b0584 .links-grid, .wc-custom-layout .wcs_section_631b0584 .cols, .wc-custom-layout .wcs_section_631b0584 .accomm .cols, .wc-custom-layout .wcs_section_631b0584 .index-grid, .wc-custom-layout .wcs_section_631b0584 .care-cols { grid-template-columns: 1fr !important; row-gap: 20px !important; }
  .wc-custom-layout .wcs_section_631b0584 .photo-grid, .wc-custom-layout .wcs_section_631b0584 .beyond-grid { display: flex !important; flex-direction: column !important; gap: 16px !important; }
  .wc-custom-layout .wcs_section_631b0584 .photo-grid > *, .wc-custom-layout .wcs_section_631b0584 .beyond-grid > * { width: 100% !important; height: auto !important; aspect-ratio: 16 / 10 !important; }
  .wc-custom-layout .wcs_section_631b0584 .circles { gap: clamp(22px, 7vw, 44px) !important; }
  .wc-custom-layout .wcs_section_631b0584 .circle, .wc-custom-layout .wcs_section_631b0584 .circle img { width: clamp(120px, 42vw, 180px) !important; height: clamp(120px, 42vw, 180px) !important; }
  .wc-custom-layout .wcs_section_631b0584 .aerial { aspect-ratio: 16 / 9 !important; align-items: center !important; }
  .wc-custom-layout .wcs_section_631b0584 .aerial-title { margin-top: 0 !important; }
  .wc-custom-layout .wcs_section_631b0584 .btn-pill { min-width: 0 !important; width: 100% !important; max-width: 380px !important; padding: 0 18px !important; }
  .wc-custom-layout .wcs_section_631b0584 .hero-title { padding-top: 16px !important; }
  .wc-custom-layout .wcs_section_631b0584 table.tbl, .wc-custom-layout .wcs_section_631b0584 table.sched, .wc-custom-layout .wcs_section_631b0584 table.standings, .wc-custom-layout .wcs_section_631b0584 table.teams, .wc-custom-layout .wcs_section_631b0584 .teams-table table, .wc-custom-layout .wcs_section_631b0584 section table {
      display: block !important; width: 100% !important; max-width: 100% !important;
      overflow-x: auto !important; -webkit-overflow-scrolling: touch; white-space: nowrap;
    }
.widget-snippet .rules-format-title {
   font-size:22px !important;
} 
.widget-snippet .wcs_section_0b486372 .redlands .grid {
    margin-top: 30px !important;
}
.widget-snippet .wcs_section_3ff1b8a3 .beyond-grid,
.widget-snippet .wcs_section_2144d299 .photo-grid,
.widget-snippet .wcs_section_eeb53f33 .sponsors-grid,
.widget-snippet .wcs_section_6eb22deb .day-block,
.widget-snippet .wcs_section_c71c789f .day-block,
.widget-snippet .sponsors-grid,
.widget-snippet .wcs_section_5cc94fda .welcome .body,
.widget-snippet .wcs_section_30f5ce8f .sponsors-grid{
      margin-top: 30px !important;
 }
 .widget-snippet .wcs_section_0b486372 .paradise-copy {
    margin-top: 28px !important;
}
  
}
@media (max-width: 480px) {
  .wc-custom-layout .wcs_section_631b0584 .h-section { font-size: clamp(21px, 6.4vw, 28px) !important; }
  .wc-custom-layout .wcs_section_631b0584 .circle, .wc-custom-layout .wcs_section_631b0584 .circle img { width: clamp(110px, 60vw, 170px) !important; height: clamp(110px, 60vw, 170px) !important; }
}
@media (max-width: 900px) {
  .wc-custom-layout .wcs_section_631b0584 .footer-inner { grid-template-columns: 1fr !important; row-gap: 28px !important; }
  .wc-custom-layout .wcs_section_631b0584 .footer-legal { text-align: left !important; justify-content: flex-start !important; }
  .wc-custom-layout .wcs_section_631b0584 .footer-links { grid-template-columns: 1fr 1fr !important; }
}
@media (max-width: 480px) {
  .wc-custom-layout .wcs_section_631b0584 .top-btn { display: flex !important; }
}

/* mcp-layout-pin: layout CSS is shared across pages (header/footer
   reuse) — pin this page's theme vars + inherited body text styling on
   the section wrapper so the layout renders identically on pages with
   a different theme. */
.wcs_section_631b0584 {
  --teal: #0a767b;
  --yellow: #ffce00;
  font-family: "Montserrat", sans-serif;
  color: #000;
  -webkit-font-smoothing: antialiased;
  font-weight: 500;
  line-height: 40px;
  letter-spacing: 0.025em;
}

/* [/MCP:mcp-fixed-layout-64] */

/* [MCP:mcp-blog-detail] */
/* Blog detail page — theme alignment (deterministic, scoped to .auto-page.page-blog-post) */
/* Covers BOTH WC layouts: the classic `.blog-post-details .title/.content/
   span.date…` and the custom sidebar layouts (`.blog-details-title h1`,
   `.blog-details-content-wrapper`, `.blog-details-post-info .publish-*`).
   Selectors that don't match the active layout are simply inert. The sidebar
   panels and top-banner container are deliberately left untouched (layout). */
.auto-page.page-blog-post .blog-post-details .blog-details-banner-image-wrapper { border-radius: 10px; overflow: hidden; }

/* Title */
.auto-page.page-blog-post .blog-post-details .title,
.auto-page.page-blog-post .blog-details-title,
.auto-page.page-blog-post .blog-details-title h1,
.auto-page.page-blog-post .blog-details-title h2 {
  font-family: inherit;
  font-size: clamp(28px, 4vw, 40px);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: var(--ink, inherit);
}

/* Body content */
.auto-page.page-blog-post .blog-post-details .content,
.auto-page.page-blog-post .blog-details-content,
.auto-page.page-blog-post .blog-details-content-wrapper {
  font-family: inherit;
  font-size: 16px;
  line-height: 1.75;
  color: var(--ink, inherit);
}
/* Force the body text colour onto NESTED elements — the WC custom layout
   hardcodes dark text (e.g. `.blog-details-content-wrapper p{color:rgba(0,0,0,.9)}`)
   that is invisible on a dark theme. `*` (0,4,0) beats WC's tag rules (0,3,1). */
.auto-page.page-blog-post .blog-post-details .blog-details-content-wrapper *,
.auto-page.page-blog-post .blog-post-details .blog-details-content * { color: var(--ink, inherit); }
.auto-page.page-blog-post .blog-post-details .content a,
.auto-page.page-blog-post .blog-post-details .blog-details-content-wrapper a,
.auto-page.page-blog-post .blog-post-details .blog-details-content a { color: var(--teal, currentColor); }

/* Meta (date / author / categories / reading-time) — theme colour + font for
   BOTH layouts. The custom layout uses text labels (Published:/Author:), so no
   icons are forced there. */
.auto-page.page-blog-post .blog-post-details span.date,
.auto-page.page-blog-post .blog-post-details span.author,
.auto-page.page-blog-post .blog-post-details span.categories,
.auto-page.page-blog-post .blog-details-post-info,
.auto-page.page-blog-post .blog-details-post-info span,
.auto-page.page-blog-post .blog-details-post-info a {
  color: var(--band-grey, #6b7280);
  font-family: inherit;
  font-size: 14px;
}
/* Override the custom layout's hardcoded dark meta VALUES (e.g.
   `.blog-details-wrapper .blog-details-post-info .publish-date .inner{color:rgba(0,0,0,.6)}`)
   — invisible on a dark theme. Deep selectors (0,6,0) beat WC's (0,4,0). */
.auto-page.page-blog-post .blog-post-details .blog-details-post-info .publish-date .inner,
.auto-page.page-blog-post .blog-post-details .blog-details-post-info .publish-author .author,
.auto-page.page-blog-post .blog-post-details .blog-details-post-info .publish-categories a,
.auto-page.page-blog-post .blog-post-details .blog-details-post-info .reading-time,
.auto-page.page-blog-post .blog-post-details .blog-details-post-info .reading-time *,
.auto-page.page-blog-post .blog-post-details .blog-details-post-info .reading-time .reading-time-value { color: var(--band-grey, #6b7280); }

/* Classic layout ONLY: replace WC's dated PNG meta icons with theme-coloured
   FontAwesome marks (these selectors don't exist in the custom layout). */
.auto-page.page-blog-post .blog-post-details span.date,
.auto-page.page-blog-post .blog-post-details span.author,
.auto-page.page-blog-post .blog-post-details span.categories {
  background: none;
  position: relative;
  padding-left: 22px;
  margin-right: 16px;
}
.auto-page.page-blog-post .blog-post-details span.date::before,
.auto-page.page-blog-post .blog-post-details span.author::before,
.auto-page.page-blog-post .blog-post-details span.categories::before {
  font-family: "Fontawesome";
  position: absolute;
  left: 0;
  top: 1px;
  font-size: 15px;
  color: var(--band-grey, #6b7280);
}
.auto-page.page-blog-post .blog-post-details span.date::before { content: "\f017"; }
.auto-page.page-blog-post .blog-post-details span.author::before { content: "\f007"; }
.auto-page.page-blog-post .blog-post-details span.categories::before { content: "\f02b"; }

/* Social share title (both layouts) */
.auto-page.page-blog-post .blog-post-details .social-media-share-link-wrapper .share-title,
.auto-page.page-blog-post .blog-post-details .share-title {
  font-family: inherit;
  font-weight: 600;
  color: var(--ink, inherit);
}

/* Sidebar (recent / popular posts) — TITLE typography only (the panel chrome,
   background and layout are intentionally left to WC). Panel headings use the
   theme heading font; post-title links use the theme ink colour + accent hover.
   Specificity (0,4,1) beats WC's `.custom-layout-wrapper.blog-details-wrapper
   .sidebar-blog-title a` (0,3,1). */
.auto-page.page-blog-post .blog-post-details .panel-posts-title .panel-title,
.auto-page.page-blog-post .blog-post-details .panel-title {
  font-family: inherit;
  color: var(--ink, inherit);
}
.auto-page.page-blog-post .blog-post-details .sidebar-blog-title a {
  font-family: inherit;
  font-weight: 600;
  color: var(--ink, inherit);
}
.auto-page.page-blog-post .blog-post-details .sidebar-blog-title a:hover { color: var(--teal, currentColor); }
/* Sidebar post meta (date/info) — WC hardcodes dark text (rgba(0,0,0,.6)),
   invisible on a dark theme. (0,4,0) beats WC's (0,3,0). */
.auto-page.page-blog-post .blog-post-details .sidebar-blog-post-info,
.auto-page.page-blog-post .blog-post-details .sidebar-blog-post-info * { color: var(--band-grey, #6b7280); }

/* Related-posts band — replace WC's hardcoded beige (rgba(246,238,230,.6)) with a
   THEME background: a soft/section tint when the theme has one, else the page bg
   var, else transparent. Never hardcoded. (0,4,0) beats WC's
   `.custom-layout-wrapper.blog-details-wrapper .blog-related-post-details` (0,3,0). */
.auto-page.page-blog-post .blog-post-details .blog-related-post-details {
  background: var(--grey-section, var(--bg, transparent));
  padding-top: 10px;
}
/* Static spacing tweaks (right-sidebar layout): tighten the container's bottom gap. */
.auto-page.page-blog-post .blog-post-details.right-sidebar .blog-details-container { padding-bottom: 12px; }

/* Related CARDS — match the theme card component: surface + line border +
   theme radius + accent hover border (WC leaves them border-less, 8px radius,
   white-on-white). The card clips its own corners (overflow), so the inner
   image is squared off to avoid a double-radius notch. (0,4,0) beats WC's
   `.custom-layout-wrapper.blog-details-wrapper .blog-related-post-item` (0,3,0). */
.auto-page.page-blog-post .blog-post-details .blog-related-post-item {
  background: rgba(0,0,0,0.03);
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  transition: border-color .2s ease;
}
.auto-page.page-blog-post .blog-post-details .blog-related-post-item:hover { border-color: var(--teal, currentColor); }
/* Inner card surface — WC hardcodes `.blog-related-description{background:#fff}`,
   a white box on a dark theme. Match the card surface. (0,5,0) beats WC's (0,4,0). */
.auto-page.page-blog-post .blog-post-details .blog-related-post-item .blog-related-description { background: rgba(0,0,0,0.03); }
.auto-page.page-blog-post .blog-post-details .blog-related-post-image img { border-radius: 0; }

/* Related posts — section heading, subtext, and post-title links (text only;
   the cards/layout are left to WC). `.blog-post-details` scope gives (0,5,1),
   beating WC's `.custom-layout-wrapper.blog-details-wrapper .blog-related-post-item
   .blog-related-title a` (0,4,1). */
.auto-page.page-blog-post .blog-post-details .blog-related-title-wrapper .blog-related-title {
  font-family: inherit;
  color: var(--ink, inherit);
}
.auto-page.page-blog-post .blog-post-details .blog-related-title-wrapper .blog-related-subtext {
  font-family: inherit;
  color: var(--band-grey, #6b7280);
}
/* Related card meta (date/info) — WC hardcodes dark text (rgba(0,0,0,.72)),
   invisible on a dark theme. (0,4,0) beats WC's (0,3,0). */
.auto-page.page-blog-post .blog-post-details .blog-related-post-info,
.auto-page.page-blog-post .blog-post-details .blog-related-post-info * { color: var(--band-grey, #6b7280); }
/* Full override of WC's `.blog-related-title a` rule: theme font + colour, and
   fix its clipping — WC pins height:48px while the title inherits a 1.6
   line-height (2 lines = ~58px), so the 2nd line was hard-cut with no ellipsis
   (its `display:-webkit-box` was being overridden to flow-root, disabling the
   clamp). We restore a working 2-line clamp at a tighter line-height and use
   min-height for uniform card alignment instead of a clipping fixed height. */
.auto-page.page-blog-post .blog-post-details .blog-related-post-item .blog-related-title a {
  font-family: inherit;
  font-weight: 600;
  color: var(--ink, inherit);
  font-size: 18px;
  line-height: 1.3;
  min-height: 2.6em;
  text-decoration: none;
  transition: color 0.3s;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.auto-page.page-blog-post .blog-post-details .blog-related-post-item .blog-related-title a:hover { color: var(--teal, currentColor); }
/* Related "Read More" link — accent (WC default is a generic blue link). */
.auto-page.page-blog-post .blog-post-details .blog-related-read-more {
  color: var(--teal, currentColor);
  font-family: inherit;
  font-weight: 600;
}
.auto-page.page-blog-post .blog-post-details .blog-related-read-more:hover { color: var(--teal, currentColor); }

/* Comments list */
.auto-page.page-blog-post .blog-post-details .blog-post-comment-panel .comment-count-info-row {
  font-family: inherit;
  color: var(--ink, inherit);
  border-bottom-color: #e5e7eb;
}
.auto-page.page-blog-post .blog-post-details .blog-post-comment-panel .comment-item { border-bottom-color: #e5e7eb; }
.auto-page.page-blog-post .blog-post-details .blog-post-comment-panel .comment-item .name { color: var(--ink, inherit); font-weight: 600; }
.auto-page.page-blog-post .blog-post-details .blog-post-comment-panel .comment-item .email { color: var(--band-grey, #6b7280); }

/* Comment form */
.auto-page.page-blog-post .blog-post-details .comment-post-panel {
  border-color: #e5e7eb;
  border-radius: 10px;
}
.auto-page.page-blog-post .blog-post-details .comment-post-panel h2 {
  font-family: inherit;
  color: var(--ink, inherit);
}
.auto-page.page-blog-post .blog-post-details .comment-post-panel label { color: var(--ink, inherit); font-family: inherit; }
.auto-page.page-blog-post .blog-post-details .comment-post-panel input,
.auto-page.page-blog-post .blog-post-details .comment-post-panel textarea {
  font-family: inherit;
  font-size: 15px;
  color: var(--ink, inherit);
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  max-width: 100%;
}
.auto-page.page-blog-post .blog-post-details .comment-post-panel input:focus,
.auto-page.page-blog-post .blog-post-details .comment-post-panel textarea:focus {
  border-color: var(--teal, currentColor);
  outline: none;
}

/* Submit button — accent fill (WC default is a cramped black Arial button).
   Specificity (0,5,1) beats WC's `.custom-layout-wrapper.blog-post-details
   .comment-post-panel .form-row button` (0,4,1). */
.auto-page.page-blog-post .blog-post-details .comment-post-panel .form-row button,
.auto-page.page-blog-post .blog-post-details .comment-post-panel button[type="submit"],
.auto-page.page-blog-post .blog-post-details .comment-post-panel button {
  background: var(--teal, currentColor);
  color: #fff;
  font-family: inherit;
  font-weight: 600;
  font-size: 15px;
  border: 0;
  border-radius: 10px;
  padding: 12px 26px;
  /* Override WC's fixed `height:40px` (which squashes the padding) so the button
     sizes to the theme padding, and give a clean top gap. */
  height: auto;
  margin: 12px 0 0;
  cursor: pointer;
  transition: background .2s ease;
}
.auto-page.page-blog-post .blog-post-details .comment-post-panel .form-row button:hover,
.auto-page.page-blog-post .blog-post-details .comment-post-panel button:hover {
  background: var(--teal, currentColor);
}

/* [/MCP:mcp-blog-detail] */

/* [MCP:mcp-responsive-nav-fix] */
/* Restore the original CSS-checkbox hamburger for the native nav widget AND
   stack the widget's horizontal row-wrapper into the original vertical menu.
   - The widget replaced <nav class="nav-links">, orphaning the source
     `#navToggle:checked ~ .nav-links` sibling rule -> rewired with :has() on header.nav.
   - The widget nests `.nav-wrapper.horizontal{display:flex;flex-direction:row}`
     (from the horizontal nav-gap fix) inside `.nav-links`, so the mobile menu
     laid items out in a row that overflowed. Force it to a column on mobile.
   The panel look + item typography + submenu colours already come from the
   page component CSS (original @media rules survived), so only layout + toggle here. */
@media (min-width:1201px){
  header.nav .nav-burger, header.nav .nav-toggle{ display:none !important; }
}
@media (max-width:1200px){
  header.nav{ position:relative; }
  header.nav .nav-toggle{ display:none !important; }
  header.nav .nav-burger{ display:flex !important; }

  header.nav .nav-links{ display:none !important; }
  header.nav:has(#navToggle:checked) .nav-links{ display:flex !important; }

  /* stack the widget's inner horizontal wrapper into a vertical list */
  header.nav .nav-links .nav-wrapper,
  header.nav .nav-links .nav-wrapper.horizontal{
    display:flex !important; flex-direction:column !important; flex-wrap:nowrap !important;
    width:100% !important; align-items:stretch !important; justify-content:flex-start !important; gap:0 !important;
  }
  header.nav .nav-links .navigation-item{ width:100% !important; }
  header.nav .nav-links .navigation-item > a{
    display:block !important; padding:13px 24px !important;
    border-bottom:1px solid rgba(255,255,255,.12) !important;
  }
  /* submenu (.navigation-item-child-container is already static+column) -> full width */
  header.nav .nav-links .navigation-item-child-container{ width:100% !important; min-width:0 !important; }

  header.nav:has(#navToggle:checked) .nav-burger span:nth-child(1){ transform:translateY(8px) rotate(45deg); }
  header.nav:has(#navToggle:checked) .nav-burger span:nth-child(2){ opacity:0; }
  header.nav:has(#navToggle:checked) .nav-burger span:nth-child(3){ transform:translateY(-8px) rotate(-45deg); }
}
/* [/MCP:mcp-responsive-nav-fix] */

/* [MCP:mcp-get-in-touch-fix] */
/* get-in-touch design fixes (scoped to body.page-get-in-touch). */

/* 1) Wide pill Submit button. Source `.btn-pill{min-width:283px;height:54px;line-height:54px}`
   was renamed by the WC form widget to `.submit-button`, dropping min-width/line-height. */
body.page-get-in-touch .submit-button{
  min-width:283px !important; height:54px !important; line-height:54px !important;
  padding:0 28px !important; display:inline-flex !important; align-items:center !important;
  justify-content:center !important; border-radius:40px !important;
  font-size:18px !important; font-weight:700 !important; letter-spacing:0.04em !important;
  text-transform:uppercase !important;
}

/* 2) Message textarea height. Source `.field.msg{height:150px;align-items:flex-start;padding-top:14px}`
   + `textarea{height:100%}` was lost; the WC widget forces every `.form-row:not(.btn-row)` to
   height:46px via `.wc-custom-layout .wi-XXX div.widget-form .form-row` (specificity 0,5,1 !important).
   Out-specify it (0,5,2) by including `.wc-custom-layout div.widget-form`. */
body.page-get-in-touch .wc-custom-layout div.widget-form .form-row.textArea{
  height:150px !important; align-items:flex-start !important; padding:14px 18px 0 !important;
}
body.page-get-in-touch .wc-custom-layout div.widget-form .form-row.textArea textarea{
  height:100% !important; align-self:stretch !important; resize:none !important;
}

@media (max-width:1200px){
  body.page-get-in-touch .submit-button{
    min-width:0 !important; width:100% !important; max-width:360px !important; padding:0 18px !important;
  }
}
/* [/MCP:mcp-get-in-touch-fix] */
    
 @media (max-width: 1200px) {
    .wc-custom-layout .wi-E4A55004-DF50-4B9D-8806-49F6E2ECB166 .navigation-item > a > span.label {
        white-space: nowrap;
    }
}

    
/* [MCP:mcp-rules-length-seeding] */
/* rules-and-format: "Length and Number of Games, Seeding of Teams" deployed as a WC
   article widget (.widget-article) that (1) right-aligned via margin-left:auto (~256px) AND
   broke out of the centered .wrap (went full-bleed), and (2) lost the .rule wrapper so the
   bold heading was neutralized. Restore: constrain to the .wrap box (1192px centered, like
   the sibling rule sections) + bold black 20px heading. Scoped to this page. */
body.page-rules-and-format .wc-custom-layout .widget.widget-article{
  width:1192px !important; max-width:calc(100% - 80px) !important;
  margin-left:auto !important; margin-right:auto !important;
}
body.page-rules-and-format .wc-custom-layout .widget-article .article-item,
body.page-rules-and-format .wc-custom-layout .widget-article .article-content{
  width:100% !important; max-width:100% !important; margin-left:0 !important;
}
body.page-rules-and-format .wc-custom-layout .widget-article h3{
  font-weight:700 !important; font-size:20px !important; line-height:30px !important;
  letter-spacing:0.02em !important; color:#000 !important; margin-bottom:10px !important;
}
/* [/MCP:mcp-rules-length-seeding] */
    
    
.widget-snippet .rules-format-title {
    text-align: center;
    color: #0A767B;
} 
    
.cleveland-section .link-block {
   margin-top:15px !important;
}
.wc-custom-layout .wcs_section_63dc787b .top-btn {
  right: 70px !important;
  bottom: 90px !important;
}
     @media (max-width: 767px) {
.wc-custom-layout .wcs_section_63dc787b .top-btn {
  right: 15px !important;
  bottom: 80px !important;
}
     }
       .widget-snippet .wcs_section_42e34b77 .git-hero {
  background-size: cover !important;
}
  
    
    
    
/*page not found start*/
.page-not-found-area {
    padding:0;
    margin: 142px 0 120px;
}
.page-not-found-content {
    text-align: center;
    max-width:605px;
    width: 100%;
    margin: 0 auto;
}
.page-not-found-content h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 138px;
    margin: 0 0 25px;
    letter-spacing: -0.02em;
    color: #0a767b;
    line-height: 100%;
}
.page-not-found-content h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 38px;
    color: #0a767b;
    margin: 2px 0 20px;
    letter-spacing: -0.02em;
}

.page-not-found-content p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #272727;
}
.page-not-found-content .button-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
   margin-top: 32px;
}
.page-not-found-content .button-wrap a {
    display: inline-flex;
    padding: 19px 36px;
    justify-content: center;
    align-items: center;
    border: 0;
    color: #ffffff;
    text-decoration: none;
    border-radius: 0;
    min-width: 220px;
    text-align: center;
    min-height: 44px;
    -webkit-transition: all 0.5s 
ease 0s;
    transition: all 0.5s 
ease 0s;
    /* font-family: Albert Sans; */
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0;
    background: #0a767b;
    border-radius: 50px;
    text-transform: uppercase;
    font-weight: bold;
}
.page-not-found-content .button-wrap a:hover {
    background: #095c60;
    color: #ffffff;
}
    
.page-not-found-container {
    padding: 0 30px;
}
  
/*page not found end*/
    
    
/*thank you page start*/
 body.widget-snippet .container-thankyou .text-content{
    max-width: 700px;
    margin: 0 auto;
    padding: 20px 0;
}
.container-thankyou {
  text-align: center;
  display: block;
  max-width: 500px;
  margin: 120px auto;
}
.container-thankyou .text-content h3 {
     font-style: normal;
     font-weight: 600;
     font-size: 55px;
     line-height: normal;
     color: #0a767b;
     padding: 20px 0 10px 0;
     margin: 0;
     letter-spacing: -0.02em;
}
.container-thankyou .text-content h6{
    font-weight: 600;
    font-size: 25px;
    line-height: 26px;
    color: #0a767b;
    margin: 0;
    padding: 8px 0 8px 0;
}
.container-thankyou .text-content p {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  text-align: center;
  color: #000;
  /* padding: 10px 0 32px 0; */
  margin: 0;
  padding: 19px 36px;
}
.container-thankyou .text-content a {
    display: inline-flex;
    padding: 19px 36px;
    justify-content: center;
    align-items: center;
    border: 0;
    color: #ffffff;
    text-decoration: none;
    border-radius: 0;
    min-width: 220px;
    text-align: center;
    min-height: 44px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    /* font-family: Albert Sans; */
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0;
    background: #0a767b;
    border-radius: 50px;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 12px;
}

.container-thankyou .text-content a:hover{
    background: #095c60;
    color: #ffffff;
}
.container-thankyou figure{
  margin:0;
  padding:0;
}
   
/*thank you page end*/
    
    
@media (max-width: 1200px) {
.page-not-found-container {
    padding: 0 20px;
}  
.page-not-found-content h2 {
    font-size: 98px;
    margin: 0 0 12px;
    line-height: 100%;
}
.page-not-found-content h3 {
    font-size: 23px;
    line-height: 34px;
    margin: 2px 0 20px;
}
.page-not-found-area {
    padding: 0;
    margin: 88px 0 88px;
}
.container-thankyou .text-content h3 {
    font-size: 42px;
    padding: 20px 0 10px 0;
}
.container-thankyou {
    max-width: 500px;
    margin: 90px auto;
}
.container-thankyou {
    padding: 0 20px;
}
}  
    
    
@media (max-width:991px) {
      
    } 
    
@media (max-width:767px) {
 .page-not-found-content h2 {
    font-size: 72px;
    margin: 0 0 18px;
    line-height: 100%;
}  
.page-not-found-content h3 {
    font-size: 18px;
    line-height: 30px;
    margin: 9px 0 14px;
}
.page-not-found-area {
    padding: 0;
    margin: 50px 0 60px;
}
.container-thankyou .text-content p {
    margin: 0;
    padding: 6px 0;
}
.container-thankyou {
    margin:60px auto;
    padding: 0 15px;
}
.container-thankyou .text-content h6 {
    font-size: 20px;
    line-height: 28px;
    margin: 0;
    padding: 8px 0 8px 0;
}
} 
    
/*page not found end*/
    
  .wc-custom-layout div.widget-form .form-row.textArea textarea{
    outline:0 !important;
  }
    
.wc-custom-layout-generated-page.fee-editor-active .wc-custom-layout .footer .nav-wrapper.horizontal {
    display: flex;
    flex: 1 1 100%;
    justify-content: inherit;
    align-items: inherit;
    gap: inherit;
    flex-direction: column;
}
    
.wc-custom-layout-generated-page.fee-editor-active .wc-custom-layout .nav-wrapper.horizontal {
    display: flex;
    flex: 1 1 100%;
    justify-content: inherit;
    align-items: inherit;
    gap: 38px;
  
}