/* FOUNDATION Overwrites */
.grid-container {
    max-width: 95rem;
}

a.link-fancy::after {
    top: 8px;
}

.breadcrumbs {

    display: none;
}

body {
    /* background:#F4F4F4 !important; */
}

a[href*="inside.uth.edu"]::after,
a[href*="my.uth.tmc"]::after {
    font-family: "Font Awesome 6 Pro";
    content: "\f30d";
    padding-left: 0.3rem;
}

h2.section-titles {
    margin-bottom: 1rem;
    margin-top: 1rem;
}

/* CAMPUS ALERTS*/
#homepage-alert {
    background: #F2CE73;
    font-family: 'Roboto', 'Helvetica Neue', sans-serif;
    font-size: 1.25rem;
    font-weight: 500;
    margin: 0;
}

#homepage-alert > .grid-container {
    display: flex;
    align-items: center;
    position: relative;
    padding-right: 3rem;
}

#homepage-alert p {
    margin: 0;
    line-height: 1.25;
}

#homepage-alert i {
    margin-left: 5%;
    margin-right: 1rem;
    color: #AE6042;
    font-size: 1.5rem;
}

#homepage-alert a {
    color: #AE6042;
    text-decoration: underline;
}

#homepage-alert .close-button {
    top: unset;
    color: #000;
}

#homepage-alert.levelLow {
    background: #b4c3bc;
}

#homepage-alert.levelLow i,
#homepage-alert.levelLow a {
    color: #2d5641;
}

#homepage-alert.levelModerate {
    background: #f9de9b;
}

#homepage-alert.levelModerate i,
#homepage-alert.levelModerate a {
    color: #95592f;
}

#homepage-alert.levelSevere {
    background: #faada3;
}

#homepage-alert.levelSevere i,
#homepage-alert.levelSevere a {
    color: #a30111;
}

/** TOP 3 CTAs (below video) **/
/** TOP 3 CTAs (below video) **/
#top-ctas {
    margin-top: 2rem;
}


#top-ctas a.button {
    position: relative;
    padding-right: 1.875rem;
}


#top-ctas a.button::after {
    font-family: "Font Awesome 6 Pro";
    content: "\f054";
    /* float:right; */
    font-size: 1rem;
    transition: all .25s;
    margin-left: .5rem;
    position: absolute;
    left: auto;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
}

@media print, screen and (max-width: 40em) {

    #top-ctas a.button {
        font-size: clamp(1rem, 4vw, 1.25rem);
    }
}

@media print, screen and (max-width: 20em) {
    #top-ctas a.button::after {
        display: none;
    }
}

.crt-panel-next, .crt-panel-prev {
    z-index: 10 !important;
}

.patients-item {
    margin: 0 .75rem;
}

.twoCol-full-hero .padding-large {
    padding: 2rem;
}

.twoCol-full-hero h2 {
    font-size: 1.875rem;
    /* line-height: 1; */
    margin-top: 0;
    /* font-weight:500; */
}

@media print, screen and (min-width: 64em) {
    .twoCol-full-hero h2, #top-feature-text-innerwrap h3 {
        font-size: 2.5rem;

    }

    #top-feature-text-innerwrap h3 {
        font-size: 2.25rem;
    }
}

.twoCol-full-hero h2 strong {
    font-weight: 500;
}

.twoCol-full-hero > div {
    display: flex;
    align-items: center;
}

.imgCell > img {
    /* object-fit: contain; */
    /* width:100%; */
    height: 100%;
    /* aspect-ratio: 16 / 9; */
    object-fit: cover;
    border-radius: 0;
    object-position: center;
    width: 100%;
}

#band-research .imgCell > img {
    /* object-position: right; */
}

.twoCol-full-hero {
    margin: 1rem 0;
    min-height: 40vh;
    color: #fff;
}

.imgCell {
    vertical-align: bottom;
    background-color: #3b3b3b;
}

