.component#counselor-zip-code-intro_component {
	margin-bottom:3rem;
}

.red-accent {
    color:var(--gfColors-red);
}
.lead {
    color:var(--gfColors-navy);
}
strong {
    font-weight:bold;
}
.thirsty-accent {
    font-size: 2rem;
    font-family: ThirstySoftExtraBold, var(--gfVars-headerFont);
    margin: 0 .25rem;
    position: relative;
}
.thirsty-accent.navy {
    color: var(--gfColors-navy);
}
.thirsty-accent.slate {
    color: var(--gfColors-slate);
}   
.thirsty-accent.slate.underline {
    margin-left: .5rem;
}
.thirsty-accent.slate.underline::after {
    content: "";
    width: 200px;
    height: 50px;
    position: absolute;
    left: 0;
    bottom: -40px;
    background-image: url(/__template/t1/images/doodle-illustrations/gold-underline.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    display: block;
}
#appDeadline img {
    width:clamp(300px, 40%, 400px);
}
#intro_component .circle-container {
    position:relative;
}
#intro_component .circle-container::after {
    content: "";
    width: 118px;
    height: 153px;
    position: absolute;
    left: -2rem;
    bottom: 0;
    background-image: url(/__template/t1/images/doodle-illustrations/gold-doodle-ribbon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    display: block;
}

#transfer-scholarship.calloutBox {
    margin-bottom: 4rem;
}
#transfer-scholarship.calloutBox--leftBorder .calloutBox-content span {
    font-size: 4rem;
    font-weight: 500;
    color: var(--gfColors-slate100);
}
#transfer-scholarship-card_component .cardGroup-card-image {
    margin-top: -2rem;
}
#transfer-scholarship-card_component h3 {
    position:relative;
}
#transfer-scholarship-card_component h3::before {
    content: "";
    width: 110px;
    height: 124px;
    position: absolute;
    left: 6rem;
    bottom: 6rem;
    background-image: url(/__template/t1/images/doodle-illustrations/gold-arrow-shape.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    display: block;
    transform:rotate(65deg);
}
#why-transfer_component h2 span {
	font-size: 4rem;
    font-family: ThirstySoftExtraBold, var(--gfVars-headerFont);
    line-height: 1;
    color: var(--gfColors-slate100);
    display: inline-block;
    margin-right: .5rem;
}
#custom-callout_component {
    margin-bottom:5rem;
}
.custom-callout--navy {
	margin-bottom: 0;
    background-color: var(--gfColors-navy);
    color: #fff;
    padding-top: 1rem;
    padding-bottom: 1.25rem;
    font-size: 2.5rem;
    line-height: 1.2;
    letter-spacing: .06rem;
    font-family: var(--gfVars-headerFont),Impact,Charcoal,sans-serif;
}
.custom-callout--navy span {
    font-size: 3.75rem;
    color: var(--gfColors-gold);
}

#connect-transfer-podcast_component .photoButtons-accentButton {
    font-size: 2.5rem;
    font-family: var(--gfVars-headerFont);
    color: var(--gfColors-slate100);
    position:relative;
}

#connect-transfer-podcast_component .photoButtons-accentButton::before {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    left: 1rem;
    top: 1rem;
    background-image: url(/__template/t1/images/gold-asterisk.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
}

#connect-transfer-podcast_component .photoButtons-accentButton::after {
	content: "";
    width: 100px;
    height: 36px;
    position: absolute;
    right: -2rem;
    bottom: 1rem;
    background-image: url(/__template/t1/images/doodle-illustrations/gold-arrow-right.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
}

#form-intro_component {
    margin-bottom:0;
}

.before-intro {
    padding-top: 1rem;
    /*padding-bottom: 2rem;*/
    /*border-bottom:6px solid var(--gfColors-slate15);*/
    /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Ccircle cx='300' cy='300' r='300' fill='%23f3f5f8'%3E%3C/circle%3E%3C/svg%3E");*/
	background-repeat: no-repeat;
	background-size: min(65vw, 30%);
	background-position:top center;
}
#freshman-app .before-intro {
    border-bottom:none;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Ccircle cx='300' cy='300' r='300' fill='%23f3f5f8'%3E%3C/circle%3E%3C/svg%3E");
        margin-bottom: -2rem;
    padding-bottom: 1rem;
        margin-left: auto;
    margin-right: auto;
}
.before-intro p.lead {
    position:relative;
}
/*.before-intro p.lead::before {*/
/*    content:url(/__template/t1/images/gold-asterisk.svg);*/
/*    width: 35px;*/
/*    height: 35px;*/
/*    display: inline-block;*/
/*    position: absolute;*/
/*    left: -.5rem;*/
/*    top: -1rem;*/
/*    transform: rotate(-15deg);*/
/*}*/
#appDeadline h2 {
    position: relative;
    font-family: var(--gfVars-bodyFont);
    text-transform: uppercase;
    text-align: center;
    letter-spacing: .1em;
    font-weight: bold;
    font-size: 1.5rem;
    margin-top: 0;
    margin-bottom: 2rem;
}
#appDeadline h2 span {
    font-size: 2.3em;
    font-family: var(--gfVars-thirstyFont);
    text-transform: capitalize;
    letter-spacing: 0;
    display: block;
    font-weight: normal;
    position: relative;
    top: 1rem;
}
#appDeadline h2::after {
    content: "";
    display: block;
    background-color: var(--gfColors-gold);
    width: 4ch;
    height: 3px;
    margin-bottom: 1rem;
    margin-top: 2rem;
    margin-left: auto;
    margin-right: auto;
}

