@charset "utf-8";
/* CSS Document */

/*-----------Body--------------------------*/

body {
  /*  font-family: sans-serif;*/
  font-family: Arial, "Open Sans", sans-serif;
}

#pageContainer {
  width: 100%;
}
/*----------------------------------------*/

/*----------- General link formatting & behavior ---------------------*/
a {
  /* background-color: transparent !important; */
  color: #049fe0 !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  border: none !important;
}

a svg {
  width: 1em !important;
  height: 1em !important;
  fill: currentColor !important;
  vertical-align: middle !important;
  position: relative !important;
  top: -0.125em !important;
  transition: fill 0.3s ease !important;
}

a:hover {
  color: #009374 !important;
  text-decoration: underline !important;
}

a:hover svg {
  fill: currentColor !important;
}

/*----------- Header ---------------------*/

#header1Container {
  background-color: #384b52;
  width: 100%;
  color: #fff !important;
} /* Middle of the languagebar.jsp ((logo, cart, login))*/

#header1Wrapper {
  background-color: #384b52 !important;
  border-bottom: 4px solid #466069 !important;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
} /* sides of languagebar.jsp ((logo, cart, login))*/

#cartInfo .glyphicon-shopping-cart {
  color: #fff !important; /* cart color*/
}

#loginDropdownMenuLink {
  color: #fff !important; /*Login link color*/
  font-size: 0.875rem !important;
  font-weight: 500;
  text-decoration: none !important;
}

#logoutLinkWrapper {
  color: #fff !important;
  font-size: 0.875rem !important;
  font-weight: 500;
}

.headerProfileLink {
  color: #fff !important;
  font-size: 0.875rem !important;
  font-weight: 500;
}

#loginNameWrapper {
  color: #fff !important;
  font-size: 0.875rem !important;
  font-weight: 500;
  text-decoration: none !important;
}

.headerStudentLoginLogoutLink {
  color: #fff !important;
  font-size: 0.875rem !important;
  font-weight: 500;
  text-decoration: none !important;
}

#loginDropdownMenuLink .a:link {
  color: #fff !important;
  font-size: 0.875rem !important;
  font-weight: 500;
  text-decoration: none !important;
}

#collapseLoginMenuOptions .a:link {
  color: #fff !important;
  font-size: 0.875rem !important;
  font-weight: 500;
  text-decoration: none !important;
}

#collapseLoginMenuOptions .dropdown-menu .dropdown-menu-right {
  background-color: #384b52 !important;
}

/* override the light�mode SVG with a white version */
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=UTF8,\
<svg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'>\
<path stroke='%23ffffff' stroke-width='2' stroke-linecap='round' \
d='M4 7h22M4 15h22M4 23h22'/></svg>");
}

/*----------------------------------------*/

/*---------- Shopping cart----------------*/

.glyphicon-shopping-cart {
  color: #006747;
}

#cartCount {
  background-color: #ffffff;
  border: 2px solid #384b52;
  color: #466069;
}

.glyphicon-shopping-cart:hover {
  text-decoration: none !important;
  color: #9ccb3b;
}

#cartCount:hover {
  text-decoration: none !important;
  background-color: #dbe442;
}

.nav-link {
  color: #006747 !important;
  font-size: 0.875rem;
  font-weight: 400 !important;
  padding: 0.75rem 0.5rem 0.75rem 0.75rem !important;
  text-transform: uppercase;
}

.mainNavBar navbar navbar-expand-md navbar-light bg-light {
  font-weight: 400 !important;
}

/*----------------------------------------*/

/*------Nav bar---------------------------*/
#header3Wrapper,
#globalNavigationBar {
  background-color: #466069 !important;
  padding: 0;
}

#globalNavigationBar .nav-link {
  color: white !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  padding: 1rem 1.25rem !important;
  text-transform: uppercase;
}

#globalNavigationBar .nav-link:hover {
  text-decoration: none !important;
  color: #466069 !important;
  font-weight: 600 !important;
  background-color: #fff !important;
}

.nav-item.dropdown:hover .dropdown-menu,
.headerStudentLoginContainer:hover > .dropdown-menu {
  text-decoration: none !important;
  display: block !important;
  font-weight: 600 !important;
  font-size: 0.875rem !important;
}

.portalMenu .active > a,
.sidebarScrollSpy .active > a {
  background-color: #009374 !important;
  color: #ffffff !important;
  font-weight: 600 !important;
}

.dropdown-menu,
.dropdown-item {
  background-color: #cad2d8 !important;
  padding: 0.25rem 0.25rem !important;
  width: auto !important;
}

.dropdown-menu a,
.dropdown-item a {
  color: #384b52 !important;
  font-weight: 500 !important;
  margin: 0.25rem 0.25rem !important;
}

.dropdown-menu a:hover,
.dropdown-item a:hover {
  text-decoration: none !important;
  color: #384b52 !important;
  font-weight: 600 !important;
  background-color: #dbe442 !important;
}

.searchBreadcrumbSeparator,
#searchAgainLink {
  display: none !important;
}

/*--------------------------------------*/

/*--------------Login Menu--------------*/

#loginInfo,
.dropdown-menu {
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: 500 !important;
  color: #fff;
  text-decoration: none !important;
}

#loginInfo:hover,
.dropdown-menu:hover {
  text-decoration: none !important;
}

#loginDropdownMenuLink {
  color: #ffffff !important;
  font-size: 0.875rem;
  font-weight: 500 !important;
  padding: 1rem 1rem !important;
}

#loginDropdownMenuLink:hover {
  text-decoration: none !important;
  color: #466069 !important;
  font-size: 0.875rem;
  font-weight: 500 !important;
  background-color: #fff !important;
}

.dropdown-menu {
  padding: 0 0;
  border-radius: 0;
  background-color: #384b52;
}

.dropdown-item {
  padding: 0.875rem;
  color: #fff;
  font-weight: 500 !important;
}

.dropdown-item:hover {
  text-decoration: none !important;
  background-color: #384b52;
  font-weight: 500 !important;
  color: #fff;
}

.center-text {
  text-align: center;
  color: #466069 !important;
}

/*--------------------------------------*/

/*--------------Footer-----------------*/

#footer {
  width: 100%;
  background-color: #006747 !important;
}

#footer1Wrapper {
  padding: 2rem 0 0;
}

#footer1Container {
  color: #ffffff !important;
  height: auto;
}

#footer2Container,
#footer2Container.container {
  padding: 1rem 1rem 1rem 1rem;
}

#footerNav a {
  color: inherit !important;
  font-size: 0.875rem;
  text-align: left;
  margin-bottom: 0.5rem !important;
}

#footerNav a:hover {
  color: #dbe442 !important;
  text-decoration: underline !important;
}

#footerNav p {
  color: inherit !important;
  font-size: 0.875rem;
  text-align: left;
  margin-left: 0.3125rem;
  margin-bottom: 0.5rem !important;
}

#footerNav h4 {
  color: inherit !important;
  font-size: 1rem;
  font-weight: 500;
  text-align: left;
  margin-left: 0.3125rem;
  margin-top: 0.5rem;
}

