/* General Styles */
.center {
  text-align: center;
}
figure {
    margin-bottom: 1rem;
}
div > figure:last-child {
    margin-bottom: 0;
}
figure figcaption {
    font-size: 0.875rem;
}
figure + h2,
figure + h3 {
    margin-top: 2rem;
}
#main-content .two-columns > li, 
#main-content .three-columns > li {
    display: inline-block;
    padding: 0.5rem 0;
    width: 100%;    
}
#main-content .two-columns > li::before,
#main-content .three-columns > li::before {
    content: "\2022";
    font-size: 1.35rem;
    position: absolute;
    margin-left: -15px;
    margin-top: -0.3em;
}
section > article {
    position: relative;
}
.no-padding {
    padding: 0 !important;
}
.no-padding-top {
    padding-top: 0 !important;
}
.no-padding-bottom {
    padding-bottom: 0 !important;
}
.no-padding .energized-image > img {
    margin: 0;
}
.no-padding-top .energized-image > img {
    margin-top: 0;
}
.no-padding-bottom .energized-image > img {
    margin-bottom: 0;
}
.bg-image-right {
    background-position: 100% 50% !important;
}
.bg-image-left {
    background-position: 0 50% !important;
}
.category-head,
.category,
.date {
  font-size: 1rem;
  font-weight: 700;
  color: #081e3f;
}
.content-block.padding-top {
    padding-top: 3rem  !important;
}
img.circle {
    border-radius: 50%;
    border: 3px solid #fc0;
}
table.progress-table .completed td {
    background-color: #d4edda;    
}
table.progress-table .in-progress td {
    background-color: #cce5ff;
}
@media (min-width: 1025px) {
    table.wide {
        margin-left: -16.66667%;
        margin-right: -16.66667%;
        width: auto;
    }
}
/* Banners */
@media (min-width: 641px) {
    #banner.banner-flex .content-flex,
    #banner.banner-flex.short .content-flex, 
    #banner-video.banner-flex.short .content-flex {
        min-height: 450px;
    }    
}
#banner.banner-flex.banner-wide .content {
    max-width: unset;
}
#banner.banner-flex.banner-wide .display-text--large {
    font-weight: 400;
    line-height: 1.5;
}
@media (min-width: 1025px) {
    #banner.banner-flex.banner-wide .display-text--large {
        font-size: 2.5rem;
    }
}
/* Banner content is caption */
#banner.content-is-caption .headline-container {
   background-color: transparent;    
}
#banner.content-is-caption .content-flex {
    align-items: flex-end;
}
#banner.content-is-caption .content-flex .content {
    background-color: rgba(0,0,0,0.6);
    padding: 1rem;
}
#banner.content-is-caption .content-flex .content,
#banner.content-is-caption .content-flex .content p {
    font-size: 0.875rem;
}
#banner.content-is-caption .content-flex .content *:last-child {
    margin-bottom: 0;
}
@media (min-width: 641px) {
    #banner.content-is-caption .content-flex {
        justify-content: flex-end;
    }
}
/* Banner content is SR only */
#banner.sr-only-content .content {
    position: absolute !important;
    width: 1px;     
    height: 1px;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
}
#banner.sr-only-content .headline-container {
    background-color: transparent;
}
/* Show full background */
#banner.show-full-bg.banner-flex .content-flex {
    min-height: 0;
    padding-bottom: 50%;
    width: 100%;
}   