/* ------------- ////////  Responsive Styles //////// ------------ */

@media (min-width: 576px) {
	
}


@media (min-width: 768px) {
	.breadcrumb {
        padding: .25rem 0;
    }
}


@media (min-width: 992px) {
    .thirsty-accent {
        font-size: 3rem;
    }
    #counselor-zip-code-intro_component .circle-container::after {
        left: -8rem;
        bottom: 36%;
        transform: rotate(-15deg);
    }
    /*
    #transfer-scholarship-card_component h3::before {
        width: 100px;
        height: 134px;
    }
    */
    #connect-transfer-podcast_component .photoButtons-accentButton {
        font-size: 3rem;
    }
    
    #connect-transfer-podcast_component .photoButtons-accentButton::before {
        width: 40px;
        height: 40px;
        left: 1rem;
        top: 2rem;
    }
   
    #connect-transfer-podcast_component .photoButtons-accentButton::after {
        width: 165px;
        height: 59px;
        right: -3rem;
        bottom: 1rem;
    }
    .before-intro {
        width:85%;

    }
}


@media (min-width: 1200px) {
    .component#intro_component {
        margin-bottom: 5rem;
    }
    #transfer-scholarship-card_component h3::before {
        left:0;
    }
    #connect-transfer-podcast_component .photoButtons-accentButton {
        font-size: 3.5rem;
    }
    
}

@media (max-width: 1199.98px) {
	
}

@media (max-width: 991.98px) {
	#transfer-scholarship-card_component h3::before {
        left: 70%;
	}
}

@media (max-width: 767.98px) {
    .circle-container::after {
        left:0;
    }
    #intro_component .circle-container::after {
        left:1rem;
    }
    #counselor-zip-code-intro_component .circle-container::after {
        display:none;
    }
    #transfer-scholarship .calloutBox-content {
        font-size: 1.5rem;
    }
    .custom-callout--navy {
        font-size:2rem;
    }
    #occScholarship {
        margin-bottom:0;
    }
    #transfer-scholarship-card_component img {
        display:none;
    }
    #transfer-scholarship-card_component h3::before {
        display:none;
    }
    #connect-transfer-podcast_component .photoButtons-accentButton {
        font-size: 3rem;
    }
    #connect-transfer-podcast_component .photoButtons-accentButton::after {
        width: 40px;
        height: 40px;
        left: 3rem;
        top: 1rem;
    }
    .before-intro {
    	background-size: min(65vw, 50%);
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .thirsty-accent {
        font-size: 2.5rem;
    }
    
}

@media (max-width: 575.98px) {
    
    .thirsty-accent::after {
        width: 170px;
        height: 40px;
        bottom: -30px;
    }
    .thirsty-accent.slate.underline {
        margin-left: 0;
    }
    #transfer-scholarship.calloutBox--leftBorder .calloutBox-content span {
        font-size: 3rem;
    }
    .custom-callout--navy span {
        font-size: 3rem;
    }
    #connect-transfer-podcast_component .photoButtons-accentButton::after {
        left: 2rem;
    }
    
}

@media (max-width: 480px) {
    .sectionBanner--secondLevel .sectionBanner-titleHolder-title {
        font-size: 2.5rem;
    }
    /*
    .sectionBanner--secondLevel .sectionBanner-titleHolder {
        margin-top: -6rem;
        padding-top: 1.5rem;
        padding-bottom: 1rem;
    }
    .sectionBanner--secondLevel .sectionBanner-image {
        height: 20rem;
        height: clamp(20rem, 35vw, 40rem);
    }
    .sectionBanner--thirdLevel .sectionBanner-titleHolder {
        margin-top: -1.5rem;
    }
    .sectionBanner--thirdLevel .sectionBanner-titleHolder h1 {
        font-size: 2.5rem;
    }
    */
    #intro_component .circle-container::after {
        display:none;
    }
    #transfer-page-banner_component .imageBanner-image {
        background-position: 70% 50%;
    }
}

