/*
Theme Name: 	Pace Online 2021 Theme __DEV__
Theme URI: 		http://allcampus.com
Description: 	Base theme for Master's and Certificate programs
Version: 		1.0.0
Author: 		All Campus Design Team
Author URI: 	http://allcampus.com
Tags: 			starkers, bootstrap
*/

/*******************************************
:--- General ---:
*******************************************/

html {
    position: relative;
    scroll-behavior: smooth;
	scroll-padding-top: 250px;
}

body {
    background: var(--white);
    color: var(--text);
    font-family: var(--uniform-medium);
    font-size: 1rem;
    line-height: 1.75;
    height: 100%;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--black);
    font-family: var(--uniform-extra-condensed-black);
	margin: 0 0 2rem;
}

h1, .headline {
	font-size: 4.375rem;
    line-height: 0.8572;
    margin: 0 0 20px;
    text-transform: uppercase;
}

h2, .h2, article h1 {
    font-size: 3.125rem;
    line-height: 0.8215;
    text-transform: uppercase;
}

h3 {
    font-size: 2.5rem;
    line-height: 0.8462;
    margin: 0 0 1.25rem;
    text-transform: uppercase;
}

h4 {
    font-size: 2rem;
    line-height: 0.8462;
    margin: 0 0 1.25rem;
}

p {
	margin: 0 0 1.5rem;
}

a, a:active {
	color: var(--pace-navy);
	text-decoration: underline;
}

a:hover, a:focus {
	text-decoration: none
}

@media (max-width: 992px) {
    h1, .headline {
        font-size: 3.5rem;
    }
    h2, .h2, article h1 {
        font-size: 2.875rem;
    }
}

@media (max-width: 765px) {
    h1, .headline {
        font-size: 3rem;
    }
    h2, .h2, article h1 {
        font-size: 2.75rem;
    }
}

/*******************************************
:--- Header - Top Nav Menu ---:
*******************************************/

.top-nav-menu {
    padding: 0 0 0.75rem 0;
}

.top-nav-buttons {
    display: flex;
    justify-content: flex-end;
}

.top-nav-buttons .btn {
    border: 0.0625rem solid transparent;
    border-radius: 0;
    color: var(--pace-navy);
    font-family: var(--uniform-condensed-bold);
    font-size: 12px;
    font-weight: normal;
    line-height: 1;
    margin: 0 0.3125rem;
    padding: 0.938rem 0.875rem;
    text-transform: uppercase;
}

.top-nav-buttons > .btn:nth-child(1)::after {
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 0.25rem solid transparent;
    border-bottom: 0.25rem solid transparent;
    border-left: 0.3125rem solid var(--pace-gold);
    content: '';
    margin-top: 0.09rem;
    margin-left: 0.5rem;
}

.top-nav-buttons > .btn:nth-child(4) {
    margin: 0 0 0 .3125rem;
}

.top-nav-buttons .btn.btn-ghost {
    border: 0.0625rem solid var(--pace-gold);
}

.top-nav-buttons .btn.btn-ghost:hover,
.top-nav-buttons .btn.btn-ghost:focus,
.top-nav-buttons .btn.btn-ghost:active {
    background: var(--pace-navy);
    color: #FFF;
}

/*******************************************
:--- Header ---:
*******************************************/

header.site-header {
    background: #FFF;
    padding: 25px 0;
    position: relative;
}

header.site-header .site-logo {
    display: flex;
	height: 100%;
    max-width: 150px;
}

header.site-header .site-logo img {
    width: 100%;
}

/*******************************************
:--- Navigation ---:
*******************************************/

.nav-wrap {
    color: var(--pace-navy);
    font-family: var(--uniform-condensed-bold);
    font-weight: normal;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

.nav-wrap a {
    color: var(--pace-navy);
	text-decoration: none;
}

.nav-wrap a:hover,
.nav-wrap a:focus,
.nav-wrap a:active {
    color: var(--pace-web-light-blue) !important;
    text-decoration: none !important;
}

/* Desktop Menu & Hover States */

nav.site-nav #menu-main-nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 2.125rem;
}

nav.site-nav .menu-item a {
    display: block;
    font-size: 20px;
    padding: 10px 0 5px;
    line-height: 1.2;
}

nav.site-nav ul.sub-menu {
    position: absolute;
    left: -999em;
    text-align: left;
    border: 0;
    border-radius: 0;
    border-top: 5px solid var(--pace-web-light-blue);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .08);
}

nav.site-nav ul.sub-menu .menu-item {
    display: block;
    margin: 0;
    padding: 0;
}

nav.site-nav ul.sub-menu a {
    display: block;
    font-size: 1rem;
    line-height: 1.375;
    padding-top: 0.75rem;
    padding-right: 3.125rem;
    padding-bottom: 0.5625rem;
    padding-left: 1.5625rem;
}

nav.site-nav .menu-item.menu-item-has-children[aria-expanded="true"] ul.sub-menu {
    left: auto;
}

nav.site-nav .menu-item.menu-item-has-children[aria-expanded="true"] ul.sub-menu li ul.sub-menu {
    position: absolute;
    left: -999em;
}

nav.site-nav .menu-item.menu-item-has-children[aria-expanded="true"] ul.sub-menu .menu-item.menu-item-has-children[aria-expanded="true"] ul.sub-menu {
    left: auto;
}

nav.site-nav ul.sub-menu {
    background: #fff;
    margin-top: 0;
    position: absolute;
    z-index: 1;
}

nav.site-nav ul.sub-menu .menu-item {
    float: none;
}

@media (min-width: 992px) {
    nav.site-nav ul.sub-menu {
        padding: 1em;
        width: 300px;
    }
    nav.site-nav .menu-item.menu-item-has-children:hover ul.sub-menu {
        left: auto;
    }
    nav.site-nav .menu-item.menu-item-has-children:nth-child(6):hover ul.sub-menu {
        left: auto;
        right: 0;
    }
    nav.site-nav .menu-item.menu-item-has-children:hover ul.sub-menu li ul.sub-menu {
        position: absolute;
        left: -999em;
    }
    nav.site-nav .menu-item.menu-item-has-children:hover ul.sub-menu .menu-item.menu-item-has-children:hover ul.sub-menu {
        left: auto;
    }
    nav.site-nav ul.sub-menu .menu-item {
        font-size: 14px;
    }
}

@media (max-width: 1400px) {
	nav.site-nav #menu-main-nav {
		gap: 1.25rem;
	}
	nav.site-nav #menu-main-nav .menu-item a {
        font-size: 1.188rem;
    }
}

@media (max-width: 1200px) {
	nav.site-nav #menu-main-nav .menu-item a {
        font-size: 1rem;
    }
}

@media (max-width: 992px) {
	nav.site-nav #menu-main-nav {
		display: block;
	}
	header.site-header {
		padding: .938rem 0;
	}
	header.site-header .site-logo {
		max-width: 250px;
		margin: 0;
		padding: .625rem 0;
	}
	.top-nav-menu {
		background: var(--pace-navy) !important;
		position: fixed;
		z-index: 20000;
		width: 100%;
		bottom: 0;
		left: 0;
		padding: .625rem
	}
	.top-nav-buttons>.btn:nth-child(4) {
		margin: 0 .3125rem
	}
	.top-nav-menu .container {
		padding: 0;
		max-width: 100%
	}
	.top-nav-menu .btn {
		color: #fff;
		font-size: 13px;
		line-height: 15px;
		flex-grow: 1;
		padding: .5rem
	}
	.top-nav-menu #btn-chat {
		display: none
	}
	.site-header .nav-open {
        padding: 7.25px 0;
        position: absolute;
        top: 0;
		width: auto;
    }
    .site-header .nav-open .menu-title,.site-header .nav-open .menu-burger {
        float: left
    }
    .site-header .nav-open .menu-title {
        color: var(--pace-navy);
        font-size: 12px;
        line-height: 25px;
        font-weight: bold
    }
    .site-header .nav-open .menu-burger {
        padding: 6px;
        width: 30px;
        height: 25px
    }
	.nav-wrap {
		text-align: left;
	}
	.nav-wrap .link-pace-edu {
		display: block !important;
		padding: 1em 2em;
	}
	nav.site-nav ul.sub-menu {
		box-shadow: none;
	}
	nav.site-nav ul.sub-menu a {
		padding: .4em 2em !important;
	}
	nav.site-nav .menu-item {
		display: block;
	}
}

@media (max-width: 767px) {
	.site-nav-wrap {
		margin-top: 65px !important;
	}
    .site-header .nav-open {
        padding: 5.25px 0;
    }
}

/* Desktop Main Nav - Keyboard Tabbable - CSS */

.menu-main-nav-container .dropdown.open ul.sub-menu {
    left: 0;
}

.menu-main-nav-container .dropdown-menu {
    display: block;
    float: none;
}

.menu-main-nav-container .dropdown-toggle:after {
    display: none;
}

/*******************************************
:--- Header Scroll Functionality ---:
*******************************************/

header.site-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 12;
    transition: all .4s ease-in-out;
}

.nav-down header.site-header {
    top: -9.125rem;
}

/* Logo - Viewport Visibility*/

/* Desktop */

@media (min-width: 993px) {
    .site-logo .logo-mobile,
    .site-logo .logo-mobile-white {
        display: none;
    }
    .page-template-default .site-logo .logo-desktop {
        display: block !important;
    }
    .page-template .site-logo .logo-desktop-white,
    .page-template-default .site-logo .logo-desktop-white,
    .category .site-logo .logo-desktop-white,
    .post-template-default .site-logo .logo-desktop-white,
    .error404 .site-logo .logo-desktop-white {
        display: none !important;
    }
}

/* Mobile */

@media (width: 992px) {
    header.site-header .site-logo {
        width: 250px !important;
    }
}

@media (max-width: 992px) {
    .site-logo .logo-desktop,
    .site-logo .logo-desktop-white {
        display: none !important;
    }
    .site-logo .logo-mobile-white {
        display: none;
    }
    nav.site-nav .menu-item {
        padding: 0;
        margin: 0 !important;
    }
}

/*******************************************
:--- Alert Box Notification ---:
*******************************************/

.nav-down.alert-active header.site-header {
    top: -22rem;
}

.alert-active .hero-wrap {
    margin: 22rem 0 0;
}

@media (max-width: 1440px) {
    .nav-down.alert-active header.site-header {
        top: -23.875rem;
    }
    .alert-active .hero-wrap {
        margin: 23.875rem 0 0;
    }
}

@media (max-width: 1200px) {
    #alert-container.alert.alert-primary {
        padding: 1.875rem 0;
    }
    .nav-down.alert-active header.site-header {
        top: -25.125rem;
    }
    .alert-active .hero-wrap {
        margin: 21.125rem 0 0;
    }
}

@media (max-width: 992px) {
    /* mobile nav */
    .alert-active .site-nav-wrap.opened,
    .alert-active .nav-overlay.opened {
        top: 198px;
        width: 100%;
    }
}

@media (max-width: 992px) {
    #alert-container.alert.alert-dismissible .close {
        padding: 25px 30px !important;
    }
    #alert-container.alert.alert-primary {
        margin: -0.938rem -0.938rem 0.938rem;
    }
    .nav-down.alert-active header.site-header {
        top: -22rem;
    }
    .alert-active .hero-wrap {
        margin: 17.125rem 0 0;
    }
    /* mobile nav */
    .alert-active .site-nav-wrap.opened,
    .alert-active .nav-overlay.opened {
        top: 271px;
    }
}

@media (max-width: 767px) {
    /* mobile nav */
    .alert-active .site-nav-wrap.opened,
    .alert-active .nav-overlay.opened {
        top: 280px;
    }
}

@media (max-width: 475px) {
    .nav-down.alert-active header.site-header {
        top: -26rem;
    }
    .alert-active .hero-wrap {
        margin: 19.35rem 0 0;
    }
    /* mobile nav */
    .alert-active .site-nav-wrap.opened,
    .alert-active .nav-overlay.opened {
        top: 310px;
    }
}

@media (max-width: 375px) {
    .nav-down.alert-active header.site-header {
        top: -30rem;
    }
    .alert-active .hero-wrap {
        margin: 22rem 0 0;
    }
    /* mobile nav */
    .alert-active .site-nav-wrap.opened,
    .alert-active .nav-overlay.opened {
        top: 339px;
    }
}

/*******************************************
:--- Webinar & Program Callout ---:
*******************************************/

.webinar-callout,
.program-callout {
    background-color: var(--pace-gold);
    margin: 9.125rem 0 0;
}

.webinar-callout h3,
.program-callout h3 {
    font-size: 2rem;
}

.webinar-callout p,
.program-callout p {
    line-height: 1.125rem;
}

.webinar-callout .btn,
.program-callout .btn {
    padding: 15px;
}

.program-callout .btn.focus {
    box-shadow: none !important;
}