#footerNav .subscribe-button {
  display: inline-block !important;
  padding: 0.25rem 2rem !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  color: #006747 !important;
  text-align: center !important;
  background-color: #ffffff !important;
  border: 3px solid #dbe442 !important;
  border-radius: 30px !important;
  text-decoration: none !important;
  margin-top: 0.25rem !important;
  margin-bottom: 1rem !important;
  transition: background-color 0.2s ease, transform 0.2s ease;
}

#footerNav .subscribe-button:hover {
  text-decoration: none !important;
  background-color: #dbe442 !important;
  color: #006747 !important;
}

@media (max-width: 639px) {
  .usf-ctpe-logo-stacked-image {
    width: 50%;
    height: auto;
  }

  #footerNav {
    padding-left: 2rem;
  }

  .poweredByDestinyOne {
    padding-left: 2rem;
    text-align: left !important;
  }
}

/*--------------------------------------*/

/*----Buttons & Links----------------------*/

.btn {
  background-color: #049fe0 !important;
  border-color: #049fe0 !important;
  transition: background-color 0.2s ease, transform 0.2s ease !important;
}

.btn:hover {
  text-decoration: none !important;
  background-color: #006747 !important;
  border-color: #006747 !important;
}

#buttonCourseProfileActionEmail,
#buttonCourseProfileActionRemind,
#buttonCourseProfileActionInquiry,
#buttonCourseProfileActionPrint,
#buttonRemoveItem1026561,
#buttonAddToSavedForLaterList1026561 {
  background-color: transparent !important;
  border-color: transparent !important;
  transition: background-color 0.2s ease, transform 0.2s ease !important;
}

/*--------------------------------------*/

/*----Content body----------------------*/

.col-md-6.px-10 {
  background: white !important;
  color: #343c44 !important;
  padding: 1.875rem 3.75rem 1.875rem 3.75rem !important;
}

.gallery {
  display: grid;
  /* now each column is exactly 255px wide */
  grid-template-columns: repeat(auto-fit, 270px);
  gap: 16px;
  padding: 0.625rem 0;
  justify-content: center; /* center the columns if there’s extra space */
}

.thumbnail {
  width: 265px;
  margin: 0 auto;
  background-color: #edebd1;
  border-radius: 5px;
  border-bottom: 4px solid #009374;

  /* make the width include the padding */
  box-sizing: border-box;

  /* 10px top/bottom, 15px left/right */
  padding: 0.3125rem 0.3125rem;
  transition: background-color 0.2s ease, transform 0.2s ease;
  /* you already have this transform 0.3s ease; add transform to the transition list */
}

.gallery .thumbnail h4 {
  margin: 0;
  color: #006747 !important; /* override the container’s color */
  font-weight: bold; /* ensure it’s bold */
  text-align: center; /* if you still want centering */
}

/* unify paragraph spacing */
.gallery .thumbnail p {
  margin: 0.3125rem 0.125rem 0;
  color: #000;
  text-align: left; /* or center if you prefer */
}

/* Add this rule to round the corners of images */
/* make images fill the padded area and add bottom gap */
.gallery .thumbnail img {
  width: 250px;
  height: auto;
  border-radius: 6px;
  margin: auto;
}

.thumbnail-link {
  text-decoration: none;
  color: inherit;
  display: block;
}

.thumbnail:hover {
  /* 2. Change the bg when .thumbnail is hovered */
  text-decoration: none !important;
  background-color: #9ccb3b;
  cursor: pointer;
  transform: translateY(-5px) scale(1.02);
}

/*--------------------- Student and Instructor Portal Menu ------------------------------------------------------*/
#studentMenu a:link {
  color: #009374 !important;
  font-weight: 600 !important;
}
#studentMenu a:visited {
  color: #009374;
}
#studentMenu a:hover {
  text-decoration: none !important;
  background-color: #dbe442 !important;
  color: #009374 !important;
}
#instructorMenu a:link {
  color: #009374 !important;
  font-weight: 600 !important;
}
#instructorMenu a:visited {
  color: #009374;
}
#instructorMenu a:hover {
  text-decoration: none !important;
  background-color: #dbe442 !important;
  color: #009374 !important;
}

/* #studentMenu .menuLink.nav-link {
  background-color: white;
}
#studentMenu a.nav-link.active {
  background-color: #dbe442;
}
#instructorMenu .menuLink.nav-link {
  background-color: white;
}
#instructorMenu a.nav-link.active {
  background-color: #dbe442;
} */

#scrollSpyMenuNav .nav-link {
  color: #009374 !important;
}

#scrollSpyMenuNav .nav-link.active {
  color: #ffffff !important;
  background-color: #80b0a6 !important;
}

#pageStudentNews .fullStoryLinkContainer,
#studentHomeUpcomingEvents {
  display: none !important;
}

/*--------------Program Area Pages-----------------*/
#buttonViewInstructors {
  visibility: hidden !important;
  display: none !important;
}

/*--------------Course Profile-----------------*/
#courseProfileSections .alert.alert.alert-warning {
  visibility: hidden !important;
  display: none !important;
}

/*--------------Banner Image-----------------*/
.banner-wrapper {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}

.banner-img {
  width: 100%;
  height: auto;
  display: block;
}

.banner-container {
  background-image: url("/srs/upload/EE%20Landing%20Page%20Banner.png");
  background-size: contain; /* or cover, depending on effect you want */
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 90px; /* matches the image height */
}

/* Adjust for mobile */
@media (max-width: 639px) {
  .banner-container {
    height: 60px; /* scale down on small screens */
    background-size: contain; /* ensures image scales down proportionally */
  }
}

/*--------- Corporate Learner Portal General -------------*/
#clpHeader1ContentWrapper .a:link {
  color: #006747 !important;
}

/*--------- Homepage: hiding news&media, announcements and highlights -------------*/
#pagePublicHome #contentModule5 {
  visibility: hidden !important;
  display: none !important;
}

/*--------- H1 and H2 font sizes -------------*/
h1 {
  font-size: 1.5rem !important;
  margin-top: 1.5rem !important;
}

h2 {
  font-size: 1.25rem !important;
}

#courseProfileSections .card-body {
  padding: 0.5rem !important;
}

#certificateStreams .card-body {
  padding: 0.5rem !important;
}

#certificateStreamsHeader {
  margin-bottom: 0;
}

.sectionHeader .sectionHeaderTitle {
  font-size: 1.25rem;
}

.courseSection h3.courseSectionTitle {
  font-weight: 400 !important;
}

.courseProfileSectionAvailability {
  font-weight: 400 !important;
}

/*--------- Section Details Special Request font - remove bold -------------*/
.specialRequestName {
  font-weight: normal !important;
}

/*--------- Cart discount and special fee font size -------------*/
/* .checkbox.cartItemFeeHeaderCheckbox.custom-control.custom-checkbox {
  font-size: 0.875rem !important;
}

.checkbox.feeDescriptionContainer.custom-control-inline.custom-control.custom-checkbox {
  font-size: 0.875rem !important;
} */

