:root {
     --main-font: "proxima-nova", Helvetica, Arial, sans-serif;
     --heading-font: "proxima-nova",Helvetica,Arial,sans-serif;
     --fiu-blue: #101E3E;
     --fiu-gold: #FC0;
}

.mobile-reverse > .row {
    @media (max-width: 1100px) {
        display: flex;
        flex-direction: column;
        & > :nth-child(1) { order: 1; } 
        & > :nth-child(2) { order: 3; } 
        & > :nth-child(3) { order: 2; }
    }
}



 body,html {
     font-size:20px;
     color: #000;
     background: #EFF2F4;
}
 body,html,button,.label {
     font-family: var(--main-font);
}
 .button, .cta-link-primary {
     font-weight: 600;
}
 body > header.horizontal-logo .header-grid-logo img {
     max-height: 44px;
     width: auto;
}
 body>header .logo-tools .tools #search span {
     font-family: var(--main-font);
}
 body>header .header-logo span, body > header .logo-tools .tools #search span {
     font-size: 0.77rem!important;
}
 body > header .logo-tools .tools .fa {
     font-size: 0.9rem;
     line-height: .8rem;
}
 body > header.no-logo {
     display: none;
}
 h1,h2,h3,h4,h5,h6, .display-text,.display-text--small,.display-text--medium,.display-text--large,.display-text--x-large {
     font-family: var(--heading-font);
     font-weight: 800;
     color: var(--fiu-blue);
}
 body>header #nav .nav-links>li>a, body>header #nav .nav-links>li>button {
     font-size:.75rem;
}
 body>header .top-bar-section .nav-links li.has-dropdown a:not(.button) span {
     font-size:.75rem !important 
}
 body>header .top-bar-section .nav-links li.has-dropdown a:not(.button) {
     width: 9.75rem;
}
 #nav{
     display: none;
}
 .module-fiu-solves {
     width: 100%;
     margin: auto;
     padding: 2rem;
     border-bottom: .3rem solid var(--fiu-gold);
     .img-logo {
         max-width: 25rem;
         margin: auto;
    }
     .div-fiu-solves h1{
         color: var(--fiu-gold)!important;
         text-align: center;
         font-style: normal;
         font-weight: 800;
         font-size: clamp(3.5rem, 12vw, 7.5rem);
         line-height: clamp(4rem, 12vw, 8.5rem);
         margin: .75rem auto;
    }
     .div-how-text{
         color: #FFF;
         text-align: center;
         font-size: 1rem;
         font-style: normal;
         font-weight: 800;
    }
}
 .module-innovating-tomorrow{
     .row{
         .innovating-signature{
             display: flex;
             gap: 1rem;
             flex-direction: row;
             margin-top: 1.5rem;
             .ines-triay-text{
                 margin-top:auto;
            }
        }
    }
}
 @media (min-width: 1025px) {
     #banner.banner-flex.short .content-flex, #banner-video.banner-flex.short .content-flex {
         min-height: 500px;
    }
}


 @media (max-width: 640px) {
     #banner.banner-flex.short .content-flex, #banner-video.banner-flex.short .content-flex {
         min-height: 51vh;
    }
}

 @media (min-width: 1400px) {
     .module-innovating-tomorrow{
         width: 62.5rem;
         margin:5rem auto;
         transform: translateX(-5rem);
         .row{
             padding:3rem 12rem 3rem 5rem;
             .innovating-video {
                 position: absolute;
                 top: 0;
                 right: calc(25rem - 100%);
                 width: auto;
                 height: 100%;
                 aspect-ratio: 421/753;
            }
        }
    }
}
 @media (min-width: 801px) and (max-width: 1399px) {
     .module-innovating-tomorrow{
         .row{
             padding:3rem 40% 3rem 3rem;
             .innovating-video {
                 position: absolute;
                 top: 0;
                 right: -70%;
                 width: 60%;
                 height: auto;
                 aspect-ratio: 421/753;
            }
        }
    }
}
 @media (max-width: 640px) {
     .module-fiu-solves {
         .img-logo {
             margin: auto;
        }
         .div-how-text{
             font-size: .9rem;
        }
    }
}
 @media (max-width: 800px) {
     .module-innovating-tomorrow{
         .row{
             .innovating-video {
                 margin: 2rem auto;
                 width: 90vw;
                 iframe{
                     height: auto!important;
                     aspect-ratio: 421/753;
                }
            }
        }
    }
}
 .module-innovation1.multimedia-bg {
     background-attachment: fixed;
     min-height: max(calc(100vh - 5rem), 42rem);
     .wrapper {
         min-height: max(calc(100vh - 5rem), 42rem);
         .panel {
             max-width: calc(42.5rem);
             margin: 5rem 0rem 0rem;
             background: var(--fiu-blue);
            /* M3/Elevation Light/2 */
             box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.30), 0 2px 6px 2px rgba(0, 0, 0, 0.15);
             border: none;
             h2 {
                 color: #fff;
            }
             p{
                 color:#fff;
            }
        }
    }
}