#many-faces .cell:not(.imgCell) .padding-large, #band-research .cell:not(.imgCell) .padding-large { /* max-width:50rem; *//* padding-right: 25%; */
}


.twoCol-full-hero p {
    font-size: 1rem;
    line-height: 1.7;
}

.twoCol-full-hero p:last-child {
    margin-bottom: 0;
}

.twoCol-full-hero p:last-child .button {
    margin-bottom: 0;
}

#news-events {
    padding-top: 3rem;
}

#news-events #top-feature {
    margin-bottom: 3.125rem;
}

#news-events {
    border-radius: 0;
}

.more-news {
    margin-top: 0;
    margin-bottom: 4rem;
}

#news-events #top-feature {
    background-color: var(--gulfblue);
}

#news-events #top-feature .cell img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

#top-feature-text a:hover h3,
#top-feature-text a:focus h3 {
    text-decoration: underline;
}

#top-feature-text-innerwrap {
    padding: 2% 5% 2% 5%;
}

#top-feature-text-innerwrap h3 { /* line-height:1.1; *//* font-weight:700; *//* font-size: 2em; */
    margin-top: 0;
}

#top-feature-text-innerwrap p {
    font-family: 'Crimson Pro', serif;
    font-size: 1rem;
}

#news-events a {
    text-decoration: none;
}

#news-events h3.h4 {
    color: #000;
    font-weight: 450;
    line-height: 1.3;
    font-size: 1.5rem;
    margin-top: 1rem;
    font-family: var(--font-serif-stack);
    font-weight: 600;
    text-decoration: none;
}

#news-events h3.h4 a {
    color: var(--uthorange);
}

#links-news-events {
    /* margin-top:1.5rem; */
    /* margin-bottom:5rem; */
}

#links-news-events a {
    /* display: inline-block; */
}

#news-events a:hover h3.h4,
#news-events a:focus h3.h4 {
    color: var(--uthorange);
    text-decoration: underline;
}

#links-news-events a.cta {
    /* border-bottom:1px solid var(--uthorange); */
    /* position: relative; */
    /* padding-right: 1em; */
    font-family: var(--font-sans-stack);
    /* font-size: 24px; */
}

@media only screen and (max-width: 640px) {
    /** smal styles **/
    #news-events .grid-container .grid-x .cell {
        margin-bottom: 1rem;
    }

    #top-feature-text h3 {
        font-size: 1.75rem;
        margin-bottom: .5rem;
        /* font-weight:500; */
    }

    #news-events .grid-container .grid-x.large-up-4 > .cell {
        margin-bottom: 2.25rem;
    }
}

#links-news-events a.cta:hover {
    /* border-bottom:2px solid var(--uthblue); */
}

#links-news-events a.cta:after {
    /* width:auto; */
    /* font-family: "Font Awesome 6 Pro"; */
    /* content: "\f054"; */
    /* font-size: .75em; */
    /* position: absolute; */
    /* right: 0; */
    /* top: .25em; */
    /* transition: all 0.25s; */
}

#links-news-events a.cta:hover:after {
    margin-left: 1rem;
    transform: translateX(5px)
}

#news-events #top-feature #top-feature-text, #news-events #top-feature #top-feature-text a {
    color: #fff;
    text-decoration: none;
}

#news-events #top-feature #top-feature-text-innerwrap {
    /*    position: absolute;
    top: 50%;
    transform: translateY(-50%); */
    margin-right: 0rem;
}

#news-events #top-feature #top-feature-text {
    background-color: var(--gulfblue);
    /* padding-top:5%; */
    /* padding-bottom:5%; */
}

#links-news-events a { /* color: #ae6042; */
}

#band-medicine {
    flex-direction: column-reverse;
}

#many-faces {
    background-image: url('https://www.uth.edu/index/assets/img/homepage-background-orange.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
}

