/*
Theme Name: ESInc Child Theme
Theme URI: https://environmentalsolutionsinc.com
Description: Divi 5 child theme for Environmental Solutions, Inc. All custom page CSS is scoped under .esi so no rule touches the rest of the site.
Author: Greg Sidelnik
Author URI: https://www.gregsidelnik.com
Template: Divi
Version: 1.0.1
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: esinc-child
*/

/* =============================================================================
   HOW TO USE
   1. Everything is scoped under .esi. Put that class on any Divi Section or
      Row (Advanced > CSS Class), then use the component classes inside.
   2. Tokens in :root below are PLACEHOLDERS until ESI brand colors and fonts
      are confirmed. Change the brand by changing the tokens.
   3. Global brand values (accent color, body/heading font, nav colors, footer
      credit) go in the Divi Customizer FIRST - see customizer-tokens.md.
      This file is for components the Customizer can't reach.
   4. No @media breakpoints. Divi owns responsive via per-device layout
      settings on each module/row. Keep it that way.
   ========================================================================== */

/* ==========================================================================
   Tokens (placeholder ESI palette, confirm with client)
   ========================================================================== */
:root {
    --ink:#0A2E26;        /* deep forest, darkest brand neutral */
    --ink-900:#061E19;    /* footer / deepest fill */
    --accent:#287048;     /* primary accent: buttons, links, eyebrows on light bands */
    --accent-600:#1F5A39; /* accent hover/pressed */
    --leaf:#7AC45C;       /* bright accent for dark bands only (fails contrast on light) */
    --concrete:#E8EEEA;   /* light band 1 */
    --bone:#F6F8F6;       /* page background / card fill */
    --steel:#1F4A44;      /* secondary dark band (teal) */
    --line:#D3DDD7;       /* hairline borders */
    --line-2:#BFCBC4;     /* hairline ticks */
    --body:#2F3A36;       /* body text */
    --muted:#5C6B64;      /* muted labels */
    /* Fonts: match the Google Fonts enqueue in functions.php */
    --font-head:'Poppins',sans-serif;
    --font-body:'Inter',system-ui,sans-serif;
    --font-mono:'IBM Plex Mono',monospace;
    --gut:clamp(20px,5vw,84px);
    --maxw:1320px;
}

/* ==========================================================================
   Global reset + body defaults (scoped)
   ========================================================================== */
.esi * { box-sizing:border-box }
.esi { margin:0;background-color:var(--bone);color:var(--body);font-family:var(--font-body);font-size:17px;line-height:1.62;letter-spacing:-0.01em;-webkit-font-smoothing:antialiased }
.esi p { margin:0 }
.esi a { color:inherit;text-decoration:none }
.esi h1,.esi h2,.esi h3,.esi h4 { font-family:var(--font-head);font-weight:600;margin:0;line-height:1.08;letter-spacing:-0.01em;color:var(--ink) }
.esi .mono { font-family:var(--font-mono) }

/* ==========================================================================
   Signature detail: dimension-line eyebrow + measured rule (optional motif)
   ========================================================================== */
.esi .ey { font-family:var(--font-mono);font-size:12px;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);display:inline-flex;align-items:center;gap:12px }
.esi .ey::before { content:"";width:28px;height:0;border-top:1px solid var(--accent) }
.esi .dim { display:flex;align-items:center;gap:14px;font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted) }
.esi .dim .rule { flex:1;height:0;border-top:1px solid var(--line);position:relative }
.esi .dim .rule::before,.esi .dim .rule::after { content:"";position:absolute;top:-4px;width:1px;height:9px;background:var(--line-2) }
.esi .dim .rule::before { left:0 }
.esi .dim .rule::after { right:0 }

/* ==========================================================================
   Hero (dark)
   ========================================================================== */