.alert-active .webinar-callout {
    margin: 22rem 0 0;
}

@media (max-width: 992px) {
    .webinar-callout,
    .program-callout {
        margin: 69.5px 0 0;
    }
    .alert-active .webinar-callout {
        margin: 15rem 0 0;
    }
}

@media (max-width: 767px) {
    .webinar-callout .btn,
    .program-callout .btn {
        padding: 10px;
    }
}

/*******************************************
:--- Breadcrumbs ---:
*******************************************/

.breadcrumb-section {
	background: var(--light-grey);
}

#breadcrumbs {
    font-family: 'UniformBlack-Regular', sans-serif;
    font-size: 1rem;
    font-weight: normal;
    overflow: hidden;
    width: 100%;
    margin-bottom: 25px;
}

#breadcrumbs:not(:empty)::before {
    margin-right: 0.625rem;
    display: inline-block;
    width: 1.3125rem;
    height: 1.25rem;
    background: url(images/icon-parallelogram-blue.svg) no-repeat center/21px 20px;
    content: '';
    margin-bottom: -4px;
}

#breadcrumbs li {
    color: var(--pace-navy);
    display: inline;
    list-style: none;
    margin: 0 0.5em 0 0;
}

#breadcrumbs li a {
    color: var(--pace-navy);
    text-decoration: none;
}

#breadcrumbs li a:hover,
#breadcrumbs li a:active,
#breadcrumbs li a:focus {
    color: var(--pace-web-blue);
    text-decoration: none;
}

/*******************************************
:--- Overline ---:
*******************************************/

.overline {
    color: var(--pace-navy);
    display: flex;
    font-family: var(--uniform-black);
    font-size: 1rem;
    font-weight: normal;
    width: 100%;
    line-height: 1.125rem;
    margin-bottom: 25px;
    text-transform: none;
}

.overline::before {
    margin-right: 0.625rem;
    display: inline-block;
    width: 1.3125rem;
    height: 1.25rem;
    background: url(images/icon-parallelogram-blue.svg) no-repeat center/21px 20px;
    content: '';
    margin-bottom: -4px;
}

/*******************************************
:--- Header Alt - Eyebrow ---:
*******************************************/

.header-alt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--pace-navy);
    margin-bottom: 1.5625rem;
    font-family: 'UniformBlack-Regular', sans-serif;
    font-weight: normal;
}

.header-alt::before {
    margin-right: 0.625rem;
    display: inline-block;
    width: 1.3125rem;
    height: 1.25rem;
    background: url(images/icon-parallelogram-blue.svg) no-repeat center/21px 20px;
    content: '';
}

/*******************************************
:--- Hero and Page Title---:
*******************************************/

.hero-wrap {
    background-color: var(--white);
    background-size: cover;
    background-position: center;
    margin: 9.125rem 0 0;
    padding: 40px 0;
}

.hero-img {
    position: relative;
    width: 100%;
    height: 500px;
    overflow: hidden;
    clip-path: polygon(0 0,
    100% 0,
    100% 100%,
    100px 100%,
    0 calc(100% - 172px));
}

.hero-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

@media (max-width: 1440px) {
    .hero-img {
        height: 350px;
    }
}

@media (max-width: 992px) {
    .hero-wrap {
        margin: 69.5px 0 0;
    }
    .hero-img {
        height: 300px;
        margin-top: 20px;
        clip-path: polygon(0 0,
        100% 0,
        100% 100%,
        60px 100%,
        0 calc(100% - 142px));
    }
}

/*******************************************
:--- Horizontal Navigation ---:
*******************************************/

.hor-nav-container {
    background: var(--pace-gold);
}

.hor-nav-container .search-buttons {
    display: flex;
    justify-content: center;
    padding: 0;
    width: 100%;
}

.hor-nav-container .search-buttons .btn,
.hor-nav-container .search-buttons .btn {
    background: transparent;
    font-family: var(--uniform-condensed-bold);
    font-size: 1.125rem;
    padding: 1.4375rem 1.25rem 1.375rem;
}

.hor-nav-container .search-buttons .btn:hover,
.hor-nav-container .search-buttons .btn:focus,
.hor-nav-container .search-buttons .btn:active {
    background: var(--pace-web-light-blue);
}

.hor-nav-container .hor-sub-nav {
    display: flex;
    max-width: 1680px;
    width: 100%;
    justify-content: space-between;
}

.hor-nav-container .hor-sub-nav>li.page_item a {
    background: transparent;
    color: var(--black);
    display: block;
    font-family: var(--uniform-condensed-bold);
    font-size: 1.125rem;
    line-height: 1.125rem;
    padding: 1.4375rem 0 1.375rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

.hor-nav-container .hor-sub-nav>li.page_item a:hover,
.hor-nav-container .hor-sub-nav>li.page_item a:focus,
.hor-nav-container .hor-sub-nav>li.page_item a:active,
.hor-nav-container .hor-sub-nav>li.page_item a.active {
    box-shadow: none;
    color: var(--pace-navy);
    text-decoration: underline;
    text-decoration-thickness: 0.125rem;
    text-underline-offset: 0.5rem;
}

/* Horizontal - Item with Subnav */

.hor-nav-container .hor-sub-nav>li.page_item.page_item_has_children>ul.children {
    display: none;
}

/* Horizontal - Item with Subnav - Concentration */

.hor-nav-container.with-concentration .page_item.concentration-item {
    display: none;
}

/* Hide the content by default */

.only-logged-in {
    display: none;
}

/* Show only when the user is logged in */

body.logged-in .only-logged-in {
    display: block;
}

/* Horizontal Navigation - Sticky */

#hero-search.hor-nav-container {
    position: sticky;
    top: 0;
    transition: all .4s ease-in-out;
    z-index: 11;
}

@media (max-width: 992px) {
    /* Horizontal Nav - Collapsable - School and Program Type Page */
    #hero-search.hor-nav-container {
        overflow-x: clip;
    }
    #hero-search.hor-nav-container .container-full-width {
        max-width: 100%;
    }
    #hero-search.hor-nav-container #search-buttons {
        max-width: 100%;
    }
    #hero-search.hor-nav-container #search-buttons .hor-sub-nav {
        max-width: 720px;
    }

    /* Mobile Button*/
    #hero-search.hor-nav-container a.btn-search-button {
        color: var(--black);
        display: block !important;
        font-family: var(--uniform-condensed-bold);
        font-weight: normal;
        font-size: 1.125rem;
        line-height: 0.8182;
        padding: 20px 15px;
        max-width: 720px;
        margin: 0 auto;
        position: relative;
        text-decoration: none;
        text-transform: uppercase;
    }
    #hero-search.hor-nav-container a.btn-search-button:hover,
    #hero-search.hor-nav-container a.btn-search-button:focus,
    #hero-search.hor-nav-container a.btn-search-button:active {
        color: var(--black);
        text-decoration: none;
    }
    #hero-search.hor-nav-container a.btn-search-button.collapsed::after,
    #hero-search.hor-nav-container a.btn-search-button:not(.collapsed)::after {
        font-family: var(--uniform-medium);
        font-size: 1.875rem;
        line-height: .5;
        position: absolute;
        right: 15px;
    }
    #hero-search.hor-nav-container a.btn-search-button.collapsed::after {
        content: '+';
    }
    #hero-search.hor-nav-container a.btn-search-button:not(.collapsed)::after {
        content: '-';
    }

    /* Navigation - Collapsible */
    #hero-search.hor-nav-container #search-buttons.search-buttons {
        background: #FFC648;
        position: absolute;
        top: 100%;   /* sits right below the toggle button */
        left: 0;
        width: 100%;
        z-index: 15;
    }
    #hero-search.hor-nav-container #search-buttons .hor-sub-nav {
        display: block;
        position: relative;
        width: 100%;
        padding: 15px;
    }
    #hero-search.hor-nav-container #search-buttons .hor-sub-nav > li.page_item {
        margin-bottom: 0.5rem;
    }
    #hero-search.hor-nav-container #search-buttons .hor-sub-nav > li.page_item a {
        font-family: var(--uniform-medium);
        font-size: 1rem;
        line-height: 1.75;
        padding: 0 15px;
        text-align: left;
        text-transform: none;
    }
    #hero-search.hor-nav-container #search-buttons.collapse:not(.show) .hor-sub-nav {
        display: none;
    }
}

@media (width: 992px) {
    #hero-search.hor-nav-container a.btn-search-button,
    #hero-search.hor-nav-container #search-buttons .hor-sub-nav {
        max-width: 940px;
    }
    #hero-search.hor-nav-container #search-buttons {
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    #hero-search.hor-nav-container a.btn-search-button,
    #hero-search.hor-nav-container #search-buttons .hor-sub-nav {
        max-width: 540px;
    }
    #hero-search.hor-nav-container #search-buttons {
        max-width: 100%;
    }
}

@media (max-width: 575px) {
    #hero-search.hor-nav-container a.btn-search-button {
        padding: 20px 4px;
    }
    #hero-search.hor-nav-container a.btn-search-button.collapsed::after,
    #hero-search.hor-nav-container a.btn-search-button:not(.collapsed)::after {
        right: 4px;
    }
}

/*******************************************
:--- Program Quick Facts ---:
*******************************************/