#band-research {
    background-image: url('https://www.uth.edu/index/assets/img/homepage-background-green.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;

}

#band-medicine {
    background-image: url('https://www.uth.edu/index/assets/img/homepage-background-blue.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
}


.sb-icon-search {
    background-color: #44697c !important;
}

.logo-container {
    /* display:none !important; */
}

.uth-site-logo {
    width: 305px;
    height: auto;
    margin-bottom: .35rem;
}

.skip {
    position: absolute;
    left: -1000em;
    width: 20em;
}

.info {
    display: none
}

.info img {
    margin-top: 15px
}

.info-visible {
    display: block;
    width: 22vw;
    max-width: 350px;
}

.info-visible img {
    padding: 0;
    margin: 0;
}

/*** Video Container / Styles ***/

#myVideo {
    color: #fff;
}

#icon-page-down i {
    font-size: 4em;
    color: #fff;
    font-weight: 300;
}

.media-object {
    background: var(--brightred);
    min-height: 200px;
    padding: 0.5rem;
}

#uiBackgroundVideo__controller {
    position: absolute;
    bottom: 15px;
    right: 15px;
    height: 20px;
    background: transparent;
    border-style: double;
    border-width: 0 0 0 16px;
    box-sizing: border-box;
    border-color: transparent transparent transparent #eee;
    transition: 100ms all ease;
    cursor: pointer;
    z-index: 4;
}

#uiBackgroundVideo__controller.paused {
    border-style: solid;
    border-width: 10px 0 10px 16px;
}

#mobile-image-wrapper {
    position: relative;
    text-align: center;
    color: white;
}

#mobile-image-wrapper .vid-text {
    position: relative;
    bottom: 0px;
    /* left: 16px; */
    padding-top: 1.5rem;
    font-size: 3rem;
    /* background: #0000007d; */
    color: var(--black);
    font-family: var(--font-serif-stack);
    width: 100%;
    font-weight: 900;
    line-height: 1.2;
    text-shadow: none;
}

#vidwrapper {
    background: #000;
    position: relative;
    overflow: hidden;
    width: 100%;
    /* z-index:-3; */
}

#vid-overlay {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(10, 10, 10, .2);
    background: linear-gradient(
            to top right,
            rgba(10, 10, 10, 1) 0%, /* darker bottom-left corner */ rgba(10, 10, 10, .85) 30%, /* fade to normal */ rgba(10, 10, 10, 0.0) 60% /* rest remains same */
    ),
    rgba(10, 10, 10, 0.2); /* fallback */
    background-blend-mode: overlay;
    z-index: 1;
}

#vidwrapper-text {
    /* min-height: 500px; */
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    z-index: 2; /* may need change */
    color: #fff;
}

#vidwrapper-text > div.grid-x {
    padding: 1rem 0;
}

#vidwrapper-text .vid-text {
    font-family: 'Roboto', 'Helvetica Neue', sans-serif;
    font-family: var(--font-serif-stack);
    font-size: 3rem;
    font-weight: 800;
    line-height: 1;
    /* width:60%; */
    text-shadow: 4px 4px 10px #000000b5;

}

#vidwrapper-text a {
    color: var(--brightred);
    font-weight: 700;
}

#vidwrapper .link__container a:focus {
    color: #fff;
}

#vidwrapper img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.video__container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

#myVideo {
    height: 101%;
    min-height: 100%;
    max-height: 860px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -1%);
}

#vidwrapper-text .link__container {
    text-align: right;
    padding-right: 1em;
}

#uiBackgroundVideo__controller {
    position: absolute;
    bottom: 15px;
    right: 15px;
    height: 20px;
    background: transparent;
    border-style: double;
    border-width: 0 0 0 16px;
    box-sizing: border-box;
    border-color: transparent transparent transparent #eee;
    transition: 100ms all ease;
    cursor: pointer;
    z-index: 4;
}

