/* ===== Row 1 - Topbar layout ===== */
#nys-topbar{
background:#ffffff !important;
font-family: Arial, sans-serif;
font-size: 14px;
color:#000;
}

#nys-topbar .nys-topbar-inner{
display:flex;
justify-content:space-between;
align-items:center;
padding:10px 16px;
}

#nys-topbar .nys-topbar-left{
display:flex;
align-items:center;
gap:14px;
flex-wrap:wrap;
}

#nys-topbar .nys-topbar-logo{
font-weight:700;
letter-spacing:.5px;
}

#nys-topbar .nys-topbar-tagline{
font-weight:400;
}

/* ===== "Here's how you know" should look like a hyperlink (no box) ===== */
#howyouknow-btn.howyouknow-trigger{
appearance:none;
background:transparent;
border:0;
padding:0;
margin:0;
cursor:pointer;

color:#000;
text-decoration: underline; /* matches public-site look */
font: inherit;

display:inline-flex;
align-items:center;
gap:8px;
}

/* remove any focus outline/box that looks like a rectangle */
#howyouknow-btn.howyouknow-trigger:focus{
outline: none;
}

/* ===== Unfilled chevron caret (NO special chars) ===== */
/* Base chevron is drawn using borders (outline), then rotated */
#howyouknow-btn .howyouknow-caret{
width:8px;
height:8px;
display:inline-block;

border-right:2px solid #000;
border-bottom:2px solid #000;

/* default: UP (per your requirement) */
transform: rotate(-135deg);
margin-top:2px; /* slight vertical alignment */
}

/* When expanded, show DOWN */
#howyouknow-btn[aria-expanded="true"] .howyouknow-caret{
transform: rotate(45deg);
}

/* ===== Expandable panel ===== */
#howyouknow-panel.howyouknow-panel{
background:#f2f2f2;
}

#howyouknow-panel .howyouknow-panel-inner{
position:relative;
padding:14px 16px 10px 16px; /* bottom padding leaves room above yellow line */
display:flex;
gap:18px;
align-items:flex-start;
flex-wrap:wrap;
}

/* items */
#howyouknow-panel .howyouknow-item{
display:flex;
gap:10px;
min-width:280px;
flex: 1 1 320px;
}

#howyouknow-panel .howyouknow-title{
font-weight:700;
margin-bottom:2px;
}

#howyouknow-panel .howyouknow-text{
font-size:13px;
line-height:1.25;
}

/* thick black icons (SVG) */
#howyouknow-panel .howyouknow-icon{
width:20px;
height:20px;
display:inline-flex;
align-items:center;
justify-content:center;
color:#000;
}

#howyouknow-panel svg.icon{
width:20px;
height:20px;
fill: currentColor;
}

/* Close button (no hover highlight box) */
#howyouknow-close.howyouknow-close{
position:absolute;
top:10px;
right:12px;
border:0;
background:transparent;
color:#000;
font-size:20px;
line-height:1;
cursor:pointer;
padding:0;
}

#howyouknow-close.howyouknow-close:hover,
#howyouknow-close.howyouknow-close:focus{
background:transparent;
outline:none;
box-shadow:none;
}

/* ===== Yellow divider line should be at BOTTOM and a bit wider/thicker ===== */
#howyouknow-panel .howyouknow-divider{
height:20px; /* increase thickness (wider) */
background:#fdb81e !important; 
width:100%;
}


/* ===== ROW 2 CSS ===== */

/* ========== ROW 2: MENU BAND SCAFFOLD (EMPTY) ========== */
#scoc-row2{
background: #ffffff; /* parent site menu band is white */
border-bottom: 1px solid #d9d9d9;
}

#scoc-row2 .scoc-row2-inner{
max-width: 1200px; /* safe default; can adjust later */
margin: 0 auto;
padding: 10px 16px; /* vertical rhythm */
min-height: 52px; /* menu band height (approx scoc) */
display: flex;
align-items: center;
}
/* ===============================
NYS Row 2 (Phase 2 – one link)
================================ */

#nys-row2 {
background: #ffffff;
border-bottom: 1px solid #d0d0d0;
width: 100%;
}

.nys-row2-inner {
max-width: 1200px;
margin: 0 auto;
padding: 8px 20px;
display: flex;
align-items: center;
}

.nys-row2-link {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #004ddc;
text-decoration: none;
font-weight: 600;
padding: 6px 10px;
}

.nys-row2-link:hover {
text-decoration: underline;
background: #f2f6ff;
}

/* =========================================================
ROW 2 (Phase 3) — Style + spacing only
Targets ONLY your Row 2 markup:
#nys-row2 .nys-row2-inner a.nys-row2-link
========================================================= */

#nys-row2{
width: 100%;
background: #ffffff; /* Row 2 background (white like parent) */
border-top: 1px solid #d6d6d6; /* subtle divider line */
border-bottom: 1px solid #d6d6d6; /* subtle divider line */
}

/* Inner container: aligns content and controls height */
#nys-row2 .nys-row2-inner{
max-width: 1200px; /* safe default; if Row 1 uses a max-width, match it */
margin: 0 auto;
padding: 10px 16px; /* vertical thickness of Row 2 */
display: flex;
align-items: center;
gap: 18px;
min-height: 44px; /* consistent nav-bar feel */
box-sizing: border-box;
}

/* Link styling */
#nys-row2 .nys-row2-link{
color: #1a1a1a;
font-size: 14px;
font-weight: 600;
text-decoration: none; /* remove underline */
line-height: 1;
padding: 6px 8px; /* click target without looking like a button */
border-radius: 2px;
}

/* Hover/focus like an official nav feel */
#nys-row2 .nys-row2-link:hover{
text-decoration: underline;
}

#nys-row2 .nys-row2-link:focus{
outline: 2px solid #1a73e8; /* accessible focus ring */
outline-offset: 2px;
}
#nys-row2 .nys-row2-link + .nys-row2-link{
margin-left: 12px;
padding-left: 12px;
border-left: 1px solid #d6d6d6;
}

/* Phase 4 (structure only): dropdown positioning */
#nys-row2 .nys-row2-inner { position: relative; }

#nys-row2 .nys-dropdown { position: relative; display: inline-block; }

#nys-row2 .nys-dropdown-menu{
position: absolute;
top: 100%;
left: 0;
min-width: 260px;
z-index: 1000;
background: #fff;
border: 1px solid #ccc;
padding: 8px 0;
}

#nys-row2 .nys-dropdown-link{
display: block;
padding: 8px 14px;
text-decoration: none;
}
/* About should look like plain nav text (not boxed) */
#nys-row2 .nys-row2-link,
#nys-row2 .nys-row2-link:link,
#nys-row2 .nys-row2-link:visited {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
outline: none;
padding: 0 !important;
margin: 0;
text-decoration: none;
display: inline-block;
}

/* Optional: match the “simple hyperlink” feel */
#nys-row2 .nys-row2-link:hover,
#nys-row2 .nys-row2-link:focus {
text-decoration: underline;
}



/* Default hidden */
#nys-row2 .nys-row2-dropdown {
display: none;
}

/* Open on hover (desktop) */
@media (hover: hover) and (pointer: fine) {
#nys-row2 .nys-row2-item:hover > .nys-row2-dropdown {
display: block;
}
}

/* Also open when keyboard focuses inside the item */
#nys-row2 .nys-row2-item:focus-within > .nys-row2-dropdown {
display: block;
}


/* When JS toggles open on touch */
#nys-row2 .nys-row2-item.is-open > .nys-row2-dropdown {
display: block;
}
/* Default hidden (CSS controls desktop) */
#nys-row2 .nys-dropdown-menu {
display: none;
}

/* Open on hover (desktop) */
@media (hover: hover) and (pointer: fine) {
#nys-row2 .nys-row2-item:hover .nys-dropdown-menu {
display: block;
}
}
/* Find a Facility / Individual (and About) dropdown triggers must not look like links */
#nys-row2 .nys-dropdown-toggle {
text-decoration: none !important;
border-bottom: none !important;
box-shadow: none !important;
}

/* Also ensure no underline on hover or focus */
#nys-row2 .nys-dropdown-toggle:hover,
#nys-row2 .nys-dropdown-toggle:focus {
text-decoration: none !important;
}

/* ---- Row 2: baseline polish ---- */
#nys-row2 {
position: relative;
z-index: 9999; /* ensure dropdowns sit above page content */
}

#nys-row2 .nys-row2-inner {
display: flex;
align-items: center;
gap: 28px; /* tune spacing between top items */
flex-wrap: wrap; /* keeps things sane if viewport narrows */
}

/* Normalize link/button appearance */
#nys-row2 .nys-row2-link {
background: none;
border: 0;
padding: 10px 0;
margin: 0;
font: inherit;
color: inherit;
cursor: pointer;
text-decoration: none; /* remove default underline */
display: inline-flex;
align-items: center;
line-height: 1;
}

/* Underline ONLY on hover/focus (matches scoc look) */
#nys-row2 .nys-row2-link:hover,
#nys-row2 .nys-row2-link:focus-visible {
text-decoration: underline;
text-underline-offset: 3px;
}

/* Dropdown panel positioning + look */
#nys-row2 .nys-row2-item {
position: relative;
}

#nys-row2 .nys-dropdown-menu,
#nys-row2 .nys-row2-dropdown,
#nys-row2 .nys-dropdown-menu { /* keeps your naming variants safe */
position: absolute;
top: 100%;
left: 0;
min-width: 320px;
padding: 14px 18px;
margin-top: 8px;
border: 1px solid rgba(255,255,255,0.15);
box-shadow: 0 6px 18px rgba(0,0,0,0.25);
z-index: 10000;
}

/* Dropdown links: no underline at rest, underline on hover */
#nys-row2 .nys-dropdown-link {
display: block;
padding: 10px 0;
text-decoration: none;
}

#nys-row2 .nys-dropdown-link:hover,
#nys-row2 .nys-dropdown-link:focus-visible {
text-decoration: underline;
text-underline-offset: 3px;
}

/* Row2: force left alignment (no centering container) */
#nys-row2 {
width: 100%;
text-align: left !important; /* defeats any inherited centering */
}

#nys-row2 .nys-row2-inner {
display: flex !important;
justify-content: flex-start !important; /* items start from left */
align-items: center;

width: 100% !important;

/* IMPORTANT: remove centering behavior */
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;

/* optional: keep consistent left gutter */
padding-left: 24px;
padding-right: 24px;

box-sizing: border-box;
}

#nys-row2 {
background-color: #0b2d4d; /* SC​OC navy */
/*border-bottom: 3px solid #f2b705;*/ /* NYS gold separator */
border-bottom: 3px solid #b98b00; /* NYS gold separator */

}



#nys-row2 .nys-row2-link,
#nys-row2 .nys-dropdown-toggle {
color: #ffffff !important;
text-decoration: none;
font-weight: 600;
}


#nys-row2 .nys-row2-link:hover,
#nys-row2 .nys-dropdown-toggle:hover {
text-decoration: underline;
text-underline-offset: 6px;
}


#nys-row2 .nys-dropdown-menu {
background-color: #0b2d4d;
border-top: 3px solid #f2b705;
}


#nys-row2 .nys-dropdown-link {
color: #ffffff !important;
padding: 12px 20px;
display: block;
text-decoration: none;
}

#nys-row2 .nys-dropdown-link:hover {
background-color: #163f6b; /* lighter SC​OC hover blue */
text-decoration: underline;
}

/* Row 2: eliminate any yellow/gold background behind the navy bar */
#nys-row2,
#nys-row2 .nys-row2-inner {
background: #1f2a33 !important; /* your SCROC navy */
}

/* If any child elements are inheriting a light background */
#nys-row2 * {
background-color: transparent;
}

/* Keep the gold ONLY as the bottom divider */
#nys-row2 {
border-bottom: 3px solid #f2b705 !important;
}

/* Ensure the navy bar has real height so nothing "peeks" through */
#nys-row2 .nys-row2-inner {
display: flex;
align-items: center;
min-height: 44px; /* adjust if needed */
padding: 0 12px; /* adjust if needed */
}
/* 1) Force Row-2 + everything inside to have NO background image/gradient */
#nys-row2,
#nys-row2 * {
background-image: none !important;
}

/* 2) Force Row-2 container to be solid navy (no transparency) */
#nys-row2 {
background-color: #1f2a33 !important;
box-shadow: none !important;
border-top: 0 !important;
outline: 0 !important;
}

/* 3) If a wrapper above/below is bleeding through, neutralize typical portal wrappers */
#nys-row2 + * , /* immediate next sibling after Row-2 */
#pp-navbar-wrapper, /* Power Pages header wrapper */
.navbar,
header {
background-image: none !important;
}

/* IMPORTANT: only set navy on wrappers that are in the header area */
#pp-navbar-wrapper,
#pp-navbar-wrapper .navbar {
background-color: #1f2a33 !important;
}

/* Keep ONLY the gold divider line under the bar */
#nys-row2 {
border-bottom: 3px solid #f2b705 !important;
}
/* =========================
ROW 3 – Gold banner + title
========================= */


/* Full-width gold band */
#nys-row3{
width: 100%;
background: #b98b00; /* NYS gold */
}