.cartContainer,
.cartTotalContainer,
.cartHeaderItemLabel.cartHeader,
.cartHeaderOptionsLabel.cartHeader,
.cartHeaderQuantityLabel.cartHeader,
.cartHeaderSubTotalLabel.cartHeader {
  font-size: 1rem !important;
}

.cartHeaderSubTotalLabel.cartHeader {
  padding-right: 15px;
}

.badge.label-courseBadge {
  padding: 0.5rem !important;
  margin-bottom: 0.5rem !important;
  background-color: #cfc493 !important;
  color: #ffffff !important;
}

.cartItemName {
  font-weight: 500 !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  margin-top: 0.5rem !important;
  margin-bottom: 0 !important;
}

.cartItemName a {
  /* font-weight: 500 !important; */
  font-size: 1rem !important;
  line-height: 1.5 !important;
  margin-top: 0.5rem !important;
  margin-bottom: 0 !important;
}

.cartItemFeaturedImageContainer,
.cartItemFeaturedImage {
  border: none !important;
}

/* ======= PATHWAYS JMO WIDGET CUSTOMIZATION ======= */

/* General container */
.ppw {
  font-family: sans-serif !important;
  color: #343c44;
  background-color: #ffffff;
}

/* Widget Title */
.ppw .ppw-title {
  color: #006747;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 1.25rem;
}

/* Headings within widget */
.ppw .ppw-heading {
  color: #006747;
  border-bottom: 2px solid #cfc493;
  font-size: 1.125rem;
  margin-top: 1.875rem;
  padding-bottom: 0.375rem;
}

/* Stat cards */
.ppw .ppw-overview-section .stat {
  background-color: #edebd1;
  border-radius: 6px;
  padding: 0.625rem;
  margin: 0.625rem;
}

/* Employment trends chart callout */
.ppw .ppw-estimated-section .callout {
  background-color: #f4f4f4;
  border-left: 4px solid #006747;
  padding: 0.625rem;
  margin-top: 1rem;
}

.ppw .ppw-estimated-section .callout .percent {
  font-size: 1.25rem;
  color: #006747;
  font-weight: bold;
}

/* Occupation bars */
.ppw .ppw-bar-container .bar-wrapper .hit-area .bar-fill {
  background-color: #006747 !important;
}

/* CTA button */
.ppw .ppw-footer .cta-p .cta {
  background-color: #006747 !important;
  color: #ffffff !important;
  padding: 0.5rem 1rem;
  border-radius: 6px;
  text-transform: uppercase;
  font-weight: bold;
}

/* Responsive behavior */
@media (max-width: 639px) {
  .ppw .ppw-title {
    font-size: 1.25rem;
  }

  .ppw .ppw-heading {
    font-size: 1rem;
  }

  .ppw .ppw-footer .cta-p .cta {
    font-size: 0.875rem;
  }
}

/*--------- Font Changes -------------*/
big {
  color: #006747;
  font-weight: bold;
}

/*---------- CSS Update to move the Notes section to the right side of the course page ----------*/
#courseProfileNotes {
  display: none;
}

/*--------------------------------------*/

/*Mapping of items to pages is in CSS Class Name Mapping file
https://usfedu.sharepoint.com/:x:/r/teams/CTPEProjectManagementGRP/Shared%20Documents/Process%20Repository/Extended%20Education/Public%20View%20Documentation/HTML%20and%20CSS/CSS%20Class%20Name%20Mapping.xlsx?d=w2b01d744adaa41a9a2729bd11d68274c&csf=1&web=1&e=er87O6
*/

/*---------- Images ----------*/

.home-pa-image,
.home-banner-image,
.home-banner-tall-image,
.course-image,
.cert-image,
.pa-title-image,
.pa-bottom-image,
.explore-pa-image,
.learn-more-image,
.nosched-notice-image,
.nosched-contact-image,
.nosched-explore-pa-image,
.partner-link-image,
.partner-link-tall-image,
.cobrand-image,
.cobrand-tall-image,
.portal-title-image,
.portal-inst-title-image,
.portal-bottom-image,
.about-us-link-image {
  width: 100% !important;
  height: auto !important;
  border: none !important;
}

.logo-image {
  width: 33% !important;
  height: auto !important;
  border: none !important;
}

.logo-image-ECD-Special {
  width: 100% !important;
  height: auto !important;
  border: none !important;
}

.quote-image {
  width: 75% !important;
  height: auto !important;
  border: none !important;
  display: inline-block !important;
  text-align: center !important;
}

.quote-image-ECD {
  width: 100% !important;
  height: auto !important;
  border: none !important;
  display: inline-block !important;
  text-align: center !important;
}

#certProfile.content .quote-image {
  width: 100% !important;
  height: auto !important;
  border: none !important;
  display: inline-block !important;
  text-align: center !important;
}

.home-banner-image,
.home-banner-tall-image {
  display: block !important;
}

.home-pa-image {
  aspect-ratio: 1.6 / 1 !important;
}

.home-banner-image,
.logo-image,
.logo-image-ECD-Special,
.learn-more-image {
  aspect-ratio: 4 / 1 !important;
}

.home-banner-tall-image {
  aspect-ratio: 3.4 / 1 !important;
}

.course-image,
.nosched-notice-image,
.nosched-contact-image,
.partner-link-image {
  aspect-ratio: 2 / 1 !important;
}

.partner-link-tall-image {
  aspect-ratio: 1.5 / 1 !important;
}

.about-us-image {
  width: 195px !important;
  height: 150px !important;
  float: left !important;
  margin: 0 1rem 0 0 !important;
  aspect-ratio: 1.3 / 1 !important;
  border: none !important;
}

.about-us-team-image {
  width: 422.5px !important;
  height: 325px !important;
  float: left !important;
  margin: 0 1rem 0 0 !important;
  aspect-ratio: 1.3 / 1 !important;
  border: none !important;
}

.about-us-values-image {
  width: 50px !important;
  height: 50px !important;
  float: left !important;
  margin: 0 1rem 0 0.5rem !important;
  aspect-ratio: 1 / 1 !important;
  border: none !important;
}

.cert-image,
.quote-image,
.quote-image-ECD,
.explore-pa-image,
.nosched-explore-pa-image {
  aspect-ratio: 3 / 1 !important;
}

.pa-title-image,
.pa-bottom-image {
  aspect-ratio: 12 / 1 !important;
}

.portal-title-image,
.portal-bottom-image {
  aspect-ratio: 8 / 1 !important;
}

.portal-inst-title-image {
  aspect-ratio: 7 / 1 !important;
}

.portal-screenshot-image {
  width: 95% !important;
  height: auto !important;
  border: none !important;
  margin: 1rem 1rem 1rem 1rem !important;
  display: inline-block !important;
  text-align: center !important;
}

/* .pa-bottom-image,
.portal-bottom-image {
  padding-top: 1rem !important;
} */

.advisor-image,
.group-square-image {
  width: 100% !important;
  height: 100% !important;
  margin: 0 0.25rem 0 0.25rem !important;
  aspect-ratio: 1 / 1 !important;
  border: none !important;
}