.facts-box {
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.facts-box .fact-item {
    border-top: 2px solid var(--pace-web-light-blue);
    flex: 1 1 100%;
    padding-top: 10px;
}

.facts-box .fact-title {
    font-family: var(--uniform-black);
    font-size: 0.813rem;
    margin-bottom: 5px;
    line-height: 1.25;
}

.facts-box .fact-content p {
    margin-bottom: 8px;
    line-height: 1.25;
}

.facts-box .fact-content p:last-of-type {
    margin-bottom: 0;
}

.facts-box .fact-content a {
    color: var(--pace-navy);
    text-decoration: none;
}

.facts-box .fact-content a:hover,
.facts-box .fact-content a:focus,
.facts-box .fact-content a:active {
    text-decoration: underline;
}

@media (max-width: 765px) {
    .facts-box {
        flex-wrap: wrap;
    }
    .facts-box .fact-item {
        flex: 0 0 calc(50% - .5rem);
    }
}

/* Hero Quick Facts - A/B Test */

.hero-wrap .facts-box {
    border-left: 2px solid var(--pace-web-light-blue);
    padding: 8px 20px;
    margin: 20px 0;
    display: grid;
    grid-template-columns: 1fr 1fr 2fr;
    gap: 20px 15px;
}

.hero-wrap .fact-item {
    border: none;
    padding: 0;
    min-width: 0;
    box-sizing: border-box;
}

.hero-wrap .fact-item .fact-title {
    color: var(--black);
    font-size: 10px;
    text-transform: uppercase;
}

.hero-wrap .fact-item .fact-content {
    font-size: 14px;
}

@media (min-width: 1440px) {
    .hero-wrap .facts-box {
        grid-template-columns: 1fr 1fr 2fr;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .hero-wrap .facts-box {
        grid-template-columns: 1fr 2fr;
    }
}

@media (max-width: 767px) {
    .hero-wrap .facts-box {
        grid-template-columns: 1fr 2fr;
    }
}

@media (max-width: 575px) {
    .hero-wrap .facts-box {
        grid-template-columns: .65fr 1fr;
    }
}

/*******************************************
:--- Homepage ---:
*******************************************/

/* Benefits & Quick Facts */

.benefits-section .benefit-bullet {
	list-style: none;
}

.benefits-section .benefit,
.facts-section .benefit {
	flex: 1 1 100%;
}

.benefits-section .benefit-icon,
.facts-section .benefit-icon {
	font-size: 2.25rem;
}

.benefits-list {
	margin: 0;
}

.benefits-list .benefit-icon {
	font-size: 1.25rem;
}

.facts-section table tr td,
.facts-section table tr th {
	background-color: transparent;
	border-color: rgba(255,255,255,0.2);
	color: #fff;
}

/* Cards for multi-program site */ 

.program-grid {
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3rem;
}

/* Testimonial */

.testimonial-section blockquote {
    font-size: 1.4rem;
}

/* About Section */

.about-section > * {
	z-index: 3;
}

/*******************************************
:--- Content Section ---:
*******************************************/

.main-content {
    display: flex;
    flex-direction: column;
    gap: 5rem;
}

.main-content p a:focus-visible,
.main-content ul li a:focus-visible {
	background: var(--primary-dark);
	color: var(--white);
	outline: 0;
}

.main-content ul {
	margin: 0 0 2rem;
}

.main-content  ul li {
	list-style: disc;
	margin: 0 0 0 1.5rem;
}

.main-content ol {
	margin: 0 0 2rem;
    padding-left: 0;
}

.main-content  ol li {
	list-style: decimal;
	margin: 0 0 0 1.5rem;
}

.main-content .table-wrap {
	overflow-x: auto;
}

.main-content table {
	margin: 0 0 1.5em;
	width: 100%;
}

.main-content table thead th {
	background-color: var(--pace-navy);
	border: 1px solid #ffffff;
	color: #fff;
    line-height: 1.25;
	padding: 1rem;
}

.main-content table tbody th,
.main-content table td {
	color: #000;
    line-height: 1.25;
	padding: 1rem;
}

.main-content table caption {
	font-size: 0.8rem;
	margin: 1rem 0 0;
}

/*******************************************
:--- Sidebar ---:
*******************************************/

.sidebar .header {
    color: var(--pace-navy);
    font-family: var(--uniform-black);
	font-size: 1.125rem;
    text-transform: none;
}

/* Sidebar - Jump Links */

.sidebar .jumplinks li {
    margin-bottom: 0.5rem;
}

.sidebar .jumplinks a {
    color: var(--text);
    text-decoration: none;
}

.sidebar .jumplinks a:hover,
.sidebar .jumplinks a:focus,
.sidebar .jumplinks a.active {
    color: var(--pace-navy);
    text-decoration: underline;
    text-decoration-thickness: 0.125rem;
    text-underline-offset: 0.5rem;
}

/* Sidebar - Jump Links - Desktop */

@media (min-width: 992px) {
    .sidebar .sidebar-content-container {
        height: 100%;
        padding: 0 0 100px;
    }

    .sidebar .sidebar-content {
        padding: 0;
        position: -webkit-sticky;
        position: sticky;
        top: 9rem;
        transition: all .3s ease-in-out;
    }

    body.nav-up .sidebar .sidebar-content {
        top: 18rem;
    }

    .sidebar-jumplinks #jumpLinks {
        display: block;
    }
}

/* Sidebar - Jump Links - Mobile */

.sidebar-content .btn-jumplink-button {
    display: none;
}

@media (max-width: 991px) {
    .sidebar {
        background-color: var(--pace-navy);
        margin-bottom: 3rem;
        position: sticky;
        top: 0;
        z-index: 10;
        transition: all .4s ease-in-out;
        padding: 0;
    }

    .sidebar .sidebar-content-container {
        margin-bottom: 0;
    }

    .sidebar-content .btn-jumplink-button {
        display: block;
    }

    .sidebar-jumplinks #jumpLinks {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #003280;
        z-index: 11;
        padding: 15px 0;
    }

    .sidebar-jumplinks .header {
        display: none;
    }

    .sidebar .jumplinks li:last-of-type {
        margin-bottom: 0;
    }

    .sidebar .jumplinks a {
        color: var(--white);
        display: block;
        padding: 0 30px;
    }

    .sidebar .jumplinks a:hover,
    .sidebar .jumplinks a:focus,
    .sidebar .jumplinks a:active,
    .sidebar .jumplinks a.active {
        color: var(--pace-gold);
        text-decoration: underline;
    }

    .sidebar-content a.btn-jumplink-button {
        color: var(--white);
        display: block !important;
        font-family: var(--uniform-condensed-bold);
        font-weight: normal;
        font-size: 1.125rem;
        line-height: 0.8182;
        padding: 20px 15px;
        max-width: 720px;
        margin: 0 auto;
        position: relative;
        text-decoration: none;
        text-transform: uppercase;
    }

    .sidebar-content a.btn-jumplink-button:hover,
    .sidebar-content a.btn-jumplink-button:focus,
    .sidebar-content a.btn-jumplink-button:active {
        color: var(--white);
        text-decoration: none;
    }

    .sidebar-content a.btn-jumplink-button.collapsed::after,
    .sidebar-content a.btn-jumplink-button:not(.collapsed)::after {
        font-family: var(--uniform-medium);
        font-size: 1.875rem;
        line-height: .5;
        position: absolute;
        right: 15px;
    }

    .sidebar-content a.btn-jumplink-button.collapsed::after {
        content: '+';
    }

    .sidebar-content a.btn-jumplink-button:not(.collapsed)::after {
        content: '-';
    }
}

/*******************************************
:--- Blog and Articles ---:
*******************************************/

/* Article Date and Share Links */

.article-info i {
	font-size: 1.75rem;
}

.article-share a {
	color: var(--primary);
	transition: color .15s ease-in-out;
}
.article-share a:hover {
	color: var(--primary-light);
}

/* Article List */

article.article-list h2 {
	font-size: 1.5rem;
}

article.article-list img {
	height: 100%;
}

/* Article Buttons */

.btn.read-more {
	background: var(--primary);
	border: 0;
	border-radius: 0;
}

.btn.read-more:hover {
	background: #222;
	background: var(--primary-light);
}

.article-pagination .btn {
	border: 1px solid var(--primary);
	border-radius: 0;
}

/* Article Pagination */

.article-pagination .btn:hover {
	background: var(--primary);
	color: #fff;
}

.article-pagination .previous:before {
	content: '\f104';
	font-family: "Font Awesome 6 Pro";
	margin-right: 0.5rem;
}

.article-pagination .next:after {
	content: '\f105';
	font-family: "Font Awesome 6 Pro";
	margin-left: 0.5rem;
}

/*******************************************
:--- Curriculum Page ---:
*******************************************/

.curriculum-accordion {
	margin: 20px 0 40px 0;
}

.curriculum-accordion .accordion-item {
	margin: 5px 0;
	border: 1px solid #eee;
}

/*******************************************
:--- Accordion ---:
*******************************************/

.accordion .accordion-item {
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid var(--pace-gold);
}

.accordion .accordion-item .accordion-button {
    background-color: var(--white);
    box-shadow: none;
    color: var(--pace-navy);
    font-family: var(--uniform-black);
    font-size: 1.25rem;
    line-height: 1.125;
    padding: .75rem 0;
}

.accordion .accordion-item .header {
    background-color: var(--white);
    box-shadow: none;
    color: var(--pace-navy);
    font-family: var(--uniform-black);
    font-size: 1.25rem;
    line-height: 1.125;
    padding: .75rem 0;
    margin-bottom: 0;
}

.accordion .accordion-item .accordion-button::after,
.accordion .accordion-item .accordion-button.collapsed::after {
    background-image: none;
    content: "\f0d8";
    float: right;
    font-family: "Font Awesome 5 Pro";
    font-weight: bold;
    transform: rotate(180deg);
}

.accordion .accordion-item .accordion-button:not(.collapsed)::after {
    content: "\f0d7";
}

.accordion .accordion-body {
    padding: 0.25rem 0 1.25rem;
}

.accordion .accordion-body *:last-of-type {
    margin-bottom: 0;
}

/*******************************************
:--- Cards ---:
*******************************************/

.cards-container {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem 3rem;
    justify-content: center;
}

.cards-container > * {
    flex: 0 0 calc(32.25% - 1.5rem);
}

/* Used if .card-container has even number of child elements */
.cards-container > *:first-child:nth-last-child(even),
.cards-container > *:first-child:nth-last-child(even) ~ * {
    flex: 0 0 calc(47% - 1.5rem);
}

.cards-container .program-card {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 375px;
}

.cards-container .program-card p {
    margin: 0;
}

.cards-container .program-card a {
    display: inline-block;
    text-decoration: none;
}

.cards-container .program-card a:hover,
.cards-container .program-card a:focus,
.cards-container .program-card a:active {
    text-decoration: underline !important;
}

.cards-container .program-card a:hover img,
.cards-container .program-card a:focus img,
.cards-container .program-card a:active img {
    filter: grayscale(100%);
}

.cards-container .program-card .program-title {
    color: var(--pace-navy);
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 1.25;
    margin-bottom: 5px;
}

.cards-container .program-card .program-text {
    font-size: .875rem;
    line-height: 1.5;
}

.cards-container .program-card .img-box {
    background: #FFF;
    height: auto;
    margin: 25px 0 0;
    position: relative;
}

.cards-container .program-card .img-box.img-offset::before {
    width: calc(100% - 5%);
    height: calc(100% - 5%);
}

.cards-container .program-card:nth-child(1n) .img-box.img-offset::before {
    background-color: var(--pace-gold);
}

.cards-container .program-card:nth-child(2n) .img-box.img-offset::before {
    background-color: var(--pace-blue);
}

.cards-container .program-card:nth-child(3n) .img-box.img-offset::before {
    background-color: var(--pace-web-light-blue);
}

.cards-container .program-card:nth-child(4n) .img-box.img-offset::before {
    background-color: var(--pace-navy);
}

@media (max-width: 1200px) {
    .cards-container > * {
        flex: 0 0 100%;
    }

    /* Used if .card-container has even number of child elements */
    .cards-container > *:first-child:nth-last-child(even),
    .cards-container > *:first-child:nth-last-child(even) ~ * {
        flex: 0 0 100%;
    }

    .cards-container .program-card {
        flex-direction: row-reverse;
        gap: 2rem;
        align-items: center;
        max-width: 100%;
    }

    .cards-container .program-card .img-box {
        flex: 0 0 40%;
    }

    .cards-container .program-card .img-box:before {
        top: -0.85rem;
        left: -0.85rem;
    }
}

/* @media (max-width: 767px) {
    .cards-container > * {
        flex: 0 0 100%;
    }
}

@media (max-width: 575px) {
    .cards-container .program-card .img-box:before {
        height: calc(100% - 0.625rem);
        top: -0.625rem;
        left: -0.625rem;
    }
} */

/*******************************************
:--- Upcoming Date Box ---:
*******************************************/

.upcoming-date-box {
	background-color: #EEE;
	text-align: center;
	margin: 40px 0;
	padding: 0;
}

.upcoming-date-box .btn {
    background: #4ba9cc;
    border: none;
    border-radius: 0;
	width: 85%;
    padding: 1rem 2rem;
}

.upcoming-date-box .notice {
	font-size: 11px;
	line-height: 15px;
	margin: 15px 0 0 !important;
}

.upcoming-date-box .upcoming-date-header {
	background-color: #666666;
	color: #FFF;
	font-size: 1.5rem;
    font-weight: 700;
	margin-bottom: 0;
	padding: 20px 15px;
}

.upcoming-date-box .upcoming-date-content {
	padding: 20px;
}

.upcoming-date-box .upcoming-date-content p {
	margin: 0;
}

.upcoming-date-box .upcoming-date-content .start-date {
	display: block;
	font-size: 1.8rem;
    font-weight: 900;
	margin-bottom: 15px;
}

/*******************************************
:--- Credential Box ---:
*******************************************/

.cred-box {
    padding: 1.25rem 0;
    position: relative;
}

.cred-box p.cred-content {
    color: #002D73;
    font-family: 'UniformCondensedBold-Regular', sans-serif;
    font-weight: normal;
    font-size: 2.125rem;
    line-height: 1.2;
    margin: 0 0 0.938rem;
    position: relative;
    z-index: 2;
}

.cred-box p.cred-source {
    color: #151515;
    font-family: 'UniformBold-Regular', sans-serif;
    font-weight: normal;
    font-size: 1.125rem;
    line-height: 1.5;
    margin: 0 0 0.938rem;
    position: relative;
    z-index: 2;
}

.cred-box.quote {
    padding: 1.25rem 0 2.5rem;
}

.cred-box.quote::before {
    display: block;
    position: absolute;
    width: 5.9375rem;
    height: 4.6875rem;
    background: url(images/icon-quote.svg) no-repeat center;
    background-size: cover;
    content: "";
    z-index: 1;
    top: 0;
    left: 0;
}

.cred-box.quote p.cred-content {
    margin: 0 0 0.938rem 7.8135rem;
}

.cred-box.quote p.cred-source {
    margin: 0 0 0.938rem 7.8135rem;
}

@media (max-width: 1440px) {
    .cred-box p.cred-content {
        font-size: 1.875rem;
    }
    .cred-box.quote::before {
        width: 4.9375rem;
        height: 3.6875rem;
        background-size: contain;
    }
    .cred-box.quote p.cred-content,
    .cred-box.quote p.cred-source {
        margin: 0 0 0.938rem 5.8135rem;
    }
}

@media (max-width: 1200px) {
    .cred-box.quote p.cred-content {
        font-size: 1.75rem;
    }
}

@media (max-width: 992px) {
    .cred-box.quote p.cred-content {
        font-size: 1.5rem;
    }
}

@media (max-width: 767px) {     
    .cred-box p.cred-content {
        font-size: 1.75rem;
    }
    .cred-box p.cred-source {
        font-size: 1rem;
    }
    .cred-box.quote::before {
        width: 4.9375rem;
        height: 3.6875rem;
        background-size: contain;
    }
    .cred-box.quote p.cred-content,
    .cred-box.quote p.cred-source {
        margin: 0 0 0.938rem 0;
    }
    .cred-box.quote p.cred-content {
        margin-top: 3rem;
    }
}

/*******************************************
:--- Rankings ---:
*******************************************/

