body {
	--none: none;
	--null: 0;

	--normal-font-weight: 400;
    --bold-font-weight: 700;

	--title-font-family: var(--title-font-family);

	--font-normal-variant: normal;
	--font-small-caps: small-caps;
	--font-all-small-caps: all-small-caps;

	--text-transform-cap: capitalize;
	--text-transform-upper: uppercase;
	--text-transform-lower: lowercase;
	--text-transform-none: none;
	--text-transform-full: full-width;

	--standard-line-height: 1.3;
	--standard-text-margin: .75rem 0;
	--standard-text-padding: 0;
	
	--title-border-bottom: 1px solid var(--secondary-color);

	--h1-size: 3.5rem;
    --h2-size: 2.5rem;
    --h3-size: 2rem;
    --h4-size: 2rem;
    --h5-size: 1.75rem;
    --h6-size: 1.5rem;

	--h1-color: var(--primary-color);
	--h1-font-family: var(--title-font-family);
	--h1-font-size: var(--h1-size);
	--h1-font-weight: var(--normal-font-weight);
	--h1-font-variant-caps: var(--font-normal-variant);
	--h1-text-transform: var(--text-transform-none);
	--h1-line-height: var(--standard-line-height);
	--h1-margin: var(--standard-text-margin);
	--h1-padding: var(--standard-text-padding);
	--h1-border-bottom: var(--none);
	--h1-border-radius: var(--null);
	--h1-background: var(--none);

	--h2-color: var(--heading-color);
	--h2-font-family: var(--title-font-family);
	--h2-font-size: var(--h2-size);
	--h2-font-weight: var(--normal-font-weight);
	--h2-font-variant-caps: var(--font-small-caps);
	--h2-text-transform: var(--text-transform-none);
	--h2-line-height: var(--standard-line-height);
	--h2-margin: var(--standard-text-margin);
	--h2-padding: var(--standard-text-padding);
	--h2-border-bottom: var(--none);
	--h2-border-radius: var(--null);
	--h2-background: var(--none);

	--h3-color: var(--heading-color);
	--h3-font-family: var(--title-font-family);
	--h3-font-size: var(--h3-size);
	--h3-font-weight: var(--normal-font-weight);
	--h3-font-variant-caps: var(--font-normal-variant);
	--h3-text-transform: var(--none);
	--h3-line-height: var(--standard-line-height);
	--h3-margin: 0 0 10px 0;
	--h3-padding: var(--standard-text-padding);
	--h3-border-bottom: var(--title-border-bottom);
	--h3-border-radius: var(--null);
	--h3-background: var(--none);

	--h4-color: var(--heading-color);
	--h4-font-family: var(--body-font-family);
	--h4-font-size: var(--h4-size);
	--h4-font-weight: var(--normal-font-weight);
	--h4-font-variant-caps: var(--font-normal-variant);
	--h4-text-transform: var(--none);
	--h4-line-height: var(--standard-line-height);
	--h4-margin: var(--standard-text-margin);
	--h4-padding: var(--standard-text-padding);
	--h4-border-bottom: var(--none);
	--h4-border-radius: var(--null);
	--h4-background: var(--none);

	--h5-color: var(--default-white);
	--h5-font-family: var(--title-font-family);
	--h5-font-size: var(--h5-size);
	--h5-font-weight: var(--normal-font-weight);
	--h5-font-variant-caps: var(--font-normal-variant);
	--h5-text-transform: var(--none);
	--h5-line-height: var(--standard-line-height);
	--h5-margin: var(--standard-text-margin);
	--h5-padding: .5rem;
	--h5-border-bottom: var(--none);
	--h5-border-radius: .2rem;
	--h5-background: var(--primary-color);

	--h6-color: var(--heading-color);
	--h6-font-family: var(--body-font-family);
	--h6-font-size: var(--h6-size);
	--h6-font-weight: var(--normal-font-weight);
	--h6-font-variant-caps: var(--font-normal-variant);
	--h6-text-transform: var(--text-transform-upper);
	--h6-line-height: var(--standard-line-height);
	--h6-margin: var(--standard-text-margin);
	--h6-padding: var(--standard-text-padding);
	--h6-border-bottom: var(--none);
	--h6-border-radius: var(--null);
	--h6-background: var(--none);
}

