:root {
     --main-font: "proxima-nova", Helvetica, Arial, sans-serif;
     --heading-font: "proxima-nova",Helvetica,Arial,sans-serif;
}
 body,html {
     font-size:20px;
     color: #333;
     line-height: 1.5;
}
 p, li {
     line-height: 1.5;
}
 body,html,button,.label {
     font-family: var(--main-font);
}
 .button, .cta-link-primary {
     font-weight: 600;
}
 body > header {
     display: none;
}
 h1,h2,h3,h4,h5,h6, .display-text,.display-text--small,.display-text--medium,.display-text--large,.display-text--x-large, .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .related-content .display-text--small {
     font-family: var(--heading-font);
     font-weight: 800;
     color: #081e3f;
     margin-bottom: 1rem;
}
/* Font Overrides */
 body, .display-text, .display-text--x-large, .display-text--large, .display-text--medium, .display-text--small, .button, button, .label, blockquote, #mega-menu .top-bar-section .nav-links li, #mega-menu .top-bar-section .nav-links>li>button, body > header #nav .site-header .site-name, body > header .logo-tools .tools #search span, body > header .logo-tools .tools #menu span, body > header .logo-tools .tools #mmenu span, body > header .site-header .tools #search span, body > header .site-header .tools #menu span, body > header .site-header .tools #mmenu span, .global-header .global-nav-wrapper .global-nav .top-bar-section>ul>li.has-dropdown>a, .global-header .global-nav-wrapper .global-nav .top-bar-section>ul>li .dropdown a, .side-nav li span, section nav ul.sub-nav li, .blockquote-container cite, .accordion .accordion-navigation>a, .accordion dd>a, .accordion.accordion-refresh .accordion-navigation > a, .tabs dd>a, .tabs .tab-title>a, .tabs .tab-title a, footer h2 {
     font-family: var(--main-font);
}
 body > footer .footer-logo img {
     max-width: min(100%, 300px)!important;
}
/* Typography */
 main {
     h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .display-text--x-large, .display-text--large, .display-text--medium, .display-text--smal, .display-text, p {
         margin: 0 0 1.25rem;
    }
     h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .display-text--x-large, .display-text--large, .display-text--medium, .display-text--smal, .display-text {
         font-family: var(--heading-font);
    }
     h1, .h1 {
         font-size: 2.75rem;
         line-height: 1.125;
         font-weight: 800;
    }
     h2, .h2, .display-text--x-large {
         font-size: 2.4rem;
         line-height: 1.1667;
         font-weight: 800;
         *:not(h1):not(.pretitle)+& {
             margin-top: 3rem;
        }
    }
     h3, .h3, .display-text--large {
         font-size: 1.6rem;
         line-height: 1.25;
         font-weight: 700;
         *:not(h2):not(.pretitle)+& {
             margin-top: 2.5rem;
        }
    }
     h4, .h4, .display-text--medium {
         font-size: 1.4rem;
         line-height: 1.14286;
         font-weight: 700;
         *:not(h3):not(.pretitle)+& {
             margin-top: 2rem;
        }
    }
     h5, .h5, .display-text--small {
         font-size: 1.2rem;
         line-height: 1.333;
         font-weight: 700;
    }
     h6, .h6, .display-text {
         font-size: 1rem;
         line-height: 1.4;
         font-weight: 700;
    }
     p, li, .button, dt, dd {
         font-size: var(--base-font-size);
         line-height: 1.5;
    }
     .body-lg {
         font-size: 1.375rem;
    }
     .body-sm {
         font-size: 1rem;
    }
     .body-xs {
         font-size: 0.875rem;
    }
     .lead, p.lead {
         font-size: 1.5rem;
    }
     @media (max-width: 640px) {
         .lead, p.lead {
             font-size: 1.25rem;
        }
    }
     small, .p-small {
         font-size: 0.875rem;
    }
     .pretitle {
         margin-bottom: 0.625rem;
         font-size: 1rem;
         font-style: normal;
         font-weight: 400;
         line-height: 1.5;
         letter-spacing: 0.173em;
         text-transform: uppercase;
         color: #fc0!important;
    }
     .fw-light {
         font-weight: 300 !important;
    }
     .fw-normal {
         font-weight: normal !important;
    }
     .fw-medium {
         font-weight: 500 !important;
    }
     .fw-semi-bold {
         font-weight: 600 !important;
    }
     .fw-bold {
         font-weight: 700 !important;
    }
     .fw-extra-bold {
         font-weight: 800 !important;
    }
     .fw-black {
         font-weight: 900 !important;
    }
     @media (max-width: 640px) {
         h1{
             font-size: 2.4rem;
        }
         h2{
             font-size: 2rem;
        }
         h3{
             font-size: 1.3rem;
        }
         h4 {
             font-size: 1.15rem;
        }
         h5{
             font-size: 1rem;
        }
         h6 {
             font-size: .8rem;
        }
    }
}
 .font-size-sm {
     font-size: .8rem;
}
 .font-size-m {
     font-size: 1.4rem;
}
 .font-size-xxl {
     font-size: 7rem;
}
 .font-weight-bold {
     font-weight: 700;
}
 #banner.banner--start-your-journey .banner-row-logo{
     height: initial!important;
}
 .banner--start-your-journey {
     height: 100vh!important;
     min-height: 760px!important;
     background-attachment: fixed;
     .headline-container {
         background: none;
         background-image: linear-gradient(to bottom, #081e3f 0%, rgba(8, 30, 63, 0) 50%);
         padding-top: 5rem;
         .content-flex{
             .content{
                 height: 100%;
                 width: 100%!important;
                 max-width: 100%!important;
                 padding: 0!important;
                 display: flex;
                 flex-direction: column;
                 .panel {
                     padding: 1.25rem 2rem!important;
                     border-top: .5rem solid #fc0;
                     margin: auto auto 0 auto;
                     min-width 80%;
                     max-width: 850px!important;
                     box-shadow: 0 10px 37px 0 rgba(0, 0, 0, 0.25);
                     h1, p {
                         color: #333!important;
                    }
                     p {
                         width: 100%;
                         a.button {
                             margin-left: auto!important;
                             margin-right: auto!important;
                        }
                    }
                }
            }
        }
    }
}
@media (max-width: 640px) {
    .banner--start-your-journey .headline-container {
        padding-top: .9375rem;
    }
    .banner--start-your-journey .headline-container .content-flex .content .panel {
        margin-bottom: .9375rem;
    }
}
 @media (min-width: 641px) {
     #banner.banner--start-your-journey .headline-container {
         .banner-row-logo {
             img{
                 max-width: min(100%, 300px);
            }
             .columns:nth-child(2) a.cta-link-primary{
                 margin-right: 1.25rem;
                 float: right;
            }
        }
    }
}
 @media (max-width: 400px) {
     #banner.banner--start-your-journey .headline-container {
         padding-top: 2rem;
         .banner-row-logo .columns{
             height: initial!important;
        }
    }
}