.ranking-box {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 4rem;
    margin: 3rem 0 0;
    flex-wrap: wrap;
}

.ranking-box > * {
    flex: 1 0 calc(30% - 2rem);
    text-align: center;
    
}

.ranking-box .ranking {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1rem;
    padding: 2rem 0;
}

.ranking-box .ranking:after {
    content: '';
    display: block;
    background: var(--pace-gold);
    position: absolute;
    top: 0;
    right: -2rem;
    width: 1px;
    height: 100%;
}

.ranking-box .ranking:last-of-type:after {
    display: none;
}

.ranking-box .ranking > * {
    margin-bottom: 0;
}

.ranking-box .rank {
    font-family: 'UniformExtraCondensedBlack-Regular', sans-serif;
    color: var(--pace-navy);
    font-size: 2.5rem;
    line-height: 0.8;
}

.ranking-box .rank-description {
    font-family: 'UniformBold-Regular', sans-serif;
    font-size: 0.938rem;
    line-height: 1.25;
}

.ranking-box .rank-source {
    font-family: 'UniformItalic-Med';
    font-size: 0.75rem;
    line-height: 1rem;
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .ranking-box {
        gap: 2rem;
    }

    .ranking-box .ranking:after {
        right: -1rem;
    }
}

@media (max-width: 575px) {
    .ranking-box {
        flex-direction: column;
    }

    .ranking-box .ranking {
        padding: 0 2rem;
    }

    .ranking-box .ranking:after {
        top: auto;
        bottom: -1rem;
        right: 0;
        width: 100%;
        height: 1px;
    }
}

/*******************************************
:--- Steps List ---:
*******************************************/

.step-list {
    padding: 0;
    margin: 0;
}

.step-item {
    display: flex;
    gap: 20px;
    padding-bottom: 2rem;
    position: relative !important;
}

.step-item:not(:last-child)::before {
    content: '';
    position: absolute;
    left: 25px;
    top: 55px;
    bottom: 0;
    width: 2px;
    margin-left: -1px;
    background: #e8b84b;
    z-index: 0;
}

.step-number {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    border: 2px solid #e8b84b;
    border-radius: 4px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 700;
    color: #1b3a6b;
    box-shadow: 3px 3px 0px #e8b84b;
    position: relative;
    z-index: 1;
}

.step-content {
    padding-top: 5px;
    flex: 1;
}

.step-content .header {
    font-family: var(--uniform-black);
    font-size: 1.125rem;
    margin-bottom: 0.5rem;
    text-transform: capitalize;
}

/*******************************************
:--- Careers Table ---:
*******************************************/

.careers-bls {
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: 0;
    overflow: hidden;
}

/* Header */
.careers-bls-header {
    display: grid;
    grid-template-columns: 2fr 1fr;
    padding: .75rem 1rem;
    background: var(--pace-navy);
    color: #fff;
    font-weight: 600;
}

/* Rows */
.careers-bls-row {
    display: grid;
    grid-template-columns: 2fr 1fr;
    padding: .85rem 1rem;
    gap: 1rem;
}

.careers-bls-row:nth-child(even) {
    background: rgba(0, 0, 0, .03);
}

.careers-bls-source {
    clear: both;
    padding-top: .5rem;
    font-size: .875rem;
    opacity: .8;
    text-align: end;
}

/* Mobile stacking */

@media (width <=768px) {
    .careers-bls-header,
    .careers-bls-row {
        line-height: 1.25;
    }

    .careers-bls-header .careers-bls-headcell:last-of-type,
    .careers-bls-row .careers-bls-cell:last-of-type {
        display: flex;
        justify-content: center;
        align-items: center;
		text-align: center;
    }
}

/*******************************************
:--- Faculty Page ---:
*******************************************/

.faculty-grid{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 2rem;
}

.faculty-member-card a {
    color: #002D73;
    display: block;
    height: 100%;
    text-decoration: none;
}

.faculty-member-card a:hover {
    text-decoration: underline;
}

.faculty-member-card a:hover .thumb img {
    filter: grayscale(1);
}

.faculty-member-card .thumb {
    width: 100%;
    overflow: hidden;
}

.faculty-member-card .thumb img {
    width: 100%;
    transition: all .25s ease-in-out;
}

.faculty-member-card .name {
    font-family: 'UniformExtraCondensedBlack-Regular', sans-serif;
    font-weight: normal;
    font-size: 1.25rem;
    line-height: 1.5rem;
    padding: 10px 0 2px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.faculty-member-card .title {
    font-size: 0.875rem;
    line-height: 1rem;
    padding: 0 0 10px;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
}

.modal-dialog .modal-title {
    color: #333;
    font-family: 'UniformExtraCondensedBlack-Regular', sans-serif;
    font-weight: normal;
    font-size: 1.5rem;
    text-transform: uppercase;
}

.modal-dialog .thumb {
    position: relative;
    margin-bottom: 20px;
    max-width: 200px;
}

.modal-dialog .thumb img {
    width: 100%;
}

.modal-dialog .contact {
    font-size: 0.875rem;
    line-height: 1.75rem;
}

.modal-dialog .dept {
    font-size: 0.875rem;
    font-style: italic;
    line-height: 1em;
}

.modal-dialog .name {
    color: #1F3B7A;
    font-size: 1.875rem;
    margin-bottom: 0;
    font-weight: normal;
}

.modal-dialog .contact i {
    display: inline-block;
    margin-right: 10px;
    color: #999;
}

.modal-dialog .title {
    font-size: 0.875rem;
    line-height: 1rem;
    padding: 10px 0 0;
}

.modal-dialog .bio {
    font-size: 0.875rem;
    line-height: 1.5rem;
    margin-top: 1.875rem;
}

.modal-dialog ul li {
    list-style: disc;
    margin-left: 18px;
}

/*******************************************
:--- Custom Sidebar ---:
*******************************************/

#sidebarAccordion .accordion-item {
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-top: 0px solid transparent !important;
	border-right: 0px solid transparent !important;
	border-bottom: 0px solid transparent !important;
	border-left: 0px solid transparent;
	background: transparent;
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

#sidebarAccordion .accordion-item button.accordion-button {
    cursor: pointer;
    outline: none;
    position: relative;
    text-align: left;
    width: 100%;
	background: transparent;
	margin: 0;
	padding: 0;
	box-shadow: none !important;
}

#sidebarAccordion .accordion-item button.accordion-button:not(.collapsed) {
	font-weight: 700;
	border-left: 2px solid #000;
}

#sidebarAccordion ul {
	margin: 0 0 0 5px;
}

#sidebarAccordion ul li {
	margin-bottom: 10px;
}

#sidebarAccordion .jump-sub-links ul li {
	list-style-type: circle;
}

#sidebarAccordion .accordion-item .accordion-body {
    padding: 0 0 0 20px;
	border-left: 2px solid #000;
}

/* If you want to add a custom icon to the accordion button, you can use the following CSS: */
#sidebarAccordion .accordion-button.collapsed::after,
#sidebarAccordion .accordion-button:not(.collapsed)::after {
	background-image: none !important;
}

/*******************************************
:--- Hero BG Text ---:
*******************************************/

.hero-bg-text {
    font-family: var(--uniform-extra-condensed-black);
    font-weight: normal;
    max-width: 112.5rem;
    margin: 0 auto;
    font-size: 18.75rem;
    line-height: 0.8334;
    bottom: 5.0625rem;
    min-width: 78.125rem;
    color: transparent;
    position: absolute;
    text-transform: uppercase;
    -webkit-text-stroke-width: 0.0625rem;
    -webkit-text-stroke-color: rgba(255, 255, 255, 0.10);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    left: -2%;
    width: 100%;
}

@media (max-width: 992px) {
    .hero-bg-text {
        font-size: 12.5rem;
        bottom: 6.0625rem;
        min-width: 58.125rem;
        left: -11%;
    }
}

@media (max-width: 767px) {
    .hero-bg-text {
        min-width: 33.125rem;
        left: 0;
    }
}

/*******************************************
:--- Financial Aid Info Graphic Table ---:
*******************************************/

#fin-info-graphic {
    background: #002d73;
    color: #FFF;
    padding: 50px;
}

#fin-info-graphic .fin-info-header {
    border-bottom: 1px solid #5094CD;
    color: #5094CD;
    font-weight: bold;
    flex-grow: 1;
    font-size: 25px;
    min-width: 100%;
    padding-bottom: 10px;
    text-transform: uppercase;
}

#fin-info-graphic hr {
    border-top: 1px solid #FFF;
    filter: opacity(.25);
}

#fin-info-graphic small {
    display: block;
    line-height: 1.25;
    margin-top: 10px;
    filter: opacity(.5);
    font-size: 12px;
}

#fin-info-graphic a small {
    display: block;
    filter: opacity(1);
    font-weight: bold;
    margin-top: 15px;
}

#fin-info-graphic a {
    color: #FFB81A;
    font-weight: bold;
    text-decoration: none;
}

#fin-info-graphic a:hover,
#fin-info-graphic a:focus,
#fin-info-graphic a:active {
    text-decoration: underline;
}


/* Financial Aid Options */

#fin-info-graphic #fin-options {
    display: flex;
    flex-flow: row wrap;
    gap: 25px;
    justify-content: space-between;
}

#fin-info-graphic #fin-options .fin-info-title {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    text-align: center;
    justify-content: center;
}

#fin-info-graphic #fin-options .fin-info-title a img {
    display: inline-block;
    max-width: 300px;
    height: auto;
    margin: auto;
}

#fin-info-graphic #fin-options .fin-info-title a:hover img {
    filter: opacity(.5);
}

#fin-info-graphic #fin-options .fin-info {
    flex-grow: 1;
    max-width: 65%;
}

#fin-info-graphic #fin-options .fin-info .figure {
    font-size: 22px;
    line-height: 1.25;
}

#fin-info-graphic #fin-options .fin-info .number {
    color: #FFB81A;
    font-weight: bolder;
}


/* Third-Party Scholarships */

#fin-info-graphic #fin-scholarships {
    display: flex;
    flex-flow: wrap;
    gap: 40px;
    margin-top: 30px;
}

#fin-info-graphic #fin-scholarships .fin-info-link {
    flex-grow: 1;
    width: 30%;
    text-align: center;
}

#fin-info-graphic #fin-scholarships img {
    display: inline-block;
    width: auto;
    height: 35px;
    margin: 0 auto;
}

#fin-info-graphic #fin-scholarships a:hover img {
    filter: opacity(.5);
}

#fin-info-graphic #fin-scholarships .fin-info-link.knowhow2go img {
    height: 25px;
}

#fin-info-graphic #fin-scholarships .fin-info-link.onlinemasterscolleges small {
    filter: opacity(.5);
    font-size: 12px;
}

#fin-info-graphic #fin-scholarships .fin-info-link.onlinemasterscolleges a small {
    filter: opacity(1);
}

#fin-info-graphic #fin-scholarships .fin-info-link.onlinemasterscolleges a small.text {
    color: #FFF;
    filter: opacity(1);
    font-weight: normal;
}

#fin-info-graphic #fin-scholarships .fin-info-link.onlinemasterscolleges a:hover small.text {
    filter: opacity(.5);
    text-decoration: none;
}

@media (max-width: 1200px) {
    #fin-info-graphic #fin-options .fin-info {
        max-width: 100%;
        line-height: 1.25;
    }
}

@media (max-width: 767px) {
    #fin-info-graphic #fin-scholarships img {
        width: auto;
        height: 25px;
    }
    #fin-info-graphic #fin-scholarships .fin-info-link.knowhow2go img {
        height: 18px;
    }
}

@media (max-width: 550px) {
    #fin-info-graphic #fin-scholarships .fin-info-link {
        width: 100%;
    }
}

/*******************************************
:--- Footer ---:
*******************************************/

footer.site-footer {
	background: var(--pace-navy);
	color: #FFF;
	font-size: 0.813rem;
	line-height: 1.5;
	padding: 6.25rem 0;
	overflow: hidden;
	position: relative;
}

footer.site-footer .footer-content {
	z-index: 2;
}

footer.site-footer .hero-bg-text {
	font-size: 20rem;
	max-width: 105rem;
	min-width: auto;
	bottom: 5.0625rem;
	top: -3rem;
	left: -2%;
}

footer.site-footer .footer-logo {
	display: block;
	max-width: 150px;
}

footer.site-footer .divider {
	border-top: 1px solid rgba(255, 255, 255, 0.5);
	margin: 15px 0 20px;
	opacity: 1;
}

footer.site-footer nav {
	line-height: 2;
	margin-bottom: 15px;
}

footer.site-footer nav a {
	text-decoration: none;
}

footer.site-footer h3 {
	font-family: 'UniformBlack-Regular', sans-serif;
	color: #FFF;
	line-height: 16px;
	font-size: 16px;
	margin-bottom: 15px;
	text-transform: none;
}