/* Breadcrumbs */
@media (min-width: 1025px) {
  .breadcrumbs-wrapper.move-up {
    margin-top: 0 !important;
  }
}
/* Media Listings */
.media-item {
    display: flex;
    margin: 2rem 0;
    flex-wrap: nowrap;
}
.media-item + .media-item {
    border-top: 1px solid #e6e6e6;
    margin-top: -0.5rem;
    padding-top: 1.5rem;
}
.media-item .media-object {
    margin-right: 1rem;
    height: auto;
    width: 150px;
}
.media-item .media-object img {
    width: 150px;
    max-width: unset;
}
@media (max-width: 640px) {
    .media-item {
        display: block;
    }
    .media-item .media-object {
        float: left;
        margin-bottom: 1rem;
    }
}
/* Intro / Description Area */
main .breadcrumbs-wrapper h1,
article[aria-label="Page intro"] .columns > h1 {
    text-align: center;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 720px;
}
/* Content Blocks */
.content-block {
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.multimedia-bg {
    padding-top: 0;
    padding-bottom: 0;
}
.multimedia-bg .wrapper .panel {
    max-width: calc(70ch + 2rem);
}
@media (min-width: 64.0625rem) {
    .content-block.vertically-centered .row {
        display: flex;
        align-items: center;
    }
    section > article > .content-block > .row > .small-12:not([class*="medium-"]):not([class*="large-"]) {
        margin-left: auto !important;
        margin-right: auto !important;
        width: 70ch;
        float: none;
    }
    section > article > .content-block > .row > .small-12:not([class*="medium-"]):not([class*="large-"]) .card-grid,
    section > article > .content-block > .row > .small-12:not([class*="medium-"]):not([class*="large-"]) .thumb-grid,
    .logo-list {
        margin-left: -27% !important;
        margin-right: -27% !important;
    }
}
.content-block > .row > .small-12:not([class*="medium-"]):not([class*="large-"]) > h2 {
  text-align: center;  
}
/* Intro / Description Area */
/* Removing padding from the intro content block */
article[aria-label="Page intro"] .content-block {
  padding-bottom: 1rem;
}
/* Adding padding top to first element after h1 to account for no padding
in the content block */
article[aria-label="Page intro"] .columns > h1 + *:not(.row) {
  padding-top: 3rem;
}
/* Content Blocks */
@media (min-width: 64.0625rem) {
    section > article > .content-block > .row > .small-12:not([class*="medium-"]):not([class*="large-"]) {
        width: 66.66667%;
        margin-left: 16.66667% !important;
    }
  
    section > article > .content-block > .row > .small-12:not([classmedium-]):not([classlarge-]) .card-grid,
    section > article > .content-block > .row > .small-12:not([classmedium-]):not([classlarge-]) .calendar-feed,
    section > article > .content-block > .row > .small-12:not([classmedium-]):not([classlarge-]) .list {
        margin-left: calc(-25% - 1.25rem);
        margin-right: calc(-25% - 1.25rem);
    }  
    section > article > .content-block > .row > .small-12:not([classmedium-]):not([classlarge-]) .calendar-feed + .text-right  {
        margin-left: -25%;
        margin-right: -25%;
    }

}
.content-block > .row > .small-12:not([class*="medium-"]):not([class*="large-"]) > h2 {
  text-align: center;  
}
/* Second Row Spacing Issue */
article[aria-label="Page intro"] .columns > *:last-child {
  margin-bottom: 0 !important;  
}
section article:first-child + article .content-block.white,
section article:first-child + article .content-block.fiu-background-white {
  padding-top: 0;
}
section article:first-child[aria-hidden="true"] + article .content-block.fiu-background-white {
    padding-top: 3rem;
}
.multimedia-bg.dark .fiu-gold {
    color: #fc0 !important;
}
.multimedia-bg.dark .fiu-cyan {
    color: aqua !important;
}
/* Grid Content */
.grid-content .display-text--small {
    font-size: 1.15rem;
}
.card-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.card-grid li .grid-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; 
  height: 100% !important;
}
/*
.card-grid .grid-content > * {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
*/
.card-grid .grid-content > img:first-child {
    margin-bottom: 1rem;
}
.card-grid .grid-content > img:last-child {
    margin-bottom: 0;
}
.card-grid .grid-content > .link-paragraph:last-child {
  margin-top: auto;
}
ul.calendar-feed li .event-wrapper p.time {
    margin-left: 0;
}
/* Blockquote */
blockquote:not(.blockquote-container blockquote).condensed p,
.related-content blockquote:not(.blockquote-container blockquote) p {
    font-size: 1rem;
}
.related-content > blockquote:not(.blockquote-container blockquote) {
    max-width: 100%;
}
.related-content > blockquote:not(.blockquote-container blockquote):before,
.related-content > blockquote:not(.blockquote-container blockquote):after {
    display: none;
}
/* CTAs */
img.bordered,
.cta-section .thumbnail-s {
    border: 10px solid #f2f2f2;
    border-radius: 8px;
}
.cta-section.gray .thumbnail-s {
    border-color: #e8e8e8;
    min-height: 370px;
}
.cta-section .thumbnail-s,
.cta-section.cta-label-image .thumbnail-s {
    min-height: 370px;
    background-position: 0% 100% !important;
}
@media (min-width: 641px) {
    .cta-section .row,
    .flex-vertical-align.row,
    .flex-vertical-align .row {
        display: flex;
    }
    .cta-section .row .columns,
    .flex-vertical-align.row .columns,
    .flex-vertical-align .row .columns {
        display: flex;
        align-items: center;
        justify-content: center;
        float: none;
    }
    .cta-section .row .columns .thumbnail-s,
    .flex-vertical-align.row .columns .thumbnail-s,
    .flex-vertical-align .row .columns .thumbnail-s {
        width: 100%;
    }
}
/* Social Links Banner */
.social-links-banner-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0.75rem -0.5rem;
    padding: 0;
    list-style: none;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.social-links-banner-list li {
    padding: 0.5rem;
}
.social-links-banner-list li > span,
.social-links-banner-list li > a {
    display: block;
    border: 1px solid #e6e6e6 !important;
    border-radius: 4px;
    padding: 1.375rem 1.375rem 0.9625rem;
    width: 100%;
    font-size: 1.375rem;
    font-family: "frank-new",Helvetica,Arial,sans-serif;
    font-weight: 700;
    text-align: center;
    background-color: #fff;
}

