header {
	position: relative;
	top: 0;
	z-index: 2;
	width: 100%;
}
.main-cta ul li a {
	min-width: 15vw;
	margin-top: 1em
}
.main-cta ul {
	width: 100%;
	margin: 0;
	padding: 0;
	column-count: 1;
	text-align: center
}
.main-cta ul li {
	list-style: none;
	margin: 0;
}
.main ul li a span {
	padding-left: 1em
}
.main-cta ul li a {
	display: inline-flex;
	align-items: center;
	color: var(--clsu-laker-blue);
	background-color: var(--clsu-georgia-clay);
	padding: .8em 1em;
	transition-duration: 0.4s;
	font-size: clamp(14px, 1vw + 12px, 18px);
	text-decoration: none;
	font-weight: bold;
	border: 1px solid transparent
}
.main-cta ul li a.block {
	width: 100%;
	max-width: 17rem
}
.main-cta ul li a.reverse {
	display: inline-block;
	color: var(--laker-blue);
	width: 100%;
	max-width: 65%;
	background-color: var(--white);
	padding: .8em 1em;
	transition-duration: 0.4s;
	font-size: clamp(14px, 1vw + 12px, 18px);
	text-decoration: none;
	text-align: center;
	font-weight: bold
}
.main-cta ul li a.reverse:hover {
	background-color: var(--clsu-georgia-clay);
	color: var(--clsu-laker-blue)
}
.main-cta ul li a:hover, .btn:hover {
	color: var(--clsu-laker-blue);
	background: var(--white);
	border: 1px solid var(--clsu-laker-blue)
}
/************hero************/
section.hero-banner__homepage {
	position: relative;
	z-index: 0;
	margin-top: 0;
	background: var(--clsu-laker-blue)
}
.hero-banner__texture {
	position: absolute;
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.8)), url(/_resources/images/homepage-texture.webp);
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0.03;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-position: left bottom
}
h1.h1-hero {
	font-family: "Montserrat-Bold";
	font-weight: 800;
	font-size: clamp(2.5rem, 0.6549rem + 2.8169vw, 4.5rem);
	color: var(--white);
	margin-top: 0;
	text-align: center
}
.h2-hero {
	font-family: "Unna";
	font-size: 1.3em;
	font-weight: normal;
	font-style: italic;
	margin: 0;
	padding: 0;
	text-align: center
}
.hero-banner__homepage {
	position: relative;
	z-index: 1
}
.hero-banner__content {
	position: relative;
	z-index: 2;
	padding: 1rem 1.8rem
}
.fig-video {
	position:relative
}
video, .hero-banner__video .fig-video {
	clip-path: none
}
.hero-banner__video::after {
	content: ''
}
figcaption.video-caption {
    position: relative;
    bottom: 0;
    right: 0;
}
.video-buttons-wrapper {
	display: flex;
    flex-direction: row;
    position: absolute;
    bottom: 4em;
    right: 3em;
}
.main-video-btn {
	/*position: absolute;
	right: 1rem;
	bottom: 8.5rem;*/
	background: transparent;
	border: 0;
	font-size: 2.75rem;
	color: var(--white);
	filter: drop-shadow(5px 5px 10px #000000);
	cursor: pointer
}
.main-video-btn #playPauseIcon:hover, .main-video-btn #offOnSoundIcon:hover {
	color: var(--clsu-blond)
}
.main-sound-video-btn {
	/*position: absolute;
	right: 1rem;
	bottom: 4rem;*/
	background: transparent;
	border: 0;
	font-size: 2rem;
	color: var(--white);
	filter: drop-shadow(5px 5px 10px #000000);
	cursor: pointer
}
.video-crop {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden
}
.video-crop iframe, iframe#player {
	position: absolute;
	top: -7.51em;
	left: 0;
	width: 100%;
	height: calc(100% + 15em);
	border: 0
}
.no-audio {
	position: absolute;
	z-index: 1;
	right: 1rem;
	bottom: 4rem;
	color: var(--white);
	filter: drop-shadow(5px 5px 10px #000000)
}
.video-description {
	position: absolute;
	right: 1rem;
	bottom: 2rem;
	color: var(--white);
	filter: drop-shadow(5px 5px 10px #000000)
}
.video-description a {
	text-decoration:underline;
	color: var(--white)
}
.video-description a:hover {
	text-decoration:none
}
ul.home-links li a, a.cta-links {
	color: var(--clsu-dark-gray);
	background-image: linear-gradient(to left, var(--clsu-georgia-clay) 50%, var(--clsu-laker-blue) 50%);
    background-repeat: no-repeat;
    background-size: 200% 3px;
    background-position: 100% calc(100%);
	text-decoration: none;
	padding: 1em 0 .7em 0
}
ul.home-links li a:not([class]):focus, ul.home-links li a:not([class]):hover, a:not([class]):hover.cta-links, a:not([class]):focus.cta-links {
	color: var(--clsu-laker-blue);
	animation: animateGradient 500ms forwards;
}
@keyframes animateGradient {
  0% {
    background-position: 100% 100%
  }
  99% {
    background-position: 0% 100%
  }
  100% {
    background-position: 0% 100%;
    background-size: 200% 3px
  }
}
/************end hero************/

/************about************/
.clsu-about {
	background: url("/_resources/images/university-bg.jpg");
	background-repeat: no-repeat;
	background-position: center;
}
.clsu-about__honors {
	background: var(--clsu-laker-blue);
	/*background-color: var(--clsu-laker-blue);
	background-image: url("cross-hatch-bg-texture.png");
	background-repeat: repeat;
	background-position: center;*/
	color: var(--white)
}
.clsu-about__honors__content {
	padding: 1.5em;
	background: #0D3687;
	margin: 0 .5em;
	min-height: 195px;
	position: relative;
    z-index: 2
}
.clsu-about__honors__list {
    padding: 5em 0
}
/*rankings*/
.honor-ranking {
	font-size: 2rem;
	font-weight: bold
}
.bg-slope-up {
	position: relative;
	width: 100%;
	height: calc(100% - 2em);
}
.bg-slope-up::before {
	position: relative
}
.laker-rankings {
	background: var(--clsu-laker-blue);
	margin: 0 11rem 0 5rem;
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.laker-rankings-item {
	width: 35%;
	padding: 1rem 2rem
}
.laker-rankings-item:nth-child(1), .laker-rankings-item:nth-child(2) {
	border-right: 1px solid var(--clsu-lochmara);
}
.laker-rankings__title {
	font-size:2rem;
	font-weight:bold
}
	
	/*end rankings*/
/************end about************/

/************programs************/
/*.grid-4-display {
	width: 100%;
    max-width: 96.875em;
    margin-inline: auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
}
.grid-4-display__item-2,
.grid-4-display__item-3 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1rem;
}*/
.grid-4-display {
	display: flex;
	flex-direction: column;
}
.grid-4-display__item-2,
.grid-4-display__item-3 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1rem;
}
.grid-4-display__item-2 p,
.grid-4-display__item-3 p {
	margin: 0;
}
.grid-4-display__item-2 {
	margin-top: 1.8em
}
.grid-4-display__item-3 {
	margin-top: 1em
}

.grid-4-display img {
	width: 100%;
	display: block;
}
.sticky-content {
	position: relative;
	top: 30px;
}
/************end programs************/

/************become a laker************/

  .clsu-admissions {
    padding: 2rem 1rem;
  }

	.horizontal-timeline-container {
		grid-template-columns: 1fr;
		height: auto
	}

  /* Main layout */
  .grid-2-display {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }

  .grid-2-display__item-1,
  .grid-2-display__item-2,
  .grid-2-display__item-3 {
    width: 100%;
  }

  .grid-2-display__item-1 img {
    max-width: 11em;
    height: auto;
    display: block;
  }

  /* Admissions links */
  .home-links {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    padding: 0;
    margin: 0;
    list-style: none;
  }

  /* Timeline */
  .horizontal-timeline-container {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }

  .timeline-block {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
  }

  .timeline-step-counter {
    flex-shrink: 0;
    width: 3rem;
    height: 3rem;
	  background: var(--white);
        border: 1px solid var(--clsu-georgia-clay);
        border-radius: 50%;
	  color: var(--clsu-georgia-clay);
	  text-align:center;
	  line-height: 50px;
  }
	.horizontal-timeline-container::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;

}

  .timeline-content {
    flex: 1;
  }

  .timeline-content__step {
    font-size: 1.1em;
    margin-bottom: .25rem;
  }

  .timeline-content__action {
    font-size: 1rem;
    line-height: 1.4;
  }


/************student success************/
.clsu-student-success {
	position: relative;
	color: var(--white);
	background: var(--clsu-laker-blue);
	clip-path: none;
}
.clsu-student-success__content {
	position: relative;
	z-index: 1;
	padding-top: 5em
}
.carousel__slide.slide-content h3 {
    font-size: clamp(1.2rem, 2.5vw, 1.4rem);
}
.clsu-student-success__heading {
	width: 100%
}
.carousel {
	margin: 1rem;
	padding: 0.75rem
}
.carousel__slide {
	padding: 1.25rem
}
.carousel__controls {
	flex-direction: column;
	display: flex;
	padding-bottom: 1.3rem
}
.carousel__controls button {
	width: 100%
}
.carousel__viewport {
	display: flex;
	flex-direction: row;
	gap: 2em;
	border: 1px solid var(--clsu-laker-blue);
	border-radius: 0.75rem;
	-webkit-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.47);
	-moz-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.47);
	box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.47)
}
.carousel__pagination button, button.carousel__prev, button.carousel__next {
	font-family: Montserrat-Bold;
	min-width: 44px;
	padding: 0.5rem;
	color: var(--white);
	font-weight: bold;
	background: var(--clsu-laker-blue);
	border-color: var(--white)
}
.carousel__pagination button:hover, .carousel button:hover {
	color: var(--clsu-laker-blue);
	background: var(--clsu-georgia-clay)
}
.carousel__pagination button[aria-current="true"] {
	color: var(--clsu-laker-blue);
	background: var(--clsu-georgia-clay)
}
.carousel__slide.slide-content p:nth-child(1) {
	font-family: Montserrat-Bold;
	font-size: 1.3rem;
	margin: 0
}
.slide-heading {
	font-size: 1.3rem
}
/************end student success************/