footer.site-footer .menu li {
	margin-bottom: 0.563rem;
}

footer.site-footer a {
	color: #FFF;
	display: inline-block;
}

footer .copyright-item.privacy a {
	text-decoration: underline;
}

footer .copyright-item.privacy a:hover,
footer .copyright-item.privacy a:focus,
footer .copyright-item.privacy a:active {
	text-decoration: none;
}

footer .copyright-item,
footer .social-menu {
	display: inline-block;
	margin-right: 50px;
}

footer .social-item {
	display: inline-block;
	margin-right: 30px;
}

footer .social-item a {
	font-size: 20px;
}

footer .social-item a:hover,
footer .social-item a:focus,
footer .social-item a:active {
	color: var(--pace-gold);
}

footer .visit-pace.btn-text {
	color: var(--pace-gold);
}

footer .visit-pace.btn-text:hover,
footer .visit-pace.btn-text:focus,
footer .visit-pace.btn-text:active {
	color: #FFF;
}

footer .visit-pace.btn-text::after,
footer .visit-pace.btn-text::after,
footer .visit-pace.btn-text::after {
	border-left: 0.438rem solid var(--pace-gold);
}

footer .visit-pace.btn-text:hover::after,
footer .visit-pace.btn-text:focus::after,
footer .visit-pace.btn-text:active::after {
	border-left: 0.438rem solid #FFF;
}

footer.site-footer .post-edit-link {
    background-color: #080;
    border-radius: 4px;
    color: var(--white) !important;
    padding: .5rem 1rem;
    text-decoration: none;
    text-transform: uppercase;
}

@media (max-width: 1440px) {
	footer.site-footer .hero-bg-text {
		font-size: 18rem;
	}
}

@media (max-width: 992px) {
	footer.site-footer .divider {
		border-right: 0;
		border-bottom: 1px solid rgba(255, 255, 255, .1);
		margin-bottom: 20px;
	}
}

@media (max-width: 767px) {
	footer.site-footer .phone {
		font-size: 14px;
	}
}

/*******************************************
:--- Form ---:
*******************************************/

/* Popover */

.popover {
    background: var(--pace-gold);
    border: 1px solid var(--pace-gold);
    color: #000;
    font-weight: bold;
    padding: 6px;
    text-align: center;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, .25) !important;
    z-index: 10;
}

.popover-body {
    color: #1F3B7A;
    padding: .5rem .75rem;
}

.popover-arrow::after,
.popover-arrow::before {
    border-bottom-color: var(--pace-gold) !important;
    border-top-color: var(--pace-gold) !important;
}

.form-background {
    padding: 5rem 15px;
    background: linear-gradient(90deg, var(--pace-blue) 70%, #FFF 30%);
    position: relative;
    overflow: hidden;
}

.form-background::after {
    background: url(images/texture-lines-desktop.svg) bottom center repeat-x;
    background-size: 70%;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    z-index: 3;
}

.form-background::before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    border-width: 0 0 15.0625rem 8.5625rem;
    border-color: transparent transparent #FFF transparent;
    right: 0;
    bottom: 0;
    left: 65%;
    top: auto;
    z-index: 0;
}

.form-background .form-container {
    border: none;
    margin: 0;
    padding: 0;
}

.form-background .form-container::before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    top: 0;
    position: absolute;
    right: auto;
    bottom: auto;
    left: 0;
    border-width: 6.8125rem 4rem 0 0;
    border-color: var(--pace-blue) transparent transparent transparent;
}

.form-background .form-container .form-fields {
    padding: 80px;
    z-index: 10;
}

.form-container {
    background: #FFF url("images/texture-lines-desktop-gray.svg") bottom center no-repeat;
    background-size: 100%;
    border: 1px solid var(--pace-gold);
    /*	box-shadow: 0px 2px 4px rgba(0,0,0,.08);*/
}

.form-container h2 {
    font-size: 3.75rem;
    line-height: 0.8572;
    text-align: left !important;
}

.form-container .form-text {
    color: var(--text);
    font-size: 18px;
    line-height: 31px;
    width: 90%;
}

.form-container .form-text a,
.form-container .form-text .focus,
.form-container .form-text .focus-fname {
    color: var(--pace-navy);
    cursor: pointer;
    font-weight: bold;
    text-decoration: underline;
}

.form-container .form-text a:hover,
.form-container .form-text a:active,
.form-container .form-text a:focus,
.form-container .form-text .focus:hover,
.form-container .form-text .focus:active,
.form-container .form-text .focus:focus,
.form-container .form-text .focus-fname:hover,
.form-container .form-text .focus-fname:active,
.form-container .form-text .focus-fname:focus {
    color: var(--pace-web-blue);
    text-decoration: underline;
}

.form-container .form-fields {
    padding: 3rem;
    z-index: 5;
}

.form-container select::-ms-expand {
    /*IE Fix*/
    display: none;
}

.form-container .tcpa-3step p,
.form-container .tcpa p {
    line-height: 1.5em;
}

.form-container.one-step-form #finalSubmission {
    width: 100%;
}

.form-container.bg-dark {
    background-color: var(--pace-navy) !important;
    border: none;
}

.form-container.bg-dark h2 {
    color: #FFF;
}

.form-container.bg-dark a {
    color: var(--pace-gold);
}

.form-container.bg-dark .form-text a:hover,
.form-container.bg-dark .form-text a:active,
.form-container.bg-dark .form-text a:focus,
.form-container.bg-dark .form-text .focus:hover,
.form-container.bg-dark .form-text .focus:active,
.form-container.bg-dark .form-text .focus:focus {
    color: var(--pace-gold);
    text-decoration: underline;
}

.form-container.bg-dark .header-alt {
    color: var(--pace-gold);
}

.form-container.bg-dark .header-alt::before {
    margin-right: 0.625rem;
    display: inline-block;
    width: 1.3125rem;
    height: 1.25rem;
    background: url(images/icon-parallelogram-yellow.svg) no-repeat center/21px 20px;
    content: '';
}

/* International */

.form-container .intl-tel-input .country-list {
    color: #999;
}

.form-container .intl-tel-input .country-list li.divider {
    padding: 0 !important;
    line-height: 0;
}

.form.multi-step .international-link i {
    margin-right: 6px;
}

@media (max-width: 1200px) {
    .form-container .form-text {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .form-container .form-fields {
        padding: 2rem;
    }
}

/*******************************************
:--- Archa Form Styles ---:
*******************************************/

.form.one-step .input-wrap label,
.form.one-step .select-wrap label {
    display: none !important;
}

.form.one-step .select-wrap select {
    width: 100% !important;
    background-color: #FFF !important;
    background-image: linear-gradient(45deg, transparent 50%, #000 50%), linear-gradient(135deg, #000 50%, transparent 50%), linear-gradient(to right, #FFF, #FFF) !important;
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0 !important;
    background-size: 5px 5px, 5px 5px, 2.5em 2.5em !important;
    background-repeat: no-repeat !important;
    color: #4c4c4c !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    padding: 0.5em 2.5em .5em 1em !important;
    text-indent: 10px !important;
    border: 1px solid #ccc !important;
    border-radius: 0 !important;
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
}

.form.one-step .select-wrap select:focus {
    color: #4f2c1d;
    outline: none;
    border-color: #ffb500;
    box-shadow: 0 0 5px 1px rgba(79, 44, 29, 0.2);
}

.form.one-step #one-step-fields {
    clear: both;
}

.form.one-step .select-wrap {
    margin-bottom: 20px !important;
}

.form.one-step .input-wrap textarea,
.form.one-step .input-wrap input {
    border: 1px solid #ccc !important;
    padding: 0.78em 1em !important;
}

.form.one-step .input-wrap textarea:focus,
.form.one-step .input-wrap input:focus {
    box-shadow: 0px 2px 4px rgba(0, 0, 0, .15);
}

.form.one-step #one-step-fields {
    gap: 20px !important;
}

.form.one-step .form-controls input {
    background-color: var(--pace-navy) !important;
    -webkit-transition: all 0.1s !important;
    transition: all 0.1s !important;
    transition: background-position .35s ease !important;
    background-image: linear-gradient(120deg, var(--pace-navy), var(--pace-navy) 50%, var(--pace-web-blue) 50%, var(--pace-web-blue)) !important;
    background-repeat: no-repeat !important;
    background-position: 18.3125rem 0 !important;
    background-size: 100% !important;
    border: none !important;
    font-size: 0.938rem !important;
    font-family: 'UniformBold-Regular', sans-serif !important;
    font-weight: normal !important;
    padding: 16px 20px !important;
    text-transform: uppercase !important;
    width: 100% !important;
    border-radius: 0 !important;
    color: #FFF !important;
}

.form.one-step .form-controls input:hover,
.form.one-step .form-controls input:focus,
.form.one-step .form-controls input:active {
    background-color: var(--pace-navy) !important;
    border-color: var(--pace-navy) !important;
    background-position: 0 0 !important;
}

.bg-dark .form.one-step .form-controls input {
    background-color: var(--pace-gold) !important;
    background-image: linear-gradient(120deg, var(--pace-gold), var(--pace-gold) 50%, var(--pace-blue) 50%, var(--pace-blue)) !important;
    background-position: 24.3125rem 0 !important;
    padding: 16px 20px !important;
    color: #000 !important;
}

.bg-dark .form.one-step .form-controls input:hover,
.bg-dark .form.one-step .form-controls input:focus,
.bg-dark .form.one-step .form-controls input:active {
    background-color: var(--pace-gold) !important;
    border-color: var(--pace-gold) !important;
    background-position: 0 0 !important;
}

.form.one-step .form-controls input#back {
    background-color: #CCC;
    border: 0;
    color: #FFF;
    font-family: 'UniformBold-Regular', sans-serif;
    font-weight: normal;
    padding: 16px 20px;
    text-transform: uppercase;
    width: 100%;
}

.form.one-step .form-controls input#back:hover,
.form.one-step .form-controls input#back:focus,
.form.one-step .form-controls input#back:active {
    background-color: #999;
}

.form.one-step .input-wrap textarea,
.form.one-step .input-wrap input {
    border: 1px solid #ccc;
    border-radius: 0;
    padding: 0.78em 1em;
    width: 100%;
    float: none;
}

.form.one-step .select-wrap:after,
.form.one-step .input-wrap:after {
    color: red;
    content: '*';
    position: absolute;
    right: -10px !important;
    top: 0;
    font-weight: 400;
}

.form.one-step .tcpa,
.form.one-step .privacy {
    color: #000;
    margin: 0 0 1.875rem;
    font-size: 11px;
    line-height: 1.5em;
}

.bg-dark .form.one-step .tcpa,
.bg-dark .form.one-step .privacy {
    color: #fff;
}

.form.one-step .tcpa a:hover,
.form.one-step .privacy a:hover {
    color: var(--pace-web-blue);
}

.bg-dark .form.one-step .tcpa a:hover,
.bg-dark .form.one-step .privacy a:hover {
    color: var(--pace-gold);
}

.form.one-step .international-link {
    color: var(--pace-navy);
    font-size: 11px;
    margin-top: 10px;
}

.bg-dark .form.one-step .international-link {
    color: var(--pace-gold);
}

.form.one-step .international-link:hover,
.form.one-step .international-link:focus,
.form.one-step .international-link:active {
    border-bottom: none !important;
    text-decoration: none;
    color: var(--pace-web-blue);
}

.bg-dark .form.one-step .international-link:hover,
.bg-dark .form.one-step .international-link:focus,
.bg-dark .form.one-step .international-link:active {
    border-bottom: none !important;
    text-decoration: underline;
    color: var(--pace-gold);
}

.form.one-step #programs_select-error,
.form.one-step #program-error.error,
.form.one-step #first_name-error.error,
.form.one-step #last_name-error.error,
.form.one-step #email-error.error,
.form.one-step #phone-error.error {
    color: #FFF !important;
    background: red;
    padding: 3px 5px !important;
    font-family: 'brandon-grotesque', sans-serif;
    font-weight: 600 !important;
    display: block;
    margin-top: -4px;
    font-size: 11px !important;
    text-transform: uppercase;
    position: relative !important;
    width: fit-content;
}


/* Enterprise Form - [archa-form-enterprise] */

.form.multi-step.enterprise .input-wrap label,
.form.multi-step.enterprise .select-wrap label {
    display: none;
}

.form.multi-step.enterprise .input-wrap input {
    border: 1px solid #CCC;
    font-size: 16px;
    padding: 0.78em 1em;
}

.form.multi-step.enterprise .input-wrap:after {
    color: #F00 !important;
    content: "*";
    right: -12px !important;
    top: -4px !important;
    position: absolute;
}

