/* Custom CSS */
html {
    font-size: 18px !important;
}

 h1, h2, h3, h4, h5, h6 {
	 margin-bottom: 1rem;
}
.border-radius-lg{
    border-radius: 10px;
}
img.border-radius-lg {
    transition: transform .2s ease-in-out;
    will-change: transform;
}
img.border-radius-lg:hover {
    transform: scale(1.01);
}
.pretitle {
     font-size: 1rem;
     text-transform: uppercase;
     letter-spacing: 0.173em;
     font-weight: 500;
     margin-bottom: 0.625rem;
}

@media (min-width: 568px) {
    .content-block, .content-block.extra-padding {
    	 padding-top: 4.5rem;
    	 padding-bottom: 4.5rem;
    }
    .content-block.multimedia-bg {
	    padding: 0;
    }
}
.content-block .columns > *:not(h1):not(.subhead):not(.pretitle) + h2 {
     margin-top: 2rem;
}
.content-block .columns[class="columns"] {
	 float: none;
}

@media (min-width: 641px) {
    .multimedia-bg { 
        background-attachment: fixed;
    }
}

/* Line Height Adjustments for Headings */
h1 {
    line-height: 1.02;
}
h2 {
    line-height: 1.09;
}
h3, h4, h5, h6 {
    line-height: 1.2;
}

/* Header */
body > header {
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
}
header .tools .button {
    font-size: 0.75rem;
    white-space: nowrap;
    font-weight: 700;
}
body > header .logo-tools .tools > a, 
body > header .site-header .tools > a {
    width: auto !important;    
    margin: 0;
    padding: 0.5rem 0.75rem !important;
}
.site-header {
    display: none;
}
#search {
    display: none;
}

/* Intro Paragraph */
 #page-intro > .content-block.white:first-child > .columns > h1:last-child {
     margin-bottom: 0 !important;
}
 #page-intro + article > .content-block.white:first-child, #page-intro + article > .content-block.fiu-background-white:first-child {
     padding-top: 0;
     margin-top: -2.5rem;
}
 #page-intro[aria-hidden="true"] + article > .content-block.white:first-child, #page-intro[aria-hidden="true"] + article > .content-block.fiu-background-white:first-child {
     padding-top: 4.5rem;
}
 @media (min-width: 1025px) {
     .content-block:not(.fiu-slider):not(.content-block--wide-text) .small-12:not([class*="medium-"]), .content-block.cta-section > .row > .columns[class="columns"] {
         margin-left: auto;
         margin-right: auto;
         max-width: 66.66667%;
         float: none;
    }
     .content-block:not(.fiu-slider):not(.content-block--wide-text) .faculty-info-container + .columns.small-12 {
         max-width: 100%;
    }
     .content-block:not(.fiu-slider):not(.content-block--wide-text) .small-12 .small-12 {
         max-width: 100%;
    }
     .content-block .columns > h1, .content-block .columns:not([class*="medium-"]) > h2, .content-block.cta-section .columns.medium-10.small-centered h2 {
         text-align: center;
    }
     .content-block .columns > h1, .content-block .columns > h2 {
         line-height: 1.2;
    }
     .content-block .small-12 nav:not(.fixed), 
    /* Anchor Nav */
     .content-block .small-12 .block-grid--bordered {
         margin-left: -16.66665%;
         margin-right: -16.66665%;
    }
     .content-block .small-12 .flex-cards {
         margin-left: -26.25%;
         margin-right: -26.25%;
    }
     .content-block .small-12 [class*="block-grid-"] {
         margin-left: -30%;
         margin-right: -30%;
    }
     .content-block .small-12 .card-grid, .content-block .small-12 .cards, .content-block .small-12 .large-block-grid-3, .content-block .small-12 .text-right {
         margin-left: -33.3333%;
         margin-right: -33.3333%;
    }
     .content-block .small-12 .large-block-grid-3 + .text-right {
         padding-left: .625rem;
         padding-right: .625rem;
    }
}
@media (max-width: 1024px) {
  .content-block > .row > .medium-6,
  .content-block > .row > .medium-4,
  .content-block > .row > .medium-8 {
    width: 100%;
    float: none;
  }
  .content-block > .row > .medium-6 + .medium-6,
  .content-block > .row > .medium-4 + .medium-8,
    .content-block > .row > .medium-8 + .medium-4 {
        margin-top: 1.5rem;
    }
}
@media (max-width: 640px) {
    .content-block > .row > .small-12 + .small-12 {
        margin-top: 1rem;
    }
}

/* Banner */
.module-invite-banner .panel {
  border-radius: 8px !important;
  border-color: transparent !important;
  opacity: 1;
    max-width: 800px !important;
    background-color: rgba(256,256,256,0.8) !important;
      backdrop-filter: blur(5px); /* this is the blur effect */
  -webkit-backdrop-filter: blur(5px); /* for Safari */
}
@media (min-width: 720px) {
    .module-invite-banner .panel {
        padding: 3.75rem !important;
    }
}
.module-invite-banner .panel .display-text--large {
    font-size: 2.75rem; 
    line-height: 1.1;
    color: #000;
    text-transform: uppercase; 
    padding-bottom: 2rem; 
}
.module-invite-banner .wrapper .panel {
    margin-top: calc(5rem + 50px);
}
/* Icon list */
 ul.icon-list {
     list-style: none;
    /*margin-left: 1.6rem;
    */
}
 ul.icon-list li {
     margin: 1rem 0 1rem .5rem;
     position:relative;
     padding-left: .25rem;
}
 ul.icon-list li:before {
     position:absolute;
     font-family:"Font Awesome 6 Free";
     font-weight: 400;
     font-size: 1.5em;
     display:block;
     left: -2rem;
     top: 47%;
     line-height: 0;
}

 ul.award li:before {
     content: "\f559";
     color:#081E3F;
     font-weight:600;
    /*top: -.2rem;*/
}

 ul.check li:before {
     content: "\f058";
     color:#cc0066;
     font-weight:600;
    /*top: -.2rem;*/
}

/* Photo Grid*/
 .photo-grid p {
     margin-bottom: 1em;
}
 @media (max-width: 640px) {
     .photo-grid p {
         margin: 0.9375rem 0;
    }
     .photo-grid p img {
         display: block;
         max-width: 444px;
         margin-left: auto;
         margin-right: auto;
    }
}
 @media (min-width: 641px) {
     .photo-grid .column, .photo-grid .columns {
         padding-left: 0.5rem;
         padding-right: 0.5rem;
    }
}
 @media (max-width: 550px) {
     .photo-grid p img {
         max-width: 100%;
    }
}