#uiBackgroundVideo__controller.paused {
    border-style: solid;
    border-width: 10px 0 10px 16px;
}

#uiBackgroundVideo__controller:focus {
    color: var(--uthorange);
    border-color: transparent transparent transparent var(--uthorange);
}

/*--------------------------------------------*/
/* SECTION - AT A GLANCE */
/*--------------------------------------------*/
#homepage--glance {
    color: #fff;
    text-align: center;
    padding: 0%;
    margin-top: 0;
    margin-bottom: 5rem;
    padding-top: 5rem;
    padding-bottom: 5rem;

}

#homepage--glance h2 {
    /* font-size: 1.5rem; */
    /* font-weight:500; */
    margin-bottom: 1em;
}

#homepage--glance .elem__container {
    /* justify-content: space-evenly; */
    margin-bottom: 2rem;
    row-gap: 2rem;
}

#homepage--glance .content--left hr {
    height: 1px;
    width: 100%;
    background: #fff;
    border: none;
}

#homepage--glance .elem {
    padding: 0;
    font-size: 1.25rem;
    line-height: 1.25;
}

#homepage--glance div p {
    color: var(--white);
    /* border-bottom: var(--mustardgold) 2px solid; */
    /* color: #d4c3a9; */
    display: block;
    width: auto;
    font-size: clamp(2rem, 3vw, 3rem);
    padding-bottom: 0;
    font-weight: 800;
    text-align: center;
    margin-bottom: .5rem;
    line-height: 1.5;
    font-family: "EB Garamond", "Times New Roman", serif;
}

@media print, screen and (min-width: 64em) {
    .uth-site-logo {
        width: clamp(250px, 25vw, 305px);
    }

    .more-news {
        margin-top: 3rem;
        margin-bottom: 4rem;
    }

    #top-feature-text-innerwrap {
        padding: 2rem 5% 2rem 5%;
    }

    #homepage--glance .elem {
        border-left: var(--light-sand) solid 2px;
    }

    #homepage--glance .elem:first-of-type {
        border-left: 0;
    }

    #homepage--glance .elem__container {
        margin-bottom: 3rem;
    }
}

#homepage--glance div {
}


.background--blue {
    background-image: url("https://www.uth.edu/index/campus-profile/assets/img/blurry-background--blue.jpg");
    background-color: var(--gulfblue);
    ackground-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
}

@media (min-width: 40em) {
    #homepage--glance h2 {
        /* font-size: 2rem; */
    }

    #homepage--glance .elem {
        /* padding: 2rem; */
        font-size: 1.25rem;
        line-height: 1.5;
    }

    #many-faces .imgCell > img {
        object-fit: contain;
    }

    #top-ctas .button.uthorange:nth-of-type(2) {
        background-color: var(--gulfblue);
        margin: .75rem 0;
    }
}


@media print, screen and (min-width: 40em) {
    #vidwrapper-text > div.grid-x {
        padding: initial;
    }

    #vidwrapper-text .link__container {
        text-align: left;
        padding-right: 0;
    }

    #vidwrapper-text p {
        font-size: 1.15rem;
    }

    #vidwrapper-text .vid-text {
        margin-left: 0;
        margin-bottom: 8%;
    }

    #homepage--glance {
        padding: 3rem;
        margin-bottom: 5rem;
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    #links-news-events a.cta:after {
        /* font-size: 20px; */
        /* top: 3px; */
    }
}

@media print, screen and (min-width: 64em) {

    #vidwrapper-text .vid-text {
        font-size: 3.5rem;
    }

    #vidwrapper-text p {
    }

    #top-ctas .button.uthorange:nth-of-type(2) {
        background-color: var(--gulfblue);
        margin: 0 .5em;
    }

}

@media print, screen and (min-width: 90em) {

    #vidwrapper-text .vid-text {
        font-size: 5rem;
    }

    #vidwrapper-text p {
    }

    #myVideo {
        height: 200%;
        max-height: 950px;
    }
}

