.ascfix * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.ascfix :is(h1, h2, h3, h4, h5, h6) {
    color: #003C71;
    font-family: 'Roboto Condensed', sans-serif;
    line-height: 1;
}

.ascfix h1 {
    font-size: 32px;
}

.ascfix h2 {
    font-size: 28px;
}

.ascfix h3 {
    font-size: 24px;
}

.ascfix h4 {
    font-size: 16px;
}

.ascfix h5 {
    font-size: 13.28px;
}

.ascfix h6 {
    font-size: 10.72px;
}

.ascfix :is(p, ul, ol, table, fieldset, form, dl, dir, menu, details, figcaption, summary, blockquote) {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 20px;
    -webkit-font-smoothing: antialiased;
}

.ascfix a {
    font-family: inherit;
    font-weight: bold;
}

.asc_goldtext {
    -webkit-text-fill-color: hsl(48, 100%, 50%);
}

.ascfix :is(img, svg) {
    display: block;
    padding: 0;
    max-width: 100%;
}

.flow>*+* {
    margin-top: 20px;
}

/* Font Awesome Icon Set */

.icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.icon::before {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands";
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.twitter-square::before {
    content: "\f081";
    color: #FFCD00;
    font-size: 45px;
}

.facebook-square::before {
    content: "\f082";
    color: #FFCD00;
    font-size: 45px;
}

.snapchat-square::before {
    content: "\f2ad";
    color: #FFCD00;
    font-size: 45px;
}

.instagram-square::before {
    content: "\e055";
    color: #FFCD00;
    font-size: 45px;
}

.youtube-square::before {
    content: "\f431";
    color: #FFCC00;
    font-size: 45px;
}

.linkarrow::before {
    content: "\f0a9";
    color: #003C71;
    font-size: 50px;
    margin-right: 20px;
}

.hand-point-down::before {
    display: block;
    content: "\f0a7";
    font-size: 50px;
}

.chevron-circle-down::before {
    content: "\f13a";
    font-size: 40px;
}

.tools::before {
    content: "\f7d9";
    font-size: 40px;
}

.youtube::before {
    content: "\f167";
    color: #eb000c;
    font-size: 60px;
}

.layered-shadow {
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.11), 
                0 2px 2px rgba(0,0,0,0.11), 
                0 4px 4px rgba(0,0,0,0.11), 
                0 8px 8px rgba(0,0,0,0.11), 
                0 16px 16px rgba(0,0,0,0.11), 
                0 32px 32px rgba(0,0,0,0.11);
            box-shadow: 0 1px 1px rgba(0,0,0,0.11), 
                0 2px 2px rgba(0,0,0,0.11), 
                0 4px 4px rgba(0,0,0,0.11), 
                0 8px 8px rgba(0,0,0,0.11), 
                0 16px 16px rgba(0,0,0,0.11), 
                0 32px 32px rgba(0,0,0,0.11);
}

header#page-title h1, header#page-title h2 {
    color: #003C71;
    font-family: 'Roboto Condensed', sans-serif;
    line-height: 1;
}

#create {
    background-image: url('https://live.staticflickr.com/65535/49520540043_1769418460_h.jpg');
}

#lead {
    background-image: url('https://live.staticflickr.com/7871/47043208792_737031f462_b.jpg');
}

#share {
    background-image: url('https://live.staticflickr.com/1963/30667442857_dd6604655e_h.jpg');
}

#compute {
    background-image: url('https://live.staticflickr.com/7835/33220252298_45a5ac7c24_h.jpg');
    background-position: top !important;
}

#build {
    background-image: url('https://live.staticflickr.com/8365/8434558645_cb1bf46d06_h.jpg');
}

#heal {
    background-image: url('https://live.staticflickr.com/65535/48893341442_eae1cf2d48_h.jpg');
}

#relate {
    background-image: url('https://www.alfredstate.edu/sites/default/files/Alumni%20Magazine/Spring%202023/images/Social%20Science%20Business.jpg');
}

#make {
    background-image: url('https://live.staticflickr.com/4539/38914527371_8e51df892a_h.jpg');
}