.form.multi-step.enterprise .select-wrap select {
    background-image: linear-gradient(45deg, transparent 50%, #000 50%), linear-gradient(135deg, #000 50%, transparent 50%), linear-gradient(to right, #FFF, #FFF);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0;
    background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
    background-repeat: no-repeat;
    border: 1px solid #CCC;
    font-size: 16px;
    line-height: inherit;
    padding: 8px 40px 8px 16px;
}

.form.multi-step.enterprise #step2 {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    gap: 20px;
}

.form.multi-step.enterprise #step2 .input-wrap {
    flex-grow: 1;
    width: 45%;
}

.form.multi-step.enterprise span.error {
    color: #FFF;
    background: #F00;
    padding: 1px 5px;
    font-family: 'brandon-grotesque', sans-serif;
    font-weight: 600;
    display: block;
    margin-top: 0;
    font-size: 11px;
    text-transform: uppercase;
    width: fit-content;
}

.form.multi-step.enterprise .form-controls {
    display: flex;
    gap: 20px;
}

.form.multi-step.enterprise .form-controls input {
    background-color: var(--pace-navy) !important;
    -webkit-transition: all 0.1s !important;
    transition: all 0.1s !important;
    transition: background-position .35s ease !important;
    background-image: linear-gradient(120deg, var(--pace-navy), var(--pace-navy) 50%, var(--pace-web-blue) 50%, var(--pace-web-blue)) !important;
    background-repeat: no-repeat !important;
    background-position: 18.3125rem 0 !important;
    background-size: 100% !important;
    border: none !important;
    font-size: 0.938rem !important;
    font-family: 'UniformBold-Regular', sans-serif !important;
    font-weight: normal !important;
    padding: 16px 20px !important;
    text-transform: uppercase !important;
    border-radius: 0 !important;
    color: #FFF !important;
    width: 100% !important;
}

.form.multi-step.enterprise .form-controls input:hover,
.form.multi-step.enterprise .form-controls input:focus,
.form.multi-step.enterprise .form-controls input:active {
    background-color: var(--pace-navy) !important;
    border-color: var(--pace-navy) !important;
    background-position: 0 0 !important;
}

.form.multi-step.enterprise .form-controls input#next {
    width: 100% !important;
}

.form.multi-step.enterprise .form-controls input#previous {
    background-color: #CCC !important;
    background-image: none !important;
    border: 0 !important;
    color: #FFF !important;
    font-family: 'UniformBold-Regular', sans-serif !important;
    font-weight: normal !important;
    padding: 16px 20px !important;
    text-transform: uppercase !important;
    width: 25% !important;
}

.form.multi-step.enterprise .form-controls input#previous:hover,
.form.multi-step.enterprise .form-controls input#previous:focus,
.form.multi-step.enterprise .form-controls input#previous:active {
    background-color: #999 !important;
}

.iti__country-list {
    color: #000;
}

.form.multi-step.enterprise .input-wrap input:hover,
.form.multi-step.enterprise .input-wrap input:focus,
.form.multi-step.enterprise .input-wrap input:active,
.form.multi-step.enterprise .input-wrap textarea:hover,
.form.multi-step.enterprise .input-wrap textarea:focus,
.form.multi-step.enterprise .input-wrap textarea:active,
.form.multi-step.enterprise .select-wrap select:hover,
.form.multi-step.enterprise .select-wrap select:focus,
.form.multi-step.enterprise .select-wrap select:active {
    border: 1px solid var(--pace-web-light-blue) !important;
}


/* Enterprise - Dark Background */

.bg-dark .form.multi-step.enterprise .form-controls input {
    background-color: var(--pace-gold) !important;
    background-image: linear-gradient(120deg, var(--pace-gold), var(--pace-gold) 50%, var(--pace-blue) 50%, var(--pace-blue)) !important;
    background-position: 24.3125rem 0 !important;
    padding: 16px 20px !important;
    color: #000 !important;
}

.bg-dark .form.multi-step.enterprise .form-controls input:hover,
.bg-dark .form.multi-step.enterprise .form-controls input:focus,
.bg-dark .form.multi-step.enterprise .form-controls input:active {
    background-color: var(--pace-gold) !important;
    border-color: var(--pace-gold) !important;
    background-position: 0 0 !important;
}

#ai-opt-in,
#sms-opt-in {
    margin-bottom: 0 !important;
}

#ai-opt-in label,
#sms-opt-in label {
    font-size: 11px !important;
    line-height: 1.5 !important;
    color: var(--text) !important;
}

.form-container.bg-dark #ai-opt-in label,
.form-container.bg-dark #sms-opt-in label {
    color: white !important;
}

@media (max-width: 475px) {
    .form.multi-step.enterprise #step2 .input-wrap {
        width: 100%;
    }
}

/*******************************************
:--- Testimonial - Inline ---:
*******************************************/

.testimonial-inline {
    background: #F0F0F0;
    display: flex;
    justify-content: space-between;
}

.testimonial-inline .content,
.testimonial-inline .img {
    flex-grow: 1;
    flex-basis: 0;
    /*max-width: 50%;*/
    text-align: center;
}

.testimonial-inline .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 3rem;
}

.testimonial-inline .content .quote {
    font-size: 1rem;
    line-height: 1.75;
}

.testimonial-inline .content .name {
    font-size: 0.875rem;
    font-weight: bold;
    margin-bottom: 0;
    line-height: 1.7143;
}

.testimonial-inline .content .title {
    font-size: 0.875rem;
    margin-bottom: 0;
    line-height: 1.7143;
}

.testimonial-inline .img {
    overflow: hidden;
    max-width: 285px;
    max-height: 285px;
}

.testimonial-inline .img.lg {
    max-width: 350px;
    max-height: 350px;
}

.testimonial-inline .img.xl {
    max-width: 400px;
    max-height: 400px;
}

.testimonial-inline .img img {
    width: auto;
    height: 100%;
}

.testimonial-inline .img::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    border-width: 1.25rem 1.25rem 1.25rem 0;
    border-color: transparent #F0F0F0 transparent transparent;
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.testimonial-inline.reverse {
    flex-direction: row-reverse;
}

.testimonial-inline.reverse .img::after {
    border-width: 1.25rem 0 1.25rem 1.25rem;
    border-color: transparent transparent transparent #F0F0F0;
    right: auto;
    left: 0;
}

@media (max-width: 1440px) {
    .testimonial-inline .content,
    .testimonial-inline .img {
        max-width: 50%;
        max-height: 400px;
    }
}

@media (max-width: 992px) {
    .testimonial-inline .content,
    .testimonial-inline .img {
        max-width: 50%;
        max-height: 600px;
    }
}

@media (max-width: 767px) {
    .testimonial-inline {
        display: block;
    }
    .testimonial-inline .content,
    .testimonial-inline .img {
        display: block;
        max-width: 100%;
        max-height: 100%;
    }
    .testimonial-inline .img img {
        width: 100%;
        height: auto;
        position: relative;
        transform: translateX(0%);
    }
    .testimonial-inline .img::after,
    .testimonial-inline.reverse .img::after {
        border-width: 0 1.25rem 1.25rem 1.25rem;
        border-color: transparent transparent #F0F0F0 transparent;
        right: 0;
        left: 45%;
        bottom: -10px;
        top: auto;
    }
}

@media (max-width: 575px) {
    .testimonial-inline .content {
        padding: 1.875rem;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .testimonial-inline {
        display: block;
    }
    .testimonial-inline .content,
    .testimonial-inline .img {
        display: block;
        max-width: 100%;
        max-height: 100%;
    }
    .testimonial-inline .img img {
        width: 100%;
        height: auto;
    }
    .testimonial-inline .img::after,
    .testimonial-inline.reverse .img::after {
        border-width: 0 1.25rem 1.25rem 1.25rem;
        border-color: transparent transparent #F0F0F0 transparent;
        right: 0;
        left: 45%;
        bottom: -10px;
        top: auto;
    }
}

@media (min-width: 767px) and (max-width: 991px) {
    .testimonial-inline .img img {
        transform: translateX(-12%);
        position: absolute;
        top: 0;
        left: 0;
    }
}

/*******************************************
:--- Presenter Box ---:
*******************************************/

.presenter-box {
    padding: 25px 0;
}

.presenter-box img {
    width: 140px !important;
}

.presenter-box .presenter-name {
    font-family: 'UniformExtraCondensedBlack-Regular', sans-serif;
    font-weight: normal;
    font-size: 2.25rem;
    line-height: 0.9445;
    text-transform: uppercase;
    margin-bottom: 0.9375rem;
}

.presenter-box .presenter-title {
    color: #002D73;
    font-family: 'UniformBlack-Regular', sans-serif;
    font-weight: normal;
    font-size: 0.8125rem;
    line-height: 1.3847;
    margin-bottom: 0.9375rem;
}

.presenter-box .presenter-bio {
    color: #151515;
    font-size: 0.875rem;
    line-height: 1.8572;
}

/*******************************************
:--- Bio Collapse ---:
*******************************************/

#module #collapseExample.collapse:not(.show),
#module #collapseExample2.collapse:not(.show),
#module #collapseExample3.collapse:not(.show),
#module #collapseExample4.collapse:not(.show) {
    display: block;
    height: 135px;
    overflow: hidden;
}

#module #collapseExample.collapsing,
#module #collapseExample2.collapsing,
#module #collapseExample3.collapsing,
#module #collapseExample4.collapsing {
    height: 135px;
}

#module a {
    font-family: 'UniformBold-Regular', sans-serif;
    font-weight: normal;
    font-size: 0.875rem;
}

#module a.collapsed::after {
    content: 'Show More +';
}

#module a:not(.collapsed)::after {
    content: 'Show Less -';
}

/*******************************************
:--- Media Queries ---:
*******************************************/

@media (min-width: 1440px) {
	.container {
		max-width: 1680px;
	}
}

@media (max-width: 1440px) {
	article.article-list img {
		height: auto;
	}
}

@media (max-width: 992px) {
	.hero-section.hero-image,
	.hero-section.hero-home {
		padding-bottom: 6rem !important;
		padding-top: 6rem !important;
	}
	.program-grid {
		grid-template-columns: repeat(1, 1fr);
	}
	
	article.article-list img {
		height: 300px;
		width: 100%;
	}
	
	footer.site-footer .site-logo {
		max-width: 200px;
	}

	footer.site-footer #menu-footer {
		columns: 1;
		-webkit-columns: 1;
		-moz-columns: 1;
	}
	
}
 
@media (max-width: 767px) {
	header.site-header .site-logo {
		max-width: 200px;
	}
	
	.mobile-only-nav li {
		border-top: 1px solid #ccc;
		float: none;
		padding-right: 0;
	}
	
	.mobile-only-nav li a {
		display: block;
		padding: 1em 2em;
		text-decoration: none;
	}
	
	.article-content .w-50 {
		width: 100% !important;
	}
	
	.faculty-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 640px) { 
	.hero-section.hero-image,
	.hero-section.hero-home {
		padding-bottom: 3rem !important;
		padding-top: 3rem !important;
	}
}

@media (max-width: 480px) { 
	.faculty-grid {
		grid-template-columns: repeat(1, 1fr);
	}
}

/* Sticky sidebar */

@media(min-width:1200px) {
    .sticky-sidebar {
        position: -webkit-sticky;
        position: sticky;
        top: 20px;
        margin-bottom: 40px;
    }

    .overlap {
        margin-top: 0
    }
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .sticky-sidebar {
        top: 0
    }

    .accordion ul.nav-pills li {
        flex: none;
    }

    img {
        max-width: 100%;
        flex-shrink: 0;
    }
}

/*******************************************
:--- Homepage - Index 2026 ---:
*******************************************/

/* Homepage - Header Transparency */

.page-template-index-dynamic-2026.nav-top header.site-header,
.page-template-index-dynamic-2026.nav-top header.site-header .top-nav-menu,
.page-template-index-dynamic-2026.nav-top header.site-header .nav-wrap {
    background: transparent;
}

.page-template-index-dynamic-2026.nav-top .top-nav-buttons .btn,
.page-template-index-dynamic-2026.nav-top nav.site-nav .menu > .menu-item > a {
    color: #FFF;
}

.page-template-index-dynamic-2026.nav-top nav.site-nav .menu > .menu-item > a:hover,
.page-template-index-dynamic-2026.nav-top nav.site-nav .menu > .menu-item > a:focus,
.page-template-index-dynamic-2026.nav-top nav.site-nav .menu > .menu-item > a:active {
    color: #FFF !important;
    opacity: .5 !important;
}

.page-template-index-dynamic-2026.nav-top .hero-wrap {
    padding: 9.125rem 0 2rem;
}

/* Logo - Visibility - Desktop */

@media (min-width: 992px) {
    .page-template-index-dynamic-2026.nav-top .site-logo .logo-desktop {
        display: none !important;
    }
    .page-template-index-dynamic-2026.nav-top .site-logo .logo-desktop-white {
        display: block !important;
    }
    .page-template-index-dynamic-2026.nav-up .site-logo .logo-desktop-white,
    .page-template-index-dynamic-2026.nav-down .site-logo .logo-desktop-white {
        display: none !important;
    }
}

