@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;
    }
}