@import url("/ctl/files/includes/css/breadcrumbs.css");
@import url("/ctl/files/includes/css/charts.css");
.page-content {padding-top: 1.5rem;}
.home-hero-wrapper h1 {color:#ffcd00;}
.home-hero-wrapper p.h5 {color:#fff;}
.page-footer a:link, .page-footer a:visited {color:#fff;}
.page-footer a:hover {color:#111c4e;}
.page-footer .btn-warning:link {color:#000 !important;}
hr {border-top: var(--bs-border-width) solid rgba(0, 0, 0, 0.5); opacity: 0.5; width: 100%;}
/* ** TEXT colors ***/
.text-blue {font-weight: 400; color: #007681;}
.text-orange {font-weight: 400; color: #C25400;}
.text-blk {font-weight:400; color:#707070;}
.text-dkred {font-weight:400; color:#a6192e;}
/** END TEXT colors ***/
.hr-secondary-dashed {background-repeat: round;height: 3px;font-size: 4px;margin-bottom: 25px;
    color: #ffcd00;border-bottom: 1em dashed;display: inline-block;margin: 10px 0;position: relative;vertical-align: top;
    width: 100%;}
.hr-primary {margin:1.5rem 0; border-top: 2px solid #87d1e6; opacity: 1;}
.hr-secondary {border-top: 2px solid #ffcd00; opacity: 1;}
.hr-blue {border-top: 2px solid #007681; opacity: 1;}
.hr-orange{border-top: 2px solid #C25400; opacity: 1;}
.hr-blk{border-top: 2px solid #707070; opacity: 1;}
.hr-dkred{border-top: 2px solid #a6192e; opacity: 1;}
.dark-rule {border-top: 2px solid #000; opacity: 0.75;}
#secondary-page .page-content {margin-top:-4rem;}
#card-groupings .box-wrapper.themeCustom, #secondary-page .box-wrapper.themeCustom {background: #ffcd00 url("/ctl/news-events/archived-wordpress/assets/2023/03/topo-white-1500.png") center / cover no-repeat;}
.cardB .card-category {font-size:.7rem;text-decoration:uppercase;color:#236192;}
.card-category:not(:last-child)::after {
  content: "|";
  margin: 0 4px; /* Adjust spacing around the asterisk as needed */
  color: #ccc; /* Optional: adjust color */
}
.multicolumn-container.container {margin-top:2rem;}
.box-wrapper.bg-dark-grad {background: #FFCD00; background: linear-gradient(150deg,rgba(255, 205, 0, 1) 0%, rgba(247, 228, 148, 1) 100%);}
.box-wrapper.bg-dark-grad.all-text-white *, .box-wrapper.bg-dark-grad.text-all-white * {color:#000;}
.box-wrapper.bg-dark-grad.text-all-white .feature-box.f-style-2 .btn-secondary.text-white {color:#000 !important;}
.box-wrapper.bg-dark-grad.text-all-white .feature-box.f-style-2 .btn-secondary.text-white:hover {color:#fff !important;}
.box-wrapper.bg-dark-grad .btn-primary {color:#fff;}
.box-wrapper .multicolumn-container.container {margin-top:0rem;}
.feature-box.bg-dark-grad .btn-seconday {color:#000 !important;}
.courseShowcase img{height:100%; width: 87px; object-fit: cover;}
.courseShowcase .multicolumn-container:nth-of-type(odd) {background:rgba(135, 209, 230, .5); padding-right:2rem;margin-bottom:1rem;}
.courseShowcase .multicolumn-container:nth-of-type(even) {background:rgba(255, 205, 0, .2); padding-right:2rem;margin-bottom:1rem;}
.courseShowcase .multicolumn-container .col-md-4 {margin-bottom: 0rem !important;}
.ecampusBox .box-wrapper.bg-dark-grad {
  background: #ffcd00 url("/ctl/news-events/archived-wordpress/assets/2024/11/116-triangle-pattern-opt_sm.png") center / contain repeat; /* Keep the color here */
}
.ecampusCourse .feature-box.bg-white {background-image: linear-gradient(to right, rgba(253, 251, 211, 1), rgba(253, 251, 211, 0));}
.designTeam .box-wrapper.bg-grad {
    background: #236192 url("/ctl/news-events/archived-wordpress/assets/2023/03/topo-white-1600.png") center / cover no-repeat;
}
.designTeam .feature-box.bg-white {background: rgba(201, 219, 232, 1) !important;}
.examServ .box-wrapper.bg-dark-grad {
  background: #ffcd00 url("/ctl/news-events/archived-wordpress/assets/2023/11/triangleOverlay.png"); /* Keep the color here */
	background-repeat: repeat-y;
	background-position: top right;
}
.staffBox .box-wrapper.themeCustom {background: #e0e0e0 url('/ctl/news-events/archived-wordpress/assets/2023/03/topo-white-1600.png') center left/ cover no-repeat;}
.mediaTeam .box-wrapper.themeCustom {background: #000 url("/ctl/news-events/archived-wordpress/assets/2023/11/eric-tls-dark.jpg") center / cover no-repeat;}
.akxStyles section {padding-top: 0rem;}
.akxStyles1 .feature-box {background-color: transparent; background-image: linear-gradient(145deg, rgba(195, 215, 230, 1) 41%, rgba(255, 255, 255, 1) 83%);}
.akxStyles2 .feature-box {background-color: rgba(201, 219, 232, 1) !important;}
.akxStyles2 .feature-box .feature-box-title {position:relative;z-index:1;margin-top: 1rem !important;text-align: center;}
.akxStyles2 .feature-box .feature-box-title::before {
  /* Step 3 & 4: Icon setup */
  font-family: "Font Awesome 6 PRO";
  font-weight: 800;
  font: var(--fa-font-solid);
  content: "\f10d"; /* Unicode for 'star' icon */
  
  /* Step 5: Background-like positioning */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1; /* Places icon behind text */
  
  /* Styling as a background */
  font-size: 6rem;
  color: rgba(0, 0, 0, 0.1); /* Low opacity for watermark effect */
  pointer-events: none; /* Prevents icon from blocking text selection */
}

/* Middle copy styling (optional) */
.impact-copy p { max-width: 60ch; }

/* TIMELINE CSS */ 
  .timeline {
    position: relative;
  }

  .timeline::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 4px;
    background-color: var(--bs-border-color, #dee2e6);
    transform: translateX(-50%);
  }

  .timeline-item {
    position: relative;
    width: 50%;
    margin-bottom: 2rem;
  }

  .timeline-item.left {
    left: 0;
    padding-right: 2.5rem;
  }

  .timeline-item.right {
    left: 50%;
    padding-left: 2.5rem;
  }

  .timeline-marker {
    position: absolute;
    top: 1.25rem;
    width: 1.25rem;
    height: 1.25rem;
    z-index: 2;
  }

  .timeline-item.left .timeline-marker {
    right: -0.625rem;
  }

  .timeline-item.right .timeline-marker {
    left: -0.625rem;
  }

  .timeline-dot {
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    background-color: #111c4e;
    border: 3px solid var(--bs-body-bg, #fff);
    box-shadow: 0 0 0 3px var(--bs-border-color, #dee2e6);
  }

  .timeline .card {
    border-radius: 0.75rem;
  }
.timeline .datetime {color: #236192;font-size: 1.2rem;font-weight: 500;}

  @media (max-width: 767.98px) {
    .timeline::before {
      left: 1rem;
      transform: none;
    }

    .timeline-item,
    .timeline-item.left,
    .timeline-item.right {
      width: 100%;
      left: 0;
      padding-left: 3rem;
      padding-right: 0;
    }

    .timeline-item.left .timeline-marker,
    .timeline-item.right .timeline-marker {
      left: 0.375rem;
      right: auto;
    }
  }
/* Speech bubble CSS parameters */
.speech-bubble {
  position: relative;
  max-width: 520px;
  background: #111c4e;
  color: #ffffff;
  padding: 2rem;
  border-radius: 1rem;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.25rem;
  line-height: 1.6;
  font-weight: 600;
}

/* Bottom-left speech bubble tail */
.speech-bubble::after {
  content: "";
  position: absolute;
  left: 2rem;
  bottom: -2rem;
  width: 0;
  height: 0;
  border-top: 2.25rem solid #111c4e;
  border-right: 2.25rem solid transparent;
}

/* Remove default paragraph spacing issues */
.speech-bubble p {
  margin: 0;
  font-size: 0.9rem;
}
/* Drop cap */
.speech-bubble p::first-letter {
  float: left;
  font-size: 4.5rem;
  line-height: 0.9;
  font-weight: 700;
  margin-right: 0.35rem;
  margin-top: 0.15rem;
}
.speech-bubble-norm {
  position: relative;
  background: #111c4e;
  color: #ffffff;
  padding: 1.25rem 1.5rem;
  border-radius: 16px;
  max-width: 100%;
  line-height: 1.6;
}

/* Bottom-left speech bubble tail */
.speech-bubble-norm::after {
  content: "";
  position: absolute;
  left: 24px;
  bottom: -18px;
  width: 0;
  height: 0;
  border-top: 20px solid #111c4e;
  border-right: 22px solid transparent;
}
.speech-bubble-top-right {
  position: relative;
  background: #236192;
  color: #ffffff;
  padding: 1.25rem 1.5rem;
  border-radius: 16px;
  max-width: 700px;
  line-height: 1.6;
}

/* Tail pointing outward from upper-right side */
.speech-bubble-top-right::after {
  content: "";
  position: absolute;
  top: 15px;
  right: -18px;
  width: 0;
  height: 0;
  border-left: 18px solid #236192;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
}

.speech-bubble-top-right p {
  margin: 0;
}
.speech-bubble-top-left {
  position: relative;
  background: #236192;
  color: #ffffff;
  padding: 1.25rem 1.5rem;
  border-radius: 16px;
  max-width: 700px;
  line-height: 1.6;
}

/* Tail pointing outward from upper-left side */
.speech-bubble-top-left::after {
  content: "";
  position: absolute;
  top: 15px;
  left: -18px;
  width: 0;
  height: 0;
  border-right: 18px solid #236192;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
}

.speech-bubble-top-left p {
  margin: 0;
}
/* Separator patterns */

.separator-pattern {
    height: 15px;
    display: block;
    background-image: url('/ctl/images/reports/2013-2014/separator_pattern.png');
    background-repeat: repeat-x;
    background-position: 0 0;
    background-color: transparent;
}
section.separator-pattern {padding-top: 36px;}
section.parallax {margin: -80px 0; padding-top: 0rem; padding-bottom: 0rem;}
.parallax section {
    background-repeat: no-repeat;
    background-color: transparent;
    background-attachment: fixed;
    background-position: center 0;
    padding: 1px 40px;
}