#myBtn {
    position: absolute;
    bottom: 10px;
    left: 20px;
    background: #002856;
    border-radius: 0.2rem;
    border: solid 1px #000;
    z-index: 2;
}

#myBtn:hover {
    background: #01234a;
    border-color: #fff;
}


/*** Video Container and styles END ****/
.schools-container, .clinics-container {
    margin-top: .75rem;
    margin-bottom: 5rem;
}

.schools-container .cell {
    flex-direction: column;
    align-items: center;
}

.schools-container .cell,
.clinics-container .cell {
    background-color: #999;
    text-align: center;
    padding: 1.125em;
    /* padding-top:3rem; */
    /* padding-bottom:3rem; */
    color: #fff;
    display: flex;
    justify-content: center;
}

.schools-container .cell h3,
.schools-container .cell .h3 {
    font-size: 1.75rem;
    font-weight: 600;
    margin-top: 0;
    line-height: 1.5;
    text-align: center;
    font-family: var(--font-serif-stack);
}

.schools-container .cell p, .clinics-container .cell p {
    font-family: 'Roboto', 'Helvetica Neue', sans-serif;
    line-height: 1.2;
    margin-bottom: 0;
    font-size: 1.1rem;
}

.clinics-container .cell img.utphysicians {
    margin-right: 2rem;
    max-width: 270px;
    width: 100%;
}

.clinics-container .cell img.utdentists {
    max-width: 280px;
    width: 100%;
}

.clinics-container .cell img {
    margin-bottom: 1rem;
}

.schools-container .cell i {
    font-size: 4rem;
    margin-bottom: 1rem
}

/* School / Clinic Block colors */
.schools-container .cell.cson, .clinics-container .cell.ut-dentists {
    background-color: var(--uthorange)
}

#schools-clinics .cell.cson:before, #schools-clinics .cell.uthealth-services:before {
    background-image: url('https://www.uth.edu/global/gfx/homepage/nursing.webp');
}

.schools-container .cell.mms, .clinics-container .cell.ut-physicians {
    background-color: #002856d9;

}

#schools-clinics .cell.mms:before {
    background-image: url('https://www.uth.edu/global/gfx/homepage/med.webp');
}

#schools-clinics .cell.ut-physicians:before {
    background-image: url('https://www.uth.edu/global/gfx/homepage/med-patient-care.webp');
}

.schools-container .cell.gsbs, .clinics-container .cell.uthealth-services {
    background-color: var(--uthblue)
}

#schools-clinics .cell.gsbs:before {
    background-image: url('https://www.uth.edu/global/gfx/homepage/gsbs.webp');
}

#schools-clinics .cell.uthealth-services:before {
    background-image: url('https://www.uth.edu/global/gfx/homepage/uthealthservices.webp');
}

.schools-container .cell.sbmi {
    background-color: var(--uthgray)
}

#schools-clinics .cell.sbmi:before {
    background-image: url('https://www.uth.edu/global/gfx/homepage/sbmi.webp');
}

.schools-container .cell.sod {
    background-color: var(--dustylavender)
}

#schools-clinics .cell.sod:before {
    background-image: url('https://www.uth.edu/global/gfx/homepage/dentistry.webp');
}

#schools-clinics .cell.ut-dentists:before {
    background-image: url('https://www.uth.edu/global/gfx/homepage/ut-dentists.webp');
}

.schools-container .cell.sph {
    background-color: var(--darksage)
}

#schools-clinics .cell.sph:before {
    background-image: url('https://www.uth.edu/global/gfx/homepage/sph.webp');
}

.schools-container .cell.sbhs {
    background-color: #9D7819;
    background-blend-mode: multiply;
}

#schools-clinics .cell.sbhs:before {
    background-image: url('https://www.uth.edu/global/gfx/homepage/dunn-outside-group.webp');
    background-position: center;
}

