/*
* Template custom CSS
* Author: Nicholas A Suppiah
* Created: 8.8.2025
*/

.module-highlight-large {
  /* background-color: #3333ff; */
  color: #fff;
  padding-left: 40px;
  padding-right: 40px;
}
.module-highlight .sp-module-content {
  padding-bottom: 40px;
}
.module-highlight h2 {
  /** font-family: Didot;
  font-size: 2.5rem;  */
  font-weight: 800;
  margin-bottom: 5px;
}
.module-highlight p {
  text-align: left;
  font-family: Helvetica;
  /* font-size: 1.1rem;  
  font-weight: 500; */
  margin-bottom: 16px;
}
.module-highlight .team-title {
  text-align: center;
  font-weight: bold;
}
.module-highlight .team-text {
  text-align: center;
}
.module-highlight .card {
  background-color: #faffff; 
  /**padding-bottom: 40px; */
}
/*
.my-bottom-black li::marker {
  color: white;
}
*/
.my-bottom-black .banneritem,
.my-bottom-black .banneritem .clr{
   display: inline-block;
   margin: 0px 20px 10px 0px;
}

.module-footer-col #sp-bottom1 {
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: white;
}
.module-footer-col #sp-bottom2 {
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: white;
}

.module-centre {
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
#sp-main-body {
  padding: 10px 0;
}
span.badge.bg-danger.featured-article-badge {
    display: none !important; /* Use !important to ensure it overrides other styles */
}

/** Cards **/
.team-title {
  font-size: 1.2rem;
  color: #0033A0;
}
/** Quick Form **/
.qf_form_style {
  background-color: #1a0a0a;
}
.qf_form_style .qftabs {
  background-color: #1a0a0a;
}
/* About: Container holding the image and the text */
.container .about-summer {
  position: relative;
  text-align: center;
  color: white;
}
.container .about-background-summer {  
  background-color: #0033A0;
  color: white;
}
.about-background-summer h1, .about-background-summer h2, .about-background-summer h3 {
  margin-left: 48px;
}
.about-background-summer p {
  margin-left: 48px;
}

/* About: Bottom left text */
.about-bottom-left {
  position: absolute;
  bottom: 8px;
  left: 48px;
}