/* Constrain to same content width/left edge as Row 2 */
#nys-row3 .nys-row3-inner{
max-width: 960px;
margin: 0 auto;
padding: 18px 20px; /* use SAME left/right padding as Row2-inner */
display: block; /* IMPORTANT: kills flex-centering problems */
}

/* The title itself: force left, kill auto-centering */
#nys-row3 .nys-row3-title{
margin: 0; /* IMPORTANT: removes any auto-centering */
padding: 0;
display: block;
width: auto; /* IMPORTANT: prevents “full-width centered text” patterns */
text-align: left;
color: #ffffff;
font-size: 28px; /* adjust if you want larger */
font-weight: 800;
line-height: 1.15;
}
/* === ROW 3: align to left edge like SCOT === */
#nys-row3 .nys-row3-inner {
margin-left: 0 !important;
margin-right: 0 !important;
}
/* Row 3: make banner content narrower than site body */
#nys-row3 .nys-row3-inner {
max-width: 960px; /* try 900–1000px range */
margin-left: 0; /* lock left edge */
margin-right: auto; /* prevent centering */
}

/********************************************************************************* footer css start #################### @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/* ===== Clean SCoc-like Footer (Power Pages safe) ===== */
#scoc-footer{
background: #d9d9d9;
color: #111;
}

.scoc-footer{
background: #d9d9d9;
}

.scoc-footer-inner{
max-width: 1200px;
margin: 0 auto;
padding: 26px 22px 28px;
overflow: visible;
}

/* Title */
.scoc-footer-title{
display: inline-block;
font-size: 42px;
line-height: 1.05;
font-weight: 800;
color: #111;
text-decoration: none;
margin: 0 0 18px 0;
}

.scoc-footer-title:hover{
text-decoration: underline;
}

/* Grid */
.scoc-footer-grid{
display: grid;
grid-template-columns: repeat(4, minmax(160px, 1fr));
gap: 22px 34px;
margin: 0 0 18px 0;
}

.scoc-footer-col{
display: flex;
flex-direction: column;
gap: 10px;
}

.scoc-footer-link{
color: #1f3a63; /* SCoc-like blue */
font-weight: 600;
font-size: 14px;
text-decoration: none;
}

.scoc-footer-link:hover{
text-decoration: underline;
}

/* Divider with center label */
.scoc-footer-divider{
display: flex;
align-items: center;
gap: 18px;
margin-top: 18px;
padding-top: 14px;
}

.scoc-footer-divider::before,
.scoc-footer-divider::after{
content: "";
flex: 1 1 0;
height: 1px;
background: rgba(0,0,0,0.45);
min-width: 80px;
}

.scoc-footer-divider-text{
font-size: 14px;
font-weight: 800;
letter-spacing: 0.10em;
color: #111;
text-transform: uppercase;
white-space: nowrap;
}

/* Social button */
.scoc-footer-social{
margin-top: 14px;
display: flex;
justify-content: center;
}

.scoc-footer-social-btn{
width: 64px;
height: 64px;
border-radius: 50%;
background: #1f2f45; /* dark circle */
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
}

.scoc-footer-social-btn svg{
width: 30px;
height: 30px;
fill: #fff;
}

.scoc-footer-social-btn:focus{
outline: 3px solid #000;
outline-offset: 3px;
}

/* Responsive */
@media (max-width: 980px){
.scoc-footer-title{ font-size: 34px; }
.scoc-footer-grid{ grid-template-columns: repeat(2, minmax(160px, 1fr)); }
}

@media (max-width: 520px){
.scoc-footer-title{ font-size: 28px; }
.scoc-footer-grid{ grid-template-columns: 1fr; }
.scoc-footer-divider{ gap: 12px; }
}
/* 1) Force the title to align left inside Band A */
.scoc-footer-band-a .scoc-footer-inner {
text-align: left !important;
}

.scoc-footer-band-a .scoc-footer-title-link {
display: inline-block;
margin-left: 0 !important;
margin-right: auto !important;
text-align: left !important;
}


/* 2) Full-bleed (full screen width) rule line inside Band A */
.scoc-footer-band-a .scoc-footer-inner {
position: relative; /* anchor for the breakout */
}

.scoc-footer-band-a .scoc-footer-band-b-rule {
width: 100vw !important; /* full viewport width */
margin-left: calc(50% - 50vw) !important;/* breakout from centered container */
margin-right: calc(50% - 50vw) !important;
padding-left: 0 !important;
padding-right: 0 !important;
box-sizing: border-box !important;
}


/* =========================================================
NYS BLACK FOOTER (ONLY)
========================================================= */

/* shared */
.nys-footer {
background: #0b1e2d; /* deep NYS-ish navy */
color: #fff;
}

.nys-footer-inner {
max-width: 1180px;
margin: 0 auto;
padding: 18px 24px;
}

.nys-footer-link {
color: #fff;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
opacity: 0.95;
}

.nys-footer-link:hover {
opacity: 1;
}

/* ---------- Section 1: NYS logo + nav row ---------- */
.nys-footer-top .nys-footer-inner {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 28px;
}

.nys-footer-brand {
display: inline-flex;
align-items: center;
color: #fff;
text-decoration: none;
opacity: 0.95;
}

.nys-footer-brand:hover { opacity: 1; }

.nys-footer-brand-svg {
width: 150px;
height: auto;
display: block;
}

.nys-footer-nav {
display: flex;
align-items: center;
gap: 26px;
flex-wrap: wrap;
}

/* thin divider line between top and language section */
.nys-footer-lang {
border-top: 1px solid rgba(255,255,255,0.22);
}

/* ---------- Section 2: Translation services row ---------- */
.nys-footer-lang .nys-footer-inner {
padding-top: 16px;
padding-bottom: 20px;
}

.nys-footer-lang-head {
display: flex;
align-items: center;
gap: 28px;
flex-wrap: wrap;
margin-bottom: 12px;
}

.nys-footer-lang-note {
color: rgba(255,255,255,0.75);
font-size: 14px;
}

/* simple globe dot (no icon library needed) */
.nys-footer-globe {
width: 14px;
height: 14px;
display: inline-block;
border: 1px solid rgba(255,255,255,0.85);
border-radius: 50%;
margin-right: 8px;
vertical-align: -2px;
}

/* languages row */
.nys-footer-lang-links {
display: flex;
gap: 22px;
flex-wrap: wrap;
}

/* responsive */
@media (max-width: 768px) {
.nys-footer-inner { padding: 16px 16px; }
.nys-footer-top .nys-footer-inner { flex-direction: column; align-items: flex-start; }
.nys-footer-brand-svg { width: 170px; }
.nys-footer-nav { gap: 18px; }
.nys-footer-lang-links { gap: 16px; }
}


/* ===== Fix Connect With Us line + spacing ===== */
.scoc-footer-divider{
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
margin: 18px 0 10px;
padding: 0;
}

/* Create full-width lines using pseudo-elements */
.scoc-footer-divider::before,
.scoc-footer-divider::after{
content: "";
height: 1px;
background: rgba(0,0,0,0.28);
flex: 1 1 auto;
}

/* Keep a clean gap around text */
.scoc-footer-divider-text{
display: inline-block;
padding: 0 18px;
font-weight: 700;
letter-spacing: 0.12em;
color: #1b1b1b;
font-size: 13px;
white-space: nowrap;
}
/* Language links – force white in black footer */
.scoc-band-black .scoc-lang-item,
.scoc-band-black .scoc-lang-item:visited,
.scoc-band-black .scoc-lang-item:hover,
.scoc-band-black .scoc-lang-item:active {
color: #ffffff !important;
text-decoration: none;
font-weight: 500;
}

.scoc-band-black .scoc-lang-item:hover {
text-decoration: underline;
}

/* Brand (PNG logo) */
.nys-footer-brand {
display: inline-flex;
align-items: center;
text-decoration: none;
}

.nys-footer-logo {
display: block;
height: 40px; /* adjust to match Scoc */
width: auto;
}

/* ===== NYS TOP BAR: LOGO + TAGLINE (SCOC MATCH) ===== */

#nys-topbar .nys-topbar-left {
display: flex;
align-items: center;
gap: 14px;
}

/* Logo wrapper */
#nys-topbar .nys-topbar-logo-link {
display: inline-flex;
align-items: center;
text-decoration: none;
}

/* Actual NYS logo image */
#nys-topbar .nys-topbar-logo-img {
height: 34px; /* SCOC-equivalent height */
width: auto;
display: block;
}

/* Tagline text */
#nys-topbar .nys-topbar-tagline {
font-size: 16px !important;
line-height: 1.25;
color: #111;
white-space: nowrap;
}

/*  form customization - look and feel changes */

/* EXP-01: constrain + center complaint form container */
.scoc-form-page .container,
.scoc-form-page .crmEntityFormView,
.scoc-form-page #EntityFormPanel,
.scoc-form-page form {
max-width: 980px;
margin-left: auto;
margin-right: auto;
}

.scoc-form-page {
padding-left: 16px;
padding-right: 16px;
}



/* ===== Row 1 - Topbar layout ===== */
#nys-topbar{
background:#ffffff !important;
font-family: Arial, sans-serif;
font-size: 14px;
color:#000;
}

#nys-topbar .nys-topbar-inner{
display:flex;
justify-content:space-between;
align-items:center;
padding:10px 16px;
}

#nys-topbar .nys-topbar-left{
display:flex;
align-items:center;
gap:14px;
flex-wrap:wrap;
}

#nys-topbar .nys-topbar-logo{
font-weight:700;
letter-spacing:.5px;
}

#nys-topbar .nys-topbar-tagline{
font-weight:400;
}

/* ===== "Here's how you know" should look like a hyperlink (no box) ===== */
#howyouknow-btn.howyouknow-trigger{
appearance:none;
background:transparent;
border:0;
padding:0;
margin:0;
cursor:pointer;

color:#000;
text-decoration: underline; /* matches public-site look */
font: inherit;

display:inline-flex;
align-items:center;
gap:8px;
}

/* remove any focus outline/box that looks like a rectangle */
#howyouknow-btn.howyouknow-trigger:focus{
outline: none;
}

/* ===== Unfilled chevron caret (NO special chars) ===== */
/* Base chevron is drawn using borders (outline), then rotated */
#howyouknow-btn .howyouknow-caret{
width:8px;
height:8px;
display:inline-block;

border-right:2px solid #000;
border-bottom:2px solid #000;

/* default: UP (per your requirement) */
transform: rotate(-135deg);
margin-top:2px; /* slight vertical alignment */
}

/* When expanded, show DOWN */
#howyouknow-btn[aria-expanded="true"] .howyouknow-caret{
transform: rotate(45deg);
}

/* ===== Expandable panel ===== */
#howyouknow-panel.howyouknow-panel{
background:#f2f2f2;
}

#howyouknow-panel .howyouknow-panel-inner{
position:relative;
padding:14px 16px 10px 16px; /* bottom padding leaves room above yellow line */
display:flex;
gap:18px;
align-items:flex-start;
flex-wrap:wrap;
}

/* items */
#howyouknow-panel .howyouknow-item{
display:flex;
gap:10px;
min-width:280px;
flex: 1 1 320px;
}

#howyouknow-panel .howyouknow-title{
font-weight:700;
margin-bottom:2px;
}

#howyouknow-panel .howyouknow-text{
font-size:13px;
line-height:1.25;
}

/* thick black icons (SVG) */
#howyouknow-panel .howyouknow-icon{
width:20px;
height:20px;
display:inline-flex;
align-items:center;
justify-content:center;
color:#000;
}

#howyouknow-panel svg.icon{
width:20px;
height:20px;
fill: currentColor;
}

/* Close button (no hover highlight box) */
#howyouknow-close.howyouknow-close{
position:absolute;
top:10px;
right:12px;
border:0;
background:transparent;
color:#000;
font-size:20px;
line-height:1;
cursor:pointer;
padding:0;
}

#howyouknow-close.howyouknow-close:hover,
#howyouknow-close.howyouknow-close:focus{
background:transparent;
outline:none;
box-shadow:none;
}

/* ===== Yellow divider line should be at BOTTOM and a bit wider/thicker ===== */
#howyouknow-panel .howyouknow-divider{
height:20px; /* increase thickness (wider) */
background:#fdb81e !important; 
width:100%;
}


/* ===== ROW 2 CSS ===== */

/* ========== ROW 2: MENU BAND SCAFFOLD (EMPTY) ========== */
#scoc-row2{
background: #ffffff; /* parent site menu band is white */
border-bottom: 1px solid #d9d9d9;
}

#scoc-row2 .scoc-row2-inner{
max-width: 1200px; /* safe default; can adjust later */
margin: 0 auto;
padding: 10px 16px; /* vertical rhythm */
min-height: 52px; /* menu band height (approx scoc) */
display: flex;
align-items: center;
}
/* ===============================
NYS Row 2 (Phase 2 – one link)
================================ */

#nys-row2 {
background: #ffffff;
border-bottom: 1px solid #d0d0d0;
width: 100%;
}

.nys-row2-inner {
max-width: 1200px;
margin: 0 auto;
padding: 8px 20px;
display: flex;
align-items: center;
}

.nys-row2-link {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #004ddc;
text-decoration: none;
font-weight: 600;
padding: 6px 10px;
}