#fix {
    background-image: url('https://live.staticflickr.com/65535/50065331983_435fff1e01_h.jpg');
}

#innovate {
    background-image: url('https://www.alfredstate.edu/sites/default/files/Career%20Paths/Images/Baja1.jpg');
}

#serve {
    background-image: url('https://www.alfredstate.edu/sites/default/files/Career%20Paths/Images/Cybersecurity.jpg');
}

#renew {
    background-image: url('https://live.staticflickr.com/8841/28773148411_e0ea81a6fe_h.jpg');
}

.ascfix header {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    background: #003C71;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.ascfix header .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(208, 100%, 22%, 0.404)), to(hsla(207, 100%, 12%, 0.925)));
    background: -o-linear-gradient(top, hsla(208, 100%, 22%, 0.404), hsla(207, 100%, 12%, 0.925));
    background: linear-gradient(to bottom, hsla(208, 100%, 22%, 0.404), hsla(207, 100%, 12%, 0.925));
    height: 100%;
    width: 300px;
    padding: 20px;
}

.ascfix .cp_logo {
    border-radius: 50%;
    margin: 0 auto;
    max-width: 230px;
}

.ascfix header .content h2 {
    border-bottom: #e2e2e2 1px dashed;
    color: #ffffff;
    font-size: 38px;
    padding-bottom: 20px;
    text-align: center;
}

.ascfix header .content p {
    color: #e2e2e2 !important;
    margin-bottom: 0;
}

.ascfix header .content a {
    text-decoration: none;
}

.ascfix header .content a:hover,
.ascfix header .content a:focus {
    text-decoration: underline;
}

.ascfix header figure {
    position: absolute;
    border-radius: 10px;
    overflow: hidden;
    aspect-ratio: 16/9;
    width: 300px;
    right: 20px;
    bottom: 20px;
    -webkit-transition: 200ms ease-in-out;
    -o-transition: 200ms ease-in-out;
    transition: 200ms ease-in-out;
}

.ascfix header figure:hover {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
    -webkit-box-shadow: 2px 2px 1.6px rgba(0, 0, 0, 0.017),
                4.5px 4.5px 3.6px rgba(0, 0, 0, 0.024),
                7.9px 7.9px 6.3px rgba(0, 0, 0, 0.03),
                12.5px 12.5px 10px rgba(0, 0, 0, 0.035),
                19.3px 19.3px 15.5px rgba(0, 0, 0, 0.04),
                30.1px 30.1px 24.1px rgba(0, 0, 0, 0.046),
                50px 50px 40px rgba(0, 0, 0, 0.053),
                100px 100px 80px rgba(0, 0, 0, 0.07);
            box-shadow: 2px 2px 1.6px rgba(0, 0, 0, 0.017),
                4.5px 4.5px 3.6px rgba(0, 0, 0, 0.024),
                7.9px 7.9px 6.3px rgba(0, 0, 0, 0.03),
                12.5px 12.5px 10px rgba(0, 0, 0, 0.035),
                19.3px 19.3px 15.5px rgba(0, 0, 0, 0.04),
                30.1px 30.1px 24.1px rgba(0, 0, 0, 0.046),
                50px 50px 40px rgba(0, 0, 0, 0.053),
                100px 100px 80px rgba(0, 0, 0, 0.07);
}

.ascfix header .yt-button {
    border-radius: 10px;
    position: absolute;
    right: calc(50% - 30px);
    top: calc(50% - 35px);
    width: 60px;
    -webkit-transition: 200ms ease-in-out;
    -o-transition: 200ms ease-in-out;
    transition: 200ms ease-in-out;
}

.ascfix header figure:hover .yt-button {
    -webkit-transform: scale(1.19);
        -ms-transform: scale(1.19);
            transform: scale(1.19);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.11), 
                0 2px 2px rgba(0,0,0,0.11), 
                0 4px 4px rgba(0,0,0,0.11), 
                0 8px 8px rgba(0,0,0,0.11), 
                0 16px 16px rgba(0,0,0,0.11), 
                0 32px 32px rgba(0,0,0,0.11);
            box-shadow: 0 1px 1px rgba(0,0,0,0.11), 
                0 2px 2px rgba(0,0,0,0.11), 
                0 4px 4px rgba(0,0,0,0.11), 
                0 8px 8px rgba(0,0,0,0.11), 
                0 16px 16px rgba(0,0,0,0.11), 
                0 32px 32px rgba(0,0,0,0.11);
}