@media (max-width:640px ){
    .module-innovation1.multimedia-bg {
        min-height: 70vh;
    }
    
    .module-innovation1.multimedia-bg {
        .wrapper {
            min-height: 70vh;
        }
    }
    
    .module-innovation1.multimedia-bg {
        & .wrapper {
            .panel {
                margin: 0
            }
        }
    }
    
    .module-innovation1.multimedia-bg .wrapper.bottom {
        justify-content: center;
    }
}


 #page-content .module-innovation-ranking {
     background: transparent;
     @media (min-width: 641px) {
        height: 5rem;
     }
     padding-top: 2rem;
     > .row {
         display: flex;
         align-items: stretch;
         gap: 1rem;
         max-width: 80rem;
         padding-left:3rem;
         .columns{
             z-index: 999;
             background: white;
             max-width: 20rem;
             padding: 1rem;
             text-align: center;
             top: 40%;
             color: var(--fiu-blue);
             h3{
                 font-size: 1.25rem;
            }
             P{
                 font-size: .75rem 
            }
             ::after {
                 display: block;
                 content: "";
                 width: 30px;
                 height: 32px;
                 border-width: 10px;
                 border-style: solid;
                 border-color: var(--fiu-gold);
                 position: absolute;
                 background: none;
                 left: 0rem;
                 border-right: 0px;
                 border-top: 0px;
                 bottom: 0rem;
            }
        }
    }
}
 @media (min-width: 1025px) {
     #page-content .module-innovation-ranking {
         > .row {
             .columns{
                 /*left: calc((86.5rem - 100vh)/2);*/
            }
        }
    }
}
 @media (max-width: 640px) {
     #page-content .module-innovation-ranking {
         > .row {
             flex-direction: column;
             padding: 0 1rem;
             .columns{
                 max-width: 100%;
            }
        }
    }
     .module-innovation1.multimedia-bg {
         .wrapper {
             .panel {
                 margin: 5rem 1rem 0rem;
                 .innovation1-text{
                     p{
                         font-size: .9rem 
                    }
                }
            }
        }
    }
}
 #page-content .module-leading-next{
     background: transparent;
     > .row {
         max-width: 80rem;
         padding: 3.5rem 3rem;
         .leading-tittle{
             font-size: 2.75rem;
             padding-bottom: 2.25rem;
             line-height: 1.1;
        }
         .leading-resilient font-size: .8rem;
    }
     .buttons .button{
         font-weight: 800;
    }
     .leading-breakthrough {
         font-size: 1.5rem;
    }
     .leading-next-video {
         position: relative;
         width: 100%;
         padding-bottom: 56.25%;
        /* 16:9 aspect ratio (360 / 640 = 0.5625) */
         height: 0;
         overflow: hidden;
    }
     .leading-next-video iframe {
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         border: 0;
    }
}
 @media (min-width: 641px) and (max-width: 1024px) {
     #page-content .module-leading-next > .row {
         padding: 3rem 1.5rem;
    }
}
 @media (min-width: 641px) and (max-width: 1099px) {
     #page-content .module-leading-next > .row {
         display: flex;
         flex-direction: column;
         .columns {
             width: 100%;
             .leading-tittle{
                 font-size: 2.5rem;
                 padding-bottom: .75rem;
            }
             .leading-breakthrough {
                 font-size: 1.3rem;
            }
             .leading-next-video {
                 margin-top: 1rem;
            }
        }
    }
}
 @media screen and (max-width: 640px) {
     #page-content .module-leading-next > .row {
         padding: 1rem 1.5rem;
         .leading-tittle{
             font-size: 2rem;
             padding-bottom: .75rem;
        }
         .leading-resilient {
             font-size: .7rem;
        }
         .leading-breakthrough {
             font-size: 1.25rem;
        }
         .leading-next-video {
             width: 90vw;
             margin-top: .5rem;
             margin-left: calc(50% - 45vw);
            /* offset parent padding/margins */
             padding-bottom: 56.25vw;
        }
    }
}
 #page-content .module-research-links {
     > .row {
         max-width: 80rem;
         padding: 3.5rem 3rem;
         .card-grid{
             align-items: stretch;
             .grid-content{
                 .grid-content-image img{
                     height: 16rem;
                     width: 100%;
                     object-fit: cover;
                     object-position: bottom center;
                }
                 .grid-content-wrapper{
                     h3 {
                         font-size: .75rem 
                    }
                     h2{
                         font-size: 1.25rem;
                    }
                     p{
                         font-size: .8rem;
                    }
                }
            }
        }
    }
}
 @media screen and (max-width: 1024px) {
     #page-content .module-research-links {
         > .row {
             padding: 0;
        }
    }
}
 @media (min-width: 641px) and (max-width: 800px) {
     #page-content .module-research-links {
         > .row {
             .card-grid{
                 flex-flow: column;
                 &.medium-block-grid-3 > li {
                     width: 100%!important;
                     .grid-content{
                         height: auto!important;
                         .grid-content-image img{
                             object-position: center center;
                        }
                    }
                }
            }
        }
    }
}
 .module-researchers > .row.collapse {
     .slider-controls.show-for-large-up{
         display: flex!important;
         flex-direction: row;
         gap: 1rem;
         justify-content: center;
         .fiu-slider-arrows button {
             padding: .25rem 1rem;
        }
    }
     .slick-track {
         .slide {
             figure{
                 figcaption{
                     padding-top:0;
                     a {
                         color: white;
                          text-decoration: none;
                         .profile-name {
                             display: inline-block;
                             font-size: 1rem;
                             background: var(--fiu-blue);
                             padding: .25rem .3rem;
                             color: white;
                             font-weight: 800;
                             width: 100%;
                             margin-bottom: 1rem;
                         }
                     }
                     .description p, .profile-label p {
                         font-size: .75rem;
                         line-height: 1rem;
                         font-weight: 700;
                    }
                     .profile-label p {
                         font-size: .8rem;
                         font-weight: 800;
                         color:var(--fiu-blue);
                    }
                     .description .position {
                         margin-bottom: .5rem 
                    }
                     .profile-label{
                         margin-top: .75rem;
                    }
                }
            }
        }
    }
}
 @media (min-width: 641px) {
     .module-researchers > .row.collapse {
         padding-left: calc((100% - 74rem)/2)!important;
    }
}
 .module-powering-florida {
     > .row{
         max-width: 80rem;
         padding: 3.5rem 3rem;
         h3 {
             font-size: .75rem;
        }
         h2 {
             font-sire: 1.75rem 
        }
    }
}
 @media screen and (max-width: 640px) {
     .module-powering-florida {
         > .row{
             padding: 1.5rem 1rem;
             .columns {
                 &:nth-child(2){
                     margin-top:1.5rem;
                }
            }
        }
    }
}
 @media (min-width: 640px) and (max-width: 1099px) {
     .module-powering-florida {
         .row {
             display: flex;
             flex-direction: column;
             .columns {
                 width: 100%;
                 &:nth-child(2){
                     margin-top:2rem;
                }
            }
        }
    }
}
 .module-power-fiu {
     
     @media (max-width: 640px) {
        margin: 0 !important;
        padding-bottom: 5rem;
        height: auto !important;
     }
     
     
     min-height: 25rem !important;
     height: 12rem;
     margin-bottom: 15rem;
     .video-wrapper::before {
         background-color: color-mix(in srgb, var(--fiu-blue), transparent 25%)!important;
    }
     .wrapper{
         min-height: 45rem;
         .panel {
             width: 100%!important;
             margin: 0;
             padding: 0!important;
             max-width: 100%;
             h2 {
                 text-align: center;
                 color: var(--fiu-gold)!important;
                 line-height: 3rem;
                 margin-bottom: 2.2rem;
            }
             .row {
                 max-width: 100%;
                 .columns {
                     display: flex;
                     flex-direction: column;
                     flex-wrap: wrap;
                     &:first-child{
                         align-items: flex-end;
                         text-align: right;
                    }
                     &:nth-child(2){
                         align-items: flex-start;
                         text-align: left;
                    }
                     .power-fiu-link-with-caption {
                         &:hover {
                             opacity: 1;
                             .power-fiu-image-caption {
                                 opacity: 0.85;
                            }
                        }
                         .power-fiu-image-caption {
                             display: inline-block;
                             text-align: center;
                             max-width: 32.5rem;
                             background: var(--fiu-blue);
                             width: 100%;
                             padding: 0.75rem 1rem;
                             font-weight: 800;
                             text-decoration: none;
                             font-size: 1.25rem;
                        }
                    }
                }
            }
        }
    }
}
 @media (min-width: 1025px) {
     .module-power-fiu {
         .wrapper {
             .row {
                 .columns {
                     &:first-child{
                         padding-left: 0;
                         padding-right: .5rem;
                    }
                     &:nth-child(2){
                         padding-right: 0;
                         padding-left: .5rem;
                    }
                     .power-fiu-image-caption p{
                         font-size: 1.25rem;
                    }
                }
            }
        }
    }
}
 @media (max-width: 1024px) {
     .module-power-fiu {
         .wrapper {
             .row {
                 .columns {
                     padding-left: .5rem;
                     padding-right: .5rem;
                     .power-fiu-image-caption p{
                         font-size: 1rem;
                    }
                }
            }
        }
    }
}
 @media (max-width: 640px) {
     .module-power-fiu {
         min-height: 100vh!important;
         margin-bottom: 5rem;
         .wrapper {
             .panel{
                 margin-top: 5rem;
                 .row {
                     .columns {
                         &:nth-child(2){
                             margin-top:2rem;
                        }
                    }
                }
            }
        }
    }
}
 footer p, footer a {
     font-size: 0.889rem;
}
 .module-keynote .round-media-cyan-gradient, .round-media-blue {
     max-width: 300px;
     margin: 0 auto;
     margin-bottom: 1rem;
     margin-top: 1rem;
}
 .module-keynote a {
     text-decoration:underline;
     margin-bottom: 1rem;
}
 .module-keynote figure {
     display: flex;
     margin-top: 1rem;
     margin-bottom: 1rem;
     gap: 1rem;
     align-items: center;
}
 @media (min-width: 641px) {
     .module-keynote figure {
         display: flex;
         margin: 2rem 0;
         gap: 1rem;
         align-items: center;
    }
}
 .module-keynote figure img {
     border: 2px solid #081e3f;
     width: 110px;
     border-radius: 50%;
}
/* Footer */
 footer .row {
     max-width: 1100px;
}
 footer .footer-flex {
     padding: 3.5rem 0;
}
 @media(min-width: 820px) {
     footer .footer-flex {
         display: flex;
         align-items: center;
    }
}
 footer img.footer-logo {
     max-width: 300px;
     margin-bottom: .8rem;
     width: 100%;
}
 footer address {
     font-style: normal;
}
 footer .links-and-social {
     margin-top: 2rem;
}
 @media(min-width: 820px) {
     footer .links-and-social {
         margin-top: 0;
         display: flex;
         gap: 3rem;
    }
     footer .links-and-social:after {
         content: "";
         display: block;
         height: calc(100% + 3rem);
         width: 1px;
         background: white;
         position: absolute;
         left: calc(63%);
         margin-top: -1.5rem;
    }
}
 footer .col.links {
     display: flex;
     flex-direction: column;
}
 footer .col.social {
     margin-top: 2rem;
}
 footer .col.social p {
     margin: 0 0 .5rem;
}
 footer .col.social a {
     text-decoration: none;
     font-size: 1.05rem;
     margin: 0 .2rem;
}
 @media(min-width: 820px) {
     footer .col {
         flex: 1 auto;
    }
     footer .col.links {
         text-align: right;
         width: 65%;
    }
     footer .col.social {
         margin-top: 0;
         width: 35%;
    }
}
 footer .social a, footer .social a:active, footer .social a:visited, footer .social a:focus {
     color: white;
}
 footer .social a:hover {
     color: #fc0;
}
 footer address a {
     color: white;
}