/*
moved from Hexultimate 28-Mar-2026
10-May-2026: all modx entries moved to customer.css.bak
*/

#system-message-container {
    position: fixed;
    width: 300px;
    left: calc(50vw - 150px);
    top: 50vh;
    z-index: 99999;
}

div[itemprop="articleBody"] { margin:0px; border:0; padding:0; }

.logo { font-size:35px; margin-top: 10px } 
#sp-logo { height: 80px; }
#sp-logo>.sp-column, #sp-menu>.sp-column { display: flex; justify-content: center; }
.logo>a { color: #FFC; }
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span { line-height: 10px; }
#offcanvas-toggler { height: 10px; }
#sp-menu { margin-bottom:  10px; }
.sp-megamenu-parent > li > a { color: #FFC !important; }
.sp-megamenu-parent > li.active > a { text-decoration: underline !important; }
.container {margin-left:3%; padding:0;}

/*.mod-custom {min-width:140%;} NOT SURE WHY THIS WAS INCLUDED. MESSES UP ACKNOWLEDGEMENT BELOW IMG */

.sp-module { padding:0 !important; }

#sp-main-body { padding:0; }
#adminForm { margin-left:50px; }

#sp-main p {		/* default for phone */
	font-size:10px;
	padding:10px 20px;
	margin:0; 
	border:0; 
}

#sp-right {
	margin-top:20px;
}

.pop-up { margin-right:0;}

/*******  MEDIA-SPECIFIC ******/

@media only screen and (min-width: 645px) {		/* landscape phone */
	#sp-main p {
	font-size:15px;
	}
}

@media only screen and (min-width: 680px) { /* small deskstop */
	#sp-right { margin-top:20px; }
}

@media only screen and (min-width: 1000px) and (min-height: 500px) { /* deskstop */
	#sp-main p {
		background-color: white;
		margin-right:30px; 
	}
	#sp-right { margin-top:150px; }
	.pop-up { margin-right:20px;}
}

/***************************************************/

h1 { color: #F57B20; }
prog-card {width: 10%; height: 50%; border: 1px dotted #8a8585; text-align: center; vertical-align: top;}
.col-lg-3 { min-height:99%;  }
.article { min-height:99%; }
.col-lg-3 { border: 1px solid #DED8D7; }
.control-label {float:left;}

.article-intro-image img {        
  display:block;
  margin-left:auto;
  margin-right:auto;
}
.readmore {
  position: absolute;
  bottom: 0;
  left: 10%;
  padding-top: 5px;
  height: 30px;
  width: 80%;
  text-align: center; 
  background-color: #F57B20;
}

.article-list .article .readmore a{
    color: white;
}

#sp-footer1 {
	padding-top: 20px; 
	color: #F57B20; 
	background-color: white;
	text-align: center;
}