:root{
    --purple-color: #8c2287;
    --teal-color: rgb(11, 120, 134);
    --primary: #003478;
    --button-transition-timing: 150ms ease-in-out;
}
body.online{
    font-variant-ligatures:no-common-ligatures;
}
.fact__number>a:hover{text-decoration:none;border-bottom:.05em solid #fff;display:inline-block;line-height:.85;text-shadow:2px 2px #003478,2px -2px #003478,-2px 2px #003478,-2px -2px #003478}.no-underline{text-decoration:none!important}.no-underline:hover{text-decoration:underline!important}button.default{box-sizing:border-box;padding:6px 12px;border:1px solid #a6a6a6;margin-bottom:30px}.form_pages textarea{border-width:1px}.photo-credit-caption{margin-top:-.75rem}.photo-credit,.photo-credit-caption{display:block;font-family:Whitney SSm A,Whitney SSm B,sans-serif;font-weight:500;font-size:.75rem!important}.photo-credit{margin-top:.75rem}.beige--block{margin-top:1.25rem;margin-bottom:1.25rem;padding:1.25rem;background:#f5f4f0}.faculty__listing:after{clear:both;content:"";display:block}

.button{
    transition: background-color var(--button-transition-timing), color var(--button-transition-timing), border-color var(--button-transition-timing);
}


/* Teal button style */
.button-alt {
	background-color: var(--teal-color); /* Teal color */
	color: white;
	border-color: var(--teal-color);
	/*transition: background-color var(--button-transition-timing), color var(--button-transition-timing), border-color var(--button-transition-timing);*/
}
.button-purple{
    background-color: var(--purple-color);
    border-color: var(--purple-color);
    color: white;
    /*transition: background-color var(--button-transition-timing), color var(--button-transition-timing), border-color var(--button-transition-timing);*/
    &:hover{
        background-color: white;
        border-color: white;
        color: black;
    }
}
.button-white{
    background-color: white;
    border-color: black;
    color: black;
    /*transition: background-color var(--button-transition-timing), color var(--button-transition-timing), border-color var(--button-transition-timing);*/
}
.hero__content .button-white {
    border-color: white;
}

.button.button-white:hover{
    background-color: var(--teal-color);
    border-color: var(--teal-color);
    color: white;
}
.hero__content .button.button-white:hover{
    background-color: transparent;
    border-color: white;
    color: white;
}
.topbar__dropdown__item .button {
    background: none;
    color: currentColor;
}

.button-alt:focus, .button-alt:hover,
.form .form_action .button-alt:focus, .form .form_action .button-alt:hover,
.hero__form .form_action .button-alt:focus, .hero__form .form_action .button-alt:hover,
.module__container .form_action .button-alt:focus, .module__container .form_action .button-alt:hover {
	background-color: #fff;
	color: #000;
	border-color: inherit;
}
.router-grid__link .router-grid__content .button{
    color: #fff;
    border-color: #fff;
}
/*Eyebrow Navigation*/
.topbar__dropdown__link:hover{
  background-color: transparent;
  color: inherit;
}

/*Typography Updates*/
.p--large{
    font-weight: 600;
}

/*Faculty Listing*/
.faculty__listing__info {
    font-family: Hind, sans-serif;
}

.faculty__listing__info a{
    font-weight:600;
    color:#003478;
    text-decoration:underline;
    text-underline-offset: 0.37rem;
    text-decoration-color: #003478
}
.faculty__listing__info a:hover{
    color:#0b7886;
    text-decoration:underline;
    text-underline-offset: 0.37rem;
    text-decoration-color:#0b7886
}

.faculty__listing__contact, .faculty__listing__hours, .faculty__listing__info, .faculty__listing__title {
    margin-top: .25rem;
    margin-bottom: 0;
    font-size: .995rem;
    line-height: 1.8;
}

.accordion__trigger:not(.button) {
    padding-bottom: .125em;
}

.accordion__trigger {
    border-bottom: 1px solid #003478;
}

.accordion__trigger:hover {
    border-color: #0b7886;
    text-decoration: none;
    color: #0b7886;
}
/*# sourceMappingURL=custom-style.css.map */

.stats {
    padding-block: 4rem;
}

.footer {
    font-size: .995rem;
}
.online{
	.story-shift-nav{
		display: block;
		position: absolute;
		top: 50%;
		width: 4.125rem;
		height: 4.125rem;
		border-radius: 50%;
		background-color: #003478;
		transform: translateY(-50%);
		color: #fff;	
		&:hover{
			    background-color: var(--purple-color);
		}
	} 
}

.text-teal{
    color: var(--teal-color);
}
/*.flickity-viewport{*/
/*    background-color: var(--primary);*/
/*}*/

.topbar__dropdown__toggle,
.topbar__list__link,
.topbar__dropdown__item .topbar__dropdown__link{
    font-size: .95rem;
}

.router-grid__link img{
    aspect-ratio: 481 / 683;
}


.nav__logo {
    display: none;
    width: 20rem;
    margin: .6875rem 0;
    float: left;
    color: #fff
}

@media (min-width: 64.0625em) {
    .nav__logo {
        max-width:calc(100% - 49.8125rem)
    }
}

@media (min-width: 72em) {
    .nav__logo {
        max-width:calc(100% - 56rem)
    }
}

@media (min-width: 76em) {
    .nav__logo {
        max-width:calc(100% - 58.0625rem)
    }
}

.nav-fixed .nav__logo {
    display: block
}

.image-slider .flickity-prev-next-button.previous{
    left: 0;
}
.image-slider .flickity-prev-next-button {
    top: calc(66.666% - 3.75rem);
    margin-top: auto;
    
}
.p--small,
.story__text p{
    font-size: .9375rem;
}