.nys-row2-link:hover {
text-decoration: underline;
background: #f2f6ff;
}

/* =========================================================
ROW 2 (Phase 3) — Style + spacing only
Targets ONLY your Row 2 markup:
#nys-row2 .nys-row2-inner a.nys-row2-link
========================================================= */

#nys-row2{
width: 100%;
background: #ffffff; /* Row 2 background (white like parent) */
border-top: 1px solid #d6d6d6; /* subtle divider line */
border-bottom: 1px solid #d6d6d6; /* subtle divider line */
}

/* Inner container: aligns content and controls height */
#nys-row2 .nys-row2-inner{
max-width: 1200px; /* safe default; if Row 1 uses a max-width, match it */
margin: 0 auto;
padding: 10px 16px; /* vertical thickness of Row 2 */
display: flex;
align-items: center;
gap: 18px;
min-height: 44px; /* consistent nav-bar feel */
box-sizing: border-box;
}

/* Link styling */
#nys-row2 .nys-row2-link{
color: #1a1a1a;
font-size: 14px;
font-weight: 600;
text-decoration: none; /* remove underline */
line-height: 1;
padding: 6px 8px; /* click target without looking like a button */
border-radius: 2px;
}

/* Hover/focus like an official nav feel */
#nys-row2 .nys-row2-link:hover{
text-decoration: underline;
}

#nys-row2 .nys-row2-link:focus{
outline: 2px solid #1a73e8; /* accessible focus ring */
outline-offset: 2px;
}
#nys-row2 .nys-row2-link + .nys-row2-link{
margin-left: 12px;
padding-left: 12px;
border-left: 1px solid #d6d6d6;
}

/* Phase 4 (structure only): dropdown positioning */
#nys-row2 .nys-row2-inner { position: relative; }

#nys-row2 .nys-dropdown { position: relative; display: inline-block; }

#nys-row2 .nys-dropdown-menu{
position: absolute;
top: 100%;
left: 0;
min-width: 260px;
z-index: 1000;
background: #fff;
border: 1px solid #ccc;
padding: 8px 0;
}

#nys-row2 .nys-dropdown-link{
display: block;
padding: 8px 14px;
text-decoration: none;
}
/* About should look like plain nav text (not boxed) */
#nys-row2 .nys-row2-link,
#nys-row2 .nys-row2-link:link,
#nys-row2 .nys-row2-link:visited {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
outline: none;
padding: 0 !important;
margin: 0;
text-decoration: none;
display: inline-block;
}

/* Optional: match the “simple hyperlink” feel */
#nys-row2 .nys-row2-link:hover,
#nys-row2 .nys-row2-link:focus {
text-decoration: underline;
}



/* Default hidden */
#nys-row2 .nys-row2-dropdown {
display: none;
}

/* Open on hover (desktop) */
@media (hover: hover) and (pointer: fine) {
#nys-row2 .nys-row2-item:hover > .nys-row2-dropdown {
display: block;
}
}

/* Also open when keyboard focuses inside the item */
#nys-row2 .nys-row2-item:focus-within > .nys-row2-dropdown {
display: block;
}


/* When JS toggles open on touch */
#nys-row2 .nys-row2-item.is-open > .nys-row2-dropdown {
display: block;
}
/* Default hidden (CSS controls desktop) */
#nys-row2 .nys-dropdown-menu {
display: none;
}

/* Open on hover (desktop) */
@media (hover: hover) and (pointer: fine) {
#nys-row2 .nys-row2-item:hover .nys-dropdown-menu {
display: block;
}
}
/* Find a Facility / Individual (and About) dropdown triggers must not look like links */
#nys-row2 .nys-dropdown-toggle {
text-decoration: none !important;
border-bottom: none !important;
box-shadow: none !important;
}

/* Also ensure no underline on hover or focus */
#nys-row2 .nys-dropdown-toggle:hover,
#nys-row2 .nys-dropdown-toggle:focus {
text-decoration: none !important;
}

/* ---- Row 2: baseline polish ---- */
#nys-row2 {
position: relative;
z-index: 9999; /* ensure dropdowns sit above page content */
}

#nys-row2 .nys-row2-inner {
display: flex;
align-items: center;
gap: 28px; /* tune spacing between top items */
flex-wrap: wrap; /* keeps things sane if viewport narrows */
}

/* Normalize link/button appearance */
#nys-row2 .nys-row2-link {
background: none;
border: 0;
padding: 10px 0;
margin: 0;
font: inherit;
color: inherit;
cursor: pointer;
text-decoration: none; /* remove default underline */
display: inline-flex;
align-items: center;
line-height: 1;
}

/* Underline ONLY on hover/focus (matches scoc look) */
#nys-row2 .nys-row2-link:hover,
#nys-row2 .nys-row2-link:focus-visible {
text-decoration: underline;
text-underline-offset: 3px;
}

/* Dropdown panel positioning + look */
#nys-row2 .nys-row2-item {
position: relative;
}

#nys-row2 .nys-dropdown-menu,
#nys-row2 .nys-row2-dropdown,
#nys-row2 .nys-dropdown-menu { /* keeps your naming variants safe */
position: absolute;
top: 100%;
left: 0;
min-width: 320px;
padding: 14px 18px;
margin-top: 8px;
border: 1px solid rgba(255,255,255,0.15);
box-shadow: 0 6px 18px rgba(0,0,0,0.25);
z-index: 10000;
}

/* Dropdown links: no underline at rest, underline on hover */
#nys-row2 .nys-dropdown-link {
display: block;
padding: 10px 0;
text-decoration: none;
}

#nys-row2 .nys-dropdown-link:hover,
#nys-row2 .nys-dropdown-link:focus-visible {
text-decoration: underline;
text-underline-offset: 3px;
}

/* Row2: force left alignment (no centering container) */
#nys-row2 {
width: 100%;
text-align: left !important; /* defeats any inherited centering */
}

#nys-row2 .nys-row2-inner {
display: flex !important;
justify-content: flex-start !important; /* items start from left */
align-items: center;

width: 100% !important;

/* IMPORTANT: remove centering behavior */
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;

/* optional: keep consistent left gutter */
padding-left: 24px;
padding-right: 24px;

box-sizing: border-box;
}

#nys-row2 {
background-color: #0b2d4d; /* SC​OC navy */
border-bottom: 3px solid #f2b705; /* NYS gold separator */
}



#nys-row2 .nys-row2-link,
#nys-row2 .nys-dropdown-toggle {
color: #ffffff !important;
text-decoration: none;
font-weight: 600;
}


#nys-row2 .nys-row2-link:hover,
#nys-row2 .nys-dropdown-toggle:hover {
text-decoration: underline;
text-underline-offset: 6px;
}


#nys-row2 .nys-dropdown-menu {
background-color: #0b2d4d;
border-top: 3px solid #f2b705;
}


#nys-row2 .nys-dropdown-link {
color: #ffffff !important;
padding: 12px 20px;
display: block;
text-decoration: none;
}

#nys-row2 .nys-dropdown-link:hover {
background-color: #163f6b; /* lighter SC​OC hover blue */
text-decoration: underline;
}

/* Row 2: eliminate any yellow/gold background behind the navy bar */
#nys-row2,
#nys-row2 .nys-row2-inner {
background: #1f2a33 !important; /* your SCROC navy */
}

/* If any child elements are inheriting a light background */
#nys-row2 * {
background-color: transparent;
}

/* Keep the gold ONLY as the bottom divider */
#nys-row2 {
border-bottom: 3px solid #f2b705 !important;
}

/* Ensure the navy bar has real height so nothing "peeks" through */
#nys-row2 .nys-row2-inner {
display: flex;
align-items: center;
min-height: 44px; /* adjust if needed */
padding: 0 12px; /* adjust if needed */
}
/* 1) Force Row-2 + everything inside to have NO background image/gradient */
#nys-row2,
#nys-row2 * {
background-image: none !important;
}

/* 2) Force Row-2 container to be solid navy (no transparency) */
#nys-row2 {
background-color: #1f2a33 !important;
box-shadow: none !important;
border-top: 0 !important;
outline: 0 !important;
}

/* 3) If a wrapper above/below is bleeding through, neutralize typical portal wrappers */
#nys-row2 + * , /* immediate next sibling after Row-2 */
#pp-navbar-wrapper, /* Power Pages header wrapper */
.navbar,
header {
background-image: none !important;
}

/* IMPORTANT: only set navy on wrappers that are in the header area */
#pp-navbar-wrapper,
#pp-navbar-wrapper .navbar {
background-color: #1f2a33 !important;
}

/* Keep ONLY the gold divider line under the bar */
#nys-row2 {
border-bottom: 3px solid #f2b705 !important;
}
/* =========================
ROW 3 – Gold banner + title
========================= */


/* Full-width gold band */
#nys-row3{
width: 100%;
background: #f2b705; /* NYS gold */
}

/* Constrain to same content width/left edge as Row 2 */
#nys-row3 .nys-row3-inner{
max-width: 960px;
margin: 0 auto;
padding: 18px 20px; /* use SAME left/right padding as Row2-inner */
display: block; /* IMPORTANT: kills flex-centering problems */
}

/* The title itself: force left, kill auto-centering */
#nys-row3 .nys-row3-title{
margin: 0; /* IMPORTANT: removes any auto-centering */
padding: 0;
display: block;
width: auto; /* IMPORTANT: prevents “full-width centered text” patterns */
text-align: left;
color: #ffffff;
font-size: 28px; /* adjust if you want larger */
font-weight: 800;
line-height: 1.15;
}
/* === ROW 3: align to left edge like SCOT === */
#nys-row3 .nys-row3-inner {
margin-left: 0 !important;
margin-right: 0 !important;
}
/* Row 3: make banner content narrower than site body */
#nys-row3 .nys-row3-inner {
max-width: 960px; /* try 900–1000px range */
margin-left: 0; /* lock left edge */
margin-right: auto; /* prevent centering */
}

/********************************************************************************* footer css start #################### @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/* ===== Clean SCoc-like Footer (Power Pages safe) ===== */
#scoc-footer{
background: #d9d9d9;
color: #111;
}

.scoc-footer{
background: #d9d9d9;
}

.scoc-footer-inner{
max-width: 1200px;
margin: 0 auto;
padding: 26px 22px 28px;
overflow: visible;
}

/* Title */
.scoc-footer-title{
display: inline-block;
font-size: 42px;
line-height: 1.05;
font-weight: 800;
color: #111;
text-decoration: none;
margin: 0 0 18px 0;
}

.scoc-footer-title:hover{
text-decoration: underline;
}

/* Grid */
.scoc-footer-grid{
display: grid;
grid-template-columns: repeat(4, minmax(160px, 1fr));
gap: 22px 34px;
margin: 0 0 18px 0;
}

.scoc-footer-col{
display: flex;
flex-direction: column;
gap: 10px;
}

.scoc-footer-link{
color: #1f3a63; /* SCoc-like blue */
font-weight: 600;
font-size: 14px;
text-decoration: none;
}

.scoc-footer-link:hover{
text-decoration: underline;
}

/* Divider with center label */
.scoc-footer-divider{
display: flex;
align-items: center;
gap: 18px;
margin-top: 18px;
padding-top: 14px;
}

.scoc-footer-divider::before,
.scoc-footer-divider::after{
content: "";
flex: 1 1 0;
height: 1px;
background: rgba(0,0,0,0.45);
min-width: 80px;
}

.scoc-footer-divider-text{
font-size: 14px;
font-weight: 800;
letter-spacing: 0.10em;
color: #111;
text-transform: uppercase;
white-space: nowrap;
}

/* Social button */
.scoc-footer-social{
margin-top: 14px;
display: flex;
justify-content: center;
}

.scoc-footer-social-btn{
width: 64px;
height: 64px;
border-radius: 50%;
background: #1f2f45; /* dark circle */
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
}

.scoc-footer-social-btn svg{
width: 30px;
height: 30px;
fill: #fff;
}

.scoc-footer-social-btn:focus{
outline: 3px solid #000;
outline-offset: 3px;
}

/* Responsive */
@media (max-width: 980px){
.scoc-footer-title{ font-size: 34px; }
.scoc-footer-grid{ grid-template-columns: repeat(2, minmax(160px, 1fr)); }
}

@media (max-width: 520px){
.scoc-footer-title{ font-size: 28px; }
.scoc-footer-grid{ grid-template-columns: 1fr; }
.scoc-footer-divider{ gap: 12px; }
}
/* 1) Force the title to align left inside Band A */
.scoc-footer-band-a .scoc-footer-inner {
text-align: left !important;
}

.scoc-footer-band-a .scoc-footer-title-link {
display: inline-block;
margin-left: 0 !important;
margin-right: auto !important;
text-align: left !important;
}


/* 2) Full-bleed (full screen width) rule line inside Band A */
.scoc-footer-band-a .scoc-footer-inner {
position: relative; /* anchor for the breakout */
}

.scoc-footer-band-a .scoc-footer-band-b-rule {
width: 100vw !important; /* full viewport width */
margin-left: calc(50% - 50vw) !important;/* breakout from centered container */
margin-right: calc(50% - 50vw) !important;
padding-left: 0 !important;
padding-right: 0 !important;
box-sizing: border-box !important;
}


