/* Fixing angle for hero and call-out boxes */
  
	:root {
	  /* Tangent of the angle you want */
	  /* 69deg → tan(69°) ≈ 2.6051 */
	  --angle-tan: 2.6051;
	
	  /* vertical offset from top and bottom */
	  --rise: 6rem;
	
	  /* horizontal distance computed from rise / tan(angle) */
	  --run: calc(var(--rise) / var(--angle-tan));
	}
	
	.alternating-blocks__text-container,
	.callout__text-container,
  .hero--landing .hero__text {
	  clip-path: polygon(
	    var(--run) 0,
	    100% 0,
	    100% calc(100% - var(--rise)),
	    calc(100% - var(--run)) 100%,
	    0 100%,
	    0 var(--rise)
	  ) !important;
	}

/* Removing all caps from event months */
  
	.events-preview__date span.month {
	    text-transform: unset;
	    z-index: 1;
	}

/* Correcting blue background angle to 23° */
  
	.section--style--blue-gradient .section__inner:before,
	.alternating-blocks .section__inner:before {
		opacity: .2;
    transform: skew(338deg) !important;
	}
	
	.hero--intro .hero__text-container:before {
    opacity: .8;
    content: "";
    background-image: linear-gradient(#013b72, #026dab);
    width: 80%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%) skew(-23deg);
}

/* Removing bold from ASC Pioneer font */
  
	.hero--landing .hero__tagline, .hero--subsite-home .hero__tagline {
		font-weight: unset !important;
	}

/* Padding for the hero text in mobile */
  
	.hero--landing .hero__text {
		padding: 3rem;
	}


/* Correcting the angle to 23° for the stylized buttons */
  
	.btn-white--stylized:before,
	.btn-yellow--stylized:before,
	.btn-blue-light--stylized:before,
	.btn-blue-dark--stylized:before,
	.btn-blue--stylized:before,
	.btn--stylized:before {
	  background: linear-gradient(113deg, var(--btn-bg) 0%, var(--btn-bg) 35%, var(--btn-bg-secondary) 35%, var(--btn-bg-secondary) 65%, transparent 65%);
	}

  /* Hover state for stylized buttons */
	.btn-white--stylized:hover:before,
	.btn-yellow--stylized:hover:before,
	.btn-blue-light--stylized:hover:before,
	.btn-blue-dark--stylized:hover:before,
	.btn-blue--stylized:hover:before,
	.btn--stylized:hover:before {
	    background: linear-gradient(113deg, var(--btn-bg-hover) 0%, var(--btn-bg-hover) 35%, var(--btn-bg-secondary) 35%, var(--btn-bg-secondary) 65%, transparent 65%);
	}

/* Fixing the yellow BG for 'Explore Alfred State' section on home page */