.esi.hero { background-color:var(--ink);color:#EDEDE9;position:relative;overflow:hidden }
.esi.hero h1 { font-size:clamp(56px,9.5vw,150px);font-weight:600;color:#fff;letter-spacing:-.02em }
.esi.hero .spec { font-family:var(--font-mono);font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-top:20px }
.esi.hero p.lede { margin-top:22px;color:#C3C6C0;font-size:18px }
/* hero credential strip: .m items sit straight in Divi columns */
.esi.hero .m { font-family:var(--font-mono);font-size:11.5px;line-height:1.5;letter-spacing:.14em;text-transform:uppercase;color:#9AA097;margin:0 }
.esi.hero .m b { color:#fff;font-weight:700 }
.esi .herofoot-row { border-top:1px solid rgba(255,255,255,.14);margin-top:clamp(24px,4vw,44px);padding-top:22px }

/* ==========================================================================
   Content bands
   ========================================================================== */
.esi.value { background-color:var(--concrete) }
.esi.value p { font-size:19px;color:var(--body) }
.esi.who { background-color:var(--concrete) }
.esi.who .big { font-family:var(--font-head);font-weight:500;font-size:clamp(30px,4.4vw,62px);line-height:1.02;color:var(--ink);margin-top:18px;letter-spacing:-.01em }

/* Real-world / signature oversized figure (dark band) */
.esi.rw { background-color:var(--ink);color:#EAEAE6 }
.esi.rw h2 { color:#fff }
.esi .figure { font-family:var(--font-head);font-weight:700;font-size:clamp(88px,15vw,220px);line-height:.82;color:var(--accent);letter-spacing:-.02em }
.esi .figure sub { font-family:var(--font-mono);font-size:.11em;letter-spacing:.2em;color:#fff;vertical-align:super;margin-left:10px }
.esi.rw .dimrow { display:flex;align-items:center;gap:12px;margin-top:clamp(40px,5vw,64px);margin-bottom:22px;font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#8f948b }
.esi.rw .dimrow .rule { flex:1;height:0;border-top:1px solid rgba(255,255,255,.2);position:relative }
.esi.rw .dimrow .rule::before,.esi.rw .dimrow .rule::after { content:"";position:absolute;top:-4px;width:1px;height:9px;background:rgba(255,255,255,.35) }
.esi.rw .dimrow .rule::before { left:0 }
.esi.rw .dimrow .rule::after { right:0 }
.esi.rw ul { list-style:none;padding:0;margin:0 }
.esi.rw li { padding:14px 0 14px 26px;border-top:1px solid rgba(255,255,255,.13);position:relative;color:#CFCFC9;font-size:16px }
.esi.rw li::before { content:"";position:absolute;left:0;top:20px;width:13px;height:2px;background:var(--accent) }

/* Secondary dark band (e.g. partner / endorsement) */
.esi.endorse { background-color:var(--steel);color:#DCE2E8 }
.esi.endorse h2 { color:#fff;font-size:clamp(34px,4.6vw,60px) }
.esi.endorse p { margin-top:12px;color:#AEB8C2 }

/* ==========================================================================
   Placeholders (image stand-ins while building)
   ========================================================================== */
.esi .ph { position:relative;background:repeating-linear-gradient(-45deg,transparent 0 13px,rgba(43,52,64,.05) 13px 14px),var(--concrete);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden }
.esi .ph::before,.esi .ph::after { content:"";position:absolute;width:15px;height:15px;border:1.5px solid var(--accent) }
.esi .ph::before { top:11px;left:11px;border-right:0;border-bottom:0 }
.esi .ph::after { bottom:11px;right:11px;border-left:0;border-top:0 }
.esi .ph span { font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted) }
.esi .ph.dark { background:repeating-linear-gradient(-45deg,transparent 0 13px,rgba(255,255,255,.05) 13px 14px),#22252A;border-color:rgba(255,255,255,.14) }
.esi .ph.dark span { color:#8b9088 }

/* ==========================================================================
   Buttons / CTAs
   ========================================================================== */
.esi .btn { display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;padding:16px 28px;background:var(--accent);color:#fff;border:1px solid var(--accent);transition:background .18s }
.esi .btn:hover { background:var(--accent-600);border-color:var(--accent-600) }
.esi .btn.ghost { background:transparent;color:inherit;border-color:currentColor }
.esi .btn.ghost:hover { color:var(--accent);border-color:var(--accent) }
.esi a:focus-visible,.esi button:focus-visible,.esi input:focus-visible,.esi textarea:focus-visible,.esi select:focus-visible { outline:2px solid var(--accent);outline-offset:3px }

/* ==========================================================================
   Divi native structure adaptation (scoped .esi)
   Bridges the framework onto Divi's own sections, rows, buttons and forms.
   ========================================================================== */
.esi.et_pb_section { padding:clamp(52px,7vw,104px) 0 }
.esi .et_pb_row { padding:0 }
/* keep white text on dark sections */
.esi.hero,.esi.hero p,.esi.hero li,.esi.rw,.esi.rw p,.esi.rw li,
.esi.endorse,.esi.endorse p,.esi.site-footer,.esi.site-footer p { color:#E7EAE6 }
.esi.hero h1,.esi.rw h2,.esi.endorse h2 { color:#fff }
/* native Divi buttons -> framework look */
.esi .et_pb_button { background:var(--accent);color:#fff!important;border:1px solid var(--accent);border-radius:0;font-family:var(--font-mono);font-weight:700;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;padding:15px 26px;transition:background .18s }
.esi .et_pb_button:after { display:none }
.esi .et_pb_button:hover { background:var(--accent-600);color:#fff!important }
.esi .ghost .et_pb_button { background:transparent!important;color:#EDEDE9!important;border-color:#EDEDE9!important }
.esi .ghost .et_pb_button:hover { color:var(--accent)!important;border-color:var(--accent)!important }
/* let Divi columns own width; modules fill 100% */
.esi .wrap { max-width:none;width:100%;padding-inline:0 }

/* ==========================================================================
   Card grid (2x2 boxes) via .grid-row - collapsed 1px borders, equal height
   Desktop: 2x2 no-gap boxes.  Mobile: full-width stack (set the row's phone
   layout to flexDirection:column in Divi; the CSS below handles the rest).
   ========================================================================== */
.esi .cell { display:block;background:var(--bone);border:1px solid var(--line);padding:clamp(26px,3vw,38px);height:100% }
.esi .cell .num { font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;color:var(--accent);margin:0 0 10px }
.esi .cell h3 { font-family:var(--font-head);font-weight:600;font-size:26px;line-height:1.02;color:var(--ink);margin:0 0 12px }
.esi .cell p { color:var(--muted);font-size:15px;margin:0 }
.esi .stamp { display:block;background:var(--bone);border:1px solid var(--line);padding:clamp(24px,2.6vw,30px);height:100% }
.esi .stamp .abbr { font-family:var(--font-head);font-weight:700;font-size:34px;line-height:.9;color:var(--ink);margin:0 0 12px }
.esi .stamp .nm { font-size:13.5px;line-height:1.35;color:var(--muted) }
/* breathing room between a dim label row and the boxes */
.esi .dim-row { margin-bottom:clamp(28px,3.5vw,48px)!important }
/* the equal-height, no-gap, collapsed-border mechanism */
.esi .grid-row .et_pb_column { display:flex;flex-direction:column;padding-left:0!important;padding-right:0!important }
.esi .grid-row .et_pb_column > .et_pb_module { flex:1;display:flex }
.esi .cell-col,.esi .stamp-col { width:100% }
.esi .grid-row { margin-top:0!important;margin-bottom:0!important }
.esi .grid-row + .grid-row { margin-top:-1px!important }           /* collapse horizontal seam */
.esi .grid-row .et_pb_column:not(:first-child) .cell,
.esi .grid-row .et_pb_column:not(:first-child) .stamp { margin-left:-1px } /* collapse vertical seam */

/* ==========================================================================
   Divi Contact Form / Gravity Forms bridge
   Broad, !important submit selectors because form plugins fight you.
   If a submit button still shows the plugin's default color, turn OFF the
   plugin's own CSS (GF: Forms > Settings > Output Default CSS = off).
   ========================================================================== */
.esi .et_pb_contact_field { padding:0 0 16px;background:transparent!important }
.esi .et_pb_contact_field label,
.esi .gfield_label { font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted) }
.esi input:not([type=submit]),.esi textarea,.esi select,
.esi .gform_wrapper input:not([type=submit]),.esi .gform_wrapper textarea {
    background:var(--bone);border:1px solid var(--line);color:var(--ink);font-family:var(--font-body);padding:12px 14px }
.esi .et_pb_contact_submit,
.esi .gform_wrapper .gform_footer input[type="submit"],
.esi .gform_wrapper input[type="submit"],
.esi .gform_footer input[type="submit"] {
    background:var(--accent)!important;color:#fff!important;border:1px solid var(--accent)!important;border-radius:0!important;
    font-family:var(--font-mono)!important;letter-spacing:.12em!important;text-transform:uppercase!important }

/* ==========================================================================
   Site footer (Theme Builder template, dark)
   Footer/header CSS is intentionally UNSCOPED-friendly: put .esi.site-footer
   on the footer Section so these still apply at body level.
   ========================================================================== */
.esi.site-footer { background-color:var(--ink-900);color:#9AA097 }
.esi.site-footer .fname { font-family:var(--font-head);font-weight:600;font-size:22px;line-height:1;color:var(--accent);margin:0;letter-spacing:-.01em }
.esi.site-footer .fhead { display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 16px }
.esi.site-footer .fsub { display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#787D74;margin:0 }
.esi.site-footer .fsub::before { content:"";width:22px;height:0;border-top:1px solid var(--accent) }
.esi.site-footer .fline { font-size:14.5px;padding:4px 0;color:#C9CCC6 }
.esi.site-footer .fline a { color:#fff }
.esi.site-footer .fline a b { color:var(--accent);font-weight:700 }
.esi.site-footer .fline .ext { font-family:var(--font-mono);font-size:10.5px;color:#6a6f66;font-weight:400;letter-spacing:.05em }
.esi.site-footer .foot-bar { margin-top:36px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#6a6f66 }

/* ==========================================================================
   Dark-band accent swap
   --accent is tuned for light bands. On dark bands, accent text and marks
   switch to --leaf so they keep contrast.
   ========================================================================== */
.esi.hero .spec,.esi.hero .ey,.esi.rw .ey,.esi.endorse .ey,.esi .figure,
.esi.site-footer .fname,.esi.site-footer .fline a b { color:var(--leaf) }
.esi.hero .ey::before,.esi.rw .ey::before,.esi.endorse .ey::before,
.esi.site-footer .fsub::before { border-top-color:var(--leaf) }
.esi.rw li::before { background:var(--leaf) }
.esi.hero .btn,.esi.rw .btn,.esi.endorse .btn,
.esi.hero .et_pb_button,.esi.rw .et_pb_button,.esi.endorse .et_pb_button { background:var(--leaf);border-color:var(--leaf);color:var(--ink)!important }
.esi.hero .btn:hover,.esi.rw .btn:hover,.esi.endorse .btn:hover,
.esi.hero .et_pb_button:hover,.esi.rw .et_pb_button:hover,.esi.endorse .et_pb_button:hover { background:#fff;border-color:#fff;color:var(--ink)!important }

/* ==========================================================================
   Under Construction landing page (.esi.uc)
   Section classes: "esi uc". Rows: "uc-main" and "uc-bar".
   Modules: "uc-logo" (Image, the leaf mark), "uc-copy" (Text), "uc-form" (Code with the
   Gravity Forms shortcode), "uc-bar-text" (Text).
   Background images are set on the Section in Divi (desktop + phone),
   not here, so Divi keeps control of per-device backgrounds.
   ========================================================================== */
.esi.uc.et_pb_section { background-color:var(--ink);color:#D6E8DE;min-height:100vh;display:flex;flex-direction:column;padding:0!important }
.esi.uc .uc-main.et_pb_row { margin-top:auto!important;margin-bottom:auto!important;padding:clamp(48px,9vh,110px) 0!important }
.esi.uc .uc-logo { margin-bottom:clamp(36px,6vh,64px)!important }
.esi.uc .uc-logo img { width:96px;max-width:100%;height:auto;display:block }

.esi.uc .uc-copy .ey { color:var(--leaf);margin:0 0 22px }
.esi.uc .uc-copy .ey::before { border-top-color:var(--leaf) }
.esi.uc .uc-copy h1 { font-family:var(--font-head);font-weight:700;font-size:clamp(40px,5.6vw,80px);line-height:1.02;letter-spacing:-.005em;text-transform:uppercase;color:#fff;margin:0;padding:0 }
.esi.uc .uc-copy h1 span { display:block;color:var(--leaf) }
.esi.uc .uc-copy .uc-rule { width:90px;height:6px;background:var(--leaf);margin:clamp(24px,4vh,36px) 0 }
.esi.uc .uc-copy .lede { font-size:clamp(17px,1.4vw,20px);line-height:1.6;color:#D6E8DE;max-width:34em;margin:0 }
.esi.uc .uc-copy .uc-contact { list-style:none;margin:clamp(28px,4vh,40px) 0 0;padding:0;border-top:1px solid rgba(255,255,255,.14) }
.esi.uc .uc-copy .uc-contact li { display:flex;gap:18px;align-items:baseline;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.14);font-size:clamp(14px,calc(9px + 1.3vw),16px);color:#fff }
.esi.uc .uc-copy .uc-contact li b { font-family:var(--font-mono);font-weight:400;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#9DB8AB;min-width:64px }
.esi.uc .uc-copy .uc-contact a { color:#fff;overflow-wrap:break-word;border-bottom:1px solid rgba(122,196,92,.5) }
.esi.uc .uc-copy .uc-contact a:hover { color:var(--leaf);border-bottom-color:var(--leaf) }

/* Form card */
.esi.uc .uc-form { background:rgba(6,30,25,.78);border:1px solid rgba(255,255,255,.12);padding:clamp(28px,3vw,44px);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px) }
.esi.uc .uc-form h2 { font-family:var(--font-head);font-weight:600;font-size:clamp(26px,2.4vw,34px);line-height:1.1;color:#fff;margin:0 0 6px;padding:0 }
.esi.uc .uc-form .uc-form-note { font-size:14px;color:#9DB8AB;margin:0 0 26px }

/* Gravity Forms on dark. Assumes Forms > Settings > Output CSS is OFF.
   Field widths wrap with flex-basis instead of @media breakpoints. */
.esi.uc .gform_wrapper { margin:0;padding:0 }
.esi.uc .gform_wrapper .gform_fields { display:flex;flex-wrap:wrap;gap:18px 16px;margin:0;padding:0;list-style:none }
.esi.uc .gform_wrapper .gfield { flex:1 1 100%;margin:0;padding:0;min-width:0 }
.esi.uc .gform_wrapper .gfield--width-half { flex:1 1 150px }
.esi.uc .gform_wrapper .gfield_label { display:block;font-family:var(--font-mono);font-size:11px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:#A9C2B6;margin:0 0 8px }
.esi.uc .gform_wrapper .gfield_required { color:var(--leaf);margin-left:4px }
.esi.uc .gform_wrapper input:not([type=submit]):not([type=checkbox]):not([type=radio]),
.esi.uc .gform_wrapper textarea,
.esi.uc .gform_wrapper select { width:100%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.22);border-radius:0;color:#fff;font-family:var(--font-body);font-size:16px;line-height:1.4;padding:13px 14px;transition:border-color .15s,background .15s;box-shadow:none }
.esi.uc .gform_wrapper textarea { min-height:130px;height:130px;resize:vertical }
.esi.uc .gform_wrapper select { -webkit-appearance:none;appearance:none;padding-right:42px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%237AC45C' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center }
.esi.uc .gform_wrapper select option { color:var(--ink);background:#fff }
.esi.uc .gform_wrapper ::placeholder { color:rgba(255,255,255,.4) }
.esi.uc .gform_wrapper input:not([type=submit]):focus,
.esi.uc .gform_wrapper textarea:focus,
.esi.uc .gform_wrapper select:focus { outline:none;border-color:var(--leaf);background-color:rgba(255,255,255,.1) }
.esi.uc .gform_wrapper .gform_footer { margin:24px 0 0;padding:0 }
.esi.uc .gform_wrapper .gform_footer input[type="submit"],
.esi.uc .gform_wrapper .gform_footer button,
.esi.uc .gform_wrapper .gform_button { width:100%;cursor:pointer;background:var(--leaf)!important;color:var(--ink)!important;border:1px solid var(--leaf)!important;border-radius:0!important;font-family:var(--font-mono)!important;font-weight:700!important;font-size:13px!important;letter-spacing:.14em!important;text-transform:uppercase!important;padding:17px 26px!important;transition:background .18s,border-color .18s }
.esi.uc .gform_wrapper .gform_footer input[type="submit"]:hover,
.esi.uc .gform_wrapper .gform_button:hover { background:#fff!important;border-color:#fff!important }
.esi.uc .gform_wrapper .gform_footer input[type="submit"]:focus-visible { outline:2px solid #fff;outline-offset:3px }
/* validation + confirmation */
.esi.uc .gform_wrapper .gfield_error input,
.esi.uc .gform_wrapper .gfield_error textarea,
.esi.uc .gform_wrapper .gfield_error select { border-color:#FF9F8C }
.esi.uc .gform_wrapper .validation_message,
.esi.uc .gform_wrapper .gfield_validation_message { font-size:13px;color:#FFB4A6;margin-top:6px;padding:0;background:none;border:0 }
.esi.uc .gform_wrapper .gform_validation_errors { border:1px solid #FF9F8C;background:rgba(255,159,140,.08);padding:12px 14px;margin:0 0 20px }
.esi.uc .gform_wrapper .gform_validation_errors h2,
.esi.uc .gform_wrapper .gform_submission_error { font-family:var(--font-body);font-size:14px;font-weight:500;color:#FFB4A6;margin:0 }
.esi.uc .gform_confirmation_message { font-size:18px;line-height:1.55;color:#fff;border-left:3px solid var(--leaf);padding:4px 0 4px 18px }
/* things the GF stylesheet normally hides (needed with Output CSS off) */
.esi .gform_wrapper .gform_validation_container,
.esi .gform_wrapper .gfield--type-honeypot,
.esi .gform_wrapper .gform_hidden,
.esi .gform_wrapper .gfield_visibility_hidden,
.esi .gform_wrapper .gform_required_legend { display:none!important }
.esi .gform_wrapper .screen-reader-text,
.esi .gform_wrapper .gfield_required_text { position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap }
.esi iframe[name^="gform_ajax_frame"] { display:none!important }

/* Bottom bar (part of the page, not a Theme Builder footer) */
.esi.uc .uc-bar.et_pb_row { width:100%!important;max-width:none!important;margin:0!important;padding:22px var(--gut)!important;background:var(--ink-900);border-top:1px solid rgba(255,255,255,.08) }
.esi.uc .uc-bar-text p { display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin:0;padding:0;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:#7F998D }
.esi.uc .uc-bar-text a { color:#fff }