/* 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 img {
	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%);
    }
}