/*
Implementation Skeleton v3 - 12/6/18
Add styles to overwrite customer CSS, USE WITH CAUTION.
*/
#directedit{
	display: inline;
}
#de{
	color:white;
	text-decoration: none;
}

.outer-pad > ol {
	list-style: revert;
}

.outer-pad > ul {
	list-style: revert;
}

nav > ul {
	list-style: none;
}

.hero .subnav {
    z-index: 50;
}

.subnav__list > ul > li:first-child {
	display: inherit;
}

.social-media-feature-wrap {
}
@media screen and (min-width: 991px) {
  .social-media-feature-wrap {
  }
}
@media screen and (min-width: 1200px) {
  .social-media-feature-wrap {
  }
}

.social-media-feature-image {
  max-width: 48rem;
}
@media screen and (min-width: 768px) {
  .social-media-feature-image {
    margin-inline: auto;
  }
}
.social-media-feature-image:before {
  padding-top: 100%;
}

.social-media-feature-links {
  background-color: #fff;
  display: inline-block;
  position: relative;
  transform: translateY(-40%);
  width: calc(100% - 3.125rem);
	padding: 2.5rem 2.5rem 2.5rem 1.25rem;
}
@media screen and (min-width: 768px) {
  .social-media-feature-links {
    width: 60%;
    margin-right: -4rem;
  }
}
@media screen and (min-width: 991px) {
  .social-media-feature-links {
    width: auto;
    margin-right: 0;
    transform: translateY(-25%);
  }
}
.social-media-feature-links:before {
  content: "";
  position: absolute;
  inset: 0 auto 0 -3.0625rem;
  background-color: #fff;
  width: 3.125rem;
  clip-path: polygon(100% 0, 0 0, 100% 103%);
}
.social-media-feature-links ul {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
}
.social-media-feature-links ul li {
  flex: 0 0 auto;
  width: 2.5rem;
}
.social-media-feature-links ul li a {
  border: 0.125rem solid #003d77;
  border-radius: 100vw;
  height: 2.5rem;
  width: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  transition: 0.3s background-color ease-in-out;
}
.social-media-feature-links ul li a svg {
  fill: #003d77;
  position: relative;
  transition: 0.3s fill ease-in-out;
}
.social-media-feature-links ul li a svg.icon-facebook {
  height: 1.375rem;
}
.social-media-feature-links ul li a svg.icon-instagram {
  height: 1.3125rem;
}
.social-media-feature-links ul li a svg.icon-linked-in {
  top: -0.0625rem;
}
.social-media-feature-links ul li a svg.icon-youtube {
  height: 0.875rem;
}
.social-media-feature-links ul li a:hover {
  background-color: #003d77;
}
.social-media-feature-links ul li a:hover svg {
  fill: #fff;
}

.main-page-theme h2.social-media-feature-links-label {
  color: #003d77;
  font-size: 1.5625rem;
  line-height: 1.2;
}
@media screen and (min-width: 768px) {
  .main-page-theme h2.social-media-feature-links-label {
    font-size: 1.875rem;
    line-height: 1.17;
  }
}
.main-page-theme h2.social-media-feature-links-label:first-child {
  margin-bottom: 1.4375rem;
}

@media screen and (min-width: 1024px) {
	.individual-program-hero__content:before {
	   border-width: 9.0425rem 3.125rem 0 0;
	   inset: -8.0425rem 17rem auto 0;
	}
}
/* .site-footer:before {
	border-width: 0 0 3.85rem 1.375rem; 
} */

.custom-three-col-black {
	background-color: #000;
}

.custom-three-col-black:before, .custom-three-col-black:after {
  border-color: transparent transparent #000 transparent;
}

.custom-three-col-black:after {
  border-color: #000 transparent transparent transparent;
}

.custom-three-col-red {
	background-color: #d02e2d;
}

.custom-three-col-red:before, .custom-three-col-red:after {
  border-color: transparent transparent #d02e2d transparent;
}

.custom-three-col-red:after {
  border-color: #d02e2d transparent transparent transparent;
}

.custom-three-col-yellow {
	background-color: #f1c418;
	color: #000 !important;
}

.custom-three-col-yellow:before, .custom-three-col-yellow:after {
  border-color: transparent transparent #f1c418 transparent;
}

.custom-three-col-yellow:after {
  border-color: #f1c418 transparent transparent transparent;
}

/* .main-page-theme .text-content ul, .global-online-page-theme .text-content ul {
	color: #fff;
	padding-left: 0;
} */

/* .main-page-theme .text-content ul li, .global-online-page-theme .text-content ul li {
	list-style: disc;
    list-style-position: inside;
} */

.main-homepage-affordability__card .primary-link .primary-link__arrow {
    margin-bottom: 0.625rem;
}

@media screen and (min-width: 1024px) {
    .main-site-header__logo .main-site-header__logo--full {
        height: 3.9375rem;
    }
}
.main-site-header__logo .main-site-header__logo--full {
    fill: #fff;
    height: 2.8125rem;
    width: auto;
}


}
.max-bound:has(+.site-footer) > .global-home-call-to-action__lower-line {
    display: none;
}

/* CLL 6/18/2025 adds heading space to the academic program pages using the catalog connector */
.mc-acalog-connector-wrapper h4:first-child {
	margin-top: revert;
}

/* CLL 6/26/2025  style to prevent page titles from extending into the keystone */
@media screen and (min-width: 1024px) {
	.individual-program-hero__title {
		max-width: calc(100% - 17rem); /* Account for the right offset of ::before element */
		margin-right: 0;
		padding-right: 2rem; /* Add some breathing room */
		word-wrap: break-word;
		overflow-wrap: break-word;
		hyphens: auto;
	}
	
	.hero-with-image .hero__title {
		max-width: calc(100% - 15rem); /* Account for the right offset of ::before element */
		margin-right: 0;
		padding-right: 2rem; /* Add some breathing room */
		word-wrap: break-word;
		overflow-wrap: break-word;
		hyphens: auto;
	}
}

/* CLL 8/14/2025  style to hide bullets on items where bullets are not displayed in the catalog */
.mc-acalog-connector-wrapper .mc\:list-none {
    //list-style-type: none !important;
	position: static !important;
}

/* CLL 8/14/2025  style to left justify headings */
.mc-acalog-connector-wrapper [data-el="program-cores"] {
	margin-left: unset !important;