.schools-container .cell.sph {
    background-color: var(--darksage)
}

#schools-clinics .cell.sph:before {
    background-image: url('https://www.uth.edu/global/gfx/homepage/sph.webp');
}

.schools-container .cell.uth {
    background-color: #334B5A;
    background-blend-mode: multiply;
}

#schools-clinics .cell.uth:before {
    background-position: center;
    background-image: url('https://www.uth.edu/global/gfx/homepage/uthealth-houston-staff-around-computer.webp');
}

#schools-clinics .cell:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    mix-blend-mode: multiply;
    width: 100%;
    height: 110%;
    opacity: .6;
    background-size: cover;
    background-position: 0 0;
    transition: all .4s ease-in-out;
    pointer-events: none;
}

#schools-clinics .cell {
    position: relative;
    overflow: hidden;
    text-decoration: none;
}

#schools-clinics .cell:hover:before {
    transform: translateY(-4%);
    opacity: 1;
}

.clinics-container .content, .schools-container .content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 0.25rem;
    transition: all .4s ease-in-out;
    transform: translateY(10%);
    z-index: 1;
}

.clinics-container .content {
    transform: translateY(33%);
}

.schools-container .content {
    transform: translateY(5%);
}

.clinics-container .cell:hover .content, .schools-container .cell:hover .content {
    transform: translateY(0);

}

.schools-container .cell:hover .content {
    transform: translateY(-20%);

}

.schools-container .cell.uth:hover .content {
    transform: translateY(0%);

}

#schools-clinics .cell p {
    opacity: 0;
    transition: opacity .4s linear;
}

#schools-clinics .cell:hover .content p {
    opacity: 1;
}

.schools-container .cell:after, .clinics-container .cell:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 200%;
    pointer-events: none;
    transition: transform .4s ease;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.009) 11.7%, rgba(0, 0, 0, 0.034) 22.1%, rgba(0, 0, 0, 0.072) 31.2%, rgba(0, 0, 0, 0.123) 39.4%, rgba(0, 0, 0, 0.182) 46.6%, rgba(0, 0, 0, 0.249) 53.1%, rgba(0, 0, 0, 0.32) 58.9%, rgba(0, 0, 0, 0.394) 64.3%, rgba(0, 0, 0, 0.468) 69.3%, rgba(0, 0, 0, 0.54) 74.1%, rgba(0, 0, 0, 0.607) 78.8%, rgba(0, 0, 0, 0.668) 83.6%, rgba(0, 0, 0, 0.721) 88.7%, rgba(0, 0, 0, 0.762) 94.1%, rgba(0, 0, 0, 0.79) 100%);
}

#schools-clinics .cell:hover:after {
    transform: translateY(-50%);
}

.schools-container .cell {
    transition: all .4s ease-in-out;

}

.fad::after {
    display: none;
}

.schools-container .cell i, .schools-container .cell h3 {
    transition: all .4s ease-in-out;
}

.schools-container .cell:hover, .schools-container .cell:hover:after {
    mix-blend-mode: normal;
    opacity: 1;

}

.schools-container .cell:hover .content {
    opacity: 1;
}

.schools-container .cell:hover .content i {
    opacity: 0;
}

/** SUB Footer elements ***/
#connect-with-us {
    background-color: var(--uthorange);
    padding: 1rem 0;
    margin-bottom: 1rem;

}

#connect-with-us h2 {
    color: #fff;
    font-size: 2.25rem;
    display: inline-block;
    margin-right: 1.5%;
    margin-bottom: 0;
}

#connect-with-us .inline-social {
    display: inline-block;
}

#connect-with-us .inline-social a {
    color: #fff;
    font-size: 2rem;
    margin-right: 1rem;
}

#connect-with-us .inline-social a i {
    transition: transform .2s ease;
    -webkit-backface-visibility: hidden;
    -ms-transform: translateZ(0); /* IE 9 */
    -webkit-transform: translateZ(0); /* Chrome, Safari, Opera */
    transform: translateZ(0);
}