/* applications now open */
#applicationsOpen h2 {
    text-align:center;
    position: relative;
    font-family: var(--gfVars-bodyFont);
    text-transform: uppercase;
    letter-spacing: .1em;
    font-weight: bold;
    font-size: 1.5rem;
    margin-top: -1rem;
}
#applicationsOpen h2 span {
    font-size:2.3em;
    font-family: var(--gfVars-thirstyFont);
    text-transform: capitalize;
    letter-spacing: 0;
    display: block;
    font-weight: normal;
    position: relative;
    top: 12px;
}
#applicationsOpen h2 span.add-line-height {
    line-height:1.8;
}
#applicationsOpen h2::after {
    content: "";
    display: block;
    background-color: var(--gfColors-gold);
    width: 3ch;
    height: 3px;
    margin-bottom: 1.25rem;
    margin-top: 1.75rem;
    margin-left: auto;
    margin-right: auto;
}
#applicationsOpen.deadline h2::after {
    width: 4ch;
}
#applicationsOpen p {
    text-align:center;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-weight: bold;
    font-size: 1.5rem;
    line-height:1.3;
}
#applicationsOpen p span {
    color: var(--gfColors-slate100);
}
@media(max-width:767.98px) {
    #applicationsOpen p {
        font-size:1.1rem;
    }
    #applicationsOpen h2 span {
        font-size:2.5em;
    }
    #applicationsOpen h2 {
        font-size:1.2rem;
    }
}
@media(max-width:575.98px) {
    #applicationsOpen p span {
        display:block;
    }
}



/*   ------   ////   Transfer updates 2022    ////   -----   */

@media (min-width:992px) {
    .w-lg-85 {
        width:85%;
    }
    .w-lg-85.text-center {
        width:85%;
        margin:0 auto;
    }
}

#deadlineMessage {
    position:relative;
}
#deadlineMessage::before {
    content:"";
    background-color:var(--gfColors-slate15);
    width:20rem;
    height:20rem;
    border-radius:50%;
    position:absolute;
    top:-10rem;
    left:calc(50% - 10rem);
    display:block;
    z-index:-10;
}

@media (max-width:575.98px) {
    #deadlineMessage::before {
        width: 16rem;
        height: 16rem;
        top: -12rem;
        left: calc(50% - 8rem);
    }
}

#transferDefinition ol.u-stepList li::before {
    background-color: var(--gfColors-slate80);
}
#transferDefinition ol.u-stepList li {
    padding-left: 2rem;
}
#transferDefinition ol.u-stepList li::before {
    height: 1.75rem;
    width: 1.75rem;
    margin-top: -0.15rem;
    font-size: 1.2rem;
    line-height: 1.5;
}
#transferDefinition .stepList-item:last-child {
    padding-bottom: 1.5rem;
}
#whyTransfer h2 {
    margin-top:0rem;
    text-align:center;
}
#whyTransfer h2 span {
    font-size: 3.5rem;
    font-family: ThirstySoftExtraBold, var(--gfVars-headerFont);
    line-height: 1.2;
    color: var(--gfColors-slate100);
    display: inline-block;
    margin-right: 0.25rem;
    position:relative;
}
#whyTransfer h2 span::before {
    content: "";
    background-color: var(--gfColors-gold);
    width: 100rem;
    height: 2px;
    position: absolute;
    left: -100.5rem;
    top: 1.5rem;
    display: block;
}

@media (min-width:768px) {
    #whyTransfer h2 {
        font-size:3.5rem;
        margin-top:3rem;
    }
}
@media (max-width:767.98px) {
    #transferDefinition {
        margin-bottom:2rem;
    }
}

#whyTransfer .stepList-beforeContent h3, #worth .stepList-beforeContent h3 {
    font-weight:500;
}

#priorityLanding .u-grid3Columns {
    grid-template-columns:1fr 3px 1fr;
    column-gap:3rem;
}
#priorityLanding div:nth-child(2) {
    background-color:var(--gfColors-slate15);
}

@media (max-width:767.98px) {
    #priorityLanding .u-grid3Columns {
        grid-template-columns:1fr;
        column-gap:2rem;
    }
    #priorityLanding div:nth-child(2) {
        background-color:transparent;
    }
    #priorityLanding .u-grid3Columns div:nth-child(1) {
        background-color: var(--gfColors-slate15);
        border-radius: 50%;
        width: 85%;
        height: auto;
        margin: 0 auto;
        aspect-ratio: 1;
        padding: 1rem;
    }
}