PageSourceSearch

https://www.cornerstone-elementary.org/openenrollment

html cornerstone-elementary.org collected 2026-10-09 00:32:15 UTC 143,411 bytes, 4,070 lines download raw bytes

1
2<!DOCTYPE html>
3<html style="min-height: 100%" lang="en">
4<head>
5    <meta charset="utf-8" />
6    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7    
8    
9            <meta property="og:title" content="Open Enrollment" />
10            <meta property="og:url" content="https://www.cornerstone-elementary.org/openenrollment" />
11            <meta property="og:type" content="website" />
12
13            <link rel="icon" type="image/png" href="https://content.schoolinsites.com/api/documents/e41191c35a2749c99dd7cdbfa9d01b6e.png" />
14
15    <title>
16        
17    Open Enrollment
18
19    </title>
20
21    <link rel="stylesheet" href="/lib/bootstrap/dist/css/bootstrap.css" />
22    <link rel="stylesheet" href="/lib/fontawesome6.4.2/css/fontawesome.min.css" />
23    <link rel="stylesheet" href="/lib/fontawesome6.4.2/css/brands.min.css" />
24    <link rel="stylesheet" href="/lib/fontawesome6.4.2/css/solid.min.css" />
25    <link rel="stylesheet" href="/lib/fontawesome6.4.2/css/regular.min.css" />
26    <link rel="stylesheet" href="/lib/fontawesome6.4.2/css/v4-shims.min.css" />
27
28    <link rel="stylesheet" href="/css/animations.css" />
29    <link rel="stylesheet" href="/css/common.css" />
30    <link rel="stylesheet" href="/css/custom-icons.css?v=0nvJki9gQnLR8cy7OQ62gyocqslU3-0UC4caTS3-zns" />
31    <link rel="stylesheet" href="/css/core/components.css?v=Vf-NAdeZjGYJj_koruCkkng_0snGh_WkiAEkx7MV1Fw" />
32    <link rel="stylesheet" href="/css/core/dialog.css?v=1ZqiCMDGL9AayDJeEOQRt9Q0kxP5vn7z7uOhyK3OqBI" />
33    <link rel="stylesheet" href="/css/toolbar.css?v=VwnbxHzktDLVXaVPyZXQYOir4v0G7gYmu2topYebOvo" />
34    <link rel="stylesheet" href="/css/audioplayer.css?v=oOVrPQm5jqukq_n6Qusjiltm60L5DqgmllxnDadm5yc" />
35
36
37    <!-- Load FullCalendar -->
38    
38<script src='/lib/fullCalendarV6/moment/moment.min.js'></script>
38
39    
39<script src="/lib/fullCalendarV6/index.global.min.js"></script>
39
40    
40<script src="/lib/fullCalendarV6/moment/index.global.min.js"></script>
40
41
42    
43    <link rel="stylesheet" href="/css/jquery-ui/jquery-ui-1.13.2.css" />
44    <link rel="stylesheet" href="/css/public.css?v=rwVB8ctwhKk5zO6mQUqPDn9fLsa6nSLJhsnTw1lodek" />
45
46
47    <style name="site-css">
48        @import url('https://fonts.googleapis.com/css?family=Raleway:200,400,600');
49@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap');
50/*-------- PREMIUM TEMPLATE CSS --------*/ 
51
52
53/* fonts */
54
55
56
57
58
59/* fonts */
60body {background: #ffffff;  font-family: 'Raleway', Arial, Helvetica, "sans-serif"; font-size: 16px;color: #000000;font-weight: 500;letter-spacing: 0.75px;line-height: 2rem;margin-bottom: 10px; } 
61h1,h2,h3,h4,h5,h6{font-family: 'Raleway', Arial, Helvetica, "sans-serif"; }
62h3 {font-size:2rem;}
63
64
65
66/* premium navigation style */
67.cs-header-navbar {font-family: 'Raleway', Arial, Helvetica, "sans-serif"; letter-spacing: 1px; font-size: 14px;} 
68.navbar-default {    border: none;    background-color: transparent;}
69.navbar {  border-radius: 0; margin: 0;}
70.navbar .navbar-default {margin-bottom: 0 } 
71.navbar-default .navbar-nav > li > a {font-size: 16px;}
72.nav-menu1 .nav a:link, .nav-menu1 .nav a:visited, .nav-menu1 .nav a:active {margin: 1px 10px 1px 1px; font-size: 15px; letter-spacing: .5px;  padding-top: 10px;  padding-bottom: 10px;}
73.dropdown-menu {font-size: 16px;border-radius: 0px;}
74.cs-topmenu .navbar-default .navbar-nav > li > a {text-transform:uppercase;}
75
76
77
78
79/* padding */ 
80.cs-nopadding {padding: 0; margin: 0 -15px 0 0;}
81.cs-row-nopadding > .content-widget > .content-layout > .row > div:not(:first-child){ padding: 0 !important }
82.cs-row-nopadding > .content-widget > .content-layout > .row > div:not(:last-child){ padding: 0 !important }
83.cs-padding5 {padding:9px;}
84.cs-paddingright {padding:0;}
85.cs-paddingheader {padding:8px 20px;}
86.cs-paddingmenu {padding:8px 5px;}
87.cs-padding10 {padding:10px;}
88.cs-padding20 {padding:20px;}
89.cs-padding30 {padding:50px;}
90.cs-paddingsocial {padding:10px 40px;} 
91.cs-paddinglogo {padding:30px 0;}
92.cs-paddinggoogle {padding:0 0 0 90px;}
93.cs-rightpadding {padding:0 30px 0 0;}
94.cs-paddingaddress {padding:8px 40px 8px 10px;}
95
96/* footer */
97.cs-footer { background: #575757;}
98.copyright {color: #ffffff;padding:10px; font-size: 11px;}
99.cs-footer-info { text-align: center;}
100
101/* misc */ 
102.search-field .fa-search {color: #999; }   
103.search-field button, input, optgroup, select, textarea {width:auto;height:auto;} 
104.cs-center { text-align:center;}
105.cs-lineheight {height:6px;} 
106.fc-toolbar button {font-size: 11px;}
107.cs-mottotext {font-family: 'Roboto Slab', serif; font-size:25px;}
108@media (max-width: 1100px) {
109.cs-navbar-1 .navbar-toggle.collapsed {
110display: block;} 
111.cs-navbar-1 .navbar-collapse.collapse {
112display: none;}
113}
114
115
116/*toolbar */
117.cs-toolbar {background: #eaeaea;} 
118.cs-toolbar, .cs-toolbar a {background: #eaeaea; color: #4D4D4D; font-size:14px; color: #000000 !important;}
119
120/* carousel */        
121.cs-carousel-widget-title {font-size:20px;padding:5px; text-transform: uppercase;}
122.cs-carousel-widget-description {padding:5px; font-size:14px;font-weight: normal;}
123.cs-carousel-widget-link {padding:5px;font-weight: bold; }   
124
125
126/*-------- Site CSS --------*/
127button, input, optgroup, select, textarea { border-radius: 0; }
128
129/* header */
130.cs-header { background: #ffffff;}
131
132
133
134/* #region Main Nav Bar color Variables (cs-main-nav) class needs to be added to navbar container  ** REMEMBER NO BG CLASS CAN BE USED INSIDE CONTAINTER */
135
136/* Main Background Color */
137:root{--navbg-color:#01A7A7;}
138
139/* Main Font Color */
140:root{--navf-color:#000;}
141
142/* Main Focus, Hover, Focus-visible Background-Color*/
143:root{--navfhf-bg-color:#CEDC45;}
144
145/* Main Focus, Hover, Focus-visible Font-Color*/
146:root{--navfhf-f-color:black;}
147
148/* Dropdown Background Color */
149:root{--dd-bg-color:#eaeaea;}
150
151/* Dropdown Font Color */
152:root{--dd-f-color:#000;}
153
154/* Dropdown Focus, Hover, Focus-visible Background-Color */
155:root{--dd-fhf-bg-color:#CEDC45;}
156
157/* Dropdown Focus, Hover, Focus-visible Font-Color Color */
158:root{--dd-fhf-f-color:#000;}
159
160/* Submenu in mobile view Dropdown Font Color */
161:root{--sb-dd-f-color:#000;}
162
163/* #endregion */
164/* #region Secondary Nav Bar color Variables (cs-sec-nav) class needs to be added to navbar container  ** REMEMBER NO BG CLASS CAN BE USED INSIDE CONTAINTER */
165
166/* Main Background Color */
167:root{--sec-navbg-color:#01A7A7;}
168
169/* Main Font Color */
170:root{--sec-navf-color:#000;}
171
172/* Main Focus, Hover, Focus-visible Background-Color*/
173:root{--sec-navfhf-bg-color:#CEDC45;}
174
175/* Main Focus, Hover, Focus-visible Font-Color*/
176:root{--sec-navfhf-f-color:black;}
177
178/* Dropdown Background Color */
179:root{--sec-dd-bg-color:#eaeaea;}
180
181/* Dropdown Font Color */
182:root{--sec-dd-f-color:#000;}
183
184/* Dropdown Focus, Hover, Focus-visible Background-Color */
185:root{--sec-dd-fhf-bg-color:#eaeaea;}
186
187/* Dropdown Focus, Hover, Focus-visible Font-Color Color */
188:root{--sec-dd-fhf-f-color:#fff;}
189
190/* Submenu in mobile view Dropdown Font Color */
191:root{--sec-sb-dd-f-color:#000;}
192
193/* #endregion */
194/* #region footer Nav Bar color Variables (cs-foot-nav) class needs to be added to navbar container  ** REMEMBER NO BG CLASS CAN BE USED INSIDE CONTAINTER */
195
196/* footer Background Color */
197:root{--foot-navbg-color:#163235;}
198
199/* footer Font Color */
200:root{--foot-navf-color:#fff;}
201
202/* footer Focus, Hover, Focus-visible Background-Color*/
203:root{--foot-navfhf-bg-color:#ffba00;}
204
205/* footer Focus, Hover, Focus-visible Font-Color*/
206:root{--foot-navfhf-f-color:black;}
207
208/* footer Dropdown Background Color */
209:root{--foot-dd-bg-color:#eaeaea;}
210
211/* footer Dropdown Font Color */
212:root{--foot-dd-f-color:#000;}
213
214/* footer Dropdown Focus, Hover, Focus-visible Background-Color */
215:root{--foot-dd-fhf-bg-color:#ffba00;}
216
217/* footer Dropdown Focus, Hover, Focus-visible Font-Color Color */
218:root{--foot-dd-fhf-f-color:black;}
219
220/* footer Submenu in mobile view Dropdown Font Color */
221:root{--foot-sb-dd-f-color:#000;}
222
223/* #endregion */
224
225
226  /*-------- Background Color Options --------*/
227
228  .bg-default {background: #01A7A7;}  /* Needs Black Elements */:root{--default-e-color:#000;}
229
230  .bg-contrast {background: #144067;} /* Needs White Elements */:root{--contrast-e-color:#fff;}
231  
232  .bg-muted {background: #eaeaea;}  /* Needs Black Elements */:root{--muted-e-color:#000;}
233  
234  .bg-clean {background: #ffffff;}/* Needs Black Elements */:root{--clean-e-color:#000;}
235  
236  .bg-dark {background: #222222;} /* Needs White Elements */:root{--dark-e-color:#fff;}
237  
238  .bg-success {background: #749bbe;} /* Needs White Elements */:root{--success-e-color:#fff;}
239  
240  .bg-info {background: #CEDC45;} /* Needs Black Elements */:root{--info-e-color:#000;}
241  
242  .bg-warning {background: #edf6fe;}  /* Needs Black Elements */:root{--warning-e-color:#000;}
243  
244  .bg-danger {background: #fdd806;} /* Needs Black Elements */:root{--danger-e-color:#000;}
245  
246  .bg-fancy {background: #fff url(https://content.myconnectsuite.com/api/documents/6a4dfb2d3a0349a2a67c0e334c45ba7a);
247      background-attachment: fixed;
248      background-position: center;
249    background-repeat: no-repeat;
250    background-size: cover;} /* Needs Black Elements */:root{--fancy-e-color:#000;}
251
252
253/* MASTER CONTRAST CODE */ 
254
255/* Navbar color code */ 
256
257/* #region ---------------Main Navbar Colors---------- (cs-main-nav) class needs to be added to navbar container ** REMEMBER NO BG CLASS CAN BE USED INSIDE CONTAINTER */
258
259.cs-main-nav {background-color:var(--navbg-color);}
260
261.cs-main-nav .navbar-default {background-color:var(--navbg-color);
262    border: 0px;}
263
264    /* Navbar Font Color */
265
266    .cs-main-nav .navbar-default .navbar-nav > li > a
267
268{color:var(--navf-color);}
269
270
271.cs-main-nav .navbar-default .navbar-nav > li > a:focus,
272.cs-main-nav .navbar-default .navbar-nav > li > a:hover,
273.cs-main-nav .navbar-default .navbar-nav > .open > a,
274.cs-main-nav .navbar-default .navbar-nav > .open > a:hover,
275.cs-main-nav .navbar-default .navbar-nav > .open > a:focus,
276.cs-main-nav .navbar-default .navbar-nav > .open > a:focus-visible,
277.cs-main-nav .nav > li > a:hover,
278.cs-main-nav .nav > li > a:focus,
279.cs-main-nav .nav > li > a:focus-visible
280
281{color:var(--navfhf-f-color);background-color:var(--navfhf-bg-color);}
282
283/* Background Color for Nav Dropdown */
284
285.cs-main-nav .navbar-default .dropdown-menu 
286
287{ background-color:var(--dd-bg-color);}
288
289.cs-main-nav .navbar-default .dropdown-menu > li > a
290
291{ background-color:var(--dd-bg-color);}
292
293
294/* Dropdown Text Color */
295
296.cs-main-nav .navbar-default .dropdown-menu > li > a 
297
298{color: var(--dd-f-color);}
299
300
301/* Navbar dropdown menu hover, focus, focus-visible color */
302
303.cs-main-nav .navbar-submenu a:hover,
304.cs-main-nav .navbar-submenu a:focus,
305.cs-main-nav .navbar-submenu a:focus-visible,
306.cs-main-nav .cs-navbar .dropdown-menu > li > a:hover,
307.cs-main-nav .cs-navbar .dropdown-menu > li > a:focus,
308.cs-main-nav .cs-navbar .dropdown-menu > li > a:focus-visible
309{color:var(--dd-fhf-f-color); background-color:var(--dd-fhf-bg-color);}
310
311/* submenu font color */
312.cs-main-nav .navbar-submenu a,
313.cs-main-nav .navbar-submenu > li > a
314{ color: var(--dd-f-color);}
315
316/* submenu font color */
317
318.cs-main-nav .navbar-submenu a:hover,
319.cs-main-nav .navbar-submenu a:focus,
320.cs-main-nav .navbar-submenu a:focus-visible
321/* .navbar-submenu a:visited */
322{ color: var(--dd-fhf-f-color); background-color:var(--dd-fhf-bg-color);}
323
324/* Flips dropdown text color in Mobile View */
325
326@media only screen and (max-width: 768px) {
327
328    .cs-main-nav .dropdown-menu > li > a,
329    .cs-main-nav  .navbar-submenu a,.navbar-submenu a
330    { color: var(--sb-dd-f-color);}
331    .cs-main-nav .navbar-default .navbar-nav .open .dropdown-menu > li > a {
332         color: var(--sb-dd-f-color);
333    }
334  }
335/* #endregion */
336/* #region ---------------Secondary Navbar Colors----- (cs-sec-nav)  class needs to be added to navbar container ** REMEMBER NO BG CLASS CAN BE USED INSIDE CONTAINTER  */
337
338.cs-sec-nav {background-color:var(--sec-navbg-color);}
339
340.cs-sec-nav .navbar-default {background-color:var(--sec-navbg-color);
341    border: 0px;}
342
343    /* Navbar Font Color */
344
345    .cs-sec-nav .navbar-default .navbar-nav > li > a
346
347{color:var(--sec-navf-color);}
348
349
350.cs-sec-nav .navbar-default .navbar-nav > li > a:focus,
351.cs-sec-nav .navbar-default .navbar-nav > li > a:hover,
352.cs-sec-nav .navbar-default .navbar-nav > .open > a,
353.cs-sec-nav .navbar-default .navbar-nav > .open > a:hover,
354.cs-sec-nav .navbar-default .navbar-nav > .open > a:focus,
355.cs-sec-nav .navbar-default .navbar-nav > .open > a:focus-visible,
356.cs-sec-nav .nav > li > a:hover,
357.cs-sec-nav .nav > li > a:focus,
358.cs-sec-nav .nav > li > a:focus-visible
359
360{color:var(--sec-navfhf-f-color);background-color:var(--sec-navfhf-bg-color);}
361
362/* Background Color for Nav Dropdown */
363
364.cs-sec-nav .navbar-default .dropdown-menu 
365
366{ background-color:var(--sec-dd-bg-color);}
367
368.cs-sec-nav .navbar-default .dropdown-menu > li > a
369
370{ background-color:var(--sec-dd-bg-color);}
371
372
373/* Dropdown Text Color */
374
375.cs-sec-nav .navbar-default .dropdown-menu > li > a 
376
377{color: var(--sec-dd-f-color);}
378
379
380/* Navbar dropdown menu hover, focus, focus-visible color */
381
382.cs-sec-nav .navbar-submenu a:hover,
383.cs-sec-nav .navbar-submenu a:focus,
384.cs-sec-nav .navbar-submenu a:focus-visible,
385.cs-sec-nav .cs-navbar .dropdown-menu > li > a:hover,
386.cs-sec-nav .cs-navbar .dropdown-menu > li > a:focus,
387.cs-sec-nav .cs-navbar .dropdown-menu > li > a:focus-visible
388{color:var(--dd-fhf-f-color); background-color:var(--sec-dd-fhf-bg-color);}
389
390/* submenu font color */
391.cs-sec-nav .navbar-submenu a,
392.cs-sec-nav .navbar-submenu > li > a
393{ color: var(--sec-dd-f-color);}
394
395/* submenu font color */
396
397.cs-sec-nav .navbar-submenu a:hover,
398.cs-sec-nav .navbar-submenu a:focus,
399.cs-sec-nav .navbar-submenu a:focus-visible
400/* .navbar-submenu a:visited */
401{ color: var(--sec-dd-fhf-f-color); background-color:var(--sec-dd-fhf-bg-color);}
402
403/* Flips dropdown text color in Mobile View */
404
405@media only screen and (max-width: 768px) {
406
407    .cs-sec-nav .dropdown-menu > li > a,
408    .cs-sec-nav  .navbar-submenu a,.navbar-submenu a
409    { color: var(--sec-sb-dd-f-color);}
410    .cs-sec-nav .navbar-default .navbar-nav .open .dropdown-menu > li > a {
411         color: var(--sec-sb-dd-f-color);
412    }
413  }
414/* #endregion */
415/* #region ---------------Footer Navbar Colors-------- (cs-foot-nav) class needs to be added to navbar container ** REMEMBER NO BG CLASS CAN BE USED INSIDE CONTAINTER  */
416
417.cs-foot-nav {background-color:var(--foot-navbg-color);}
418
419.cs-foot-nav .navbar-default {background-color:var(--foot-navbg-color);
420    border: 0px;}
421
422    /* Navbar Font Color */
423
424    .cs-foot-nav .navbar-default .navbar-nav > li > a
425
426{color:var(--foot-navf-color);}
427
428
429.cs-foot-nav .navbar-default .navbar-nav > li > a:focus,
430.cs-foot-nav .navbar-default .navbar-nav > li > a:hover,
431.cs-foot-nav .navbar-default .navbar-nav > .open > a,
432.cs-foot-nav .navbar-default .navbar-nav > .open > a:hover,
433.cs-foot-nav .navbar-default .navbar-nav > .open > a:focus,
434.cs-foot-nav .navbar-default .navbar-nav > .open > a:focus-visible,
435.cs-foot-nav .nav > li > a:hover,
436.cs-foot-nav .nav > li > a:focus,
437.cs-foot-nav .nav > li > a:focus-visible
438
439{color:var(--foot-navfhf-f-color);background-color:var(--foot-navfhf-bg-color);}
440
441/* Background Color for Nav Dropdown */
442
443.cs-foot-nav .navbar-default .dropdown-menu 
444
445{ background-color:var(--foot-dd-bg-color);}
446
447.cs-foot-nav .navbar-default .dropdown-menu > li > a
448
449{ background-color:var(--foot-dd-bg-color);}
450
451
452/* Dropdown Text Color */
453
454.cs-foot-nav .navbar-default .dropdown-menu > li > a 
455
456{color: var(--foot-dd-f-color);}
457
458
459/* Navbar dropdown menu hover, focus, focus-visible color */
460
461.cs-foot-nav .navbar-submenu a:hover,
462.cs-foot-nav .navbar-submenu a:focus,
463.cs-foot-nav .navbar-submenu a:focus-visible,
464.cs-foot-nav .cs-navbar .dropdown-menu > li > a:hover,
465.cs-foot-nav .cs-navbar .dropdown-menu > li > a:focus,
466.cs-foot-nav .cs-navbar .dropdown-menu > li > a:focus-visible
467{color:var(--dd-fhf-f-color); background-color:var(--foot-dd-fhf-bg-color);}
468
469/* submenu font color */
470.cs-foot-nav .navbar-submenu a,
471.cs-foot-nav .navbar-submenu > li > a
472{ color: var(--foot-dd-f-color);}
473
474/* submenu font color */
475
476.cs-foot-nav .navbar-submenu a:hover,
477.cs-foot-nav .navbar-submenu a:focus,
478.cs-foot-nav .navbar-submenu a:focus-visible
479/* .navbar-submenu a:visited */
480{ color: var(--foot-dd-fhf-f-color); background-color:var(--foot-dd-fhf-bg-color);}
481
482/* Flips dropdown text color in Mobile View */
483
484@media only screen and (max-width: 768px) {
485
486    .cs-foot-nav .dropdown-menu > li > a,
487    .cs-foot-nav  .navbar-submenu a,.navbar-submenu a
488    { color: var(--foot-sb-dd-f-color);}
489    .cs-foot-nav .navbar-default .navbar-nav .open .dropdown-menu > li > a {
490         color: var(--foot-sb-dd-f-color);
491    }
492  }
493/* #endregion */
494
495  /* #region FOCUS OUTLINE COLORS */
496
497  /* carousel focus fix */
498
499  .carousel-control:focus span,
500  .carousel:focus i {
501     outline: 2px #F9F9F9 solid!important;
502   outline-offset: 0;
503   /* outer indicator */
504   box-shadow: 0 0 0 4px #5d2200!important;
505   
506  }
507  
508 
509 /* None  */
510 
511 a:focus-visible,
512 a:focus-visible img, 
513 a:focus-visible > img, 
514 button:focus-visible,
515 .cs-news-widget a:focus,
516 .cs-news-widget a:focus img,
517 .cs-news-widget a:focus >
517 img,
518 .cs-news-widget button:focus {
519 
520   outline: 2px rgb(156, 41, 6) solid !important;
521   outline-offset:2px;
522   box-shadow:unset!important;
523    z-index:100;}
524
525/* carousel focus fix */
526  .carousel-controls a.cs-carousel-widget-left-btn:focus-visible, 
527  .carousel-controls a.cs-carousel-widget-right-btn:focus-visible,
528  a.carousel-control,
529  a.right.carousel-control:focus-visible,
530  a.left.carousel-control:focus-visible{
531    outline:unset!important; 
532    box-shadow:unset!important;
533  }
534 
535 /* Default  */
536
537 .bg-default a:focus-visible,
538 .bg-default a:focus-visible img, 
539 .bg-default a:focus-visible > img,
540 .bg-default button:focus-visible,
541 .bg-default .cs-news-widget a:focus,
542 .bg-default .cs-news-widget a:focus img,
543 .bg-default .cs-news-widget a:focus > img,
544 .bg-default .cs-news-widget button:focus,
545
546 [class*="bg-"] .bg-default a:focus-visible,       
547 [class*="bg-"] .bg-default a:focus-visible img,
548 [class*="bg-"] .bg-default a:focus-visible > img,  
549 [class*="bg-"] .bg-default button:focus-visible,
550 [class*="bg-"] .bg-default .cs-news-widget a:focus, 
551 [class*="bg-"] .bg-default .cs-news-widget a:focus img,
552 [class*="bg-"] .bg-default .cs-news-widget a:focus > img,
553 [class*="bg-"] .bg-default .cs-news-widget button:focus         
554
555 
556 {
557   outline: 2px var(--default-e-color) solid !important;
558   outline-offset:2px;
559   box-shadow:unset!important;
560   z-index:100;}
561 
562 /* Contrast  */
563 
564 .bg-contrast a:focus-visible,
565 .bg-contrast a:focus-visible img, 
566 .bg-contrast a:focus-visible > img,
567 .bg-contrast button:focus-visible,
568 .bg-contrast .cs-news-widget a:focus,
569 .bg-contrast .cs-news-widget a:focus img,
570 .bg-contrast .cs-news-widget a:focus > img,
571 .bg-contrast .cs-news-widget button:focus,
572
573 [class*="bg-"] .bg-contrast a:focus-visible,       
574 [class*="bg-"] .bg-contrast a:focus-visible img,
575 [class*="bg-"] .bg-contrast a:focus-visible > img,  
576 [class*="bg-"] .bg-contrast button:focus-visible,
577 [class*="bg-"] .bg-contrast .cs-news-widget a:focus, 
578 [class*="bg-"] .bg-contrast .cs-news-widget a:focus img,
579 [class*="bg-"] .bg-contrast .cs-news-widget a:focus > img,
580 [class*="bg-"] .bg-contrast .cs-news-widget button:focus
581 
582{ 
583   outline: 2px var(--contrast-e-color) solid !important;
584   outline-offset:2px;
585   box-shadow:unset!important;
586   z-index:100;}
587 
588 /* Muted  */
589 
590 .bg-muted a:focus-visible,
591 .bg-muted a:focus-visible img, 
592 .bg-muted a:focus-visible > img,
593 .bg-muted button:focus-visible,
594 .bg-muted .cs-news-widget a:focus,
595 .bg-muted .cs-news-widget a:focus img,
596 .bg-muted .cs-news-widget a:focus > img,
597 .bg-muted .cs-news-widget button:focus,
598
599 [class*="bg-"] .bg-muted a:focus-visible,       
600 [class*="bg-"] .bg-muted a:focus-visible img,
601 [class*="bg-"] .bg-muted a:focus-visible > img,  
602 [class*="bg-"] .bg-muted button:focus-visible,
603 [class*="bg-"] .bg-muted .cs-news-widget a:focus, 
604 [class*="bg-"] .bg-muted .cs-news-widget a:focus img,
605 [class*="bg-"] .bg-muted .cs-news-widget a:focus > img,
606 [class*="bg-"] .bg-muted .cs-news-widget button:focus
607 
608 {
609 
610   outline: 2px var(--muted-e-color) solid !important;
611   outline-offset:2px;
612   box-shadow:unset!important;
613   z-index:100;}
614 
615 /* Clean  */
616 
617 .bg-clean a:focus-visible,
618 .bg-clean a:focus-visible img, 
619 .bg-clean a:focus-visible > img,
620 .bg-clean button:focus-visible,
621 .bg-clean .cs-news-widget a:focus,
622 .bg-clean .cs-news-widget a:focus img,
623 .bg-clean .cs-news-widget a:focus > img,
624 .bg-clean .cs-news-widget button:focus,
625
626 [class*="bg-"] .bg-clean a:focus-visible,       
627 [class*="bg-"] .bg-clean a:focus-visible img,
628 [class*="bg-"] .bg-clean a:focus-visible > img,  
629 [class*="bg-"] .bg-clean button:focus-visible,
630 [class*="bg-"] .bg-clean .cs-news-widget a:focus, 
631 [class*="bg-"] .bg-clean .cs-news-widget a:focus img,
632 [class*="bg-"] .bg-clean .cs-news-widget a:focus > img,
633 [class*="bg-"] .bg-clean .cs-news-widget button:focus
634 {
635 
636   outline: 2px var(--clean-e-color) solid !important;
637   outline-offset:2px;
638   box-shadow:unset!important;
639   z-index:100;}
640 
641 /* Dark  */
642 
643 .bg-dark a:focus-visible,
644 .bg-dark a:focus-visible img, 
645 .bg-dark a:focus-visible > img,
646 .bg-dark button:focus-visible,
647 .bg-dark .cs-news-widget a:focus,
648 .bg-dark .cs-news-widget a:focus img,
649 .bg-dark .cs-news-widget a:focus > img,
650 .bg-dark .cs-news-widget button:focus,
651
652 [class*="bg-"] .bg-dark a:focus-visible,       
653 [class*="bg-"] .bg-dark a:focus-visible img,
654 [class*="bg-"] .bg-dark a:focus-visible > img,  
655 [class*="bg-"] .bg-dark button:focus-visible,
656 [class*="bg-"] .bg-dark .cs-news-widget a:focus, 
657 [class*="bg-"] .bg-dark .cs-news-widget a:focus img,
658 [class*="bg-"] .bg-dark .cs-news-widget a:focus > img,
659 [class*="bg-"] .bg-dark .cs-news-widget button:focus
660 {
661 
662   outline: 2px var(--dark-e-color) solid !important;
663   outline-offset:2px;
664   box-shadow:unset!important;
665   z-index:100;}
666 
667 /* Fancy  */
668 
669 .bg-fancy a:focus-visible,
670 .bg-fancy a:focus-visible img, 
671 .bg-fancy a:focus-visible > img,
672 .bg-fancy button:focus-visible,
673 .bg-fancy .cs-news-widget a:focus,
674 .bg-fancy .cs-news-widget a:focus img,
675 .bg-fancy .cs-news-widget a:focus > img,
676 .bg-fancy .cs-news-widget button:focus,
677
678 [class*="bg-"] .bg-fancy a:focus-visible,       
679 [class*="bg-"] .bg-fancy a:focus-visible img,
680 [class*="bg-"] .bg-fancy a:focus-visible > img,  
681 [class*="bg-"] .bg-fancy button:focus-visible,
682 [class*="bg-"] .bg-fancy .cs-news-widget a:focus, 
683 [class*="bg-"] .bg-fancy .cs-news-widget a:focus img,
684 [class*="bg-"] .bg-fancy .cs-news-widget a:focus > img,
685 [class*="bg-"] .bg-fancy .cs-news-widget button:focus
686 
687 {
688 
689   outline: 2px var(--fancy-e-color) solid !important;
690   outline-offset:2px;
691   box-shadow:unset!important;
692   z-index:100;}
693 
694 /* Success  */
695 
696 .bg-fancy a:focus-visible,
697 .bg-fancy a:focus-visible img, 
698 .bg-fancy a:focus-visible > img,
699 .bg-fancy button:focus-visible,
700 .bg-fancy .cs-news-widget a:focus,
701 .bg-fancy .cs-news-widget a:focus img,
702 .bg-fancy .cs-news-widget a:focus > img,
703 .bg-fancy .cs-news-widget button:focus,
704
705 [class*="bg-"] .bg-fancy a:focus-visible,       
706 [class*="bg-"] .bg-fancy a:focus-visible img,
707 [class*="bg-"] .bg-fancy a:focus-visible > img,  
708 [class*="bg-"] .bg-fancy button:focus-visible,
709 [class*="bg-"] .bg-fancy .cs-news-widget a:focus, 
710 [class*="bg-"] .bg-fancy .cs-news-widget a:focus img,
711 [class*="bg-"] .bg-fancy .cs-news-widget a:focus > img,
712 [class*="bg-"] .bg-fancy .cs-news-widget button:focus
713
714{
715 
716   outline: 2px var(--success-e-color) solid !important;
717   outline-offset:2px;
718   box-shadow:unset!important;
719   z-index:100;}
720 
721 /* Info  */
722 
723 .bg-info a:focus-visible,
724 .bg-info a:focus-visible img, 
725 .bg-info a:focus-visible > img,
726 .bg-info button:focus-visible,
727 .bg-info .cs-news-widget a:focus,
728 .bg-info .cs-news-widget a:focus img,
729 .bg-info .cs-news-widget a:focus > img,
730 .bg-info .cs-news-widget button:focus,
731
732 [class*="bg-"] .bg-info a:focus-visible,       
733 [class*="bg-"] .bg-info a:focus-visible img,
734 [class*="bg-"] .bg-info a:focus-visible > img,  
735 [class*="bg-"] .bg-info button:focus-visible,
736 [class*="bg-"] .bg-info .cs-news-widget a:focus, 
737 [class*="bg-"] .bg-info .cs-news-widget a:focus img,
738 [class*="bg-"] .bg-info .cs-news-widget a:focus > img,
739 [class*="bg-"] .bg-info .cs-news-widget button:focus
740 {
741 
742   outline: 2px var(--info-e-color) solid !important;
743   outline-offset:2px;
744   box-shadow:unset!important;
745   z-index:100;}
746 
747 /* Warning  */
748 
749 .bg-warning a:focus-visible,
750 .bg-warning a:focus-visible img, 
751 .bg-warning a:focus-visible > img,
752 .bg-warning button:focus-visible,
753 .bg-warning .cs-news-widget a:focus,
754 .bg-warning .cs-news-widget a:focus img,
755 .bg-warning .cs-news-widget a:focus > img,
756 .bg-warning .cs-news-widget button:focus,
757
758 [class*="bg-"] .bg-warning a:focus-visible,       
759 [class*="bg-"] .bg-warning a:focus-visible img,
760 [class*="bg-"] .bg-warning a:focus-visible > img,  
761 [class*="bg-"] .bg-warning button:focus-visible,
762 [class*="bg-"] .bg-warning .cs-news-widget a:focus, 
763 [class*="bg-"] .bg-warning .cs-news-widget a:focus img,
764 [class*="bg-"] .bg-warning .cs-news-widget a:focus >
764 img,
765 [class*="bg-"] .bg-warning .cs-news-widget button:focus
766
767{
768 
769   outline: 2px var(--warning-e-color) solid !important;
770   outline-offset:2px;
771   box-shadow:unset!important;
772   z-index:100;}
773 
774 /* Danger  */
775 
776 .bg-danger a:focus-visible,
777 .bg-danger a:focus-visible img, 
778 .bg-danger a:focus-visible > img,
779 .bg-danger button:focus-visible,
780 .bg-danger .cs-news-widget a:focus,
781 .bg-danger .cs-news-widget a:focus img,
782 .bg-danger .cs-news-widget a:focus > img,
783 .bg-danger .cs-news-widget button:focus,
784
785 [class*="bg-"] .bg-danger a:focus-visible,       
786 [class*="bg-"] .bg-danger a:focus-visible img,
787 [class*="bg-"] .bg-danger a:focus-visible > img,  
788 [class*="bg-"] .bg-danger button:focus-visible,
789 [class*="bg-"] .bg-danger .cs-news-widget a:focus, 
790 [class*="bg-"] .bg-danger .cs-news-widget a:focus img,
791 [class*="bg-"] .bg-danger .cs-news-widget a:focus > img,
792 [class*="bg-"] .bg-danger .cs-news-widget button:focus
793
794{
795 
796   outline: 2px var(--danger-e-color) solid !important;
797   outline-offset:2px;
798   box-shadow:unset!important;
799   z-index:100;}
800 
801 
802 /* google translate focus */
803 
804 a:focus.VIpgJd-ZVi9od-xl07Ob-lTBxed,  button:focus.VIpgJd-ZVi9od-xl07Ob-lTBxed{
805   outline: 2px  rgb(156, 41, 6) solid !important;
806   outline-offset:0;
807   box-shadow:unset!important;
808   }
809 
810   a:focus .VIpgJd-ZVi9od-xl07Ob-lTBxed > img, a:focus.VIpgJd-ZVi9od-xl07Ob-lTBxed img{
811       outline:unset!important;
812       box-shadow:unset!important;
813       }
814 
815       /* news focus fix */
816 
817 .cs-news-widget a:focus,.cs-news-widget a:focus img,.cs-news-widget a:focus > img,.cs-news-widget button:focus{
818   /* outline: 2px red solid !important; */
819   outline-offset:6px;
820   box-shadow:unset!important;
821   z-index:100;
822 }
823 .cs-news-widget .cs-card > a:focus
824 /* ,.cs-news-widget .cs-card a:focus img */
825 {
826   outline:unset!important;
827   box-shadow:unset!important;
828 }
829 
830 /* list view calendar focus fix */
831 .fc-list-event-title a:focus-visible,
832 .bg-default .fc-list-event-title a:focus-visible,
833 .bg-contrast .fc-list-event-title a:focus-visible,
834 .bg-muted .fc-list-event-title a:focus-visible,
835 .bg-fancy .fc-list-event-title a:focus-visible,
836 .bg-dark .fc-list-event-title a:focus-visible,
837 .bg-info .fc-list-event-title a:focus-visible,
838 .bg-warning .fc-list-event-title a:focus-visible,
839 .bg-danger .fc-list-event-title a:focus-visible,
840 .bg-success .fc-list-event-title a:focus-visible
841 {
842 
843   outline: 2px #fff solid !important;
844   outline-offset:2px;
845   box-shadow:0 0 0 4px #193146!important;}
846 
847 .cs-userlist-widget a:focus-visible,.cs-userlist-widget a:focus{ 
848   outline: 2px darkred solid !important;
849   outline-offset:2px;
850   box-shadow:unset!important;}
851 /* #endregion */
852  
853 /* #region -------- None Background Option ------Should not change unless body tag is dark requiring white overlays-*/ 
854 
855 /* Fixes hover in calendar listview by redifining variable*/
856 
857 :root{--fc-list-event-hover-bg-color:transparent;}
858 
859   /* --- Black Elements --- */
860 
861      /* Important Black Elements*/
862 
863       /* Carousel Elements */
864 
865       .carousel-pause,
866       .carousel-control,
867       .carousel-pause a,
868       .carousel-control a,
869       .cs-carousel-widget-title,
870       .cs-carousel-widget-description,
871       .cs-carousel-widget-link,
872       .cs-carousel-widget-link a:link,
873       .cs-carousel-widget-link a:visited,
874       .cs-carousel-widget-link a:hover,
875       .cs-carousel-widget-link a:active
876 
877 
878 {color:#000000!important;}
879 
880       /*  Panels app Hover */
881 
882       .nav > li > a:hover, .nav >li > a:focus,
883 
884       /* Jumbotron */
885 
886       .jumbotron h1,
887       .jumbotron,
888 
889       /*  All Media App Color Adjustments  */
890 
891       .cs-caption,
892       .cs-audio-player2 .cs-item-title,
893       .cs-audiolist2-player .cs-item-title,
894       .cs-audiolist2-player .cs-audio-caption,
895       .cs-audiolist2-player i,
896       .cs-audiolist2-player .cs-audio-time-current,
897       .cs-audiolist2-player .cs-audio-time-total,
898 
899       /* Upcoming Events Title*/
900 
901       .cs-card2 .cs-link .cs-item-title,
902 
903       /* Upcoming Events Title*/
904 
905       .cs-card2 .cs-subtext,
906 
907       /* search icon on directory search */
908 
909       .form-inline i,
910 
911       /* list view day and date contrast for calendar */
912 
913       .cs-calendar-widget .fc-list-table .fc-list-day a:link,
914       .cs-calendar-widget .fc-list-table .fc-list-day a:visited,
915       .cs-calendar-widget .fc-list-table .fc-list-day a:hover,
916       .cs-calendar-widget .fc-list-table .fc-list-day a:active
917 
918       
919     
920  
921 {color:#000000;}
922 
923 
924   /* Important White Elements*/
925 
926       /* Jumbotron Button*/
927 
928       .btn-primary
929 
930 {color:#ffffff!important;}
931 
932   /* --- White Elements --- */
933 
934       /*  Quick Link Fix  */
935 
936       .cs-quicklinks-bubbles i,
937       .cs-quicklinks-bubbles .cs-item-title,
938       .cs-quicklinks-bubbleslist i,
939       .cs-quicklinks-bubbleslist .cs-item-title,
940       .cs-quicklinks-iconslist i,
941       .cs-quicklinks-iconslist .cs-item-title        
942      
943 {color:#ffffff;}
944 
945 
946 
947 
948   /* --- Not Black or White Elements --- */
949 
950       /* Directory Panel Fix */
951 
952       .table-responsive.hidden-xs {
953           color: #000;
954           background-color: #eeeeee;
955       }
956 
957       /*  Panels app Hover  */
958 
959       .nav > li > a:hover, .nav >li >
959 a:focus {background-color: #e0e0e0;}
960 
961       /* Hamburger Navigation Bar Color Fix */
962 
963       .navbar-toggle {background-color: #ddd; color:#333333;}
964       .navbar-default .navbar-toggle {border-color: #222222;}
965 
966       /* active underline in media player option 2 */
967 
968       .cs-audiolist2 .active .cs-item-title {text-decoration: underline;}
969
970
971       /*-------- Search Placeholder Text --------*/
972
973      ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
974        color: #000;
975        opacity: 1; /* Firefox */}
976      :-ms-input-placeholder { /* Internet Explorer 10-11 */
977        color: #000;}
978      ::-ms-input-placeholder { /* Microsoft Edge */
979        color: #000;}
980
981
982      /*google translate contrast fix*/
983      
984      .goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span {
985          color:#000;
986       }
987 
988  
989 
990 /* #endregion */
991 
992 /* #region -------- Default ------------------------------------------------------*/ 
993 
994       /* Important Default Overlay Elements */
995 
996               /* Carousel Elements */ 
997 
998               .bg-default .carousel-pause,
999               .bg-default .carousel-control,
1000               .bg-default .carousel-pause a,
1001               .bg-default .carousel-control a,
1002               .bg-default .cs-carousel-widget-title,
1003               .bg-default .cs-carousel-widget-description,
1004               .bg-default .cs-carousel-widget-link,
1005               .bg-default .cs-carousel-widget-link a:link,
1006               .bg-default .cs-carousel-widget-link a:visited,
1007               .bg-default .cs-carousel-widget-link a:hover,
1008               .bg-default .cs-carousel-widget-link a:active,
1009 
1010               [class*="bg-"] .bg-default .carousel-pause,
1011               [class*="bg-"] .bg-default .carousel-control,
1012               [class*="bg-"] .bg-default .carousel-pause a,
1013               [class*="bg-"] .bg-default .carousel-control a,
1014               [class*="bg-"] .bg-default .cs-carousel-widget-title,
1015               [class*="bg-"] .bg-default .cs-carousel-widget-description,
1016               [class*="bg-"] .bg-default .cs-carousel-widget-link,
1017               [class*="bg-"] .bg-default .cs-carousel-widget-link a:link,
1018               [class*="bg-"] .bg-default .cs-carousel-widget-link a:visited,
1019               [class*="bg-"] .bg-default .cs-carousel-widget-link a:hover,
1020               [class*="bg-"] .bg-default .cs-carousel-widget-link a:active,
1021 
1022 
1023               /* Date and Time in Blog,News,and Announcements */ 
1024 
1025               .bg-default .text-muted,
1026 
1027               [class*="bg-"] .bg-default .text-muted
1028         
1029 
1030   {color:var(--default-e-color)!important;}
1031 
1032       /* --- Default Overlay Elements --- */
1033 
1034       .bg-default,
1035 
1036       /* H Tags aka Titles */ 
1037 
1038       .bg-default h1, .bg-default h2,.bg-default h3, .bg-default h4, .bg-default h5, .bg-default h6,
1039 
1040       [class*="bg-"] .bg-default h1,
1041       [class*="bg-"] .bg-default h2,
1042       [class*="bg-"] .bg-default h3, 
1043       [class*="bg-"] .bg-default h4,
1044       [class*="bg-"] .bg-default h5,
1045       [class*="bg-"] .bg-default h6,
1046 
1047
1048       /* asterisk contrast fix (mainly on forms) */
1049 
1050       .bg-default .cs-warning-text,       
1051       [class*="bg-"] .bg-default .cs-warning-text,
1052  
1053 
1054       /* a tags aka Links */ 
1055 
1056       .bg-default a:link, .bg-default a:hover, .bg-default a:active, .bg-default a:visited,
1057 
1058       [class*="bg-"] .bg-default a:link,
1059       [class*="bg-"] .bg-default a:hover,
1060       [class*="bg-"] .bg-default a:active,
1061       [class*="bg-"] .bg-default a:visited,
1062    
1063 
1064 
1065       /* Table code */ 
1066 
1067       .bg-default .table-striped > tbody > tr:nth-of-type(2n+1) a:link,
1068       [class*="bg-"] .bg-default .table-striped > tbody > tr:nth-of-type(2n+1) a:link,
1069 
1070       /* asterisk on Forms */
1071 
1072       .bg-default .cs-warning-text,
1073       [class*="bg-"] .bg-default .cs-warning-text,
1074 
1075
1076       /* Calendar */
1077 
1078       .bg-default .fc-day-header.fc-today a,
1079       .bg-default .cs-subtext,
1080       .bg-default .cs-subtext a,
1081       
1082       [class*="bg-"] .bg-default .fc-day-header.fc-today a,
1083       [class*="bg-"] .bg-default .cs-subtext,
1084       [class*="bg-"] .bg-default .cs-subtext a,
1085
1086 
1087       /* Calendar day numbers */
1088       
1089       .bg-default .fc-day-number,
1090       [class*="bg-"] .bg-default .fc-day-number,
1091 
1092       /* Upcoming Events with Nesting Adjustments */
1093 
1094       [class*="bg-"] .bg-default .cs-link, /* this is for a default background on top of a contrast background */
1095       [class*="bg-"] .bg-default .cs-subtext,
1096       [class*="bg-"] .bg-default .cs-item-title,
1097  
1098 
1099        /*  All Media App Color Adjustments  */
1100 
1101       .bg-default .cs-caption,
1102       .bg-default .cs-audiolist2 .cs-item-title,
1103       .bg-default .cs-audiolist2 .active .cs-item-title,
1104       .bg-default .cs-audiolist2 .cs-caption,
1105       .bg-default .cs-audiolist2 .active .cs-caption,
1106
1107       [class*="bg-"] .bg-default .cs-caption,
1108       [class*="bg-"] .bg-default .cs-audiolist2 .cs-item-title,
1109       [class*="bg-"] .bg-default .cs-audiolist2 .active .cs-item-title,
1110       [class*="bg-"].bg-default .cs-audiolist2 .cs-caption,
1111       [class*="bg-"] .bg-default .cs-audiolist2 .active .cs-caption,
1112 
1113 
1114 
1115 
1116       /* Upcoming Events Title */
1117 
1118       .bg-default .cs-card2 .cs-link .cs-item-title,
1119       [class*="bg-"] .bg-default .cs-card2 .cs-link .cs-item-title,
1120      
1121 
1122       /* Upcoming Events Description */
1123 
1124       .bg-default .carousel-inner .cs-card2.active .cs-text,
1125       [class*="bg-"] .bg-default .carousel-inner .cs-card2.active .cs-text,
1126      
1127 
1128        
1129       /* Upcoming Events Time*/
1130 
1131       .bg-default .cs-card2 .cs-subtext,
1132       [class*="bg-"] .bg-default .cs-card2 .cs-subtext,
1133
1134       /* calendar view 2 column dates */
1135 
1136       .bg-default .fc-day-header.fc-future a,
1137       .bg-default .fc-day-header.fc-past a,
1138
1139       [class*="bg-"] .bg-default .fc-day-header.fc-future a,
1140       [class*="bg-"] .bg-default .fc-day-header.fc-past a,
1141    
1142 
1143       /* calendar show more events text when there are more events that cant fit on day block */
1144 
1145       .bg-default .fc-daygrid-more-link.fc-more-link,
1146       [class*="bg-"] .bg-default .fc-daygrid-more-link.fc-more-link
1147 
1148 
1149 {color:var(--default-e-color);}
1150 
1151 
1152    /* --- Black Elements --- */
1153 
1154       /* jumbotron */
1155 
1156       .bg-default .jumbotron h1,
1157 
1158       /* Calendar */
1159 
1160       .bg-default .fc-list-heading a,
1161 
1162       /* Calendar day numbers */
1163 
1164       .bg-default .fc-today a,
1165 
1166       /*  All Media App Color Adjustments  */
1167  
1168       .bg-default .cs-audiolist1 .active .cs-item-title,
1169       .bg-default .cs-audiolist1 .active .cs-text,
1170       .bg-default .cs-audiolist1 .active i,
1171       .bg-default .cs-audiolist1 .active .cs-caption,
1172       .bg-default .cs-audiolist2-player .cs-item-title,
1173       .bg-default .cs-audiolist2-player .cs-audio-caption,
1174       .bg-default .cs-audiolist2-player i,
1175       .bg-default .cs-audiolist2-player .cs-audio-time-current,
1176       .bg-default .cs-audiolist2-player .cs-audio-time-total,
1177 
1178        /* Documents App */
1179 
1180        .bg-default .cs-documents-files .cs-link,
1181        .bg-default .csc-content-widget .cs-document-folders a,
1182 
1183        /* Directory Envelope Icon */
1184 
1185        .bg-default .cs-userlist-widget i,
1186 
1187        /* Directory Envelope Icon */
1188
1189       .bg-default .cs-userlist-widget i,
1190 
1191       /* Documents App */
1192
1193       .bg-default .cs-documents-files .cs-link,
1194       .bg-default .csc-content-widget .cs-document-folders a
1195             
1196 {color: #000000;}
1197 
1198 /* #endregion */
1199 /* #region -------- Contrast -----------------------------------------------------*/ 
1200   /*  Important Contrast Overlay Elements*/
1201 
1202               /* Carousel Elements */ 
1203 
1204               .bg-contrast .carousel-pause,
1205               .bg-contrast .carousel-control,
1206               .bg-contrast .carousel-pause a,
1207               .bg-contrast .carousel-control a,
1208               .bg-contrast .cs-carousel-widget-title,
1209               .bg-contrast .cs-carousel-widget-description,
1210               .bg-contrast .cs-carousel-widget-link,
1211               .bg-contrast .cs-carousel-widget-link a:link,
1212               .bg-contrast .cs-carousel-widget-link a:visited,
1213               .bg-contrast .cs-carousel-widget-link a:hover,
1214               .bg-contrast .cs-carousel-widget-link a:active,
1215 
1216               [class*="bg-"] .bg-contrast .carousel-pause,
1217               [class*="bg-"] .bg-contrast .carousel-control,
1218               [class*="bg-"] .bg-contrast .carousel-pause a,
1219               [class*="bg-"] .bg-contrast .carousel-control a,
1220               [class*="bg-"] .bg-contrast .cs-carousel-widget-title,
1221               [class*="bg-"] .bg-contrast .cs-carousel-widget-description,
1222               [class*="bg-"] .bg-contrast .cs-carousel-widget-link,
1223               [class*="bg-"] .bg-contrast .cs-carousel-widget-link a:link,
1224               [class*="bg-"] .bg-contrast .cs-carousel-widget-link a:visited,
1225               [class*="bg-"] .bg-contrast .cs-carousel-widget-link a:hover,
1226               [class*="bg-"] .bg-contrast .cs-carousel-widget-link a:active,
1227 
1228 
1229               /* Date and Time in Blog,News,and Announcements */ 
1230 
1231               .bg-contrast .text-muted,
1232 
1233               [class*="bg-"] .bg-contrast .text-muted
1234         
1235 
1236   {color:var(--contrast-e-color)!important;}
1237 
1238       /* --- Default Overlay Elements --- */
1239 
1240       .bg-contrast,
1241 
1242       /* H Tags aka Titles */ 
1243 
1244       .bg-contrast h1, .bg-contrast h2,.bg-contrast h3, .bg-contrast h4, .bg-contrast h5, .bg-contrast h6,
1245 
1246       [class*="bg-"] .bg-contrast h1,
1247       [class*="bg-"] .bg-contrast h2,
1248       [class*="bg-"] .bg-contrast h3, 
1249       [class*="bg-"] .bg-contrast h4,
1250       [class*="bg-"] .bg-contrast h5,
1251       [class*="bg-"] .bg-contrast h6,
1252 
1253
1254       /* asterisk contrast fix (mainly on forms) */
1255 
1256       .bg-contrast .cs-warning-text,       
1257       [class*="bg-"] .bg-contrast .cs-warning-text,
1258  
1259 
1260       /* a tags aka Links */ 
1261 
1262       .bg-contrast a:link, .bg-contrast a:hover, .bg-contrast a:active, .bg-contrast a:visited,
1263 
1264       [class*="bg-"] .bg-contrast a:link,
1265       [class*="bg-"] .bg-contrast a:hover,
1266       [class*="bg-"] .bg-contrast a:active,
1267       [class*="bg-"] .bg-contrast a:visited,
1268    
1269 
1270 
1271       /* Table code */ 
1272 
1273       .bg-contrast .table-striped > tbody > tr:nth-of-type(2n+1) a:link,
1274       [class*="bg-"] .bg-contrast .table-striped > tbody > tr:nth-of-type(2n+1) a:link,
1275 
1276       /* asterisk on Forms */
1277 
1278       .bg-contrast .cs-warning-text,
1279       [class*="bg-"] .bg-contrast .cs-warning-text,
1280 
1281
1282       /* Calendar */
1283 
1284       .bg-contrast .fc-day-header.fc-today a,
1285       .bg-contrast .cs-subtext,
1286       .bg-contrast .cs-subtext a,
1287       
1288       [class*="bg-"] .bg-contrast .fc-day-header.fc-today a,
1289       [class*="bg-"] .bg-contrast .cs-subtext,
1290       [class*="bg-"] .bg-contrast .cs-subtext a,
1291
1292 
1293       /* Calendar day numbers */
1294       
1295       .bg-contrast .fc-day-number,
1296       [class*="bg-"] .bg-contrast .fc-day-number,
1297 
1298       /* Upcoming Events with Nesting Adjustments */
1299 
1300       [class*="bg-"] .bg-contrast .cs-link, /* this is for a default background on top of a contrast background */
1301       [class*="bg-"] .bg-contrast .cs-subtext,
1302       [class*="bg-"] .bg-contrast .cs-item-title,
1303  
1304 
1305        /*  All Media App Color Adjustments  */
1306 
1307       .bg-contrast .cs-caption,
1308       .bg-contrast .cs-audiolist2 .cs-item-title,
1309       .bg-contrast .cs-audiolist2 .active .cs-item-title,
1310       .bg-contrast .cs-audiolist2 .cs-caption,
1311       .bg-contrast .cs-audiolist2 .active .cs-caption,
1312
1313       [class*="bg-"] .bg-contrast .cs-caption,
1314       [class*="bg-"] .bg-contrast .cs-audiolist2 .cs-item-title,
1315       [class*="bg-"] .bg-contrast .cs-audiolist2 .active .cs-item-title,
1316       [class*="bg-"].bg-contrast .cs-audiolist2 .cs-caption,
1317       [class*="bg-"] .bg-contrast .cs-audiolist2 .active .cs-caption,
1318 
1319 
1320 
1321 
1322       /* Upcoming Events Title */
1323 
1324       .bg-contrast .cs-card2 .cs-link .cs-item-title,
1325       [class*="bg-"] .bg-contrast .cs-card2 .cs-link .cs-item-title,
1326      
1327 
1328       /* Upcoming Events Description */
1329 
1330       .bg-contrast .carousel-inner .cs-card2.active .cs-text,
1331       [class*="bg-"] .bg-contrast .carousel-inner .cs-card2.active .cs-text,
1332      
1333 
1334        
1335       /* Upcoming Events Time*/
1336 
1337       .bg-contrast .cs-card2 .cs-subtext,
1338       [class*="bg-"] .bg-contrast .cs-card2 .cs-subtext,
1339
1340       /* calendar view 2 column dates */
1341 
1342       .bg-contrast .fc-day-header.fc-future a,
1343       .bg-contrast .fc-day-header.fc-past a,
1344
1345       [class*="bg-"] .bg-contrast .fc-day-header.fc-future a,
1346       [class*="bg-"] .bg-contrast .fc-day-header.fc-past a,
1347    
1348 
1349       /* calendar show more events text when there are more events that cant fit on day block */
1350 
1351       .bg-contrast .fc-daygrid-more-link.fc-more-link,
1352       [class*="bg-"] .bg-contrast .fc-daygrid-more-link.fc-more-link
1353 
1354 
1355 {color:var(--contrast-e-color);}
1356 
1357 
1358    /* --- Black Elements --- */
1359 
1360       /* jumbotron */
1361 
1362       .bg-contrast .jumbotron h1,
1363 
1364       /* Calendar */
1365 
1366       .bg-contrast .fc-list-heading a,
1367 
1368       /* Calendar day numbers */
1369 
1370       .bg-contrast .fc-today a,
1371 
1372       /*  All Media App Color Adjustments  */
1373 
1374       .bg-contrast .cs-audiolist1 .active .cs-item-title,
1375       .bg-contrast .cs-audiolist1 .active .cs-text,
1376       .bg-contrast .cs-audiolist1 .active i,
1377       .bg-contrast .cs-audiolist1 .active .cs-caption,
1378       .bg-contrast .cs-audiolist2-player .cs-item-title,
1379       .bg-contrast .cs-audiolist2-player .cs-audio-caption,
1380       .bg-contrast .cs-audiolist2-player i,
1381       .bg-contrast .cs-audiolist2-player .cs-audio-time-current,
1382       .bg-contrast .cs-audiolist2-player .cs-audio-time-total,
1383 
1384        /* Documents App */
1385 
1386        .bg-contrast .cs-documents-files .cs-link,
1387        .bg-contrast .csc-content-widget .cs-document-folders a,
1388 
1389        /* Directory Envelope Icon */
1390 
1391        .bg-contrast .cs-userlist-widget i,
1392 
1393        /* Directory Envelope Icon */
1394
1395       .bg-contrast .cs-userlist-widget i,
1396 
1397       /* Documents App */
1398
1399       .bg-contrast .cs-documents-files .cs-link,
1400       .bg-contrast .csc-content-widget .cs-document-folders a
1401             
1402 {color: #000000;}
1403
1404 /* #endregion */
1405 /* #region -------- Muted --------------------------------------------------------*/ 
1406       
1407     /*  Important Muted Overlay Elements*/
1408       
1409
1410               /* Carousel Elements */ 
1411 
1412               .bg-muted .carousel-pause,
1413               .bg-muted .carousel-control,
1414               .bg-muted .carousel-pause a,
1415               .bg-muted .carousel-control a,
1416               .bg-muted .cs-carousel-widget-title,
1417               .bg-muted .cs-carousel-widget-description,
1418               .bg-muted .cs-carousel-widget-link,
1419               .bg-muted .cs-carousel-widget-link a:link,
1420               .bg-muted .cs-carousel-widget-link a:visited,
1421               .bg-muted .cs-carousel-widget-link a:hover,
1422               .bg-muted .cs-carousel-widget-link a:active,
1423 
1424               [class*="bg-"] .bg-muted .carousel-pause,
1425               [class*="bg-"] .bg-muted .carousel-control,
1426               [class*="bg-"] .bg-muted .carousel-pause a,
1427               [class*="bg-"] .bg-muted .carousel-control a,
1428               [class*="bg-"] .bg-muted .cs-carousel-widget-title,
1429               [class*="bg-"] .bg-muted .cs-carousel-widget-description,
1430               [class*="bg-"] .bg-muted .cs-carousel-widget-link,
1431               [class*="bg-"] .bg-muted .cs-carousel-widget-link a:link,
1432               [class*="bg-"] .bg-muted .cs-carousel-widget-link a:visited,
1433               [class*="bg-"] .bg-muted .cs-carousel-widget-link a:hover,
1434               [class*="bg-"] .bg-muted .cs-carousel-widget-link a:active,
1435 
1436 
1437               /* Date and Time in Blog,News,and Announcements */ 
1438 
1439               .bg-muted .text-muted,
1440 
1441               [class*="bg-"] .bg-muted .text-muted
1442         
1443 
1444   {color:var(--muted-e-color)!important;}
1445 
1446       /* --- Default Overlay Elements --- */
1447 
1448       .bg-muted,
1449 
1450       /* H Tags aka Titles */ 
1451 
1452       .bg-muted h1, .bg-muted h2,.bg-muted h3, .bg-muted h4, .bg-muted h5, .bg-muted h6,
1453 
1454       [class*="bg-"] .bg-muted h1,
1455       [class*="bg-"] .bg-muted h2,
1456       [class*="bg-"] .bg-muted h3, 
1457       [class*="bg-"] .bg-muted h4,
1458       [class*="bg-"] .bg-muted h5,
1459       [class*="bg-"] .bg-muted h6,
1460 
1461
1462       /* asterisk contrast fix (mainly on forms) */
1463 
1464       .bg-muted .cs-warning-text,       
1465       [class*="bg-"] .bg-muted .cs-warning-text,
1466  
1467 
1468       /* a tags aka Links */ 
1469 
1470       .bg-muted a:link, .bg-muted a:hover, .bg-muted a:active, .bg-muted a:visited,
1471 
1472       [class*="bg-"] .bg-muted a:link,
1473       [class*="bg-"] .bg-muted a:hover,
1474       [class*="bg-"] .bg-muted a:active,
1475       [class*="bg-"] .bg-muted a:visited,
1476    
1477 
1478 
1479       /* Table code */ 
1480 
1481       .bg-muted .table-striped > tbody > tr:nth-of-type(2n+1) a:link,
1482       [class*="bg-"] .bg-muted .table-striped > tbody > tr:nth-of-type(2n+1) a:link,
1483 
1484       /* asterisk on Forms */
1485 
1486       .bg-muted .cs-warning-text,
1487       [class*="bg-"] .bg-muted .cs-warning-text,
1488 
1489
1490       /* Calendar */
1491 
1492       .bg-muted .fc-day-header.fc-today a,
1493       .bg-muted .cs-subtext,
1494       .bg-muted .cs-subtext a,
1495       
1496       [class*="bg-"] .bg-muted .fc-day-header.fc-today a,
1497       [class*="bg-"] .bg-muted .cs-subtext,
1498       [class*="bg-"] .bg-muted .cs-subtext a,
1499
1500 
1501       /* Calendar day numbers */
1502       
1503       .bg-muted .fc-day-number,
1504       [class*="bg-"] .bg-muted .fc-day-number,
1505 
1506       /* Upcoming Events with Nesting Adjustments */
1507 
1508       [class*="bg-"] .bg-muted .cs-link, /* this is for a default background on top of a contrast background */
1509       [class*="bg-"] .bg-muted .cs-subtext,
1510       [class*="bg-"] .bg-muted .cs-item-title,
1511  
1512 
1513        /*  All Media App Color Adjustments  */
1514 
1515       .bg-muted .cs-caption,
1516       .bg-muted .cs-audiolist2 .cs-item-title,
1517       .bg-muted .cs-audiolist2 .active .cs-item-title,
1518       .bg-muted .cs-audiolist2 .cs-caption,
1519       .bg-muted .cs-audiolist2 .active .cs-caption,
1520
1521       [class*="bg-"] .bg-muted .cs-caption,
1522       [class*="bg-"] .bg-muted .cs-audiolist2 .cs-item-title,
1523       [class*="bg-"] .bg-muted .cs-audiolist2 .active .cs-item-title,
1524       [class*="bg-"].bg-muted .cs-audiolist2 .cs-caption,
1525       [class*="bg-"] .bg-muted .cs-audiolist2 .active .cs-caption,
1526 
1527 
1528 
1529 
1530       /* Upcoming Events Title */
1531 
1532       .bg-muted .cs-card2 .cs-link .cs-item-title,
1533       [class*="bg-"] .bg-muted .cs-card2 .cs-link .cs-item-title,
1534      
1535 
1536       /* Upcoming Events Description */
1537 
1538       .bg-muted .carousel-inner .cs-card2.active .cs-text,
1539       [class*="bg-"] .bg-muted .carousel-inner .cs-card2.active .cs-text,
1540      
1541 
1542        
1543       /* Upcoming Events Time*/
1544 
1545       .bg-muted .cs-card2 .cs-subtext,
1546       [class*="bg-"] .bg-muted .cs-card2 .cs-subtext,
1547
1548       /* calendar view 2 column dates */
1549 
1550       .bg-muted .fc-day-header.fc-future a,
1551       .bg-muted .fc-day-header.fc-past a,
1552
1553       [class*="bg-"] .bg-muted .fc-day-header.fc-future a,
1554       [class*="bg-"] .bg-muted .fc-day-header.fc-past a,
1555    
1556 
1557       /* calendar show more events text when there are more events that cant fit on day block */
1558 
1559       .bg-muted .fc-daygrid-more-link.fc-more-link,
1560       [class*="bg-"] .bg-muted .fc-daygrid-more-link.fc-more-link
1561 
1562 
1563 {color:var(--muted-e-color);}
1564 
1565 
1566    /* --- Black Elements --- */
1567 
1568       /* jumbotron */
1569 
1570       .bg-muted .jumbotron h1,
1571 
1572       /* Calendar */
1573 
1574       .bg-muted .fc-list-heading a,
1575 
1576       /* Calendar day numbers */
1577 
1578       .bg-muted .fc-today a,
1579 
1580       /*  All Media App Color Adjustments  */
1581 
1582       .bg-muted .cs-audiolist1 .active .cs-item-title,
1583       .bg-muted .cs-audiolist1 .active .cs-text,
1584       .bg-muted .cs-audiolist1 .active i,
1585       .bg-muted .cs-audiolist1 .active .cs-caption,
1586       .bg-muted .cs-audiolist2-player .cs-item-title,
1587       .bg-muted .cs-audiolist2-player .cs-audio-caption,
1588       .bg-muted .cs-audiolist2-player i,
1589       .bg-muted .cs-audiolist2-player .cs-audio-time-current,
1590       .bg-muted .cs-audiolist2-player .cs-audio-time-total,
1591 
1592        /* Documents App */
1593 
1594        .bg-muted .cs-documents-files .cs-link,
1595        .bg-muted .csc-content-widget .cs-document-folders a,
1596 
1597        /* Directory Envelope Icon */
1598 
1599        .bg-muted .cs-userlist-widget i,
1600 
1601        /* Directory Envelope Icon */
1602
1603       .bg-muted .cs-userlist-widget i,
1604 
1605       /* Documents App */
1606
1607       .bg-muted .cs-documents-files .cs-link,
1608       .bg-muted .csc-content-widget .cs-document-folders a
1609             
1610 {color: #000000;}
1611
1612 
1613 /* #endregion */ 
1614 /* #region -------- Clean --------------------------------------------------------*/
1615 
1616     /* Important Clean Overlay Elements */
1617 
1618        /* Important Clean Overlay Elements */
1619 
1620               /* Carousel Elements */ 
1621 
1622               .bg-clean .carousel-pause,
1623               .bg-clean .carousel-control,
1624               .bg-clean .carousel-pause a,
1625               .bg-clean .carousel-control a,
1626               .bg-clean .cs-carousel-widget-title,
1627               .bg-clean .cs-carousel-widget-description,
1628               .bg-clean .cs-carousel-widget-link,
1629               .bg-clean .cs-carousel-widget-link a:link,
1630               .bg-clean .cs-carousel-widget-link a:visited,
1631               .bg-clean .cs-carousel-widget-link a:hover,
1632               .bg-clean .cs-carousel-widget-link a:active,
1633 
1634               [class*="bg-"] .bg-clean .carousel-pause,
1635               [class*="bg-"] .bg-clean .carousel-control,
1636               [class*="bg-"] .bg-clean .carousel-pause a,
1637               [class*="bg-"] .bg-clean .carousel-control a,
1638               [class*="bg-"] .bg-clean .cs-carousel-widget-title,
1639               [class*="bg-"] .bg-clean .cs-carousel-widget-description,
1640               [class*="bg-"] .bg-clean .cs-carousel-widget-link,
1641               [class*="bg-"] .bg-clean .cs-carousel-widget-link a:link,
1642               [class*="bg-"] .bg-clean .cs-carousel-widget-link a:visited,
1643               [class*="bg-"] .bg-clean .cs-carousel-widget-link a:hover,
1644               [class*="bg-"] .bg-clean .cs-carousel-widget-link a:active,
1645 
1646 
1647               /* Date and Time in Blog,News,and Announcements */ 
1648 
1649               .bg-clean .text-muted,
1650 
1651               [class*="bg-"] .bg-clean .text-muted
1652         
1653 
1654   {color:var(--clean-e-color)!important;}
1655 
1656       /* --- Default Overlay Elements --- */
1657 
1658       .bg-clean,
1659 
1660       /* H Tags aka Titles */ 
1661 
1662       .bg-clean h1, .bg-clean h2,.bg-clean h3, .bg-clean h4, .bg-clean h5, .bg-clean h6,
1663 
1664       [class*="bg-"] .bg-clean h1,
1665       [class*="bg-"] .bg-clean h2,
1666       [class*="bg-"] .bg-clean h3, 
1667       [class*="bg-"] .bg-clean h4,
1668       [class*="bg-"] .bg-clean h5,
1669       [class*="bg-"] .bg-clean h6,
1670 
1671
1672       /* asterisk contrast fix (mainly on forms) */
1673 
1674       .bg-clean .cs-warning-text,       
1675       [class*="bg-"] .bg-clean .cs-warning-text,
1676  
1677 
1678       /* a tags aka Links */ 
1679 
1680       .bg-clean a:link, .bg-clean a:hover, .bg-clean a:active, .bg-clean a:visited,
1681 
1682       [class*="bg-"] .bg-clean a:link,
1683       [class*="bg-"] .bg-clean a:hover,
1684       [class*="bg-"] .bg-clean a:active,
1685       [class*="bg-"] .bg-clean a:visited,
1686    
1687 
1688 
1689       /* Table code */ 
1690 
1691       .bg-clean .table-striped > tbody > tr:nth-of-type(2n+1) a:link,
1692       [class*="bg-"] .bg-clean .table-striped > tbody > tr:nth-of-type(2n+1) a:link,
1693 
1694       /* asterisk on Forms */
1695 
1696       .bg-clean .cs-warning-text,
1697       [class*="bg-"] .bg-clean .cs-warning-text,
1698 
1699
1700       /* Calendar */
1701 
1702       .bg-clean .fc-day-header.fc-today a,
1703       .bg-clean .cs-subtext,
1704       .bg-clean .cs-subtext a,
1705       
1706       [class*="bg-"] .bg-clean .fc-day-header.fc-today a,
1707       [class*="bg-"] .bg-clean .cs-subtext,
1708       [class*="bg-"] .bg-clean .cs-subtext a,
1709
1710 
1711       /* Calendar day numbers */
1712       
1713       .bg-clean .fc-day-number,
1714       [class*="bg-"] .bg-clean .fc-day-number,
1715 
1716       /* Upcoming Events with Nesting Adjustments */
1717 
1718       [class*="bg-"] .bg-clean .cs-link, /* this is for a default background on top of a contrast background */
1719       [class*="bg-"] .bg-clean .cs-subtext,
1720       [class*="bg-"] .bg-clean .cs-item-title,
1721  
1722 
1723        /*  All Media App Color Adjustments  */
1724 
1725       .bg-clean .cs-caption,
1726       .bg-clean .cs-audiolist2 .cs-item-title,
1727       .bg-clean .cs-audiolist2 .active .cs-item-title,
1728       .bg-clean .cs-audiolist2 .cs-caption,
1729       .bg-clean .cs-audiolist2 .active .cs-caption,
1730
1731       [class*="bg-"] .bg-clean .cs-caption,
1732       [class*="bg-"] .bg-clean .cs-audiolist2 .cs-item-title,
1733       [class*="bg-"] .bg-clean .cs-audiolist2 .active .cs-item-title,
1734       [class*="bg-"].bg-clean .cs-audiolist2 .cs-caption,
1735       [class*="bg-"] .bg-clean .cs-audiolist2 .active .cs-caption,
1736 
1737 
1738 
1739 
1740       /* Upcoming Events Title */
1741 
1742       .bg-clean .cs-card2 .cs-link .cs-item-title,
1743       [class*="bg-"] .bg-clean .cs-card2 .cs-link .cs-item-title,
1744      
1745 
1746       /* Upcoming Events Description */
1747 
1748       .bg-clean .carousel-inner .cs-card2.active .cs-text,
1749       [class*="bg-"] .bg-clean .carousel-inner .cs-card2.active .cs-text,
1750      
1751 
1752        
1753       /* Upcoming Events Time*/
1754 
1755       .bg-clean .cs-card2 .cs-subtext,
1756       [class*="bg-"] .bg-clean .cs-card2 .cs-subtext,
1757
1758       /* calendar view 2 column dates */
1759 
1760       .bg-clean .fc-day-header.fc-future a,
1761       .bg-clean .fc-day-header.fc-past a,
1762
1763       [class*="bg-"] .bg-clean .fc-day-header.fc-future a,
1764       [class*="bg-"] .bg-clean .fc-day-header.fc-past a,
1765    
1766 
1767       /* calendar show more events text when there are more events that cant fit on day block */
1768 
1769       .bg-clean .fc-daygrid-more-link.fc-more-link,
1770       [class*="bg-"] .bg-clean .fc-daygrid-more-link.fc-more-link
1771 
1772 
1773 {color:var(--clean-e-color);}
1774 
1775 
1776    /* --- Black Elements --- */
1777 
1778       /* jumbotron */
1779 
1780       .bg-clean .jumbotron h1,
1781 
1782       /* Calendar */
1783 
1784       .bg-clean .fc-list-heading a,
1785 
1786       /* Calendar day numbers */
1787 
1788       .bg-clean .fc-today a,
1789 
1790       /*  All Media App Color Adjustments  */
1791 
1792       .bg-clean .cs-audiolist1 .active .cs-item-title,
1793       .bg-clean .cs-audiolist1 .active .cs-text,
1794       .bg-clean .cs-audiolist1 .active i,
1795       .bg-clean .cs-audiolist1 .active .cs-caption,
1796       .bg-clean .cs-audiolist2-player .cs-item-title,
1797       .bg-clean .cs-audiolist2-player .cs-audio-caption,
1798       .bg-clean .cs-audiolist2-player i,
1799       .bg-clean .cs-audiolist2-player .cs-audio-time-current,
1800       .bg-clean .cs-audiolist2-player .cs-audio-time-total,
1801 
1802        /* Documents App */
1803 
1804        .bg-clean .cs-documents-files .cs-link,
1805        .bg-clean .csc-content-widget .cs-document-folders a,
1806 
1807        /* Directory Envelope Icon */
1808 
1809        .bg-clean .cs-userlist-widget i,
1810 
1811        /* Directory Envelope Icon */
1812
1813       .bg-clean .cs-userlist-widget i,
1814 
1815       /* Documents App */
1816
1817       .bg-clean .cs-documents-files .cs-link,
1818       .bg-clean .csc-content-widget .cs-document-folders a
1819             
1820 {color: #000000;}
1821 
1822 /* #endregion */ 
1823 /* #region -------- Dark ---------------------------------------------------------*/ 
1824 
1825     /*  Important Dark Overlay Elements*/
1826 
1827                /* Carousel Elements */ 
1828 
1829                .bg-dark .carousel-pause,
1830                .bg-dark .carousel-control,
1831                .bg-dark .carousel-pause a,
1832                .bg-dark .carousel-control a,
1833                .bg-dark .cs-carousel-widget-title,
1834                .bg-dark .cs-carousel-widget-description,
1835                .bg-dark .cs-carousel-widget-link,
1836                .bg-dark .cs-carousel-widget-link a:link,
1837                .bg-dark .cs-carousel-widget-link a:visited,
1838                .bg-dark .cs-carousel-widget-link a:hover,
1839                .bg-dark .cs-carousel-widget-link a:active,
1840  
1841                [class*="bg-"] .bg-dark .carousel-pause,
1842                [class*="bg-"] .bg-dark .carousel-control,
1843                [class*="bg-"] .bg-dark .carousel-pause a,
1844                [class*="bg-"] .bg-dark .carousel-control a,
1845                [class*="bg-"] .bg-dark .cs-carousel-widget-title,
1846                [class*="bg-"] .bg-dark .cs-carousel-widget-description,
1847                [class*="bg-"] .bg-dark .cs-carousel-widget-link,
1848                [class*="bg-"] .bg-dark .cs-carousel-widget-link a:link,
1849                [class*="bg-"] .bg-dark .cs-carousel-widget-link a:visited,
1850                [class*="bg-"] .bg-dark .cs-carousel-widget-link a:hover,
1851                [class*="bg-"] .bg-dark .cs-carousel-widget-link a:active,
1852  
1853  
1854                /* Date and Time in Blog,News,and Announcements */ 
1855  
1856                .bg-dark .text-muted,
1857  
1858                [class*="bg-"] .bg-dark .text-muted
1859          
1860  
1861    {color:var(--dark-e-color)!important;}
1862  
1863        /* --- Default Overlay Elements --- */
1864  
1865        .bg-dark,
1866  
1867        /* H Tags aka Titles */ 
1868  
1869        .bg-dark h1, .bg-dark h2,.bg-dark h3, .bg-dark h4, .bg-dark h5, .bg-dark h6,
1870  
1871        [class*="bg-"] .bg-dark h1,
1872        [class*="bg-"] .bg-dark h2,
1873        [class*="bg-"] .bg-dark h3, 
1874        [class*="bg-"] .bg-dark h4,
1875        [class*="bg-"] .bg-dark h5,
1876        [class*="bg-"] .bg-dark h6,
1877  
1878 
1879        /* asterisk contrast fix (mainly on forms) */
1880  
1881        .bg-dark .cs-warning-text,       
1882        [class*="bg-"] .bg-dark .cs-warning-text,
1883   
1884  
1885        /* a tags aka Links */ 
1886  
1887        .bg-dark a:link, .bg-dark a:hover, .bg-dark a:active, .bg-dark a:visited,
1888  
1889        [class*="bg-"] .bg-dark a:link,
1890        [class*="bg-"] .bg-dark a:hover,
1891        [class*="bg-"] .bg-dark a:active,
1892        [class*="bg-"] .bg-dark a:visited,
1893     
1894  
1895  
1896        /* Table code */ 
1897  
1898        .bg-dark .table-striped > tbody > tr:nth-of-type(2n+1) a:link,
1899        [class*="bg-"] .bg-dark .table-striped > tbody > tr:nth-of-type(2n+1) a:link,
1900  
1901        /* asterisk on Forms */
1902  
1903        .bg-dark .cs-warning-text,
1904        [class*="bg-"] .bg-dark .cs-warning-text,
1905  
1906 
1907        /* Calendar */
1908  
1909        .bg-dark .fc-day-header.fc-today a,
1910        .bg-dark .cs-subtext,
1911        .bg-dark .cs-subtext a,
1912        
1913        [class*="bg-"] .bg-dark .fc-day-header.fc-today a,
1914        [class*="bg-"] .bg-dark .cs-subtext,
1915        [class*="bg-"] .bg-dark .cs-subtext a,
1916 
1917  
1918        /* Calendar day numbers */
1919        
1920        .bg-dark .fc-day-number,
1921        [class*="bg-"] .bg-dark .fc-day-number,
1922  
1923        /* Upcoming Events with Nesting Adjustments */
1924  
1925        [class*="bg-"] .bg-dark .cs-link, /* this is for a default background on top of a contrast background */
1926        [class*="bg-"] .bg-dark .cs-subtext,
1927        [class*="bg-"] .bg-dark .cs-item-title,
1928   
1929  
1930         /*  All Media App Color Adjustments  */
1931  
1932        .bg-dark .cs-caption,
1933        .bg-dark .cs-audiolist2 .cs-item-title,
1934        .bg-dark .cs-audiolist2 .active .cs-item-title,
1935        .bg-dark .cs-audiolist2 .cs-caption,
1936        .bg-dark .cs-audiolist2 .active .cs-caption,
1937 
1938        [class*="bg-"] .bg-dark .cs-caption,
1939        [class*="bg-"] .bg-dark .cs-audiolist2 .cs-item-title,
1940        [class*="bg-"] .bg-dark .cs-audiolist2 .active .cs-item-title,
1941        [class*="bg-"].bg-dark .cs-audiolist2 .cs-caption,
1942        [class*="bg-"] .bg-dark .cs-audiolist2 .active .cs-caption,
1943  
1944  
1945  
1946  
1947        /* Upcoming Events Title */
1948  
1949        .bg-dark .cs-card2 .cs-link .cs-item-title,
1950        [class*="bg-"] .bg-dark .cs-card2 .cs-link .cs-item-title,
1951       
1952  
1953        /* Upcoming Events Description */
1954  
1955        .bg-dark .carousel-inner .cs-card2.active .cs-text,
1956        [class*="bg-"] .bg-dark .carousel-inner .cs-card2.active .cs-text,
1957       
1958  
1959         
1960        /* Upcoming Events Time*/
1961  
1962        .bg-dark .cs-card2 .cs-subtext,
1963        [class*="bg-"] .bg-dark .cs-card2 .cs-subtext,
1964 
1965        /* calendar view 2 column dates */
1966  
1967        .bg-dark .fc-day-header.fc-future a,
1968        .bg-dark .fc-day-header.fc-past a,
1969 
1970        [class*="bg-"] .bg-dark .fc-day-header.fc-future a,
1971        [class*="bg-"] .bg-dark .fc-day-header.fc-past a,
1972     
1973  
1974        /* calendar show more events text when there are more events that cant fit on day block */
1975  
1976        .bg-dark .fc-daygrid-more-link.fc-more-link,
1977        [class*="bg-"] .bg-dark .fc-daygrid-more-link.fc-more-link
1978  
1979  
1980  {color:var(--dark-e-color);}
1981  
1982  
1983     /* --- Black Elements --- */
1984  
1985        /* jumbotron */
1986  
1987        .bg-dark .jumbotron h1,
1988  
1989        /* Calendar */
1990  
1991        .bg-dark .fc-list-heading a,
1992  
1993        /* Calendar day numbers */
1994  
1995        .bg-dark .fc-today a,
1996  
1997        /*  All Media App Color Adjustments  */
1998  
1999        .bg-dark .cs-audiolist1 .active .cs-item-title,
2000        .bg-dark .cs-audiolist1 .active .cs-text,
2001        .bg-dark .cs-audiolist1 .active i,
2002        .bg-dark .cs-audiolist1 .active .cs-caption,
2003        .bg-dark .cs-audiolist2-player .cs-item-title,
2004        .bg-dark .cs-audiolist2-player .cs-audio-caption,
2005        .bg-dark .cs-audiolist2-player i,
2006        .bg-dark .cs-audiolist2-player .cs-audio-time-current,
2007        .bg-dark .cs-audiolist2-player .cs-audio-time-total,
2008  
2009         /* Documents App */
2010  
2011         .bg-dark .cs-documents-files .cs-link,
2012         .bg-dark .csc-content-widget .cs-document-folders a,
2013  
2014         /* Directory Envelope Icon */
2015  
2016         .bg-dark .cs-userlist-widget i,
2017  
2018         /* Directory Envelope Icon */
2019 
2020        .bg-dark .cs-userlist-widget i,
2021  
2022        /* Documents App */
2023 
2024        .bg-dark .cs-documents-files .cs-link,
2025        .bg-dark .csc-content-widget .cs-document-folders a
2026              
2027  {color: #000000;}
2028 
2029  
2030 /* #endregion */ 
2031 /* #region -------- Fancy --------------------------------------------------------*/ 
2032    
2033   /*  Important Fancy Overlay Elements*/
2034 
2035               /* Carousel Elements */ 
2036 
2037               .bg-fancy .carousel-pause,
2038               .bg-fancy .carousel-control,
2039               .bg-fancy .carousel-pause a,
2040               .bg-fancy .carousel-control a,
2041               .bg-fancy .cs-carousel-widget-title,
2042               .bg-fancy .cs-carousel-widget-description,
2043               .bg-fancy .cs-carousel-widget-link,
2044               .bg-fancy .cs-carousel-widget-link a:link,
2045               .bg-fancy .cs-carousel-widget-link a:visited,
2046               .bg-fancy .cs-carousel-widget-link a:hover,
2047               .bg-fancy .cs-carousel-widget-link a:active,
2048 
2049               [class*="bg-"] .bg-fancy .carousel-pause,
2050               [class*="bg-"] .bg-fancy .carousel-control,
2051               [class*="bg-"] .bg-fancy .carousel-pause a,
2052               [class*="bg-"] .bg-fancy .carousel-control a,
2053               [class*="bg-"] .bg-fancy .cs-carousel-widget-title,
2054               [class*="bg-"] .bg-fancy .cs-carousel-widget-description,
2055               [class*="bg-"] .bg-fancy .cs-carousel-widget-link,
2056               [class*="bg-"] .bg-fancy .cs-carousel-widget-link a:link,
2057               [class*="bg-"] .bg-fancy .cs-carousel-widget-link a:visited,
2058               [class*="bg-"] .bg-fancy .cs-carousel-widget-link a:hover,
2059               [class*="bg-"] .bg-fancy .cs-carousel-widget-link a:active,
2060 
2061 
2062               /* Date and Time in Blog,News,and Announcements */ 
2063 
2064               .bg-fancy .text-muted,
2065 
2066               [class*="bg-"] .bg-fancy .text-muted
2067         
2068 
2069   {color:var(--fancy-e-color)!important;}
2070 
2071       /* --- Default Overlay Elements --- */
2072 
2073       .bg-fancy,
2074 
2075       /* H Tags aka Titles */ 
2076 
2077       .bg-fancy h1, .bg-fancy h2,.bg-fancy h3, .bg-fancy h4, .bg-fancy h5, .bg-fancy h6,
2078 
2079       [class*="bg-"] .bg-fancy h1,
2080       [class*="bg-"] .bg-fancy h2,
2081       [class*="bg-"] .bg-fancy h3, 
2082       [class*="bg-"] .bg-fancy h4,
2083       [class*="bg-"] .bg-fancy h5,
2084       [class*="bg-"] .bg-fancy h6,
2085 
2086
2087       /* asterisk contrast fix (mainly on forms) */
2088 
2089       .bg-fancy .cs-warning-text,       
2090       [class*="bg-"] .bg-fancy .cs-warning-text,
2091  
2092 
2093       /* a tags aka Links */ 
2094 
2095       .bg-fancy a:link, .bg-fancy a:hover, .bg-fancy a:active, .bg-fancy a:visited,
2096 
2097       [class*="bg-"] .bg-fancy a:link,
2098       [class*="bg-"] .bg-fancy a:hover,
2099       [class*="bg-"] .bg-fancy a:active,
2100       [class*="bg-"] .bg-fancy a:visited,
2101    
2102 
2103 
2104       /* Table code */ 
2105 
2106       .bg-fancy .table-striped > tbody > tr:nth-of-type(2n+1) a:link,
2107       [class*="bg-"] .bg-fancy .table-striped > tbody > tr:nth-of-type(2n+1) a:link,
2108 
2109       /* asterisk on Forms */
2110 
2111       .bg-fancy .cs-warning-text,
2112       [class*="bg-"] .bg-fancy .cs-warning-text,
2113 
2114
2115       /* Calendar */
2116 
2117       .bg-fancy .fc-day-header.fc-today a,
2118       .bg-fancy .cs-subtext,
2119       .bg-fancy .cs-subtext a,
2120       
2121       [class*="bg-"] .bg-fancy .fc-day-header.fc-today a,
2122       [class*="bg-"] .bg-fancy .cs-subtext,
2123       [class*="bg-"] .bg-fancy .cs-subtext a,
2124
2125 
2126       /* Calendar day numbers */
2127       
2128       .bg-fancy .fc-day-number,
2129       [class*="bg-"] .bg-fancy .fc-day-number,
2130 
2131       /* Upcoming Events with Nesting Adjustments */
2132 
2133       [class*="bg-"] .bg-fancy .cs-link, /* this is for a default background on top of a contrast background */
2134       [class*="bg-"] .bg-fancy .cs-subtext,
2135       [class*="bg-"] .bg-fancy .cs-item-title,
2136  
2137 
2138        /*  All Media App Color Adjustments  */
2139 
2140       .bg-fancy .cs-caption,
2141       .bg-fancy .cs-audiolist2 .cs-item-title,
2142       .bg-fancy .cs-audiolist2 .active .cs-item-title,
2143       .bg-fancy .cs-audiolist2 .cs-caption,
2144       .bg-fancy .cs-audiolist2 .active .cs-caption,
2145
2146       [class*="bg-"] .bg-fancy .cs-caption,
2147       [class*="bg-"] .bg-fancy .cs-audiolist2 .cs-item-title,
2148       [class*="bg-"] .bg-fancy .cs-audiolist2 .active .cs-item-title,
2149       [class*="bg-"].bg-fancy .cs-audiolist2 .cs-caption,
2150       [class*="bg-"] .bg-fancy .cs-audiolist2 .active .cs-caption,
2151 
2152 
2153 
2154 
2155       /* Upcoming Events Title */
2156 
2157       .bg-fancy .cs-card2 .cs-link .cs-item-title,
2158       [class*="bg-"] .bg-fancy .cs-card2 .cs-link .cs-item-title,
2159      
2160 
2161       /* Upcoming Events Description */
2162 
2163       .bg-fancy .carousel-inner .cs-card2.active .cs-text,
2164       [class*="bg-"] .bg-fancy .carousel-inner .cs-card2.active .cs-text,
2165      
2166 
2167        
2168       /* Upcoming Events Time*/
2169 
2170       .bg-fancy .cs-card2 .cs-subtext,
2171       [class*="bg-"] .bg-fancy .cs-card2 .cs-subtext,
2172
2173       /* calendar view 2 column dates */
2174 
2175       .bg-fancy .fc-day-header.fc-future a,
2176       .bg-fancy .fc-day-header.fc-past a,
2177
2178       [class*="bg-"] .bg-fancy .fc-day-header.fc-future a,
2179       [class*="bg-"] .bg-fancy .fc-day-header.fc-past a,
2180    
2181 
2182       /* calendar show more events text when there are more events that cant fit on day block */
2183 
2184       .bg-fancy .fc-daygrid-more-link.fc-more-link,
2185       [class*="bg-"] .bg-fancy .fc-daygrid-more-link.fc-more-link
2186 
2187 
2188 {color:var(--fancy-e-color);}
2189 
2190 
2191    /* --- Black Elements --- */
2192 
2193       /* jumbotron */
2194 
2195       .bg-fancy .jumbotron h1,
2196 
2197       /* Calendar */
2198 
2199       .bg-fancy .fc-list-heading a,
2200 
2201       /* Calendar day numbers */
2202 
2203       .bg-fancy .fc-today a,
2204 
2205       /*  All Media App Color Adjustments  */
2206 
2207       .bg-fancy .cs-audiolist1 .active .cs-item-title,
2208       .bg-fancy .cs-audiolist1 .active .cs-text,
2209       .bg-fancy .cs-audiolist1 .active i,
2210       .bg-fancy .cs-audiolist1 .active .cs-caption,
2211       .bg-fancy .cs-audiolist2-player .cs-item-title,
2212       .bg-fancy .cs-audiolist2-player .cs-audio-caption,
2213       .bg-fancy .cs-audiolist2-player i,
2214       .bg-fancy .cs-audiolist2-player .cs-audio-time-current,
2215       .bg-fancy .cs-audiolist2-player .cs-audio-time-total,
2216 
2217        /* Documents App */
2218 
2219        .bg-fancy .cs-documents-files .cs-link,
2220        .bg-fancy .csc-content-widget .cs-document-folders a,
2221 
2222        /* Directory Envelope Icon */
2223 
2224        .bg-fancy .cs-userlist-widget i,
2225 
2226        /* Directory Envelope Icon */
2227
2228       .bg-fancy .cs-userlist-widget i,
2229 
2230       /* Documents App */
2231
2232       .bg-fancy .cs-documents-files .cs-link,
2233       .bg-fancy .csc-content-widget .cs-document-folders a
2234             
2235 {color: #000000;}
2236 
2237 
2238 /* #endregion */ 
2239 /* #region -------- Success ------------------------------------------------------*/ 
2240 
2241   /* Important Success Overlay Elements */
2242 
2243               /* Carousel Elements */ 
2244 
2245               .bg-success .carousel-pause,
2246               .bg-success .carousel-control,
2247               .bg-success .carousel-pause a,
2248               .bg-success .carousel-control a,
2249               .bg-success .cs-carousel-widget-title,
2250               .bg-success .cs-carousel-widget-description,
2251               .bg-success .cs-carousel-widget-link,
2252               .bg-success .cs-carousel-widget-link a:link,
2253               .bg-success .cs-carousel-widget-link a:visited,
2254               .bg-success .cs-carousel-widget-link a:hover,
2255               .bg-success .cs-carousel-widget-link a:active,
2256 
2257               [class*="bg-"] .bg-success .carousel-pause,
2258               [class*="bg-"] .bg-success .carousel-control,
2259               [class*="bg-"] .bg-success .carousel-pause a,
2260               [class*="bg-"] .bg-success .carousel-control a,
2261               [class*="bg-"] .bg-success .cs-carousel-widget-title,
2262               [class*="bg-"] .bg-success .cs-carousel-widget-description,
2263               [class*="bg-"] .bg-success .cs-carousel-widget-link,
2264               [class*="bg-"] .bg-success .cs-carousel-widget-link a:link,
2265               [class*="bg-"] .bg-success .cs-carousel-widget-link a:visited,
2266               [class*="bg-"] .bg-success .cs-carousel-widget-link a:hover,
2267               [class*="bg-"] .bg-success .cs-carousel-widget-link a:active,
2268 
2269 
2270               /* Date and Time in Blog,News,and Announcements */ 
2271 
2272               .bg-success .text-muted,
2273 
2274               [class*="bg-"] .bg-success .text-muted
2275         
2276 
2277   {color:var(--success-e-color)!important;}
2278 
2279       /* --- Default Overlay Elements --- */
2280 
2281       .bg-success,
2282 
2283       /* H Tags aka Titles */ 
2284 
2285       .bg-success h1, .bg-success h2,.bg-success h3, .bg-success h4, .bg-success h5, .bg-success h6,
2286 
2287       [class*="bg-"] .bg-success h1,
2288       [class*="bg-"] .bg-success h2,
2289       [class*="bg-"] .bg-success h3, 
2290       [class*="bg-"] .bg-success h4,
2291       [class*="bg-"] .bg-success h5,
2292       [class*="bg-"] .bg-success h6,
2293 
2294
2295       /* asterisk contrast fix (mainly on forms) */
2296 
2297       .bg-success .cs-warning-text,       
2298       [class*="bg-"] .bg-success .cs-warning-text,
2299  
2300 
2301       /* a tags aka Links */ 
2302 
2303       .bg-success a:link, .bg-success a:hover, .bg-success a:active, .bg-success a:visited,
2304 
2305       [class*="bg-"] .bg-success a:link,
2306       [class*="bg-"] .bg-success a:hover,
2307       [class*="bg-"] .bg-success a:active,
2308       [class*="bg-"] .bg-success a:visited,
2309    
2310 
2311 
2312       /* Table code */ 
2313 
2314       .bg-success .table-striped > tbody > tr:nth-of-type(2n+1) a:link,
2315       [class*="bg-"] .bg-success .table-striped > tbody > tr:nth-of-type(2n+1) a:link,
2316 
2317       /* asterisk on Forms */
2318 
2319       .bg-success .cs-warning-text,
2320       [class*="bg-"] .bg-success .cs-warning-text,
2321 
2322
2323       /* Calendar */
2324 
2325       .bg-success .fc-day-header.fc-today a,
2326       .bg-success .cs-subtext,
2327       .bg-success .cs-subtext a,
2328       
2329       [class*="bg-"] .bg-success .fc-day-header.fc-today a,
2330       [class*="bg-"] .bg-success .cs-subtext,
2331       [class*="bg-"] .bg-success .cs-subtext a,
2332
2333 
2334       /* Calendar day numbers */
2335       
2336       .bg-success .fc-day-number,
2337       [class*="bg-"] .bg-success .fc-day-number,
2338 
2339       /* Upcoming Events with Nesting Adjustments */
2340 
2341       [class*="bg-"] .bg-success .cs-link, /* this is for a default background on top of a contrast background */
2342       [class*="bg-"] .bg-success .cs-subtext,
2343       [class*="bg-"] .bg-success .cs-item-title,
2344  
2345 
2346        /*  All Media App Color Adjustments  */
2347 
2348       .bg-success .cs-caption,
2349       .bg-success .cs-audiolist2 .cs-item-title,
2350       .bg-success .cs-audiolist2 .active .cs-item-title,
2351       .bg-success .cs-audiolist2 .cs-caption,
2352       .bg-success .cs-audiolist2 .active .cs-caption,
2353
2354       [class*="bg-"] .bg-success .cs-caption,
2355       [class*="bg-"] .bg-success .cs-audiolist2 .cs-item-title,
2356       [class*="bg-"] .bg-success .cs-audiolist2 .active .cs-item-title,
2357       [class*="bg-"].bg-success .cs-audiolist2 .cs-caption,
2358       [class*="bg-"] .bg-success .cs-audiolist2 .active .cs-caption,
2359 
2360 
2361 
2362 
2363       /* Upcoming Events Title */
2364 
2365       .bg-success .cs-card2 .cs-link .cs-item-title,
2366       [class*="bg-"] .bg-success .cs-card2 .cs-link .cs-item-title,
2367      
2368 
2369       /* Upcoming Events Description */
2370 
2371       .bg-success .carousel-inner .cs-card2.active .cs-text,
2372       [class*="bg-"] .bg-success .carousel-inner .cs-card2.active .cs-text,
2373      
2374 
2375        
2376       /* Upcoming Events Time*/
2377 
2378       .bg-success .cs-card2 .cs-subtext,
2379       [class*="bg-"] .bg-success .cs-card2 .cs-subtext,
2380
2381       /* calendar view 2 column dates */
2382 
2383       .bg-success .fc-day-header.fc-future a,
2384       .bg-success .fc-day-header.fc-past a,
2385
2386       [class*="bg-"] .bg-success .fc-day-header.fc-future a,
2387       [class*="bg-"] .bg-success .fc-day-header.fc-past a,
2388    
2389 
2390       /* calendar show more events text when there are more events that cant fit on day block */
2391 
2392       .bg-success .fc-daygrid-more-link.fc-more-link,
2393       [class*="bg-"] .bg-success .fc-daygrid-more-link.fc-more-link
2394 
2395 
2396 {color:var(--success-e-color);}
2397 
2398 
2399    /* --- Black Elements --- */
2400 
2401       /* jumbotron */
2402 
2403       .bg-success .jumbotron h1,
2404 
2405       /* Calendar */
2406 
2407       .bg-success .fc-list-heading a,
2408 
2409       /* Calendar day numbers */
2410 
2411       .bg-success .fc-today a,
2412 
2413       /*  All Media App Color Adjustments  */
2414 
2415       .bg-success .cs-audiolist1 .active .cs-item-title,
2416       .bg-success .cs-audiolist1 .active .cs-text,
2417       .bg-success .cs-audiolist1 .active i,
2418       .bg-success .cs-audiolist1 .active .cs-caption,
2419       .bg-success .cs-audiolist2-player .cs-item-title,
2420       .bg-success .cs-audiolist2-player .cs-audio-caption,
2421       .bg-success .cs-audiolist2-player i,
2422       .bg-success .cs-audiolist2-player .cs-audio-time-current,
2423       .bg-success .cs-audiolist2-player .cs-audio-time-total,
2424 
2425        /* Documents App */
2426 
2427        .bg-success .cs-documents-files .cs-link,
2428        .bg-success .csc-content-widget .cs-document-folders a,
2429 
2430        /* Directory Envelope Icon */
2431 
2432        .bg-success .cs-userlist-widget i,
2433 
2434        /* Directory Envelope Icon */
2435
2436       .bg-success .cs-userlist-widget i,
2437 
2438       /* Documents App */
2439
2440       .bg-success .cs-documents-files .cs-link,
2441       .bg-success .csc-content-widget .cs-document-folders a
2442             
2443 {color: #000000;}
2444 
2445 
2446 /* #endregion */ 
2447 /* #region -------- Info ---------------------------------------------------------*/ 
2448 
2449   /* Important Info Overlay Elements */
2450   
2451                /* Carousel Elements */ 
2452 
2453                .bg-info .carousel-pause,
2454                .bg-info .carousel-control,
2455                .bg-info .carousel-pause a,
2456                .bg-info .carousel-control a,
2457                .bg-info .cs-carousel-widget-title,
2458                .bg-info .cs-carousel-widget-description,
2459                .bg-info .cs-carousel-widget-link,
2460                .bg-info .cs-carousel-widget-link a:link,
2461                .bg-info .cs-carousel-widget-link a:visited,
2462                .bg-info .cs-carousel-widget-link a:hover,
2463                .bg-info .cs-carousel-widget-link a:active,
2464  
2465                [class*="bg-"] .bg-info .carousel-pause,
2466                [class*="bg-"] .bg-info .carousel-control,
2467                [class*="bg-"] .bg-info .carousel-pause a,
2468                [class*="bg-"] .bg-info .carousel-control a,
2469                [class*="bg-"] .bg-info .cs-carousel-widget-title,
2470                [class*="bg-"] .bg-info .cs-carousel-widget-description,
2471                [class*="bg-"] .bg-info .cs-carousel-widget-link,
2472                [class*="bg-"] .bg-info .cs-carousel-widget-link a:link,
2473                [class*="bg-"] .bg-info .cs-carousel-widget-link a:visited,
2474                [class*="bg-"] .bg-info .cs-carousel-widget-link a:hover,
2475                [class*="bg-"] .bg-info .cs-carousel-widget-link a:active,
2476  
2477  
2478                /* Date and Time in Blog,News,and Announcements */ 
2479  
2480                .bg-info .text-muted,
2481  
2482                [class*="bg-"] .bg-info .text-muted
2483          
2484  
2485    {color:var(--info-e-color)!important;}
2486  
2487        /* --- Default Overlay Elements --- */
2488  
2489        .bg-info,
2490  
2491        /* H Tags aka Titles */ 
2492  
2493        .bg-info h1, .bg-info h2,.bg-info h3, .bg-info h4, .bg-info h5, .bg-info h6,
2494  
2495        [class*="bg-"] .bg-info h1,
2496        [class*="bg-"] .bg-info h2,
2497        [class*="bg-"] .bg-info h3, 
2498        [class*="bg-"] .bg-info h4,
2499        [class*="bg-"] .bg-info h5,
2500        [class*="bg-"] .bg-info h6,
2501  
2502 
2503        /* asterisk contrast fix (mainly on forms) */
2504  
2505        .bg-info .cs-warning-text,       
2506        [class*="bg-"] .bg-info .cs-warning-text,
2507   
2508  
2509        /* a tags aka Links */ 
2510  
2511        .bg-info a:link, .bg-info a:hover, .bg-info a:active, .bg-info a:visited,
2512  
2513        [class*="bg-"] .bg-info a:link,
2514        [class*="bg-"] .bg-info a:hover,
2515        [class*="bg-"] .bg-info a:active,
2516        [class*="bg-"] .bg-info a:visited,
2517     
2518  
2519  
2520        /* Table code */ 
2521  
2522        .bg-info .table-striped > tbody > tr:nth-of-type(2n+1) a:link,
2523        [class*="bg-"] .bg-info .table-striped > tbody > tr:nth-of-type(2n+1) a:link,
2524  
2525        /* asterisk on Forms */
2526  
2527        .bg-info .cs-warning-text,
2528        [class*="bg-"] .bg-info .cs-warning-text,
2529  
2530 
2531        /* Calendar */
2532  
2533        .bg-info .fc-day-header.fc-today a,
2534        .bg-info .cs-subtext,
2535        .bg-info .cs-subtext a,
2536        
2537        [class*="bg-"] .bg-info .fc-day-header.fc-today a,
2538        [class*="bg-"] .bg-info .cs-subtext,
2539        [class*="bg-"] .bg-info .cs-subtext a,
2540 
2541  
2542        /* Calendar day numbers */
2543        
2544        .bg-info .fc-day-number,
2545        [class*="bg-"] .bg-info .fc-day-number,
2546  
2547        /* Upcoming Events with Nesting Adjustments */
2548  
2549        [class*="bg-"] .bg-info .cs-link, /* this is for a default background on top of a contrast background */
2550        [class*="bg-"] .bg-info .cs-subtext,
2551        [class*="bg-"] .bg-info .cs-item-title,
2552   
2553  
2554         /*  All Media App Color Adjustments  */
2555  
2556        .bg-info .cs-caption,
2557        .bg-info .cs-audiolist2 .cs-item-title,
2558        .bg-info .cs-audiolist2 .active .cs-item-title,
2559        .bg-info .cs-audiolist2 .cs-caption,
2560        .bg-info .cs-audiolist2 .active .cs-caption,
2561 
2562        [class*="bg-"] .bg-info .cs-caption,
2563        [class*="bg-"] .bg-info .cs-audiolist2 .cs-item-title,
2564        [class*="bg-"] .bg-info .cs-audiolist2 .active .cs-item-title,
2565        [class*="bg-"].bg-info .cs-audiolist2 .cs-caption,
2566        [class*="bg-"] .bg-info .cs-audiolist2 .active .cs-caption,
2567  
2568  
2569  
2570  
2571        /* Upcoming Events Title */
2572  
2573        .bg-info .cs-card2 .cs-link .cs-item-title,
2574        [class*="bg-"] .bg-info .cs-card2 .cs-link .cs-item-title,
2575       
2576  
2577        /* Upcoming Events Description */
2578  
2579        .bg-info .carousel-inner .cs-card2.active .cs-text,
2580        [class*="bg-"] .bg-info .carousel-inner .cs-card2.active .cs-text,
2581       
2582  
2583         
2584        /* Upcoming Events Time*/
2585  
2586        .bg-info .cs-card2 .cs-subtext,
2587        [class*="bg-"] .bg-info .cs-card2 .cs-subtext,
2588 
2589        /* calendar view 2 column dates */
2590  
2591        .bg-info .fc-day-header.fc-future a,
2592        .bg-info .fc-day-header.fc-past a,
2593 
2594        [class*="bg-"] .bg-info .fc-day-header.fc-future a,
2595        [class*="bg-"] .bg-info .fc-day-header.fc-past a,
2596     
2597  
2598        /* calendar show more events text when there are more events that cant fit on day block */
2599  
2600        .bg-info .fc-daygrid-more-link.fc-more-link,
2601        [class*="bg-"] .bg-info .fc-daygrid-more-link.fc-more-link
2602  
2603  
2604  {color:var(--info-e-color);}
2605  
2606  
2607     /* --- Black Elements --- */
2608  
2609        /* jumbotron */
2610  
2611        .bg-info .jumbotron h1,
2612  
2613        /* Calendar */
2614  
2615        .bg-info .fc-list-heading a,
2616  
2617        /* Calendar day numbers */
2618  
2619        .bg-info .fc-today a,
2620  
2621        /*  All Media App Color Adjustments  */
2622  
2623        .bg-info .cs-audiolist1 .active .cs-item-title,
2624        .bg-info .cs-audiolist1 .active .cs-text,
2625        .bg-info .cs-audiolist1 .active i,
2626        .bg-info .cs-audiolist1 .active .cs-caption,
2627        .bg-info .cs-audiolist2-player .cs-item-title,
2628        .bg-info .cs-audiolist2-player .cs-audio-caption,
2629        .bg-info .cs-audiolist2-player i,
2630        .bg-info .cs-audiolist2-player .cs-audio-time-current,
2631        .bg-info .cs-audiolist2-player .cs-audio-time-total,
2632  
2633         /* Documents App */
2634  
2635         .bg-info .cs-documents-files .cs-link,
2636         .bg-info .csc-content-widget .cs-document-folders a,
2637  
2638         /* Directory Envelope Icon */
2639  
2640         .bg-info .cs-userlist-widget i,
2641  
2642         /* Directory Envelope Icon */
2643 
2644        .bg-info .cs-userlist-widget i,
2645  
2646        /* Documents App */
2647 
2648        .bg-info .cs-documents-files .cs-link,
2649        .bg-info .csc-content-widget .cs-document-folders a
2650              
2651  {color: #000000;}
2652 
2653  
2654 /* #endregion */ 
2655 /* #region -------- Warning ------------------------------------------------------*/ 
2656 
2657   /* Important Warning Overlay Elements */
2658   
2659               /* Carousel Elements */ 
2660 
2661               .bg-warning .carousel-pause,
2662               .bg-warning .carousel-control,
2663               .bg-warning .carousel-pause a,
2664               .bg-warning .carousel-control a,
2665               .bg-warning .cs-carousel-widget-title,
2666               .bg-warning .cs-carousel-widget-description,
2667               .bg-warning .cs-carousel-widget-link,
2668               .bg-warning .cs-carousel-widget-link a:link,
2669               .bg-warning .cs-carousel-widget-link a:visited,
2670               .bg-warning .cs-carousel-widget-link a:hover,
2671               .bg-warning .cs-carousel-widget-link a:active,
2672 
2673               [class*="bg-"] .bg-warning .carousel-pause,
2674               [class*="bg-"] .bg-warning .carousel-control,
2675               [class*="bg-"] .bg-warning .carousel-pause a,
2676               [class*="bg-"] .bg-warning .carousel-control a,
2677               [class*="bg-"] .bg-warning .cs-carousel-widget-title,
2678               [class*="bg-"] .bg-warning .cs-carousel-widget-description,
2679               [class*="bg-"] .bg-warning .cs-carousel-widget-link,
2680               [class*="bg-"] .bg-warning .cs-carousel-widget-link a:link,
2681               [class*="bg-"] .bg-warning .cs-carousel-widget-link a:visited,
2682               [class*="bg-"] .bg-warning .cs-carousel-widget-link a:hover,
2683               [class*="bg-"] .bg-warning .cs-carousel-widget-link a:active,
2684 
2685 
2686               /* Date and Time in Blog,News,and Announcements */ 
2687 
2688               .bg-warning .text-muted,
2689 
2690               [class*="bg-"] .bg-warning .text-muted
2691         
2692 
2693   {color:var(--warning-e-color)!important;}
2694 
2695       /* --- Default Overlay Elements --- */
2696 
2697       .bg-warning,
2698 
2699       /* H Tags aka Titles */ 
2700 
2701       .bg-warning h1, .bg-warning h2,.bg-warning h3, .bg-warning h4, .bg-warning h5, .bg-warning h6,
2702 
2703       [class*="bg-"] .bg-warning h1,
2704       [class*="bg-"] .bg-warning h2,
2705       [class*="bg-"] .bg-warning h3, 
2706       [class*="bg-"] .bg-warning h4,
2707       [class*="bg-"] .bg-warning h5,
2708       [class*="bg-"] .bg-warning h6,
2709 
2710
2711       /* asterisk contrast fix (mainly on forms) */
2712 
2713       .bg-warning .cs-warning-text,       
2714       [class*="bg-"] .bg-warning .cs-warning-text,
2715  
2716 
2717       /* a tags aka Links */ 
2718 
2719       .bg-warning a:link, .bg-warning a:hover, .bg-warning a:active, .bg-warning a:visited,
2720 
2721       [class*="bg-"] .bg-warning a:link,
2722       [class*="bg-"] .bg-warning a:hover,
2723       [class*="bg-"] .bg-warning a:active,
2724       [class*="bg-"] .bg-warning a:visited,
2725    
2726 
2727 
2728       /* Table code */ 
2729 
2730       .bg-warning .table-striped > tbody > tr:nth-of-type(2n+1) a:link,
2731       [class*="bg-"] .bg-warning .table-striped > tbody > tr:nth-of-type(2n+1) a:link,
2732 
2733       /* asterisk on Forms */
2734 
2735       .bg-warning .cs-warning-text,
2736       [class*="bg-"] .bg-warning .cs-warning-text,
2737 
2738
2739       /* Calendar */
2740 
2741       .bg-warning .fc-day-header.fc-today a,
2742       .bg-warning .cs-subtext,
2743       .bg-warning .cs-subtext a,
2744       
2745       [class*="bg-"] .bg-warning .fc-day-header.fc-today a,
2746       [class*="bg-"] .bg-warning .cs-subtext,
2747       [class*="bg-"] .bg-warning .cs-subtext a,
2748
2749 
2750       /* Calendar day numbers */
2751       
2752       .bg-warning .fc-day-number,
2753       [class*="bg-"] .bg-warning .fc-day-number,
2754 
2755       /* Upcoming Events with Nesting Adjustments */
2756 
2757       [class*="bg-"] .bg-warning .cs-link, /* this is for a default background on top of a contrast background */
2758       [class*="bg-"] .bg-warning .cs-subtext,
2759       [class*="bg-"] .bg-warning .cs-item-title,
2760  
2761 
2762        /*  All Media App Color Adjustments  */
2763 
2764       .bg-warning .cs-caption,
2765       .bg-warning .cs-audiolist2 .cs-item-title,
2766       .bg-warning .cs-audiolist2 .active .cs-item-title,
2767       .bg-warning .cs-audiolist2 .cs-caption,
2768       .bg-warning .cs-audiolist2 .active .cs-caption,
2769
2770       [class*="bg-"] .bg-warning .cs-caption,
2771       [class*="bg-"] .bg-warning .cs-audiolist2 .cs-item-title,
2772       [class*="bg-"] .bg-warning .cs-audiolist2 .active .cs-item-title,
2773       [class*="bg-"].bg-warning .cs-audiolist2 .cs-caption,
2774       [class*="bg-"] .bg-warning .cs-audiolist2 .active .cs-caption,
2775 
2776 
2777 
2778 
2779       /* Upcoming Events Title */
2780 
2781       .bg-warning .cs-card2 .cs-link .cs-item-title,
2782       [class*="bg-"] .bg-warning .cs-card2 .cs-link .cs-item-title,
2783      
2784 
2785       /* Upcoming Events Description */
2786 
2787       .bg-warning .carousel-inner .cs-card2.active .cs-text,
2788       [class*="bg-"] .bg-warning .carousel-inner .cs-card2.active .cs-text,
2789      
2790 
2791        
2792       /* Upcoming Events Time*/
2793 
2794       .bg-warning .cs-card2 .cs-subtext,
2795       [class*="bg-"] .bg-warning .cs-card2 .cs-subtext,
2796
2797       /* calendar view 2 column dates */
2798 
2799       .bg-warning .fc-day-header.fc-future a,
2800       .bg-warning .fc-day-header.fc-past a,
2801
2802       [class*="bg-"] .bg-warning .fc-day-header.fc-future a,
2803       [class*="bg-"] .bg-warning .fc-day-header.fc-past a,
2804    
2805 
2806       /* calendar show more events text when there are more events that cant fit on day block */
2807 
2808       .bg-warning .fc-daygrid-more-link.fc-more-link,
2809       [class*="bg-"] .bg-warning .fc-daygrid-more-link.fc-more-link
2810 
2811 
2812 {color:var(--warning-e-color);}
2813 
2814 
2815    /* --- Black Elements --- */
2816 
2817       /* jumbotron */
2818 
2819       .bg-warning .jumbotron h1,
2820 
2821       /* Calendar */
2822 
2823       .bg-warning .fc-list-heading a,
2824 
2825       /* Calendar day numbers */
2826 
2827       .bg-warning .fc-today a,
2828 
2829       /*  All Media App Color Adjustments  */
2830 
2831       .bg-warning .cs-audiolist1 .active .cs-item-title,
2832       .bg-warning .cs-audiolist1 .active .cs-text,
2833       .bg-warning .cs-audiolist1 .active i,
2834       .bg-warning .cs-audiolist1 .active .cs-caption,
2835       .bg-warning .cs-audiolist2-player .cs-item-title,
2836       .bg-warning .cs-audiolist2-player .cs-audio-caption,
2837       .bg-warning .cs-audiolist2-player i,
2838       .bg-warning .cs-audiolist2-player .cs-audio-time-current,
2839       .bg-warning .cs-audiolist2-player .cs-audio-time-total,
2840 
2841        /* Documents App */
2842 
2843        .bg-warning .cs-documents-files .cs-link,
2844        .bg-warning .csc-content-widget .cs-document-folders a,
2845 
2846        /* Directory Envelope Icon */
2847 
2848        .bg-warning .cs-userlist-widget i,
2849 
2850        /* Directory Envelope Icon */
2851
2852       .bg-warning .cs-userlist-widget i,
2853 
2854       /* Documents App */
2855
2856       .bg-warning .cs-documents-files .cs-link,
2857       .bg-warning .csc-content-widget .cs-document-folders a
2858             
2859 {color: #000000;}
2860 
2861  
2862 /* #endregion */ 
2863 /* #region -------- Danger -------------------------------------------------------*/ 
2864   
2865 /* Important Danger Overlay Elements */
2866   
2867                /* Carousel Elements */ 
2868 
2869                .bg-danger .carousel-pause,
2870                .bg-danger .carousel-control,
2871                .bg-danger .carousel-pause a,
2872                .bg-danger .carousel-control a,
2873                .bg-danger .cs-carousel-widget-title,
2874                .bg-danger .cs-carousel-widget-description,
2875                .bg-danger .cs-carousel-widget-link,
2876                .bg-danger .cs-carousel-widget-link a:link,
2877                .bg-danger .cs-carousel-widget-link a:visited,
2878                .bg-danger .cs-carousel-widget-link a:hover,
2879                .bg-danger .cs-carousel-widget-link a:active,
2880  
2881                [class*="bg-"] .bg-danger .carousel-pause,
2882                [class*="bg-"] .bg-danger .carousel-control,
2883                [class*="bg-"] .bg-danger .carousel-pause a,
2884                [class*="bg-"] .bg-danger .carousel-control a,
2885                [class*="bg-"] .bg-danger .cs-carousel-widget-title,
2886                [class*="bg-"] .bg-danger .cs-carousel-widget-description,
2887                [class*="bg-"] .bg-danger .cs-carousel-widget-link,
2888                [class*="bg-"] .bg-danger .cs-carousel-widget-link a:link,
2889                [class*="bg-"] .bg-danger .cs-carousel-widget-link a:visited,
2890                [class*="bg-"] .bg-danger .cs-carousel-widget-link a:hover,
2891                [class*="bg-"] .bg-danger .cs-carousel-widget-link a:active,
2892  
2893  
2894                /* Date and Time in Blog,News,and Announcements */ 
2895  
2896                .bg-danger .text-muted,
2897  
2898                [class*="bg-"] .bg-danger .text-muted
2899          
2900  
2901    {color:var(--danger-e-color)!important;}
2902  
2903        /* --- Default Overlay Elements --- */
2904  
2905        .bg-danger,
2906  
2907        /* H Tags aka Titles */ 
2908  
2909        .bg-danger h1, .bg-danger h2,.bg-danger h3, .bg-danger h4, .bg-danger h5, .bg-danger h6,
2910  
2911        [class*="bg-"] .bg-danger h1,
2912        [class*="bg-"] .bg-danger h2,
2913        [class*="bg-"] .bg-danger h3, 
2914        [class*="bg-"] .bg-danger h4,
2915        [class*="bg-"] .bg-danger h5,
2916        [class*="bg-"] .bg-danger h6,
2917  
2918 
2919        /* asterisk contrast fix (mainly on forms) */
2920  
2921        .bg-danger .cs-warning-text,       
2922        [class*="bg-"] .bg-danger .cs-warning-text,
2923   
2924  
2925        /* a tags aka Links */ 
2926  
2927        .bg-danger a:link, .bg-danger a:hover, .bg-danger a:active, .bg-danger a:visited,
2928  
2929        [class*="bg-"] .bg-danger a:link,
2930        [class*="bg-"] .bg-danger a:hover,
2931        [class*="bg-"] .bg-danger a:active,
2932        [class*="bg-"] .bg-danger a:visited,
2933     
2934  
2935  
2936        /* Table code */ 
2937  
2938        .bg-danger .table-striped > tbody > tr:nth-of-type(2n+1) a:link,
2939        [class*="bg-"] .bg-danger .table-striped > tbody > tr:nth-of-type(2n+1) a:link,
2940  
2941        /* asterisk on Forms */
2942  
2943        .bg-danger .cs-warning-text,
2944        [class*="bg-"] .bg-danger .cs-warning-text,
2945  
2946 
2947        /* Calendar */
2948  
2949        .bg-danger .fc-day-header.fc-today a,
2950        .bg-danger .cs-subtext,
2951        .bg-danger .cs-subtext a,
2952        
2953        [class*="bg-"] .bg-danger .fc-day-header.fc-today a,
2954        [class*="bg-"] .bg-danger .cs-subtext,
2955        [class*="bg-"] .bg-danger .cs-subtext a,
2956 
2957  
2958        /* Calendar day numbers */
2959        
2960        .bg-danger .fc-day-number,
2961        [class*="bg-"] .bg-danger .fc-day-number,
2962  
2963        /* Upcoming Events with Nesting Adjustments */
2964  
2965        [class*="bg-"] .bg-danger .cs-link, /* this is for a default background on top of a contrast background */
2966        [class*="bg-"] .bg-danger .cs-subtext,
2967        [class*="bg-"] .bg-danger .cs-item-title,
2968   
2969  
2970         /*  All Media App Color Adjustments  */
2971  
2972        .bg-danger .cs-caption,
2973        .bg-danger .cs-audiolist2 .cs-item-title,
2974        .bg-danger .cs-audiolist2 .active .cs-item-title,
2975        .bg-danger .cs-audiolist2 .cs-caption,
2976        .bg-danger .cs-audiolist2 .active .cs-caption,
2977 
2978        [class*="bg-"] .bg-danger .cs-caption,
2979        [class*="bg-"] .bg-danger .cs-audiolist2 .cs-item-title,
2980        [class*="bg-"] .bg-danger .cs-audiolist2 .active .cs-item-title,
2981        [class*="bg-"].bg-danger .cs-audiolist2 .cs-caption,
2982        [class*="bg-"] .bg-danger .cs-audiolist2 .active .cs-caption,
2983  
2984  
2985  
2986  
2987        /* Upcoming Events Title */
2988  
2989        .bg-danger .cs-card2 .cs-link .cs-item-title,
2990        [class*="bg-"] .bg-danger .cs-card2 .cs-link .cs-item-title,
2991       
2992  
2993        /* Upcoming Events Description */
2994  
2995        .bg-danger .carousel-inner .cs-card2.active .cs-text,
2996        [class*="bg-"] .bg-danger .carousel-inner .cs-card2.active .cs-text,
2997       
2998  
2999         
3000        /* Upcoming Events Time*/
3001  
3002        .bg-danger .cs-card2 .cs-subtext,
3003        [class*="bg-"] .bg-danger .cs-card2 .cs-subtext,
3004 
3005        /* calendar view 2 column dates */
3006  
3007        .bg-danger .fc-day-header.fc-future a,
3008        .bg-danger .fc-day-header.fc-past a,
3009 
3010        [class*="bg-"] .bg-danger .fc-day-header.fc-future a,
3011        [class*="bg-"] .bg-danger .fc-day-header.fc-past a,
3012     
3013  
3014        /* calendar show more events text when there are more events that cant fit on day block */
3015  
3016        .bg-danger .fc-daygrid-more-link.fc-more-link,
3017        [class*="bg-"] .bg-danger .fc-daygrid-more-link.fc-more-link
3018  
3019  
3020  {color:var(--danger-e-color);}
3021  
3022  
3023     /* --- Black Elements --- */
3024  
3025        /* jumbotron */
3026  
3027        .bg-danger .jumbotron h1,
3028  
3029        /* Calendar */
3030  
3031        .bg-danger .fc-list-heading a,
3032  
3033        /* Calendar day numbers */
3034  
3035        .bg-danger .fc-today a,
3036  
3037        /*  All Media App Color Adjustments  */
3038  
3039        .bg-danger .cs-audiolist1 .active .cs-item-title,
3040        .bg-danger .cs-audiolist1 .active .cs-text,
3041        .bg-danger .cs-audiolist1 .active i,
3042        .bg-danger .cs-audiolist1 .active .cs-caption,
3043        .bg-danger .cs-audiolist2-player .cs-item-title,
3044        .bg-danger .cs-audiolist2-player .cs-audio-caption,
3045        .bg-danger .cs-audiolist2-player i,
3046        .bg-danger .cs-audiolist2-player .cs-audio-time-current,
3047        .bg-danger .cs-audiolist2-player .cs-audio-time-total,
3048  
3049         /* Documents App */
3050  
3051         .bg-danger .cs-documents-files .cs-link,
3052         .bg-danger .csc-content-widget .cs-document-folders a,
3053  
3054         /* Directory Envelope Icon */
3055  
3056         .bg-danger .cs-userlist-widget i,
3057  
3058         /* Directory Envelope Icon */
3059 
3060        .bg-danger .cs-userlist-widget i,
3061  
3062        /* Documents App */
3063 
3064        .bg-danger .cs-documents-files .cs-link,
3065        .bg-danger .csc-content-widget .cs-document-folders a
3066              
3067  {color: #000000;}
3068 
3069 
3070 /* #endregion */ 
3071 
3072 /* #region calendar list view pastel colors */
3073 .red1 .fc-list-event-title a,.red2 .fc-list-event-title a,.red3 .fc-list-event-title a,.red4 .fc-list-event-title a,
3074 .orange1 .fc-list-event-title a,.orange2 .fc-list-event-title a,.orange3 .fc-list-event-title a,.orange4 .fc-list-event-title a,
3075 .yellow1 .fc-list-event-title a,.yellow2 .fc-list-event-title a,.yellow3 .fc-list-event-title a,.yellow4 .fc-list-event-title a,
3076 .lime1 .fc-list-event-title a,.lime2 .fc-list-event-title a,.lime3 .fc-list-event-title a,.lime4 .fc-list-event-title a,
3077 .green1 .fc-list-event-title a,.green2 .fc-list-event-title a,.green3 .fc-list-event-title a,.green4 .fc-list-event-title a,
3078 .blue1 .fc-list-event-title a,.green2 .fc-list-event-title a,.green3 .fc-list-event-title a,.green4 .fc-list-event-title a,
3079 .purple1 .fc-list-event-title a,.purple2 .fc-list-event-title a,.purple3 .fc-list-event-title a,.purple4 .fc-list-event-title a,
3080 .magenta1 .fc-list-event-title a,.magenta2 .fc-list-event-title a,.magenta3 .fc-list-event-title a,.magenta4 .fc-list-event-title a
3081 {color:#000;}
3082 
3083 /* #endregion */
3084 
3085 /* color adjustments end */
3086
3087/* to make buttons seperate in nav bar 2 */
3088
3089.cs-sec-nav, .cs-sec-nav .navbar-default{background-color:unset;}
3090
3091
3092
3093/* background color */
3094.cs-sec-nav .nav a:link, 
3095.cs-sec-nav .nav a:visited, 
3096.cs-sec-nav .nav a:active {
3097
3098    background: var(--sec-navbg-color);
3099
3100}
3101
3102/* text color */
3103.cs-sec-nav .nav a:link, 
3104.cs-sec-nav .nav a:visited, 
3105.cs-sec-nav .nav a:active {
3106
3107    color: var(--sec-navf-color);
3108}
3109
3110.cs-sec-nav .nav a:link, 
3111.cs-sec-nav .nav a:visited, 
3112.cs-sec-nav .nav a:active {
3113    margin: 1px 10px 1px 1px; 
3114    font-size: 15px; 
3115    letter-spacing: .5px;  
3116    padding-top: 10px;  
3117    padding-bottom: 10px;}
3118
3119
3120    
3121
3122
3123
3124
3125/* Link Adjustments  */
3126.cs-whitelinks a:link, .cs-whitelinks a:hover, .cs-whitelinks a:active, .cs-whitelinks a:visited {color:#fff;}
3127.cs-blacklinks a:link, .cs-blacklinks a:hover, .cs-blacklinks a:active, .cs-blacklinks a:visited {color:#000;}
3128
3129.cs-calendar-widget .btn-default {padding: 6px; font-size: 11px;}
3130
3131
3132/*-- quicklinks --*/
3133
3134@media only screen and (max-width: 600px) {
3135 .homepage-ql .cs-quicklinks-hover .cs-card {
3136    min-width: 100%;}}
3137
3138.homepage-ql .cs-quicklinks-hover .cs-item-title {font-size:40px;}
3139
3140.homepage-ql .cs-quicklinks-icons .cs-quicklinks-icon:hover, .homepage-ql .cs-quicklinks-icons .cs-quicklinks-icon:focus, .homepage-ql .cs-quicklinks-icons .cs-quicklinks-icon:active {
3141  box-shadow: 0 5px 10px -10px rgba(0, 0, 0, 0.5);
3142  -webkit-transform: scale(1.1);
3143  transform: scale(1.1);
3144}
3145
3146.homepage-ql .cs-quicklinks-icons .cs-item-title {font-size:18px;}
3147.homepage-ql .cs-quicklinks-icons a {color:#018484;}
3148.homepage-ql .cs-quicklinks-icons a:hover {color:#23669D;}
3149
3150.homepage-ql .cs-quicklinks-icons .cs-quicklinks-icon {
3151    display: block;
3152    text-align: center;
3153    font-size: 80px;
3154    line-height: 140px;
3155    margin-bottom: 10px;
3156margin:20px;
3157    height: 170px;
3158    width: 170px;
3159    padding: 15px;
3160    background: #F4F4F4;
3161    border: 2px #FFF solid;
3162    border-radius: 8px;
3163    box-shadow: -1px 2px 5px 2px #c9c9c9;
3164  -webkit-transform: perspective(1px) translateZ(0);
3165  transform: perspective(1px) translateZ(0);
3166  -webkit-transition-duration: 0.3s;
3167  transition-duration: 0.3s;
3168  -webkit-transition-property: box-shadow, transform;
3169  transition-property: box-shadow, transform;
3170}
3171
3172.homepage-ql .cs-quicklinks-hover .cs-description-wrapper
3173{flex-direction:inherit;}
3174
3175.homepage-ql .cs-quicklinks-hover .cs-link-focus, .homepage-ql .cs-quicklinks-hover .cs-description-wrapper:hover, .homepage-ql .cs-quicklinks-hover .cs-description-wrapper:focus {
3176    background: rgb(7 83 145);
3177    opacity: .8;
3178}
3179
3180.homepage-ql .cs-quicklinks-hover .cs-card {
3181    min-width: 25%;
3182    padding: 0;
3183    margin: 0;}
3184
3185.homepage-ql .cs-quicklinks-icons .cs-link 
3186{display: table-caption;}
3187
3188/* homepage picture QL */
3189
3190.homepage-ql .cs-quicklinks-cards .cs-link {min-width: 210px;
3191    min-height: 280px;
3192}
3193
3194.homepage-ql .cs-quicklinks-cards .cs-item-title 
3195{font-size:16px;
3196background-color: #01A7A7 !important;}
3197
3198/*  Navbar Hamburger Adjustments */
3199.noHam .navbar-toggle{
3200/*background-color:yellow;*/
3201display: none;
3202}
3203
3204
3205/*---banner quicklinks---*/
3206
3207.cs-quicklinks-iconslist .cs-link {background:#01A7A7; display: block ruby;}
3208
3209.cs-quicklinks-iconslist .cs-link {
3210  -webkit-transform: perspective(1px) translateZ(0);
3211  transform: perspective(1px) translateZ(0);
3212  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
3213  overflow: hidden;
3214  -webkit-transition-duration: 0.3s;
3215  transition-duration: 0.3s;
3216  -webkit-transition-property: color, background-color;
3217  transition-property: color, background-color;
3218}
3219.cs-quicklinks-iconslist .cs-link:hover, .cs-quicklinks-iconslist .cs-link:focus, .cs-quicklinks-iconslist .cs-link:active {
3220  background-color: #CEDC45;
3221}
3222
3223.cs-quicklinks-iconslist .cs-item-title {font-size:16px; color:#000!important;}
3224
3225.cs-quicklinks-iconslist .fa-fw {color:#000!important;}
3226
3227/* removes Hamburger */
3228
3229.noHam .navbar-collapse.collapse {
3230display: block;
3231border-top: none;
3232flex-direction:row;
3233}
3234
3235@media (max-width: 768px){
3236.noHam {
3237    
3238    position: relative;
3239    display: inline-block;
3240    right: -50%;
3241    transform: translate(-50%);
3242    z-index: 1;
3243}}
3244
3245
3246/* carousel fix */
3247.carousel-control.right {background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .8) 100%);}
3248.carousel-control.left {background-image: linear-gradient(to right, rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, .0001) 100%);
3249    </style>
3250
3251    <style name="site-fonts">
3252        
3253
3254
3255    </style>
3256
3257    <style name="site-colors">
3258        
3259    </style>
3260
3261    
3262
3263
3264
3265    <!-- load these scripts first -->
3266    
3267
3268    
3269        
3269<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous">
3270        </script>
vendor: 2 bytes, line 3270
3270
3271<script>(window.jQuery||document.write("\u003Cscript src=\u0022/lib/jquery3.5.1/jquery.min.js\u0022 crossorigin=\u0022anonymous\u0022\u003E\u003C/script\u003E"));</script>
3271
3272    
3273
3274    
3274<script>let __isMobile = window.matchMedia("only screen and (max-width: 760px)").matches;</script>
3274
3275
3276    <!-- Put JW Player scripts here for now.  TO DO: Update widget framework to allow for adding javascripts dependencies. -->
3277    
3277<script src="/js/jwplayer/jwplayer.js"></script>
3277
3278    
3278<script>jwplayer.key = "e2ENuQrC9eoMFbWWNz3dxcI6mkbnbK5iF070aGKXo28=";</script>
vendor: 84 bytes, lines 3278-3282
3278
3279
3280
3281    
3282         <script async src='https://www.googletagmanager.com/gtag/js?id=
3282G-MYFWZHN88M
vendor: 11 bytes, line 3282
3282'></script>
3282<script>        
vendor: 151 bytes, line 3282
3282window.dataLayer = window.dataLayer || [];        function gtag() { dataLayer.push(arguments); }        gtag('js', new Date());        gtag('config', '
3282G-MYFWZHN88M
vendor: 40 bytes, line 3282
3282',          { cookie_flags: 'secure' });
3282</script>
3282
3283
3284    
3284<script>
3285        window.setTimeout(function () { document.title = "Open Enrollment - Cornerstone Montessori Elementary School"; }, 500);
3286    </script>
3286
3287
3288    
3289
3290</head>
3291<body class="">
3292
3293    
3294    <a class="skip-main" href="#maincontent">Skip to main content</a>
3295    
3296
3297
3298
3299
3300
3301    <div class="cs-body cs-master-layout cs-master-layout-fullwidth csc-content-tree">
3302<div class="cs-toolbar clearfix" role="region" aria-label="User Toolbar">
3303    <div class="pull-left">
3304        <div></div>
3305    </div>
3306    <div class="pull-right text-right">
3307        <div>
3308<div class="csc-usertools">
3309    <ul class="csc-list-inline">
3310        <li class="csc-usertools-login">
3311            <a href="/sys/account/login">
3312                <i class="fa fa-sign-in"></i> &nbsp;
3313                Login
3314            </a>
3315        </li>
3316        <li class="csc-usertools-register">
3317            <a href="/sys/account/register">
3318                Register
3319            </a>
3320        </li>
3321    </ul>
3322</div>
3323
3324</div>
3325    </div>
3326</div>
3327
3328<header class="cs-header">
3329    <div class="cs-header-content">
3330        <div class=" content-zone csc-content-zone" name="header">
3331    
3332
3333
3334    <div class="content-node csc-content-node bg-clean" style="padding-top:15px;padding-right:None;padding-bottom:15px;padding-left:None;border-width:None;border-style:None;border-color:#000000;border-radius:None;">
3335        <div class="content-widget csc-content-widget" style="">
3336            
3337<div class="content-layout">
3338    <div class="row content-cell-group">
3339        <div class="col-sm-4">
3340            <div class=" content-zone csc-content-zone" name="cell-2">
3341    
3342
3343
3344    <div class="content-node csc-content-node cs-paddingheader" style="padding-top:15px;padding-right:30px;padding-bottom:15px;padding-left:30px;border-width:None;border-style:None;border-color:#000000;border-radius:None;">
3345        <div class="content-widget csc-content-widget csc-force-center" style="">
3346            
3347
3348    <div class="cs-image-widget">
3349        <a href="/" target="_self"><img src="https://content.myconnectsuite.com/api/documents/c1c57496749144e58d4a070677cce12e.png" class="img-responsive" alt="Cornerstone Montessori Elementary School Logo" title="Cornerstone Montessori Elementary School Logo" style="border-radius: 0px;max-width: 100%;max-height: auto" /></a>
3350    </div>
3351
3352        </div>
3353    </div>
3354
3355
3356</div>
3357        </div>
3358        <div class="col-sm-8">
3359            <div class=" content-zone csc-content-zone" name="cell-1">
3360    
3361
3362
3363    <div class="content-node csc-content-node" style="">
3364        <div class="content-widget csc-content-widget" style="">
3365            
3366<div class="content-layout">
3367    <div class="row content-cell-group">
3368        <div class="col-sm-8">
3369            <div class=" content-zone csc-content-zone" name="cell-1">
3370
3371</div>
3372        </div>
3373        <div class="col-sm-4">
3374            <div class=" content-zone csc-content-zone" name="cell-2">
3375    
3376
3377
3378    <div class="content-node csc-content-node cs-sec-nav noHam" style="padding-top:5px;padding-right:15px;padding-bottom:5px;padding-left:15px;border-width:None;border-style:None;border-color:#000000;border-radius:None;">
3379        <div class="content-widget csc-content-widget" style="">
3380            
3381
3382
3383
3384    <div class="navbar navbar-default cs-navbar-default " role="navigation" aria-labelledby="navMenuTitle_9d0df318e7324a529171e1fa1c511442">
3385        <div class="navbar-header cs-navbar-header">
3386            <button class="navbar-toggle cs-navbar-toggle" type="button" id="navMenuButton_9d0df318e7324a529171e1fa1c511442" data-toggle="collapse" data-target="#9d0df318e7324a529171e1fa1c511442">
3387                <span id="navMenuTitle_9d0df318e7324a529171e1fa1c511442" class="sr-only cs-text">Top Menu</span>
3388                <i class="fa fa-bars"></i>
3389            </button>
3390        </div>
3391        <div id="9d0df318e7324a529171e1fa1c511442" class="collapse navbar-collapse cs-navbar-collapse">
3392            <ul class="navbar-nav nav scrollable-nav-menu cs-navbar-list">
3393                        <li><a class="cs-link cs-item-title" href="/openenrollment" target="_self">Enrollment</a></li>
3394                        <li><a class="cs-link cs-item-title" href="https://content.myconnectsuite.com/api/documents/fafa7721256c493891fcc7cf892991a6.pdf" target="_blank">2026-27 Calendar</a></li>
3395            </ul>
3396        </div>
3397    </div>
3398<script type="text/javascript">
3399    $("#navMenuButton_9d0df318e7324a529171e1fa1c511442").click(function () {
3400        $("i", this).toggleClass("fa-bars");
3401        $("i", this).toggleClass("fa-times");
3402    });
3403</script>
3403
3404        </div>
3405    </div>
3406
3407
3408</div>
3409        </div>
3410    </div>
3411</div>
3412
3413        </div>
3414    </div>
3415
3416    
3417
3418
3419    <div class="content-node csc-content-node cs-mottotext" style="padding-top:15px;padding-right:30px;padding-bottom:15px;padding-left:30px;border-width:None;border-style:None;border-color:#000000;border-radius:None;">
3420        <div class="content-widget csc-content-widget" style="">
3421            <div class="cs-html-widget">
3422    <p style="text-align:right;">Imagine your child . . . changing the world!</p>
3423</div>
3424        </div>
3425    </div>
3426
3427    
3428
3429
3430    <div class="content-node csc-content-node" style="padding-top:0;padding-right:30px;padding-bottom:0;padding-left:30px;border-width:None;border-style:None;border-color:#000000;border-radius:None;">
3431        <div class="content-widget csc-content-widget" style="">
3432            <div class="cs-html-widget">
3433    <p style="text-align:right;"><span style="font-size:15px; line-height:15px;">1611 Ames Avenue, Saint Paul MN 55106</span></p><p style="text-align:right;"><span style="font-size:15px; line-height:15px;">PH: 651-774-5000 | F: 651-209-0846</span></p>
3434</div>
3435        </div>
3436    </div>
3437
3438
3439</div>
3440        </div>
3441    </div>
3442</div>
3443
3444        </div>
3445    </div>
3446
3447    
3448
3449
3450    <div class="content-node csc-content-node cs-main-nav" style="padding-top:15px;padding-right:None;padding-bottom:15px;padding-left:None;border-width:None;border-style:None;border-color:#000000;border-radius:None;">
3451        <div class="content-widget csc-content-widget" style="">
3452            
3453<div class="content-layout">
3454    <div class="row content-cell-group">
3455        <div class="col-sm-9">
3456            <div class=" content-zone csc-content-zone" name="cell-2">
3457    
3458
3459
3460    <div class="content-node csc-content-node" style="padding-top:5px;padding-right:None;padding-bottom:None;padding-left:None;border-width:None;border-style:None;border-color:#000000;border-radius:None;">
3461        <div class="content-widget csc-content-widget" style="">
3462            
3463<div class="content-layout">
3464    <div class="row content-cell-group">
3465        <div class="col-sm-12">
3466            <div class=" content-zone csc-content-zone" name="cell-1">
3467    
3468
3469
3470    <div class="content-node csc-content-node" style="padding-top:None;padding-right:None;padding-bottom:None;padding-left:None;border-width:None;border-style:None;border-color:#000000;border-radius:None;">
3471        <div class="content-widget csc-content-widget" style="">
3472            
3473
3474
3475
3476    <div class="navbar navbar-default cs-navbar-default " role="navigation" aria-labelledby="navMenuTitle_eec5d7aae90449a996b7f8f97e5fe780">
3477        <div class="navbar-header cs-navbar-header">
3478            <button class="navbar-toggle cs-navbar-toggle" type="button" id="navMenuButton_eec5d7aae90449a996b7f8f97e5fe780" data-toggle="collapse" data-target="#eec5d7aae90449a996b7f8f97e5fe780">
3479                <span id="navMenuTitle_eec5d7aae90449a996b7f8f97e5fe780" class="sr-only cs-text">Top Navigation Menu</span>
3480                <i class="fa fa-bars"></i>
3481            </button>
3482        </div>
3483        <div id="eec5d7aae90449a996b7f8f97e5fe780" class="collapse navbar-collapse cs-navbar-collapse">
3484            <ul class="navbar-nav nav scrollable-nav-menu cs-navbar-list">
3485                        <li><a class="cs-link cs-item-title" href="/" target="_self">Home</a></li>
3486                        <li><a class="cs-link cs-item-title" href="/about" target="_self">About Us</a></li>
3487                        <li><a class="cs-link cs-item-title" href="/employment" target="_self">Employment</a></li>
3488                        <li><a class="cs-link cs-item-title" href="/schoolboardpositions" target="_self">School Board Positions</a></li>
3489                        <li class="cs-navbar cs-navbar-item">
3490                            <a class="dropdown-toggle cs-link cs-item-title" href="#" data-toggle="dropdown">
3491                                Enrollment
3492                                <b class="caret"></b>
3493                            </a>
3494                            <ul class="dropdown-menu cs-navbar-submenu cs-navbar-item-submenu">
3495                                        <li><a class="cs-link cs-item-title" href="/enrollmentprocess" target="_self">Enrollment Process</a></li>
3496                                        <li><a class="cs-link cs-item-title" href="/openenrollment" target="_self">Open Enrollment</a></li>
3497                            </ul>
3498                        </li>
3499                        <li><a class="cs-link cs-item-title" href="/Contact" target="_self">Contact</a></li>
3500                        <li><a class="cs-link cs-item-title" href="/rfps" target="_self">RFPs</a></li>
3501                        <li class="cs-navbar cs-navbar-item">
3502                            <a class="dropdown-toggle cs-link cs-item-title" href="#" data-toggle="dropdown">
3503                                Make a Contribution
3504                                <b class="caret"></b>
3505                            </a>
3506                            <ul class="dropdown-menu cs-navbar-submenu cs-navbar-item-submenu">
3507                                        <li><a class="cs-link cs-item-title" href="/contributetocornerstone" target="_self">Contribute to Cornerstone</a></li>
3508                                        <li><a class="cs-link cs-item-title" href="/boxtops" target="_self">Box Tops 4 Education</a></li>
3509                                        <li><a class="cs-link cs-item-title" href="/mnfoodclub" target="_self">MNFood Club</a></li>
3510                                        <li><a class="cs-link cs-item-title" href="/vfamilycoffee" target="_self">Velasquez Family Coffee Fundraiser</a></li>
3511                            </ul>
3512                        </li>
3513                        <li><a class="cs-link cs-item-title" href="https://cornerstonemontessori.schoolinsites.com/sys/notifyme/Subscribe" target="_self">NotifyMe</a></li>
3514            </ul>
3515        </div>
3516    </div>
3517<script type="text/javascript">
3518    $("#navMenuButton_eec5d7aae90449a996b7f8f97e5fe780").click(function () {
3519        $("i", this).toggleClass("fa-bars");
3520        $("i", this).toggleClass("fa-times");
3521    });
3522</script>
3522
3523        </div>
3524    </div>
3525
3526
3527</div>
3528        </div>
3529    </div>
3530</div>
3531
3532        </div>
3533    </div>
3534
3535
3536</div>
3537        </div>
3538        <div class="col-sm-3">
3539            <div class=" content-zone csc-content-zone" name="cell-1">
3540    
3541
3542
3543    <div class="content-node csc-content-node" style="padding-top:15px;padding-bottom:15px;">
3544        <div class="content-widget csc-content-widget csc-force-center" style="">
3545            <googletranslate> 
3546
3547<div id='google_translate_element'></div>
3548<script>
3549        function googleTranslateElementInit()
3550        {
3551            new google.translate.TranslateElement({
3552                pageLanguage: 'en',
3553                includedLanguages: 'ar,hy,bg,zh-CN,zh-TW,hr,cs,da,nl,fil,fi,fr,de,el,haw,he,hi,hu,is,id,ga,it,ja,kk,ko,la,mi,my,no,fa,pl,pt,ro,ru,sr,sl,so,es,sv,th,tr,uk,ur,vi,cy,yi',
3554                autoDisplay: false,
3555                layout: google.translate.TranslateElement.InlineLayout.SIMPLE
3556            }, 'google_translate_element');
3557
3558            function changeGoogleStyles() {
3559                if($('.goog-te-menu-frame').contents().find('.goog-te-menu2').length) {
3560                    $('.goog-te-menu-frame').contents().find('.goog-te-menu2').css({
3561                        'max-width':'100%',
3562                        'overflow-x':'auto',
3563                        'box-sizing':'border-box',
3564                        'height':'auto'
3565                    });
3566                } else {
3567                    setTimeout(changeGoogleStyles, 50);
3568                }
3569                $('.goog-te-gadget-simple > span > a > span').first().css('color', 'black' );
3570                $('.goog-te-gadget-simple > span > a > span').first().css('background-color', 'white' );
3571            }
3572            function customGoogleTranslateBehaviour() {
3573                $('.goog-te-gadget-simple').on('click', function(e) {
3574                    e.preventDefault();
3575                });
3576                $('#goog-gt-votingHiddenPane').empty();
3577            }
3578            changeGoogleStyles();
3579            customGoogleTranslateBehaviour();
3580        }
3581</script>
vendor: 2 bytes, line 3581
3581
3582<script src='//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit'></script>
3582
3583</googletranslate>
3584<style>
3585    .goog-te-banner-frame.skiptranslate {
3586        display: none !important;
3587    }
3588
3589    .goog-te-menu-frame {
3590        max-width: 100% !important;
3591    }
3592
3593    .goog-te-menu2 {
3594        max-width: 100% !important;
3595        overflow-x: scroll !important;
3596        box-sizing: border-box !important;
3597        height: auto !important;
3598    }
3599</style>
3600        </div>
3601    </div>
3602
3603
3604</div>
3605        </div>
3606    </div>
3607</div>
3608
3609        </div>
3610    </div>
3611
3612
3613</div>
3614    </div>
3615</header>
3616
3617<div class="cs-page-bg">
3618    <div class="cs-page">
3619        <div class="cs-page-layout cs-page-layout-1">
3620            <div class="cs-page-content">
3621                <div class="page-content cs-main-content csc-content-tree" id="maincontent" role="main"><div class=" content-zone csc-content-zone" name="body">
3622    
3623
3624
3625    <div class="content-node csc-content-node" style="padding-top:0;padding-bottom:0;">
3626        <div class="content-widget csc-content-widget container" style="">
3627                <div class="clearfix cs-title-widget">
3628<h1 class="cs-page-title">Open Enrollment</h1>    </div>
3629
3630        </div>
3631    </div>
3632
3633    
3634
3635
3636    <div class="content-node csc-content-node" style="padding-top:15px;padding-bottom:15px;">
3637        <div class="content-widget csc-content-widget container" style="">
3638            
3639<div class="content-layout">
3640    <div class="row content-cell-group">
3641        <div class="col-sm-8">
3642            <div class=" content-zone csc-content-zone" name="cell-1">
3643    
3644
3645
3646    <div class="content-node csc-content-node" style="padding-top:15px;padding-bottom:15px;">
3647        <div class="content-widget csc-content-widget" style="">
3648            
3649<div class="content-layout">
3650    <div class="row content-cell-group">
3651        <div class="col-sm-12">
3652            <div class=" content-zone csc-content-zone" name="cell-1">
3653    
3654
3655
3656    <div class="content-node csc-content-node" style="">
3657        <div class="content-widget csc-content-widget" style="">
3658            <div class="cs-html-widget">
3659    <h3 style="font-family:'Nunito Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif;"><span style="font-family:'Nunito Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif4;"></span>OPEN ENROLLMENT PERIOD for 2026-2027 School Year<br></h3><p style="font-family:'Nunito Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif;"><strong></strong></p><p><span style="font-family:Verdana, Geneva, sans-serif;"><span style="font-size:medium;"><span style="font-size:medium;">Cornerstone's open enrollment period for the 2026-2027 school year is&nbsp;<strong style="font-family:'Nunito Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif;">February 1 to March 31, 2026</strong></span></span></span><span style="font-family:'Nunito Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif;"><span style="font-family:Verdana, Geneva, sans-serif;"><span style="font-size:medium;"><span style="font-size:medium;">. To be eligible for kindergarten your child must be 5 years old by September 1, 2026. Children turning 5 years between September 2 and December 31 may be eligible for early acceptance to Kindergarten. See the <a href="https://www.cornerstone-elementary.org/enrollmentprocess" title="Enrollment Process information" target="_blank"><strong><em>Enrollment Process</em></strong></a> page for more information.</span></span></span></span></p><p><span style="font-family:Verdana, Geneva, sans-serif;font-size:medium;">Application Forms received by March 31, 2026 for children entering grades K-6 will be eligible for the lottery to be held on April 13, 2026.</span></p><p style="font-family:'Nunito Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif;"><em style="font-family:'Nunito Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif;"></em><strong style="font-family:'Nunito Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif;"><em></em></strong><span style="font-family:Verdana, Geneva, sans-serif;font-size:medium;">For a copy of the&nbsp;</span><span style="font-size:large;color:#ff6600;"><strong style="font-family:Verdana, Geneva, sans-serif;">CMES 2026-27 Enrollment Application Form</strong></span><span style="font-family:Verdana, Geneva, sans-serif;font-size:medium;">&nbsp;click for&nbsp;</span><span style="font-size:medium;"><strong style="font-family:Verdana, Geneva, sans-serif;"><em><a href="https://content.myconnectsuite.com/api/documents/8b321a23b2d24d6fbcea99727cfb2d75.pdf" title="English 2026-27 Application">ENGLISH</a></em></strong></span><span style="font-family:Verdana, Geneva, sans-serif;font-size:medium;">&nbsp;or&nbsp;</span><span style="font-size:medium;"><strong style="font-family:Verdana, Geneva, sans-serif;"><em><a href="https://content.myconnectsuite.com/api/documents/6624d15f0105418588d9abb395658a14.pdf" title="Spanish - 26-27 application">SPANISH</a></em></strong></span><span style="font-family:Verdana, Geneva, sans-serif;font-size:medium;">. Download the form to your device, complete and save the document, then attach it to an email and send to [email protected]. You may also print the application form, complete the paper copy and mail to CMES.</span><span style="caret-color:#000000;color:#000000;font-family:tahoma, sans-serif;font-size:small;"></span></p><p style="font-family:'Nunito Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif;"><strong style="box-sizing:border-box;"><em style="box-sizing:border-box;"></em></strong><span style="font-family:Verdana, Geneva, sans-serif;"><span style="font-size:medium;"><span style="font-size:medium;"><strong>Non-Discrimination Statement:&nbsp;&nbsp;&nbsp;</strong>&nbsp;No child may or will be denied admission to Cornerstone Montessori Elementary School on the basis of gender, religion, ethnicity, or intellectual or physical ability. Cornerstone Montessori Elementary School is a tuition-free school.&nbsp; Students from all backgrounds are encouraged to apply.</span></span></span></p><p style="font-family:'Nunito Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif;"><strong><span style="font-family:Verdana, Geneva, sans-serif;font-size:medium;">&nbsp;</span></strong></p>
3660</div>
3661        </div>
3662    </div>
3663
3664
3665</div>
3666        </div>
3667    </div>
3668</div>
3669
3670        </div>
3671    </div>
3672
3673    
3674
3675
3676    <div class="content-node csc-content-node" style="">
3677        <div class="content-widget csc-content-widget" style="">
3678            <div class="cs-html-widget">
3679    <p style="font-family:'Nunito Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif;">&nbsp;</p><p style="font-family:'Nunito Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif;"><strong></strong><strong><span style="font-family:Verdana, Geneva, sans-serif;font-size:medium;">2025-26 SCHOOL YEAR</span></strong><br></p><p style="font-family:'Nunito Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif;"><span style="font-family:Verdana, Geneva, sans-serif;font-size:medium;"><strong>MID-YEAR ENROLLMENT for the CURRENT SCHOOL YEAR</strong></span></p><p style="font-family:'Nunito Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif;"><strong></strong><span style="font-family:Verdana, Geneva, sans-serif;font-size:medium;">A few spaces are available in the K-6 program at Cornerstone Montessori Elementary School for the current 2025-26 school year. If you are interested in learning more about the program and possible openings for your child please call 651-774-5000 for more information or submit the Enrollment Application for consideration.&nbsp;</span></p><p style="font-family:'Nunito Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif;"><em></em><strong><em></em></strong><span style="font-family:Verdana, Geneva, sans-serif;font-size:medium;">For a copy of the&nbsp;</span><strong style="font-family:Verdana, Geneva, sans-serif;">CMES 2025-26 Enrollment Application Form</strong><span style="font-family:Verdana, Geneva, sans-serif;font-size:medium;">&nbsp;click for&nbsp;</span><strong style="font-family:Verdana, Geneva, sans-serif;"><em><a href="https://content.myconnectsuite.com/api/documents/4e81f49eb310446288e74fa869fd6a23.pdf">ENGLISH</a></em></strong><span style="font-family:Verdana, Geneva, sans-serif;font-size:medium;">&nbsp;or&nbsp;</span><strong style="font-family:Verdana, Geneva, sans-serif;"><em><a href="https://content.myconnectsuite.com/api/documents/779325880ae6427c89abaf1f433c51d8.pdf">SPANISH</a></em></strong><span style="font-family:Verdana, Geneva, sans-serif;font-size:medium;">. Download the form to your device, complete and save the document, then attach it to an email and send to [email protected]. You may also print the application form, complete the paper copy and mail to CMES.</span></p><p style="font-family:'Nunito Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif;"></p>
3680</div>
3681        </div>
3682    </div>
3683
3684    
3685
3686
3687    <div class="content-node csc-content-node" style="">
3688        <div class="content-widget csc-content-widget" style="">
3689            
3690<div class="content-layout">
3691    <div class="row content-cell-group">
3692        <div class="col-sm-12">
3693            <div class=" content-zone csc-content-zone" name="cell-1">
3694
3695</div>
3696        </div>
3697    </div>
3698</div>
3699
3700        </div>
3701    </div>
3702
3703    
3704
3705
3706    <div class="content-node csc-content-node" style="">
3707        <div class="content-widget csc-content-widget" style="">
3708            
3709<div class="content-layout">
3710    <div class="row content-cell-group">
3711        <div class="col-sm-12">
3712            <div class=" content-zone csc-content-zone" name="cell-1">
3713
3714</div>
3715        </div>
3716    </div>
3717</div>
3718
3719        </div>
3720    </div>
3721
3722
3723</div>
3724        </div>
3725        <div class="col-sm-4">
3726            <div class=" content-zone csc-content-zone" name="cell-2">
3727    
3728
3729
3730    <div class="content-node csc-content-node" style="padding-top:None;padding-right:None;padding-bottom:None;padding-left:None;border-width:None;border-style:None;border-color:#000000;border-radius:None;">
3731        <div class="content-widget csc-content-widget" style="">
3732            
3733
3734
3735
3736<div class="cs-documents-widget">
3737    <div>
3738            <div class="container-fluid">
3739                <h3 class="cs-title-widget">School Year Applications</h3>
3740            </div>
3741    </div>
3742
3743
3744    <div class="panel-group cs-document-folders" id="accordion" role="tablist" aria-multiselectable="true">
3745    
3746            <div class="panel panel-default">
3747                <div class="panel-heading" role="tab" id="headingOne">
3748                    <h4 class="panel-title">
3749                    
3750                        <a role="button" class="collapsed cs-item-title" data-toggle="collapse" data-parent="#accordion" href="#collapse90c3f2c18a3d49b285e5d4604bfe415a" aria-expanded="true" aria-controls="collapseOne">
3751                            <i class="fa fa-chevron-right"></i>
3752                            2026-2027 School Year Application
3753                        </a>
3754                    </h4>
3755                </div>
3756                <div id="collapse90c3f2c18a3d49b285e5d4604bfe415a" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
3757                    <div class="panel-body">
3758                            <ul class="list-group bg cs-documents-files">
3759                                    <li class="list-group-item back ">
3760                                        <a class="cs-link cs-item-title" target="_blank" href="https://content.myconnectsuite.com/api/documents/8b321a23b2d24d6fbcea99727cfb2d75.pdf">
3761                                            <i class="fa fa-download"></i>
3762
3763                                            CMES Application Form 2026-27 English fillable PDF.pdf
3764                                        </a>
3765                                    </li>
3766                                    <li class="list-group-item back ">
3767                                        <a class="cs-link cs-item-title" target="_blank" href="https://content.myconnectsuite.com/api/documents/6624d15f0105418588d9abb395658a14.pdf">
3768                                            <i class="fa fa-download"></i>
3769
3770                                            CMES Application Form 2026-27 Spanish fillable PDF.pdf
3771                                        </a>
3772                                    </li>
3773                            </ul>
3774                    </div>
3775                </div>
3776            </div>
3777            <div class="panel panel-default">
3778                <div class="panel-heading" role="tab" id="headingOne">
3779                    <h4 class="panel-title">
3780                    
3781                        <a role="button" class="collapsed cs-item-title" data-toggle="collapse" data-parent="#accordion" href="#collapse9dc528a878914c17b07301bc4356436d" aria-expanded="true" aria-controls="collapseOne">
3782                            <i class="fa fa-chevron-right"></i>
3783                            2025-2026 School Year Application
3784                        </a>
3785                    </h4>
3786                </div>
3787                <div id="collapse9dc528a878914c17b07301bc4356436d" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
3788                    <div class="panel-body">
3789                            <ul class="list-group bg cs-documents-files">
3790                                    <li class="list-group-item back ">
3791                                        <a class="cs-link cs-item-title" target="_blank" href="https://content.myconnectsuite.com/api/documents/4e81f49eb310446288e74fa869fd6a23.pdf">
3792                                            <i class="fa fa-download"></i>
3793
3794                                            CMES Application Form 2025-26 English update fillable.pdf
3795                                        </a>
3796                                    </li>
3797                                    <li class="list-group-item back ">
3798                                        <a class="cs-link cs-item-title" target="_blank" href="https://content.myconnectsuite.com/api/documents/779325880ae6427c89abaf1f433c51d8.pdf">
3799                                            <i class="fa fa-download"></i>
3800
3801                                            CMES Application Form 2025-26 Spanish fillable.pdf
3802                                        </a>
3803                                    </li>
3804                            </ul>
3805                    </div>
3806                </div>
3807            </div>
3808    </div>
3809</div>
3810
3811<style>
3812    h4.panel-title a {
3813        display: block;
3814    }
3815    h4.panel-title a.collapsed .fa-chevron-right{
3816        color: #ada9a9 !important;
3817        transform: rotate(0deg);
3818    }
3819    h4.panel-title a .fa-chevron-right {
3820        color: #515e64 !important;
3821        transform: rotate(90deg);
3822    }
3823    .csc-hide-border {
3824        border: 0px !important
3825    }
3826</style>
3827        </div>
3828    </div>
3829
3830    
3831
3832
3833    <div class="content-node csc-content-node" style="padding-top:None;padding-right:None;padding-bottom:None;padding-left:None;border-width:None;border-style:None;border-color:#000000;border-radius:None;">
3834        <div class="content-widget csc-content-widget" style="">
3835            
3836
3837    <div class="video-widget" style="width:100%;">
3838        <h3 class="cs-widget-title">CMES School Tour</h3>
3839
3840        <div class="playerWrapperOuter">
3841                <a class="video-controls-link" href="https://www.myconnectsuite.com/videoplayercontrols" target="_blank">Video player keyboard control info.</a>
3842                <div class="playerWrapper" role="application">
3843                    <div class="cs-video-player" id="csPlayer_ef5f879ee84e4abf94c11f586196527e"></div>
3844                </div>
3845                
3845<script>
3846                    $(document).ready(function () {
3847                        try {
3848                            jwplayer("csPlayer_ef5f879ee84e4abf94c11f586196527e").setup({
3849                                hlshtml: true,
3850                                provider: "video",
3851                                primary: "html5",
3852                                title: "CMES School Tour",
3853                                file: "https://content.schoolinsites.com/api/documents/3d936781524f4944844485ef77495d57.mp4",
3854                                type: "mp4",
3855                                image: "",
3856                                
3857                                width: "100%",
3858                                aspectratio: "16:9",
3859                                autostart: false,
3860                                repeat: false,
3861                                controls: true,
3862                                stretching: "fill",
3863                                player: "Play: "
3864                            }).on('ready', function () {
3865                                jwplayer("csPlayer_ef5f879ee84e4abf94c11f586196527e").play(false);
3866                            }).on('setupError', function (err) {
3867                                console.log('error setting up video player: ' + err.message);
3868                            });
3869                        }
3870                        catch (err) {
3871                            console.log("video setup error: " + err.message);
3872                        }
3873                    });
3874                </script>
3874
3875        </div>
3876    </div>
3877<script type="text/javascript">
3878    $(document).ready(function () {
3879        $("#csPlayer_ef5f879ee84e4abf94c11f586196527e").attr("aria-label","Play: ");
3880    });
3881</script>
3881
3882        </div>
3883    </div>
3884
3885    
3886
3887
3888    <div class="content-node csc-content-node" style="">
3889        <div class="content-widget csc-content-widget" style="">
3890            <div class="cs-html-widget">
3891    <p>&nbsp;</p><p>Enjoy a tour of Cornerstone Montessori Elementary School's campus. If you are interested in visiting Cornerstone please call 651-774-5000 for more information or to schedule an in-person tour.</p>
3892</div>
3893        </div>
3894    </div>
3895
3896
3897</div>
3898        </div>
3899    </div>
3900</div>
3901
3902        </div>
3903    </div>
3904
3905
3906</div></div>
3907            </div>
3908        </div>
3909    </div>
3910</div>
3911
3912<footer class="cs-footer">
3913    <div class="cs-footer-content">
3914        <div class=" content-zone csc-content-zone" name="footer">
3915    
3916
3917
3918    <div class="content-node csc-content-node bg-muted cs-lineheight" style="padding-top:0;padding-bottom:0;">
3919        <div class="content-widget csc-content-widget container" style="">
3920            
3921<div class="content-layout">
3922    <div class="row content-cell-group">
3923        <div class="col-sm-12">
3924            <div class=" content-zone csc-content-zone" name="cell-1">
3925
3926</div>
3927        </div>
3928    </div>
3929</div>
3930
3931        </div>
3932    </div>
3933
3934    
3935
3936
3937    <div class="content-node csc-content-node" style="padding-top:15px;padding-bottom:15px;">
3938        <div class="content-widget csc-content-widget container" style="">
3939            
3940<div class="content-layout">
3941    <div class="row content-cell-group">
3942        <div class="col-sm-12">
3943            <div class=" content-zone csc-content-zone" name="cell-1">
3944    
3945
3946
3947    <div class="content-node csc-content-node" style="padding-top:None;padding-right:None;padding-bottom:None;padding-left:None;border-width:None;border-style:None;border-color:#000000;border-radius:None;">
3948        <div class="content-widget csc-content-widget" style="">
3949            <div class="cs-html-widget">
3950    <p style="text-align:center;"><span style="font-size:12px;color:#ffffff;">We are committed to providing a website that is accessible to the widest possible audience, regardless of technology or ability. This website endeavors to comply with best practices and standards defined by Section 508 of the U.S. Rehabilitation Act.
3951</span></p>
3952</div>
3953        </div>
3954    </div>
3955
3956    
3957
3958
3959    <div class="content-node csc-content-node" style="padding-top:15px;padding-bottom:15px;">
3960        <div class="content-widget csc-content-widget" style="">
3961            
3962<div class="content-layout">
3963    <div class="row content-cell-group">
3964        <div class="col-sm-6">
3965            <div class=" content-zone csc-content-zone" name="cell-1">
3966    
3967
3968
3969    <div class="content-node csc-content-node" style="padding-top:15px;padding-bottom:15px;">
3970        <div class="content-widget csc-content-widget csc-force-center" style="">
3971            
3972<div class="search-field search-field-lucene  " data-module="widgets/search">
3973    <label for="q" class="hidden-sc">Search</label>
3974    <input id="q" type="text" name="searchInput" placeholder="Search" />
3975    <i name="searchGo" class="fa fa-search"></i>
3976</div>
3977
3978        </div>
3979    </div>
3980
3981
3982</div>
3983        </div>
3984        <div class="col-sm-6">
3985            <div class=" content-zone csc-content-zone" name="cell-2">
3986    
3987
3988
3989    <div class="content-node csc-content-node" style="padding-top:15px;padding-right:None;padding-bottom:15px;padding-left:None;border-width:None;border-style:None;border-color:#000000;border-radius:None;">
3990        <div class="content-widget csc-content-widget csc-force-center" style="">
3991            
3992
3993    <div class="cs-image-widget">
3994        <a href="https://www.schoolinsites.com/" target="_blank"><img src="https://content.schoolinsites.com/api/documents/1536a33f166240af9c3ef504396bff37.png" class="img-responsive" alt="SCHOOLinSITES" title="SCHOOLinSITES" style="border-radius: 0px;max-width: 100%;max-height: auto" /></a>
3995    </div>
3996
3997        </div>
3998    </div>
3999
4000
4001</div>
4002        </div>
4003    </div>
4004</div>
4005        </div>
4006    </div>
4007
4008
4009</div>
4010        </div>
4011    </div>
4012</div>
4013
4014        </div>
4015    </div>
4016
4017
4018</div>
4019    </div>
4020    <div class="cs-footer-info">
4021        <div class="copyright">
4021Copyright &copy; 2026 Cornerstone Montessori Elementary School
4022</div>
4023    </div>
4024</footer>    </div>
4025
4026
4027
4028
4029
4030
4031
4032
4033<script>
4034    $(document).ready(function () {
4035    });
4036</script>
4036
4037
4038
4039
4040    
4041
4042    
4043        
4043<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous">
4044        </script>
vendor: 2 bytes, line 4044
4044
4045<script>(window.jQuery.fn.modal||document.write("\u003Cscript src=\u0022/lib/bootstrap/dist/js/bootstrap.min.js\u0022 crossorigin=\u0022anonymous\u0022\u003E\u003C/script\u003E"));</script>
4045
4046    
4047
4048    
4048<script src="/js/site.js?v=SkBRGN1zKlr7I0XLYBhUxqVMJLRNhIC9PVzm86RqF18"></script>
4048
4049
4050    <!-- MVC View Scripts-->
4051    
4052    
4052<script src="/js/jquery-ui/jquery-ui-1.13.2.min.js"></script>
4052
4053    
4053<script src="/js/jquery-ui/jquery.ui.touch-punch.js"></script>
4053
4054    
4054<script src="/js/content.js?v=RFt2nsbRsk7ODh7fPKmVZRIRORp7F8xv1QG4MWVMed8"></script>
4054
4055
4056
4057    
4058
4059
4060
4061    <!-- Site Components: Render after MVC View Scripts -->
4062    
4062<script src="/js/dialog.js?v=U7x_P-RGJm34ojdh0-PjAyhUrO4K1c6FUIthBHbRHag"></script>
4062
4063    
4063<script src="/js/toolbar.js?v=yA54fWzDkZnO2v4n0iJHqYZSPjpMOvJUc9HZIYnmthA"></script>
4063
4064    
4064<script src="/js/siteform.js?v=OIo5tXKXkmF1uzC1k8prQNvijeHmO47G-G1lL8Jr2pI"></script>
4064
4065
4066    <!-- Require Js -->
4067    
4067<script src="/lib/requirejs/require.js" data-main="/js/app001"></script>
4067
4068
4069</body>
4070</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.