/*body {
     background-image: url("https://mtmary.edu/_files/images/_banners/2022_students_arches_banner.jpg");
     background-color: #cccccc;
     background-repeat: no-repeat;
     background-size: 100%;
}
*/
/* Search Field Styles */
 .search-list-item {
     position: relative;
}
 #searchblock {
     position: relative;
    /* Add this to make it the positioning context */
}
 .show-search {
     position: absolute;
     top: 62%;
     left: 10px;
     transform: translateY(-70%);
     z-index: 1;
     pointer-events: none;
    /* Optional: prevents icon from interfering with input clicks */
}
 .queryAutocomplete {
     text-align: right;
     color: #FFF;
     background-color: #222;
     border: none;
     padding: 5px 10px;
     font-size: 16px;
}
 #search-button {
     font-size: 14px;
     text-transform: uppercase;
     font-weight: 600;
     padding: 0 8px;
}
 #search {
     display: flex;
     align-items: stretch;
    /* Makes both inputs the same height */
     gap: 0;
    /* Remove any gap between elements */
}
 .queryAutocomplete, #search-button {
     margin: 0;
    /* Remove any default margins */
     vertical-align: top;
    /* Ensure top alignment */
}
 input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
     background-color: #222 !important;
     -webkit-box-shadow: 0 0 0 1000px #222 inset !important;
     -webkit-text-fill-color: white !important;
    /* Adjust text color as needed */
}
/* For other browsers */
 input:autofill {
     background-color: #222 !important;
}
/* Scrollbar Screenshot fix - It's all about width */
 html, body, header, .main-content, .container-xxl, footer {
     width: 100vw !important;
}
 body{
     font-family:Open Sans,sans-serif;
     font-weight:600;
     overflow-x:hidden;
     width: 100vw;
}
 h1 {
     font-family: "League Gothic", sans-serif;
     font-weight:400;
     font-size:80px;
     line-height:1;
}
 @media only screen and (max-width: 600px){
     h1 {
         font-size:50px;
    }
}
 h2, h3 {
     font-family: "League Gothic", sans-serif;
     font-weight:400;
     font-size:60px;
}
 @media only screen and (max-width: 600px){
     h2, h3 {
         font-size:40px;
    }
}
 h4 {
     font-family: Open Sans, sans-serif;
     font-weight:600;
     font-size:30px;
}
 @media only screen and (max-width: 600px){
     h4 {
         font-size:20px;
    }
}
 .button{
     font-family:Open Sans, sans-serif;
     font-weight: 800;
     font-size: 30px;
}
 @media only screen and (max-width: 600px){
     .button{
         font-family:Open Sans, sans-serif;
         font-weight: 800;
         font-size: 30px;
    }
}
 .navbar-dark .navbar-toggler {
     color: rgba(255,255,255,.5);
     border: none;
}
 @media only screen and (min-width: 992px){
     .navbar-dark .navbar-toggler {
         display:none !important;
    }
}
 .navbar-dark .navbar-nav .nav-link {
     color: white;
     font-weight: bold;
     text-transform: uppercase;
}
 .navbar {
     padding:0rem 1rem !important;
}
 @media only screen and (max-width: 600px){
     .navbar {
         padding:.5rem 0rem !important;
    }
}
 .dropdown-toggle::after {
     display: none;
}
 .overlay {
     height: 100%;
     width: 100vw;
     display: none;
     position: fixed;
     z-index: 200;
     top: 0;
     left: 0;
     background-color: rgb(0, 0, 0);
     background-color: rgba(0, 0, 0, 0.9);
}
 .overlay-content {
     position: relative;
    /* top: 25%;
     */
     width: 100%;
     text-align: center;
     margin-top: 0px;
}
 .overlay a {
     padding: 8px;
     text-decoration: none;
     font-size: 26px;
     color: #fff;
     display: block;
     transition: 0.3s;
     font-weight: bold;
}
 @media only screen and (max-width: 600px){
     .overlay a {
         font-size:20px !important;
    }
     .mmu-nav{
         flex-direction:row;
         width:100%;
         padding: 25px 0px !important;
    }
     #mobileNav .overlay-menu h3 {
         font-size: 22px;
    }
     .program-callout-text, .cta-callout-text h1{
         color: #fff;
         text-transform: uppercase;
         margin-bottom: 1rem;
         text-align: center !important;
         padding-right:0px !important;
         font-size:45px !important;
    }
}
 .overlay a:hover, .overlay a:focus {
     color: #f1f1f1;
}
 @media screen and (min-width: 900px) and (max-width: 992px) {
     .desktop-nav li:not(:last-child) a {
         display: none;
    }
     .navbar-brand{
         width:65% !important;
    }
     .mmu-nav {
         background-color:transparent !important;
    }
     .tall-hero-bgimg {
         background-size: cover;
         background-position: 50% 50% !important;
         padding: 100px 0px;
         background-repeat: no-repeat;
    }
     .tall-hero-copy {
         padding-left: 5%;
         max-width: 60% !important;
    }
     .subtopic-row .row {
         justify-content: space-evenly;
         margin-top: 0px !important;
         margin-bottom: 0px !important;
    }
     .utility {
         display:none;
    }
     .mobileFooter{
         display:block;
    }
     .mainFooter{
         display:none;
    }
     .navigation-bg {
         background-color:#003f72;
         background-image:none !important;
         background-size:100%;
         z-index:1;
    }
     .navbar img {
         width:90% !important;
    }
     .overlay-header{
         padding:10px 0px 0px 0px !important;
    }
     .overlay-content{
         margin-top:0px;
    }
     .overlay-header .navbar-brand{
         width:45% !important;
    }
     .overlay {
         position: fixed;
         overflow:scroll;
    }
     .mmu-nav{
         flex-direction:row;
         width:100%;
         padding: 25px 0px !important;
         justify-content:center;
    }
     .mmu-nav .nav-link {
         padding: 0px 40px !important;
    }
     .overlay-menu{
         padding: 30px 10px 30px 20px !important;
    }
     .overlay-menu ul {
         width:100%;
    }
     #mobileNav .overlay-menu h3 {
         font-size: 26px !important;
         color: #003f72;
         text-transform: uppercase;
         text-align: left;
         font-weight: bolder;
         padding-bottom: 20px;
         border-bottom: #003f72 3px dashed;
         width: 100%;
    }
     #mobileNav .overlay-menu li {
         padding: 25px 0px 0px 0px 
    }
     .desktop-nav{
         display:none;
    }
     .icon-circle {
         width: 75px;
         height: 75px;
         border-radius: 50%;
         background-color: #fff;
         display: flex;
         justify-content: center;
         align-items: center;
         color: #003f72;
         margin-top: -85px !important;
         position: relative;
         margin-left: 0px;
         font-size: 2rem;
         float: right;
    }
     #column-content .section-title {
         font-weight: normal;
         padding-bottom: 20px;
         padding-top: 0px;
         text-transform: uppercase;
         font-size: 2.5rem;
    }
     #column-content .ctas-list--content {
         margin: 40px 0 30px;
    }
     #column-content .button.gold {
         border-radius: 1rem;
         font-size: 18px;
         padding: 1rem 3rem;
         min-width: 80%;
    }
     .program-column {
         background-color: #003f72 !important;
         min-height: 0px;
    }
     #column-content {
         position: relative;
         padding: 45px 20px 25px 20px !important;
         max-height: 400px;
         min-height: 200px;
    }
     .button.program{
         float:none !important;
         margin: 0px !important;
         min-width: 200px !important;
    }
     .closemenu {
         padding-left: 45px !important;
         border-left: solid;
         padding-right: 20px !important;
    }
}
 @media only screen and (max-width: 900px){
     .utility {
         display:none;
    }
     .mobileFooter{
         display:block;
    }
     .mainFooter{
         display:none;
    }
     .navigation-bg {
         background-color:#003f72;
         background-image:none !important;
         background-size:100%;
         z-index:1;
    }
     .navbar img {
         width:90% !important;
    }
     .navbar-brand{
         margin-right:0px;
         padding-right:0px;
         width:65% !important;
    }
     body{
         background-position:0px 80px;
         background-repeat:repeat-x;
    }
     .overlay-header{
         padding:10px 0px 0px 0px !important;
    }
     .overlay-content{
         margin-top:0px;
    }
     .overlay-header .navbar-brand{
         width:65% !important;
    }
     .overlay {
         position: fixed;
         overflow:scroll;
    }
     .mmu-nav{
         flex-direction:row;
         width:100%;
         padding: 25px 0px !important;
         justify-content:center;
    }
     .mmu-nav .nav-link {
         padding: 0px 40px;
    }
     .overlay-menu{
         padding: 30px 10px 30px 20px !important;
    }
     .overlay-menu ul {
         width:100%;
    }
     #mobileNav .overlay-menu h3 {
         font-size: 26px !important;
         color: #003f72;
         text-transform: uppercase;
         text-align: left;
         font-weight: bolder;
         padding-bottom: 20px;
         border-bottom: #003f72 3px dashed;
         width: 100%;
    }
     #mobileNav .overlay-menu li {
         padding: 25px 0px 0px 0px 
    }
     .desktop-nav{
         display:none;
    }
     .icon-circle {
         float: right !important;
         margin-top: -85px !important;
         z-index: 1;
         margin-left:0px !important;
         width: 75px !important;
         height: 75px !important;
         font-size: 2rem !important;
    }
     #col-padding{
         padding:5px 0px !important;
    }
     .button.program{
         float:none !important;
         margin: 0px !important;
         min-width: 200px !important;
    }
     .acc-desktop{
         display:none;
    }
     .acc-mobile{
         display:block;
         padding-left: 20px !important;
         padding-right: 20px !important;
    }
     .accordion .btn-link::after {
         font-size:2rem !important;
    }
     .accordion {
         padding-left: 20px !important;
         padding-right: 20px !important;
         margin-top: 20px !important;
         margin-bottom:20px !important;
         padding-bottom:0px !important;
    }
     .banner-title-mobile .accordion {
         padding-left: 20px !important;
         padding-right: 20px !important;
         margin-top: 20px !important;
         margin-bottom: 20px !important;
         padding-bottom:0px !important;
    }
     .accordion .btn-link {
         font-size:2rem !important;
         padding: 1rem 0rem !important;
    }
     #subpage-banner {
         height:400px !important;
         background-size:cover !important;
         margin-top: 90px;
         margin-bottom: 0px !important;
    }
     #column-content{
         position:relative;
         padding: 75px 20px 25px 20px !important;
    }
     #column-content ul{
         padding-left:0px !important;
    }
     #column-content .cta-area{
         position:absolute;
         bottom:0;
         width:100% !important;
    }
     .program-callout-text, .cta-callout-text {
         padding-right:0px !important;
         padding-left: 0px !important;
         width:100%;
    }
     .program-callout-text, .cta-callout-text h1{
         color: #fff;
         text-transform: uppercase;
         margin-bottom: 1rem;
         text-align: center !important;
         padding-right:0px !important;
         font-size:60px !important;
    }
     .program-callout, .cta-callout {
         margin-top: 20px;
         background: #398BA7;
         text-align:center;
    }
     .program-callout .button {
         font-size: 18px !important;
         padding: 1rem 0.75rem !important;
         min-width:350px !important;
         margin:10px 5px !important;
    }
     .short-btn {
         display: inline-block !important;
         min-width: 40% !important;
         max-width: 50%;
         font-size: 18px !important;
    }
     .long-btn {
         display:none !important;
    }
     .program-callout .col-md-4 {
         width:100% 
    }
     .container{
         min-width:90% !important;
    }
     .quad-container {
         display:none;
    }
     .quad-container-mobile {
         display:block !important;
    }
}
 @media screen and (max-height: 450px) {
     .overlay a {
         font-size: 20px 
    }
     .overlay .closebtn {
         font-size: 40px;
         top: 15px;
         right: 35px;
    }
}
 @media only screen and (max-width: 600px) {
     #mobileNav .closebtn {
         padding-right:20px;
    }
     #subpage-banner {
         height:250px !important;
         background-size: cover !important;
         margin-top: 30px;
         margin-bottom: 0px;
    }
     .overview-page #subpage-banner {
         height:250px !important;
         background-size: cover !important;
         margin-top: 60px;
         margin-bottom: 0px;
    }
}
 @media screen and (min-width: 600px) and (max-width: 900px) {
     .overlay a {
         font-size: 30px !important;
         padding-right: 30px;
    }
}
 @media only screen and (max-width: 1020px){
     .mmu-nav{
         font-size:20px !important;
    }
     .navbar-brand{
         width: 30%;
    }
     .navbar img {
         width:90%;
    }
}
 @media only screen and (max-width: 1165px) {
     .navbar-brand{
         width: 30%;
    }
}
 @media (min-width: 992px) {
     .mobileFooter{
         display:none;
    }
     .mainFooter{
         display:block;
    }
}
 @media (min-width: 1024px) {
     .acc-desktop{
         display:block !important;
    }
     .acc-mobile{
         display:none !important;
    }
}
 @media (min-width: 900px) {
     .acc-desktop{
         display:none;
    }
     .acc-mobile{
         display:block;
    }
}
 @media only screen and (max-width: 1440px){
     .mmu-nav{
         font-size:24px !important;
    }
     .navbar-brand{
         width: 25%;
    }
     .navbar img {
         width:90%;
    }
     .container-xxl .nav-item {
         padding: 0px 5px;
    }
     .overlay-menu{
         padding:40px 30px !important;
    }
     .overlay-menu h3 {
         font-size:22px !important;
    }
     .overlay a{
         font-size:22px;
    }
}
 .container-xxl {
     margin-left: 0px !important;
     margin-right: 0px !important;
     max-width: none;
}
 .container-xxl .nav-item {
     padding: 0px 10px;
}
 @media only screen and (min-width: 600px) {
     .closemenu {
         padding-left: 45px !important;
         border-left: solid;
    }
     .overlay-menu .nav-item {
         width: 20%;
    }
}
 .last {
     padding-right: 45px !important;
}
 .overlay-header{
     background-color: #003f72;
     padding: 30px;
}
 .overlay-footer{
     background-color: #003f72;
     padding: 20px 5px 20px 5px;
     text-align: left;
}
 @media only screen and (mix-width: 900px) {
     .overlay-footer {
         justify-content:center !important;
    }
     .overlay-footer .navbar-nav {
         flex-direction: row !important;
    }
}
 .overlay-footer .nav-link{
     padding:15px;
}
 .overlay-menu {
     background-color: #fff;
     padding: 60px 40px !important;
}
 .overlay-menu h3 {
     font-size: 22px;
     color: #003f72;
     text-transform: uppercase;
     text-align: left;
     font-weight: bolder;
     padding-bottom: 25px;
     border-bottom: #003f72 3px dashed;
     width: 90%;
}
 .overlay-menu a {
     color: black !important;
     font-size: 16px;
     padding: 5px 5px 5px 0px !important;
}
 .overlay-menu ul {
     padding-left: 0px;
}
 .overlay-menu li {
     list-style: none;
     text-align: left;
}
 .overlay-menu .nav-item ul {
     padding-top: 15px;
     width: 90%;
}
 @media only screen and (max-width: 992px) {
     .overlay-menu .nav-item {
         width: 100% !important;
    }
}
 @media only screen and (min-width: 1441px) {
     .navbar img{
         width:350px;
    }
}
 .utility {
     margin-right:40px;
     padding-bottom:0px;
     margin-bottom:0px;
}
 .utility ul{
     font-size: 18px;
     font-weight: bold;
     color: white;
     display: flex;
     justify-content: right;
     list-style-type: none;
     margin-bottom: 0px;
}
 .utility .nav-link {
     font-size: 1.2rem;
     padding:.5rem;
}
 .navigation-bg{
     background-image: linear-gradient(to bottom, rgb(0 63 114), rgba(0, 0, 0, 0));
     position: absolute;
}
 .separate{
     border-left: solid 4px #fff;
     border-right:solid 4px #fff;
     padding-left: 20px !important;
     padding-right: 20px !important;
}
 @media only screen and (max-width: 900px) {
     .separate {
         padding-left: 40px !important;
         padding-right: 40px !important;
    }
}
 .mmu-nav{
     background-color:#3e96b4;
     padding:10px 50px;
     font-size:28px;
     color: white;
     text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
     z-index:100;
}
 @media only screen and (max-width: 1165px) {
     .mmu-nav {
         background-color: #3e96b4;
         padding: 10px 30px;
         font-size: 28px;
         color: white;
         text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
         z-index: 100;
    }
}
 #footer {
     position: relative;
     font-family: sans-serif;
     height: 20%;
     background-color: #003f72;
     color: white;
     display: grid;
     padding: 20px 50px;
     grid-template-columns: 2fr 0.9fr 0.7fr 0.2fr 1.2fr;
     grid-template-rows: 1.9fr 0.1fr;
     grid-template-areas: "logo product resource resource business" "social social . design design";
}
 #mainNav li {
     list-style: none;
     padding-top: 1%;
     font-size: 1.5rem;
     color:#fff;
}
 @media only screen and (max-width: 1165px){
     #mainNav li {
         list-style: none;
         padding: 1% 1%;
         font-size: 1.2rem;
         color: #fff;
    }
}
 #mainNav {
     min-height:300px;
}
 @media only screen and (max-width: 600px){
     #mainNav {
         min-height:0px;
    }
}
 @media only screen and (max-width: 992px){
     #mainNav {
         min-height:0px;
         margin-top: -1px;
    }
}
 .mainFooter li {
     list-style: none;
     padding-top: 2%;
     color:#fff;
}
 .flex {
     display: flex;
}
 #footer li a {
     color: #065299;
     text-decoration: none;
}
 @media only screen and (max-width: 992px){
     #mobileNav .container {
         max-width: 100%;
         padding: 0px;
    }
}
 .logo {
     display: flex;
     flex-direction: column;
     justify-content: flex-start;
     grid-area: logo;
     padding-left: 1rem;
     padding-top: .5rem;
}
 .img {
     padding-top: .5rem;
     width: 60%;
     padding-bottom:3rem;
}
 .mmu-address{
     color: #fff;
     padding-left:15px;
     margin-top:25px;
}
 .logo h4 {
     line-height: 1rem;
     margin-left: 2rem;
}
 .tall-hero-bgimg{
     background-size: auto;
     background-position: 44% 48%;
     padding: 100px 0px;
     background-repeat: no-repeat;
}
 @media only screen and (max-width: 600px){
     .tall-hero-bgimg {
         background-position: center 20%;
         background-repeat: no-repeat;
         padding: 0px !important;
         background-size: 200%;
    }
}
 @media only screen and (max-width: 900px){
     .tall-hero-bgimg {
         background-size: cover;
         background-position: 50% 50%;
         padding: 100px 0px;
         background-repeat: no-repeat;
    }
}
 .tall-hero-heading-primary{
     margin-top: 50%;
     color: #fff;
     text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.7);
     text-transform: uppercase;
     margin-left:10px;
     font-size: 90px;
}
 @media only screen and (max-width: 600px){
     .tall-hero-heading-primary {
         margin-top: 70% !important;
         color: #fff;
         text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.7);
         text-transform: uppercase;
         font-size: 50px !important;
         margin-left: 0px;
    }
}
 .tall-hero-cta-list li{
     float:left;
     margin:10px;
}
 @media only screen and (max-width: 600px){
     .tall-hero-cta-list li{
         float: left;
         margin: 10px 10px 10px 0px;
    }
}
 @media only screen and (max-width: 600px){
     .tall-hero-cta-list{
         margin-bottom:0px;
    }
}
 .tall-hero-copy{
     padding-left:5%;
     max-width:45%;
}
 @media only screen and (max-width: 600px){
     .tall-hero-copy {
         padding-left: 0px !important;
         max-width: 100% !important;
    }
}
 @media only screen and (max-width: 900px){
     .tall-hero-copy {
         padding-left: 5%;
         max-width: 90% !important;
    }
}
 .tall-hero-cta {
     padding-left: 5%;
}
 @media only screen and (max-width: 600px){
     .tall-hero-cta {
         display:flex;
         justify-content:left;
         padding-left:0px !important;
         padding-bottom:0px !important;
    }
}
 .tall-hero-copy p{
     color: #fff;
     text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.7);
     margin:10px;
     font-size:1.4rem;
}
 .tall-hero-copy h4{
     color: #fff;
     text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.7);
     margin:10px;
     font-size:30px !important;
     font-weight:600 !important;
}
 @media only screen and (max-width: 600px){
     .tall-hero-copy h4{
         color: #fff;
         text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.7);
         margin: 10px 0px 10px 0px;
         font-size:20px !important;
         font-weight:600 !important;
    }
}
 @media only screen and (max-width: 600px){
     .tall-hero-copy p {
         color: #fff;
         text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.7);
         margin: 10px;
         font-size: 1rem !important;
    }
}
/*.homepage-container{
     max-width:90%;
}
 */
 .banner-container {
     position:absolute;
     bottom:0;
}
 .home-cta-row {
     padding-bottom:20px;
}
 @media only screen and (max-width: 600px){
     .homepage-container {
         min-height: 100%;
         margin-left: 20px;
         margin-right: 20px;
    }
}
 @media only screen and (max-width: 600px){
     .banner-container {
         display: flex;
         flex-direction: column;
    }
}
 @media only screen and (max-width: 600px){
     .banner-row {
         margin-top: auto;
         display: flex;
         padding-bottom:30px;
    }
}
 .tall-hero-cta-list .button.gold {
     -webkit-transition: all .25s ease-in-out;
     transition: all .25s ease-in-out;
     border-radius: 1rem;
     color: #003f72;
     display: inline-block;
     font-family: Open Sans,sans-serif;
     font-size: 1.2rem;
     font-weight: 800;
     padding: .75rem 2rem;
     text-decoration: none;
     text-transform: uppercase;
     background-color: #ffc72a;
     min-width: 240px;
     text-align: center;
}
 @media only screen and (max-width: 600px){
     .tall-hero-cta-list .button.gold {
         -webkit-transition: all .25s ease-in-out;
         transition: all .25s ease-in-out;
         border-radius: 1rem;
         color: #003f72;
         display: inline-block;
         font-family: Open Sans,sans-serif;
         font-size: 0.85rem !important;
         font-weight: 800;
         padding: .75rem 0rem;
         text-decoration: none;
         text-transform: uppercase;
         background-color: #ffc72a;
         text-align: center;
         min-width: 145px !important;
    }
}
 .tall-hero-cta-list .button.ghost{
     -webkit-transition:all .25s ease-in-out;
     transition:all .25s ease-in-out;
     border-radius: 1rem;
     color:#003f72;
     display:inline-block;
     font-family:Open Sans,sans-serif;
     font-size:1.2rem;
     font-weight:800;
     padding:.75rem 2rem;
     text-decoration:none;
     text-transform:uppercase;
     background-color:#fff;
     min-width: 240px;
     text-align:center;
}
 @media only screen and (max-width: 600px){
     .tall-hero-cta-list .button.ghost {
         -webkit-transition: all .25s ease-in-out;
         transition: all .25s ease-in-out;
         border-radius: 1rem;
         color: #003f72;
         display: inline-block;
         font-family: Open Sans,sans-serif;
         font-size: 0.85rem !important;
         font-weight: 800;
         padding: .75rem 0rem;
         text-decoration: none;
         text-transform: uppercase;
         background-color: #fff;
         border: none;
         min-width: 155px !important;
         text-align: center;
    }
}
 .banner {
     background-size: cover;
     background-position: center center;
     background-repeat: no-repeat;
     height:700px;
     position:relative;
}
 @media only screen and (max-width: 600px){
     .banner{
         background-size:auto !important;
         height:500px !important;
    }
}
 .banner-copy.right {
     padding-right: 5%;
     max-width: 60%;
     float: right;
     padding-left:0px !important;
     text-align:right;
     padding-top:20%;
}
 @media only screen and (max-width: 600px){
     .banner-copy.right {
         padding-right: 0px !important;
         max-width: 100% !important;
         float:none !important;
         padding-left: 0px !important;
         text-align:left !important;
    }
}
 .banner-copy {
     padding-left: 5%;
     max-width: 50%;
     padding-top:20%;
}
 @media only screen and (max-width: 600px){
     .banner-copy {
         padding-left: 0px !important;
         max-width: 100% !important;
         padding-bottom: 10px;
    }
}
 @media only screen and (max-width: 900px){
     .banner-copy {
         max-width: 90% !important;
    }
}
 .banner-block-header{
     color: #fff;
     text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.7);
     text-transform: uppercase;
     margin-left: 10px;
}
 @media only screen and (max-width: 600px) {
     .banner-block-header {
         margin-left: 0px !important;
    }
}
 .header-shadow {
     text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.7);
}
 @media only screen and (max-width: 600px){
     .banner-copy {
         padding-left: 0px !important;
         max-width: 100% !important;
    }
}
 .banner-copy h4 {
     color:#fff;
     text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.7);
     margin: 0px 0px 0px 10px;
}
 @media only screen and (max-width: 600px){
     .banner-copy h4 {
         font-size: 20px !important;
         margin-left: 0px !important;
    }
}
 .banner-copy p {
     color: #fff;
     text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.7);
     margin: 10px;
     font-size: 1.4rem;
}
 @media only screen and (max-width: 600px){
     .banner-copy p {
         color: #fff;
         text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.7);
         margin: 10px;
         font-size: 1rem;
    }
}
 .banner-block{
     margin-top:20px;
     height:700px;
}
 @media only screen and (max-width: 600px){
     .banner-block{
         height:500px !important;
    }
}
 .tall-hero-cta.right {
     float:right;
     padding-right: 5%;
     padding-top:1%;
}
 @media only screen and (max-width: 600px){
     .tall-hero-cta.right{
         float:none !important;
         padding-right:0px !important;
         padding-bottom:0px !important;
    }
}
 .subtopic-row{
     margin-top:20px;
     margin-bottom:10px;
}
 .subtopic-row .row{
     justify-content: space-evenly;
     margin-top:20px;
     margin-bottom: 20px;
}
 @media only screen and (max-width: 900px){
     .subtopic-row .row{
         justify-content: normal !important;
         margin-top:0px !important;
         margin-bottom: 0px !important;
    }
}
 .subtopic-row .container{
     max-width: 100%;
     margin-left:0px;
     margin-right:0px;
}
 .block {
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
     height: 550px;
     max-width: 48%;
     padding-left: 0px;
     padding-right: 0px;
     position:relative;
}
 @media only screen and (max-width: 600px){
     .block {
         max-width: 100% !important;
         margin-top: 10px;
         margin-bottom: 10px;
         height: 400px;
         background-size: 170%;
         background-position: 50% 65%;
    }
}
 @media only screen and (max-width: 1035px){
     .block {
         background-size: cover;
         background-repeat: no-repeat;
         background-position: center;
         height: 550px;
         padding-left: 0px;
         padding-right: 0px;
         position: relative;
         width: 100% !important;
         margin-bottom: 20px;
         max-width:100% !important;
    }
     .text-block {
         width:45%;
    }
}
 .text-block.light{
     background-color: rgba(62, 150, 180, .75);
}
 .text-block.dark{
     background-color: rgba(0, 63, 114, .75);
}
 .text-block {
     height: 45%;
     padding: 25px 40px 0px 40px;
     margin-top: 302px;
     width:75%;
}
 @media only screen and (max-width: 1242px){
     .text-block {
         width: 100%;
         height: 45%;
         padding: 25px 40px 0px 40px;
         margin-top: 302px;
         width: 85%;
    }
}
 @media only screen and (max-width: 1100px){
     .text-block {
         width: 100%;
         height: 45%;
         padding: 25px 40px 0px 40px;
         margin-top: 302px;
         width: 90%;
    }
}
 @media only screen and (max-width: 600px){
     .text-block {
         padding: 15px 10px 0px 10px !important;
         height: 45%;
         width: 80%;
         position:absolute;
         bottom:0;
    }
}
 .text-block p {
     color: #fff;
     padding-left: 10px;
     font-size: 18px;
     line-height:1.25;
}
 @media only screen and (max-width: 600px){
     .text-block p {
         font-size: 18px;
         line-height:1;
    }
}
 .text-block .button.gold {
     border-radius: 1rem;
     font-size:1.25rem;
     min-width:300px;
     text-align: center;
     padding:.75rem 1.6rem;
}
 @media only screen and (max-width: 600px){
     .text-block .button.gold {
         border-radius: 1rem;
         font-size:.90rem;
         min-width:200px;
         text-align: center;
         padding:.75rem 1.6rem;
    }
}
 .block-heading {
     color: #fff;
     text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
     text-transform: uppercase;
     margin-left: 10px;
     font-size:50px;
}
 @media only screen and (max-width: 600px){
     .block-heading {
         font-size: 2.2rem !important;
    }
}
 .block-btn {
     position: absolute;
     bottom: 0;
     padding-bottom: 20px;
}
 @media only screen and (max-width: 600px){
     .block-btn {
         position: absolute;
         bottom: 0;
         padding-bottom: 20px;
    }
}
 .breadcrumb {
     background-color:#fff !important;
     padding:0px !important;
     margin-bottom:.5rem;
     text-transform: uppercase;
     color:#003f72;
     font-family: "League Gothic", sans-serif;
     font-size: 22px;
     font-weight: 400;
     text-decoration: none;
}
 .wide-title-container .breadcrumb-item.active {
     color: #fff !important;
}
 .wide-title-container .breadcrumb-item + .breadcrumb-item::before {
     float: left;
     padding-right: var(--bs-breadcrumb-item-padding-x);
     color: #fff;
     content: var(--bs-breadcrumb-divider, "/");
}
 @media only screen and (max-width: 900px){
     .breadcrumb-item.active {
         color: #fff !important;
    }
     .breadcrumb {
         background-color: #003f72 !important;
         padding: 0px 0px 0px 10px !important;
         margin-bottom: 0rem;
         text-transform: uppercase;
         color: #fff;
    }
}
 @media only screen and (max-width: 1060px){
     .secondary-page .breadcrumb-item.active {
         color: #fff !important;
    }
     .secondary-page .breadcrumb {
         background-color: #003f72 !important;
         padding: 0px 0px 0px 10px !important;
         margin-bottom: 0rem;
         text-transform: uppercase;
         color: #fff !important;
    }
     .secondary-page .breadcrumb-item + .breadcrumb-item::before {
         float: left;
         padding-right: var(--bs-breadcrumb-item-padding-x);
         color: #fff !important;
         content: var(--bs-breadcrumb-divider, "/");
    }
}
 .wide-title-container .breadcrumb{
     background-color: #003f72 !important;
     padding: 0px 0px 0px 5px !important;
     margin-bottom: .5rem;
     text-transform: uppercase;
     color: #fff;
}
 .wide-title-container .breadcrumb-mobile{
     background-color: #003f72 !important;
     padding: 0px 0px 0px 5px !important;
     margin-bottom: .5rem;
     text-transform: uppercase;
     color: #fff;
}
 .wide-title-container .breadcrumb a {
     color:#fff;
     text-decoration: none;
}
 .wide-title-container .breadcrumb-mobile a {
     color:#fff;
}
 .breadcrumb-mobile {
     display:none;
}
 @media (max-width: 900px) {
     .overview-page .breadcrumb-mobile {
         display:block !important;
    }
}
 @media (max-width: 900px) {
     .breadcrumb-mobile {
         display:block !important;
    }
     .wide-title-container .breadcrumb .breadcrumb {
         display: none;
    }
}
 .title-container {
     background-color: #003f72;
     padding: 60px 50px;
     text-align: left;
     position: relative;
     top: -190px;
     color: #fff;
}
 .secondary-page .title-container {
     padding: 60px 0px 60px 5%;
}
 @media (max-width: 600px) {
     .secondary-page .title-container {
         padding:40px 0px 40px 5%;
         top: -75px;
    }
}
 @media (max-width: 900px) {
     .secondary-page .title-container {
         background-color: #003f72;
         padding: 40px 0px 40px 5%;
         text-align: left;
         position: relative;
         top: -75px;
         color: #fff;
    }
     .secondary-page .banner-title-mobile .container {
         padding: 0px;
    }
     .secondary-page .title-acc {
         background-color: #003f72;
         padding: 0px 5% 0px 5%;
         text-align: left;
         position: relative;
         top: 0px;
         color: #fff;
    }
}
 .secondary-page .title-acc .accordion .btn-link::after {
     top: 15% !important;
}
 @media only screen and (max-width: 900px) {
     .secondary-page .accordion .btn-link {
         font-size: 2.5rem !important;
         padding: 0px !important;
    }
}
 @media (min-width: 900px) {
     .secondary-page .banner-title .cta {
         padding-top: 2rem;
    }
     .secondary-page .title-container {
         background-color: #003f72;
         padding: 60px 0px 60px 5%;
         text-align: left;
         position: relative;
         top: -190px;
         color: #fff;
    }
     .secondary-page .two-column-img-quote .testimonial-img {
         max-height: 500px;
         width: 100%;
         object-fit: cover;
         object-position: center;
    }
}
 @media screen and (min-width: 900px) and (max-width: 1260px) {
     .secondary-page .page-title .col-lg-4 {
         width: 41.6666667%;
    }
     .secondary-page .banner-title .col-lg-8 {
         width: 58.33333333%;
    }
}
 @media (max-width: 768px) {
     .title-container {
         background-color: #003f72;
         padding: 40px 30px;
         text-align: left;
         position: relative;
         top: -75px;
         color: #fff;
    }
}
 .wide-title-container {
     background-color: #003f72;
     padding: 40px 0px 40px 5%;
     text-align: left;
     position: relative;
     color: #fff;
}
 @media (max-width: 768px) {
     .wide-title-container {
         background-color: #003f72;
         padding: 20px 10px;
         text-align: left;
         position: relative;
         top: 0px !important;
         color: #fff;
    }
}
 @media only screen and (max-width: 900px) {
     .wide-title-container {
         background-color: #003f72;
         padding: 20px 10px;
         text-align: left;
         position: relative;
         top: 0px;
         color: #fff;
         width:100%;
    }
}
 @media only screen and (max-width: 900px) {
     .about-page .page-title {
         margin-top:0px !important;
    }
}
 .about-title {
     max-width: 100% !important;
     padding-left: 20px;
}
 .about-title h1 {
     text-transform: uppercase;
     padding-left: 0px;
}
 @media only screen and (max-width: 900px) {
     .about-title h1 {
         font-size: 42px;
    }
}
 .about-title p {
     font-size: 20px;
     margin-top: 1rem;
     margin-bottom: 0rem;
}
 @media only screen and (max-width: 900px) {
     .about-title p {
         font-size: 18px;
         margin-top: 1rem;
         margin-bottom: 0rem;
    }
}
 .title-acc {
     background-color: #003f72;
     padding: 0px 5% 0px 5%;
     text-align: left;
     position: relative;
     top: 0px;
     color: #fff;
}
 .title-acc .accordion .btn-link[aria-expanded="true"]::after {
     color: #fff;
}
 .title-acc .accordion .btn-link[aria-expanded="true"] {
     color: #fff;
}
 .title-acc .accordion .btn-link::after {
     color: #fff !important;
     display: block;
     position: absolute;
     top: 25%;
     right: 1rem;
     height: 1.6rem;
     width: 1.6rem;
     z-index: -1;
}
 .title-acc .accordion .btn-link {
     color: #fff;
     position: relative;
     text-align: left;
     white-space: normal;
     width: 100%;
     z-index: 0;
     text-transform: uppercase;
}
 .title-acc .accordion .card-body {
     padding: 0px !important;
}
 .title-acc .card-header{
     padding: 0rem 1rem;
     margin-bottom: 0;
     background-color: rgb(0, 63, 114);
     border: none;
}
 .title-acc .accordion {
     padding-bottom: 50px;
     margin-top: 20px;
}
 .banner-title-mobile {
     display:none;
}
 .title-acc .btn-link:hover {
     color: #FFF !important;
}
 .banner-title-mobile .cta .button.gold {
     -webkit-transition: all .25s ease-in-out;
     transition: all .25s ease-in-out;
     border-radius: 1rem;
     color: #003f72;
     display: inline-block;
     font-family: Open Sans,sans-serif;
     font-size: 1.3rem;
     font-weight: 800;
     padding: .75rem 6rem;
     text-decoration: none;
     text-transform: uppercase;
     background-color: #ffc72a;
     text-align: center;
}
 .quad-container-mobile {
     display:none;
}
 .banner-title #subpage-banner{
     height:550px;
     margin-bottom:25px;
}
 @media (max-width: 768px) {
     .banner-title-mobile #subpage-banner{
         margin-bottom: 0px;
         background-size: 160%;
         background-position: 60% 190%;
    }
}
 @media screen and (min-width: 600px) and (max-width: 1060px) {
     .secondary-page #subpage-banner {
         height:400px !important;
         background-size:cover !important;
         margin-top: 90px;
         margin-bottom: 0px !important;
    }
}
 @media (max-width: 1040px) {
     .secondary-page .banner-title-mobile .col-lg-8 {
         flex: 0 0 auto;
         width: 100%;
    }
}
 .wide-banner-title #subpage-banner {
     height: 650px;
     margin-bottom: 25px;
     background-size: cover !important;
     background-position: 10% 10%;
}
 .wide-banner-title {
     height: auto;
}
 .wide-banner-title .page-title {
     margin-top: -100px;
}
 @media (max-width: 768px) {
     .wide-banner-title {
         height: auto;
    }
}
 @media (max-width: 768px) {
     .intro-img-mobile {
         margin-left: 15%;
         padding: 0px 0px 20px 0px;
    }
}
 .intro-img-mobile {
     margin-top: auto;
     margin-bottom: auto;
}
 .wide-banner-title h2 {
     text-transform: uppercase;
     padding-left: 10px;
}
 .banner-title h2 {
     text-transform: uppercase;
     padding-left: 10px;
}
 .banner-title-mobile h2 {
     text-transform: uppercase;
     padding-left: 0px;
}
 .banner-title-mobile .arrow-list li {
     font-size: 20px;
     text-transform: uppercase;
     padding: 10px 0px;
}
 .banner-title .container {
     padding-right:10%;
}
 .banner-title {
     height:1150px;
}
 @media (max-width: 768px) {
     .banner-title-mobile {
         height: auto;
         padding-bottom: 20px;
    }
}
 @media (max-width: 1060px) {
     .banner-title-mobile {
         display:block !important;
    }
     .banner-title {
         display:none;
    }
}
 @media (max-width: 768px) {
     .page-title{
         padding-bottom:0px;
    }
}
 .arrow-list {
     border-top: 2px dotted #fff;
     padding-top: 20px;
     list-style: none;
     margin-left: 0px;
     padding-left: 0px;
     color: #fff;
}
 .arrow-list li {
     font-size: 20px;
     text-transform: uppercase;
     padding: 20px 0px;
}
 .arrow-list a {
     color: #fff;
     text-decoration:none;
     font-family: "League Gothic", sans-serif;
     font-weight: 400;
     font-size: 30px;
}
 .arrow-bullet {
     padding-right:20px;
}
 .page-intro-text h3{
     color: #003f72;
     text-transform: uppercase;
     padding-bottom: 20px;
     padding-top: 0px;
     margin-top:20px;
}
 .banner-title .cta {
     padding-top: 3rem;
}
 .banner-title-mobile .cta {
     padding-top: 3rem;
}
 .banner-title-mobile .page-title {
     padding-bottom:20px;
}
 .banner-title-mobile .container {
     padding:0%;
}
 .secondary-page .banner-title-mobile .container {
     max-width: 90%;
}
 .intro-headline {
     color: #003f72;
     text-transform: uppercase;
}
 .basic-page-intro {
     margin: 20px 0px;
}
 @media only screen and (max-width: 768px) {
     .basic-page-intro {
         margin: 0;
    }
     .col-md-12.intro-headline {
         width: auto !important;
    }
}
 .banner-title .cta .button.gold{
     border-radius: 1rem;
     padding: .5rem 1.5rem;
     font-size: 1.25rem;
     min-width: 400px;
     text-align: center;
}
 @media (max-width: 768px) {
     .banner-title-mobile .cta .button.gold {
         border-radius: 1rem;
         padding: .5rem 1.5rem;
         font-size: 1.25rem;
         min-width: 300px;
         text-align: center;
    }
}
 .sub-topic-quad{
     background-color: #D6E8EF;
}
 .quad-container img {
     vertical-align: middle;
     border-style: none;
     max-width: 100%;
}
 .quad-container-mobile img {
     vertical-align: middle;
     border-style: none;
     max-width: 100%;
}
 .quad-container .col-md-6 {
     display: flex;
     align-items: center;
}
 .quad-container-mobile .col-md-6 {
     display: flex;
     align-items: center;
}
 .quad-container .row {
     padding:50px 0px;
}
 .quad-container-mobile .row {
     padding:0px;
}
 .sub-topic-text {
     padding:10%;
}
 .sub-topic-text h3 {
     color: #003f72;
     padding-bottom: 20px;
     text-transform: uppercase;
}
 .right-topic-box{
     padding-left:50px;
}
 .left-topic-box{
     padding-right:50px;
}
 .t-page-intro .container {
     max-width: 100%;
     padding: 0px;
}
 .t-page-intro .container > .row:first-of-type {
     padding-bottom:20px;
}
 .t-page-intro{
     padding-bottom: 50px;
     padding-right: 50px;
     padding-top:40px;
}
 .t-page-intro h3{
     text-transform: uppercase;
     color: #003f72;
     padding-left: 5%;
}
 .t-page-intro p {
     padding-left: 5%;
     font-size:18px;
}
 .highlight-info h4 {
     text-transform: uppercase;
     font-weight: bold;
     color: #398ba7;
     padding-left: 20px;
}
 .highlight-info p{
     padding-left: 20px;
}
 .highlight-info {
     border-left: solid gold 4px;
     margin-left: 50px;
}
 .desc-text {
     align-content:center;
}
 .intro-img {
     width:100%;
}
 .acc-mod {
     padding: 50px 0px;
     margin-bottom: 50px;
}
 .acc-mod .card-header {
     border-bottom: none;
     padding-left: 0px;
     padding-right: 0px;
}
 @media (max-width: 768px) {
     .acc-mod {
         padding: 50px 0px;
         margin-bottom: 0px;
    }
}
 .green-acc {
     background-color: #CAE5D1 !important;
}
 .green-acc .card-header {
     background-color: #CAE5D1 !important;
}
 .accordion .btn-link:hover, .accordion .btn-link:focus, .accordion .btn-link:active {color: #003F72 !important;}
 
 .acc-mod .accordion .btn-link:focus::after, .accordion .btn-link:hover::after, .accordion .btn-link:hover {
     color: #003F72 !important;
}
 .acc-mod .accordion .btn-link:focus::after, .accordion .btn-link:hover::after {
     color: #398BA7;
}
 .slider-body{
     display: flex;
     align-items: center;
     justify-content: center;
}
 .slider-wrapper{
     overflow: hidden;
     margin-left:auto;
     margin-right:auto;
}
 .slider-header{
     text-align: center;
     color:#003f72;
}
 .news-row{
     margin: 0;
     padding: 0;
     box-sizing: border-box;
}
 .card-list .card-item{
     height: auto;
     color: #fff;
     user-select: none;
     padding: 0px;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     border-radius: 10px;
     backdrop-filter: blur(30px);
     border: 1px solid rgba(255, 255, 255, 0.5);
}
 @media (max-width: 768px) {
     .card-list .card-item {
         padding:0px !important;
    }
}
 .card-list .card-item .user-image{
     width: 350px;
     height: 175px;
     margin-bottom: 20px;
}
 .card-list .card-item .user-profession{
     font-size: .85rem;
     color: #e3e3e3;
     font-weight: 500;
     margin: 14px 0 0px;
}
 .card-list .card-item .button.yellow{
     margin-top:auto;
}
 .card-item h2{
     font-size:20px;
}
 .slider-footer{
     margin-top:20px;
     text-align:center;
}
 .slider-footer a{
     font-size:2.5rem;
     font-weight:bold;
}
 .slider-wrapper .swiper-pagination-bullet{
     background: #003f72;
     height: 13px;
     width: 13px;
     opacity: 0.5;
}
 .slider-wrapper .swiper-pagination-bullet-active{
     opacity: 1;
}
 .slider-wrapper .swiper-slide-button{
     color: #7e868a;
     margin-top: 5%;
     transition: 0.2s ease;
}
 .slider-wrapper .swiper-slide-button:hover{
     color: #7e868a;
}
 @media (max-width: 768px){
     .slider-wrapper{
         margin: 0px !important;
    }
}
 @media (max-width: 400px) {
     .slider-wrapper .swiper-slide-button {
         color: #7e868a;
         margin-top: 55% !important;
         transition: 0.2s ease;
    }
}
 @media (max-width: 600px){
     .slider-wrapper .swiper-slide-button{
         color: #7e868a;
         margin-top: 50% !important;
    }
}
 @media (max-width: 900px){
     .slider-wrapper .swiper-slide-button{
         color: #7e868a;
         margin-top: 20%;
         transition: 0.2s ease;
    }
}
 @media (max-width: 768px) {
     .swiper-button-next::after, .swiper-button-prev::after {
         font-size: 25px;
    }
}
 .copy {
     padding-top: .3rem;
     font-size: .7em;
     color: #7d8287;
}
 .product {
     grid-area: product;
}
 .resource {
     grid-area: resource;
}
 .business {
     grid-area: business;
}
 .social-icons {
     font-size: 2rem;
     color: white;
     text-decoration:none;
}
 .design {
     grid-area: design;
     font-size: .6em;
     text-align: right;
     padding-right: .3rem;
     padding-bottom: .3rem;
}
 .icons {
     width: 1rem;
     height: 1rem;
     padding-left: .3rem;
}
 .footer-btn{
     margin: 10px;
     font-weight: 800;
     padding: 0px;
     min-width: 23%;
     border-radius: 1rem;
     max-height:4rem;
     font-size: 18px;
     color:#fff;
     background-color: #3e96b4;
     border:none;
}
 .footer-btn:hover {
     color: #fff;
     background-color: #003f72;
     border: 1px solid #fff !important;
}
 .footer-buttons{
     display:flex;
     justify-content:space-between;
     margin-top:20px;
     max-width: 70%;
}
 .footer-bottom{
     color:#fff;
}
 .footer-bottom a{
     color:#fff;
     text-align:right;
}
 .bg-footer {
     background-color: #003f72;
     position: absolute;
     width: 100vw;
}
 .bg-footer hr {
     border-top: 5px dashed #fff;
}
 .mobileFooter .mmu-address{
     font-size:20px;
     color: #fff;
     padding-top:20px;
     padding-left:0px;
     text-align:center;
}
 .mobileFooter .container {
     padding-top:30px;
     padding-bottom:30px;
     width:100%;
}
 .mobileFooter .footer-btn{
     margin: 5px;
     font-weight: 800;
     padding: 10px 2px;
     min-width: 185px;
     max-width: 185px;
     border-radius: .5rem;
     font-size: 18px;
     background-color: #3e96b4;
}
 .mobileFooter .footer-buttons{
     padding:10px 2px !important;
     text-align:center;
     max-width: none !important;
}
 .mobileFooter ul{
     padding-left:0rem;
}
 .mobileFooter li{
     list-style: none;
     padding-top: 2%;
     font-size: 1rem;
     color: #fff;
}
 .mobileFooter .social-icons {
     font-size: 2.25rem;
     color: white;
     padding: 5px;
     margin-left: 5px;
     text-decoration: none;
}
 .mobileFooter .footer-bottom{
     color:#fff;
     font-size:18px;
}
 .mobileFooter .footer-bottom a{
     color:#fff;
     font-size:18px;
     text-align:center;
}
 .mobileFooter .link-list {
     width: 50%;
     padding-left: 15px;
     padding-right: 0px;
}
 .socials-grp {
     text-align: center;
}
 .container {
     max-width: 90%;
}
 @media only screen and (max-width: 768px) {
     .container {
         max-width: 100%;
    }
}
 @media only screen and (max-width: 600px) {
     .container .swiper {
         max-width:100% !important;
    }
}
 @media (max-width: 768px) {
     .section .basic-2-col {
         margin-top: 10px;
    }
}
 .button.gold{
     -webkit-transition:all .25s ease-in-out;
     transition:all .25s ease-in-out;
     border-radius:1rem;
     color:#003f72;
     display:inline-block;
     font-family:Open Sans,sans-serif;
     font-size:1.6rem;
     font-weight:800;
     padding:1rem 1.6rem;
     text-decoration:none;
     text-transform:uppercase;
     background-color:#ffc72a;
     text-align: center;
}
 .button.gold:focus,.button.gold:hover{
     background-color:#003f72 !important;
     color:#fff !important;
     text-decoration:none;
     border: 1px #fff;
}
 .button.ghost{
     -webkit-transition:all .25s ease-in-out;
     transition:all .25s ease-in-out;
     border-radius:.2rem;
     color:#003f72;
     display:inline-block;
     font-family:Open Sans,sans-serif;
     font-size:1.6rem;
     font-weight:800;
     padding:1rem 1.6rem;
     text-decoration:none;
     text-transform:uppercase;
     background-color:transparent;
}
 .button.ghost:focus,.button.ghost:hover{
     background-color:#003f72!important;
     color:#fff;
     text-decoration:none 
}
 .button.blue{
     -webkit-transition: all .25s ease-in-out;
     transition: all .25s ease-in-out;
     border-radius: 1rem;
     color: #fff;
     display: inline-block;
     font-family: Open Sans,sans-serif;
     font-size: 1.2rem;
     font-weight: 800;
     padding: 1rem;
     text-decoration: none;
     text-transform: uppercase;
     background-color: #003f72;
     border: .1rem solid #003f72;
     min-width: 100%;
     text-align: center;
     margin: 10px;
}
 .button.blue:focus,.button.blue:hover{
     background-color: #fff;
     color: #003f72;
     text-decoration: none;
     border: .1rem solid #fff;
}
 .button.white{
     -webkit-transition: all .25s ease-in-out;
     transition: all .25s ease-in-out;
     border-radius: 1rem;
     color: #003f72;
     display: inline-block;
     font-family: Open Sans,sans-serif;
     font-size: 1.2rem;
     font-weight: 800;
     padding: 1rem;
     text-decoration: none;
     text-transform: uppercase;
     background-color: #fff;
     min-width: 100%;
     text-align: center;
     margin: 10px;
}
 .button.white:focus,.button.white:hover{
     background-color: #003f72;
     color: #fff;
     text-decoration: none;
}
.button.ltblue{
     -webkit-transition: all .25s ease-in-out;
     transition: all .25s ease-in-out;
     border-radius: 1rem;
     color: #003f72;
     display: inline-block;
     font-family: Open Sans,sans-serif;
     font-size: 1.2rem;
     font-weight: 800;
     padding: 1rem;
     text-decoration: none;
     text-transform: uppercase;
     background-color: #D6E8EF;
     min-width: 100%;
     text-align: center;
     margin: 10px;
}
 .button.ltblue:focus,.button.ltblue:hover{
     background-color: #003f72;
     color: #D6E8EF;
     text-decoration: none;
}
 .simple-page .simple-content .button.gold {
     -webkit-transition: all .25s ease-in-out;
     transition: all .25s ease-in-out;
     border-radius: 1rem;
     color: #003f72;
     display: inline-block;
     font-family: Open Sans,sans-serif;
     font-size: 22px;
     font-weight: 800;
     padding: 1.5rem 1rem;
     text-decoration: none;
     text-transform: uppercase;
     background-color: #ffc72a;
     text-align: center;
     min-width: 100%;
     margin: 20px 0px;
}
 .simple-page .button.light.blue{
     -webkit-transition: all .25s ease-in-out;
     transition: all .25s ease-in-out;
     border-radius: 1rem;
     color: #fff;
     display: inline-block;
     font-family: Open Sans,sans-serif;
     font-size: 22px;
     font-weight: 800;
     padding: 1.5rem 1rem;
     text-decoration: none;
     text-transform: uppercase;
     background-color: #398BA7;
     text-align: center;
     border: none;
     min-width: 100%;
     margin: 20px 0px;
}
 .button.light.blue:focus,.button.light.blue:hover{
     background-color:#003f72 !important;
     color:#fff !important;
     text-decoration:none;
     border: 1px #fff;
}
 .program-column-list li {
     width: 100%;
}
 .ctas-list{
     list-style:none;
     padding:0;
     margin:20px 0 0 
}
 .ctas-list li{
     display:inline-block;
     margin:0 7px 14px 
}
 .ctas-list--content{
     margin:20px 0 10px 
}
 .ctas-list--content li{
     margin-left:0;
     margin-right:14px 
}
 .ctas-list--content li:last-child{
     margin-right:0 
}
 .focused-2col-header{
     margin-bottom:2rem 
}
 #col-padding{
     padding-top:50px;
     padding-bottom:50px;
}
 .icon-circle {
     width: 150px;
     height: 150px;
     border-radius: 50%;
     background-color: #fff;
     display: flex;
     justify-content: center;
     align-items: center;
     color: #003f72;
     margin-top: -155px;
     position: relative;
     margin-left: 0px;
     font-size:4rem;
     float:right;
}
 @media only screen and (max-width: 600px) {
     .icon-circle {
         float: right !important;
         margin-top: -85px !important;
         z-index: 1;
         margin-left:0px !important;
         width: 75px !important;
         height: 75px !important;
         font-size: 2rem !important;
    }
}
 @media only screen and (min-width: 601px) and (max-width: 768px) {
     .icon-circle {
         float: right !important;
         margin-top: -125px !important;
         z-index: 1;
         margin-left: 0px !important;
         width: 100px !important;
         height: 100px !important;
         font-size: 2.5rem !important;
    }
}
 @media only screen and (max-width: 1280px) {
     .icon-circle {
         width: 75px;
         height: 75px;
         border-radius: 50%;
         background-color: #fff;
         display: flex;
         justify-content: center;
         align-items: center;
         color: #003f72;
         margin-top: -55px;
         position: relative;
         margin-left: 0px;
         font-size: 2rem;
         float: right;
    }
}
 .program-column {
     background-color:#003f72 !important;
     min-height:600px;
}
 .program-column.column-1{
     margin-right:30px;
}
 @media (max-width: 767px) {
     .program-column.column-1, .program-column.column-2 {
         margin-left: 0px !important;
         margin-right: 0px !important;
         margin-bottom: 10px;
    }
}
 @media (min-width: 768px) and (max-width: 900px) {
     .program-column.column-1, .program-column.column-2 {
         margin-left: 5px !important;
         margin-right: 5px !important;
         margin-bottom: 10px;
    }
}
 .program-column.column-2{
     margin-left:30px;
}
 #column-content{
     padding: 75px 50px 25px 50px;
     color: #fff;
     min-height:500px;
     position:relative;
}
 @media (max-width: 1280px) {
     #column-content {
         padding: 15px 20px 25px 20px;
         color: #fff;
         min-height: 500px;
         position: relative !important;
    }
}
 @media only screen and (max-width: 600px) {
     #column-content {
         position: relative;
         padding: 45px 20px 25px 20px !important;
    }
}
 .program-column img {
     object-fit:cover;
}
 @media (min-width: 768px) and (max-width: 900px) {
     .program-column img {
         min-height:120px !important;
         max-height:120px !important;
    }
}
 @media (max-width: 1280px) {
     .program-column img {
         min-height:140px !important;
         max-height:140px !important;
    }
}
 @media (min-width: 768px) and (max-width: 900px) {
     #column-content {
         position: relative;
         padding: 45px 20px 25px 20px !important;
    }
}
 #column-content .button.gold {
     border-radius: 1rem;
     font-size: 1.30rem;
     padding:1rem 3rem;
     min-width:80%;
}
 @media (min-width: 768px) and (max-width:900px) {
     #column-content .button.gold {
         border-radius: 1rem;
         font-size: 18px;
         padding: 1rem 0.75rem;
         min-width: 80%;
    }
}
 @media screen and (min-width: 900px) and (max-width: 992px) {
     #column-content .button.gold {
         border-radius: 1rem;
         font-size: 18px !important;
         padding: 1rem 2rem !important;
         min-width: 80%;
    }
}
 @media only screen and (max-width: 1024px) {
     #column-content .button.gold {
         border-radius: 1rem;
         font-size: 18px;
         padding: 1rem 3rem;
         min-width: 80%;
    }
}
 #column-content .button.gold:focus, #column-content .button.gold:hover {
     background-color: #fff !important;
     color: #003f72;
     text-decoration: none;
     border: 1px #fff;
}
 #column-content .ctas-list--content{
     margin:40px 0 40px;
}
 @media (min-width: 768px) and (max-width: 900px) {
     #column-content .ctas-list--content {
         margin: 40px 0 20px;
    }
}
 @media screen and (min-width: 900px) and (max-width: 992px) {
     #column-content .ctas-list--content {
         margin: 20px 0 20px !important;
    }
}
 #column-content ul{
     padding-left:0px;
}
 #column-content .section-title {
     font-weight: normal;
     padding-bottom: 20px;
     padding-top: 30px;
     text-transform: uppercase;
     font-size:3rem;
}
 @media (min-width:768px) and (max-width: 900px) {
     #column-content .section-title {
         font-weight: normal !important;
         padding-bottom: 20px !important;
         padding-top: 10px;
         text-transform: uppercase;
         font-size: 2.5rem !important;
    }
}
 #column-content .section-subtitle{
     padding-bottom: 20px;
     font-size:18px;
}
 .cta-area {
     position: absolute;
     bottom: 0;
     width: 80%;
}
 p~.accordion{
     margin-top:2rem 
}
 .accordion .card{
     background-color: inherit;
     border-top:.2rem solid #003F72;
     border-top-left-radius: 0;
     border-top-right-radius: 0;
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
     border-left: 0;
     border-right: 0;
     margin-left:0;
     margin-right:0;
     padding:0 
}
 .accordion .card:last-child{
     border-bottom:.2rem solid #003F72;
}
 .card.first {
     border-top:none;
}
 .accordion .mb-0{
     margin-bottom:0;
     margin-top:0 
}
 .accordion .btn-link{
     color:#003F72;
     font-size:2.5rem;
     font-weight: normal;
     padding: 1rem 2.4rem 0rem 0rem;
     position:relative;
     text-align:left;
     white-space:normal;
     width:100%;
     z-index:0;
     text-transform: uppercase;
     padding-left:0px;
     text-decoration: none;
}
 .accordion .btn-link.first {
     font-size: 60px !important;
     font-weight: 400 !important;
}
 .accordion .btn-link:after{
     color:#003F72;
     font-family: "Font Awesome 6 Free";
     font-weight: 900;
     content:"\f056";
     font-size:2.5rem;
     display:block;
     position:absolute;
     top:15%;
     right:1rem;
     height:1.6rem;
     width:1.6rem;
     z-index:-1 
}
 .accordion .btn-link:focus,.accordion .btn-link:hover, .accordion .btn-link:active{
     text-decoration:none 
}
 .accordion .btn-link:focus:after,.accordion .btn-link:hover:after, .accordion .btn-link:hover{
     color:#003F72;
}
 .accordion .btn-link.collapsed:after{
     font-family: "Font Awesome 6 Free";
     font-weight: 900;
     ;
     content:"\f055";
}
 .accordion .btn-link[aria-expanded=true]{
     color:#003F72;
}
 .accordion .btn-link[aria-expanded=true]:after{
     color:#003F72;
}
 .accordion .card-body{
     padding:0rem 2.4rem;
     padding-left:0px;
}
 .main-acc {
     background-color: #D6E8EF;
}
 @media only screen and (max-width: 768px) {
     .main-acc {
         margin-bottom: 10px;
    }
}
 .main-acc p {
     margin-top:1rem;
}
 .main-acc a {
     color: #003f72 !important;
}
 .main-acc .card-header{
     background-color:#D6E8EF;
     border-bottom:none;
     padding-left:0px;
     padding-right:0px;
     padding-bottom:24px;
}
 @media only screen and (max-width: 900px) {
     .main-acc .card-header{
         background-color:#D6E8EF;
         border-bottom:none;
         padding-left:0px;
         padding-right:0px;
         padding-bottom:0px !important;
    }
}
 .main-acc .card-header a:before {
     display:inline-block;
     font:normal normal normal 14px/1 FontAwesome;
     font-size:inherit;
     text-rendering:auto;
     -webkit-font-smoothing:antialiased;
     -moz-osx-font-smoothing:grayscale;
}
 .main-acc .card-header a[aria-expanded=false]:before {
     content:"\f055";
}
 .main-acc .card-header a[aria-expanded=true]:before {
     content:"\f056";
}
 .button.program {
     -webkit-transition: all .25s ease-in-out;
     transition: all .25s ease-in-out;
     border-radius: 1rem;
     color: #003f72 !important;
     display: inline-block;
     font-family: 'Open Sans',sans-serif;
     font-size: 1.2rem;
     font-weight: 800;
     padding: .75rem 2.5rem;
     text-decoration: none;
     text-transform: uppercase;
     background-color: #fff;
     text-align: center;
     margin: 4rem 1rem 1rem 1rem;
     float: right;
     box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
     min-width: 200px;
}
 .program-title {
     padding-top: 4rem;
     color: #003f72;
     font-weight: bold;
     text-transform: uppercase;
}
 @media only screen and (max-width: 900px) {
     .program-title {
         padding-top: 2rem;
    }
}
 .image-row{
     height: 500px;
     justify-content: space-between;
     overflow: hidden;
}
 @media only screen and (max-width: 900px) {
     .image-row{
         height: 100% !important;
         justify-content: space-between;
         overflow: hidden;
    }
}
 .sm-image-block {
     padding: 6px;
     height: 100%;
}
 @media only screen and (max-width: 900px) {
     .sm-image-block {
         padding: 10px;
         height: 500px !important;
    }
}
 .block-img {
     width: 100%;
     overflow: hidden;
     height:50%;
}
 @media only screen and (max-width: 900px) {
     .block-img {
         width: 100%;
         overflow: hidden;
         height: 50%;
         background-position: 50% 20% !important;
    }
}
 .block-img img {
     max-width: 100%;
     object-fit: cover;
     scale: 1.1;
     transform-origin: 50% 100%;
     height: auto;
     display: block;
}
 .img-block-btn {
     bottom: 25px;
     position: absolute;
}
 .img-block-btn .button.gold {
     border-radius: 1rem;
     font-size: 22px;
     padding: .75rem 1.6rem;
}
 .block-text {
     background-color: #3e96b4;
     color: #fff;
     height: 50%;
     padding: 20px 30px;
     position:relative;
}
 .block-text h4 {
     text-transform: uppercase;
     font-family: League Gothic, sans-serif;
     font-size: clamp(32px, 2.5vw, 40px);
     letter-spacing: 1.5px;
}
 .block-text p {
     font-weight: 600;
     font-size: 22px;
}
 @media screen and (max-width: 600px) {
     .block-text p {
         font-size: 18px !important;
    }
     .img-block-btn {
         bottom: 20px !important;
         position: absolute;
    }
}
 @media screen and (min-width: 600px) and (max-width: 1265px) {
     .block-text p {
         font-weight: 600;
         font-size: 18px !important;
    }
     .img-block-btn .button.gold {
         border-radius: 1rem;
         font-size: 18px !important;
         padding: .75rem 1.6rem;
    }
}
 @media screen and (min-width: 900px) {
     .tb-container .row-1 .block-1 {
         padding: 0px 30px 30px 10px;
    }
     .tb-container .row-1 .block-2 {
         padding: 0px 10px 30px 30px;
    }
     .tb-container .row-2 .block-1 {
         padding: 30px 30px 0px 10px;
    }
     .tb-container .row-2 .block-2 {
         padding: 30px 10px 0px 30px;
    }
}
 .video-block {
     margin:20px 0px;
}
 @media screen and (max-width: 768px) {
     .video-block {
        margin: 10px 0 0 0;
    }
}
 .video-wrapper iframe {
     width: 100%;
     height: 90vh;
     object-fit: cover;
}
 .youtube-poster-container .video-poster {
     height: 100% !important;
}
 @media only screen and (max-width: 900px) {
     .video-wrapper iframe {
         width: 100%;
         height: 30vh;
         object-fit: cover;
    }
}
 .video-wrapper video {
     width: 100%;
     height: 90vh;
     object-fit: cover;
}
 @media only screen and (max-width: 900px) {
     .video-wrapper video {
         height:30vh;
    }
}
 .accordion {
     padding-bottom:50px;
     margin-top:40px;
}
 .program-callout, .cta-callout{
     margin-top: 20px;
     background: #398BA7;
}
 @media screen and (min-width: 600px) and (max-width: 900px) {
     .cta-callout .col-md-4 {
         width:100%;
    }
}
 .program-callout .row{
     padding-top: 50px;
     padding-bottom: 50px;
     vertical-align: middle;
     height: 100%;
}
 .cta-callout .row{
     padding-top: 50px;
     padding-bottom: 50px;
     vertical-align: middle;
     height: 100%;
}
 .program-callout-text, .cta-callout-text {
     margin:auto;
}
 @media only screen and (max-width: 600px) {
     .program-callout-text, .cta-callout-text {
         padding-right: 0px !important;
         padding-left: 0px !important;
    }
}
 .program-callout-text h1{
     color: #fff;
     text-transform: uppercase;
     padding-right: 15px;
}
 .cta-callout-text h1{
     color: #fff;
     text-transform: uppercase;
     padding-right: 15px;
}
 @media only screen and (max-width: 600px) {
     .program-callout-text h1{
         color: #fff;
         text-transform: uppercase;
         margin-bottom: 1rem;
         text-align: center !important;
         padding-right:0px !important;
         font-size:35px !important;
    }
     .cta-callout-text h1{
         color: #fff;
         text-transform: uppercase;
         margin-bottom: 1rem;
         text-align: center !important;
         padding-right:0px !important;
         font-size:35px !important;
    }
}
 @media only screen and (min-width: 900px) {
     .short-btn {
         display:none !important;
    }
     .long-btn {
         display:block !important;
    }
}
 .program-testimonial-mobile{
     display:none;
}
 .program-testimonial-desktop{
     display:block;
}
 @media only screen and (max-width: 575px) {
     .quote-area-mobile {
         background-color: #fff;
         margin-left: 15px !important;
         margin-right: 15px !important;
         margin-top: -30% !important;
         display:block;
    }
     .program-testimonial-mobile{
         display:block !important;
    }
     .program-testimonial-desktop{
         display:none !important;
    }
     .the-text{
         margin-top:0px !important;
         Z-index:1;
    }
}
 .testimonial-2col-box{
     margin:4rem 0 6rem 
}
 .quote-area-mobile{
     background-color: #fff;
     margin-left: 0px;
     margin-right: 0px;
     padding: 1rem 2rem;
}
 .testimonial-2col-box .container.container--border{
     padding-top:4rem 
}
 @media (min-width:768px){
     .testimonial-2col-box .container.container--border{
         padding-top:5rem 
    }
}
 @media (min-width: 768px) and (max-width: 900px) {
     .container, .container-md, .container-sm {
         max-width: 90%;
    }
}
 .testimonial-2col-box-bordered{
     border:.2rem solid #aaa 
}
 @media (min-width:768px){
     .testimonial-2col-box-bordered{
         display:-webkit-box;
         display:-ms-flexbox;
         display:flex;
         -ms-flex-flow:wrap;
         flex-flow:wrap 
    }
}
 .testimonial-2col-box-image{
     margin-bottom:2rem;
     width:100%;
     padding:0;
     height:auto!important 
}
 @media (min-width:768px){
     .testimonial-2col-box-image{
         margin-bottom:0;
         width:50% 
    }
}
 .testimonial-2col-box-image img{
     width:100%;
     height:100%;
     -o-object-fit:cover;
     object-fit:cover;
     max-height:570px 
}
 .testimonial-2col-box-content{
     display:-webkit-box;
     display:-ms-flexbox;
     display:flex;
     -webkit-box-orient:horizontal;
     -webkit-box-direction:normal;
     -ms-flex-flow:row wrap;
     flex-flow:row wrap;
     height:100%;
     -webkit-box-pack:center;
     -ms-flex-pack:center;
     justify-content:center;
     padding:1.6rem 3.2rem 2.4rem 
}
 @media (min-width:768px){
     .testimonial-2col-box-content{
         padding:6rem 4rem;
         -ms-flex-item-align:center;
         align-self:center 
    }
}
 .testimonial-2col-box-quote{
     height:100%;
     line-height:3rem 
}
 @media (min-width:992px){
     .testimonial-2col-box-quote-text{
         font-size:2rem 
    }
}
 .testimonial-2col-box-quote-attribute{
     font-size:1.3rem;
     margin-bottom:0 
}
 .testimonial-centered-box{
     margin:4rem 0 
}
 @media (min-width:768px){
     .testimonial-centered-box{
         margin:5rem 0 6rem 
    }
}
 .testimonial-centered-box .container.container--border{
     padding-top:4rem 
}
 @media (min-width:768px){
     .testimonial-centered-box .container.container--border{
         padding-top:5rem 
    }
}
 .testimonial-centered-box-content{
     padding:2rem;
     text-align:center 
}
 @media (min-width:768px){
     .testimonial-centered-box-content{
         padding:4rem 4rem 2rem 
    }
}
 .testimonial-centered-box-bordered{
     border:.3rem solid #3f97b5 
}
 .testimonial-centered-box-quote-text{
     line-height:3rem 
}
 @media (min-width:992px){
     .testimonial-centered-box-quote-text{
         font-size:2rem 
    }
}
 .testimonial-centered-box-quote-attribute{
     font-size:1.3rem 
}
 .two-column-img-quote .the-quote {
     background: transparent url("https://web-dev.mtmary.edu/_files/images/_templates/quotes.png") no-repeat top left;
}
 .two-column-img-quote .img-responsive {
     margin-left:auto;
     margin-right:auto;
}
/*2 Column Image and Text Quote */
 .two-column-img-quote .container {
     border:none;
     padding-top:20px;
     padding-bottom:20px;
}
 @media (max-width: 768px) {
     .two-column-img-quote .container {
         padding-left: 0px !important;
         padding-right: 0px !important;
    }
}
 @media (max-width: 768px) {
     .tertiary-page .two-column-img-quote .container {
         padding-left: 0px !important;
         padding-right: 0px !important;
         padding-top:0px !important;
    }
}
 @media (max-width: 768px) {
     .testimonial-slider .two-column-img-quote .container {
         padding:0px !important;
    }
}
 @media (max-width: 768px) {
     .testimonial-slider {
         margin-top:10px;
         margin-bottom:20px;
    }
}
 @media (max-width: 768px) {
     .testimonial-slider .two-column-img-quote .image-left {
         margin:0px !important;
         padding:0px !important;
    }
}
 .two-column-img-quote p{
     font-family: Open Sans, sans-serif;
     font-size: 24px;
     color:#343233;
     margin-bottom:20px;
     line-height: 28px;
     font-weight:800;
     margin-top:15px;
     text-transform: uppercase;
}
 @media (max-width: 768px) {
     .testimonial-slider .two-column-img-quote p {
         font-family: 'Open Sans', sans-serif;
         font-size: 15px !important;
         color: #343233;
         margin-bottom: 20px;
         line-height: 1.2rem;
         font-weight: 800;
         margin-top: 15px;
         text-transform: uppercase;
    }
}
 .two-column-img-quote h3 {
     font-family: 'Open Sans', sans-serif;
     font-size: 14px;
     color:#003f72;
     margin-bottom:0px;
     line-height: 16px;
     font-weight:bold;
     margin-top:0px;
}
 .two-column-img-quote h4 {
     font-family: 'Open Sans', sans-serif;
     color:#003f72;
     margin-bottom:0px;
     margin-top:0px;
     margin-left:0px;
     font-size:25px;
     text-transform:uppercase;
}
 @media (max-width: 768px) {
     .testimonial-slider .two-column-img-quote h4 {
         font-family: 'Open Sans', sans-serif;
         color:#003f72;
         margin-bottom:0px;
         margin-top:0px;
         margin-left:0px;
         font-size:15px !important;
         text-transform: uppercase;
    }
}
 .two-column-img-quote .the-quote {
     background: transparent url("https://web-dev.mtmary.edu/_files/images/_templates/quotes.png") no-repeat top left;
}
 .two-column-img-quote .end-quote {
     background: transparent url("https://web-dev.mtmary.edu/_files/images/_templates/quotes-end.png") no-repeat bottom right;
}

 .two-column-img-quote label {
     font-family: 'Open Sans', sans-serif;
     color:#003F72;
     margin-bottom:0px;
     line-height: 16px;
     font-weight:400;
     margin-left:0px;
}
 .two-column-img-quote .image-left{
     margin-bottom:2rem;
     display:flex;
     justify-content:start;
     max-width: 100%;
     height: auto;
     display: block;
}
 @media (min-width:768px){
     .two-column-img-quote .image-left{
         margin-bottom:0 
    }
}
 .two-column-img-quote .image-right{
     margin-top:2rem;
     display:flex;
     max-width: 100%;
     height: auto;
     display: block;
}
 .two-column-img-quote .the-text h2{
     color:#3f97b5;
     font-family:Raleway,sans-serif;
     font-size:2.4rem;
     font-weight:400;
     line-height:2.4rem;
     margin-bottom:2rem;
     margin-top:0 
}
 .two-column-img-quote .the-text h3{
     color:#646464;
     font-family:Open Sans,sans-serif;
     font-size:1.6rem;
     font-weight:700;
     line-height:1.8rem;
     margin-bottom:.6rem;
     margin-top:2.4rem 
}
 .two-column-img-quote .the-text p{
     font-size:24px;
     line-height:28px;
}
 .the-text {
     margin-top:auto;
     margin-bottom:auto;
}
 @media only screen and (max-width: 600px) {
     .testimonial-slider .the-text {
         margin-top: -95px !important;
         Z-index: 1;
         background-color: #fff;
         max-width: 90%;
         margin-left: auto;
         margin-right: auto;
    }
}
 .two-column-img-quote .testimonial-img {
     max-width: 100%;
     height: auto;
     display: block;
     padding: 10px;
}
 @media only screen and (min-width: 600px) and (max-width: 900px) {
     .two-column-img-quote .testimonial-img {
         width:100%;
         object-fit: cover;
         object-position: 20%;
         scale: 1;
         height: 100%;
    }
}
 @media only screen and (max-width: 900px) {
     .two-column-img-quote .image-right, .two-column-img-quote .image-left {
         display:block;
         overflow:hidden;
    }
}
 .testimonial-slider .testimonial-img{
     margin-left:auto;
     margin-right:auto;
     width: 100%;
     max-height:none !important;
}
 @media only screen and (max-width: 1080px){
     .testimonial-slider .testimonial-img {
         margin-left: auto;
         margin-right: auto;
         width: 100%;
         max-height: none !important;
         object-fit: cover;
         object-position: right;
    }
}
 @media (min-width:992px){
     .basic-two-third-image-left>.container-constrained>.flex-parent,.basic-two-third-image-right>.container-constrained>.flex-parent{
         -webkit-box-pack:justify;
         -ms-flex-pack:justify;
         justify-content:space-between 
    }
}
 .basic-two-third-image{
     overflow:hidden 
}
 .basic-two-third-image-left .basic-two-third-image,.basic-two-third-image-right .basic-two-third-image{
     margin-bottom:2rem 
}
 @media (min-width:768px){
     .basic-two-third-image-left .basic-two-third-image,.basic-two-third-image-right .basic-two-third-image{
         -ms-flex-item-align:start;
         align-self:flex-start 
    }
}
 @media (min-width:1200px){
     .basic-two-third-image-left .basic-two-third-image>img,.basic-two-third-image-right .basic-two-third-image>img{
         max-width:65rem 
    }
}
 .basic-two-third-image-right .basic-two-third-image>img{
     margin-left:auto;
     display:block 
}
 @media (min-width:992px){
     .basic-two-third-image-left .basic-two-third-content,.basic-two-third-image-right .basic-two-third-content{
         -ms-flex-item-align:end;
         align-self:flex-end 
    }
}
 .basic-two-third-image-left .basic-two-third-content .section-title,.basic-two-third-image-right .basic-two-third-content .section-title{
     margin-top:0 
}
/* Skip link for keyboard navigation */
 .skip-link {
     position: absolute;
     top: -40px;
     left: 6px;
     background: #000;
     color: #fff;
     padding: 8px;
     text-decoration: none;
     border-radius: 4px;
     z-index: 1000;
     font-weight: bold;
}
 .skip-link:focus {
     top: 6px;
}
/* Focus indicators */
/*button:focus, .card-icon:focus {
     outline: 3px solid #ffc72a;
     outline-offset: 2px;
}
*/
/* Content Grid */
 .content-grid {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 10px;
     margin: 80px 0;
}
 .content-card {
     position: relative;
     min-height: 400px;
     overflow: hidden;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
 .content-card img {
     width: 100%;
     height: 100%;
     object-fit: cover;
}
 .card-overlay {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     height: 140px;
     background: rgba(0, 63, 114, 0.95);
     color: white;
     padding: 20px 30px;
     transition: height 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
 .card-overlay.expanded {
     height: 100%;
     padding: 15% 10%;
}
 .card-overlay .button.gold {
     -webkit-transition: all .25s ease-in-out;
     transition: all .25s ease-in-out;
     border-radius: 1rem;
     color: #003f72;
     display: inline-block;
     font-family: Open Sans,sans-serif;
     font-size: 18px;
     font-weight: 800;
     padding: .75rem 3rem;
     text-decoration: none;
     text-transform: uppercase;
     background-color: #ffc72a;
     text-align: center;
     overflow: hidden;
     margin-top: 15px;
     margin-bottom: 25px;
}
 .card-overlay .button.gold:focus, .card-overlay .button.gold:hover {
     background-color: #fff !important;
     color: #003f72 !important;
     border:none;
}
 .card-headline {
     text-transform: uppercase;
     margin-bottom: 15px;
     margin-top: 15px;
     margin-left: 40px;
}
 @media (max-width: 900px) {
     .card-headline {
         margin: 25px 20px;
    }
}
 .card-overlay.expanded .card-headline {
     margin-top:0px !important;
     margin-left:0px !important;
}
 .card-description {
     line-height: 1.6;
     opacity: 0;
     max-height: 0;
     overflow: hidden;
     transition: opacity 0.4s ease-in-out 0.2s, max-height 0.4s ease-in-out 0.2s;
     margin-top: 15px;
     margin-bottom: 25px;
}
 .card-overlay.expanded .card-description {
     opacity: 1;
     max-height: 300px;
}
 .card-overlay .cta-button {
     opacity: 0;
     max-height: 0;
     overflow: hidden;
     transition: opacity 0.4s ease-in-out 0.2s, max-height 0.4s ease-in-out 0.2s;
     margin-top: 15px;
     margin-bottom: 25px;
}
 .card-overlay.expanded .cta-button {
     opacity: 1;
     max-height: 100px;
     padding: 20px 40px;
     transition: opacity 0.4s ease-in-out 0.2s, max-height 0.4s ease-in-out 0.2s;
     border: 1px solid transparent;
}
 .card-icon {
     position: absolute;
     top: 35%;
     right: 30px;
     width: 40px;
     height: 40px;
     border: 2px solid #fff;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     color: white;
     font-size: 20px;
     cursor: pointer;
     transition: all 0.3s ease;
     user-select: none;
     background: transparent;
     font-weight: bold;
}
 .card-overlay.expanded .card-icon {
     top: 25%;
}
 .card-icon:hover {
     background-color: rgba(255, 199, 42, 0.8);
     transform: scale(1.1);
     border-color: #ffc72a;
}
 @media (max-width: 900px) {
     .collapsable-img-quad .container{
         padding:0px;
         min-width:100% !important;
    }
}
/* High contrast mode support */
 @media (prefers-contrast: high) {
     .description {
         color: #000;
    }
     .card-overlay {
         background: rgba(0, 63, 114, 1);
    }
     .cta-button {
         background-color: #fff;
         border: 2px solid #003f72;
    }
}
/* Reduced motion support */
 @media (prefers-reduced-motion: reduce) {
     .card-overlay, .card-description, .cta-button, .card-icon {
         transition: none;
    }
}
 @media (max-width: 1250px) {
     .content-grid {
         grid-template-columns: 1fr;
         margin: 40px 0 20px 0;
    }
}
 @media (max-width: 425px) {
     .card-icon {
         top: 55px;
         width: 25px;
         height: 25px;
    }
     .card-overlay.expanded .card-icon {
         top: 70px;
    }
}
/* Screen reader only text */
 .sr-only {
     position: absolute;
     width: 1px;
     height: 1px;
     padding: 0;
     margin: -1px;
     overflow: hidden;
     clip: rect(0, 0, 0, 0);
     white-space: nowrap;
     border: 0;
}
/* Call to Action Section */
 .cta-section {
     background-color: #398ba7;
     padding: 40px 0px;
}
 .cta-buttons {
     display: flex;
     gap: 0rem;
     justify-content: space-between;
     flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
    .cta-3btn-row .button.gold {
        margin: .5rem 0;
    }
}
 .cta-3btn-row .button {
     min-width:32%;
     border-radius: 1rem;
     font-size:1.3rem;
     padding: 2rem 1rem;
     margin:0px;
}
 .page-intro-with-crumbs .breadcrumb {
     background-color: #fff !important;
     color: #003f72 !important;
}
 .page-intro-with-crumbs .breadcrumb-item + .breadcrumb-item::before {
     float: left;
     padding-right: var(--bs-breadcrumb-item-padding-x);
     color: #003f72 !important;
     content: var(--bs-breadcrumb-divider, "/");
}
 .page-intro-with-crumbs .breadcrumb-item.active {
     color: #003f72 !important;
}
 .page-intro-with-crumbs .breadcrumb a {
     color: rgb(0, 63, 114);
     text-decoration: none;
}
 @media only screen and (max-width: 900px) {
     .student-experience .breadcrumb {
         padding: 0px 0px 0px 0px !important;
         margin-bottom: 0rem;
         text-transform: uppercase;
         color: #fff;
    }
}
 @media (max-width: 900px) {
     .cta-3btn-row .button {
         min-width: 100%;
    }
}
 @media (max-width: 900px) {
     .page-intro-with-crumbs .desktop-crumb {
         display:none;
    }
}
 @media (max-width: 900px) {
     .student-experience .page-intro-with-crumbs .container {
         max-width:90%;
    }
}
 @media only screen and (max-width: 900px) {
     .page-intro-with-crumbs .breadcrumb-item.active {
         color: #003f72 !important;
    }
     .page-intro-with-crumbs .breadcrumb {
         background-color: #fff !important;
    }
}
 @media (max-width: 900px) {
     .student-experience .cta-3btn-row .container {
         max-width:90%;
    }
}
 @media (max-width: 900px) {
     .student-experience .program-callout .container {
         max-width:90%;
    }
}
 @media (max-width: 900px) {
     .student-experience #subpage-banner {
         margin-top: 90px;
         margin-bottom: 0px;
         background-position: 50% 50% !important;
    }
}
 .events-page .breadcrumb {
     background-color: #fff !important;
     color: #003f72 !important;
}
 @media (max-width: 900px) {
     .events-page .desktop-crumb {
         display:none;
    }
}
 @media (max-width: 900px) {
     .events-page .basic-page-intro .container {
         max-width:90%;
    }
}
 @media only screen and (max-width: 900px) {
     .events-page .breadcrumb-item.active {
         color: #003f72 !important;
    }
}
 @media (max-width: 768px) {
     .events-page .breadcrumb-mobile {
         display: block !important;
         padding-bottom: 20px;
    }
}
 .secondary-page .breadcrumb a {
     color: #003f72 !important;
     text-decoration: none;
}
 .secondary-page .breadcrumb {
     color: #003f72 !important;
}
 .secondary-page .breadcrumb-item.active {
     color: #003f72;
}
 .secondary-page .breadcrumb-item + .breadcrumb-item::before {
     float: left;
     padding-right: var(--bs-breadcrumb-item-padding-x);
     color: #003f72 !important;
     content: var(--bs-breadcrumb-divider, "/");
}
/*Events*/
 .basic-events-list {
     background-color: #D6E8EF 
}
 .events-container{
     padding: 80px;
}
 .event-row {
     background-color: #fff;
     border-radius: 1rem;
     margin: 30px;
     min-height: 165px;
}
 .event-date {
     font-size: clamp(24px, 2.5vw, 36px);
     color: #3e96b4;
     text-align: center;
     margin: auto;
     font-family: "League Gothic", sans-serif;
     height: 50%;
     line-height:1;
     text-transform: uppercase;
}
 .event-info{
     margin: auto;
     padding: 25px;
     border-left: 3px solid #FFC72A;
     height: 15vh;
     display: flex;
     justify-content: center;
     flex-direction: column;
}
 .event-info a {
     font-family: "League Gothic", sans-serif;
     font-size: clamp(28px, 2.5vw, 40px);
     text-decoration: none;
     color: #003f72;
     text-transform: uppercase;
     padding-top: 10px;
     padding-bottom: 10px;
     line-height: 1;
}
 .info-details {
     width:90%;
}
 .calendarLocation{
     color: #003f72;
}
 .calendarLocation .fa-location-dot {
     padding-right: 5px;
}
 .calendarTime {
     padding-left: 100px;
     color: #003f72;
}
 .calendarTime .fa-clock {
     padding-right: 5px;
}
 @media (max-width: 900px) {
     .event-info {
         padding-left: 20px;
         flex: none;
         width: 80% !important;
         height: auto;
    }
     .events-container {
         padding:0px;
    }
     .event-row {
         padding-top: 2%;
         padding-bottom: 2%;
    }
     .event-date {
         font-size: 26px;
         line-height: 1;
         width: 16.66666667% !important;
         flex: none;
    }
     .info-details {
         width: 100%;
    }
     .calendarTime {
         padding-left: calc(var(--bs-gutter-x) * .5);
    }
     .basic-events-list {
         padding-top: 20px;
         padding-bottom: 20px;
    }
     .events-page .breadcrumb {
         padding: 0px !important;
    }
}
 .content-logo {
     float:right;
     margin-left: 40px;
     margin-bottom: 20px;
     width:20%;
}
 @media (max-width: 900px) {
     .content-logo {
         float:right;
         margin-left: 0px;
         margin-bottom: 0px;
         width:30%;
    }
}
 .simple-content .container {
     max-width:90%;
     border-top: 6px dashed #ffc72a;
     margin-top:50px;
     margin-bottom:50px;
}
 .simple-content .content-row {
     padding:50px 0px 20px 0px;
}
 @media (max-width: 900px) {
     .simple-content .content-row {
         padding: 30px 0px 20px 0px;
    }
}
 .simple-content h2 {
     color: #003f72;
     text-transform: uppercase;
     padding-bottom:20px;
}
 @media (max-width: 900px) {
     .simple-content h2 {
         padding-bottom: 20px;
         padding-top: 20px;
    }
}
 @media (max-width: 600px) {
     .simple-content h2 {
         padding-bottom: 20px;
         padding-top: 0px;
    }
     .simple-content .content-row {
         padding: 40px 0px 20px 0px;
    }
     .simple-content .button {
         font-size:18px !important;
         margin:5px 0px !important;
    }
}
 .simple-page #subpage-banner {
     background-position: 50% 50% !important;
}
/* Overview Page Styles */
/* Header Section */
 .overview-page-title-wrapper {
     position:relative;
}
 .overview-page-title {
     position:absolute;
     bottom:-120px;
     background-color: rgb(0, 63, 114);
     padding: 40px 0px 40px 5%;
     width: 65%;
     z-index: 1;
}
/* @media (max-width: 900px) {*/
/*     .overview-page-title {*/
/*         position: absolute;*/
/*         bottom: 20px;*/
/*         padding-left: 20px;*/
/*    }*/
/*}*/
 .overview-page-title h1 {
     color: #fff;
     text-transform:uppercase;
     text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
     font-size: clamp(42px, 5vw, 80px);
}
 .overview-page-title .breadcrumb {
     color: #fff;
     background-color:transparent !important;
}
 .overview-page-title .breadcrumb a{
     color: #fff;
     text-decoration:none;
}
 .overview-page .breadcrumb-item.active {
     color: #fff !important;
}
 .breadcrumb-item + .breadcrumb-item::before {
     float: left;
     padding-right: var(--bs-breadcrumb-item-padding-x);
     color: #fff !important;
     content: var(--bs-breadcrumb-divider, "/");
}
 @media (max-width: 900px) {
     .overview-page .desktop-crumb {
         display:none;
    }
}
 .hero-section_overview {
     background: #D6E8EF;
     padding: 140px 0;
     display: flex;
     align-items: center;
     min-height: 400px;
}
 .container_overview {
     max-width: 1840px;
     margin: 0 auto;
     display: flex;
     align-items: center;
     gap: 40px;
}
 .hero-content_overview {
     flex: 1;
     width: 50%;
     padding-left: 40px;
}
 .hero-content_overview h1 {
     font-family: "League Gothic", sans-serif;
     font-size: clamp(40px, 5vw, 60px);
     color: #003F72;
     margin-bottom: 20px;
     text-transform: uppercase;
     letter-spacing: 1px;
}
 .hero-content_overview p {
     max-width: 700px;
     margin-bottom: 25px;
     color: #000;
     line-height: 1.7;
}
 .hero-content_overview ul {
     list-style: none;
     padding-left: 0;
}
 .hero-content_overview li {
     margin-bottom: 8px;
     color: #000;
}
 .hero-content_overview li::before {
     content: "●";
     color: #003F72;
     padding-right: 5px;
}
 .hero-image_overview {
     flex: 1;
     width: 50%;
}
 .hero-image_overview img {
     width: 100%;
     height: auto;
     margin-top: 20px;
}
/* Statistics Section */
 .stats-section_overview {
     background: #fff;
     padding: 80px 20px;
     text-align: center;
}
 .stats-container_overview {
     max-width: 1600px;
     margin: 0 auto;
}
 .stats-title_overview{
     font-family: "League Gothic", sans-serif;
     font-size: clamp(40px, 5vw, 60px);
     color: #003F72;
     margin-bottom: 60px;
     text-transform: uppercase;
}
 @media (max-width: 900px) {
     .stats-title_overview {
         margin-bottom: 0px;
    }
}
 .stats-grid_overview {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
     gap: 40px;
     margin-top: 40px;
}
 .stat-item_overview {
     padding: 20px;
     border-right: 5px solid #FFC72A;
}
 .stat-item_overview:last-child {
     border-right: none;
}
 .stat-number_overview {
     color: #003F72;
     font-size: clamp(36px, 5vw, 48px);
     font-weight: bold;
     margin-bottom: 10px;
     display: block;
}
 .stat-label_overview {
     color: #3B3B3B;
     text-transform: uppercase;
     font-weight: 800;
     letter-spacing: 1px;
}
/* Bottom Section */
 .bottom-section_overview {
     background: #f5f5f5;
     color: white;
     display: flex;
     flex-direction: column;
}
 .bottom-row {
     display: flex;
     min-height: 300px;
}
 .bottom-content_overview {
     flex: 1;
     display: flex;
     flex-direction: column;
     justify-content: center;
     background: #003F72;
}
 .bottom-content_overview.aligned_right {
     text-align: right;
}
 .bottom-content_overview.aligned_right p {
     margin-left: auto;
}
 .bottom-content-inner_overview {
     padding: 40px;
}
 .bottom-content_overview h3 {
     font-family: "League Gothic", sans-serif;
     font-size: clamp(40px, 5vw, 60px);
     margin-bottom: 25px;
     text-transform: uppercase;
}
 .bottom-content_overview p {
     line-height: 1.7;
     margin-bottom: 30px;
     max-width: 600px;
}
 .cta-button_overview {
     background: #FFC72A;
     color: #003f72;
     padding: 15px 45px;
     border: none;
     font-weight: 800;
     text-transform: uppercase;
     cursor: pointer;
     transition: all 0.3s ease;
     align-self: flex-start;
     text-decoration: none;
     display: inline-block;
     border-radius: 1rem;
     font-family: Open Sans,sans-serif;
     font-size: 18px;
}
 .cta-button_overview:hover, .cta-button_overview:focus {
     background: #e0a800;
     transform: translateY(-2px);
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
     outline: 2px solid #fff;
     outline-offset: 2px;
}
 .bottom-content_overview.aligned_right .cta-button_overview {
     align-self: flex-end;
}
 .bottom-images_overview {
     flex: 1;
     display: flex;
}
 .bottom-images_overview img {
     width: 100%;
     height: 100%;
     object-fit: cover;
}
 .bottom-image_overview-img-bg {
     display: none;
}
/* Responsive Design */
 @media (max-width: 1024px) {
     .stats-grid_overview {
         grid-template-columns: repeat(2, 1fr);
         gap: 30px 0px;
    }
     .stat-item_overview:nth-child(2n) {
         border-right: none;
    }
}
 @media (max-width: 768px) {
     .hero-section_overview .container_overview {
         flex-direction: column;
         text-align: left;
    }
     .hero-section_overview {
         position: relative;
         padding: 140px 0 0 0;
         overflow: hidden;
    }
     .hero-content_overview {
         width: 90%;
         padding-right: 10px;
         padding-left: 10px;
    }
     .hero-image_overview {
         width: 100%;
         padding-left:7%;
    }
     .hero-image_overview img {
         position: relative;
         margin-right: -75px;
    }
     .bottom-image_overview-img-bg {
         display: block;
         width: 100%;
         height: 250px;
         background: #FFF;
         position: absolute;
         bottom: 0;
         left: 0;
    }
     .bottom-section_overview {
         flex-direction: column;
    }
    /* Make each bottom row stack vertically */
     .bottom-row {
         flex-direction: column;
         min-height: auto;
    }
    /* Ensure images come first in stacking order */
     .bottom-row .bottom-images_overview {
         order: 1;
         min-height: 200px;
    }
     .bottom-row .bottom-content_overview {
         order: 2;
    }
     .bottom-content-inner_overview {
         padding: 30px 20px;
    }
    /* Reset any flex direction changes for images */
     .bottom-images_overview {
         flex-direction: row;
    }
}
 @media (max-width: 480px) {
     .stats-grid_overview {
         grid-template-columns: 1fr;
         margin-top:20px;
    }
     .bottom-content-inner_overview {
         padding: 20px 20px 30px 20px;
    }
     .bottom-image_overview-img-bg {
         height: 150px;
    }
    .bottom-content-inner_overview {
        text-align: center;
    }
    .bottom-content_overview.aligned_right {
        text-align: center;
    }
     .stat-item_overview {
         border-right: none;
         border-bottom: 5px solid #FFC72A;
         margin-left: 40px;
         margin-right: 40px;
    }
}
/* Focus indicators for accessibility */
/* *:focus {
     outline: 2px solid #ffc107;
     outline-offset: 2px;
}
*/
/* High contrast mode support */
 @media (prefers-contrast: high) {
     .hero-section_overview {
         background: #fff;
         border: 2px solid #000;
    }
     .cta-button_overview {
         border: 2px solid #000;
    }
}
/* Reduced motion support */
 @media (prefers-reduced-motion: reduce) {
     .cta-button_overview {
         transition: none;
    }
     .cta-button_overview:hover {
         transform: none;
    }
}
/* Apply Page */
 html {
     scroll-behavior: smooth;
}
 .header-container_apply {
     background-color: white;
     padding: 60px 0px;
}
 @media only screen and (max-width: 900px) {
     .header-container_apply .container {
         max-width: 90% !important;
    }
}
 @media (max-width: 900px) {
     .header-container_apply {
         max-width: 100%;
         padding: 60px 0px;
    }
}
 h1.main-title_apply {
     font-family: "League Gothic", sans-serif;
     font-size: clamp(50px, 5vw, 80px);
     font-weight: 400;
     color: #003F72;
     text-transform: uppercase;
     margin: 0 auto 30px;
     letter-spacing: 1px;
}
 .description_apply {
     color: #003F72;
     line-height: 1.6;
     margin: 0 auto 50px;
     font-size:24px;
     font-weight: 800;
}
 .button-container_apply {
     display: flex;
     gap: 8px;
     flex-wrap: wrap;
     justify-content: space-between;
     align-self: flex-start;
}
 .nav-button_apply {
     font-family: "Open Sans", sans-serif;
     font-size: clamp(18px, 2.5vw, 24px);
     background-color: #3e96b4;
     color: white;
     border: none;
     padding: 18px 32px;
     text-transform: uppercase;
     border-radius: 12px;
     cursor: pointer;
     transition: all 0.3s ease;
     letter-spacing: 0.5px;
     min-width: 350px;
     text-decoration: none;
     text-align: center;
     font-weight: 800;
}
 .nav-button_apply:hover, .nav-button_apply:focus {
     background-color: #003F72;
}
/* Active button state */
 .nav-button_apply.active {
     background-color: #003F72;
}
/* Apply Section */
 .bottom-section_apply {
     display: flex;
     flex-direction: column;
}
 .bottom-row {
     display: flex;
     min-height: 300px;
     scroll-margin-top: 20px;
}
 .bottom-row.bg-blue {
     background: #D6E8EF;
}
 .bottom-row.bg-green {
     background: #CAE5D1;
}
 .bottom-content_apply {
    /* flex: 1;
     */
     display: flex;
     flex-direction: column;
     justify-content: center;
     width: 48.5%;
     padding-left:5%;
}
 .bottom-content_apply h2 {
     font-family: "League Gothic", sans-serif;
     font-size: clamp(40px, 2.5vw, 60px);
     font-weight: 300;
     margin: 0 auto;
     padding: 0;
     text-transform: uppercase;
     color: #003F72;
}
 .bottom-content_apply p {
     line-height: 1.7;
     margin-bottom: 30px;
     max-width: 600px;
     color: #2c2c2c;
    /* Improved contrast */
}
 .bottom-content-inner_apply {
     padding: 10px;
}
 .bottom-content-inner_apply ul {
     color: #2c2c2c;
    /* Improved contrast */
     padding: 0;
     margin-bottom: 20px;
     list-style: none;
}
 .bottom-content-inner_apply ul li {
     padding: 5px 0;
}
 .bottom-content-inner_apply ul li::before {
     content: "●";
     color: #003F72;
     padding-right: 10px;
}
 .cta-button_apply {
     background: #FFC72A;
     color: #003F72;
     padding: 15px 45px;
     border: 2px solid transparent;
     font-weight: bold;
     text-transform: uppercase;
     cursor: pointer;
     transition: all 0.3s ease;
     align-self: flex-start;
     text-decoration: none;
     display: inline-block;
     border-radius: 12px;
     font-family: "Open Sans", sans-serif;
     font-size: clamp(18px, 2.5vw, 20px);
     font-weight:800;
}
 .cta-button_apply:hover, .cta-button_apply:focus {
     background: #003F72;
     color: #FFF;
}
 .bottom-images_apply {
     width: 52%;
     display: flex;
     position: relative;
}
 .bottom-colorbar-blue_apply {
     position: absolute;
     bottom: 0;
     left: 0;
     width: 6.75%;
     height: 100%;
     opacity: .7;
     background: #D6E8EF;
}
 .bottom-colorbar-green_apply {
     position: absolute;
     bottom: 0;
     right: 0;
     width: 6.75%;
     height: 100%;
     opacity: .7;
     background: #CAE5D1;
}
 .bottom-images_apply img {
     width: 100%;
     height: 100%;
     object-fit: cover;
}
 .bottom-image_apply-img-bg {
     display: none;
}
/* Skip link for screen readers */
 .skip-link {
     position: absolute;
     top: -40px;
     left: 6px;
     background: #003F72;
     color: white;
     padding: 8px;
     text-decoration: none;
     z-index: 1000;
}
 .skip-link:focus {
     top: 6px;
}
/* Screen reader only text */
 .sr-only {
     position: absolute;
     width: 1px;
     height: 1px;
     padding: 0;
     margin: -1px;
     overflow: hidden;
     clip: rect(0, 0, 0, 0);
     white-space: nowrap;
     border: 0;
}
/* Responsive Design */
 @media only screen and (max-width: 600px) {
     .apply-page #subpage-banner {
         height: 250px !important;
         background-size: cover !important;
         margin-top: 30px;
         margin-bottom: 0px;
    }
}
 @media (max-width: 1200px) {
     .nav-button_apply {
         padding:18px 10px;
    }
}
 @media (max-width: 1440px) {
     .nav-button_apply {
         min-width: 0;
         width: 24%;
    }
}
 @media (max-width: 1024px) {
     .nav-button_apply {
         min-width: 0;
         width: 48%;
    }
}
 @media (max-width: 768px) {
     .nav-button_apply {
         min-width: 250px;
    }
     .bottom-content_apply, .bottom-images_apply {
         width: 100%;
    }
     .bottom-colorbar-blue_apply, .bottom-colorbar-green_apply {
         height: 50px;
         width: 100%;
         top: 0;
         left:0;
    }
     .bottom-image_apply-img-bg {
         display: block;
         width: 100%;
         height: 250px;
         background: #FFF;
         position: absolute;
         bottom: 0;
         left: 0;
    }
     .bottom-section_apply {
         flex-direction: column;
    }
     .bottom-row {
         flex-direction: column;
         min-height: auto;
    }
     .bottom-row .bottom-images_apply {
         order: 2;
         min-height: 200px;
    }
     .bottom-row .bottom-content_apply {
         order: 1;
    }
     .bottom-content-inner_apply {
         padding: 30px 20px;
    }
     .bottom-images_apply {
         flex-direction: row;
    }
}
 @media (max-width: 480px) {
     .nav-button_apply {
         min-width: 150px;
         padding: 18px 0px;
         letter-spacing: 0px;
         font-size: 16px;
    }
     .bottom-content-inner_apply {
         padding: 20px;
         bottom: -30px;
         position:relative;
    }
     .apply-row-cta{
         position:relative;
         z-index:1;
    }
     .bottom-image_apply-img-bg {
         height: 150px;
    }
}
/* Enhanced focus indicators for accessibility */
/* *:focus {
     outline: 3px solid #FFC72A;
     outline-offset: 2px;
}
*/
/* High contrast mode support */
 @media (prefers-contrast: high) {
     .cta-button_apply {
         border: 3px solid #000;
    }
     .nav-button_apply {
         border: 2px solid #000;
    }
}
/* Reduced motion support */
 @media (prefers-reduced-motion: reduce) {
     html {
         scroll-behavior: auto;
    }
     .cta-button_apply {
         transition: none;
    }
     .cta-button_apply:hover {
         transform: none;
    }
     .nav-button_apply {
         transition: none;
    }
     .nav-button_apply.active {
         transform: none;
    }
}
/* Our People */
/* intro-content Section */
 .intro-content {
     background: #fff;
     padding: 0px;
}
 .intro-content .container {
     padding: 0px;
}
 .description {
     margin-bottom: 30px;
}
/* Mobile navbar */
 .mobile-navbar {
     display: flex;
     justify-content: space-between;
     align-items: center;
}
/* Mobile Menu Toggle */
 .mobile-menu {
     display: none;
     width: 40px;
     height: 40px;
     border-radius: 50%;
     background-color: #003f72;
     color: #fff;
     font-size: 24px;
     text-align: center;
     cursor: pointer;
     transition: all 0.3s ease;
     user-select: none;
     border: 2px solid #FFF;
     margin-top: -15px;
}
 .mobile-menu:hover {
     background-color: #3a8ba8;
}
 .mobile-menu:active {
     transform: scale(0.95);
}
 .mobile-menu.dash {
     line-height: 34px;
}
/* Main Content Layout */
 .people-block {
     background-color: #FFFFFF;
     padding: 0 80px 40px 80px;
}
/* Staff Grid - 3 columns */
 .staff-grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 35px;
     margin: 0 auto;
}
/* Sidebar Navigation */
 .sidebar {
     background: #003f72;
     padding: 124px 0;
     align-self: start;
     margin-left: -80px;
}
 .menu-item {
     font-family: "Open Sans", sans-serif;
     font-weight: 800;
     display: block;
     width: 260px;
     margin: 0 auto 15px;
     padding: 12px 20px;
     background: #fff;
     color: #1e4a66;
     text-decoration: none;
     font-size: clamp(14px, 2.5vw, 16px);
     text-transform: uppercase;
     text-align: center;
     border-radius: 10px;
     transition: all 0.3s ease;
     letter-spacing: 1px;
}
 .menu-item.active {
     background: #4a9bb8;
     color: #fff;
     position: relative;
}
 .menu-item.active:after {
     content: 'x';
     position: absolute;
     right: 30px;
     top: 16px;
     font-size: 12px;
}
 .menu-item:hover {
     background: #4a9bb8;
     color: #fff;
}
/* Staff Cards */
 .staff-card {
     background: #fff;
     overflow: hidden;
}
 .staff-image {
     width: 100%;
     height: 350px;
     object-fit: cover;
     display: block;
     object-position: 50% 15%;
}
 .staff-info {
     padding: 25px;
}
/* Alternate the color on the info section of the card */
/* Since sidebar is 1st child, cards start at 2nd child */
/* Card 1, 3, 5... (even nth-child) = blue */
 .staff-card:nth-child(even) .staff-info {
     background-color: #CAE5D1;
}
/* Card 2, 4, 6... (odd nth-child) = green */
 .staff-card:nth-child(odd) .staff-info {
     background-color: #D6E8EF;
}
 h4.staff-name {
     color: #003f72;
     text-transform: uppercase;
     font-weight:800;
     font-size: clamp(18px, 2.5vw, 22px);
}
 .staff-title {
     color: #003f72;
     margin-bottom: 12px;
     font-weight: 400;
     font-size: clamp(16px, 2.5vw, 20px);
}
 .staff-email {
     font-family: "Open Sans", sans-serif;
     font-weight: 600;
     color: #003f72;
     border-bottom: 1px solid transparent;
     transition: border-color 0.3s ease;
}
/* Focus indicators */
/*.menu-item:focus, .staff-email:focus {
     outline: 1px solid #ffc72a;
     outline-offset: 2px;
}
*/
/* High contrast mode support */
 @media (prefers-contrast: high) {
     .staff-info {
         border-top: 2px solid #003f72;
    }
     .sidebar {
         border: 2px solid #003f72;
    }
}
/* Reduced motion support */
 @media (prefers-reduced-motion: reduce) {
     .staff-card, .menu-item {
         transition: none;
    }
}
 @media only screen and (max-width: 600px) {
     .our-people #subpage-banner {
         height: 250px !important;
         background-size: cover !important;
         margin-top: 90px;
         margin-bottom: 0px !important;
    }
     .our-people .basic-page-intro {
         margin: 0px;
    }
}
 @media (max-width: 968px) {
     .people-block {
         padding: 20px;
    }
     .staff-grid {
         grid-template-columns: repeat(2, 1fr);
         gap: 20px;
    }
     .sidebar {
         grid-column: 1 / -1;
         margin-left: -20px;
         margin-right: -20px;
    }
     .menu-item {
         width: 240px;
    }
}
 @media only screen and (max-width: 900px) {
     .our-people .page-intro-with-crumbs .breadcrumb {
         background-color: #003f72 !important;
         color: #fff !important;
         padding: 0px !important;
    }
     .our-people .page-intro-with-crumbs .breadcrumb-item.active {
         color: #fff !important;
    }
}
 @media only screen and (max-width: 1024px){
     .staff-grid {
         grid-template-columns: repeat(3, 1fr);
    }
}
 @media (max-width: 768px) {
     h1 {
         font-size: 36px;
    }
     .container {
         padding-left: 20px;
         padding-right: 20px;
    }
     .intro-content {
         background-color: #003f72;
    }
     .intro-content .breadcrumb {
         color: #FFF;
    }
     .intro-content .breadcrumb, .intro-content h1,.intro-content p {
         color: #FFF;
    }
     .intro-content p {
         border-bottom: 2px dashed #FFF;
         padding-bottom: 40px;
    }
    /* Show mobile menu button on mobile */
     .mobile-menu {
         display: block;
    }
     .people-block {
         padding: 0;
         color: #FFF;
    }
     .staff-grid {
         display: grid;
         grid-template-columns: repeat(2, 1fr);
         gap: 0px;
    }
     .sidebar {
         padding: 0;
         margin-left: 0;
         margin-right: 0;
         display: none;
         transition: all 0.3s ease;
         margin-top: -20px;
    }
    /* Show sidebar when active */
     .sidebar.active {
         display: block;
    }
     .staff-card {
         display: flex;
         flex-direction: row;
         padding: 10px;
    }
     .staff-image {
         width: 150px;
         height: auto;
    }
     .staff-info {
         flex: 1;
         display: flex;
         flex-direction: column;
         justify-content: center;
         padding: 10px;
    }
     .menu-item {
         width: 400px;
         padding: 12px 18px;
    }
     .menu-item.active:after {
         right: 39px;
         top: 13px;
    }
}
 @media (max-width: 480px) {
     h1 {
         font-size: 28px;
    }
     .intro-content {
         padding: 10px;
    }
     .menu-item {
         max-width: 300px;
         padding: 10px 15px;
    }
     .staff-grid {
         grid-template-columns: 1fr;
         gap: 0;
    }
     .staff-card {
         display: flex;
         flex-direction: row;
         padding: 10px 10px 0 10px;
    }
     .staff-image {
         width: 150px;
         height: 150px;
         min-width: 150px;
    }
     .menu-item.active:after {
         right: 16px;
         top: 12px;
         font-size: 12px;
    }
}
/* Screen reader only text */
 .sr-only {
     position: absolute;
     width: 1px;
     height: 1px;
     padding: 0;
     margin: -1px;
     overflow: hidden;
     clip: rect(0, 0, 0, 0);
     white-space: nowrap;
     border: 0;
}
/* All Programs */
 .all-programs-page .page-title {
     margin: 40px 0px 0px 0px;
     color: #003f72;
     text-transform: uppercase;
}
 .all-programs-page .main-acc {
     background-color: #fff;
}
 .all-programs-page .card-header {
     background-color: #003F72;
     border-bottom: none;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 24px;
}
 .all-programs-page .accordion .btn-link::after {
     color: #fff;
     font-family: "Font Awesome 6 Free";
     font-weight: 900;
     content: "\f056";
     font-size: 2.5rem;
     display: block;
     position: absolute;
     top: 15%;
     right: 1rem;
     height: 1.6rem;
     width: 4rem;
     z-index: -1;
}
 .all-programs-page .accordion .btn-link {
     color: #fff;
     font-size: 2.5rem;
     font-weight: normal;
     padding: 1rem 2.4rem 0rem 0rem;
     padding-left: 0rem;
     position: relative;
     text-align: left;
     white-space: normal;
     width: 100%;
     z-index: 0;
     text-transform: uppercase;
     padding-left: 100px;
     text-decoration: none;
}
 .all-programs-page .accordion .btn-link:focus::after, .accordion .btn-link:hover::after, .accordion .btn-link:hover {
     color: #fff;
}
 .all-programs-page .accordion .card {
     background-color: inherit;
     border-top: none;
     border-top-left-radius: 0;
     border-top-right-radius: 0;
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
     border-left: 0;
     border-right: 0;
     margin-left: 0;
     margin-right: 0;
     padding: 0;
     margin-bottom: 50px;
}
 .all-programs-page .accordion .card-body {
     padding: 1rem 0rem;
     padding-left: 0rem;
     padding-left: 0px;
}
 .all-programs-page .acc-mod {
     padding: 0px;
     margin-bottom: 50px;
}
 .program-grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 35px;
     margin: 0 auto;
}
 .program-card {
     overflow: hidden;
     background-color: #D6E8EF;
}
 .program-image {
     width: 100%;
     height: 200px;
     object-fit: cover;
     display: block;
     object-position: 50% 50%;
}
 .program-info {
     padding: 20px;
     height: 200px;
     position: relative;
}
 .program-info a {
     color: #003f72 !important;
     text-decoration: none;
     font-size: 22px;
     text-transform: uppercase;
     font-weight: 800;
     line-height:1.25;
}
 .degree-type {
     list-style-type:none;
     margin: 0;
     padding: 0px 0px 20px 0px;
     display: flex;
     justify-content: space-between;
     position: absolute;
     bottom: 0;
}
 .degree-btn {
     border-radius: 2rem;
     padding: 10px;
     color: #003f72;
     font-weight: 800;
     min-width: 100px;
     font-size: 16px;
}