/************student life************/
.clsu-student-life {
	position: relative;
}
.clsu-student-life::before {
	content: "";
	position: absolute;
	inset: 0;
	background: url(/_resources/images/bg-athletics-loch-white.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	z-index: 0
}
/************end student life************/

/************student quotes************/
.clsu-student-quotes {
	background-color: var(--clsu-laker-blue);
	color: var(--white);
	position: relative
}
.quote-grid {
	display:grid;
	grid-template-columns: 1fr;
	gap: 1rem;
	padding: 2rem
}
.quote-grid img {
	max-width: 17em
}
.quote-grid__item-1, .quote-grid__item-2, .quote-grid__item-3 {
	position: relative
}
.quote-grid p:nth-child(1) {
	text-align: center
}
.quote-grid__item-1 p:nth-child(2), .quote-grid__item-2 p:nth-child(2), .quote-grid__item-3 p:nth-child(2) {
	font-size: 1.1rem
}
.quote-grid__item-1 p:nth-child(2)::before, .quote-grid__item-2 p:nth-child(2)::before, .quote-grid__item-3 p:nth-child(2)::before {
	content: '\201C';
    position: absolute;
    left: -.5em;
    font-size: 4em;
    top: 4em
	
}
/*.clsu-carousel article {
	width: inherit;
	margin: 0;
}
article {
	max-width: inherit !important
}
.carousel-track {
	padding: 2em;
	margin-top: 5rem
}
.clsu-slide {
	display: none;
}
.clsu-slide.active {
	display: inline-block;
	background: var(--clsu-laker-blue);
	color: var(--white);
	border-radius: 1em
}
.carousel-controls-wrapper {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 0 3rem
}
.carousel-controls button {
	background: var(--light-gray);
	cursor: pointer;
}
.carousel-controls .prev, .next {
	position: relative;
	top: auto;
	transform: none
}
.clsu-carousel-indicators button {
	background: var(--light-gray);
	cursor: pointer;
}
.quote-grid {
	position: relative;
	display: flex;
	align-items: center;
	flex-direction: column;
}
.quote-grid__item-1 {
	padding: 1rem;
	order: 2
}
.quote-grid__item-1 p:nth-child(1) {
	font-size: 1.3rem
}
.quote-grid__item-2 {
	order: 1
}
.quote-grid__item-2 p {
	margin: 0
}*/
/************end student quotes************/

/************news and events************/

.clsu-events-container {
	min-height: 75vh;
	margin-top: 5em
}
.clsu-event {
	margin-bottom: var(--space-6)
}
.clsu-event-date {
	border-width: var(--border-1-width);
	border-style: var(--border-1-solid);
	font-family: 'Montserrat-Bold'
}
.clsu-news {
	margin-bottom: var(--space-8)
}
.grid-col-4 {
		grid-column: auto / span 12
	}


/************end news and events************/

/************next steps************/
.clsu-next-steps {
	position: relative;
	overflow: hidden;
	color: var(--white);
	background: var(--clsu-laker-blue) url(/_resources/images/next-steps-bg-blue.jpg) center/cover no-repeat;
	clip-path: polygon(0 0, 100% 15%, 100% 100%, 0 100%);
	isolation: isolate
}
/*.clsu-next-steps::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index:-1;
}
.clsu-next-steps::after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(9, 44, 116, 0.9);
	clip-path: polygon(0 0, 100% 15%, 100% 100%, 0 100%);
	z-index: -1;
}*/


/************end next steps************/

/************univeresal************/

.supertitle {
	color: var(--clsu-laker-blue);
	font-size: var(--text-md)
}
.img-border-radius {
	border-radius: 1em
}
.img-bevel {
	/*clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);*/
	clip-path: polygon(20% 0%, 100% 0, 100% 20%, 100% 80%, 80% 100%, 0 100%, 0% 80%, 0% 20%)
}
.jarallax {
	min-height: 35vh;
	display: grid;
	place-items: center;
	padding: 2rem;
	color: var(--white);
	text-align: center;
	overflow: hidden;
	border-radius: 2em
}
.jarallax-container {
	/*clip-path: polygon(20% 0%, 100% 0%, 100% 20%, 100% 80%, 80% 100%, 0% 100%, 0% 80%, 0% 20%) !important;
	clip-path: inset(0% 0% 0% 0% round 5% 5% 5% 5%) !important;*/
	border-radius: 1em
}
.rounded-corners {
	border-radius: 2.5em
}
.inline-list ul {
	margin: 0;
	padding: 0
}
.inline-list ul li a {
	margin-right: 1em;
}
/*orange btn*/
.btn-round {
	border-radius:10px
}
.text-decoration-none {
	text-decoration: none
}
.bg-light-gray {
	background: var(--light-gray)
}
.section-margin-top {
	margin: 2em 0 0 0
}
.section-padding-top {
	padding: 2em 0	0 0
}
figure {
	padding-bottom: 0;
	margin: 0
}
.display-flex {
	display: flex
}
.align-items-center {
	align-items: center
}
.align-items-start {
	align-items: flex-start
}
.align-items-end {
	align-items: flex-end
}
.justify-content-center {
	justify-content: center
}
.justify-content-space-around {
	justify-content: space-around
}
.justify-content-flex-start {
	justify-content: flex-start
}
.justify-content-flex-end {
	justify-content: flex-end
}
.flex-one {
	flex: 1
}
.flex-content {
	display:flex;
	flex-direction:column;
	align-items:center
}
.flex-direction-column {
	flex-direction: column
}

.gap-1 {
	gap: 1rem
}
.gap-2 {
	gap: 2rem
}
.flex-direction-row {
	flex-direction: row
}
.flex-content :nth-child(2) {
	order:2
}
.flex-content :nth-child(3) {
	order:1
}
#background-video, #myBtn, details, summary {
	display: none;
}
.animate-underline-orange {
	position: relative;
	z-index: 1
}
.animate-underline-orange::after {
	content: '';
	position: absolute;
	z-index: -1;
	left: -4px;
	bottom: 1px;
	width: 102%;
	height: clamp(1em, 4vw, 2em);
	background-color: var(--clsu-georgia-clay);
	transform: scaleX(0);
	transform-origin: bottom left;
	animation: drawLine 1s ease-out 0.5s forwards
}
.animate-underline-white {
	position: relative;
	z-index: 1
}
.animate-underline-white::after {
	content: '';
	position: absolute;
	z-index: -1;
	left: -4px;
	bottom: 1px;
	width: 102%;
	height: clamp(1em, 4vw, 2em);
	background-color: var(--white);
	transform: scaleX(0);
	transform-origin: bottom left;
	animation: drawLine 1s ease-out 0.5s forwards
}
@keyframes drawLine {
	to {
		transform: scaleX(1);
	}
}
.fadein {
	opacity: 0;
	transition: all 1.5s;
	transform: translate(0, 100px)
}
.fadein.visible {
	opacity: 1;
	transform: translate(0, 0)
}
.btn-arrow {
	position: relative;
	transition: background-color 300ms ease-out
}
.btn-arrow span.svg-arrow {
	display: block;
	position: relative;
	transition: all 300ms ease-out;
	will-change: transform
}
.btn-arrow:hover span.svg-arrow {
	transform: translate3d(1rem, 0, 0)
}
.btn-arrow svg {
	position: absolute;
	width: 1.1em;
	right: 0;
	opacity: 0;
	top: -1em;
	transform: translateY(0);
	transition: all 300ms ease-out;
	will-change: right, opacity
}
.btn-arrow svg * {
	stroke-width: 5
}
.btn-arrow:hover svg {
	opacity: 1;
	right: 1em
}
.w-5 {
	width: 60%
}
.rust-orange-drop-box {
	-webkit-box-shadow: -7px 7px 0px 0px #C05131; 
	box-shadow: -7px 7px 0px 0px #C05131;
}
/************end univeresal************/