/* =========================================================
NYS BLACK FOOTER (ONLY)
========================================================= */

/* shared */
.nys-footer {
background: #0b1e2d; /* deep NYS-ish navy */
color: #fff;
}

.nys-footer-inner {
max-width: 1180px;
margin: 0 auto;
padding: 18px 24px;
}

.nys-footer-link {
color: #fff;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
opacity: 0.95;
}

.nys-footer-link:hover {
opacity: 1;
}

/* ---------- Section 1: NYS logo + nav row ---------- */
.nys-footer-top .nys-footer-inner {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 28px;
}

.nys-footer-brand {
display: inline-flex;
align-items: center;
color: #fff;
text-decoration: none;
opacity: 0.95;
}

.nys-footer-brand:hover { opacity: 1; }

.nys-footer-brand-svg {
width: 150px;
height: auto;
display: block;
}

.nys-footer-nav {
display: flex;
align-items: center;
gap: 26px;
flex-wrap: wrap;
}

/* thin divider line between top and language section */
.nys-footer-lang {
border-top: 1px solid rgba(255,255,255,0.22);
}

/* ---------- Section 2: Translation services row ---------- */
.nys-footer-lang .nys-footer-inner {
padding-top: 16px;
padding-bottom: 20px;
}

.nys-footer-lang-head {
display: flex;
align-items: center;
gap: 28px;
flex-wrap: wrap;
margin-bottom: 12px;
}

.nys-footer-lang-note {
color: rgba(255,255,255,0.75);
font-size: 14px;
}

/* simple globe dot (no icon library needed) */
.nys-footer-globe {
width: 14px;
height: 14px;
display: inline-block;
border: 1px solid rgba(255,255,255,0.85);
border-radius: 50%;
margin-right: 8px;
vertical-align: -2px;
}

/* languages row */
.nys-footer-lang-links {
display: flex;
gap: 22px;
flex-wrap: wrap;
}

/* responsive */
@media (max-width: 768px) {
.nys-footer-inner { padding: 16px 16px; }
.nys-footer-top .nys-footer-inner { flex-direction: column; align-items: flex-start; }
.nys-footer-brand-svg { width: 170px; }
.nys-footer-nav { gap: 18px; }
.nys-footer-lang-links { gap: 16px; }
}


/* ===== Fix Connect With Us line + spacing ===== */
.scoc-footer-divider{
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
margin: 18px 0 10px;
padding: 0;
}

/* Create full-width lines using pseudo-elements */
.scoc-footer-divider::before,
.scoc-footer-divider::after{
content: "";
height: 1px;
background: rgba(0,0,0,0.28);
flex: 1 1 auto;
}

/* Keep a clean gap around text */
.scoc-footer-divider-text{
display: inline-block;
padding: 0 18px;
font-weight: 700;
letter-spacing: 0.12em;
color: #1b1b1b;
font-size: 13px;
white-space: nowrap;
}
/* Language links – force white in black footer */
.scoc-band-black .scoc-lang-item,
.scoc-band-black .scoc-lang-item:visited,
.scoc-band-black .scoc-lang-item:hover,
.scoc-band-black .scoc-lang-item:active {
color: #ffffff !important;
text-decoration: none;
font-weight: 500;
}

.scoc-band-black .scoc-lang-item:hover {
text-decoration: underline;
}

/* Brand (PNG logo) */
.nys-footer-brand {
display: inline-flex;
align-items: center;
text-decoration: none;
}

.nys-footer-logo {
display: block;
height: 40px; /* adjust to match Scoc */
width: auto;
}

/* ===== NYS TOP BAR: LOGO + TAGLINE (SCOC MATCH) ===== */

#nys-topbar .nys-topbar-left {
display: flex;
align-items: center;
gap: 14px;
}

/* Logo wrapper */
#nys-topbar .nys-topbar-logo-link {
display: inline-flex;
align-items: center;
text-decoration: none;
}

/* Actual NYS logo image */
#nys-topbar .nys-topbar-logo-img {
height: 34px; /* SCOC-equivalent height */
width: auto;
display: block;
}

/* Tagline text */
#nys-topbar .nys-topbar-tagline {
font-size: 16px !important;
line-height: 1.25;
color: #111;
white-space: nowrap;
}

/*  form customization - look and feel changes */

/* EXP-01: constrain + center complaint form container */
.scoc-form-page .container,
.scoc-form-page .crmEntityFormView,
.scoc-form-page #EntityFormPanel,
.scoc-form-page form {
max-width: 980px;
margin-left: auto;
margin-right: auto;
}

.scoc-form-page {
padding-left: 16px;
padding-right: 16px;
}



/* ===== Row 1 - Topbar layout ===== */
#nys-topbar{
background:#ffffff !important;
font-family: Arial, sans-serif;
font-size: 14px;
color:#000;
}

#nys-topbar .nys-topbar-inner{
display:flex;
justify-content:space-between;
align-items:center;
padding:10px 16px;
}

#nys-topbar .nys-topbar-left{
display:flex;
align-items:center;
gap:14px;
flex-wrap:wrap;
}

#nys-topbar .nys-topbar-logo{
font-weight:700;
letter-spacing:.5px;
}

#nys-topbar .nys-topbar-tagline{
font-weight:400;
}

/* ===== "Here's how you know" should look like a hyperlink (no box) ===== */
#howyouknow-btn.howyouknow-trigger{
appearance:none;
background:transparent;
border:0;
padding:0;
margin:0;
cursor:pointer;

color:#000;
text-decoration: underline; /* matches public-site look */
font: inherit;

display:inline-flex;
align-items:center;
gap:8px;
}

/* remove any focus outline/box that looks like a rectangle */
#howyouknow-btn.howyouknow-trigger:focus{
outline: none;
}

/* ===== Unfilled chevron caret (NO special chars) ===== */
/* Base chevron is drawn using borders (outline), then rotated */
#howyouknow-btn .howyouknow-caret{
width:8px;
height:8px;
display:inline-block;

border-right:2px solid #000;
border-bottom:2px solid #000;

/* default: UP (per your requirement) */
transform: rotate(-135deg);
margin-top:2px; /* slight vertical alignment */
}

/* When expanded, show DOWN */
#howyouknow-btn[aria-expanded="true"] .howyouknow-caret{
transform: rotate(45deg);
}

/* ===== Expandable panel ===== */
#howyouknow-panel.howyouknow-panel{
background:#f2f2f2;
}

#howyouknow-panel .howyouknow-panel-inner{
position:relative;
padding:14px 16px 10px 16px; /* bottom padding leaves room above yellow line */
display:flex;
gap:18px;
align-items:flex-start;
flex-wrap:wrap;
}

/* items */
#howyouknow-panel .howyouknow-item{
display:flex;
gap:10px;
min-width:280px;
flex: 1 1 320px;
}

#howyouknow-panel .howyouknow-title{
font-weight:700;
margin-bottom:2px;
}

#howyouknow-panel .howyouknow-text{
font-size:13px;
line-height:1.25;
}

/* thick black icons (SVG) */
#howyouknow-panel .howyouknow-icon{
width:20px;
height:20px;
display:inline-flex;
align-items:center;
justify-content:center;
color:#000;
}

#howyouknow-panel svg.icon{
width:20px;
height:20px;
fill: currentColor;
}

/* Close button (no hover highlight box) */
#howyouknow-close.howyouknow-close{
position:absolute;
top:10px;
right:12px;
border:0;
background:transparent;
color:#000;
font-size:20px;
line-height:1;
cursor:pointer;
padding:0;
}

#howyouknow-close.howyouknow-close:hover,
#howyouknow-close.howyouknow-close:focus{
background:transparent;
outline:none;
box-shadow:none;
}

/* ===== Yellow divider line should be at BOTTOM and a bit wider/thicker ===== */
#howyouknow-panel .howyouknow-divider{
height:20px; /* increase thickness (wider) */
background:#fdb81e !important; 
width:100%;
}


/* ===== ROW 2 CSS ===== */

/* ========== ROW 2: MENU BAND SCAFFOLD (EMPTY) ========== */
#scoc-row2{
background: #ffffff; /* parent site menu band is white */
border-bottom: 1px solid #d9d9d9;
}

#scoc-row2 .scoc-row2-inner{
max-width: 1200px; /* safe default; can adjust later */
margin: 0 auto;
padding: 10px 16px; /* vertical rhythm */
min-height: 52px; /* menu band height (approx scoc) */
display: flex;
align-items: center;
}
/* ===============================
NYS Row 2 (Phase 2 – one link)
================================ */

#nys-row2 {
background: #ffffff;
border-bottom: 1px solid #d0d0d0;
width: 100%;
}

.nys-row2-inner {
max-width: 1200px;
margin: 0 auto;
padding: 8px 20px;
display: flex;
align-items: center;
}

.nys-row2-link {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #004ddc;
text-decoration: none;
font-weight: 600;
padding: 6px 10px;
}

.nys-row2-link:hover {
text-decoration: underline;
background: #f2f6ff;
}

/* =========================================================
ROW 2 (Phase 3) — Style + spacing only
Targets ONLY your Row 2 markup:
#nys-row2 .nys-row2-inner a.nys-row2-link
========================================================= */

#nys-row2{
width: 100%;
background: #ffffff; /* Row 2 background (white like parent) */
border-top: 1px solid #d6d6d6; /* subtle divider line */
border-bottom: 1px solid #d6d6d6; /* subtle divider line */
}

/* Inner container: aligns content and controls height */
#nys-row2 .nys-row2-inner{
max-width: 1200px; /* safe default; if Row 1 uses a max-width, match it */
margin: 0 auto;
padding: 10px 16px; /* vertical thickness of Row 2 */
display: flex;
align-items: center;
gap: 18px;
min-height: 44px; /* consistent nav-bar feel */
box-sizing: border-box;
}

/* Link styling */
#nys-row2 .nys-row2-link{
color: #1a1a1a;
font-size: 14px;
font-weight: 600;
text-decoration: none; /* remove underline */
line-height: 1;
padding: 6px 8px; /* click target without looking like a button */
border-radius: 2px;
}

/* Hover/focus like an official nav feel */
#nys-row2 .nys-row2-link:hover{
text-decoration: underline;
}

#nys-row2 .nys-row2-link:focus{
outline: 2px solid #1a73e8; /* accessible focus ring */
outline-offset: 2px;
}
#nys-row2 .nys-row2-link + .nys-row2-link{
margin-left: 12px;
padding-left: 12px;
border-left: 1px solid #d6d6d6;
}

/* Phase 4 (structure only): dropdown positioning */
#nys-row2 .nys-row2-inner { position: relative; }

#nys-row2 .nys-dropdown { position: relative; display: inline-block; }

#nys-row2 .nys-dropdown-menu{
position: absolute;
top: 100%;
left: 0;
min-width: 260px;
z-index: 1000;
background: #fff;
border: 1px solid #ccc;
padding: 8px 0;
}

#nys-row2 .nys-dropdown-link{
display: block;
padding: 8px 14px;
text-decoration: none;
}
/* About should look like plain nav text (not boxed) */
#nys-row2 .nys-row2-link,
#nys-row2 .nys-row2-link:link,
#nys-row2 .nys-row2-link:visited {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
outline: none;
padding: 0 !important;
margin: 0;
text-decoration: none;
display: inline-block;
}

/* Optional: match the “simple hyperlink” feel */
#nys-row2 .nys-row2-link:hover,
#nys-row2 .nys-row2-link:focus {
text-decoration: underline;
}



/* Default hidden */
#nys-row2 .nys-row2-dropdown {
display: none;
}

/* Open on hover (desktop) */
@media (hover: hover) and (pointer: fine) {
#nys-row2 .nys-row2-item:hover > .nys-row2-dropdown {
display: block;
}
}

/* Also open when keyboard focuses inside the item */
#nys-row2 .nys-row2-item:focus-within > .nys-row2-dropdown {
display: block;
}


/* When JS toggles open on touch */
#nys-row2 .nys-row2-item.is-open > .nys-row2-dropdown {
display: block;
}
/* Default hidden (CSS controls desktop) */
#nys-row2 .nys-dropdown-menu {
display: none;
}

/* Open on hover (desktop) */
@media (hover: hover) and (pointer: fine) {
#nys-row2 .nys-row2-item:hover .nys-dropdown-menu {
display: block;
}
}
/* Find a Facility / Individual (and About) dropdown triggers must not look like links */
#nys-row2 .nys-dropdown-toggle {
text-decoration: none !important;
border-bottom: none !important;
box-shadow: none !important;
}

/* Also ensure no underline on hover or focus */
#nys-row2 .nys-dropdown-toggle:hover,
#nys-row2 .nys-dropdown-toggle:focus {
text-decoration: none !important;
}

/* ---- Row 2: baseline polish ---- */
#nys-row2 {
position: relative;
z-index: 9999; /* ensure dropdowns sit above page content */
}

#nys-row2 .nys-row2-inner {
display: flex;
align-items: center;
gap: 28px; /* tune spacing between top items */
flex-wrap: wrap; /* keeps things sane if viewport narrows */
}