.modal img {
  width: 150px !important;
  height: 150px !important;
  float: left !important;
  margin: 0 1.125rem 0 0.25rem !important;
  aspect-ratio: 1 / 1 !important;
  border: none !important;
}

.cobrand-image {
  aspect-ratio: 6.7 / 1 !important;
}

.cobrand-tall-image {
  aspect-ratio: 3.1 / 1 !important;
}

.testimonial-image {
  width: 75% !important;
  height: auto !important;
  border: none !important;
  aspect-ratio: 1 / 1 !important;
}

.usf-ctpe-logo-image {
  width: 100% !important;
  height: auto !important;
  border: none !important;
  margin-bottom: 1.25rem !important;
  aspect-ratio: 4 / 1 !important;
}

.usf-ctpe-logo-stacked-image {
  width: 75% !important;
  height: auto !important;
  border: none !important;
  margin-bottom: 1.25rem !important;
  aspect-ratio: 1.3 / 1 !important;
}

/*--------------------------------*/

/*----------- Spacers and dividers ---------------------*/

.four-row-spacer {
  height: 4rem !important;
}

.three-row-spacer {
  height: 3rem !important;
}

.two-row-spacer {
  height: 2rem !important;
}

.one-row-spacer {
  height: 1rem !important;
}

.addinfo-header-spacer {
  height: 1.63rem !important;
}

.apple-thin-divider {
  border-bottom: 2px solid #9ccb3b !important;
}

.addinfo-header-divider {
  height: 1.75px !important;
  background-color: #9ccb3b !important;
  border: none !important;
  margin-top: 0 !important;
  margin-bottom: 0.5rem !important;
}

/*--------------------------------*/

/*---------- Grids & Flexboxes ----------*/

.apple-four-grid,
.gold-four-grid,
.apple-three-grid,
.gold-three-grid,
.transp-four-grid,
.transp-four-grid-ECD,
.teal-two-grid,
.about-us-grid,
.about-us-link-three-grid {
  display: grid !important;
  max-width: 100% !important;
  border: none !important;
}

.apple-four-grid,
.gold-four-grid {
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 1rem !important;
  padding: 1rem 0.75rem 1rem 0.75rem !important;
}

.transp-four-grid {
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 1.5rem !important;
  padding: 0 !important;
  background: transparent !important;
}

.transp-four-grid-ECD {
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

.teal-two-grid {
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 1.5rem !important;
  padding: 1.5rem !important;
  background: #009374 !important;
}

.apple-three-grid,
.gold-three-grid {
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 1.5rem !important;
  padding: 1.5rem !important;
}

.about-us-grid {
  grid-template-columns: 1fr !important;
  gap: 0.5rem !important;
  padding: 1.5rem !important;
  background: #ffffff !important;
}

.about-us-link-three-grid {
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 0.5rem !important;
  padding: 1.5rem !important;
  background: #ffffff !important;
}

.apple-four-grid,
.apple-three-grid {
  background: #9ccb3b !important;
}

.gold-four-grid,
.gold-three-grid {
  background: #cfc493 !important;
}

.banner-image-flexbox,
.banner-text-flexbox {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  max-width: 100% !important;
  justify-content: center !important;
  background: transparent !important;
  border: none !important;
}

.teal-flexbox {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  max-width: 100% !important;
  padding: 1.5rem !important;
  justify-content: center !important;
  background: #009374 !important;
  border: none !important;
}

.faq-flexbox {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  max-width: 100% !important;
  padding: 1.5rem !important;
  justify-content: center !important;
  background: #ffffff !important;
  border: none !important;
}

.advisor-flexbox,
.nosched-flexbox,
.testimonial-flexbox,
.quote-flexbox {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  max-width: 100% !important;
  gap: 1rem !important;
  margin-bottom: 0 !important;
  background: transparent !important;
  border: none !important;
}

.teal-two-grid .advisor-flexbox {
  align-items: flex-start !important;
}

.banner-image-flexbox {
  justify-content: center !important;
}

.banner-text-flexbox,
.teal-flexbox,
.faq-flexbox {
  gap: 1.5rem !important;
  margin-bottom: 0 !important;
}

.addinfo-header {
  margin-bottom: 0 !important;
}

/*--------------------------------*/

/*---------- Grids & Flexboxes Cards/Items ----------*/

.home-pa-card,
.course-card,
.pa-info-card {
  background: #ffffff !important;
  color: #000000 !important;
  border: 1px solid #ffffff !important;
  box-sizing: border-box !important;
  max-width: 100% !important;
  transition: background-color 0.2s ease, transform 0.2s ease !important;
}

.portal-info-card {
  background: #ffffff !important;
  color: #000000 !important;
  box-sizing: border-box !important;
  max-width: 100% !important;
  padding: 0.25rem 1rem !important;
  align-items: stretch !important;
  transition: background-color 0.2s ease, transform 0.2s ease !important;
}

.about-us-card {
  background: #ffffff !important;
  color: #000000 !important;
  box-sizing: border-box !important;
  max-width: 100% !important;
  padding: 0 !important;
  align-items: center !important;
  transition: background-color 0.2s ease, transform 0.2s ease !important;
}

.about-us-team-card {
  background: #ffffff !important;
  color: #000000 !important;
  box-sizing: border-box !important;
  max-width: 100% !important;
  padding: 0 !important;
  align-items: center !important;
  transition: background-color 0.2s ease, transform 0.2s ease !important;
}

.about-us-link-card {
  background: #ffffff !important;
  color: #000000 !important;
  box-sizing: border-box !important;
  max-width: 100% !important;
  padding: 1rem !important;
  align-items: center !important;
  transition: background-color 0.2s ease, transform 0.2s ease !important;
}

.home-pa-card {
  padding: 0.5rem !important;
}

.course-card,
.pa-info-card,
.banner-text-card {
  padding: 0.75rem !important;
}

.banner-text-card-ECD,
.banner-image-card-ECD {
  padding: 0.75rem 0.75rem 0 0.75rem !important;
}

.home-pa-card,
.course-card,
.banner-image-card {
  text-align: center !important;
}

.banner-image-card-ECD {
  align-items: center !important;
}

.pa-info-card,
.banner-text-card {
  text-align: left !important;
}

.banner-image-card,
.banner-image-card-ECD,
.banner-text-card,
.banner-text-card-ECD {
  flex: 0 1 auto !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  background: transparent !important;
  color: #000000 !important;
  border: none !important;
}

.testimonial-card,
.quote-card {
  flex: 0 0 auto !important;
  box-sizing: border-box !important;
  max-width: 100% !important;
  height: auto !important;
  background: transparent !important;
  color: #000000 !important;
  border: none !important;
  text-align: center !important;
}

.pa-explore-other-pa-card {
  background: transparent !important;
  border: none !important;
  color: #000000 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  text-align: center !important;
  transition: background-color 0.2s ease, transform 0.2s ease !important;
}

.standalone-course-card {
  background: #009374 !important;
  color: #ffffff !important;
  max-width: 100% !important;
  border: 1px solid #009374 !important;
  box-sizing: border-box !important;
  padding: 0.75rem !important;
  text-align: center !important;
  transition: background-color 0.2s ease, transform 0.2s ease !important;
}

.lemongrass-note {
  background: #dbe442 !important;
  color: #000000 !important;
  max-width: 100% !important;
  border: none !important;
  box-sizing: border-box !important;
  padding: 0.75rem !important;
  margin-top: 1rem !important;
  margin-bottom: 0 !important;
}

.teal-note {
  background: #009374 !important;
  color: #ffffff !important;
  max-width: 100% !important;
  border: none !important;
  box-sizing: border-box !important;
  padding: 0.75rem !important;
  margin-top: 1rem !important;
  margin-bottom: 0 !important;
}

.teal-outlined-note {
  background: #ffffff !important;
  color: #000000 !important;
  max-width: 100% !important;
  border: 3px solid #009374 !important;
  box-sizing: border-box !important;
  padding: 0.75rem !important;
  margin-top: 1rem !important;
  margin-bottom: 0 !important;
}

.video-card {
  background: #006747 !important;
  color: #ffffff !important;
  max-width: 100% !important;
  border: 1px solid #9ccb3b !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  text-align: center !important;
  transition: background-color 0.2s ease, transform 0.2s ease !important;
}

#courseProfileOfficialCourseDescription,
#courseProfileCatalogCourseDescription,
#courseProfileLearningGoals,
#courseProfileNotes,
#courseProfileTargetAudience,
#courseProfileCatalogNote,
#courseProfile .courseProfileRequiredPrerequisites,
#certProfile.content {
  margin-bottom: 2.5rem !important;
}