.ascfix header figcaption {
    position: absolute;
    background: hsla(207, 100%, 12%, 0.74);
    color: #ffffff;
    bottom: 0;
    font-size: 14px;
    margin-bottom: 0;
    padding: 10px;
    text-align: center;
    width: 100%;
}

.ascfix .admissions {
    border-radius: 10px;
    background: linear-gradient(to right, #a0b8cc, #d5e1eb, #aabbc9, #c6d6e4, #849eb4);
    padding: 10px;
}

.ascfix .admissions ul {
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    gap: 10px;
    list-style: none;
    margin-bottom: 0;
}

.ascfix .admissions a {
    background-color: #003c71;
    color: #ffffff;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    line-height: 1.2;
    padding: 20px;
    text-align: center;
    text-decoration: none;
    transition: 200ms ease-in-out;
}

 .admissions i {
     position: relative;
     display: block;
     font-size: 35px;
     margin-bottom: 10px;
 }

 .admissions li:hover :is(a) {
     background-color: #FFCC00 !important;
     color: #003c71;
     box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034),
                 0 6.7px 5.3px rgba(0, 0, 0, 0.048),
                 0 12.5px 10px rgba(0, 0, 0, 0.06),
                 0 22.3px 17.9px rgba(0, 0, 0, 0.072),
                 0 41.8px 33.4px rgba(0, 0, 0, 0.086),
                 0 100px 80px rgba(0, 0, 0, 0.12);
 }

.ascfix .path_list {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
}

.ascfix .button {
    position: relative;
    background: hsla(208, 100%, 22%, 0.712);
    border-radius: 10px;
    -webkit-box-shadow: rgba(50, 50, 93, 0.432) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.76) 0px 18px 36px -18px inset;
            box-shadow: rgba(50, 50, 93, 0.432) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.76) 0px 18px 36px -18px inset;
    overflow: hidden;
    -webkit-transition: ease-in 200ms;
    -o-transition: ease-in 200ms;
    transition: ease-in 200ms;
}

.ascfix :is(.button div, #undecided) p {
    color: #FFFFFF !important;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0;
    word-spacing: -1.5px;
}

.ascfix .button:hover {
    -webkit-box-shadow: rgba(50, 50, 93, 0.39) 0px 13px 27px -5px, rgba(0, 0, 0, 0.61) 0px 8px 16px -8px;
            box-shadow: rgba(50, 50, 93, 0.39) 0px 13px 27px -5px, rgba(0, 0, 0, 0.61) 0px 8px 16px -8px;
    -webkit-transform: scale(1.03);
        -ms-transform: scale(1.03);
            transform: scale(1.03);
}

.ascfix .bg_image img {
    aspect-ratio: 1 / 1;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-transition: ease-in 200ms;
    -o-transition: ease-in 200ms;
    transition: ease-in 200ms;
    width: 100%;
    z-index: 1;
}

.ascfix .online {
    position: relative;
    z-index: 1;
}

.ascfix .online:after {
    position: absolute;
    content: '';
    inset: 0;
    background-image: url(https://www.alfredstate.edu/sites/default/files/Career%20Paths/Images/Campus_or_Online.png);
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 10;
}

.ascfix .online-only {
    position: relative;
    z-index: 1;
}

.ascfix .online-only:after {
    position: absolute;
    content: '';
    inset: 0;
    background-image: url(https://www.alfredstate.edu/sites/default/files/Career%20Paths/Images/Online_Only.png);
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 10;
}

.ascfix .button:hover .bg_image img {
    mix-blend-mode: normal;
    opacity: 1;
}

.ascfix .slider {
    position: absolute;
    background: -o-linear-gradient(top, #003C71, #00203b);
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(208, 100%, 22%, 0.856)), to(hsla(207, 100%, 12%, 0.856)));
    background: -o-linear-gradient(top, hsla(208, 100%, 22%, 0.856), hsla(207, 100%, 12%, 0.856));
    background: linear-gradient(to bottom, hsla(208, 100%, 22%, 0.856), hsla(207, 100%, 12%, 0.856));
    bottom: -37px;
    left: 0;
    right: 0;
    padding: 10px;
    -webkit-transition: ease-in 200ms;
    -o-transition: ease-in 200ms;
    transition: ease-in 200ms;
    z-index: 10;
}

.ascfix .button:hover .slider {
    bottom: 0;
}

.ascfix .slider :is(h3, i) {
    color: #FFFFFF !important;
}

.ascfix .button:hover .slider :is(h3, i) {
    color: #FFCC00 !important;
}

.ascfix .slider .major h3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 20px !important;
    margin-bottom: 0 !important;
    text-align: center;
}

