#news-component h3 {font-weight: bold;} #component104492 span.title {padding-right: 30px !important;} {{USEFUL LINKS TILES: 3147, 3148, 3149}} #tileList-3147 li, #tileList-3148 li, #tileList-3149 li, #tileList-3147 .tile-link:hover, #tileList-3148 .tile-link:hover, #tileList-3149 .tile-link:hover {border-radius:5px !important} #tileList-3147 li span.title, #tileList-3148 li span.title, #tileList-3149 li span.title {padding-left:24% !important;} #tileList-3147 .tile .tile-link:hover, #tileList-3148 .tile .tile-link:hover, #tileList-3149 .tile .tile-link:hover {background-color: rgba(0,0,0,0) !important;} #tileList-3147 .tile, #tileList-3148 .tile, #tileList-3149 .tile {background-color: #4351d7 !important;} #tileList-3147 .tile:hover, #tileList-3148 .tile:hover, #tileList-3149 .tile:hover {background-color: #2f3996 !important;} #tileList-3147 .tile .edit:hover, #tileList-3148 .tile .edit:hover, #tileList-3149 .tile .edit:hover {background-color: rgba(255,255,255,0) !important;} #tileList-3147 .title, #tileList-3148 .title, #tileList-3149 .title {color: #ffffff !important; font-size:1rem !important;} @media (max-width: 1680px) and (min-width: 1025px) { #tileList-3147 .title, #tileList-3148 .title, #tileList-3149 .title {font-size:.8rem !important;} } {{STAFF LINKS : 1538}} #tileList-1538 li, #tileList-1538 .tile-link:hover {border-radius:5px !important} #tileList-1538 li span.title {padding-left:24% !important;} #tileList-1538 .tile .tile-link:hover {background-color: rgba(0,0,0,0) !important;} #tileList-1538 .tile {background-color: #185e86 !important;} #tileList-1538 .tile:hover {background-color: #11425e !important;} #tileList-1538 .tile .edit:hover {background-color: rgba(255,255,255,0) !important;} #tileList-1538 .title {color: #ffffff !important; font-size:1rem !important;} @media (max-width: 1680px) and (min-width: 1025px) { #tileList-1538 .title {font-size:.8rem !important;} } {{ASHMORE STAFF TILES : 1537}} #tileList-1537 li, #tileList-1537 .tile-link:hover {border-radius:5px !important} #tileList-1537 li span.title {padding-left:24% !important;} #tileList-1537 .tile .tile-link:hover {background-color: rgba(0,0,0,0) !important;} #tileList-1537 .tile {background-color: #188680 !important;} #tileList-1537 .tile:hover {background-color: #115e59 !important;} #tileList-1537 .tile .edit:hover {background-color: rgba(255,255,255,0) !important;} #tileList-1537 .title {color: #ffffff !important; font-size:1rem !important;} @media (max-width: 1680px) and (min-width: 1025px) { #tileList-1537 .title {font-size:.8rem !important;} } {{STAFF CARE LINKS: 1536}} #tileList-1536 li, #tileList-1536 .tile-link:hover {border-radius:5px !important} #tileList-1536 li span.title {padding-left:24% !important;} #tileList-1536 .tile .tile-link:hover {background-color: rgba(0,0,0,0) !important;} #tileList-1536 .tile {background-color: #188680 !important;} #tileList-1536 .tile:hover {background-color: #115e59 !important;} #tileList-1536 .tile .edit:hover {background-color: rgba(255,255,255,0) !important;} #tileList-1536 .title {color: #ffffff !important; font-size:1rem !important;} @media (max-width: 1680px) and (min-width: 1025px) { #tileList-1536 .title {font-size:.8rem !important;} } {{PERFORMING ARTS & SPORT: 1535}} #tileList-1535 li, #tileList-1535 .tile-link:hover {border-radius:5px !important} #tileList-1535 li span.title {padding-left:24% !important;} #tileList-1535 .tile .tile-link:hover {background-color: rgba(0,0,0,0) !important;} #tileList-1535 .tile {background-color: #6523c0 !important;} #tileList-1535 .tile:hover {background-color: #471886 !important;} #tileList-1535 .tile .edit:hover {background-color: rgba(255,255,255,0) !important;} #tileList-1535 .title {color: #ffffff !important; font-size:1rem !important;} @media (max-width: 1680px) and (min-width: 1025px) { #tileList-1535 .title {font-size:.8rem !important;} } {{PARENT CARE TILES: 1533, STUDENT CARE 1539, COMMITTEES LINKS 2005}} #tileList-2005 li, #tileList-2005 .tile-link:hover, #tileList-1533 li, #tileList-1533 .tile-link:hover, #tileList-1539 li, #tileList-1539 .tile-link:hover {border-radius:5px !important} #tileList-2005 li span.title, #tileList-1533 li span.title, #tileList-1539 li span.title {padding-left:24% !important;} #tileList-2005 .tile .tile-link:hover, #tileList-1533 .tile .tile-link:hover, #tileList-1539 .tile .tile-link:hover {background-color: rgba(0,0,0,0) !important;} #tileList-2005 .tile, #tileList-1533 .tile, #tileList-1539 .tile {background-color: #c07b23 !important;} #tileList-2005 .tile:hover,#tileList-1533 .tile:hover, #tileList-1539 .tile:hover {background-color: #865618 !important;} #tileList-2005 .tile .edit:hover, #tileList-1533 .tile .edit:hover, #tileList-1539 .tile .edit:hover {background-color: rgba(255,255,255,0) !important;} #tileList-2005 .title, #tileList-1533 .title, #tileList-1539 .title {color: #ffffff !important; font-size:1rem !important;} @media (max-width: 1680px) and (min-width: 1025px) { #tileList-2005 .title, #tileList-1533 .title, #tileList-1539 .title {font-size:.8rem !important;} } {{PARENT SERVICES TILES: 1530}} #tileList-1530 li, #tileList-1530 .tile-link:hover {border-radius:5px !important} #tileList-1530 li span.title {padding-left:24% !important;} #tileList-1530 .tile .tile-link:hover {background-color: rgba(0,0,0,0) !important;} #tileList-1530 .tile {background-color: rgba(32,148,52,1) !important;} #tileList-1530 .tile:hover {background-color: #004926 !important;} #tileList-1530 .tile .edit:hover {background-color: rgba(255,255,255,0) !important;} #tileList-1530 .title {color: #ffffff !important; font-size:1rem !important;} @media (max-width: 1680px) and (min-width: 1025px) { #tileList-1530 .title {font-size:.8rem !important;} } {{SOCIAL MEDIA LINKS :1531}} #tileList-1531 li, #tileList-1531 .tile-link:hover {border-radius:5px !important} #tileList-1531 li span.title {padding-left:24% !important;} #tileList-1531 .tile .tile-link:hover {background-color: rgba(0,0,0,0) !important;} {{Facebook}} #tile-7639:hover {background-color: #2e487c !important;} {{Twitter}} #tile-7640:hover {background-color: #1470a9 !important;} #tileList-1531 .tile .edit:hover {background-color: rgba(255,255,255,0) !important;} #tileList-1531 .title {color: #ffffff !important; font-size:1rem !important;} @media (max-width: 1680px) and (min-width: 1025px) { #tileList-1531 .title {font-size:.8rem !important;} } #news-component h3 {font-weight: bold;} #component104492 span.title {padding-right: 30px !important;} {{USEFUL LINKS TILES: 3147, 3148, 3149}} #tileList-3147 li, #tileList-3148 li, #tileList-3149 li, #tileList-3147 .tile-link:hover, #tileList-3148 .tile-link:hover, #tileList-3149 .tile-link:hover {border-radius:5px !important} #tileList-3147 li span.title, #tileList-3148 li span.title, #tileList-3149 li span.title {padding-left:24% !important;} #tileList-3147 .tile .tile-link:hover, #tileList-3148 .tile .tile-link:hover, #tileList-3149 .tile .tile-link:hover {background-color: rgba(0,0,0,0) !important;} #tileList-3147 .tile, #tileList-3148 .tile, #tileList-3149 .tile {background-color: #4351d7 !important;} #tileList-3147 .tile:hover, #tileList-3148 .tile:hover, #tileList-3149 .tile:hover {background-color: #2f3996 !important;} #tileList-3147 .tile .edit:hover, #tileList-3148 .tile .edit:hover, #tileList-3149 .tile .edit:hover {background-color: rgba(255,255,255,0) !important;} #tileList-3147 .title, #tileList-3148 .title, #tileList-3149 .title {color: #ffffff !important; font-size:1rem !important;} @media (max-width: 1680px) and (min-width: 1025px) { #tileList-3147 .title, #tileList-3148 .title, #tileList-3149 .title {font-size:.8rem !important;} } {{STAFF LINKS : 1538}} #tileList-1538 li, #tileList-1538 .tile-link:hover {border-radius:5px !important} #tileList-1538 li span.title {padding-left:24% !important;} #tileList-1538 .tile .tile-link:hover {background-color: rgba(0,0,0,0) !important;} #tileList-1538 .tile {background-color: #185e86 !important;} #tileList-1538 .tile:hover {background-color: #11425e !important;} #tileList-1538 .tile .edit:hover {background-color: rgba(255,255,255,0) !important;} #tileList-1538 .title {color: #ffffff !important; font-size:1rem !important;} @media (max-width: 1680px) and (min-width: 1025px) { #tileList-1538 .title {font-size:.8rem !important;} } {{ASHMORE STAFF TILES : 1537}} #tileList-1537 li, #tileList-1537 .tile-link:hover {border-radius:5px !important} #tileList-1537 li span.title {padding-left:24% !important;} #tileList-1537 .tile .tile-link:hover {background-color: rgba(0,0,0,0) !important;} #tileList-1537 .tile {background-color: #188680 !important;} #tileList-1537 .tile:hover {background-color: #115e59 !important;} #tileList-1537 .tile .edit:hover {background-color: rgba(255,255,255,0) !important;} #tileList-1537 .title {color: #ffffff !important; font-size:1rem !important;} @media (max-width: 1680px) and (min-width: 1025px) { #tileList-1537 .title {font-size:.8rem !important;} } {{STAFF CARE LINKS: 1536}} #tileList-1536 li, #tileList-1536 .tile-link:hover {border-radius:5px !important} #tileList-1536 li span.title {padding-left:24% !important;} #tileList-1536 .tile .tile-link:hover {background-color: rgba(0,0,0,0) !important;} #tileList-1536 .tile {background-color: #188680 !important;} #tileList-1536 .tile:hover {background-color: #115e59 !important;} #tileList-1536 .tile .edit:hover {background-color: rgba(255,255,255,0) !important;} #tileList-1536 .title {color: #ffffff !important; font-size:1rem !important;} @media (max-width: 1680px) and (min-width: 1025px) { #tileList-1536 .title {font-size:.8rem !important;} } {{PERFORMING ARTS & SPORT: 1535}} #tileList-1535 li, #tileList-1535 .tile-link:hover {border-radius:5px !important} #tileList-1535 li span.title {padding-left:24% !important;} #tileList-1535 .tile .tile-link:hover {background-color: rgba(0,0,0,0) !important;} #tileList-1535 .tile {background-color: #6523c0 !important;} #tileList-1535 .tile:hover {background-color: #471886 !important;} #tileList-1535 .tile .edit:hover {background-color: rgba(255,255,255,0) !important;} #tileList-1535 .title {color: #ffffff !important; font-size:1rem !important;} @media (max-width: 1680px) and (min-width: 1025px) { #tileList-1535 .title {font-size:.8rem !important;} } {{PARENT CARE TILES: 1533, STUDENT CARE 1539, COMMITTEES LINKS 2005}} #tileList-2005 li, #tileList-2005 .tile-link:hover, #tileList-1533 li, #tileList-1533 .tile-link:hover, #tileList-1539 li, #tileList-1539 .tile-link:hover {border-radius:5px !important} #tileList-2005 li span.title, #tileList-1533 li span.title, #tileList-1539 li span.title {padding-left:24% !important;} #tileList-2005 .tile .tile-link:hover, #tileList-1533 .tile .tile-link:hover, #tileList-1539 .tile .tile-link:hover {background-color: rgba(0,0,0,0) !important;} #tileList-2005 .tile, #tileList-1533 .tile, #tileList-1539 .tile {background-color: #c07b23 !important;} #tileList-2005 .tile:hover,#tileList-1533 .tile:hover, #tileList-1539 .tile:hover {background-color: #865618 !important;} #tileList-2005 .tile .edit:hover, #tileList-1533 .tile .edit:hover, #tileList-1539 .tile .edit:hover {background-color: rgba(255,255,255,0) !important;} #tileList-2005 .title, #tileList-1533 .title, #tileList-1539 .title {color: #ffffff !important; font-size:1rem !important;} @media (max-width: 1680px) and (min-width: 1025px) { #tileList-2005 .title, #tileList-1533 .title, #tileList-1539 .title {font-size:.8rem !important;} } {{PARENT SERVICES TILES: 1530}} #tileList-1530 li, #tileList-1530 .tile-link:hover {border-radius:5px !important} #tileList-1530 li span.title {padding-left:24% !important;} #tileList-1530 .tile .tile-link:hover {background-color: rgba(0,0,0,0) !important;} #tileList-1530 .tile {background-color: rgba(32,148,52,1) !important;} #tileList-1530 .tile:hover {background-color: #004926 !important;} #tileList-1530 .tile .edit:hover {background-color: rgba(255,255,255,0) !important;} #tileList-1530 .title {color: #ffffff !important; font-size:1rem !important;} @media (max-width: 1680px) and (min-width: 1025px) { #tileList-1530 .title {font-size:.8rem !important;} } {{SOCIAL MEDIA LINKS :1531}} #tileList-1531 li, #tileList-1531 .tile-link:hover {border-radius:5px !important} #tileList-1531 li span.title {padding-left:24% !important;} #tileList-1531 .tile .tile-link:hover {background-color: rgba(0,0,0,0) !important;} {{Facebook}} #tile-7639:hover {background-color: #2e487c !important;} {{Twitter}} #tile-7640:hover {background-color: #1470a9 !important;} #tileList-1531 .tile .edit:hover {background-color: rgba(255,255,255,0) !important;} #tileList-1531 .title {color: #ffffff !important; font-size:1rem !important;} @media (max-width: 1680px) and (min-width: 1025px) { #tileList-1531 .title {font-size:.8rem !important;} } #component104535, #component104532, #component104528, #component104530, #component123806, #component104591, #component20508, #component104556, #component104557 {margin-bottom: 10px !important;} {{NEWS CARD}} .card-feature-image, .card-feature-avatar {position: relative; width: 100%; padding-top: 50%;} .card-feature-image a, .card-feature-avatar a {position: absolute; top: 0; left: 0; bottom: 0; right: 0;} .card-feature-image img { object-fit: cover !important; width: 100%; height: 100%; padding: 0;} .v-card .card-content {padding-top:1rem !important;} .card-feature-avatar, .card-feature-avatar a { height: 100%; margin: 0 !important;} {margin-bottom: 10px !important;} {{NEWS CARD}} .card-feature-image, .card-feature-avatar {position: relative; width: 100%; padding-top: 50%;} .card-feature-image a, .card-feature-avatar a {position: absolute; top: 0; left: 0; bottom: 0; right: 0;} .card-feature-image img { object-fit: cover !important; width: 100%; height: 100%; padding: 0;} .v-card .card-content {padding-top:1rem !important;} .card-feature-avatar, .card-feature-avatar a { height: 100%; margin: 0 !important;} :root { --navigation-foreground-r: 81; --navigation-foreground-g: 81; --navigation-foreground-b: 81; --navigation-foreground-h: 0; --navigation-foreground-s: 0%; --navigation-foreground-l: 31.76%; --navigation-foreground-a: 1; --navigation-foreground: hsla( var(--navigation-foreground-h), var(--navigation-foreground-s), var(--navigation-foreground-l), var(--navigation-foreground-a) ); --navigation-foreground-contrast-r: 255; --navigation-foreground-contrast-g: 255; --navigation-foreground-contrast-b: 255; --navigation-foreground-contrast-h: 0; --navigation-foreground-contrast-s: 0%; --navigation-foreground-contrast-l: 100%; --navigation-foreground-contrast-a: 1; --navigation-foreground-contrast: hsla( var(--navigation-foreground-contrast-h), var(--navigation-foreground-contrast-s), var(--navigation-foreground-contrast-l), var(--navigation-foreground-contrast-a) ); --navigation-background-r: 245; --navigation-background-g: 245; --navigation-background-b: 242; --navigation-background-h: 60; --navigation-background-s: 13.04%; --navigation-background-l: 95.49%; --navigation-background-a: 1; --navigation-background: hsla( var(--navigation-background-h), var(--navigation-background-s), var(--navigation-background-l), var(--navigation-background-a) ); --navigation-background-contrast-r: 0; --navigation-background-contrast-g: 0; --navigation-background-contrast-b: 0; --navigation-background-contrast-h: 0; --navigation-background-contrast-s: 0%; --navigation-background-contrast-l: 0%; --navigation-background-contrast-a: 1; --navigation-background-contrast: hsla( var(--navigation-background-contrast-h), var(--navigation-background-contrast-s), var(--navigation-background-contrast-l), var(--navigation-background-contrast-a) ); --navigation-hover-r: 153; --navigation-hover-g: 202; --navigation-hover-b: 61; --navigation-hover-h: 80.85; --navigation-hover-s: 57.09%; --navigation-hover-l: 51.57%; --navigation-hover-a: 0.52; --navigation-hover: hsla( var(--navigation-hover-h), var(--navigation-hover-s), var(--navigation-hover-l), var(--navigation-hover-a) ); --navigation-hover-contrast-r: 0; --navigation-hover-contrast-g: 0; --navigation-hover-contrast-b: 0; --navigation-hover-contrast-h: 0; --navigation-hover-contrast-s: 0%; --navigation-hover-contrast-l: 0%; --navigation-hover-contrast-a: 1; --navigation-hover-contrast: hsla( var(--navigation-hover-contrast-h), var(--navigation-hover-contrast-s), var(--navigation-hover-contrast-l), var(--navigation-hover-contrast-a) ); --off-canvas-foreground-r: 255; --off-canvas-foreground-g: 255; --off-canvas-foreground-b: 255; --off-canvas-foreground-h: 0; --off-canvas-foreground-s: 0%; --off-canvas-foreground-l: 100%; --off-canvas-foreground-a: 1; --off-canvas-foreground: hsla( var(--off-canvas-foreground-h), var(--off-canvas-foreground-s), var(--off-canvas-foreground-l), var(--off-canvas-foreground-a) ); --off-canvas-foreground-contrast-r: 0; --off-canvas-foreground-contrast-g: 0; --off-canvas-foreground-contrast-b: 0; --off-canvas-foreground-contrast-h: 0; --off-canvas-foreground-contrast-s: 0%; --off-canvas-foreground-contrast-l: 0%; --off-canvas-foreground-contrast-a: 1; --off-canvas-foreground-contrast: hsla( var(--off-canvas-foreground-contrast-h), var(--off-canvas-foreground-contrast-s), var(--off-canvas-foreground-contrast-l), var(--off-canvas-foreground-contrast-a) ); --off-canvas-background-r: 81; --off-canvas-background-g: 81; --off-canvas-background-b: 81; --off-canvas-background-h: 0; --off-canvas-background-s: 0%; --off-canvas-background-l: 31.76%; --off-canvas-background-a: 1; --off-canvas-background: hsla( var(--off-canvas-background-h), var(--off-canvas-background-s), var(--off-canvas-background-l), var(--off-canvas-background-a) ); --off-canvas-background-contrast-r: 255; --off-canvas-background-contrast-g: 255; --off-canvas-background-contrast-b: 255; --off-canvas-background-contrast-h: 0; --off-canvas-background-contrast-s: 0%; --off-canvas-background-contrast-l: 100%; --off-canvas-background-contrast-a: 1; --off-canvas-background-contrast: hsla( var(--off-canvas-background-contrast-h), var(--off-canvas-background-contrast-s), var(--off-canvas-background-contrast-l), var(--off-canvas-background-contrast-a) ); --off-canvas-hover-r: 153; --off-canvas-hover-g: 202; --off-canvas-hover-b: 61; --off-canvas-hover-h: 80.85; --off-canvas-hover-s: 57.09%; --off-canvas-hover-l: 51.57%; --off-canvas-hover-a: 0.52; --off-canvas-hover: hsla( var(--off-canvas-hover-h), var(--off-canvas-hover-s), var(--off-canvas-hover-l), var(--off-canvas-hover-a) ); --off-canvas-hover-contrast-r: 0; --off-canvas-hover-contrast-g: 0; --off-canvas-hover-contrast-b: 0; --off-canvas-hover-contrast-h: 0; --off-canvas-hover-contrast-s: 0%; --off-canvas-hover-contrast-l: 0%; --off-canvas-hover-contrast-a: 1; --off-canvas-hover-contrast: hsla( var(--off-canvas-hover-contrast-h), var(--off-canvas-hover-contrast-s), var(--off-canvas-hover-contrast-l), var(--off-canvas-hover-contrast-a) ); --accounts-menu-foreground-r: 81; --accounts-menu-foreground-g: 81; --accounts-menu-foreground-b: 81; --accounts-menu-foreground-h: 0; --accounts-menu-foreground-s: 0%; --accounts-menu-foreground-l: 31.76%; --accounts-menu-foreground-a: 1; --accounts-menu-foreground: hsla( var(--accounts-menu-foreground-h), var(--accounts-menu-foreground-s), var(--accounts-menu-foreground-l), var(--accounts-menu-foreground-a) ); --accounts-menu-foreground-contrast-r: 255; --accounts-menu-foreground-contrast-g: 255; --accounts-menu-foreground-contrast-b: 255; --accounts-menu-foreground-contrast-h: 0; --accounts-menu-foreground-contrast-s: 0%; --accounts-menu-foreground-contrast-l: 100%; --accounts-menu-foreground-contrast-a: 1; --accounts-menu-foreground-contrast: hsla( var(--accounts-menu-foreground-contrast-h), var(--accounts-menu-foreground-contrast-s), var(--accounts-menu-foreground-contrast-l), var(--accounts-menu-foreground-contrast-a) ); --accounts-menu-background-r: 255; --accounts-menu-background-g: 255; --accounts-menu-background-b: 255; --accounts-menu-background-h: 0; --accounts-menu-background-s: 0%; --accounts-menu-background-l: 100%; --accounts-menu-background-a: 1; --accounts-menu-background: hsla( var(--accounts-menu-background-h), var(--accounts-menu-background-s), var(--accounts-menu-background-l), var(--accounts-menu-background-a) ); --accounts-menu-background-contrast-r: 0; --accounts-menu-background-contrast-g: 0; --accounts-menu-background-contrast-b: 0; --accounts-menu-background-contrast-h: 0; --accounts-menu-background-contrast-s: 0%; --accounts-menu-background-contrast-l: 0%; --accounts-menu-background-contrast-a: 1; --accounts-menu-background-contrast: hsla( var(--accounts-menu-background-contrast-h), var(--accounts-menu-background-contrast-s), var(--accounts-menu-background-contrast-l), var(--accounts-menu-background-contrast-a) ); --accounts-menu-hover-r: 153; --accounts-menu-hover-g: 202; --accounts-menu-hover-b: 61; --accounts-menu-hover-h: 80.85; --accounts-menu-hover-s: 57.09%; --accounts-menu-hover-l: 51.57%; --accounts-menu-hover-a: 0.52; --accounts-menu-hover: hsla( var(--accounts-menu-hover-h), var(--accounts-menu-hover-s), var(--accounts-menu-hover-l), var(--accounts-menu-hover-a) ); --accounts-menu-hover-contrast-r: 0; --accounts-menu-hover-contrast-g: 0; --accounts-menu-hover-contrast-b: 0; --accounts-menu-hover-contrast-h: 0; --accounts-menu-hover-contrast-s: 0%; --accounts-menu-hover-contrast-l: 0%; --accounts-menu-hover-contrast-a: 1; --accounts-menu-hover-contrast: hsla( var(--accounts-menu-hover-contrast-h), var(--accounts-menu-hover-contrast-s), var(--accounts-menu-hover-contrast-l), var(--accounts-menu-hover-contrast-a) ); --content-ui-foreground-r: 25; --content-ui-foreground-g: 90; --content-ui-foreground-b: 130; --content-ui-foreground-h: 202.86; --content-ui-foreground-s: 67.74%; --content-ui-foreground-l: 30.39%; --content-ui-foreground-a: 1; --content-ui-foreground: hsla( var(--content-ui-foreground-h), var(--content-ui-foreground-s), var(--content-ui-foreground-l), var(--content-ui-foreground-a) ); --content-ui-foreground-contrast-r: 255; --content-ui-foreground-contrast-g: 255; --content-ui-foreground-contrast-b: 255; --content-ui-foreground-contrast-h: 0; --content-ui-foreground-contrast-s: 0%; --content-ui-foreground-contrast-l: 100%; --content-ui-foreground-contrast-a: 1; --content-ui-foreground-contrast: hsla( var(--content-ui-foreground-contrast-h), var(--content-ui-foreground-contrast-s), var(--content-ui-foreground-contrast-l), var(--content-ui-foreground-contrast-a) ); --content-ui-background-r: 226; --content-ui-background-g: 244; --content-ui-background-b: 190; --content-ui-background-h: 80; --content-ui-background-s: 71.05%; --content-ui-background-l: 85.1%; --content-ui-background-a: 1; --content-ui-background: hsla( var(--content-ui-background-h), var(--content-ui-background-s), var(--content-ui-background-l), var(--content-ui-background-a) ); --content-ui-background-contrast-r: 0; --content-ui-background-contrast-g: 0; --content-ui-background-contrast-b: 0; --content-ui-background-contrast-h: 0; --content-ui-background-contrast-s: 0%; --content-ui-background-contrast-l: 0%; --content-ui-background-contrast-a: 1; --content-ui-background-contrast: hsla( var(--content-ui-background-contrast-h), var(--content-ui-background-contrast-s), var(--content-ui-background-contrast-l), var(--content-ui-background-contrast-a) ); --content-ui-hover-r: 255; --content-ui-hover-g: 255; --content-ui-hover-b: 255; --content-ui-hover-h: 0; --content-ui-hover-s: 0%; --content-ui-hover-l: 100%; --content-ui-hover-a: 1; --content-ui-hover: hsla( var(--content-ui-hover-h), var(--content-ui-hover-s), var(--content-ui-hover-l), var(--content-ui-hover-a) ); --content-ui-hover-contrast-r: 0; --content-ui-hover-contrast-g: 0; --content-ui-hover-contrast-b: 0; --content-ui-hover-contrast-h: 0; --content-ui-hover-contrast-s: 0%; --content-ui-hover-contrast-l: 0%; --content-ui-hover-contrast-a: 1; --content-ui-hover-contrast: hsla( var(--content-ui-hover-contrast-h), var(--content-ui-hover-contrast-s), var(--content-ui-hover-contrast-l), var(--content-ui-hover-contrast-a) ); --content-ui-selected-r: 153; --content-ui-selected-g: 202; --content-ui-selected-b: 61; --content-ui-selected-h: 80.85; --content-ui-selected-s: 57.09%; --content-ui-selected-l: 51.57%; --content-ui-selected-a: 0.51; --content-ui-selected: hsla( var(--content-ui-selected-h), var(--content-ui-selected-s), var(--content-ui-selected-l), var(--content-ui-selected-a) ); --content-ui-selected-contrast-r: 0; --content-ui-selected-contrast-g: 0; --content-ui-selected-contrast-b: 0; --content-ui-selected-contrast-h: 0; --content-ui-selected-contrast-s: 0%; --content-ui-selected-contrast-l: 0%; --content-ui-selected-contrast-a: 1; --content-ui-selected-contrast: hsla( var(--content-ui-selected-contrast-h), var(--content-ui-selected-contrast-s), var(--content-ui-selected-contrast-l), var(--content-ui-selected-contrast-a) ); --content-ui-submit-foreground-r: 255; --content-ui-submit-foreground-g: 255; --content-ui-submit-foreground-b: 255; --content-ui-submit-foreground-h: 0; --content-ui-submit-foreground-s: 0%; --content-ui-submit-foreground-l: 100%; --content-ui-submit-foreground-a: 1; --content-ui-submit-foreground: hsla( var(--content-ui-submit-foreground-h), var(--content-ui-submit-foreground-s), var(--content-ui-submit-foreground-l), var(--content-ui-submit-foreground-a) ); --content-ui-submit-foreground-contrast-r: 0; --content-ui-submit-foreground-contrast-g: 0; --content-ui-submit-foreground-contrast-b: 0; --content-ui-submit-foreground-contrast-h: 0; --content-ui-submit-foreground-contrast-s: 0%; --content-ui-submit-foreground-contrast-l: 0%; --content-ui-submit-foreground-contrast-a: 1; --content-ui-submit-foreground-contrast: hsla( var(--content-ui-submit-foreground-contrast-h), var(--content-ui-submit-foreground-contrast-s), var(--content-ui-submit-foreground-contrast-l), var(--content-ui-submit-foreground-contrast-a) ); --content-ui-submit-background-r: 153; --content-ui-submit-background-g: 202; --content-ui-submit-background-b: 61; --content-ui-submit-background-h: 80.85; --content-ui-submit-background-s: 57.09%; --content-ui-submit-background-l: 51.57%; --content-ui-submit-background-a: 1; --content-ui-submit-background: hsla( var(--content-ui-submit-background-h), var(--content-ui-submit-background-s), var(--content-ui-submit-background-l), var(--content-ui-submit-background-a) ); --content-ui-submit-background-contrast-r: 0; --content-ui-submit-background-contrast-g: 0; --content-ui-submit-background-contrast-b: 0; --content-ui-submit-background-contrast-h: 0; --content-ui-submit-background-contrast-s: 0%; --content-ui-submit-background-contrast-l: 0%; --content-ui-submit-background-contrast-a: 1; --content-ui-submit-background-contrast: hsla( var(--content-ui-submit-background-contrast-h), var(--content-ui-submit-background-contrast-s), var(--content-ui-submit-background-contrast-l), var(--content-ui-submit-background-contrast-a) ); --accent-foreground-r: 153; --accent-foreground-g: 202; --accent-foreground-b: 61; --accent-foreground-h: 80.85; --accent-foreground-s: 57.09%; --accent-foreground-l: 51.57%; --accent-foreground-a: 1; --accent-foreground: hsla( var(--accent-foreground-h), var(--accent-foreground-s), var(--accent-foreground-l), var(--accent-foreground-a) ); --accent-foreground-contrast-r: 0; --accent-foreground-contrast-g: 0; --accent-foreground-contrast-b: 0; --accent-foreground-contrast-h: 0; --accent-foreground-contrast-s: 0%; --accent-foreground-contrast-l: 0%; --accent-foreground-contrast-a: 1; --accent-foreground-contrast: hsla( var(--accent-foreground-contrast-h), var(--accent-foreground-contrast-s), var(--accent-foreground-contrast-l), var(--accent-foreground-contrast-a) ); --accent-background-r: 255; --accent-background-g: 255; --accent-background-b: 255; --accent-background-h: 0; --accent-background-s: 0%; --accent-background-l: 100%; --accent-background-a: 1; --accent-background: hsla( var(--accent-background-h), var(--accent-background-s), var(--accent-background-l), var(--accent-background-a) ); --accent-background-contrast-r: 0; --accent-background-contrast-g: 0; --accent-background-contrast-b: 0; --accent-background-contrast-h: 0; --accent-background-contrast-s: 0%; --accent-background-contrast-l: 0%; --accent-background-contrast-a: 1; --accent-background-contrast: hsla( var(--accent-background-contrast-h), var(--accent-background-contrast-s), var(--accent-background-contrast-l), var(--accent-background-contrast-a) ); --accent-hover-r: 255; --accent-hover-g: 255; --accent-hover-b: 255; --accent-hover-h: 0; --accent-hover-s: 0%; --accent-hover-l: 100%; --accent-hover-a: 1; --accent-hover: hsla( var(--accent-hover-h), var(--accent-hover-s), var(--accent-hover-l), var(--accent-hover-a) ); --accent-hover-contrast-r: 0; --accent-hover-contrast-g: 0; --accent-hover-contrast-b: 0; --accent-hover-contrast-h: 0; --accent-hover-contrast-s: 0%; --accent-hover-contrast-l: 0%; --accent-hover-contrast-a: 1; --accent-hover-contrast: hsla( var(--accent-hover-contrast-h), var(--accent-hover-contrast-s), var(--accent-hover-contrast-l), var(--accent-hover-contrast-a) ); --logo-background-r: 81; --logo-background-g: 81; --logo-background-b: 81; --logo-background-h: 0; --logo-background-s: 0%; --logo-background-l: 31.76%; --logo-background-a: 1; --logo-background: hsla( var(--logo-background-h), var(--logo-background-s), var(--logo-background-l), var(--logo-background-a) ); --logo-background-contrast-r: 255; --logo-background-contrast-g: 255; --logo-background-contrast-b: 255; --logo-background-contrast-h: 0; --logo-background-contrast-s: 0%; --logo-background-contrast-l: 100%; --logo-background-contrast-a: 1; --logo-background-contrast: hsla( var(--logo-background-contrast-h), var(--logo-background-contrast-s), var(--logo-background-contrast-l), var(--logo-background-contrast-a) ); --body-background-r: 245; --body-background-g: 245; --body-background-b: 242; --body-background-h: 60; --body-background-s: 13.04%; --body-background-l: 95.49%; --body-background-a: 1; --body-background: hsla( var(--body-background-h), var(--body-background-s), var(--body-background-l), var(--body-background-a) ); --body-background-contrast-r: 0; --body-background-contrast-g: 0; --body-background-contrast-b: 0; --body-background-contrast-h: 0; --body-background-contrast-s: 0%; --body-background-contrast-l: 0%; --body-background-contrast-a: 1; --body-background-contrast: hsla( var(--body-background-contrast-h), var(--body-background-contrast-s), var(--body-background-contrast-l), var(--body-background-contrast-a) ); --login-form-background-r: 81; --login-form-background-g: 81; --login-form-background-b: 81; --login-form-background-h: 0; --login-form-background-s: 0%; --login-form-background-l: 31.76%; --login-form-background-a: 1; --login-form-background: hsla( var(--login-form-background-h), var(--login-form-background-s), var(--login-form-background-l), var(--login-form-background-a) ); --login-form-background-contrast-r: 255; --login-form-background-contrast-g: 255; --login-form-background-contrast-b: 255; --login-form-background-contrast-h: 0; --login-form-background-contrast-s: 0%; --login-form-background-contrast-l: 100%; --login-form-background-contrast-a: 1; --login-form-background-contrast: hsla( var(--login-form-background-contrast-h), var(--login-form-background-contrast-s), var(--login-form-background-contrast-l), var(--login-form-background-contrast-a) ); --form-border-color-r: 153; --form-border-color-g: 202; --form-border-color-b: 61; --form-border-color-h: 80.85; --form-border-color-s: 57.09%; --form-border-color-l: 51.57%; --form-border-color-a: 0.76; --form-border-color: hsla( var(--form-border-color-h), var(--form-border-color-s), var(--form-border-color-l), var(--form-border-color-a) ); --form-border-color-contrast-r: 0; --form-border-color-contrast-g: 0; --form-border-color-contrast-b: 0; --form-border-color-contrast-h: 0; --form-border-color-contrast-s: 0%; --form-border-color-contrast-l: 0%; --form-border-color-contrast-a: 1; --form-border-color-contrast: hsla( var(--form-border-color-contrast-h), var(--form-border-color-contrast-s), var(--form-border-color-contrast-l), var(--form-border-color-contrast-a) ); --form-bg-hover-color-r: 255; --form-bg-hover-color-g: 255; --form-bg-hover-color-b: 255; --form-bg-hover-color-h: 0; --form-bg-hover-color-s: 0%; --form-bg-hover-color-l: 100%; --form-bg-hover-color-a: 1; --form-bg-hover-color: hsla( var(--form-bg-hover-color-h), var(--form-bg-hover-color-s), var(--form-bg-hover-color-l), var(--form-bg-hover-color-a) ); --form-bg-hover-color-contrast-r: 0; --form-bg-hover-color-contrast-g: 0; --form-bg-hover-color-contrast-b: 0; --form-bg-hover-color-contrast-h: 0; --form-bg-hover-color-contrast-s: 0%; --form-bg-hover-color-contrast-l: 0%; --form-bg-hover-color-contrast-a: 1; --form-bg-hover-color-contrast: hsla( var(--form-bg-hover-color-contrast-h), var(--form-bg-hover-color-contrast-s), var(--form-bg-hover-color-contrast-l), var(--form-bg-hover-color-contrast-a) ); --body-foreground-r: 159; --body-foreground-g: 159; --body-foreground-b: 157; --body-foreground-h: 60; --body-foreground-s: 1.03%; --body-foreground-l: 61.96%; --body-foreground-a: 1; --body-foreground: hsla( var(--body-foreground-h), var(--body-foreground-s), var(--body-foreground-l), var(--body-foreground-a) ); --body-foreground-h1-r: 37; --body-foreground-h1-g: 37; --body-foreground-h1-b: 36; --body-foreground-h1-h: 60; --body-foreground-h1-s: 1.37%; --body-foreground-h1-l: 14.31%; --body-foreground-h1-a: 1; --body-foreground-h1: hsla( var(--body-foreground-h1-h), var(--body-foreground-h1-s), var(--body-foreground-h1-l), var(--body-foreground-h1-a) ); --navigation-foreground-highlight-r: 86; --navigation-foreground-highlight-g: 86; --navigation-foreground-highlight-b: 85; --navigation-foreground-highlight-h: 60; --navigation-foreground-highlight-s: 0.58%; --navigation-foreground-highlight-l: 33.53%; --navigation-foreground-highlight-a: 1; --navigation-foreground-highlight: hsla( var(--navigation-foreground-highlight-h), var(--navigation-foreground-highlight-s), var(--navigation-foreground-highlight-l), var(--navigation-foreground-highlight-a) ); }