#courseProfileCertificates {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.nosched-notice-card,
.nosched-contact-card,
.nosched-explore-pa-card {
  max-width: 100% !important;
  box-sizing: border-box !important;
  background: transparent !important;
  border: none !important;
  color: #000000 !important;
  padding: 0 !important;
  align-items: center !important;
  transition: background-color 0.2s ease, transform 0.2s ease !important;
}

.advisor-image-card {
  flex: 0 0 calc(35% - 0.5rem) !important;
  aspect-ratio: 1 / 1 !important;
  text-align: center !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  background: transparent !important;
  border: none !important;
  color: #000000 !important;
  padding: 0 !important;
  transition: background-color 0.2s ease, transform 0.2s ease !important;
}

.advisor-details-card {
  flex: 0 0 calc(65% - 0.5rem) !important;
  align-items: center !important;
  text-align: left !important;
  max-width: 100% !important;
  padding: 0.5rem !important;
  box-sizing: border-box !important;
  background: transparent !important;
  border: none !important;
  color: #000000 !important;
  transition: background-color 0.2s ease, transform 0.2s ease !important;
}

.nosched-notice-card,
.nosched-contact-card,
.nosched-explore-pa-card {
  text-align: center !important;
}

.nosched-notice-card,
.nosched-contact-card {
  flex: 0 0 calc(50% - 0.5rem) !important;
}

.nosched-explore-pa-card {
  flex: 0 0 100% !important;
}

.span-four {
  grid-column: span 4 !important;
}

.span-three {
  grid-column: span 3 !important;
}

.span-two {
  grid-column: span 2 !important;
}

.about-us-span-three {
  grid-column: span 3 !important;
}

.about-us-span-two {
  grid-column: span 2 !important;
}

/*--------------------------------*/

/*---------- FAQ and Other Collapsible Details & Summary ----------*/

details.category {
  border-bottom: 3px solid #9ccb3b !important;
  padding: 0.5rem !important;
  width: 100% !important;
  max-width: 100% !important;
}

details.screenshot,
details.screenshotindented {
  border-bottom: none !important;
  padding: 0.5rem !important;
  width: 100% !important;
  max-width: 100% !important;
}

details.category > summary,
details.screenshot > summary,
details.screenshotindented > summary {
  color: #006747 !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  list-style: none !important;
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

details.category > summary {
  font-size: 1.25rem !important;
}

details.screenshot > summary,
details.screenshotindented > summary {
  font-size: 1rem !important;
}

details.category[open] > summary,
details.screenshot[open] > summary,
details.screenshotindented[open] > summary {
  background-color: #edebd1 !important;
  border-radius: 4px !important;
  padding: 0.75rem 1rem !important;
}

details.category > summary::-webkit-details-marker,
details.screenshot > summary::-webkit-details-marker,
details.screenshotindented > summary::-webkit-details-marker {
  display: none !important;
}

details.category > summary::before,
details.screenshot > summary::before,
details.screenshotindented > summary::before {
  content: "+" !important;
  font-weight: 800 !important;
  color: #006747 !important;
  margin-right: 0.5rem !important;
  transition: transform 0.2s ease, content 0.2s ease !important;
}

details.screenshotindented > summary::before {
  margin-left: 1rem !important;
}

details.category[open] > summary::before,
details.screenshot[open] > summary::before,
details.screenshotindented[open] > summary::before {
  content: "–" !important;
}

details.question {
  border-top: 2px solid #cfc493 !important;
  padding: 1rem !important;
  width: 100% !important;
  max-width: 100% !important;
}

details.question > summary {
  color: #000000 !important;
  font-size: 1.15rem !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  list-style: none !important;
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
  margin-left: 0.5rem !important;
}

details.question > p {
  color: #000000 !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  margin-top: 0.5rem !important;
  margin-left: 1.75rem !important;
}

details.question > ul,
details.question > ul li {
  color: #000000 !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  margin-top: 0.5rem !important;
  margin-left: 1rem !important;
}

details.question > ul li {
  margin-bottom: 0 !important;
}

details.question > summary::-webkit-details-marker {
  display: none !important;
}

details.question > summary::before {
  content: "+" !important;
  font-weight: 800 !important;
  color: #006747 !important;
  margin-right: 0.5rem !important;
  transition: transform 0.2s ease, content 0.2s ease !important;
}

details.question[open] > summary::before {
  content: "–" !important;
}

/*--------------------------------*/

/*---------- Elements within Grids & Flexboxes Cards/Items ----------*/

#variableContentBlockPG0022 {
  color: #009374 !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  margin-top: 0.5rem !important;
}

#variableContentBlockPG0083 h4 {
  color: #009374 !important;
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  margin-top: 0.5rem !important;
}

#variableContentBlockPG0083 p {
  color: #000000 !important;
  font-size: 1.15rem !important;
  margin-top: 0.5rem !important;
}

#courseProfile h2,
#courseprofilecertificates h2,
#certProfile.content h2 {
  font-size: 1.25rem !important;
  border-bottom: 2px solid #9ccb3b !important;
  display: block !important;
  padding-bottom: 0.125rem !important; /* Adds space between text and underline */
  margin-bottom: 0.5rem !important;
}

.banner-text-card h3,
.banner-text-card-ECD h3,
.banner-text-card h4,
.banner-text-card-ECD h4,
.course-card h4,
.course-card a h4,
.course-card h4 a,
.pa-info-card h4 {
  color: #006747 !important;
  font-weight: 600 !important;
}

