/* Add here all your CSS customizations */

/* This file last updated 11-13-2025 by DP */

/* Below added from Stability theme.css file for staff directory August 4, 2020 dp */

/* Table of Content
==================================================
	#Portfolio
	

/*
// #Portfolio
// --------------------------------------------------
*/
/*  Project Feed Filter  */
.project-feed-filter {
  padding-left: 0;
  list-style: none;
  margin: 0 0 30px -2px;
}
.project-feed-filter > li {
  display: inline-block;
  padding: 0 2px;
}
.project-feed-filter > li .btn-primary {
  text-shadow: none !important;
}
@media (max-width: 400px) {
  .project-feed-filter > li {
    display: block;
    margin-bottom: 5px;
  }
  .project-feed-filter > li .btn {
    display: block;
    width: 100%;
  }
}
/*  Project Feed  */
.project-feed {
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .project-feed.project-feed__4cols .project-item {
    width: 25%;
  }
}
.project-feed.project-feed__fullw {
  overflow: hidden;
  border: none;
  padding: 0;
}
.project-feed.project-feed__fullw .project-item {
  position: relative;
  float: left;
  overflow: hidden;
  width: 100%;
  margin-bottom: 0;
}
@media (max-width: 767px) and (min-width: 406px) {
  .project-feed.project-feed__fullw .project-item {
    width: 50%;
    padding: 0;
  }
}
@media (min-width: 768px) {
  .project-feed.project-feed__fullw .project-item {
    width: 25%;
  }
}
@media (min-width: 992px) {
  .project-feed.project-feed__fullw .project-item {
    width: 33%;
  }
}
.project-feed.project-feed__fullw .project-item .project-img img {
  width: 100%;
  height: auto;
  padding: 0;
  border: none;
}
.project-feed.project-feed__fullw .project-item .overlay {
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
/*  Project Item Overlay */
.project-item {
  margin-bottom: 30px;
}
@media (min-width: 406px) and (max-width: 767px) {
  .project-feed__4cols .project-item,
  .project-feed__3cols .project-item,
  .project-feed__2cols .project-item {
    width: 50%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 992px) {
  .project-feed__4cols .project-item,
  .project-feed__3cols .project-item,
  .project-feed__2cols .project-item {
    margin-left: auto;
    margin-right: auto;
  }
}
.project-item .project-item-inner {
  background: #f7f7f7;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.section-dark .project-item .project-item-inner {
  background: rgba(255, 255, 255, 0.08);
}
.project-item .project-img {
  position: relative;
  overflow: hidden;
  margin: 0;
}
.project-item .project-img > img {
  margin-bottom: 0;
  width: 100%;
  height: auto;
}
.section-dark .project-item .project-img > img {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.05);
}
.project-item .overlay {
  position: absolute;
  top: 7px;
  left: 7px;
  overflow: hidden;
  right: 7px;
  bottom: 7px;
  opacity: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.project-item .dlink,
.project-item .zoom {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%;
  color: #dc2a0b;
  background: rgba(255, 255, 255, 0.9);
  text-decoration: none;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-size: 38px;
  text-align: center;
  z-index: 2;
}
.project-item .dlink:hover,
.project-item .zoom:hover {
  background: #dc2a0b;
  color: #fff;
}
.project-item .dlink .fa,
.project-item .zoom .fa {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -19px 0 0 -19px;
}
.project-item .dlink {
  left: 0;
  -webkit-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
}
.project-item .zoom {
  right: 0;
  -webkit-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  transform: translate(100%, 0);
}
.project-item .zoom .fa-file-text-o {
  margin-left: -13px;
}
.project-item .project-img:hover .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
}
.project-item .project-img:hover .dlink,
.project-item .project-img:hover .zoom {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
/*  Portfolio Description  */
.project-desc {
  text-align: center;
/*  padding: 25px 20px; */
	
	padding: 12px 1px;
	
}
.project-desc .title {
  margin-bottom: 5px;
}
.project-desc .title > a {
  color: #2f2f2f;
}
.section-dark .project-desc .title > a {
  color: #fff;
}
.project-desc .title > a:hover {
  color: #dc2a0b;
  text-decoration: none;
}
.project-desc .desc {
  color: #b4b8be;
  font-style: italic;
}
.section-dark .project-desc .desc {
  color: #aeaeae;
}
/*  Isotope Plugin  */
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  z-index: 1;
  pointer-events: none;
}
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: top, left, opacity;
  transition-property: transform, opacity;
}
.portfolio-sidebar-bottom {
  margin-bottom: -90px;
}
.portfolio-sidebar-bottom .project-feed {
  margin-bottom: 0;
}
/* Common style */
.project-item figure.effect-winston {
  position: relative;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
}
.project-item figure.effect-winston img {
  position: relative;
  display: block;
  height: auto;
  max-width: 100%;
  opacity: 0.55;
  filter: alpha(opacity=55.00000000000001);
}
.project-item figure.effect-winston figcaption {
  padding: 2em;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.project-item figure.effect-winston figcaption::before,
.project-item figure.effect-winston figcaption::after {
  pointer-events: none;
}
.project-item figure.effect-winston figcaption,
.project-item figure.effect-winston figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.project-item figure.effect-winston p {
  margin-bottom: 0;
}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.project-item figure.effect-winston figcaption > a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;
}
figure.effect-winston {
  background: #2f2f2f;
  text-align: left;
}
figure.effect-winston img {
  -webkit-transition: opacity 0.45s;
  transition: opacity 0.45s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
figure.effect-winston figcaption::before {
  position: absolute;
  width: 100%;
  height: 60px;
  bottom: 0;
  left: 0;
  content: '';
}
@media (min-width: 992px) {
  figure.effect-winston figcaption::before {
    bottom: auto;
    top: 40px;
    left: -20px;
    height: 100%;
    background: url(../images/triangle.svg) no-repeat center center;
    background-size: 100% 100%;
    -webkit-transition: opacity 0.45s, -webkit-transform 0.45s;
    transition: opacity 0.45s, transform 0.45s;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
  }
}
figure.effect-winston h2 {
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
  color: #fff;
}
figure.effect-winston p {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 0 1.5em 20px 0;
}
figure.effect-winston a {
  margin: 0 3px;
  color: #2f2f2f;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
figure.effect-winston a:hover,
figure.effect-winston a:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
figure.effect-winston p a i {
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0, 50px, 0);
  transform: translate3d(0, 50px, 0);
}
figure.effect-winston:hover img {
  opacity: 0.6;
}
figure.effect-winston:hover h2 {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
@media (max-width: 991px) {
  figure.effect-winston:hover figcaption::before {
    background: rgba(255, 255, 255, 0.3);
  }
}
@media (min-width: 992px) {
  figure.effect-winston:hover figcaption::before {
    opacity: 0.7;
    -webkit-transform: rotate3d(0, 0, 1, 20deg);
    transform: rotate3d(0, 0, 1, 20deg);
  }
}
figure.effect-winston:hover p i {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
figure.effect-winston:hover p a:nth-child(3) i {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}
figure.effect-winston:hover p a:nth-child(2) i {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
figure.effect-winston:hover p a:first-child i {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
/* Portfolio Timeline */
.portfolio-timeline {
  padding-left: 0;
  list-style: none;
  position: relative;
  margin-bottom: 50px;
}
.portfolio-timeline:before {
  content: "";
  display: block;
  position: absolute;
  left: 16px;
  top: 0;
  width: 4px;
  background: #f7f7f7;
  height: 100%;
}
@media (min-width: 992px) {
  .portfolio-timeline:before {
    left: 26px;
  }
}
@media (min-width: 992px) {
  .portfolio-timeline:after {
    content: "";
    display: block;
    position: absolute;
    left: 26px;
    bottom: 0;
    width: 4px;
    background-image: -webkit-linear-gradient(top, #f7f7f7 0%, #ffffff 100%);
    background-image: linear-gradient(to bottom, #f7f7f7 0%, #ffffff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff7f7f7', endColorstr='#ffffffff', GradientType=0);
    height: 100px;
  }
}
.portfolio-timeline > li {
  position: relative;
  padding-bottom: 40px;
}
@media (min-width: 992px) {
  .portfolio-timeline > li {
    padding-bottom: 20px;
  }
}
.portfolio-timeline > li:last-child {
  padding-bottom: 0;
}
.portfolio-timeline > li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 34px;
  height: 34px;
  background: #dcdcdc;
  border-radius: 50%;
}
@media (min-width: 992px) {
  .portfolio-timeline > li:before {
    left: 10px;
  }
}
.portfolio-timeline > li:after {
  content: "";
  display: block;
  position: absolute;
  left: 5px;
  top: 5px;
  width: 24px;
  height: 24px;
  background: #2f2f2f;
  border-radius: 50%;
}
@media (min-width: 992px) {
  .portfolio-timeline > li:after {
    left: 15px;
  }
}
.portfolio-timeline .project-item .project-desc {
  text-align: left;
  padding: 7px 0 30px 50px;
}
@media (min-width: 992px) {
  .portfolio-timeline .project-item .project-desc {
    padding-left: 0;
    padding-bottom: 0;
  }
}
.portfolio-timeline .project-item .excerpt {
  padding: 20px 0 20px 0;
}
.portfolio-timeline .project-item .project-footer {
  color: #2f2f2f;
}
.portfolio-timeline .project-item .project-footer > ul {
  margin-bottom: 24px;
}


/* Below added from to resolve top nav logo not displaying on mobile September 17, 2020 dp */


@media(max-width: 991px) {
    #header .header-logo,
    #header .header-logo img {
        width: 100px !important;
        height: auto;
    }
}



/* Below added to change background color of testimonial quote (style 3) from gray to red on new find-d--a--m---e--n---t---o-----r page - October 28, 2020 dp */


/* Style 3 */
.testimonial.testimonial-style-3 blockquote {
	background: #ba0c2f !important;
	border-radius: 4px;
	padding: 12px 30px;
}

.testimonial.testimonial-style-3 blockquote:before {
	top: 5px;
	left: 9px;
	color: #fff;
	font-size: 35px;
}

.testimonial.testimonial-style-3 blockquote:after {
	color: #777;
	font-size: 35px;
	bottom: -5px;
}

.testimonial.testimonial-style-3 blockquote p {
	color: #fff;
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 1em;
	font-style: normal;
}

.testimonial.testimonial-style-3 .testimonial-author {
	margin-left: 8px;
	align-items: center;
}

.testimonial.testimonial-style-3 .testimonial-author img {
	max-width: 55px;
}

.testimonial.testimonial-style-3 .testimonial-author p {
	margin-bottom: 0;
}

.testimonial.testimonial-style-3 .testimonial-arrow-down {
	margin-left: 20px;
	border-top: 10px solid #ba0c2f !important;
}




/* Below added to change background color of toggle-title on str- o - n - g a - c - t - ion v - e - r - b page from f7f7f7 to e8e8e8 - November 20, 2020 dp */

.toggle > .toggle-title {
	background: #e8e8e8;
}




/* Below added for Christmas party gift exchange scoreboard - December 2, 2020 dp */


.table-Christmas {
  
/*    background-color: #0F8A5F; */
    
      background-color: #FFFFFF;
    
      border: 1px solid #ddd;

}
    
/* .table-Christmas > tbody > tr:nth-of-type(odd) {
  color: #ffffff;
} */


/* .table-Christmas > tbody > tr:nth-of-type(odd) {
  background-color: #b3000c;
    color:white; 
} */

/* .table-Christmas > tbody > tr:nth-of-type(even) {
  background-color: #ffffff;
    color:black;
} */



.table-Christmas > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
   background-color: red;
}



/* the code below was taken from pre-2021 and added on 12-16-20 to display "How Graduates Found Jobs" pie charts on new Career Outcomes pages */


/* ******
   CHARTS
   ****** */
.graph {
  margin-bottom: 20px;
  position: relative;
}
.graph .percentage {
  position: absolute;
  width: 80%;
  height: 50px;
  top: 50%;
  margin-top: -25px;
  line-height: 50px;
  font-size: 30px;
  font-weight: 300;
  left: 10%;
}
.chart {
  max-width: 100%;
}
.chart-with-legend {
  
    /* original - width: 70%; */
    
    width: 50%;
    
    
  float: left;
}
.chart-with-legend + .doughnut-legend {
  
    /* width: 25%; */
    
    width: 40%;
  
    float: left;
  left: auto;
  right: 0;
}
.chart-with-legend + .doughnut-legend li {
  min-width: 0;
}
.chart-with-legend.small-chart {
  width: 190px;
  float: left;
  margin-right: 10px;
}
.chart-with-legend.small-chart + .doughnut-legend {
  width: 175px;
  float: right;
  left: auto;
  right: 0;
  margin-top: 15px;
  top: auto;
  position: static;
}
.chart-with-legend.small-chart + .doughnut-legend li {
  min-width: 0;
  margin-bottom: 20px;
}
.chart-with-horizontal-legend {
  width: 50%;
  margin: auto;
}
.chart-with-horizontal-legend + .doughnut-legend {
  width: 100%;
  position: static;
  margin: 0;
}
.chart-with-horizontal-legend + .doughnut-legend li {
  display: inline-block;
  min-width: 0;
  margin-top: 20px;
}
.doughnut-legend {
  list-style: none;
  position: absolute;
  left: 100%;
  
    
    /* original - top: 50%; */
    
    
    top: 10%;
  
    
    
    /* original - margin-top: -70px; */
    
    margin-top: 10px;
    
    
    
    
    
  padding-left: 0;
}
.doughnut-legend li {
  display: block;
  min-width: 250px;
  padding-left: 30px;
  position: relative;
  
  /* original - margin-bottom: 45px; */

  margin-bottom: 20px;
  
  border-radius: 5px;
  padding: 2px 8px 2px 36px;
  font-size: 14px;
  cursor: default;
  -webkit-transition: background-color 200ms ease-in-out;
  -moz-transition: background-color 200ms ease-in-out;
  -o-transition: background-color 200ms ease-in-out;
  transition: background-color 200ms ease-in-out;
}
.doughnut-legend li:hover {
  background-color: #fafafa;
}
.doughnut-legend li span {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 28px;
  height: 28px;
}
@media (max-width: 991px) {
  .chart-with-legend.small-chart .chart-with-legend {
    width: 100%;
    float: none;
  }
  .chart-with-legend.small-chart .chart-with-legend + .doughnut-legend {
    width: 100%;
    float: none;
    position: static;
    margin-top: 0;
  }
  .chart-with-legend.small-chart .chart-with-legend + .doughnut-legend li {
    margin-top: 20px;
    display: inline-block;
  }
  .chart-with-horizontal-legend {
    width: 100%;
  }
}








/* the code below was added on 9-9-2022 for customizing process circles */


/* Process */


.process .process-step-circle {
	/*display: flex;
	justify-content: center;
	height: 90px;
	text-align: center;
	width: 90px;
    
	border: 2px solid #CCC;
    
    border: 2px solid #000;
    
	border-radius: 50%;
	align-items: center;
	position: relative;
    
    
	background-color: transparent; */
    
    background-color: #ba0c2f;
   	
    /*transition: all 0.2s ease-in-out;*/
}


/* */
/* */


    .process .process-step-circle-content {
	
    /*font-weight: bold;*/
	
    /* color: #212529; */
    
    color: #fff;

	/*font-size: 1.6em;
	letter-spacing: -1px;
	transition: all 0.2s ease-in-out;*/
}


/* */
/* */


/*.process .process-step:hover .process-step-circle {
	background-color: #CCC; 
}*/

   .process .process-step:hover .process-step-circle {
	background-color: #fff;
}


/* */
/* */


/* .process .process-step:hover .process-step-circle .process-step-circle-content {
	color: #FFF;
} */


.process .process-step:hover .process-step-circle .process-step-circle-content {
	color: #ba0c2f;
}


/* the code below was added on 12-21-2022 for customizing the ocer interview check-in Zoom Rooms digital sign */

.ocr-digital-sign-check-in-wrapper {
  height: 100vh;  
}


/* the code below was added on 3-28-2023 to allow appear animations on the new, 20/about template */

/* Animations - this code (the original, without 23 added), is commented out in the theme-elements.css file */

.appear-animation-23 {
	opacity: 0;
}

.appear-animation-visible-23 {
	opacity: 1;
}

/* */
/* */


/* the code below was added on 4-21-2023 to change career center site footer text from #777 to #fff */

#footer a:not(.btn):not(.no-footer-css) {
	color: #fff;
	transition: all 0.1s ease-in-out;
	
	
/* the code below was added on 7-3-2024 to help remediate accessibility issues with empty links found by the wave accessibility checker */	
	
	
}



.sr-only{
   position:absolute;
   left:-10000px;
   top:auto;
   width:1px;
   height:1px;
   overflow:hidden;
}


/* the code below was added on 6-27-2025 to change header dropdown-item text from #777 to #fff */

#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
		border-bottom: 1px solid #f7f7f7;
		
/* color: #777; */
	
		color: #000;
	
		font-size: 0.83em;
		font-weight: 400;
		padding: 6px 18px 6px 18px;
		position: relative;
		text-transform: none;
		text-decoration: none;
		letter-spacing: -0.5px;
	}


/* the code below was added on 7-8-2025 to change featured boxes li-item text from #777 to #fff */


/* Featured Boxes - Style 5, 6, 7 and 9 */


.featured-boxes-style-5 .featured-box .icon-featured, .featured-boxes-style-6 .featured-box .icon-featured, .featured-boxes-style-7 .featured-box .icon-featured, .featured-boxes-style-9 .featured-box .icon-featured {
	
	color: #000;
}

/* Featured Boxes - Style 6 */
.featured-boxes-style-6 .featured-box .icon-featured {

	color: #000;
}


/* Featured Boxes - Style 7 */
.featured-boxes-style-7 .featured-box .icon-featured {

	color: #000;
}

/* Featured Boxes - Style 8 */
.featured-boxes-style-8 .featured-box .icon-featured {
	
	color: #000;
}


/* the code below was added on 8-21-2025 to visually hide descriptive text for portfolio landing page example videos while having screen readers read the descriptive text */

.visually-hidden {
        position: absolute;
        left: -10000px;
        width: 1px;
        height: 1px;
        overflow: hidden;
    }


/* the code below was added on 11-13-2025 to help remediate accessibility issues with revolution slider */
		
/* Screen reader only text */
        .sr-only {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            white-space: nowrap;
            border: 0;
        }

        .rev_slider_wrapper25a {
            max-width: 1200px;
            margin: 0 auto;
        }


/* the code below was added on 12-10-2025 to help remediate accessibility issues by replacing h1, h2, h3, etc tags used for styling */


/* x-Headings */
xh1, xh2, xh3, xh4, xh5, xh6 {
	color: #212529;
	font-weight: 200;
	letter-spacing: -.05em;
	margin: 0;
	-webkit-font-smoothing: antialiased;
}

xh1 {
	font-size: 2.6em;
	line-height: 44px;
	margin: 0 0 32px 0;
}

xh2 {
	font-size: 2.2em;
	font-weight: 300;
	line-height: 42px;
	margin: 0 0 32px 0;
}

xh3 {
	font-size: 1.8em;
	font-weight: 400;
	line-height: 24px;
	margin-bottom: 33px;
	text-transform: uppercase;
}

xh4 {
	font-size: 1.4em;
	font-weight: 600;
	line-height: 27px;
	margin: 0 0 14px 0;
}

xh5 {
	font-size: 1em;
	font-weight: 600;
	line-height: 18px;
	margin: 0 0 14px 0;
	text-transform: uppercase;
}

xh6 {
	color: #333;
	font-size: 1em;
	font-weight: 400;
	line-height: 18px;
	margin: 0 0 14px 0;
}

xh1.big {
	font-size: 4.2em;
	line-height: 54px;
}

xh1.small {
	font-size: 2.2em;
	line-height: 42px;
	font-weight: 600;
}

xh1.short {
	margin-bottom: 15px;
}

xh2.short {
	margin-bottom: 15px;
}

xh3.short,
xh4.short,
xh5.short,
xh6.short {
	margin-bottom: 9px;
}

xh1.shorter,
xh2.shorter,
xh3.shorter,
xh4.shorter,
xh5.shorter,
xh6.shorter {
	margin-bottom: 0;
}

xh1.tall,
xh2.tall,
xh3.tall,
xh4.tall,
xh5.tall,
xh6.tall {
	margin-bottom: 33px;
}

xh1.taller,
xh2.taller,
xh3.taller,
xh4.taller,
xh5.taller,
xh6.taller {
	margin-bottom: 44px;
}

xh1.spaced,
xh2.spaced,
xh3.spaced,
xh4.spaced,
xh5.spaced,
xh6.spaced {
	margin-top: 22px;
}

xh1.more-spaced,
xh2.more-spaced,
xh3.more-spaced,
xh4.more-spaced,
xh5.more-spaced,
xh6.more-spaced {
	margin-top: 44px;
}

xh1.dark,
xh2.dark,
xh3.dark,
xh4.dark,
xh5.dark {
	color: #212529;
}

xh1.light,
xh2.light,
xh3.light,
xh4.light,
xh5.light,
xh6.light {
	color: #FFF;
}

xh1.text-shadow,
xh2.text-shadow,
xh3.text-shadow,
xh4.text-shadow,
xh5.text-shadow,
xh6.text-shadow {
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}




/* the code below was added on 12-11-2025 to help remediate accessibility issues by replacing page-header h1 tag used for styling */

.page-header xh1 {
	color: #fff;
	display: inline-block;
	font-size: 30px;
	line-height: 1;
	margin: 0;
	padding: 0;
	font-weight: 400;
	position: relative;
	top: 1px;
	
	        }