/* Normalize link/button appearance */
#nys-row2 .nys-row2-link {
background: none;
border: 0;
padding: 10px 0;
margin: 0;
font: inherit;
color: inherit;
cursor: pointer;
text-decoration: none; /* remove default underline */
display: inline-flex;
align-items: center;
line-height: 1;
}

/* Underline ONLY on hover/focus (matches scoc look) */
#nys-row2 .nys-row2-link:hover,
#nys-row2 .nys-row2-link:focus-visible {
text-decoration: underline;
text-underline-offset: 3px;
}

/* Dropdown panel positioning + look */
#nys-row2 .nys-row2-item {
position: relative;
}

#nys-row2 .nys-dropdown-menu,
#nys-row2 .nys-row2-dropdown,
#nys-row2 .nys-dropdown-menu { /* keeps your naming variants safe */
position: absolute;
top: 100%;
left: 0;
min-width: 320px;
padding: 14px 18px;
margin-top: 8px;
border: 1px solid rgba(255,255,255,0.15);
box-shadow: 0 6px 18px rgba(0,0,0,0.25);
z-index: 10000;
}

/* Dropdown links: no underline at rest, underline on hover */
#nys-row2 .nys-dropdown-link {
display: block;
padding: 10px 0;
text-decoration: none;
}

#nys-row2 .nys-dropdown-link:hover,
#nys-row2 .nys-dropdown-link:focus-visible {
text-decoration: underline;
text-underline-offset: 3px;
}

/* Row2: force left alignment (no centering container) */
#nys-row2 {
width: 100%;
text-align: left !important; /* defeats any inherited centering */
}

#nys-row2 .nys-row2-inner {
display: flex !important;
justify-content: flex-start !important; /* items start from left */
align-items: center;

width: 100% !important;

/* IMPORTANT: remove centering behavior */
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;

/* optional: keep consistent left gutter */
padding-left: 24px;
padding-right: 24px;

box-sizing: border-box;
}

#nys-row2 {
background-color: #0b2d4d; /* SC​OC navy */
border-bottom: 3px solid #f2b705; /* NYS gold separator */
}



#nys-row2 .nys-row2-link,
#nys-row2 .nys-dropdown-toggle {
color: #ffffff !important;
text-decoration: none;
font-weight: 600;
}


#nys-row2 .nys-row2-link:hover,
#nys-row2 .nys-dropdown-toggle:hover {
text-decoration: underline;
text-underline-offset: 6px;
}


#nys-row2 .nys-dropdown-menu {
background-color: #0b2d4d;
border-top: 3px solid #f2b705;
}


#nys-row2 .nys-dropdown-link {
color: #ffffff !important;
padding: 12px 20px;
display: block;
text-decoration: none;
}

#nys-row2 .nys-dropdown-link:hover {
background-color: #163f6b; /* lighter SC​OC hover blue */
text-decoration: underline;
}

/* Row 2: eliminate any yellow/gold background behind the navy bar */
#nys-row2,
#nys-row2 .nys-row2-inner {
background: #1f2a33 !important; /* your SCROC navy */
}

/* If any child elements are inheriting a light background */
#nys-row2 * {
background-color: transparent;
}

/* Keep the gold ONLY as the bottom divider */
#nys-row2 {
border-bottom: 3px solid #f2b705 !important;
}

/* Ensure the navy bar has real height so nothing "peeks" through */
#nys-row2 .nys-row2-inner {
display: flex;
align-items: center;
min-height: 44px; /* adjust if needed */
padding: 0 12px; /* adjust if needed */
}
/* 1) Force Row-2 + everything inside to have NO background image/gradient */
#nys-row2,
#nys-row2 * {
background-image: none !important;
}

/* 2) Force Row-2 container to be solid navy (no transparency) */
#nys-row2 {
background-color: #1f2a33 !important;
box-shadow: none !important;
border-top: 0 !important;
outline: 0 !important;
}

/* 3) If a wrapper above/below is bleeding through, neutralize typical portal wrappers */
#nys-row2 + * , /* immediate next sibling after Row-2 */
#pp-navbar-wrapper, /* Power Pages header wrapper */
.navbar,
header {
background-image: none !important;
}

/* IMPORTANT: only set navy on wrappers that are in the header area */
#pp-navbar-wrapper,
#pp-navbar-wrapper .navbar {
background-color: #1f2a33 !important;
}

/* Keep ONLY the gold divider line under the bar */
#nys-row2 {
border-bottom: 3px solid #f2b705 !important;
}
/* =========================
ROW 3 – Gold banner + title
========================= */


/* Full-width gold band */
#nys-row3{
width: 100%;
background: #f2b705; /* NYS gold */
}

/* Constrain to same content width/left edge as Row 2 */
#nys-row3 .nys-row3-inner{
max-width: 960px;
margin: 0 auto;
padding: 18px 20px; /* use SAME left/right padding as Row2-inner */
display: block; /* IMPORTANT: kills flex-centering problems */
}

/* The title itself: force left, kill auto-centering */
#nys-row3 .nys-row3-title{
margin: 0; /* IMPORTANT: removes any auto-centering */
padding: 0;
display: block;
width: auto; /* IMPORTANT: prevents “full-width centered text” patterns */
text-align: left;
color: #ffffff;
font-size: 28px; /* adjust if you want larger */
font-weight: 800;
line-height: 1.15;
}
/* === ROW 3: align to left edge like SCOT === */
#nys-row3 .nys-row3-inner {
margin-left: 0 !important;
margin-right: 0 !important;
}
/* Row 3: make banner content narrower than site body */
#nys-row3 .nys-row3-inner {
max-width: 960px; /* try 900–1000px range */
margin-left: 0; /* lock left edge */
margin-right: auto; /* prevent centering */
}

/********************************************************************************* footer css start #################### @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/* ===== Clean SCoc-like Footer (Power Pages safe) ===== */
#scoc-footer{
background: #d9d9d9;
color: #111;
}

.scoc-footer{
background: #d9d9d9;
}

.scoc-footer-inner{
max-width: 1200px;
margin: 0 auto;
padding: 26px 22px 28px;
overflow: visible;
}

/* Title */
.scoc-footer-title{
display: inline-block;
font-size: 42px;
line-height: 1.05;
font-weight: 800;
color: #111;
text-decoration: none;
margin: 0 0 18px 0;
}

.scoc-footer-title:hover{
text-decoration: underline;
}

/* Grid */
.scoc-footer-grid{
display: grid;
grid-template-columns: repeat(4, minmax(160px, 1fr));
gap: 22px 34px;
margin: 0 0 18px 0;
}

.scoc-footer-col{
display: flex;
flex-direction: column;
gap: 10px;
}

.scoc-footer-link{
color: #1f3a63; /* SCoc-like blue */
font-weight: 600;
font-size: 14px;
text-decoration: none;
}

.scoc-footer-link:hover{
text-decoration: underline;
}

/* Divider with center label */
.scoc-footer-divider{
display: flex;
align-items: center;
gap: 18px;
margin-top: 18px;
padding-top: 14px;
}

.scoc-footer-divider::before,
.scoc-footer-divider::after{
content: "";
flex: 1 1 0;
height: 1px;
background: rgba(0,0,0,0.45);
min-width: 80px;
}

.scoc-footer-divider-text{
font-size: 14px;
font-weight: 800;
letter-spacing: 0.10em;
color: #111;
text-transform: uppercase;
white-space: nowrap;
}

/* Social button */
.scoc-footer-social{
margin-top: 14px;
display: flex;
justify-content: center;
}

.scoc-footer-social-btn{
width: 64px;
height: 64px;
border-radius: 50%;
background: #1f2f45; /* dark circle */
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
}

.scoc-footer-social-btn svg{
width: 30px;
height: 30px;
fill: #fff;
}

.scoc-footer-social-btn:focus{
outline: 3px solid #000;
outline-offset: 3px;
}

/* Responsive */
@media (max-width: 980px){
.scoc-footer-title{ font-size: 34px; }
.scoc-footer-grid{ grid-template-columns: repeat(2, minmax(160px, 1fr)); }
}

@media (max-width: 520px){
.scoc-footer-title{ font-size: 28px; }
.scoc-footer-grid{ grid-template-columns: 1fr; }
.scoc-footer-divider{ gap: 12px; }
}
/* 1) Force the title to align left inside Band A */
.scoc-footer-band-a .scoc-footer-inner {
text-align: left !important;
}

.scoc-footer-band-a .scoc-footer-title-link {
display: inline-block;
margin-left: 0 !important;
margin-right: auto !important;
text-align: left !important;
}


/* 2) Full-bleed (full screen width) rule line inside Band A */
.scoc-footer-band-a .scoc-footer-inner {
position: relative; /* anchor for the breakout */
}

.scoc-footer-band-a .scoc-footer-band-b-rule {
width: 100vw !important; /* full viewport width */
margin-left: calc(50% - 50vw) !important;/* breakout from centered container */
margin-right: calc(50% - 50vw) !important;
padding-left: 0 !important;
padding-right: 0 !important;
box-sizing: border-box !important;
}


/* =========================================================
NYS BLACK FOOTER (ONLY)
========================================================= */

/* shared */
.nys-footer {
background: #0b1e2d; /* deep NYS-ish navy */
color: #fff;
}

.nys-footer-inner {
max-width: 1180px;
margin: 0 auto;
padding: 18px 24px;
}

.nys-footer-link {
color: #fff;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
opacity: 0.95;
}

.nys-footer-link:hover {
opacity: 1;
}

/* ---------- Section 1: NYS logo + nav row ---------- */
.nys-footer-top .nys-footer-inner {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 28px;
}

.nys-footer-brand {
display: inline-flex;
align-items: center;
color: #fff;
text-decoration: none;
opacity: 0.95;
}

.nys-footer-brand:hover { opacity: 1; }

.nys-footer-brand-svg {
width: 150px;
height: auto;
display: block;
}

.nys-footer-nav {
display: flex;
align-items: center;
gap: 26px;
flex-wrap: wrap;
}

/* thin divider line between top and language section */
.nys-footer-lang {
border-top: 1px solid rgba(255,255,255,0.22);
}

/* ---------- Section 2: Translation services row ---------- */
.nys-footer-lang .nys-footer-inner {
padding-top: 16px;
padding-bottom: 20px;
}

.nys-footer-lang-head {
display: flex;
align-items: center;
gap: 28px;
flex-wrap: wrap;
margin-bottom: 12px;
}

.nys-footer-lang-note {
color: rgba(255,255,255,0.75);
font-size: 14px;
}

/* simple globe dot (no icon library needed) */
.nys-footer-globe {
width: 14px;
height: 14px;
display: inline-block;
border: 1px solid rgba(255,255,255,0.85);
border-radius: 50%;
margin-right: 8px;
vertical-align: -2px;
}

/* languages row */
.nys-footer-lang-links {
display: flex;
gap: 22px;
flex-wrap: wrap;
}

/* responsive */
@media (max-width: 768px) {
.nys-footer-inner { padding: 16px 16px; }
.nys-footer-top .nys-footer-inner { flex-direction: column; align-items: flex-start; }
.nys-footer-brand-svg { width: 170px; }
.nys-footer-nav { gap: 18px; }
.nys-footer-lang-links { gap: 16px; }
}


/* ===== Fix Connect With Us line + spacing ===== */
.scoc-footer-divider{
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
margin: 18px 0 10px;
padding: 0;
}

/* Create full-width lines using pseudo-elements */
.scoc-footer-divider::before,
.scoc-footer-divider::after{
content: "";
height: 1px;
background: rgba(0,0,0,0.28);
flex: 1 1 auto;
}

/* Keep a clean gap around text */
.scoc-footer-divider-text{
display: inline-block;
padding: 0 18px;
font-weight: 700;
letter-spacing: 0.12em;
color: #1b1b1b;
font-size: 13px;
white-space: nowrap;
}
/* Language links – force white in black footer */
.scoc-band-black .scoc-lang-item,
.scoc-band-black .scoc-lang-item:visited,
.scoc-band-black .scoc-lang-item:hover,
.scoc-band-black .scoc-lang-item:active {
color: #ffffff !important;
text-decoration: none;
font-weight: 500;
}

.scoc-band-black .scoc-lang-item:hover {
text-decoration: underline;
}

/* Brand (PNG logo) */
.nys-footer-brand {
display: inline-flex;
align-items: center;
text-decoration: none;
}

.nys-footer-logo {
display: block;
height: 40px; /* adjust to match Scoc */
width: auto;
}

/* ===== NYS TOP BAR: LOGO + TAGLINE (SCOC MATCH) ===== */

#nys-topbar .nys-topbar-left {
display: flex;
align-items: center;
gap: 14px;
}

/* Logo wrapper */
#nys-topbar .nys-topbar-logo-link {
display: inline-flex;
align-items: center;
text-decoration: none;
}

/* Actual NYS logo image */
#nys-topbar .nys-topbar-logo-img {
height: 34px; /* SCOC-equivalent height */
width: auto;
display: block;
}

/* Tagline text */
#nys-topbar .nys-topbar-tagline {
font-size: 16px !important;
line-height: 1.25;
color: #111;
white-space: nowrap;
}

/*  form customization - look and feel changes */