body {color: #333; /*font-family: 'Lato', sans-serif;*/}

h1, h2, h3, h4, h5, h6 {margin: .75rem 0; line-height: 1.3; font-weight: normal;}
p, li {line-height: 1.3;}
.page-header h1 {text-transform: none; font-size: 3rem;}
.page-header h2 {padding-bottom: 0.25rem; line-height: 2.5rem;}
h1 {color: var(--heading-color); font-family: var(--heading-font-family); font-size: var(--h1-font-size); font-weight: var(--h1-font-weight); font-variant-caps: var(--h1-font-variant-caps); text-transform: var(--h1-text-transform); line-height: var(--h1-line-height); margin: var(--h1-margin); padding: var(--h1-padding); border-bottom: var(--none); border-radius: var(--null); background: var(--h1-background);}
h2 {color: var(--heading-color); font-family: var(--heading-font-family); font-size: var(--h2-font-size); font-weight: var(--h2-font-weight); font-variant-caps: var(--h2-font-variant-caps); text-transform: var(--h2-text-transform); line-height: var(--h2-line-height); margin: var(--h2-margin); padding: var(--h2-padding); border-bottom: var(--none); border-radius: var(--null); background: var(--h2-background);}
h3 {color: var(--heading-color); font-family: var(--heading-font-family); font-size: var(--h3-font-size); font-weight: var(--h3-font-weight); font-variant-caps: var(--h3-font-variant-caps); text-transform: var(--h3-text-transform); line-height: var(--h3-line-height); margin: var(--h3-margin); padding: var(--h3-padding); border-bottom: var(--title-border-bottom); border-radius: var(--null); background: var(--h3-background);}
h4 {color: var(--heading-color); font-family: var(--body-font-family); font-size: var(--h4-font-size); font-weight: var(--h4-font-weight); font-variant-caps: var(--h4-font-variant-caps); text-transform: var(--h4-text-transform); line-height: var(--h4-line-height); margin: var(--h4-margin); padding: var(--h4-padding); border-bottom: var(--none); border-radius: var(--h4-border-radius); background: var(--h4-background);}
h5 {color: var(--default-white); font-family: var(--heading-font-family); font-size: var(--h5-font-size); font-weight: var(--h5-font-weight); font-variant-caps: var(--h5-font-variant-caps); text-transform: var(--h5-text-transform); line-height: var(--h5-line-height); margin: var(--h5-margin); padding: var(--h5-padding); border-bottom: var(--none); border-radius: .2rem; background: var(--primary-color);}
h6 {color: var(--secondary-color); font-family: var(--body-font-family); font-size: var(--h6-font-size); font-weight: var(--h6-font-weight); font-variant-caps: var(--h6-font-variant-caps); text-transform: var(--h6-text-transform); line-height: var(--h6-line-height); margin: var(--h6-margin); padding: var(--h6-padding); border-bottom: var(--none); border-radius: var(--null); background: var(--h6-background);}
a {color: var(--primary-color);} 
a:hover {color: var(--default-black);}

/*********FANCY STYLES BEGIN******/
span.dropcap {font-size: 2.5rem; line-height: 1;}

h1.decorative {
    display: grid;
    grid-template-columns: auto minmax(10px, 1fr);
    align-items: center;
    font-size: 7vw;
    grid-gap: 40px;
    width: 100%;
    border-bottom: none;
    text-align: center;
}
h1.decorative:after {
    content: '';
    border-top: 1px solid var(--primary-color);
}
h1.background {
	color: white;
	background-color: var(--secondary-color);
	padding: 1.5rem 5rem; 
}

h2.decorative {
	display: grid;
    grid-template-columns: minmax(20px, 1fr) auto minmax(20px, 1fr);
    align-items: center;
	grid-gap: 50px;
	width: 100%;
    border-bottom: none;
	text-align: center;
}
h2.decorative:before {
	content: '';
    border-top: 1px solid var(--primary-color);
}
h2.decorative:after {
	content: '';
    border-top: 1px solid var(--primary-color);
}
h4.decorative {
    display: grid;
    grid-template-columns: auto minmax(10px, 1fr);
    align-items: center;
    grid-gap: 30px;
    width: 100%;
    border-bottom: none;
    text-align: center;
}
h4.decorative:after {
    content: '';
    border-top: 1px solid var(--primary-color);
}

.noborder td {border: 1px transparent solid;}
.noborder tr {border: 1px transparent solid;}


/*********FANCY STYLES END******/

@media only screen and (min-width: 50.99rem) {
    h1 {font-size: 2.2rem;}
    h2 {font-size: 1.75rem;}
    h3 {font-size: 1.75rem;}
    h4 {font-size: 1.75rem;}
    h5 {font-size: 1.2rem;}
    h6 {font-size: 1.2rem;}
    p, div, li {font-size: 1rem; /*margin-bottom: 4px;*/}
    h1, h2, h3 {line-height: 1.2;}
    h4, h5, h6, p, td {line-height: 1.1;}
}

@media only screen and (max-width: 50.99rem)) {
    h1 {font-size: 2.2rem;}
    h2 {font-size: 1.75rem;}
    h3 {font-size: 1.75rem;}
    h4 {font-size: 1.75rem;}
    h5 {font-size: 1.2rem;}
    h6 {font-size: 1.2rem;}
    /*p {font-size: 1rem; margin-bottom: 4px;}*/
    h1, h2, h3 {line-height: 1.2;}
    h4, h5, h6, p, td {line-height: 1.1;}
}

