@import url("https://webapps.pcrsoft.com/Clue/ApplicationFiles/Poly/Style/css/website02112021.css");
@import url('https://fonts.googleapis.com/css?family=Raleway&display=swap');

.formDiv.donationsTotalAmount
{
    width: 100%;
}

:root {
--color1: #001e62;
--color3: #5f9a24;
}

:root {
     --common-font: 'Raleway', Arial, Helvetica, sans-serif;
     --accent-font: 'Raleway', Arial, Helvetica, sans-serif;
     --title-font: 'Raleway', Arial, Helvetica, sans-serif;
}

.logoLink {
    background-image: url(../images/cis_logo.png);
}

.MenuColumn .menuDefaultNavWrapper > ul > li a:hover, .MenuColumn .menuDefaultNavWrapper > ul > li a.MenuDefaultSelectedNodeCss {
	background-color: #527b96; 
}

A,.AlternatingRowStyle a, .RowStyle a {
    color: #527b96;
    text-decoration: underline;
}

.logoLinkFooter {
	background-image: url(../images/bertschilogofooter.png) !important
}

h4 {
	font-family: var(--title-font) !important;
	font-size: 20px !important;
}
.AdminLinks {
	color:white !important;
}
/* ---------------------------------------------------------------
   Quicklinks (Parents / Staff) - widget 379457 on Core master 71135.
   Rendered into #Logins (LoginsRow).

   USE #Logins. Do NOT use #myBCHSColumn: that lives inside
   MobileMenuRow, which carries .t-hidden-xl and is display:none at
   min-width:1281px, so the menu disappeared on large monitors.
   LoginsRow is the only header row with no t-hidden-* class, i.e.
   the only one visible at every width. (MenuRow/SubmenuRow are
   hidden on xs/sm/md; MobileMenuColumn is hidden 1025-1280.)

   LoginsRow sits on a LIGHT strip (#e3ebed), not the navy bar, so
   these links are navy-on-light - not the pale-on-navy used by the
   Bistmar reference bar.

   Widget 379457 is Reusable and is still attached to
   #QuickLinksColumn and #myBCHSColumn too (the admin dock "close"
   will not detach a placement), so those copies are hidden below.
   The hide is guarded on the #Logins copy actually containing a
   link, so a role-trimmed or missing copy can never hide all three.

   !important is needed on colour/padding/background: the shared
   Poly base pins them. Do not "fix" that in Poly - it is shared by
   every Poly tenant.
   --------------------------------------------------------------- */

body:has(#Logins .menuDefaultNavWrapper a) #QuickLinksColumn .menuDefaultNavWrapper,
body:has(#Logins .menuDefaultNavWrapper a) #myBCHSColumn .menuDefaultNavWrapper {
    display: none !important;
}

#Logins > div { text-align: right; }

#Logins .menuDefaultNavWrapper {
    display: inline-block;
    vertical-align: middle;
}

#Logins .menuDefaultNavWrapper > ul {
    text-align: right;
    margin: 0;
    padding: 0;
    list-style: none;
}

#Logins .menuDefaultNavWrapper > ul > li {
    display: inline-block;
    margin: 0;
    padding: 0;
}

/* Poly base draws a "|" after every item; the reference bar has none */
#Logins .menuDefaultNavWrapper > ul > li::after,
#Logins .menuDefaultNavWrapper > ul > li::before {
    content: none !important;
    display: none !important;
}

#Logins .menuDefaultNavWrapper > ul > li > a,
#Logins .menuDefaultNavWrapper > ul > li > a.MenuDefaultNodeCss,
#Logins .menuDefaultNavWrapper > ul > li > a.MenuDefaultSelectedNodeCss {
    display: block;
    font-family: var(--common-font);
    font-size: 11.5px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-decoration: none !important;
    color: var(--color1) !important;
    background-color: transparent !important;
    padding: 0 12px !important;
    line-height: 30px;
    height: 30px;
    border-radius: 3px;
    transition: color .15s ease, background-color .15s ease;
}

#Logins .menuDefaultNavWrapper > ul > li > a:hover,
#Logins .menuDefaultNavWrapper > ul > li > a:focus,
#Logins .menuDefaultNavWrapper > ul > li > a.MenuDefaultSelectedNodeCss {
    color: var(--color3) !important;
}

#Logins .menuDefaultNavWrapper > ul > li > a:hover,
#Logins .menuDefaultNavWrapper > ul > li > a:focus {
    background-color: rgba(0, 30, 98, .07) !important;
}

/* ---------------------------------------------------------------
   Logout button, styled for the LIGHT LoginsRow strip (#e3ebed).
   Outlined navy pill sharing the menu's 11.5px/600/uppercase type;
   fills solid navy with white text on hover (Bistmar pattern,
   CIS palette). Scoped to #Logins so it activates when widget
   379462 is placed there; the old copy in #myBCHSColumn (navy bar,
   hidden >=1281px via t-hidden-xl) is hidden once that happens,
   same guard pattern as the menu.
   --------------------------------------------------------------- */

body:has(#Logins a.Logout) #myBCHSColumn a.Logout {
    display: none !important;
}

#Logins a.Logout {
    display: inline-block;
    vertical-align: middle;
    font-family: var(--common-font);
    font-size: 11.5px !important;
    font-weight: 600 !important;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    text-decoration: none !important;
    line-height: 1.4 !important;
    color: var(--color1) !important;
    background-color: transparent !important;
    border: 1px solid rgba(0, 30, 98, .45) !important;
    border-radius: 4px;
    padding: 3px 12px !important;
    margin-left: 8px;
    float: none !important;
    position: static !important;
    transition: color .15s ease, background-color .15s ease, border-color .15s ease;
}