/****DESKTOP**************/

@media (min-width: 768px) {
	/********hero********/
	.hero-banner__content {
		position:relative;
		z-index:2;
		padding-left:3rem;
		padding-top:1rem;
		padding-right:1rem
	}
	.hero-banner__video {
		background:none;
		height:auto
	}
	.fig-video::before {
		position:absolute;
		z-index:4;
		border:5px solid #c05131;
	}
	.h2-hero {
		text-align: left
	}
	
	/********about********/
	.clsu-about__honors__content {
		padding-bottom: 1.5em
	}
		.bg-slope-up::before {
		position: absolute;
		top: -19px;
		content: "";
		width: 100%;
		height: 100px;
		background-color: var(--clsu-laker-blue);
		clip-path: polygon(100% 0, 0 100%, 100% 100%);
	}
	.jarallax {
		min-height: 55vh
	}
	
	/********programs**************/
	.grid-4-display {
		width: 100%;
		max-width: 96.875em;
		margin-inline: auto;
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		grid-template-rows: repeat(1, 1fr);
		gap: 20px;
	}
	.grid-4-display__item-1 {
		grid-column: span 2 / span 2;
	}
	.grid-4-display__item-2 {
		grid-column-start: 3;
		grid-template-columns: 1fr;
		z-index: 0
	}
	.grid-4-display__item-3 {
		grid-column-start: 4;
		grid-template-columns: 1fr;
		z-index: 0;
		margin-top: 5rem
	}
	.grid-4-display__item-4 {
		grid-column: span 2 / span 2;
		grid-column-start: 3;
		grid-row-start: 2;
		z-index: 0
	}
	.sticky-content {
		position: -webkit-sticky;
		position: sticky;
		top: 30px;
	}
	/********become a laker********/
	.grid-2-display {
  display: grid;
  grid-template-columns: minmax(150px, 10%) 1fr;
  gap: 3rem;
  align-items: center;
}

.grid-2-display__item-1 {
  grid-column: 1;
  grid-row: 1;
}

.grid-2-display__item-2 {
	grid-column: 2;
	grid-row: 1;
}

.grid-2-display__item-3 {
	grid-column: 1 / -1;
	grid-row: 2;
}

.grid-2-display__item-1 img {
	width: 100%;
	height: auto;
	display: block;
}

/* Timeline */
.horizontal-timeline-container {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 1.5rem;
	position: relative;
	height: 12em
}

.timeline-block {
	text-align: center;
	gap: 0
}

.timeline-step-counter {
	width: 4rem;
	height: 4rem;
	margin: 0 auto 1rem;
	border-radius: 50%;
	background: var(--white);
	border: 1px solid var(--clsu-georgia-clay);
	border-radius: 50%;
	top: 50%;
	line-height: 50px;
	margin-top: -25px;
	left: 50%;
	/*margin-left: -25px;*/
	position: relative;
	height: 50px;
	width: 50px;
	text-align: center;
	color: var(--clsu-georgia-clay);
}

.timeline-content__step {
  font-size: 1.1em;
}

.timeline-content__action {
  font-size: 1rem;
  line-height: 1.4;
}
	.timeline-block .timeline-content {
    position: relative;
		top: -2em
}
	.horizontal-timeline-container::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
		background: var(--light-gray)
}
	/*.horizontal-timeline-container {
		flex-direction: row;
	}
	.grid-2-display {
		width: 100%;
		max-width: 96.875em;
		margin-inline: auto;
		display: grid;
		grid-template-columns: repeat(6, 1fr);
		grid-template-rows: repeat(2, 1fr);
		gap: 3em;
		grid-row-gap: 0
	}
	.grid-2-display__item-1 {
		grid-row: span 2 / span 2;
	}
	.grid-2-display__item-2 {
		grid-column: span 5 / span 1;
	}
	.grid-2-display__item-3 {
		grid-column: span 5 / span 5;
		grid-column-start: 2;
		grid-row-start: 2;
	}
	.horizontal-timeline-container {
		display: flex;
		flex-direction: row;
		position: relative;
		height: 12em
	}
	.timeline-step-counter {
	border-radius: 50%;
	top: 0;
	margin-top: 0;
	position: relative
}
.horizontal-timeline-container::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 2px;
	background: var(--light-gray)
}
.timeline-block {
	position: relative;
	flex: 1;
	padding-bottom: 0
}
.timeline-block::after {
	clear: both;
	content: "";
	display: table;
}
.timeline-step-counter {
	background: var(--white);
	border: 1px solid var(--clsu-georgia-clay);
	border-radius: 50%;
	top: 50%;
	line-height: 50px;
	margin-top: -25px;
	left: 50%;
	margin-left: -25px;
	position: relative;
	height: 50px;
	width: 50px;
	text-align: center;
	color: var(--clsu-georgia-clay)
	}
.timeline-content {
	background: var(--white);
	border-radius: 5px;
	position: absolute;
	width: 100%;
	text-align: center
}
.timeline-content__step {
	color: var(--clsu-dark-gray);
	font-family: Montserrat;
	text-transform: uppercase
}
.timeline-content__action {
	color: var(--clsu-dark-gray);
	font-family: RobotoSlab
}
.timeline-content__action a {
	color: var(--clsu-dark-gray);
	padding: .9em 0
}
.timeline-block:nth-child(odd) .timeline-content {
  	top: -10px;
}
.timeline-block:nth-child(2) .timeline-content {
 	bottom: -28px !important;
}
.timeline-block:nth-child(even) .timeline-content {
  	bottom: -10px;
}
.timeline-block:nth-child(even) .timeline-content::before {
	left: 50%;
	margin-left: -7px;
	top: -7px;
	margin-top: -7px;
	border-color: transparent;
}
.timeline-content::before {
	content: "";
	position: absolute;
	left: 50%;
	margin-left: -7px;
	top: 100%;
	height: 0;
	width: 0;
	border: 7px solid transparent;
}
	.grid-2-display {
	width: 100%;
    max-width: 96.875em;
    margin-inline: auto;
	display: grid;
    grid-template-columns: 1fr;
}
.grid-2-display__item-1 {
	grid-row: span 2 / span 2;
}
.grid-2-display__item-2 {
	grid-column: span 5 / span 1;
}
.grid-2-display__item-3 {
	grid-column: span 5 / span 5;
    grid-column-start: 2;
    grid-row-start: 2;
}
.horizontal-timeline-container {
	display: flex;
	flex-direction: column;
	position: relative;
}
.timeline-step-counter {
	border-radius: 50%;
	top: 0;
	margin-top: 0;
	position: relative
}
.timeline-block {
	position: relative;
	flex: 1;
	padding-bottom: 3em
}
.timeline-block::after {
	clear: both;
	content: "";
	display: table;
}
.timeline-step-counter {
	background: var(--white);
    border: 1px solid var(--clsu-georgia-clay);
    border-radius: 50%;
    top: 0;
    line-height: 50px;
    margin-top: 0;
    left: 1.3em;
    margin-left: -25px;
    position: relative;
    height: 50px;
    width: 50px;
    text-align: center;
    color: var(--clsu-georgia-clay);
	}
.timeline-content {
	background: var(--white);
	border-radius: 5px;
	position: absolute;
	width: 100%;
	text-align: left
}
.timeline-content__step {
	color: var(--clsu-dark-gray);
	font-family: Montserrat;
	text-transform: uppercase
}
.timeline-content__action {
	color: var(--clsu-dark-gray);
	font-family: RobotoSlab
}
.timeline-content__action a {
	color: var(--clsu-dark-gray);
	padding: .9em 0
}
.timeline-block:nth-child(odd) .timeline-content {
  	top: 0;
}
.timeline-block:nth-child(2) .timeline-content {
 	bottom: 0 !important;
}
.timeline-block:nth-child(even) .timeline-content {
  	bottom: 0px;
}
.timeline-block:nth-child(even) .timeline-content::before {
	left: 50%;
	margin-left: -7px;
	top: -7px;
	margin-top: -7px;
	border-color: transparent;
}
.timeline-content::before {
	content: "";
	position: absolute;
	left: 50%;
	margin-left: -7px;
	top: 100%;
	height: 0;
	width: 0;
	border: 7px solid transparent;
}*/
	/*******student success********/
	.clsu-student-success {
		position: relative;
		/*overflow: hidden;*/
		color: var(--white);
		background: var(--clsu-laker-blue) url(/_resources/images/student-success-bg-blue.jpg);
		background-size: cover;
		background-position: center;
		clip-path: polygon(0 0, 100% 15%, 100% 100%, 0 100%);
		isolation: isolate
	}
	.clsu-student-success::before {
		content: "";
		position: absolute;
		inset: 0;
		/*background: var(--clsu-laker-blue) url(/_resources/images/student-success-bg.jpg) center/cover no-repeat;
		clip-path: polygon(0 0, 100% 15%, 100% 100%, 0 100%);*/
		z-index:-1;
	}
	
	/********universal********/
	.grid {
		display: grid;
		grid-template-columns: 1fr;
	}
	.flex-content {
		display:flex;
		flex-direction:row;
	}
	.flex-content :nth-child(2) {
		order:1;
	}
	.flex-content :nth-child(3) {
		order:2
	}
	.quote-grid {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 3rem;
		padding: 2rem
		/*width: 60vw;
		margin: 0 auto*/
	}
	.section-margin-top {
		margin: 5em 0 0 0
	}
	.section-padding-top {
		padding: 5em 0	0 0
	}
	
	/***********student success************/
	.clsu-student-success {
		padding-bottom: 4rem
	}
	.clsu-student-success__heading {
		width: clamp(350px, calc(100vw - 80px), 1200px);
		padding-bottom: 2rem
	}
	.carousel {
		/*max-width: 60vw;*/
		width: clamp(350px, calc(100vw - 80px), 1200px);
		margin: 0 auto;
		padding: 1rem;
		color: var(--white);
		position: relative
	}
	.carousel__wrapper {
		padding: 2rem;
		border-radius: 0.5rem;
		background: transparent;
		display: flex;
		flex-direction: row;
		gap: 2rem;
		width: 100%
	}
	.relative-column {
		position: relative
	}
	.carousel__wrapper[hidden] {
		display: none;
	}
	.carousel__slide:nth-child(1) {
		flex: 1
	}
	.carousel__slide:nth-child(2) {
		flex: 1;
		padding: 0
	}
	.slide-img {
		position: absolute;
		top: -4em;
		left: 0
	}
	.slide-img img {
		width: 500px
	}
	/* Controls */
	.carousel__controls {
		display: flex;
		justify-content: space-between;
		flex-direction: row;
		gap: 1rem;
		margin-top: 1rem
	}
	.carousel button {
		appearance: none;
		padding: 0.6rem 1rem;
		color: #fff;
		font: inherit;
		font-weight: 600;
		background: var(--carousel-accent);
		border: 2px solid var(--white);
		border-radius: 0.375rem;
		cursor: pointer
	}
	.carousel-controls-wrapper {
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
		padding-bottom: 0
	}
	.carousel button:focus-visible {
		outline: 3px solid #ffbf47;
		outline-offset: 3px
	}
	.carousel__pagination {
		display: flex;
		justify-content: center;
		gap: 0.5rem
	}
	.carousel__pagination button {
		font-family: Montserrat-Bold;
		min-width: 44px;
		padding: 0.5rem;
		color: var(--white);
		font-weight: bold;
		background: var(--clsu-laker-blue);
		border-color: var(--white)
	}
	.carousel__pagination button:hover, .carousel button:hover {
		color: var(--clsu-laker-blue);
		background: var(--clsu-georgia-clay)
	}
	.carousel__pagination button[aria-current="true"] {
		color: var(--clsu-laker-blue);
		background: var(--clsu-georgia-clay)
	}
	/* Screen-reader announcement area */
	.carousel__status {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		white-space: nowrap;
		clip: rect(0, 0, 0, 0);
		border: 0
	}
	/* news and events */
	.grid {
		display: grid;
		grid-template-columns: repeat(12,1fr);
	}
	.grid-1 { 
		grid-template-columns: repeat(1, minmax(0, 1fr))
	} 
	.grid-2 { 
		grid-template-columns: repeat(2, minmax(0, 1fr))
	} 
	.grid-3 { 
		grid-template-columns: repeat(3, minmax(0, 1fr))
	} 
	.grid-4 { 
		grid-template-columns: repeat(4, minmax(0, 1fr))
	} 
	.grid-5 { 
		grid-template-columns: repeat(5, minmax(0, 1fr))
	} 
	.grid-6 { 
		grid-template-columns: repeat(6, minmax(0, 1fr))
	}
	/*.grid-col-2 {
		grid-column: auto / span 2
	}*/
	.grid-col-3 {
		grid-column: auto / span 3
	}
	
	.grid-col-6 {
		grid-column: auto / span 6
	}
	.grid-col-5 {
		grid-column: auto / span 5
	}
	.grid-col-7 {
		grid-column: auto / span 7
	}
	.grid-col-8 {
		grid-column: auto / span 8
	}
	.grid-col-9 {
		grid-column: auto / span 9
	}
	.grid-col-10 {
		grid-column: auto / span 10
	}
	.clsu-events-container {
		margin-top: 0;
		min-height: 75vh
	}
}
@media (min-width:1080px) {
	h1.h1-hero, h2.h2-hero {
		text-align:left
	}
	video, .hero-banner__video .fig-video{
		width:auto;
		-webkit-clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 0% 100%);
		clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 0% 100%);
		transition: 1s;
		z-index:2
	}
	.hero-banner__video {
		position:relative
	}
	.hero-banner__video::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: var(--clsu-georgia-clay);			
		clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 0% 100%);
		transform: translate(-15px, 10px); 
		z-index: 1; 
	}
	
}
@media (min-width: 768px) and (max-width: 1000px) {
	.grid-col-4, .grid-col-5, .grid-col-7 {
		grid-column: auto / span 12
	}
	.clsu-events-container {
		margin-top: 4em;
	}
	.quote-grid {
		display: grid;
		grid-template-columns: 1fr;
		gap: 1rem;
	}
	.quote-grid img {
		max-width: 17em
	}
	.quote-grid p:nth-child(1) {
		text-align: center
	}
	/****become a laker****/
	.horizontal-timeline-container {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 4.5rem;
		height: auto;
		margin-bottom: 5em
	}
	.horizontal-timeline-container::before {
		content: "";
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        height: 2px;
		background: transparent
	}
	/*.clsu-admissions {
		min-height: 115vh
	}*/
	.grid-2-display {
		gap: 2em
	}
	.timeline-block {
		gap: 0
	}
	.timeline-block .timeline-content {
		top: 4em;
		position: relative
	}
	.timeline-step-counter {
		top: 0;
		margin-top: 0;
		margin-left: 0
	}
}
@media (min-width:1200px) {
	.main-cta ul {
		text-align:left;
	}
	.grid-col-4 {
		grid-column: auto / span 4
	}
}