.standalone-course-card h4 {
  color: #ffffff !important;
  font-weight: 600 !important;
}

.banner-text-card h3 {
  font-size: 1.5rem !important;
  line-height: 1.5 !important;
}

#requestInformationMarkettingQuestions h3 {
  font-size: 1.25rem !important;
  line-height: 1.5 !important;
  font-weight: 600 !important;
  margin-top: 1.5rem !important;
}

#courseProfileOfficialCourseDescription h3,
#courseProfileCatalogCourseDescription h3,
#courseProfileLearningGoals h3,
#courseProfileNotes h3,
#courseProfileTargetAudience h3,
#courseProfileCatalogNote h3,
#courseProfileCertificates h3,
#courseProfile .courseProfileRequiredPrerequisites h3,
#certProfile.content h3 {
  color: #006747 !important;
  font-size: 1.5rem !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  margin-top: 1.5rem !important;
  margin-bottom: 0 !important;
}

.banner-text-card h4 {
  font-size: 1rem !important;
  line-height: 1.5 !important;
}

.pa-info-card h4,
#courseProfileNotes .advisor-details-card h4,
#courseProfileTargetAudience .advisor-details-card h4,
#certProfile.content .advisor-details-card h4,
#variableContentBlockPG0009 .advisor-details-card h4,
#variableContentBlockPG0009 .portal-info-card h4,
#variableContentBlockPG0008 .portal-info-card h4,
#variableContentBlockPG0005 .portal-info-card h4,
#variableContentBlockPG0004 .portal-info-card h4,
#variableContentBlockCM000003 .portal-info-card h4,
#variableContentBlockCM000004 .portal-info-card h4,
.about-us-card h4,
.about-us-team-card h4 {
  font-size: 1.25rem !important;
  line-height: 1.5 !important;
}

.course-card h4,
.course-card a h4,
.course-card h4 a,
.standalone-course-card h4 {
  font-size: 1.15rem !important;
  line-height: 1.5 !important;
  margin-top: 0.5rem !important;
}

#courseProfileNotes .advisor-details-card h4,
#courseProfileTargetAudience .advisor-details-card h4,
#certProfile.content .advisor-details-card h4,
#variableContentBlockPG0009 .advisor-details-card h4 {
  color: #006747 !important;
  font-weight: 500 !important;
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

#variableContentBlockPG0009 .portal-info-card h4,
#variableContentBlockPG0008 .portal-info-card h4,
#variableContentBlockPG0005 .portal-info-card h4,
#variableContentBlockPG0004 .portal-info-card h4,
#variableContentBlockCM000003 .portal-info-card h4,
#variableContentBlockCM000004 .portal-info-card h4 {
  color: #006747 !important;
  font-weight: 600 !important;
  margin-top: 0.25rem !important;
  margin-bottom: 1rem !important;
}

.about-us-card h4,
.about-us-team-card h4 {
  color: #006747 !important;
  font-weight: 600 !important;
  margin-top: 1.5rem !important;
  margin-bottom: 1rem !important;
  border-bottom: 2px solid #9ccb3b !important;
}

#courseProfileOfficialCourseDescription h4,
#courseProfileCatalogCourseDescription h4,
#courseProfileLearningGoals h4,
#courseProfileNotes h4,
#courseProfileTargetAudience h4,
#courseProfileCatalogNote h4,
#courseProfileCertificates h4,
#courseProfile .courseProfileRequiredPrerequisites h4,
#certProfile.content h4 {
  color: #006747 !important;
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  margin-top: 1.5rem !important;
  margin-bottom: 0 !important;
}

#courseProfileOfficialCourseDescription h5,
#courseProfileCatalogCourseDescription h5,
#courseProfileLearningGoals h5,
#courseProfileNotes h5,
#courseProfileTargetAudience h5,
#courseProfileCatalogNote h5,
#courseProfileCertificates h5,
#courseProfile .courseProfileRequiredPrerequisites h5,
#certProfile.content h5 {
  color: #000000 !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  margin-top: 1.5rem !important;
  margin-bottom: 0 !important;
}

.about-us-card h5,
.about-us-team-card h5 {
  color: #000000 !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  margin-top: 0.25rem !important;
  margin-bottom: 0 !important;
}

.course-card h5 {
  color: #006747 !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  margin-top: 0.75rem !important;
}

.standalone-course-card h5 {
  color: #dbe442 !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  margin-top: 0.75rem !important;
}

#variableContentBlockPG0009 .portal-info-card h5,
#variableContentBlockPG0008 .portal-info-card h5,
#variableContentBlockPG0005 .portal-info-card h5,
#variableContentBlockPG0004 .portal-info-card h5 {
  color: #006747 !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
  line-height: 1.25 !important;
  margin-top: 0.75rem !important;
}

#variableContentBlockCM000003 .portal-info-card h5,
#variableContentBlockCM000004 .portal-info-card h5 {
  color: #000000 !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
  line-height: 1.25 !important;
  margin-top: 0.75rem !important;
}

.home-pa-card p,
.course-card p,
.pa-info-card p,
.video-card p,
.standalone-course-card p,
#variableContentBlockPG0009 .portal-info-card p,
#variableContentBlockPG0008 .portal-info-card p,
#variableContentBlockPG0005 .portal-info-card p,
#variableContentBlockPG0004 .portal-info-card p,
#variableContentBlockCM000003 .portal-info-card p,
#variableContentBlockCM000004 .portal-info-card p,
#courseProfileNotes .advisor-details-card p,
#courseProfileTargetAudience .advisor-details-card p,
#certProfile.content .advisor-details-card p,
#variableContentBlockPG0009 .advisor-details-card p,
.about-us-card p,
.about-us-team-card p {
  color: inherit !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
}

.home-pa-card p {
  margin-top: 0.5rem !important;
  margin-bottom: 0 !important;
}

.course-card p,
.standalone-course-card p,
.lemongrass-note p,
.teal-note p,
.teal-outlined-note p,
.about-us-team-card p {
  margin-top: 0.15rem !important;
  margin-bottom: 0 !important;
}

.lemongrass-note p,
.teal-note p,
.teal-outlined-note p {
  color: inherit !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
}

#courseProfileNotes .note p,
#courseProfileNotes .advisor-details-card .note p,
#courseProfileTargetAudience .note p,
#courseProfileTargetAudience .advisor-details-card .note p,
#certProfile.content .note p,
#certProfile.content .advisor-details-card .note p,
#variableContentBlockPG0009 .advisor-details-card .note p,
#variableContentBlockPG0009 .portal-info-card .note p,
#variableContentBlockPG0008 .portal-info-card .note p,
#variableContentBlockPG0005 .portal-info-card .note p,
#variableContentBlockPG0004 .portal-info-card .note p,
#variableContentBlockCM000003 .portal-info-card .note p,
#variableContentBlockCM000004 .portal-info-card .note p {
  color: inherit !important;
  font-size: 1rem !important;
  margin-top: 1.5rem !important;
  margin-bottom: 0 !important;
  text-align: left !important;
}