@media (width: 992px) {
    .page-template-index-dynamic-2026.nav-top .site-logo .logo-desktop-white {
        display: none !important;
    }
}

/* Logo - Visibility - Mobile */

@media (max-width: 992px) {
    .page-template-index-dynamic-2026.nav-top .site-logo .logo-mobile {
        display: none !important;
    }
    .page-template-index-dynamic-2026.nav-top .site-logo .logo-mobile-white {
        display: block !important;
    }
    .page-template-index-dynamic-2026.nav-up .site-logo .logo-mobile-white,
    .page-template-index-dynamic-2026.nav-down .site-logo .logo-mobile-white {
        display: none !important;
    }
    .page-template-index-dynamic-2026.nav-top .nav-open span {
        background: #FFF;
    }
    .page-template-index-dynamic-2026.nav-top .nav-open .menu-title {
        color: #FFF;
    }
    .page-template-index-dynamic-2026.nav-top.opened header.site-header {
        background: var(--pace-navy);
    }
    .page-template-index-dynamic-2026.nav-top.opened nav.site-nav .menu > .menu-item > a {
        color: var(--pace-navy);
    }
    .page-template-index-dynamic-2026.nav-top.opened nav.site-nav .menu > .menu-item > a:hover,
    .page-template-index-dynamic-2026.nav-top.opened nav.site-nav .menu > .menu-item > a:focus,
    .page-template-index-dynamic-2026.nav-top.opened nav.site-nav .menu > .menu-item > a:active {
        color: #4780B5 !important;
    }
}

/* Alert Box Notification */

.page-template-index-dynamic-2026.nav-top.alert-active .hero-wrap {
    padding: 22rem 0 2rem;
}

@media (max-width: 1440px) {
    .page-template-index-dynamic-2026.nav-top.alert-active .hero-wrap {
        padding: 23.875rem 0 2rem;
    }
}

@media (max-width: 1200px) {
    .page-template-index-dynamic-2026.nav-top.alert-active .hero-wrap {
        padding: 25.125rem 0 2rem;
    }
}

@media (max-width: 992px) {
    .page-template-index-dynamic-2026.nav-top.alert-active .hero-wrap {
        padding: 22rem 0 2rem;
    }
}

@media (max-width: 475px) {
    .page-template-index-dynamic-2026.nav-top.alert-active .hero-wrap {
        padding: 26rem 0 2rem;
    }
}

@media (max-width: 375px) {
    .page-template-index-dynamic-2026.nav-top.alert-active .hero-wrap {
        padding: 30rem 0 2rem;
    }
}

/* Hero */

.page-template-index-dynamic-2026 .page-wrap {
    height: 100%;
}

.page-template-index-dynamic-2026 .hero-wrap {
    background: linear-gradient(rgba(21, 21, 21, .7), rgba(0, 54, 161, .35), rgba(0, 54, 161, .95)), url(images/hero/hero-home.jpg) center;
    overflow: hidden;
}

.page-template-index-dynamic-2026 .hero-wrap:before {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 27.5%;
    padding-bottom: 46%;
    background: -webkit-gradient(linear, left top, right bottom, from(var(--pace-navy)), color-stop(50%, var(--pace-navy)), color-stop(50%, transparent), to(transparent));
    background: linear-gradient(to bottom right, rgb(0, 45, 115) 0%, var(--pace-navy) 50%, transparent 50%, transparent 100%);
    content: '';
    opacity: .8;
    z-index: 0;
}

.page-template-index-dynamic-2026 .hero-wrap {
    background-size: cover;
    color: #FFF;
    margin: 0;
    padding: 2em 0;
}

.page-template-index-dynamic-2026 .hero-wrap .hero-content .hero-bg-text {
    -webkit-text-stroke-color: rgba(255, 255, 255, 0.25);
    left: -4%;
}

.page-template-index-dynamic-2026 .hero-wrap .hero-content {
    align-items: flex-start;
    display: flex;
    height: 45rem;
    flex-direction: column;
    padding: 6.25rem 0 3.125rem;
    justify-content: flex-end;
}

.page-template-index-dynamic-2026 .hero-wrap .section-intro {
    font-size: 1rem;
    line-height: 1.875;
}

.page-template-index-dynamic-2026 .section-intro {
    font-size: 1.125rem;
    line-height: 1.938rem;
    margin-bottom: 1.875rem;
}

.page-template-index-dynamic-2026 .hero-wrap h1 {
    color: var(--white);
    font-family: 'UniformBlack-Regular', sans-serif;
    font-size: 2.5rem;
    margin: 0 0 20px;
    max-width: 100%;
    text-transform: none;
}

@media (max-width: 992px) {
    .page-template-index-dynamic-2026.nav-top .hero-wrap {
        padding: 4.375rem 0 2rem;
    }
    .page-template-index-dynamic-2026 .hero-wrap .hero-content {
        height: auto;
        min-height: 450px;
        padding: 50px 0;
        margin-top: 150px;
    }
    .page-template-index-dynamic-2026 .hero-wrap .hero-content .hero-bg-text {
        left: -10%;
    }
}

@media (max-width: 767px) {
    .page-template-index-dynamic-2026 .hero-wrap {
        background: linear-gradient(rgba(21, 21, 21, .7), rgba(0, 54, 161, .35), rgba(0, 54, 161, .95)), url(images/hero/hero-home-mobile.jpg) center;
        background-size: cover;
    }
    .page-template-index-dynamic-2026 .hero-wrap .hero-content {
        min-height: 450px;
    }
    .page-template-index-dynamic-2026 .hero-wrap .hero-content .hero-bg-text {
        left: 0;
    }
}

/* Hero - Carousel - Parallax */

/* The carousel is its own self-contained section, exactly one
viewport tall. It scrolls and snaps internally; the page itself
scrolls normally past it into #find-program below. */
.hero-carousel {
    position: relative;
    height: 100vh;
    overflow: hidden;
}

.hero-carousel::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(2, 45, 114, .75) 0%, rgba(0, 54, 161, 0) 100%);
    height: 250px;
}

.hero-carousel .carousel-track {
    height: 100%;
    overflow-y: scroll;
    scroll-snap-type: y mandatory;
    position: relative;
    z-index: 1;
}

.hero-carousel .slide {
    height: 100vh;
    scroll-snap-align: start;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    overflow: hidden;
}

.hero-carousel .slide::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 54, 161, .65) 0%, rgba(0, 54, 161, 0.65) 100%);
}

/* Two stacked background layers, crossfaded between each other so
there's always an opaque image on screen — never a dip through
to the page background during a transition. */
.hero-carousel .slide-bg-wrap {
    position:absolute;
    inset:0;
    z-index:0;
}

.hero-carousel .bg-layer {
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:center;

    /* fixed attachment = the image stays put while slides scroll
    over it, which reads as parallax with zero extra JS */
    background-attachment:fixed;

    opacity:0;
    transition:opacity 0.8s ease;
}

.hero-carousel .bg-layer.active {
    opacity:1;
}

.hero-carousel .slide-content {
    color: var(--white);
    position: relative;
    z-index: 1;
    padding: 0 6vw;
    max-width: 1200px;
}

.hero-carousel .slide-content h1,
.hero-carousel .slide-content h2 {
    color: var(--white);
    font-family: 'UniformBlack-Regular', sans-serif;
    font-size: 5rem;
    line-height: 1;
    text-transform: none;
}

.hero-carousel .slide-content p {
    font-size: 1.5rem;
}

.hero-carousel .slide-content .slide-ribbon {
    color: var(--pace-navy);
    display: inline-block;
    font-family: 'UniformBlack-Regular', sans-serif;
    font-size: 1.5rem;
    margin: 0 auto 2rem;
    padding: 5px 30px;
    position: relative;
}

.hero-carousel .slide-content .slide-ribbon::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--pace-gold);
  transform: skewx(-24deg);
  z-index: -1;
}

.hero-carousel .bottom-nav {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 20px 25px;
}

.hero-carousel .bottom-nav::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 7.5rem;
    height: 12.875rem;
    background: var(--pace-navy);
    clip-path: polygon(0 0, 100% 100%, 0 100%);
    z-index: -1;
}

.hero-carousel .dots {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.hero-carousel .dots a {
    width: 0.4375rem;
    height: 0.4375rem;
    border-radius: 50%;
    background: var(--pace-blue);
    transition: background 0.2s ease;
}

.hero-carousel .dots a.active {
    background: var(--pace-gold);
}

.hero-carousel .skip-link {
    font-family: 'UniformBlack-Regular', sans-serif;
    font-size: 0.938rem;
    color: var(--white);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

.hero-carousel .skip-link svg {
    width: 10px;
    height: 10px;
    transform: rotate(90deg);
}

@media (max-width: 992px) {
    .hero-carousel .slide-content {
        max-width: 80%;
    }
    .hero-carousel .slide-content .slide-ribbon {
        font-size: 1.125rem;
        margin: 0 auto 1.5rem;
        padding: 5px 20px;
    }
    .hero-carousel .slide-content h1,
    .hero-carousel .slide-content h2 {
        font-size: 3rem;
    }
    .hero-carousel .slide-content p {
        font-size: 1.125rem;
        line-height: 1.5rem;
    }
    .hero-carousel .bottom-nav {
        padding: 20px 25px 75px;
    }
    .hero-carousel .bottom-nav::before {
        width: 9.5rem;
        height: 16.875rem;
    }
}

@media (max-width: 575px) {
    .hero-carousel .slide-content {
        max-width: 100%;
    }
}

/* Home Content Segments */

.page-template-index-dynamic-2026 .half-bg-right .img-box.find-program {
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url(images/home/home-find-program.jpg) top left;
    background-size: cover;
}

.page-template-index-dynamic-2026 .half-bg-left .img-box.resources {
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url(images/home/home-military.jpg) top center;
    background-size: cover;
}

.page-template-index-dynamic-2026 .content-box ul {
	margin: 0 0 2rem;
}

.page-template-index-dynamic-2026 .content-box ul li {
	list-style: disc;
	margin: 0 0 0 1.5rem;
}

.page-template-index-dynamic-2026.nav-up #hero-search {
    top: 0 !important;
}

.page-template-index-dynamic-2026 h2 {
    font-family: 'UniformExtraCondensedBlack-Regular', sans-serif;
    font-size: 4.375rem;
    line-height: 0.8572;
}

/* Search Bar */

.page-template-index-dynamic-2026 .find-program-container {
    background: #FFF url("images/texture-lines-desktop-gray.svg") bottom center no-repeat;
    background-size: 100%;
    padding-top: 5rem;
    padding-bottom: 5.625rem;
    text-align: center;
}

.page-template-index-dynamic-2026 .find-program-container h2 {
    color: var(--pace-navy);
    letter-spacing: -0.0625rem;
    line-height: 1;
    text-transform: capitalize;
    font-family: 'UniformBlack-Regular', sans-serif;
    font-size: 5rem;
    font-weight: normal;
    margin-top: 0;
}

.page-template-index-dynamic-2026 .find-program-container .section-intro {
    color: #151515;
    font-size: 1.5rem;
    line-height: 1.6667;
    margin-bottom: 2.3125rem;
}

.page-template-index-dynamic-2026 .hero-search {
    margin: 0 auto;
    max-width: 1200px;
    top: 0 !important;
}

.page-template-index-dynamic-2026 .hero-search select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #FFF;
    border: 2px solid #ccc;
    border-radius: 0;
    color: var(--pace-navy);
    height: auto;
    margin: 0;
    padding: 16px 40px 16px 20px;
    width: 100%;
}