#connect-with-us .inline-social a:hover i {
    transform: scale(1.1);
}

/* Footer SVG Graphic */

#animated-graphic {
    background-color: var(--uthorange);
    padding: 4rem;
    padding-top: 8%;
    text-align: center;
    overflow: hidden;
    padding-bottom: 5%;

}

#animated-graphic-container {
    display: inline-block;
    position: relative;
}

#footer-person--green,
#footer-person--blue,
#footer-person--orange,
#footer-person--stripes,
#footer-person--tablet,
#footer-person--hoodie,
#footer-whitecoat--right,
#footer-dots,
#footer-pencil,
#footer-cube,
#footer-bars,
#footer-molecules,
#footer-pie,
#footer-yx {
    position: absolute;
    width: 7vw;
    transition: all .3s ease;
}

#footer-person--green.mui-enter-active {
    animation-name: custom-fade;
    animation-duration: 0.8s;
    animation-delay: 0s;
}

#footer-person--tablet.mui-enter-active {
    animation-name: custom-fade;
    animation-duration: 0.8s;
    animation-delay: .5s;
}

#footer-person--orange.mui-enter-active {
    animation-name: custom-fade;
    animation-duration: 0.8s;
    animation-delay: 1.0s;
}

#footer-person--stripes.mui-enter-active {
    animation-name: custom-fade;
    animation-duration: 0.8s;
    animation-delay: 1.5s;
}

#footer-person--blue.mui-enter-active {
    animation-name: custom-fade;
    animation-duration: 0.8s;
    animation-delay: 2.0s;
}

#footer-whitecoat--right.mui-enter-active {
    animation-name: custom-fade;
    animation-duration: 0.8s;
    animation-delay: 2.5s;
}

#footer-cube {
    right: 15%;
    top: -10%;
    width: 2.5vw;
    max-width: 3rem;
}

#footer-pie {
    width: 6vw;
    max-width: 9rem;
    right: -30%;
    bottom: 4%;
}

#footer-yx {
    left: 7%;
    top: -8%;
    width: 3.5vw;
    max-width: 4rem;
}

#footer-dots {
    left: -25%;
    top: -4%;
    width: 4vw;
    max-width: 5rem;
}

#footer-bars {
    left: -15%;
    bottom: 28%;
    width: 5vw;
    max-width: 7rem;
}

#footer-molecules {
    right: -13%;
    bottom: 36%;
    width: 2.5vw;
    max-width: 4rem;
}

#footer-pencil {
    top: 2%;
    right: -19%;
    width: 4vw;
    max-width: 5rem;
}

#footer-uth-text {
    right: 1%;
    position: relative;
    z-index: 2;
    padding-bottom: 4vw;
}

#footer-main-shadow {
    margin-top: 4rem;
    position: absolute;
    left: 0%;
    right: 0;
    bottom: 0;
}

#footer-person--green {
    left: -5.4%;
    bottom: 8%;
    z-index: 2;
    width: 6vw;
    max-width: 6rem;
}

#footer-person--tablet { /* MOVE */
    left: 10.5%;
    bottom: 5%;
    width: 8vw;
    max-width: 10rem;
    z-index: 2;
}

#footer-person--orange {
    left: 38%;
    bottom: 8%;
    z-index: 2;
    width: 7vw;
    max-width: 7rem;
}

#footer-person--stripes {
    right: 31.25%;
    bottom: 15%;
    max-height: 14rem;
    z-index: 1;
    width: 5vw;
}

#footer-person--blue { /* MOVE */
    right: 8%;
    top: 53%;
    z-index: 2;
    width: 7vw;
    max-width: 7rem;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

#footer-whitecoat--right {
    right: -7%;
    bottom: 7%;
    z-index: 1;
    width: 5.5vw;
    max-width: 5.5rem;
}