#Logins a.Logout:hover,
#Logins a.Logout:focus {
    color: #ffffff !important;
    background-color: var(--color1) !important;
    border-color: var(--color1) !important;
}

/* Poly also draws "|" via a.MenuDefaultSelectedNodeCss::before (not just
   li::after) - suppress all anchor pseudo-content in this menu too */
#Logins .menuDefaultNavWrapper > ul > li > a::before,
#Logins .menuDefaultNavWrapper > ul > li > a::after {
    content: none !important;
    display: none !important;
}

/* ---------------------------------------------------------------
   Merge the utility strips into ONE navy top bar (Bistmar look).
   Moving menu+Logout into LoginsRow left two stacked bands: the
   light LoginsRow strip and the navy MobileMenuRow below it -
   which is completely EMPTY between 1025-1280px (hamburger is
   t-hidden-lg, Logout moved out). So:
   1) paint LoginsRow navy and restyle its links pale-on-navy;
   2) hide the empty MobileMenuRow band at 1025-1280px only
      (below 1025 it still carries the hamburger; >=1281 the grid
      hides it anyway via t-hidden-xl).
   These overrides come AFTER the navy-on-light block above; equal
   specificity + later position wins.
   --------------------------------------------------------------- */

#LoginsRow {
    background-color: var(--color1);
}

#Logins .menuDefaultNavWrapper > ul > li > a,
#Logins .menuDefaultNavWrapper > ul > li > a.MenuDefaultNodeCss,
#Logins .menuDefaultNavWrapper > ul > li > a.MenuDefaultSelectedNodeCss {
    color: #c8d2e0 !important;
}

#Logins .menuDefaultNavWrapper > ul > li > a:hover,
#Logins .menuDefaultNavWrapper > ul > li > a:focus,
#Logins .menuDefaultNavWrapper > ul > li > a.MenuDefaultSelectedNodeCss {
    color: #ffffff !important;
}

#Logins .menuDefaultNavWrapper > ul > li > a:hover,
#Logins .menuDefaultNavWrapper > ul > li > a:focus {
    background-color: rgba(255, 255, 255, .08) !important;
}

#Logins a.Logout {
    color: var(--color3) !important;
    border-color: rgba(95, 154, 36, .55) !important;
}

#Logins a.Logout:hover,
#Logins a.Logout:focus {
    color: var(--color1) !important;
    background-color: var(--color3) !important;
    border-color: var(--color3) !important;
}

@media (min-width: 1025px) {
    /* the .mobilemenu LAYOUT WRAPPER keeps its navy bg + height even when
       its row is hidden (t-hidden-xl >=1281) - hide the wrapper itself.
       Below 1025 it must stay: it carries the hamburger. */
    div.mobilemenu { display: none !important; }
}

/* ---------------------------------------------------------------
   Top-bar frame fixes.
   1) The layout wrapper AROUND #LoginsRow keeps the light page
      background (#e3ebed) and its own padding, so the navy row
      showed with a light frame on the left/right (and top) on
      wide screens. Paint that wrapper navy so the bar reads
      full-bleed edge to edge.
   2) Below 1025px the hamburger lives in its own navy band
      (div.mobilemenu) UNDER the utility bar, costing a second
      line. Overlay it onto the utility bar instead: absolute at
      top-left, transparent, above the navy row. AdminLinks start
      at x=60 so a compact burger fits before them.
   --------------------------------------------------------------- */

div:has(> .t-container > #LoginsRow) {
    background-color: var(--color1);
    padding-left: 0;
    padding-right: 0;
}

@media (max-width: 1024px) {
    div.mobilemenu {
        position: absolute;
        top: 0;
        left: 0;
        width: auto;
        background: transparent !important;
        z-index: 10001;
        padding: 0;
    }
    div.mobilemenu .t-container,
    div.mobilemenu .t-row,
    div.mobilemenu .t-col {
        background: transparent !important;
        padding-top: 0;
        padding-bottom: 0;
    }
}

/* ===============================================================
   Migrated 2026-09-14 out of per-page ContentCode <style> widgets
   (css-markup-conventions.md: no <style> blocks in page content).
   Source rows: control_properties 3136554, 3286805, 3287083, 3297392.
   =============================================================== */

/* Pre-Order product calendar width. .productInventoryWrapper is
   emitted only by ProductInventory.ascx and
   ProductInventoryCalendar.ascx, so the widget class is itself the
   scope - no page hook needed. In app 213 that is pages 69017,
   71996 and 71998: exactly the pages carrying the rule today.
   ProductInventorySearch (on the Online Store master 71149) does
   NOT emit this class, so the store pages are unaffected.
   Nothing upstream styles it, so no !important. */
.productInventoryWrapper {
    max-width: 900px;
}

/* Pre-Order Payment (page 71997): smaller section headings.
   h3 is a bare tag selector and would otherwise hit every page on
   the Core chain, so it stays page-scoped via the marker span left
   in ContentCode 383109. !important is required: the Poly base
   (website02112021.css) pins h3 with "font-size: 20px !important"
   inside @media (max-width: 768px). */
body:has(.cay-preorder-payment-page) h3 {
    font-size: medium !important;
}