.router--button-grid.bg--yellow {
    background-image: url(https://www.alfredstate.edu/sites/default/files/2025-12/bg-yellow-overlay.png);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Fixing the angle in the hero title */

	.hero--intro .hero__title {
	    transform: skew(23deg);
	}
	
	.hero--intro .hero__title-container {
    transform: skew(-23deg) translate(-50%);
}

.front .news,
carousel-splide[type=one-with-background-image] {
	padding-block: 3rem;
}

.section-title {
    margin: 0 0 1rem;
}

.carousel__title {
    font-size: clamp(2.5rem, 2.0946rem + 1.6216vw, 3.25rem) !important;
    font-weight: revert !important;
}

.section--style--blue-gradient .carousel__title {
    margin-block-end: 1rem;
}

.carousel--one-with-background-image .carousel__intro {
    margin-bottom: 2.5rem;
}

.router--button-grid .router__list {
    padding: 2rem 1rem;
}

.stats {
    padding-inline-end: 1rem;
}

.alternating-blocks .splide__pagination {
   display: none;
}

.alternating-blocks__text-container [class*=__title] {
    line-height: 1;
}

/*

.news--featured .news__text-container {
    padding: 2rem 1rem 1rem;
}

@media (min-width: 57.5rem) {
    .news--featured .news__text-container {
        padding: 2rem 1.25rem 1.25rem;
    }
}

 */

.carousel__pagination {
    display: none;
}

.router--button-grid .router__headline {
	font-size: 2.5rem;
}

.carousel--one-with-background-image .splide__arrow {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1.75rem;
}

.page-title,
.hero--carousel
.hero__title,
.hero--image
.hero__title {
    position: relative;
}

.page-title:before,
.hero--carousel
.hero__title:before,
.hero--image .hero__title:before,
.page-title:after,
.hero--carousel
.hero__title:after,
.hero--image
.hero__title:after {
    position: absolute;
}

.hero--landing {
    padding: 0;
}

@media (max-width: 57.5rem) {
    .section-title.stylized {
        padding-top: 2rem;
    }
}

@media (min-width: 57.5rem) {
    .section-title.stylized {
        width: 125%;
    }
}

.section-title.stylized {
    margin-bottom: 2.5rem;`
}

.carousel--video {
    padding-block: 5rem;
}

@media (min-width: 57.5rem) {
    .section-title.stylized:after {
        transform: skew(-23deg);
    }
}

/*

@media (max-width: 57.5rem) {
	.news--featured .news__list {
	    gap: clamp(2.5rem, 1.1486rem + 5.4054vw, 5rem);
	}	
}

*/

div.carousel.carousel--one-with-background-image
@container (width >= 47.5rem) {
    .container--small {
        margin-bottom: 2rem;
    }
}

.container--small {
    margin-block-end: 2rem;
}

.news--featured .news__text-container--links-only > * + * {
	margin-block-start: 1.25rem;
}

.hero--carousel .hero__title-container {
    margin-block-end: unset;
}

/* Adding top and bottom padding to form pages */

.webform-submission-form {
    padding: 2.5rem 1em;
}

/* Adding padding to form select boxes

.form-select {
    padding: .8rem;
}

 */

.featured-video__section-title {
    display: none;
}

.video-gallery {
    padding: 0 0 1.5rem;
}

.video-gallery__title {
    text-align: left;
    margin: 0 0 1rem;
    font-weight: 700;
    font-size: clamp(1.5rem, 1.2297rem + 1.0811vw, 2rem);
    font-style: italic;
    line-height: 1.1;
    letter-spacing: -.03ch;
}

.video-gallery__iframe {
    aspect-ratio: 16/9;
    background-color: #000;
    border: none;
    max-height: 85.5vh;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.page-body--with-sidebar .page-body__sidebar {
    padding: 0 1rem 2.5rem;
}

.sidebar-peekaboo {
    border-bottom: unset;
    margin-bottom: 2rem;
}

.program-length {
    margin-block-end: 2.5rem;
}

.sidebar-peekaboo__toggle {
    margin-top: unset;
}

.accordion__item {
    padding: 1em 0 0;
}

.accordion__button {
    padding: .75rem 3.05rem .75rem 1.5rem;
    font-size: 1.313rem;
    line-height: 1.4;
}

.wysiwyg__section {
    padding: 2.5rem 0;
    font-family: Roboto,sans-serif;
    font-size: 1.313rem;
}

.figcaption {
    font-size: .9rem;
    opacity: .8;
}

/* Adding top clear: both; for images using floats */

.news-article__categories {
    margin-block-start: 4.5rem;
    clear: both;
}

/* Removing bottom padding from the Pioneers are Pros Apply Now button */

@media (min-width: 57.5rem) {
    .hero--landing .hero__link, .hero--subsite-home .hero__link {
        margin: 1rem 0 0;
    }
}

.callout--full .callout__link {
    padding: unset;
}

:is(.callout--full .callout__text-container [class$=__link], .alternating-blocks__text-container [class$=__link]) {
    line-height: 1.2;
}

/* Adding display: block; to make links stack on one another */

.alternating-blocks__text-container [class$=__link] {
    display: block;
}

/* Adding spacing to callout block links */

:is(.alternating-blocks__links, .callout__links) > * + * {
    margin-block-start: 0.5rem;
}

/* Adding cursor over play button for top video */

.hero__controls__play-pause {
    cursor: pointer;
}

/* Adding bottom padding to nav for the <h1>

.header__nav {
    margin-block-end: 1rem;
}

 */
 
 .news--featured .news__link {
    color: #ffcd00;
}

.block--system-main-block > .container,
.hero.hero--carousel .container {
    margin-block-start: 2rem;
}

.hero--image .hero__title-container {
    margin-block: 2rem 2.625rem;
}

.page-title, .hero--carousel .hero__title, .hero--image .hero__title {
    font-size: clamp(2.25rem, 1.9091rem + 1.3636vw, 3rem);
}

.news--full .news__headline-link {
    margin-top: 0;
}

.news--full .news__link {
    margin-top: 0.75rem;
    display: block;
}

.news-article__categories a {
    text-transform: unset;
    padding: 0.575rem 1rem;
    line-height: 1.2;
    border-radius: .25rem;
    text-wrap: balance;
    font-weight: 500;
}

/* Form Time Padding Fix */
input#edit-end-time-for-reservation,
input#edit-start-time-to-block-off-lot-spaces {
    padding: .8rem;
}