.content-block.white .social-links-banner-list li > span,
.content-block.white .social-links-banner-list li > a {
    background-color: #f2f2f2;
}
@media (min-width: 641px) {
    .social-links-banner-list li > span,
    .social-links-banner-list li > a {
        display: block;
        width: 10.5rem;
    }
}
@media (max-width: 568px) {
    .social-links-banner-list li {
        width: 100%;
    }
    .social-links-banner-list.alt-1 li > span,
    .social-links-banner-list.alt-1 li > a {
        padding-top: 0;
    }
}
.social-links-banner-list li > span,
.social-links-banner-list li a:link {
    color: #333;
}
.social-links-banner-list li .fa,
.social-links-banner-list li .svg-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 50%;
    margin: 0 auto 0.9625rem;
    width: 75px;
    height: 75px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 2.3125rem;
    background-color: #081e3f;
    color: #fff;
}
.social-links-banner-list li .fa.fa-tiktok {
    background-image: url(https://digicdn.fiu.edu/fonts/fontawesome/svgs/tiktok.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 2.3125rem auto;
}
.social-links-banner-list.alt-1 li .fa,
.social-links-banner-list.alt-1 li .svg-icon {
    background-color: transparent;
    height: auto;
    width: auto;
}
.social-links-banner-list.alt-1 li .svg-icon {
    margin-bottom: 0;
}
.social-links-banner-list.alt-1 li .svg-icon img {
    height: 100px;
    width: auto !important;
}
/* Alt 1 */
.social-links-banner-list.alt-1 li > span,
.social-links-banner-list.alt-1 li > a {
  border: none !important;
  padding-left: 0;
  padding-right: 0;
  font-size: 1rem;
  background-color: transparent;
}
.content-block.white .social-links-banner-list.alt-1 li > span,
.content-block.white .social-links-banner-list.alt-1 li > a {
    background-color: transparent;
}
.social-links-banner-list.alt-1 li .fa,
.social-links-banner-list.alt-1 li .svg-icon {
    margin-bottom: 0.625rem;
    background-color: transparent;
}
@media (min-width: 1025px) {
    .social-links-banner-list.alt-1 {
        margin-left: -10%;
        width: 120%;
    }
}
/* Stats */
.stats ul li p {
    line-height: 1.5;
}
/* Block Quotes */
.blockquote-container {
    padding: 3rem 0 !important;
}
/* Logo List */
.logo-list {
  display: flex;
  list-style: none;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  margin: -0.5rem;
}
.logo-list li {
  border-radius: 5px;
  height: 150px;
  width: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  margin: 0.5rem;
}
.logo-list li img {
  max-height: 120px;
  max-width: 150px;
  height: auto;
  width: auto;
}
/* Holiday Calendar */
@media (min-width: 1025px) {
    #religious-holidays .table-wrapper,
    #religious-holidays .relcal-filters {
        margin-left: -16%;
        margin-right: -16%;
    }
}
#religious-holidays .table-wrapper {
    max-height: 90vh;
    overflow: scroll;
}
@media (max-width: 640px) {
    #religious-holidays table .religion-cell {
        display: none;
    }
}
#religious-holidays .relcal-filters {
    display: block;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 2rem;
    margin-bottom: 1rem;
}
#religious-holidays .relcal-filters legend {
    display: block;
    padding: 0.5rem;
    margin: -3.2rem 1rem 0;
    width: 147px;
    font-size: 1.125rem;
    font-weight: 500;
    background: #fff;
}
#religious-holidays .relcal-filters select,
#religious-holidays .relcal-filters input {
    border: 1px solid #767676;
    border-radius: 5px;
}
@media (min-width: 641px) {
    #religious-holidays .relcal-filters select,
    #religious-holidays .relcal-filters input {
        margin-bottom: 0;        
    }
}
#religious-holidays tbody tr {
    display: none;
}
#religious-holidays tbody tr.show,
#religious-holidays tbody tr.no-results {
    display: table-row;
}
#religious-holidays tbody tr.no-results {
    font-weight: 700;
}
#religious-holidays tbody tr.no-results td {
    text-align: center;
}
#religious-holidays table tr:nth-of-type(2n) {
    background-color: #fff;
}
#religious-holidays table tr.alt {
    background-color: #efefef;
}
/* Constant Contact Form */
.gray .ctct-form-embed.form_0 .ctct-form-defaults {
    padding: 0;
    background-color: transparent;
}
/* Footer */
footer .footer-info .social-media {
    padding-left: 0;
    margin-left: 0;
}