.about-us-card p {
  margin-top: 0 !important;
  margin-bottom: 1 !important;
  text-align: left !important;
}

.video-card p {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

#courseProfileOfficialCourseDescription p,
#courseProfileCatalogCourseDescription p,
#courseProfileLearningGoals p,
#courseProfileNotes p,
#courseProfileTargetAudience p,
#courseProfileCatalogNote p,
#courseProfileCertificates p,
#courseProfile .courseProfileRequiredPrerequisites p,
#certProfile.content p {
  color: #000000 !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  margin-top: 1rem !important;
  margin-bottom: 0 !important;
}

#courseProfileNotes .advisor-details-card p,
#courseProfileTargetAudience .advisor-details-card p,
#certProfile.content .advisor-details-card p,
#variableContentBlockPG0009 .advisor-details-card p,
#variableContentBlockPG0009 .portal-info-card p,
#variableContentBlockPG0008 .portal-info-card p,
#variableContentBlockPG0005 .portal-info-card p,
#variableContentBlockPG0004 .portal-info-card p,
#variableContentBlockCM000003 .portal-info-card p,
#variableContentBlockCM000004 .portal-info-card p {
  margin-top: 0.25rem !important;
  margin-bottom: 0 !important;
}

p > svg {
  width: 1em !important;
  height: 1em !important;
  fill: currentColor !important;
  vertical-align: middle !important;
  position: relative !important;
  top: -0.125em !important;
  transition: fill 0.3s ease !important;
}

.home-pa-card a,
.course-card a,
.standalone-course-card a {
  display: block !important;
  color: inherit !important;
  text-decoration: none !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  margin-top: 0.15rem !important;
  margin-bottom: 0 !important;
}

.banner-text-card p,
.banner-text-card a,
.banner-text-card ul,
.banner-text-card ul li,
.banner-text-card-ECD p,
.banner-text-card-ECD a {
  font-size: 1.15rem !important;
  line-height: 1.5 !important;
}

.banner-text-card-ECD p {
  margin-bottom: 0 !important;
}

.banner-text-card a,
.banner-text-card-ECD a {
  text-decoration: none !important;
  font-weight: 600 !important;
}

.banner-text-card .note p {
  color: inherit !important;
  font-size: 1rem !important;
  margin-top: 1rem !important;
  margin-bottom: 0.125rem !important;
  text-align: center !important;
}

.banner-text-card .note a {
  text-decoration: none !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  margin-top: 1rem !important;
  margin-bottom: 0.125rem !important;
}

#courseProfileNotes .advisor-details-card a,
#courseProfileTargetAudience .advisor-details-card a,
#certProfile.content .advisor-details-card a,
#variableContentBlockPG0009 .advisor-details-card a {
  text-decoration: none !important;
  display: block !important;
  font-size: 1rem !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

#courseProfileOfficialCourseDescription a,
#courseProfileCatalogCourseDescription a,
#courseProfileLearningGoals a,
#courseProfileNotes a,
#courseProfileTargetAudience a,
#courseProfileCatalogNote a,
#courseProfileCertificates a,
#courseProfile .courseProfileRequiredPrerequisites a,
#certProfile.content a {
  text-decoration: none !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  margin-top: 1rem !important;
  margin-bottom: 0 !important;
}

#variableContentBlockPG0009 .portal-info-card a,
#variableContentBlockPG0008 .portal-info-card a,
#variableContentBlockPG0005 .portal-info-card a,
#variableContentBlockPG0004 .portal-info-card a,
#variableContentBlockCM000003 .portal-info-card a,
#variableContentBlockCM000004 .portal-info-card a,
.about-us-card a {
  text-decoration: none !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  margin-top: 0.25rem !important;
  margin-bottom: 0 !important;
}

.banner-text-card ul,
.banner-text-card ul li,
.pa-info-card ul,
.pa-info-card ul li {
  color: inherit !important;
  margin-top: 0 !important;
}

.pa-info-card ul,
.pa-info-card ul li {
  font-size: 1rem !important;
  line-height: 1.5 !important;
  margin-bottom: 0 !important;
}

.video-card iframe {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  border: 1px solid #9ccb3b !important;
  aspect-ratio: 16 / 9 !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

#courseProfileOfficialCourseDescription ul,
#courseProfileCatalogCourseDescription ul,
#courseProfileLearningGoals ul,
#courseProfileNotes ul,
#courseProfileTargetAudience ul,
#courseProfileCatalogNote ul,
#courseProfileCertificates ul,
#courseProfile .courseProfileRequiredPrerequisites ul,
#certProfile.content ul,
#variableContentBlockPG0009 .portal-info-card ul,
#variableContentBlockPG0008 .portal-info-card ul,
#variableContentBlockPG0005 .portal-info-card ul,
#variableContentBlockPG0004 .portal-info-card ul,
#variableContentBlockCM000003 .portal-info-card ul,
#variableContentBlockCM000004 .portal-info-card ul,
.about-us-card ul {
  color: #000000 !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  margin-top: 0.5rem !important;
  margin-bottom: 0 !important;
}

#courseProfileOfficialCourseDescription ul li,
#courseProfileCatalogCourseDescription ul li,
#courseProfileLearningGoals ul li,
#courseProfileNotes ul li,
#courseProfileTargetAudience ul li,
#courseProfileCatalogNote ul li,
#courseProfileCertificates ul li,
#courseProfile .courseProfileRequiredPrerequisites ul li,
#certProfile.content ul li,
#variableContentBlockPG0009 .portal-info-card ul li,
#variableContentBlockPG0008 .portal-info-card ul li,
#variableContentBlockPG0005 .portal-info-card ul li,
#variableContentBlockPG0004 .portal-info-card ul li,
#variableContentBlockCM000003 .portal-info-card ul li,
#variableContentBlockCM000004 .portal-info-card ul li,
.about-us-card ul li {
  color: #000000 !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  margin-top: 0.5rem !important;
  margin-bottom: 0 !important;
}

.portal-info-card table.detailstbl {
  width: 95% !important;
  border-collapse: collapse !important;
}

.portal-info-card table.HRPricetbl {
  width: 100% !important;
  border-collapse: collapse !important;
}

.portal-info-card table.detailstbl th:nth-child(1),
.portal-info-card table.detailstbl td:nth-child(1) {
  width: 25% !important;
}

.portal-info-card table.detailstbl th:nth-child(2),
.portal-info-card table.detailstbl td:nth-child(2) {
  width: 65% !important;
}

.portal-info-card table.HRPricetbl th:nth-child(1),
.portal-info-card table.HRPricetbl td:nth-child(1) {
  width: 46% !important;
}

.portal-info-card table.HRPricetbl th:nth-child(2),
.portal-info-card table.HRPricetbl td:nth-child(2),
.portal-info-card table.HRPricetbl th:nth-child(3),
.portal-info-card table.HRPricetbl td:nth-child(3),
.portal-info-card table.HRPricetbl th:nth-child(4),
.portal-info-card table.HRPricetbl td:nth-child(4) {
  width: 12% !important;
  text-align: center !important;
}

.portal-info-card table.HRPricetbl th:nth-child(5),
.portal-info-card table.HRPricetbl td:nth-child(5) {
  width: 18% !important;
  text-align: center !important;
}

.portal-info-card table.detailstbl th,
.portal-info-card table.detailstbl td,
.portal-info-card table.HRPricetbl th,
.portal-info-card table.HRPricetbl td {
  padding: 0.5rem 0.5rem 0.5rem 0.5rem !important;
  border: 1px solid #000000 !important;
}

.portal-info-card table.detailstbl th,
.portal-info-card table.HRPricetbl th {
  background-color: #edebd1 !important;
  font-weight: 600 !important;
}

.portal-info-card table.detailstbl th,
.portal-info-card table.detailstbl td,
.portal-info-card table.HRPricetbl th,
.portal-info-card table.HRPricetbl td {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  font-size: 0.875rem !important;
  line-height: 1 !important;
  color: #000000 !important;
}

.portal-info-card table.HRPricetbl .PAheader td {
  background-color: #edebd1 !important;
  font-weight: 600 !important;
}

/*--------------------------------*/

/*---------- Hover for Grids & Flexboxes Cards/Items and Elements within Grids & Flexboxes Cards/Items ----------*/

.home-pa-card:hover {
  background-color: #006747 !important;
  border-color: #006747 !important;
  color: #ffffff !important;
}

.course-card:hover,
.standalone-course-card:hover,
.nosched-explore-pa-card:hover,
.about-us-link-card:hover {
  background-color: #006747 !important;
  border-color: #006747 !important;
}

.pa-explore-other-pa-card:hover {
  background-color: #006747 !important;
}

.course-card:hover h4,
.standalone-course-card:hover h4,
.course-card:hover h5 {
  color: #dbe442 !important;
}

.course-card:hover p,
.course-card:hover ul,
.course-card:hover a {
  color: #ffffff !important;
}

.course-card:hover a {
  text-decoration: none !important;
}

#courseProfileOfficialCourseDescription a:hover,
#courseProfileCatalogCourseDescription a:hover,
#courseProfileLearningGoals a:hover,
#courseProfileNote a:hover,
#courseProfileCatalogNote a:hover,
#courseProfileCertificates a:hover,
#courseProfile .courseProfileRequiredPrerequisites a:hover,
#certProfile.content a:hover {
  color: #009374 !important;
  text-decoration: underline !important;
}