/* EXP-01: constrain + center complaint form container */
.scoc-form-page .container,
.scoc-form-page .crmEntityFormView,
.scoc-form-page #EntityFormPanel,
.scoc-form-page form {
max-width: 980px;
margin-left: auto;
margin-right: auto;
}

.scoc-form-page {
padding-left: 16px;
padding-right: 16px;
}



/* ===== Row 1 - Topbar layout ===== */
#nys-topbar{
background:#ffffff !important;
font-family: Arial, sans-serif;
font-size: 14px;
color:#000;
}

#nys-topbar .nys-topbar-inner{
display:flex;
justify-content:space-between;
align-items:center;
padding:10px 16px;
}

#nys-topbar .nys-topbar-left{
display:flex;
align-items:center;
gap:14px;
flex-wrap:wrap;
}

#nys-topbar .nys-topbar-logo{
font-weight:700;
letter-spacing:.5px;
}

#nys-topbar .nys-topbar-tagline{
font-weight:400;
}

/* ===== "Here's how you know" should look like a hyperlink (no box) ===== */
#howyouknow-btn.howyouknow-trigger{
appearance:none;
background:transparent;
border:0;
padding:0;
margin:0;
cursor:pointer;

color:#000;
text-decoration: underline; /* matches public-site look */
font: inherit;

display:inline-flex;
align-items:center;
gap:8px;
}

/* remove any focus outline/box that looks like a rectangle */
#howyouknow-btn.howyouknow-trigger:focus{
outline: none;
}

/* ===== Unfilled chevron caret (NO special chars) ===== */
/* Base chevron is drawn using borders (outline), then rotated */
#howyouknow-btn .howyouknow-caret{
width:8px;
height:8px;
display:inline-block;

border-right:2px solid #000;
border-bottom:2px solid #000;

/* default: UP (per your requirement) */
transform: rotate(-135deg);
margin-top:2px; /* slight vertical alignment */
}

/* When expanded, show DOWN */
#howyouknow-btn[aria-expanded="true"] .howyouknow-caret{
transform: rotate(45deg);
}

/* ===== Expandable panel ===== */
#howyouknow-panel.howyouknow-panel{
background:#f2f2f2;
}

#howyouknow-panel .howyouknow-panel-inner{
position:relative;
padding:14px 16px 10px 16px; /* bottom padding leaves room above yellow line */
display:flex;
gap:18px;
align-items:flex-start;
flex-wrap:wrap;
}

/* items */
#howyouknow-panel .howyouknow-item{
display:flex;
gap:10px;
min-width:280px;
flex: 1 1 320px;
}

#howyouknow-panel .howyouknow-title{
font-weight:700;
margin-bottom:2px;
}

#howyouknow-panel .howyouknow-text{
font-size:13px;
line-height:1.25;
}

/* thick black icons (SVG) */
#howyouknow-panel .howyouknow-icon{
width:20px;
height:20px;
display:inline-flex;
align-items:center;
justify-content:center;
color:#000;
}

#howyouknow-panel svg.icon{
width:20px;
height:20px;
fill: currentColor;
}

/* Close button (no hover highlight box) */
#howyouknow-close.howyouknow-close{
position:absolute;
top:10px;
right:12px;
border:0;
background:transparent;
color:#000;
font-size:20px;
line-height:1;
cursor:pointer;
padding:0;
}

#howyouknow-close.howyouknow-close:hover,
#howyouknow-close.howyouknow-close:focus{
background:transparent;
outline:none;
box-shadow:none;
}

/* ===== Yellow divider line should be at BOTTOM and a bit wider/thicker ===== */
#howyouknow-panel .howyouknow-divider{
height:20px; /* increase thickness (wider) */
background:#fdb81e !important; 
width:100%;
}


/* ===== ROW 2 CSS ===== */

/* ========== ROW 2: MENU BAND SCAFFOLD (EMPTY) ========== */
#scoc-row2{
background: #ffffff; /* parent site menu band is white */
border-bottom: 1px solid #d9d9d9;
}

#scoc-row2 .scoc-row2-inner{
max-width: 1200px; /* safe default; can adjust later */
margin: 0 auto;
padding: 10px 16px; /* vertical rhythm */
min-height: 52px; /* menu band height (approx scoc) */
display: flex;
align-items: center;
}
/* ===============================
NYS Row 2 (Phase 2 – one link)
================================ */

#nys-row2 {
background: #ffffff;
border-bottom: 1px solid #d0d0d0;
width: 100%;
}

.nys-row2-inner {
max-width: 1200px;
margin: 0 auto;
padding: 8px 20px;
display: flex;
align-items: center;
}

.nys-row2-link {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #004ddc;
text-decoration: none;
font-weight: 600;
padding: 6px 10px;
}

.nys-row2-link:hover {
text-decoration: underline;
background: #f2f6ff;
}

/* =========================================================
ROW 2 (Phase 3) — Style + spacing only
Targets ONLY your Row 2 markup:
#nys-row2 .nys-row2-inner a.nys-row2-link
========================================================= */

#nys-row2{
width: 100%;
background: #ffffff; /* Row 2 background (white like parent) */
border-top: 1px solid #d6d6d6; /* subtle divider line */
border-bottom: 1px solid #d6d6d6; /* subtle divider line */
}

/* Inner container: aligns content and controls height */
#nys-row2 .nys-row2-inner{
max-width: 1200px; /* safe default; if Row 1 uses a max-width, match it */
margin: 0 auto;
padding: 10px 16px; /* vertical thickness of Row 2 */
display: flex;
align-items: center;
gap: 18px;
min-height: 44px; /* consistent nav-bar feel */
box-sizing: border-box;
}

/* Link styling */
#nys-row2 .nys-row2-link{
color: #1a1a1a;
font-size: 14px;
font-weight: 600;
text-decoration: none; /* remove underline */
line-height: 1;
padding: 6px 8px; /* click target without looking like a button */
border-radius: 2px;
}

/* Hover/focus like an official nav feel */
#nys-row2 .nys-row2-link:hover{
text-decoration: underline;
}

#nys-row2 .nys-row2-link:focus{
outline: 2px solid #1a73e8; /* accessible focus ring */
outline-offset: 2px;
}
#nys-row2 .nys-row2-link + .nys-row2-link{
margin-left: 12px;
padding-left: 12px;
border-left: 1px solid #d6d6d6;
}

/* Phase 4 (structure only): dropdown positioning */
#nys-row2 .nys-row2-inner { position: relative; }

#nys-row2 .nys-dropdown { position: relative; display: inline-block; }

#nys-row2 .nys-dropdown-menu{
position: absolute;
top: 100%;
left: 0;
min-width: 260px;
z-index: 1000;
background: #fff;
border: 1px solid #ccc;
padding: 8px 0;
}

#nys-row2 .nys-dropdown-link{
display: block;
padding: 8px 14px;
text-decoration: none;
}
/* About should look like plain nav text (not boxed) */
#nys-row2 .nys-row2-link,
#nys-row2 .nys-row2-link:link,
#nys-row2 .nys-row2-link:visited {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
outline: none;
padding: 0 !important;
margin: 0;
text-decoration: none;
display: inline-block;
}

/* Optional: match the “simple hyperlink” feel */
#nys-row2 .nys-row2-link:hover,
#nys-row2 .nys-row2-link:focus {
text-decoration: underline;
}



/* Default hidden */
#nys-row2 .nys-row2-dropdown {
display: none;
}

/* Open on hover (desktop) */
@media (hover: hover) and (pointer: fine) {
#nys-row2 .nys-row2-item:hover > .nys-row2-dropdown {
display: block;
}
}

/* Also open when keyboard focuses inside the item */
#nys-row2 .nys-row2-item:focus-within > .nys-row2-dropdown {
display: block;
}


/* When JS toggles open on touch */
#nys-row2 .nys-row2-item.is-open > .nys-row2-dropdown {
display: block;
}
/* Default hidden (CSS controls desktop) */
#nys-row2 .nys-dropdown-menu {
display: none;
}

/* Open on hover (desktop) */
@media (hover: hover) and (pointer: fine) {
#nys-row2 .nys-row2-item:hover .nys-dropdown-menu {
display: block;
}
}
/* Find a Facility / Individual (and About) dropdown triggers must not look like links */
#nys-row2 .nys-dropdown-toggle {
text-decoration: none !important;
border-bottom: none !important;
box-shadow: none !important;
}

/* Also ensure no underline on hover or focus */
#nys-row2 .nys-dropdown-toggle:hover,
#nys-row2 .nys-dropdown-toggle:focus {
text-decoration: none !important;
}

/* ---- Row 2: baseline polish ---- */
#nys-row2 {
position: relative;
z-index: 9999; /* ensure dropdowns sit above page content */
}

#nys-row2 .nys-row2-inner {
display: flex;
align-items: center;
gap: 28px; /* tune spacing between top items */
flex-wrap: wrap; /* keeps things sane if viewport narrows */
}

/* Normalize link/button appearance */
#nys-row2 .nys-row2-link {
background: none;
border: 0;
padding: 10px 0;
margin: 0;
font: inherit;
color: inherit;
cursor: pointer;
text-decoration: none; /* remove default underline */
display: inline-flex;
align-items: center;
line-height: 1;
}

/* Underline ONLY on hover/focus (matches scoc look) */
#nys-row2 .nys-row2-link:hover,
#nys-row2 .nys-row2-link:focus-visible {
text-decoration: underline;
text-underline-offset: 3px;
}

/* Dropdown panel positioning + look */
#nys-row2 .nys-row2-item {
position: relative;
}

#nys-row2 .nys-dropdown-menu,
#nys-row2 .nys-row2-dropdown,
#nys-row2 .nys-dropdown-menu { /* keeps your naming variants safe */
position: absolute;
top: 100%;
left: 0;
min-width: 320px;
padding: 14px 18px;
margin-top: 8px;
border: 1px solid rgba(255,255,255,0.15);
box-shadow: 0 6px 18px rgba(0,0,0,0.25);
z-index: 10000;
}

/* Dropdown links: no underline at rest, underline on hover */
#nys-row2 .nys-dropdown-link {
display: block;
padding: 10px 0;
text-decoration: none;
}

#nys-row2 .nys-dropdown-link:hover,
#nys-row2 .nys-dropdown-link:focus-visible {
text-decoration: underline;
text-underline-offset: 3px;
}

/* Row2: force left alignment (no centering container) */
#nys-row2 {
width: 100%;
text-align: left !important; /* defeats any inherited centering */
}

#nys-row2 .nys-row2-inner {
display: flex !important;
justify-content: flex-start !important; /* items start from left */
align-items: center;

width: 100% !important;

/* IMPORTANT: remove centering behavior */
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;

/* optional: keep consistent left gutter */
padding-left: 24px;
padding-right: 24px;

box-sizing: border-box;
}

#nys-row2 {
background-color: #0b2d4d; /* SC​OC navy */
border-bottom: 3px solid #f2b705; /* NYS gold separator */
}



#nys-row2 .nys-row2-link,
#nys-row2 .nys-dropdown-toggle {
color: #ffffff !important;
text-decoration: none;
font-weight: 600;
}


#nys-row2 .nys-row2-link:hover,
#nys-row2 .nys-dropdown-toggle:hover {
text-decoration: underline;
text-underline-offset: 6px;
}


#nys-row2 .nys-dropdown-menu {
background-color: #0b2d4d;
border-top: 3px solid #f2b705;
}


#nys-row2 .nys-dropdown-link {
color: #ffffff !important;
padding: 12px 20px;
display: block;
text-decoration: none;
}

#nys-row2 .nys-dropdown-link:hover {
background-color: #163f6b; /* lighter SC​OC hover blue */
text-decoration: underline;
}

/* Row 2: eliminate any yellow/gold background behind the navy bar */
#nys-row2,
#nys-row2 .nys-row2-inner {
background: #1f2a33 !important; /* your SCROC navy */
}

/* If any child elements are inheriting a light background */
#nys-row2 * {
background-color: transparent;
}

/* Keep the gold ONLY as the bottom divider */
#nys-row2 {
border-bottom: 3px solid #f2b705 !important;
}

/* Ensure the navy bar has real height so nothing "peeks" through */
#nys-row2 .nys-row2-inner {
display: flex;
align-items: center;
min-height: 44px; /* adjust if needed */
padding: 0 12px; /* adjust if needed */
}
/* 1) Force Row-2 + everything inside to have NO background image/gradient */
#nys-row2,
#nys-row2 * {
background-image: none !important;
}

/* 2) Force Row-2 container to be solid navy (no transparency) */
#nys-row2 {
background-color: #1f2a33 !important;
box-shadow: none !important;
border-top: 0 !important;
outline: 0 !important;
}

/* 3) If a wrapper above/below is bleeding through, neutralize typical portal wrappers */
#nys-row2 + * , /* immediate next sibling after Row-2 */
#pp-navbar-wrapper, /* Power Pages header wrapper */
.navbar,
header {
background-image: none !important;
}

/* IMPORTANT: only set navy on wrappers that are in the header area */
#pp-navbar-wrapper,
#pp-navbar-wrapper .navbar {
background-color: #1f2a33 !important;
}

/* Keep ONLY the gold divider line under the bar */
#nys-row2 {
border-bottom: 3px solid #b98b00 !important;
}
/* =========================
ROW 3 – Gold banner + title
========================= */