#page-intro {
    background: #EEF2F4!important;
    .row {
        background: #EEF2F4!important;
        .columns {
            background: #EEF2F4!important;
            nav {
                ul {
                    background: #EEF2F4!important;
                    padding: 1.6rem 0;
                    margin: 0 auto!important;
                    text-align: center;
                    width: 100%;
                    li {
                        font-size: .8rem;
                        a {
                            color: #333!important;
                        }
                            
                           
                    }
                }
                &.fixed {
                    ul {
                        padding: .5rem 0;
                        li.on-this-page {
                            color: #333!important;
                        }
                    }
                }
            }
            nav:not(.fixed) ul.sub-nav {
                box-shadow: none;
            }
        }
    }
}
@media (min-width: 641px) {
    #page-intro {
        nav {
            background: #EEF2F4!important;
        }
    }
}
@media (max-width: 640px) {
    .anchored-nav > .columns {
        padding: 0;
    }
    section .anchored-nav nav #in-this-section {
        border-radius: 0;
    }
}
 .custom-slider-gallery {
     >.row {
         position: relative;
         .columns:has(.slider-description) {
             .slider-description{
                 .slider-controls {
                     display: none!important;
                }
            }
        }
         .columns:has(.slider){
             position: relative;
             padding-left: 2rem;
             padding-right: 2rem;
             height: 100%!important;
             .slide{
                 height: 100%!important;
                 background: #081e3f!important;
                 display: flex;
                 flex-direction: column;
                 figure{
                     background: #081e3f!important;
                     h2{
                         font-size: 5rem;
                         color: #fc0;
                         margin-bottom: 0;
                    }
                     p {
                         color: #fff;
                    }
                }
            }
             .slider-controls {
                 position: absolute;
                 left: -1.5rem;
                 top: calc(50% - 1.5rem);
                 width: 100%;
                 .text-center.pagination{
                     display: none;
                }
                 .fiu-slider-arrows {
                     margin-top:0;
                     position: relative;
                     button {
                         padding: 0;
                         position: absolute;
                         background: none;
                         color: #000!important;
                         width: auto;
                         i{
                             font-size: 1.5rem;
                        }
                         &.s-prev{
                             left: 1rem;
                             ;
                        }
                         &.s-next {
                             right: -2rem;
                        }
                    }
                }
            }
             .slick-dots{
                 margin-top: 1rem!important;
                 li button {
                     height: 10px;
                     background: none;
                     &:before{
                         font-family: 'slick';
                         font-size: 1.5rem;
                         line-height: 20px;
                         position: absolute;
                         top: 0;
                         left: 0;
                         width: 20px;
                         height: 20px;
                         content: '•';
                         text-align: center;
                         opacity: .25;
                         color: black;
                    }
                }
                 li.slick-active button {
                     width: 20px;
                }
                 li.slick-active button:before {
                     opacity: .75;
                     color: black;
                }
            }
        }
    }
}
 @media (min-width: 1240px){
     .custom-slider-gallery {
         .slide {
             figure {
                 img {
                     width: 100%!important;
                }
            }
        }
    }
}
 .discover-whats-waiting.custom-slider-gallery > .row .columns:has(.slider){
     .slick-track {
         display: flex;
         align-items: stretch;
         .slick-slide {
             height: auto !important;
             display: flex !important;
             justify-content: center; 
             > div {
                 display: flex;
                 flex: 1;
                 > * {
                     display: flex;
                     flex-direction: column;
                     height: 100%;
                }
            }
        }
    }
}
 button.dropdown.custom-dropdown {
     width: 100%;
     border-color: #081e3f transparent transparent transparent !important;
     background-color: #fff;
     border: #ddd 5px solid!important;
     text-align: left;
     color: #333!important;
     &::after {
         color: #333!important;
         border-color: #333 transparent transparent transparent;
    }
}
 div:has(.f-dropdown) {
     position: relative;
}
 .f-dropdown {
     left:0!important;
     border-color: #ddd;
     border-top: 0;
     margin-top: 0;
     max-width: 100% !important;
     box-shadow: 0px 2px 5px rgba(0,0,0,.2);
     &::before, &::after {
         display: none;
    }
     li a {
         font-size: 1rem;
         padding-top: 1rem;
         padding-bottom: 1rem;
         padding-left: calc(1rem + 5px) !important;
         padding-right: calc(1rem + 5px) !important;
         text-decoration: none!important;
         transition: all .2s ease-in-out;
         color: #333!important;
         &:hover {
             background-color: #f2f2f2;
        }
    }
     li+li {
         border-top: 1px solid rgba(0, 0, 0, 0.05);
    }
}
 .application-deadlines{
     padding-top: 5rem!important;
     .row {
         position: relative;
         .columns:nth-child(2) {
             min-height: 100%;
             display: flex;
             flex-direction: column;
             justify-content: flex-end;
        }
    }
}
 .application-deadlines-2{
     padding-bottom: 15rem!important;
     .columns:nth-child(2) {
         .panel {
             margin-bottom: 0;
             .application-dealines-buttoms {
                 width: 100%;
                 display: flex;
                 justify-content: center;
                /* center horizontally */
                 gap: 1rem;
            }
        }
    }
}
@media (max-width: 640px) {
    .application-deadlines-2 .application-dealines-buttoms {
        flex-direction: column;
    }
}
 .custom-table {
     border: none;
     border-collapse:collapse;
     border-radius: 5xp;
     tr {
         background: none!important;
         border-bottom: 1px solid rgb(0, 0, 0, .2);
         .last {
             border-bottom: none;
        }
    }
}
 .custom-table-scr-xsm {
     display: none;
}
 @media (max-width: 399px) {
     .custom-table {
         display: none;
    }
     .custom-table-scr-xsm {
         display: block;
    }
     .application-deadline-table-row {
         display: block;
         border-bottom: 1px solid rgb(0, 0, 0, .2);
         padding: 1rem;
    }
     .application-deadline-table-row:last-child {
         border: none;
         margin-bottom: .75rem;
    }
     .application-deadline-table-title {
         font-weight: bold;
         margin-top: 0;
         margin-bottom: 0.5rem;
         color: #333!important;
    }
     .application-deadline-table-row div {
         color: #333!important;
    }
     .application-deadline-table-row span {
         font-weight: 600;
         display: inline-block;
         min-width: 90px;
         color: #333!important;
         padding-right: .5rem;
    }
     .application-dealines-buttoms {
         flex-direction: column;
         gap: 0.5rem!important;
    }
}
 @media (min-width: 641px) {
     .application-deadlines-2{
         .row {
             display: grid;
             grid-template-columns: repeat(3, 1fr);
             grid-template-rows: 1fr;
             grid-column-gap: 0px;
             grid-row-gap: 0px;
             .columns:first-child {
                 grid-area: 1 / 1 / 2 / 2;
                 width: 100%;
                 img{
                     height: 100%;
                     width: auto;
                     object-fit: cover;
                }
            }
             .columns:nth-child(2) {
                 grid-area: 1 / 2 / 2 / 4;
                 width: 100%;
            }
        }
    }
}
 @media (min-width: 641px) {
     .application-deadlines{
         .row {
             display: flex;
        }
    }
}
 @media (min-width: 641px) and (max-width: 850px) {
     .application-deadlines{
         .row {
             .columns {
                 width: 50%;
            }
        }
    }
}
 @media (max-width: 640px){
     .application-deadlines-2{
         .row {
             display: flex;
             flex-direction: column-reverse;
        }
    }
}
 .fiu-background-white.panel {
     .button.button--blue {
         border: 2px solid #081e3f;
         background-color: #081e3f;
         color: #fff !important;
    }
     .button.button--outline{
         border: 2px solid #0c2b5a;
         background-color: rgba(0,0,0,0);
         color: #0c2b5a !important;
    }
}
 .fiu-background-white.panel {
     .button.button--blue:hover, .button.button--outline:hover, .button.button--blue:active, .button.button--outline:active{
         background-color: rgba(8,30,63,.8);
         color: white!important;
    }
}
 .info-session{
     .padded-block{
         background: none;
         margin-top: -12rem;
         .padded-block-content{
             position: relative;
             box-shadow: 0 10px 37px 0 rgba(0, 0, 0, 0.25);
             background: white;
             padding:0;
             .info-session-img-top{
                 &:before{
                     content: '';
                     position: absolute;
                     top: 0;
                     left: 0;
                     height: 45px;
                     width: 45px;
                     border: 12px solid #ffcc00;
                     border-right: 0;
                     border-bottom: 0;
                }
            }
             .info-session-panel-description{
                 position: relative;
                 padding: 2rem 4rem 3rem 4rem;
                 a.button {
                     min-width: 40%;
                }
                 .info-session-img-bottom{
                }
            }
        }
    }
}
 @media (min-width: 1025px) {
     .info-session{
         .padded-block{
             .padded-block-content{
                 .info-session-panel-description{
                     .info-session-img-bottom{
                         position: absolute;
                         bottom: 0;
                         right: 0;
                         height: 60%;
                         width: auto;
                         object-fit: cover;
                    }
                }
            }
        }
    }
}
 @media (max-width: 1024px) {
     .info-session{
         .padded-block{
             .padded-block-content{
                 .info-session-panel-description{
                     .info-session-img-bottom{
                         position: absolute;
                         bottom: 0;
                         right: 0;
                         max-height: 50%;
                         max-width: 50%;
                    }
                }
            }
        }
    }
}
 @media (max-width: 640px) {
     .info-session{
         .padded-block{
             .padded-block-content{
                 .info-session-panel-description{
                     padding: 1rem 2rem 0 2rem;
                     .info-session-img-bottom{
                         position: relative;
                         max-height: 50%;
                         max-width: 100%;
                    }
                }
            }
        }
    }
}
 .stay-in-touch {
     > .row {
         max-width: calc(70ch + 8rem);
         margin: 0 auto;
         padding: 0;
         .columns:first-child {
             padding-left: 0;
             .padded-block-content {
                 border: none;
                 border-radius: 5px;
                 padding: 2rem;
                 h2{
                     margin: 1rem 0 2rem;
                }
                 form {
                     ul {
                         list-style: none;
                         margin: 0;
                         li {
                             margin-top: 1rem;
                             input {
                                 margin: 0;
                                 border-radius: 4px;
                            }
                             fieldset {
                                 border: none;
                                 margin: 0;
                                 padding: 0;
                                 div.name-row{
                                     display: flex;
                                     align-items: self-start;
                                     gap: 6px;
                                     span{
                                         flex: 1;
                                    }
                                }
                            }
                             .button {
                                 width: 100%;
                            }
                        }
                    }
                }
            }
        }
         .columns:nth-child(2) {
             padding-right: 0;
             a i {
                 background: black;
                 color: white;
                 padding: .2rem;
                 border-radius: 5px;
            }
        }
    }
}
 @media (max-width: 1024px){
     .stay-in-touch {
         padding-left: .9375rem;
         padding-right: .9375rem;
         > .row {
             .columns:first-child {
                 .panel {
                     padding: 1.25rem;
                     h2{
                         margin: .5rem 0 1rem;
                    }
                }
            }
        }
    }
}
 @media (min-width: 1025px) and (max-width: 1250px){
     .stay-in-touch {
         padding-left: 1.875rem;
         padding-right: 1.875rem;
    }
}
 .next-step {
     position: relative;
     background-image: url('../images/take-next-step-roary.jpg');
     background-position: top center;
     background-repeat: no-repeat;
     background-size: cover;
     padding: 5rem 0.9375rem;
     &::after {
         content: '';
         position: absolute;
         z-index: 5;
         top: 0;
         left: 0;
         height: 100%;
         width: 100%;
         background-color: #081E3F;
         opacity: 0.6;
    }
     .row {
         position: relative;
         z-index: 10;
    }
     /*h2 {
         font-size: 2rem;
    }*/
}
 .next-step .link-column {
     display: flex;
     flex-direction: column;
     width: 100%;
     gap: 0.8rem;
}
 .next-step .link-column a {
     padding: .8rem;
     padding-left: 1rem;
     font-size: 1.2rem;
     background: #FFF;
     color: #333 !important;
     font-weight: 700;
}