/* Clive Admissions Contact Us Form */

.admission-form {
   background-color: #D6E8EF
}

.admission-form .clive-form {
  font-family: 'Open Sans', sans-serif;
  padding: 70px 100px 70px 100px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.admission-form .clive-field-wrapper {
  margin: 10pt 0 0;
    margin-right: 0px;
  padding: 0 0 10pt;
  font-size: 1.2em;
  width: 40%;
  margin-right: 3%;
}

.admission-form .clive-field {
  margin: 5pt 0;
  position: relative;
  padding-left: 20px;
}

.admission-form .clive-field-wrapper > label {
  display: none;
}

.admission-form .clive-field > input {
  padding: 5pt 5pt 5pt 20pt;
  font-size: 18px;
  border: none;
  border-radius: inherit;
  font-family: 'Open Sans', sans-serif;
  box-sizing: border-box;
  height: 4em;
  width: 100%;
  color: gray;
  font-weight: 800;
}

.admission-form .clive-field-wrapper .clive-validation-error {
  position: absolute;
  top: 100%;
  pointer-events: none;
  left: auto;
}

.admission-form .clive-submit-wrapper {
  margin: 40px 0px 20px 0px;
  position: relative;
  width: 25%;
  margin-left: auto;
  margin-right: auto;
  text-transform: uppercase;
}


.admission-form .clive-submit {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #ffc72a;;
  height: 3em;
  border-radius: 1rem;
  text-transform: uppercase;
  color: #003f72;
  width: 100%;
  font-weight: 800;
  font-size: 18px;
}


.admission-form .clive-form-description-wrapper {
  margin-bottom: 60px;
  text-align: center;
  text-transform: uppercase;
  font-family: league gothic;
  font-size: 45px;
  color: #003f72;
  width: 100%;
}

.admission-form .clive-field > input:hover, .admission-form .clive-field select:hover, .admission-form .clive-submit:hover, .admission-form .clive-field > input:focus, .admission-form .clive-field select:focus, .admission-form .clive-submit:focus {
  border: 1px solid #003F72;
}

.admission-form .form-area p {
  padding: 100px 100px 90px 100px;
  text-align: center;
  font-size: 18px;
}


 .links-list,.no-bullet{
     list-style:none;
     padding-left:0 
}
 .links-list>li{
     background-color:transparent;
     background-image:url("data:image/svg+xml;
     charset=utf8,%3Csvg height='18' viewBox='0 0 18 18' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%23194f90' stroke-width='2' transform='translate(-1041 -747)'%3E%3Cg fill='%23fff'%3E%3Ccircle cx='1050' cy='756' r='9' stroke='none'/%3E%3Ccircle cx='1050' cy='756' fill='none' r='8'/%3E%3C/g%3E%3Cpath d='m0 0v6.63h6.63' fill='none' transform='matrix(-.70710678 -.70710678 .70710678 -.70710678 1048.307 760.885)'/%3E%3C/g%3E%3C/svg%3E");
     background-position:0 .4rem;
     background-repeat:no-repeat;
     background-size:1.8rem 1.8rem;
     margin-bottom:1rem;
     padding-left:2.4rem;
}
 .ctas-list{
     list-style:none;
     padding:0;
     margin:20px 0 0 
}
 .ctas-list li{
     display:inline-block;
     margin:0 7px 14px 
}
 .ctas-list--content{
     margin:20px 0 10px 
}
 .ctas-list--content li{
     margin-left:0;
     margin-right:14px 
}
 .ctas-list--content li:last-child{
     margin-right:0 
}
 .focused-2col-header{
     margin-bottom:2rem 
}
 @media (min-width:768px){
     .focused-2col-header{
         margin-bottom:0 
    }
}
 .focused-2col-grid-column{
     margin-bottom:4rem 
}
 .focused-2col-grid-column:last-child{
     margin-bottom:0 
}
 @media (min-width:992px){
     .focused-2col-grid-column:last-child .ctas-list--content{
         margin-bottom:-15px 
    }
}
 @media (min-width:768px){
     .focused-2col-grid-column{
         margin-bottom:2rem 
    }
}
 .basic-2col-content-row{
     margin-bottom:4rem;
     padding:0 
}
 @media (min-width:768px){
     .basic-2col-content-row{
         margin-bottom:1rem 
    }
}
 .basic-2col-content-row:last-child{
     margin-bottom:0 
}
 .basic-2col-lg-caption .basic-2col-content:first-of-type{
     margin-bottom:3rem 
}
 @media (min-width:992px){
     .basic-2col-lg-caption .basic-2col-content:first-of-type{
         margin-bottom:0 
    }
}
 @media (min-width:992px){
     .basic-2col-lg-caption--right .basic-2col-content:first-of-type{
         padding-right:4rem 
    }
}
 @media (min-width:992px){
     .basic-2col-lg-caption--left .basic-2col-content:last-of-type{
         padding-left:4rem 
    }
}
 .basic-2col-lg-caption .section-title{
     margin-top:0 
}
 @media (min-width:992px){
     .basic-2col-lg-caption .section-description--lead{
         font-size:2rem;
         line-height:3rem 
    }
}