.banner-text-card a:hover,
.banner-text-card-ECD a:hover {
  text-decoration: underline !important;
}

#courseProfileNotes .advisor-details-card a:hover,
#courseProfileTargetAudience .advisor-details-card a:hover,
#certProfile.content .advisor-details-card a:hover,
#variableContentBlockPG0009 .advisor-details-card a:hover,
#variableContentBlockPG0009 .portal-info-card a:hover,
#variableContentBlockPG0008 .portal-info-card a:hover,
#variableContentBlockPG0005 .portal-info-card a:hover,
#variableContentBlockPG0004 .portal-info-card a:hover,
#variableContentBlockCM000003 .portal-info-card a:hover,
#variableContentBlockCM000004 .portal-info-card a:hover,
.about-us-card a:hover {
  text-decoration: underline !important;
}

/*--------------------------------*/

/*---------- Media for Mobile Phone ----------*/

/*---------- Mobile Phone ----------*/
@media (max-width: 639px) {
  .home-banner-image,
  .home-banner-tall-image,
  .course-image,
  .cert-image,
  .quote-image,
  .quote-image-ECD,
  .portal-title-image,
  .portal-inst-title-image,
  .portal-bottom-image {
    aspect-ratio: 2 / 1 !important;
  }

  .pa-title-image,
  .pa-bottom-image,
  .logo-image,
  .logo-image-ECD-Special {
    aspect-ratio: 4 / 1 !important;
  }

  .logo-image-ECD-Special {
    width: 95% !important;
  }

  .testimonial-image,
  .logo-image,
  .quote-image {
    width: 100% !important;
    height: auto !important;
  }

  .about-us-image,
  .about-us-team-image {
    width: 100% !important;
    height: auto !important;
    float: none !important;
    margin: 0 0 1rem 0 !important;
  }

  .about-us-values-image {
    margin: 0.25rem 1rem 0 0 !important;
  }

  .three-row-spacer,
  .four-row-spacer {
    height: 2rem !important;
  }

  .two-row-spacer {
    height: 1rem !important;
  }

  .addinfo-header-spacer {
    height: 0 !important;
  }

  .span-four,
  .span-three,
  .span-two,
  .about-us-span-three,
  .about-us-span-two {
    grid-column: auto !important;
  }

  .apple-four-grid,
  .gold-four-grid,
  .transp-four-grid,
  .transp-four-grid-ECD,
  .teal-two-grid {
    grid-template-columns: 1fr !important;
    justify-content: center !important;
  }

  .apple-three-grid,
  .gold-three-grid {
    grid-template-columns: 1fr !important;
    justify-content: center !important;
    gap: 1rem !important;
    padding: 1rem !important;
  }

  .about-us-link-three-grid {
    grid-template-columns: 1fr !important;
    justify-content: center !important;
    gap: 0.5rem !important;
    padding: 1rem !important;
  }

  .banner-image-flexbox,
  .banner-text-flexbox,
  .teal-flexbox,
  .faq-flexbox {
    flex-direction: column !important;
    justify-content: center !important;
  }

  .faq-flexbox {
    padding: 0.5rem !important;
  }

  .advisor-grid {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    padding: 0.25rem !important;
  }

  .nosched-flexbox {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    padding: 0.25rem !important;
  }

  .advisor-image-card {
    flex: 0 0 calc(40% - 0.5rem) !important;
  }

  .advisor-details-card {
    flex: 0 0 calc(60% - 0.5rem) !important;
  }

  details.category {
    padding: 0.25rem !important;
  }

  details.category[open] > summary {
    padding: 0.25rem 0.5rem !important;
  }

  details.question {
    padding: 0.5rem !important;
  }

  details.question > summary {
    margin-left: 0.25rem !important;
  }

  details.question > p {
    margin-left: 1.25rem !important;
  }

  details.question > ul,
  details.question > ul li {
    margin-left: 0.5rem !important;
  }
}

/*--------------------------------*/

/*---------- Media for Tablet ----------*/

@media (min-width: 640px) and (max-width: 1024px) {
  .cert-image {
    aspect-ratio: 2 / 1 !important;
  }

  .apple-four-grid,
  .gold-four-grid,
  .apple-three-grid,
  .gold-three-grid,
  .transp-four-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    justify-content: center !important;
  }

  .transp-four-grid-ECD {
    grid-template-columns: 1fr !important;
    justify-content: center !important;
  }

  .quote-image-ECD {
    aspect-ratio: 2 / 1 !important;
  }
  .faq-flexbox {
    padding: 1rem !important;
  }

  .span-four,
  .span-three {
    grid-column: span 2 !important;
  }

  .pa-info-card {
    grid-column: span 2 !important;
  }
}

/*--------------------------------*/