/* Banner image */
#admissionsHome
{
    margin-bottom:0;
}

/* Intro */
#introSection
{
    padding:4rem;
    background-color:var(--gfColors-navy);
    text-align:center;
}

#introSection .lead
{
    margin:0;
}

/* find your program */

.u-ellipses.ellipses-centered::after {
    position: absolute;
    left: calc(50% - 1.5rem);
}

#findProgram h2
{
    text-align:center;
    font-family:var(--gfVars-bodyFont);
    text-transform: uppercase;
    padding-bottom:16px;
    /*background-image:url(/admission/_assets-index/academic-arrows-optimized.png);*/
    background-size:80% auto;
    background-repeat:no-repeat;
    background-position:bottom center;
    letter-spacing: .1em;
    font-weight: bold;
    font-size: 1.6em;  
    color: var(--gfColors-slate100);
}

#findProgram h2 span
{
    font-size: 2.8em;
    color: var(--gfColors-navyAccent);
    font-family: var(--gfVars-thirstyFont);
    text-transform: capitalize;
    letter-spacing: 0;
    display: block;
    font-weight: normal;
    position: relative;
    top: -10px;
}
@media(max-width:500px) {
    #findProgram h2 span {
        font-size: 2.4em;
    }
}
.findProgram-holder
{
    display:grid;
    grid-template-columns:1fr 1px 1fr 1px 1fr;
    gap:2rem;
    margin-top: 4rem;
}

.findProgram-holder::before, .findProgram-holder::after
{
    content:"";
    background-color:var(--gfColors-slate45);
}

.findProgram-holder::before
{
    grid-column:2;
    grid-row:1;
}

.findProgram-holder::after
{
    grid-column:4;
    grid-row:1;
}

.findProgram-holder > :nth-child(1)
{
    grid-column:1;
    grid-row:1;
}


.findProgram-holder > :nth-child(2)
{
    grid-column:3;
    grid-row:1;
}

.findProgram-holder > :nth-child(3)
{
    grid-column:5;
    grid-row:1;
}

.findProgram-holder h3
{
    margin-top:0;
    text-transform:uppercase;
    letter-spacing:0.01em;
    text-align:center;
}

.findProgram-holder h3 span
{
    display:block;
    font-size:0.5em;
    font-family:var(--gfVars-bodyFont);
    letter-spacing: 0.1em;
}

.findProgram-holder > :nth-child(2) h3
{
    margin-top:0em;
}

#ugHolder :first-child, #adpHolder :first-child, #gradHolder :first-child
{
    margin-top:0;
}

#ugHolder :last-child, #adpHolder :last-child, #gradHolder :last-child
{
    margin-bottom:0;
}

@media(min-width:992px)
{
    #ugHolder.collapse, #adpHolder.collapse, #gradHolder.collapse
    {
        display: block;
        height: auto !important;
        visibility: visible;
    }
    
    #ugHolder.collapsing, #adpHolder.collapsing, #gradHolder.collapsing
    {
        position: relative;
        height: unset !important;
        overflow: hidden;
    }
}

@media(max-width:991.98px)
{
    #findProgram h2
    {
        padding-bottom:0;
        background-image:none;
    }
    
    .findProgram-holder
    {
        grid-template-columns:1fr;
        gap: 1rem;
    }
    
    .findProgram-holder > :nth-child(1), .findProgram-holder > :nth-child(2), .findProgram-holder > :nth-child(3)
    {
        grid-column:1;
        grid-row:auto;
        border: 2px solid var(--gfColors-slate100);
        padding:1rem;
    }
    
    .findProgram-holder::before, .findProgram-holder::after
    {
        content:none;
    }
    
    .findProgram-holder h3
    {
        cursor:pointer;
        text-align:left;
	    display: grid;
	    grid-template-columns: 1fr 1em;
	    align-items: center;
	    margin-bottom: 0;
    }
    
    .findProgram-holder h3::after
    {
    	content: "";
    	grid-column: 2;
    	grid-row: 1/3;
    	text-align:center;
    	transform:rotate(225deg);
    	transform-origin:center;
    	transition:transform 0.8s ease-in-out;
    	background-image:url(/__template/t1/images/plus-solid.svg);
    	background-position:center;
    	background-repeat:no-repeat;
    	height:0.75em;
    }
    
    .findProgram-holder h3.collapsed::after
    {
        transform:rotate(0deg);
    }
    
    .findProgram-holder > :nth-child(2) h3
    {
        margin-top:0;
    }
}


/* Prefer to chat? */

#preferChat
{
    background-color:var(--gfColors-slate15);
    display:grid;
    grid-template-columns:auto 350px;
    justify-content:space-around;
    align-items:center;
    padding: 3rem 1rem 4rem;
    margin-bottom:0;
	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='%23fdb814'%3E%3C/circle%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 350px 350px;
	background-position-y: center;
	background-position-x: calc(100% + 200px);
}

#preferChat h2
{
    font-size:3.5em;
    color:var(--gfColors-slateText);
    font-family:var(--gfVars-thirstyFont);
    margin-top:0;
}

#preferChat p
{
    font-size:1.25rem;
}

#preferChat p:last-of-type
{
    margin-bottom:0;
}

@media(max-width:767.98px)
{
    #preferChat
    {
    	grid-template-columns: 1fr;
    	background-image: none;
    	gap: 3rem;
    	text-align: center;
        justify-items: center;
        padding-top: 3rem;
        padding-inline: 1rem !important;
    }
    
    #preferChat img {
        grid-row-start: 1;
        width: 400px;
    }
}