.page-template-index-dynamic-2026 .hero-search select.form-control {
    background-image: linear-gradient(45deg, transparent 50%, #000 50%), linear-gradient(135deg, #000 50%, transparent 50%), linear-gradient(to right, #FFF, #FFF);
    background-position: calc(100% - 20px) calc(1em + 10px), calc(100% - 15px) calc(1em + 10px), 100% 0;
    background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
    background-repeat: no-repeat;
}

.page-template-index-dynamic-2026 .hero-search #aoi-div,
.page-template-index-dynamic-2026 .hero-search #degreeType-div,
.page-template-index-dynamic-2026 .hero-search #program-div,
.page-template-index-dynamic-2026 .hero-search .searchButton-div {
    background: #FFF;
}

.page-template-index-dynamic-2026 .hero-search select[disabled] {
    opacity: .5;
    background: #EEE;
}

.page-template-index-dynamic-2026 .hero-search button[disabled].btn-green:hover {
    background-color: var(--pace-navy);
}

@media (min-width: 992px) and (max-width: 1200px) {
    .page-template-index-dynamic-2026 .find-program-container .btn-primary {
        background-position: 15.3125rem 0;
    }
}

@media (max-width: 992px) {
    .page-template-index-dynamic-2026 .find-program-container h2 {
        font-size: 2.5rem;
        margin-bottom: 1rem;
    }
    .page-template-index-dynamic-2026 .find-program-container .section-intro {
        font-size: 1.25rem;
        line-height: 1.25;
    }
    .page-template-index-dynamic-2026 .hero-search > .row {
        gap: 20px 0;
    }
}

/* Rankings */

.page-template-index-dynamic-2026 .ranking-container {
    background-color: var(--pace-navy);
    padding: 5rem 0;
    overflow: hidden;
}

.page-template-index-dynamic-2026 .ranking-container .section-intro {
    font-family: 'UniformBold-Regular', sans-serif;
    font-size: 1.125rem;
    line-height: 1.938rem;
    margin: 0 auto 2.5rem;
    max-width: 80%;
}

.page-template-index-dynamic-2026 .ranking-container .hero-bg-text {
    bottom: calc(100% - 12.5rem);
}

.page-template-index-dynamic-2026 .ranking-box {
    gap: 5rem;
}

.page-template-index-dynamic-2026 .ranking-box > * {
    flex: 1 0 calc(20% - 2.5rem);
    text-align: left;
}

.page-template-index-dynamic-2026 .ranking-box .ranking {
    justify-content: flex-start;
}

.page-template-index-dynamic-2026 .ranking-box .ranking:after {
    right: -2.5rem;
}

.page-template-index-dynamic-2026 .ranking-box .rank {
    color: var(--white);
    font-size: 3.813rem;
    line-height: 1;
    text-transform: uppercase;
}

@media (max-width: 992px) {
    .page-template-index-dynamic-2026 .ranking-box {
        gap: 3rem;
    }
    .page-template-index-dynamic-2026 .ranking-box > * {
        flex: 1 0 calc(40% - 1.5rem);
    }
    .page-template-index-dynamic-2026 .ranking-box .ranking {
        padding: 0;
    }
    .page-template-index-dynamic-2026 .ranking-box .ranking:after {
        display: none;
    }
    .page-template-index-dynamic-2026 .ranking-box .rank {
        color: var(--pace-gold);
    }
}

@media (max-width: 767px) {
    .page-template-index-dynamic-2026 .ranking-container .hero-bg-text {
        bottom: calc(100% - 18.5rem);
    }
}

@media (max-width: 575px) {
    .page-template-index-dynamic-2026 .ranking-box > * {
        flex: 1 0 100%;
        text-align: center;
    }
}

/* Half Background Section */

.page-template-index-dynamic-2026 .half-bg-left,
.page-template-index-dynamic-2026 .half-bg-right {
    background: #FFF;
}

.page-template-index-dynamic-2026 .half-bg-left .img-box,
.page-template-index-dynamic-2026 .half-bg-right .img-box {
    background: #333;
    height: 100%;
    min-height: 500px;
    width: 100%;
}

.page-template-index-dynamic-2026 .half-bg-left .content-box {
    margin: 5rem auto 5rem 5rem;
    max-width: 748px;
    width: calc(100% - 160px);
}

.page-template-index-dynamic-2026 .half-bg-right .content-box {
    margin: 5rem auto 5rem 0;
    max-width: 748px;
    width: calc(100% - 160px);
}

.page-template-index-dynamic-2026 .half-bg-left .content-box h2,
.page-template-index-dynamic-2026 .half-bg-right .content-box h2 {
    color: #000;
    font-family: 'UniformExtraCondensedBlack-Regular', sans-serif;
    font-size: 4.375rem;
    font-weight: normal;
    line-height: 0.8572;
}

.page-template-index-dynamic-2026 .half-bg-left .content-box p,
.page-template-index-dynamic-2026 .half-bg-right .content-box p {
    color: #555;
    font-size: 1.125rem;
    line-height: 1.938rem;
    margin-bottom: 1.8em;
}

.page-template-index-dynamic-2026 .half-bg-left .content-box p:last-of-type,
.page-template-index-dynamic-2026 .half-bg-right .content-box p:last-of-type {
    margin-bottom: 0;
}

@media (max-width: 1440px) {
    .page-template-index-dynamic-2026 .half-bg-right .content-box {
        margin: 0 auto 0 0;
        width: calc(100% - 5rem);
    }
}

@media (max-width: 1200px) {
    .page-template-index-dynamic-2026 .half-bg-left .content-box {
        margin: 3rem auto 3rem 3rem;
    }
    .page-template-index-dynamic-2026 .half-bg-right .content-box {
        width: calc(100% - 3rem);
    }
}

@media (max-width: 992px) {
    .page-template-index-dynamic-2026 .half-bg-left .content-box {
        max-width: calc(720px - 24px);
        margin: 3rem auto 0;
        width: 100%;
    }
    .page-template-index-dynamic-2026 .half-bg-right .content-box {
        max-width: 100%;
        width: 100%;
        margin: 3rem 0 0;
    }
    .page-template-index-dynamic-2026 .half-bg-left .img-box,
    .page-template-index-dynamic-2026 .half-bg-right .img-box {
        min-height: 300px;
    }
}

@media (max-width: 767px) {
    .page-template-index-dynamic-2026 .half-bg-left .content-box {
        max-width: calc(540px - 24px);
    }
}

@media (max-width: 575px) {
    .page-template-index-dynamic-2026 .half-bg-left .content-box {
        max-width: calc(100% - 24px);
        width: 100%;
    }
}

/* Why Pace - Section */

.page-template-index-dynamic-2026 .full-bg-section.why-pace {
    background: linear-gradient(45deg, rgba(255, 255, 255, .9) 35%, rgba(0, 0, 0, 0) 60%), url(images/hero/hero-why-pace.jpg) center;
    background-size: cover;
}

.page-template-index-dynamic-2026 .full-bg-section .img-box.why-pace {
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url(images/hero/hero-why-pace.jpg) top right;
    background-size: cover;
}

.page-template-index-dynamic-2026 .half-bg-left .img-box.why-pace {
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url(images/home/home-why-pace.jpg) top right;
    background-size: cover;
    background-repeat: no-repeat;
}

/* Find Your Program - Section */

.page-template-index-dynamic-2026 .program-finder-container {
    padding-top: 6.875rem;
    padding-bottom: 5rem;
    overflow: hidden;
}

.page-template-index-dynamic-2026 .program-finder-container .hero-bg-text {
    font-size: 20.75rem;
    -webkit-text-stroke-color: rgba(0, 0, 0, 0.10);
    left: 40%;
    bottom: -55%;
    min-width: 30rem;
}

/* Form Section */

.page-template-index-dynamic-2026 .form-section {
    padding: 5rem 15px;
    position: relative;
    overflow: hidden;
}

/* Schools */

.page-template-index-dynamic-2026 .school-container {
    padding: 5rem 15px;
    /* margin-top: 5rem; */
    background: linear-gradient(90deg, var(--pace-gold) 70%, #FFF 30%);
    position: relative;
    overflow: hidden;
}

.page-template-index-dynamic-2026 .school-container::before {
    background: url(images/texture-lines-desktop.svg) bottom center no-repeat;
    background-size: 100%;
    content: "";
    position: absolute;
    width: 70%;
    height: 100%;
    bottom: 0;
    left: 0;
}

.page-template-index-dynamic-2026 .school-container::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    border-width: 0 0 15.0625rem 8.5625rem;
    border-color: transparent transparent #FFF transparent;
    right: 0;
    bottom: 0;
    left: 65%;
    top: auto;
}

.page-template-index-dynamic-2026 .school-container .school-content {
    z-index: 2;
}

.page-template-index-dynamic-2026 .school-container .tab {
    margin-top: 5rem;
}

.page-template-index-dynamic-2026 .school-container .tablinks {
    font-family: 'UniformExtraCondensedBlack-Regular', sans-serif;
    font-size: 1.625rem;
    line-height: 1;
    display: block;
    background-color: transparent;
    color: #000;
    padding: 0.813rem 1.5625rem;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
}

.page-template-index-dynamic-2026 .school-container .tablinks::after {
    content: "";
    display: inline-block;
    width: 150px;
    height: 52px;
    background: transparent;
    position: absolute;
    right: -150px;
    top: 0;
    z-index: 2;
}

.page-template-index-dynamic-2026 .school-container .tablinks:hover,
.page-template-index-dynamic-2026 .school-container .tablinks.active {
    background-color: var(--pace-navy);
    color: #FFF;
}

.page-template-index-dynamic-2026 .school-container .tablinks.active::after,
.page-template-index-dynamic-2026 .school-container .tablinks:hover::after {
    content: "";
    display: inline-block;
    width: 150px;
    height: 52px;
    background: var(--pace-navy);
    position: absolute;
    right: -150px;
    top: 0;
    z-index: 2;
}

.page-template-index-dynamic-2026 .school-container .tabcontent {
    color: #000;
}

.page-template-index-dynamic-2026 .school-container .tabcontent .school-title {
    font-family: 'UniformBlack-Regular', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
}

.page-template-index-dynamic-2026 .school-container .tabcontent .tabdescription {
    padding-top: 2.1875rem;
    padding-right: 9.375%;
    padding-bottom: 2.1875rem;
    padding-left: 12.5%;
}

.page-template-index-dynamic-2026 .school-container .tabcontent::before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    top: 0;
    position: absolute;
    right: auto;
    bottom: auto;
    left: 0;
    border-width: 14.8125rem 6.9375rem 0 0;
    border-color: var(--pace-gold) transparent transparent transparent;
}

@media (max-width: 1440px) {
    .page-template-index-dynamic-2026 .school-container .tab {
        margin-top: 1rem;
    }
    .page-template-index-dynamic-2026 .school-container .tablinks {
        font-size: 1.25rem;
    }
    .page-template-index-dynamic-2026 .school-container .tablinks::after,
    .page-template-index-dynamic-2026 .school-container .tablinks.active::after,
    .page-template-index-dynamic-2026 .school-container .tablinks:hover::after {
        height: 46px;
    }
}

@media (max-width: 1199px) {
    .page-template-index-dynamic-2026 .school-container {
        background: linear-gradient(90deg, var(--pace-gold) 100%, #FFF 0%);
    }
    .page-template-index-dynamic-2026 .school-container::after {
        left: auto;
    }
    .page-template-index-dynamic-2026 .school-container .tab {
        margin-top: 1rem;
        display: flex;
        flex-wrap: wrap;
    }
    .page-template-index-dynamic-2026 .school-container .tabcontent {
        margin-top: 2.1875rem;
    }
    .page-template-index-dynamic-2026 .school-container .tabcontent::before {
        border-width: 8.0625rem 4.6875rem 0 0;
    }
    .page-template-index-dynamic-2026 .school-container .tablinks {
        flex: 1 1 32%;
        border: 1px solid var(--pace-navy);
        display: inline-block;
        text-align: center;
        margin: 2px;
    }
    .page-template-index-dynamic-2026 .school-container .tablinks::after,
    .page-template-index-dynamic-2026 .school-container .tablinks.active::after,
    .page-template-index-dynamic-2026 .school-container .tablinks:hover::after {
        display: none;
    }
    .page-template-index-dynamic-2026 .school-container .tabcontent .tabdescription {
        padding: 2.1875rem 0 0 0;
    }
}

/* Testimonial - HIDDEN WITH D-NONE */

.page-template-index-dynamic-2026 div[id$='_popover_container'] {
    position: inherit;
}

.page-template-index-dynamic-2026 .home-testimonial {
    margin-top: 5rem;
    text-align: center;
}

.page-template-index-dynamic-2026 .home-testimonial p.name {
    font-weight: 900;
}

.page-template-index-dynamic-2026 .home-testimonial .half-bg-left .content-box,
.page-template-index-dynamic-2026 .home-testimonial .half-bg-right .content-box {
    padding-top: 1.5625rem;
    padding-bottom: 2.5rem;
    padding-right: 12.5%;
    padding-left: 12.5%;
}

.page-template-index-dynamic-2026 .home-testimonial .half-bg-right .img-box.testimonial-jordan {
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url(images/home/jordan.jpg) top center;
    background-size: cover;
}

.page-template-index-dynamic-2026 .home-testimonial .half-bg-left .img-box.testimonial-alphur {
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url(images/home/alphur.jpg) top center;
    background-size: cover;
}

.page-template-index-dynamic-2026 .home-testimonial .half-bg-right .img-box.testimonial-jordan::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    border-width: 1.25rem 0 1.25rem 1.25rem;
    border-color: transparent transparent transparent #FFF;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.page-template-index-dynamic-2026 .home-testimonial .half-bg-left .img-box.testimonial-alphur::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    border-width: 1.25rem 1.25rem 1.25rem 0;
    border-color: transparent #FFF transparent transparent;
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}