/* Full-width gold band */
#nys-row3{
width: 100%;
background: #b98b00; /* NYS gold */
}

/* Constrain to same content width/left edge as Row 2 */
#nys-row3 .nys-row3-inner{
max-width: 960px;
margin: 0 auto;
padding: 18px 20px; /* use SAME left/right padding as Row2-inner */
display: block; /* IMPORTANT: kills flex-centering problems */
}

/* The title itself: force left, kill auto-centering */
#nys-row3 .nys-row3-title{
margin: 0; /* IMPORTANT: removes any auto-centering */
padding: 0;
display: block;
width: auto; /* IMPORTANT: prevents “full-width centered text” patterns */
text-align: left;
color: #ffffff;
font-size: 28px; /* adjust if you want larger */
font-weight: 800;
line-height: 1.15;
}
/* === ROW 3: align to left edge like SCOT === */
#nys-row3 .nys-row3-inner {
margin-left: 0 !important;
margin-right: 0 !important;
}
/* Row 3: make banner content narrower than site body */
#nys-row3 .nys-row3-inner {
max-width: 960px; /* try 900–1000px range */
margin-left: 0; /* lock left edge */
margin-right: auto; /* prevent centering */
}

/********************************************************************************* footer css start #################### @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/* ===== Clean SCoc-like Footer (Power Pages safe) ===== */
#scoc-footer{
background: #d9d9d9;
color: #111;
}

.scoc-footer{
background: #d9d9d9;
}

.scoc-footer-inner{
max-width: 1200px;
margin: 0 auto;
padding: 26px 22px 28px;
overflow: visible;
}

/* Title */
.scoc-footer-title{
display: inline-block;
font-size: 42px;
line-height: 1.05;
font-weight: 800;
color: #111;
text-decoration: none;
margin: 0 0 18px 0;
}

.scoc-footer-title:hover{
text-decoration: underline;
}

/* Grid */
.scoc-footer-grid{
display: grid;
grid-template-columns: repeat(4, minmax(160px, 1fr));
gap: 22px 34px;
margin: 0 0 18px 0;
}

.scoc-footer-col{
display: flex;
flex-direction: column;
gap: 10px;
}

.scoc-footer-link{
color: #1f3a63; /* SCoc-like blue */
font-weight: 600;
font-size: 14px;
text-decoration: none;
}

.scoc-footer-link:hover{
text-decoration: underline;
}

/* Divider with center label */
.scoc-footer-divider{
display: flex;
align-items: center;
gap: 18px;
margin-top: 18px;
padding-top: 14px;
}

.scoc-footer-divider::before,
.scoc-footer-divider::after{
content: "";
flex: 1 1 0;
height: 1px;
background: rgba(0,0,0,0.45);
min-width: 80px;
}

.scoc-footer-divider-text{
font-size: 14px;
font-weight: 800;
letter-spacing: 0.10em;
color: #111;
text-transform: uppercase;
white-space: nowrap;
}

/* Social button */
.scoc-footer-social{
margin-top: 14px;
display: flex;
justify-content: center;
}

.scoc-footer-social-btn{
width: 64px;
height: 64px;
border-radius: 50%;
background: #1f2f45; /* dark circle */
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
}

.scoc-footer-social-btn svg{
width: 30px;
height: 30px;
fill: #fff;
}

.scoc-footer-social-btn:focus{
outline: 3px solid #000;
outline-offset: 3px;
}

/* Responsive */
@media (max-width: 980px){
.scoc-footer-title{ font-size: 34px; }
.scoc-footer-grid{ grid-template-columns: repeat(2, minmax(160px, 1fr)); }
}

@media (max-width: 520px){
.scoc-footer-title{ font-size: 28px; }
.scoc-footer-grid{ grid-template-columns: 1fr; }
.scoc-footer-divider{ gap: 12px; }
}
/* 1) Force the title to align left inside Band A */
.scoc-footer-band-a .scoc-footer-inner {
text-align: left !important;
}

.scoc-footer-band-a .scoc-footer-title-link {
display: inline-block;
margin-left: 0 !important;
margin-right: auto !important;
text-align: left !important;
}


/* 2) Full-bleed (full screen width) rule line inside Band A */
.scoc-footer-band-a .scoc-footer-inner {
position: relative; /* anchor for the breakout */
}

.scoc-footer-band-a .scoc-footer-band-b-rule {
width: 100vw !important; /* full viewport width */
margin-left: calc(50% - 50vw) !important;/* breakout from centered container */
margin-right: calc(50% - 50vw) !important;
padding-left: 0 !important;
padding-right: 0 !important;
box-sizing: border-box !important;
}


/* =========================================================
NYS BLACK FOOTER (ONLY)
========================================================= */

/* shared */
.nys-footer {
background: #0b1e2d; /* deep NYS-ish navy */
color: #fff;
}

.nys-footer-inner {
max-width: 1180px;
margin: 0 auto;
padding: 18px 24px;
}

.nys-footer-link {
color: #fff;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
opacity: 0.95;
}

.nys-footer-link:hover {
opacity: 1;
}

/* ---------- Section 1: NYS logo + nav row ---------- */
.nys-footer-top .nys-footer-inner {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 28px;
}

.nys-footer-brand {
display: inline-flex;
align-items: center;
color: #fff;
text-decoration: none;
opacity: 0.95;
}

.nys-footer-brand:hover { opacity: 1; }

.nys-footer-brand-svg {
width: 150px;
height: auto;
display: block;
}

.nys-footer-nav {
display: flex;
align-items: center;
gap: 26px;
flex-wrap: wrap;
}

/* thin divider line between top and language section */
.nys-footer-lang {
border-top: 1px solid rgba(255,255,255,0.22);
}

/* ---------- Section 2: Translation services row ---------- */
.nys-footer-lang .nys-footer-inner {
padding-top: 16px;
padding-bottom: 20px;
}

.nys-footer-lang-head {
display: flex;
align-items: center;
gap: 28px;
flex-wrap: wrap;
margin-bottom: 12px;
}

.nys-footer-lang-note {
color: rgba(255,255,255,0.75);
font-size: 14px;
}

/* simple globe dot (no icon library needed) */
.nys-footer-globe {
width: 14px;
height: 14px;
display: inline-block;
border: 1px solid rgba(255,255,255,0.85);
border-radius: 50%;
margin-right: 8px;
vertical-align: -2px;
}

/* languages row */
.nys-footer-lang-links {
display: flex;
gap: 22px;
flex-wrap: wrap;
}

/* responsive */
@media (max-width: 768px) {
.nys-footer-inner { padding: 16px 16px; }
.nys-footer-top .nys-footer-inner { flex-direction: column; align-items: flex-start; }
.nys-footer-brand-svg { width: 170px; }
.nys-footer-nav { gap: 18px; }
.nys-footer-lang-links { gap: 16px; }
}


/* ===== Fix Connect With Us line + spacing ===== */
.scoc-footer-divider{
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
margin: 18px 0 10px;
padding: 0;
}

/* Create full-width lines using pseudo-elements */
.scoc-footer-divider::before,
.scoc-footer-divider::after{
content: "";
height: 1px;
background: rgba(0,0,0,0.28);
flex: 1 1 auto;
}

/* Keep a clean gap around text */
.scoc-footer-divider-text{
display: inline-block;
padding: 0 18px;
font-weight: 700;
letter-spacing: 0.12em;
color: #1b1b1b;
font-size: 13px;
white-space: nowrap;
}
/* Language links – force white in black footer */
.scoc-band-black .scoc-lang-item,
.scoc-band-black .scoc-lang-item:visited,
.scoc-band-black .scoc-lang-item:hover,
.scoc-band-black .scoc-lang-item:active {
color: #ffffff !important;
text-decoration: none;
font-weight: 500;
}

.scoc-band-black .scoc-lang-item:hover {
text-decoration: underline;
}

/* Brand (PNG logo) */
.nys-footer-brand {
display: inline-flex;
align-items: center;
text-decoration: none;
}

.nys-footer-logo {
display: block;
height: 40px; /* adjust to match Scoc */
width: auto;
}

/* ===== NYS TOP BAR: LOGO + TAGLINE (SCOC MATCH) ===== */

#nys-topbar .nys-topbar-left {
display: flex;
align-items: center;
gap: 14px;
}

/* Logo wrapper */
#nys-topbar .nys-topbar-logo-link {
display: inline-flex;
align-items: center;
text-decoration: none;
}

/* Actual NYS logo image */
#nys-topbar .nys-topbar-logo-img {
height: 34px; /* SCOC-equivalent height */
width: auto;
display: block;
}

/* Tagline text */
#nys-topbar .nys-topbar-tagline {
font-size: 16px !important;
line-height: 1.25;
color: #111;
white-space: nowrap;
}

/*  form customization - look and feel changes */

/* EXP-01: constrain + center complaint form container */
.scoc-form-page .container,
.scoc-form-page .crmEntityFormView,
.scoc-form-page #EntityFormPanel,
.scoc-form-page form {
max-width: 980px;
margin-left: auto;
margin-right: auto;
}

.scoc-form-page {
padding-left: 16px;
padding-right: 16px;
}

/* STEP-01: subtle section framing */
.crmEntityFormView fieldset {
border: 1px solid #d0d0d0;
padding: 20px;
margin-bottom: 28px;
background-color: #fafafa;
}

/* Attachments: keep it aligned with the form container */
.scoc-form-page .entity-form,
.scoc-form-page .crmEntityFormView,
.scoc-form-page #EntityFormPanel {
position: relative;
}

/* Try common attachment wrappers used by Power Pages */
.scoc-form-page .entity-form-attachments,
.scoc-form-page .attachments,
.scoc-form-page .entityform-attachments,
.scoc-form-page [id*="Attachment"],
.scoc-form-page [class*="attachment"] {
float: right;
width: 220px;
margin-top: 12px;
margin-right: 16px;
}

/* Ensure the main form content doesn't run under the attachment area */
.scoc-form-page .entity-form,
.scoc-form-page .crmEntityFormView {
overflow: auto; /* clears float safely */
}
/* STEP 1: Keep Attach a file inside the form flow */
.crmEntityFormView .file-cell {
float: none !important;
width: 100% !important;
}

/* STEP 2: Align label like other field labels */
.crmEntityFormView #NewAttachFileLabel {
display: block;
margin-top: 12px;
margin-bottom: 4px;
}

/* Issue 2: Intro text under the Row 3 title (ONLY appears on Request-Complaint-Form due to Liquid) */
#nys-row3 .scoc-row3-intro {
margin-top: 8px;
max-width: 1100px; /* keeps it readable on wide screens */
}

#nys-row3 .scoc-row3-intro p {
margin: 0;
font-size: 14px;
line-height: 1.35;
font-weight: 400;
color: #111; /* readable on gold */
}

.scoc-form-intro{
margin: 16px 0 20px 0;
font-size: 16px;
line-height: 1.4;
}
.scoc-form-intro p{ margin: 0; }
/* ================================
Request Complaint Form – Intro Text
Page-specific (SAFE)
================================ */

body[data-sitemap-state="/Request-Complaint-Form/"] .scoc-form-intro {
margin: 0 0 14px 0;
padding: 12px 16px;
font-size: 14px;
line-height: 1.4;
color: #000;
background-color: #f7f7f7;
border: 1px solid #cfcfcf;
max-width: 980px; /* aligns with form width */
}

/* Remove the “outer box” around the rendered Entity Form */
.crmEntityFormView,
.crmEntityFormView .entity-form,
.crmEntityFormView .panel,
.crmEntityFormView .panel-default,
#EntityFormPanel {
border: none !important;
box-shadow: none !important;
outline: none !important;
background: transparent !important;
}

/* Sometimes the border is on the form control container */
.crmEntityFormView .tab,
.crmEntityFormView .tab-content,
.crmEntityFormView .tab-pane {
border: none !important;
box-shadow: none !important;
}

/* Complaint Request form - look and feel */

.scoc-form-intro {
font-size: 0.95rem;
line-height: 1.5;
color: #333;
margin-bottom: 16px;
}

.scoc-form-shell{
width: 100%;
padding: 18px 18px 40px;
}

.scoc-form-card{
max-width: 1100px;
margin: 0 auto;
background: #fff;
padding: 18px 18px 28px;
border: 1px solid #d9d9d9;
}

.scoc-form-intro{
margin: 0 0 14px 0;
}

/* Make sure the generated entityform fills the card */
.scoc-form-body .crmEntityFormView,
.scoc-form-body .entity-form{
width: 100% !important;
}

/* Page wrapper - left aligned, full width */
.scoc-request-page{
padding: 0 16px;
}

/* Intro text (keep it readable) */
.scoc-request-page .scoc-form-intro{
margin: 10px 0 14px 0;
}

/* Remove the outer border/frame that the Portal Entity Form renders */
.scoc-request-page .crmEntityFormView,
.scoc-request-page .entity-form,
.scoc-request-page .panel,
.scoc-request-page .panel-default{
border: none !important;
box-shadow: none !important;
background: transparent !important;
}

/* Remove extra padding that creates the "boxed" look */
.scoc-request-page .panel-body{
padding: 0 !important;
}