.ascfix .slider .type {
    border-top: hsla(0, 0%, 100%, 0.432) 1px solid;
    color: hsl(0, 0%, 100%);
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3;
    -webkit-column-rule: hsla(0, 0%, 100%, 0.432) 1px solid;
    -moz-column-rule: hsla(0, 0%, 100%, 0.432) 1px solid;
    column-rule: hsla(0, 0%, 100%, 0.432) 1px solid;
    font-weight: 700;
    margin-top: 10px;
    padding-top: 5px;
    text-align: center;
}

.ascfix .contact_us {
    background: -webkit-gradient(linear, right top, left top, from(#003C71), to(#001525));
    background: -o-linear-gradient(right, #003C71, #001525);
    background: linear-gradient(to left, #003C71, #001525);
    border-radius: 10px;
    padding: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.ascfix .contact_us::before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url(https://live.staticflickr.com/65535/51685488017_c7f34d4379_h.jpg);
    background-size: cover;
    background-position: left center;
    background-repeat: no-repeat;
    opacity: .3;
    z-index: -2;
}

.ascfix .contact_us p {
    color: #FFFFFF !important;
}

.ascfix .contact_us figure {
    background-color: hsla(0, 0%, 100%, 0.911);
    border-radius: 10px;
    padding: 20px;
}

.title_ix {
    font-size: 14px !important;
    max-width: 75ch;
    color: #FFFFFF;
    margin-bottom: 0 !important;
    text-align: center;
}

.ascfix .footer_links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 10px;
    margin-bottom: 20px;
    width: 100%;
}

.ascfix .footer_links a {
    display: -ms-grid;
    display: grid;
    background: #FFFFFF;
    border-radius: 10px;
    color: #003c71 !important;
    font-family: 'asc_pioneers_boldbold_italic','ASC Pioneers', 'ASCPioneers', sans-serif;
    font-size: 20px;
    letter-spacing: -.5px;
    line-height: 1;
    padding: 15px 20px 15px 13px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: 200ms ease-in-out;
    -o-transition: 200ms ease-in-out;
    transition: 200ms ease-in-out;
    word-spacing: -4px;
}

.ascfix .footer_links a:hover,
.ascfix .footer_links a:focus {
    background: #FFCC00;
    color: #003c71 !important;
}

@media only screen and (max-width: 800px) {

    .ascfix .admissions ul {
        grid-template-columns: repeat(2, 1fr)
    }

}

@media only screen and (max-width: 725px) {

    .ascfix header {
        background-image: none !important;
    }

    .ascfix header .content {
        width: 100%;
    }

    .ascfix .cp_logo {
        margin: 0 auto;
        max-width: 260px;
    }

    .ascfix header .content h2 {
        text-align: center;
    }

    .ascfix header figure {
        border-radius: 0;
        position: relative;
        width: 100%;
        bottom: 0;
        right: 0;
    }

    .ascfix header figure:hover {
        -webkit-transform: scale(1);
            -ms-transform: scale(1);
                transform: scale(1);
    }

    .ascfix header figure:hover {
        -webkit-transform: scale(1);
            -ms-transform: scale(1);
                transform: scale(1);
    }

    .ascfix .footer_links {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

}

@media only screen and (max-width: 500px) {

    .ascfix .admissions ul {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

}