hr {border-bottom: 1px solid var(--primary-color);}

.dark-mode .g-title {color: var(--dark-theme-title-color);}
		/*SECTION CHANGES*/
.dark-mode :is(#g-navigation,#g-slideshow,#g-header,#g-above,#g-feature,#g-showcase,#g-utility,#g-container-main,
#g-sidebar,#g-main,#g-aside,#g-expanded,#g-extension,#g-bottom,#g-container-footer,#g-copyright) {background: var(--dark-theme-bg-2); color: var(--dark-theme-text-color);}
.dark-mode #g-footer {background: var(--dark-theme-above-bg);}
	
.dark-mode .g-main-nav {background: var(--dark-theme-above-bg);}
.dark-mode .g-main-nav .g-dropdown {background: var(--dark-theme-above-bg);}
.dark-mode .g-main-nav .g-sublevel > li:hover .g-menu-item-container {background: var(--primary-color);}
	
	
		/*PARTICLE CHANGES*/
.dark-mode .ql-fa-toplinks .g-blockcontent-subcontent-title-icon {color: var(--dark-theme-title-color);}
.dark-mode .ql-fa-toplinks .g-blockcontent-subcontent-title-text {color: var(--dark-theme-text-color);}
	
.dark-mode .mass-times-block > .g-content {background: var(--dark-theme-elevation);}
.dark-mode .mass-times-block :is(h1,h2,h3,h4,h5,h6) {color: var(--dark-theme-title-color);}
.dark-mode .mass-times-block p {color: var(--dark-theme-text-color);}
	
.dark-mode .rok-mini-particle .rme-description {color: var(--dark-theme-text-color);}
.dark-mode .rok-mini-particle :is(.rme-timeline-point:hover, .rme-timeline-point.active, .rme-timeline-point span:not(.rme-timeline-point.active .rme-timeline-point span)) {background: var(--dark-theme-title-color);}
.dark-mode .rok-mini-particle .rme-arrow {color: var(--dark-theme-title-color);}
.dark-mode .rok-mini-particle :is(.rme-timeline-point:hover span, .rme-timeline-point.active span) {background: var(--dark-theme-above-bg)!important;}

.solutio-icons {
	font-family: "Solutio";
	font-weight: 900;
	--webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	text-rendering: auto;
	line-height: 1;
}

.s-powerschool-icons:before {
	content: "p";
}

.k-knight:before {
	content: "k";
}