/* Ensure the form stays left, not centered */
.scoc-request-page form,
.scoc-request-page .entity-form{
margin: 0 !important;
max-width: none !important;
}
/* Keep attachment validation modals hidden unless actually opened by portal JS */
.modal.fade.errors:not(.in):not(.show) {
display: none !important;
}

/* Power Pages upload validation modals - normalized */
#ModalToShowErrorForFileSize,
#ModalToShowErrorForFileLimit,
#ModalToShowErrorForFileType {
position: fixed !important;
inset: 0 !important; /* top/right/bottom/left = 0 */
z-index: 10550 !important;
}

/* Center the dialog */
#ModalToShowErrorForFileSize .modal-dialog,
#ModalToShowErrorForFileLimit .modal-dialog,
#ModalToShowErrorForFileType .modal-dialog {
margin: 10vh auto 0 auto !important;
max-width: 720px !important;
width: calc(100% - 40px) !important;
}

/* Make sure the backdrop sits behind the dialog */
.modal-backdrop {
z-index: 10540 !important;
}

/* Force Power Pages file error modals to behave like proper overlay modals */
.modal.fade.in.errors,
.modal.fade.errors {
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
width: 100% !important;
height: 100% !important;
overflow: auto !important;
z-index: 1050 !important;
}

.modal.fade.in.errors .modal-dialog,
.modal.fade.errors .modal-dialog {
margin: 10vh auto !important; /* centers vertically-ish */
width: auto;
}

.modal-backdrop {
z-index: 1040 !important;
}

/* Force the 3 upload error modals to behave like real overlays */
#ModalToShowErrorForFileSize,
#ModalToShowErrorForFileType,
#ModalToShowErrorForFileLimit {
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
z-index: 1050 !important;
}

#ModalToShowErrorForFileSize .modal-dialog,
#ModalToShowErrorForFileType .modal-dialog,
#ModalToShowErrorForFileLimit .modal-dialog {
margin: 10vh auto !important;
float: none !important;
}

.modal-backdrop {
z-index: 1040 !important;
}

/* Force Power Pages file error modals to behave like real Bootstrap modals */
#ModalToShowErrorForFileSize,
#ModalToShowErrorForFileLimit,
#ModalToShowErrorForFileType {
position: fixed !important;
inset: 0 !important; /* top:0; right:0; bottom:0; left:0 */
z-index: 1050 !important;
overflow: auto !important;
-webkit-overflow-scrolling: touch;
}

/* Ensure the dialog is centered and not inheriting odd margins */
#ModalToShowErrorForFileSize .modal-dialog,
#ModalToShowErrorForFileLimit .modal-dialog,
#ModalToShowErrorForFileType .modal-dialog {
position: relative !important;
margin: 10vh auto !important; /* vertical breathing room */
width: auto !important;
max-width: 600px; /* adjust if needed */
}

/* Backdrop (if Bootstrap isn't injecting one, we create a visual overlay via the modal itself) */
#ModalToShowErrorForFileSize,
#ModalToShowErrorForFileLimit,
#ModalToShowErrorForFileType {
background: rgba(0,0,0,.5) !important;
}

/* Make sure the content sits above the background */
#ModalToShowErrorForFileSize .modal-content,
#ModalToShowErrorForFileLimit .modal-content,
#ModalToShowErrorForFileType .modal-content {
background: #fff !important;
}

/* Force the 3 file-upload error modals to behave like real Bootstrap modals */
#ModalToShowErrorForFileSize,
#ModalToShowErrorForFileLimit,
#ModalToShowErrorForFileType {
position: fixed !important;
inset: 0 !important; /* top/left/right/bottom = 0 */
width: 100vw !important;
height: 100vh !important;
overflow: auto !important;
z-index: 20000 !important;
}

/* Ensure dialog is centered and not “stuck” somewhere on the page */
#ModalToShowErrorForFileSize .modal-dialog,
#ModalToShowErrorForFileLimit .modal-dialog,
#ModalToShowErrorForFileType .modal-dialog {
margin: 10vh auto 0 auto !important; /* near-top but still in viewport */
max-width: 720px; /* adjust later if needed */
}

/* Backdrop must cover viewport too (Bootstrap backdrop) */
.modal-backdrop {
position: fixed !important;
inset: 0 !important;
width: 100vw !important;
height: 100vh !important;
z-index: 19990 !important;
}
/* Hide intro everywhere by default */
.scoc-form-intro {
display: none !important;
}

/* Show intro ONLY on Request Complaint Form page */
body[data-sitemap-state="/Request-Complaint-Form/:/"] .scoc-form-intro {
display: block !important;
}
/********************************* Modal popup Fix ***************************************************************/
/********************************* Modal popup Fix ***************************************************************/
/* ---- Force file-upload error modals to behave like proper Bootstrap modals ---- */

/* Make sure modal is always above all site chrome */
.modal.errors {
z-index: 20000 !important;
}

/* Backdrop above page, below modal */
.modal-backdrop {
z-index: 19990 !important;
}

/* When modal is shown, use flex centering */
.modal.errors.show {
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 16px !important;
}

/* Ensure dialog/content size behaves well on small screens */
.modal.errors .modal-dialog {
margin: 0 !important;
width: min(720px, calc(100% - 32px)) !important;
}

.modal.errors .modal-content {
width: 100% !important;
}

/* Safety: keep modal from being clipped by any parent layout */
.modal.errors {
position: fixed !important;
inset: 0 !important;
}
/* Make the backdrop darker so it feels like a real modal */
#ModalToShowErrorForFileType.modal.show::before,
#ModalToShowErrorForFileSize.modal.show::before,
#ModalToShowErrorForFileLimit.modal.show::before {
background: rgba(0,0,0,0.70) !important; /* was 0.55 */
}

/* Prevent clicks on the page behind the modal */
#ModalToShowErrorForFileType.modal.show,
#ModalToShowErrorForFileSize.modal.show,
#ModalToShowErrorForFileLimit.modal.show {
pointer-events: auto !important;
}
/* Ensure our backdrop always blocks interaction */
.modal-backdrop {
pointer-events: auto !important;
}

/* HARD LOCK OVERLAY (independent of Bootstrap / Power Pages) */
#scoc-hardlock {
position: fixed;
inset: 0;
background: rgba(0,0,0,.55);
z-index: 2147483647; /* above everything */
display: none;
}

body.scoc-locked {
overflow: hidden !important;
}

/* Hide intro everywhere by default */
.scoc-form-intro {
display: none !important;
}

/* Show ONLY on Request Complaint Form page */
body[data-sitemap-state^="/Request-Complaint-Form"] .scoc-form-intro,
html[data-sitemap-state^="/Request-Complaint-Form"] .scoc-form-intro {
display: block !important;
}

/* Keep Cancel/Reset aligned with Submit */
.actions .scoc-action-btn {
margin-left: 10px;
}

/* Optional: make them visually consistent in height with the existing submit input */
.actions input[type="submit"],
.actions input[value="Submit"],
.actions .scoc-action-btn {
vertical-align: middle;
}
/* SC0C: make injected buttons align next to Submit cleanly */
.actions {
display: flex;
gap: 12px;
align-items: center;
flex-wrap: wrap;
}

/* Base button styling aligns with your current submit look */
.scoc-action-btn {
padding: 10px 18px;
border-radius: 2px;
font-weight: 600;
border: 2px solid #0b5961;
background: transparent;
color: #0b5961;
cursor: pointer;
}

/* Keep Submit as-is; style Cancel/Reset */
.scoc-btn-cancel {
border-color: #0b5961;
}

.scoc-btn-reset {
border-color: #0b5961;
}

/* Hover */
.scoc-action-btn:hover {
background: rgba(11, 89, 97, 0.08);
}


/* Mouse move over menu disappear issue */


/* Keep dropdown open while hovering the parent (Bootstrap-style) */
.navbar-nav li.dropdown:hover > .dropdown-menu {
display: block;
}

/* Remove hover “gap” that causes the menu to disappear */
.navbar-nav .dropdown-menu {
margin-top: 0 !important;
}

/* Ensure dropdown stays above other elements */
.navbar-nav .dropdown-menu {
z-index: 9999;
}

/* Updating bootstrap classes*/
/* Mobile */
fieldset[aria-label="Facility Information"] table.section select, fieldset[aria-label="Facility Information"] table.section input[type="text"]
{
width:100% !important;
}

/* Desktop & Tablet */
@media (min-width: 768px) {
    fieldset[aria-label="Facility Information"] table.section select,
    fieldset[aria-label="Facility Information"] table.section input[type="text"] {
        width: 60%;      
        max-width: 420px; 
    }
}
/* Mobile */
fieldset[aria-label="Facility Information"] .form-control, fieldset[aria-label="Facility Information"] select
{
width:100% !important;
max-width:100%;
}

/* Desktop & Tablet */
@media (min-width: 768px) {
    fieldset[aria-label="Facility Information"] .form-control, fieldset[aria-label="Facility Information"] select
 {
        width: 60% ;      
        max-width: 420px ; 
    }
}

/* Mobile */
fieldset[aria-label="Your Information"] table.section select, fieldset[aria-label="Your Information"] table.section input[type="text"]
{
width:100% !important;
}

/* Desktop & Tablet */
@media (min-width: 768px) {
    fieldset[aria-label="Your Information"] table.section select, fieldset[aria-label="Your Information"] table.section input[type="text"]
 {
        width: 60% ;      
        max-width: 420px ; 
    }
}


/* Mobile */
fieldset[aria-label="Your Information"] select, fieldset[aria-label="Your Information"] input[type="text"]
{
width:100% !important;
}
/* Desktop & Tablet */
@media (min-width: 768px) {
    fieldset[aria-label="Your Information"] select, fieldset[aria-label="Your Information"] input[type="text"]
 {
        width: 60% ;      
        max-width: 420px ; 
    }
}

/* Mobile */
fieldset[aria-label="Your Information"] .form-control, fieldset[aria-label="Your Information"] select
{
width:100% !important;
}
/* Desktop & Tablet */
@media (min-width: 768px) {
    fieldset[aria-label="Your Information"] .form-control, fieldset[aria-label="Your Information"] select
 {
        width: 60% ;      
        max-width: 420px ; 
    }
}

/* Mobile */
fieldset[aria-label="Your Information"] #cr548_requestoremailaddress
{
width:100% !important;
}
/* Desktop & Tablet */
@media (min-width: 768px) {
    fieldset[aria-label="Your Information"] #cr548_requestoremailaddress
 {
        width: 60% ;      
        max-width: 420px ; 
    }
}
/* Mobile */
fieldset[aria-label="Incarcerated Individual Information"] table.section select, fieldset[aria-label="Incarcerated Individual Information"] table.section input[type="text"]
{
width:100% !important;
}
/* Desktop & Tablet */
@media (min-width: 768px) {
    fieldset[aria-label="Incarcerated Individual Information"] table.section select, fieldset[aria-label="Incarcerated Individual Information"] table.section input[type="text"]
 {
        width: 60% ;      
        max-width: 420px ; 
    }
}

/* Mobile */
fieldset[aria-label="Incarcerated Individual Information"] select, fieldset[aria-label="Incarcerated Individual Information"] input[type="text"]
{
width:100% !important;
}

/* Desktop & Tablet */
@media (min-width: 768px) {
   fieldset[aria-label="Incarcerated Individual Information"] select, fieldset[aria-label="Incarcerated Individual Information"] input[type="text"]
 {
        width: 60% ;      
        max-width: 420px ; 
    }
}

/* Mobile */
fieldset[aria-label="Incarcerated Individual Information"] .form-control, fieldset[aria-label="Incarcerated Individual Information"] select
{
width:100% !important;
}

/* Desktop & Tablet */
@media (min-width: 768px) {
   fieldset[aria-label="Incarcerated Individual Information"] .form-control, fieldset[aria-label="Incarcerated Individual Information"] select
 {
        width: 60% ;      
        max-width: 420px ; 
    }
}


/* Mobile */
textarea#cr548_complaintdescription
{
width:100% !important;
}

/* Desktop & Tablet */
@media (min-width: 768px) {
   textarea#cr548_complaintdescription
 {
        width: 60% ;      
        max-width: 420px ; 
    }
}


/* Mobile */
fieldset[aria-label="Description of Complaint"] .form-control, fieldset[aria-label="Description of Complaint"] select
{
width:100% !important;
}
/* Desktop & Tablet */
@media (min-width: 768px) {
   fieldset[aria-label="Description of Complaint"] .form-control, fieldset[aria-label="Description of Complaint"] select
 {
        width: 60% ;      
        max-width: 420px ; 
    }
}


/* Mobile */
fieldset[aria-label="Description of Complaint"] table.section select, fieldset[aria-label="Description of Complaint"] table.section input[type="text"]
{
width:100% !important;
}

/* Desktop & Tablet */
@media (min-width: 768px) {
   fieldset[aria-label="Description of Complaint"] table.section select, fieldset[aria-label="Description of Complaint"] table.section input[type="text"]
 {
        width: 60% ;      
        max-width: 420px ; 
    }
}

/* Calendar icon*/
.input-group-addon, .input-group-addon.active{
padding: 0px 0px;
}

/* Landing Page responsive*/
.xrm-editable-html a{
 overflow-wrap: anywhere;
word-break:break-word;
}