/* CSS */
.animation-element {
    position: relative;
    opacity: 0;
    transition: opacity .8s ease-in;
}

/*animation element sliding left*/
.animation-element.mui-enter-active {
    animation-play-state: running;
    animation-fill-mode: both;
}

@keyframes custom-fade {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.animation-element.slide-left {
    opacity: 0;
    -moz-transition: all 500ms linear;
    -webkit-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
    -moz-transform: translate3d(-100px, 0px, 0px);
    -webkit-transform: translate3d(-100px, 0px, 0px);
    -o-transform: translate(-100px, 0px);
    -ms-transform: translate(-100px, 0px);
    transform: translate3d(-100px, 0px, 0px);
}

/*animation element sliding right*/

.animation-element.slide-right {
    opacity: 0;
    -moz-transition: all 500ms linear;
    -webkit-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
    -moz-transform: translate3d(100px, 0px, 0px);
    -webkit-transform: translate3d(100px, 0px, 0px);
    -o-transform: translate(100px, 0px);
    -ms-transform: translate(100px, 0px);
    transform: translate3d(100px, 0px, 0px);
}

/*bounce up animation*/

.bounce-up {
    opacity: 0;
    -moz-transition: all 700ms ease-out;
    -webkit-transition: all 700ms ease-out;
    -o-transition: all 700ms ease-out;
    transition: all 700ms ease-out;
    -moz-transform: translate3d(0px, 200px, 0px);
    -webkit-transform: translate3d(0px, 200px, 0px);
    -o-transform: translate(0px, 200px);
    -ms-transform: translate(0px, 200px);
    transform: translate3d(0px, 200, 0px);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

/*bounce down animation*/

.bounce-down {
    opacity: 0;
    -moz-transition: all 700ms ease-out;
    -webkit-transition: all 700ms ease-out;
    -o-transition: all 700ms ease-out;
    transition: all 700ms ease-out;
    -moz-transform: translate3d(0px, -200px, 0px);
    -webkit-transform: translate3d(0px, -200px, 0px);
    -o-transform: translate(0px, -200px);
    -ms-transform: translate(0px, -200px);
    transform: translate3d(0px, -200, 0px);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.slide-left.in-view,
.slide-right.in-vew,
.bounce-up.in-view,
.bounce-down.in-view {
    opacity: 1;
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}


/* Larger viewports */
@media only screen and (min-width: 40.0625em) {
    .megamenu > li.has-dropdown {
        width: 15% !important;
    }

    #vidwrapper-text {
        min-height: 600px;
    }
}

/* Large and up */
@media screen and (min-width: 64em) {
    #vidwrapper-text {
        min-height: 800px;
    }

    #band-medicine {
        flex-direction: row;
    }

    .twoCol-full-hero h2 {
        /* font-size: 2.5rem; */
    }

}

@media screen and (min-width: 100em) {
    #band-medicine .padding-large {
        max-width: 47.5em;
        margin-left: auto;
    }

    #many-faces .cell:not(.imgCell) .padding-large, #band-research .cell:not(.imgCell) .padding-large {
        /* padding-right: 20%; */
        max-width: 47.5em;
        margin-right: auto;
    }
}


@media screen and (min-width: 1260px) {
    .twoCol-full-hero h2 {
        /* font-size: 2rem; */
    }

    .twoCol-full-hero .padding-large {
        /* padding: 4rem; */
    }

    #footer-person--green {
        left: -4.4%;

    }

    #footer-uth-text {
        right: 0%;
        position: relative;
        z-index: 2;
        padding-bottom: 4vw;
    }

    #footer-main-shadow {
        margin-top: 4rem;
        position: absolute;
        left: 4%;
        right: 0;
        bottom: 0;
    }
}

@media screen and (min-width: 1915px) {
    #myVideo {
        transform: translate(-50%, -1%);
    }
}