@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

:root {
    --sph-blue: #004364;
    --sph-dark: #353535;
    --sph-orange: #c4481d;
    --white: #fff;
    --black: #000;
    --light-gray: #f8f8f8;
}

.grid-container {
    max-width: 100rem;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: unset !important;
}

h1,
.h1 {
    font-weight: 600 !important;
}
.button, .button.hollow {
    border-radius: 10px;
}
.button.sph-orange {
  background-color:#c4481d;
}
.button.sph-blue{
  background-color:#004364;
}

.layout-basic p,
.layout-basic div.msg,
.layout-basic label,
.layout-basic input,
.layout-basic button,
#careers li{
    font-size: 1.2em;
    font-family: Roboto;
}


#degree-details p {
  margin-left: 2.5rem;
  color: var(--black);
}

#degree-details h3{
  margin-top:3rem;
  font-weight: bold !important;
}
#degree-details ul li{
    font-family:"Roboto", Ariel;
    color:var(--black);
    margin-left:.5rem;
}

.layout-basic p, .layout-basic div.msg, .layout-basic label, .layout-basic input, .layout-basic button {
    font-size:1.2em;
    font-family: Roboto;
}

.footer p {
    font-size: 1em;
}

.menu-item-span::before {
    content: "Menu ";
}

#about2 .cell.medium-2 {
    background-color: #f9f9f9;
    border-bottom: 4px solid #c4481d;
    margin-bottom: 3rem;
}

#about2 {
    background-color: #f1f1f1;
    padding-block: 5rem 3rem;
}


figcaption {
    color: var(--black);
    line-height: 1.5;
    font-family: Roboto Condensed;
    font-size: 1.2rem;
}

#masthead {
    z-index: 9999;
    position: relative;
}

#masthead .grid-container {
    padding-left: 0;
    margin-left: 0;
    margin-bottom: 3rem;
}

#masthead .grid-container .grid-x .cell.small-12.medium-3, #masthead .grid-container .grid-x .cell.small-12.medium-4 {
    background: var(--sph-orange);
    padding-left: 1em;
    padding-block: .75em;
}

#masthead .grid-container .grid-x .cell.small-12.medium-3 a, #masthead .grid-container .grid-x .cell.small-12.medium-4 a {
    color: var(--white);
    text-decoration: none;
    font-family: Roboto Condensed;
    font-size: 1.313rem;
}

#masthead .grid-container .grid-x .cell.small-12.medium-9 a, #masthead .grid-container .grid-x .cell.small-12.medium-8 a {
    color: var(--black);
    text-decoration: none;
    font-weight: 500;
    font-family: Roboto;
    text-transform: uppercase;
}

#masthead .grid-container .grid-x .cell.small-12.medium-9 a:hover .menu-link-border,
#masthead .grid-container .grid-x .cell.small-12.medium-9 a:focus .menu-link-border,
#masthead .grid-container .grid-x .cell.small-12.medium-8 a:hover .menu-link-border,
#masthead .grid-container .grid-x .cell.small-12.medium-8 a:focus .menu-link-border{
    border-bottom: 2px solid var(--sph-orange);
}


.dropdown.vertical.menu.medium-horizontal>li.is-dropdown-submenu-parent>a>span:after {
    width: 0;
    height: 0;
    border: none;
    font-family: "Font Awesome 5 Pro";
    content: '\f078';
    font-weight: 600;
    font-size: .85rem;
    transition: all .2s;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: calc(100% - 12px);
    right: 0;
    top: 1.25rem;

}

.dropdown.vertical.menu.medium-horizontal>li.is-dropdown-submenu-parent>a>span:hover::after {
    rotate: -180deg;
}


.home-link {
    font-weight: bold;
    font-size: 1.05em;
}

.title-bar-title {
    padding: .5em 1em;
}

.title-bar-title a {
    color: var(--white) !important;
    font-weight: bold !important;
}

ul.breadcrumbs li,
ul.breadcrumbs li>a {
    color: white;
}


#home-hero a {
    border: 2px solid var(--sph-orange);
    padding: .5rem 1rem;
    border-radius: 10px;
    color: var(--white);
    text-decoration: none;
    display: inline-block;
    margin-bottom: 1rem;
    min-width: 12rem;
    text-align: center;
    background-color: rgba(196, 72, 29, 0.75);
    margin-right: .25rem;
    font-weight: 600;
}

#home-hero a:hover {
    text-decoration: underline;
}

#home-hero p {
    font-weight: 600;
    line-height: 1.75 !important;
    color: white;
}

#home-hero p:first-of-type {
    margin-bottom: 2rem;
    max-width: 50%;
    font-size: 1.1rem;
}

#home-hero h1 {
    font-size: 3.5rem;
    letter-spacing: 0;
}

#home-hero h2, #home-hero h1 {
    font-size: 3.5rem;
    font-weight: 600 !important;
    width: 50%;
}


.color-blue {
    color: var(--sph-blue);
}

.cell.large-6.color-blue {
    margin-left: -10%;
    background-color: rgba(255, 255, 255, 0.99);
    padding: 3rem;
    height: 80%;
    margin-top: 2rem;
}

h2.color-blue {
    font-weight: bold !important;
    font-size: 2.75rem;
    padding-inline: 1rem;
}

#chair {
    margin-block: 3rem 6rem;
}

#chair-message {
  margin-block: 0 5rem;
}
#chair-message figure {
  margin-top: 2.5rem;
}

.button.secondary.hollow {
    border-color: var(--sph-orange);
    color: var(--sph-orange);
    text-decoration: none;
    border-radius: 10px;
    margin-top: 3rem;
}


.elem_container.grid-x.grid-margin-x.medium-up-3 {
    margin-top: 2rem;
}


.elem.cell {
    margin-bottom: 2rem;
    text-align: center;
}

#byNumbers p.h2 {
    text-decoration: underline;
    text-decoration-thickness: 8px;
    text-decoration-color: #c4481d;
    text-underline-offset: .5rem;
    color: #004364;
}

#byNumbers {
    position: relative;
    background-color: #f8f8f8;
    background-image: url('https://sph.uth.edu/global/img/layout/background-dept-by-numbers_copy.png');
    background-size: 22%;
    background-repeat: no-repeat;
    background-position: left 7% bottom;
    margin-top:0;
}

#byNumbers .grid-x.grid-margin-x {
    padding-block: 2rem;

}

#byNumbers .elem_container.grid-x.grid-margin-x.medium-up-3.align-center {
    margin-top: 0 !important;
}

.hidden {
    display: none;
}

.decorativeicon {
    max-width: 8.5rem;
    display: block;
}

#careers {
    padding-block: 5rem;
    background-image: url('/global/img/layout/UTHHSPH-Health-Icons-2_copy.png');
    background-size: cover;
    width: 100%;
    margin-top: 0;
}


#careers .grid-container {
    background-color: rgba(0, 67, 100, 0.90);
    max-width: 50%;
    padding-inline: 3rem;
    margin-left: 10%;
    border: 4px solid white;
}

#careers ol {
    list-style-type: none;
    margin-left: 0;
    margin-bottom: 2rem;
    border-block: 1px dotted white;
}


#careers li {
    min-width: 33%;
    font-size: 1.15rem;
    margin-block: 1rem;
}

#careers li, #careers p{
    color:var(--white);
    
}

#news {
    margin-top: 3rem;
    padding-block: 3rem;
}

#news .featured {
    width: 90%;
    background-color: #f8f8f8;
    padding: 2rem;
}

#news .featured a {
    text-decoration: none;
    color: var(--sph-orange);
}

#news ul li {
    list-style: none;
    margin-block: 2rem;
}

#news ul li:before {
    content: "\f1ea";
    font-family: "Font Awesome 6 pro";
    font-size: .95rem;
    padding-right: .5em;
    color: var(--sph-blue);

}

#news li.h4 {
    font-weight: normal
}

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

#news li a:hover,
#news li a:focus {
    text-decoration: underline;
}

#news p.text-right {
    margin-top: 3rem;
}

.featured h3 {
    margin-block: 1.5rem;
    letter-spacing: .035em;
    line-height: 1.35;
}

#news h2.color-blue {
    margin-top: 0 !important;
}

#news .button.hollow {
    margin-top: 4rem;
}

.breadcrumbs {
    margin-left: -6% !important;
}

.orbit{
    background: transparent;
  }
  .testimonial-style .cell.medium-6{
    position: relative;
  }
  .testimonial-style img{
    margin-inline: 5rem;
  }
  
  .testimonial-style .align-self-middle{
    background-color:rgba(255, 255, 255, 0.97);
    padding-inline:3rem;
    padding-block: 3rem;
  }
  p.quote {
    font-size:1.5em;
    border-block: 2px solid #004364;
      padding-block: 3rem;
    color:#004364;
    font-weight: 300;
  }
  p.quote:after {
    content:"\e234";
    font-family: "Font Awesome 6 Pro";
    font-size:7rem;
       font-weight: bold;
      color:#004364;
    display: block;
    position: absolute;
      right: 10px;;
       background-color:white;
       border-inline:10px solid white;
  }
  
  p.quotee{
    color:#c4481d;
    font-weight: 900;
    width:80%;
  }

.hidden {
    display: none;
}

#tag-line {
    color: #004364;
    /*padding-block: 3rem;*/
    margin-top:0;
   
  }
  #tag-line .tag{
    font-size:2.5rem;
    margin-bottom: 0;
  }
  
  #tag-line .subtag{
    margin-top: -.15rem !important;
    margin-bottom: 3rem;
    border-block: 1px solid #004364;
    font-size:1rem;
  }
  #degrees-list {
    margin-top: 0;
  }
  
  #degrees-list h2 {
    position: relative;
    /*font-family: "Roboto" !important;*/
    font-weight: bold !important;
    color:#004364;
  }
  #mph h2, #phd h2{
    margin-left:-5rem;
    background-color:rgba(255, 255, 255, 1);
  }
  #mph h2:before, #phd h2:before{
    content:"";
    position: absolute;
    width:50%;
    height: 3rem;
    background-color:rgba(0, 67, 100, 0.85);
    left: -50%; 
    border-right: 1rem solid white;
  }
  #drph h2:after{
    content:"";
    position: absolute;
    width:100%;
    height: 3rem;
    background-color:rgba(0, 67, 100, 0.85);
    border-left: 4rem solid white;
  }
  
#certificates-list .cell{
  margin-bottom: 3rem;
}

#certificates-list i{
  font-size: 4rem;
  color:#004364;
  border-right: 2px solid #004363;
  padding: 2rem;
  border-radius: 100%;
}

#certificates-list p:has(i) {
  margin-top:2rem;
}

 #research-content{
  background-color:#f8f8f8;
  font-family: "Roboto";
  padding-block:3rem;
}
    
    #research-content .tabs {
    min-width:30%;
    border:none;
    min-height: 400px;
    background-color: transparent;
    font-family:"Roboto Condensed";
}

#research-content .tabs-content {
    position: relative;
    min-height: 100%;
    padding-inline: 3em;
    padding-block: 1em;
    border: none;
    min-width: 70%;
  }
  #research-content ul.tabs li{
    min-width:100%;  
  }
  #research-content ul.tabs li:last-of-type{
    width:100%;
  }
  
  #research-content .tabs-content:after{
    content:"";
    display: inline-block;
    position:absolute;
    bottom:0;
    right: 0;
    width:40px;
    height:40px;
    border: 1px solid #c4481d;
  border-width: 0 6px 6px 0;
  }
  #research-content a[role="tab"] {
    background-color: transparent;
    color: #004364;
    font-size: 1.1em;
    font-family:inherit;
  }
  
  #research-content .tab-title.is-active.tabs-title a {
    color: #c4481d;
    text-decoration: none;
    font-size: 1.5em;
    font-weight: 600;
  }
  #research-content .tabs-content h3{
    color:#004364;d
  }
 
#research-content .tabs-title.is-active a {
  color:#c4481d !important;;
  text-decoration: none;
  font-size: 1.5em;
  font-weight: bolder;
     border-right: 8px solid #c4481d;
}

#research-interest.grid-x {
  max-width: 75rem;
  margin-inline:auto;
}

#research-interest .cell.medium-4, #research-interest .cell.medium-8 {
  margin-left: 0;
  margin-right: 0;
}
#centers-list {
  padding-block: 3rem;
  margin-top: 0;
}
.callout h3.h5 {
  margin-block:1rem;
  font-size:1.25rem;
 
}
.callout h3.h5 > a{
  text-decoration: none;
  color:#c4481d;
  font-weight: bolder;
}

.callout h3.h5 > a:hover, .callout h3.h5 > a:focus{
    text-decoration:underline;
}
#centers-list i, .center-title-icon {
    display: block;
    vertical-align: middle;
    font-size: 2.75rem;
    color: #fff;
    width: 6rem;
    height: 6rem;
    line-height: 6rem;
    background: #c4481d;
    border-radius: 50%;
    text-align: center;
  margin-inline:auto;
  margin-bottom:1rem;
  border: 2px solid rgba(0, 67, 100, 0.2);

}
#research-interest ul {
    margin-left: 10%;
  column-count: 2;
  font-family: "Roboto Condensed" !important;
  color: #000;
}


#center-list {
  margin-bottom: 3rem;
}
.featuredImg {
  aspect-ratio: 16/9;
}

.featuredImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

#news-featured{
       margin-top:0;
       padding-block:3rem;
   }
   
   
.featured {
  position: relative;
  
}

.featured:after{
  content: "Spotlight";
  position: absolute;
  left:2rem;
  top:-1rem;
  background-color:#c4481d;
  color:white;
  padding:.5rem;
  
  
}

#featured-text {
  background-color:#f8f8f8;
  position: relative;
  padding-block: 2rem;
  padding-inline: 1rem;
 
}
#featured-text:before{
  content:"";
  position: absolute;
  top:-10%;
  left: -87%;
  width: 87vw;
  height: 120%;
  display: block;
  z-index: -1;
  background-color: #efefef;
}

div.newsecond {
  aspect-ratio: 16/9;
}

div.newsecond img{
 
   width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

#threenews {
  margin-top:5rem;
}

.callout:not([data-equalizer-watch]) {
  margin-top:-3rem;
    max-width:100%;
  background-color: transparent;
  border:none;
}
.callout ul{
     display: flex;
     flex-flow: row wrap;
     justify-content: flex-start;
     gap: .5rem 1rem;
    
    
}
.callout .small-up-1 h4 {
  font-size:.95rem;
  background-color:#c4481d;
  color:white;
  padding-inline: 1rem;
  border-radius: 5px;
}
.callout .grid-margin-x{
  background-color:rgba(50, 50, 50, 0.1);
  padding-block: 1rem;
  margin-inline: .25rem;
}
#degree-details .callout.secondary {
  margin-top: 3rem;
  background: #f8f8f8;
  max-width: 95%;
  margin: auto;
}

.callout ul li{
  font-size:.85rem;
    font-family: "Roboto Condensed";
  color: #000;
    min-width: 25%;
  
}

.callout li.cell{
    margin:0 !important;
}
.callout hr {
  border: 1px solid white;
  max-width: 89%;
}
/*.callout {
  margin-top: -3rem;
  max-width: 100%;
  background-color: transparent;
  border: none;
}*/

.callout #mod-loc ul{
    list-style-type: none;
    column-count: 3;
}
#mod-loc p {
  margin-left: 0;
}
#mod-loc .grid-x.grid-margin-x {
  background-color:white;
}
#degree-details small {
  font-size:60%;
}

#degree-details .grid-x .cell.medium-3, #degree-details .grid-x .cell.medium-9{
  margin-block: auto;
}


#degree-details .fa-solid{
  color: rgba(0, 67, 100, 1);
  font-size: 2.5rem;
  margin-right: -0.5rem;
  text-shadow: 2px 2px 0px #d1d1d1;
  background-color: #f8f8f8;
  padding: .6rem;
  border-radius: 50%;
}

#mod-loc .cell.medium-4 {
  position: relative;
  background-color: rgba(0, 67, 100, 0.05);
  border-radius: 40% 0 0 0;
}

#mod-loc .cell.medium-4:after{
  content:"";
  position: absolute;
  bottom:0;
  right: 0;
  width: 30px;
  height: 30px;
  border-right: 2px solid rgba(0, 67, 100, 0.25);
  border-bottom: 2px solid rgba(0, 67, 100, 0.25);
}
 #mod-loc p > i {
  margin-left:1rem;
}



.show-for-small-only #mod-loc{
     background-color: rgba(0, 67, 100, 0.05) !important; 
     padding-inline: .5rem;
}
.show-for-small-only #mod-loc .small-6 p{
   font-size:.85rem;    
}
#research-all{
   margin-top:-1rem;
   padding-bottom: 1.5rem;
background-color:#f8f8f8;
}

#research-all p{
    color:#004364;
}


#master-programs, #doctorate-programs, #certificates{
    margin-top:3rem;
    padding-bottom:5rem;
}
#master-programs, #certificates{
    background-color: rgba(0, 67, 100, 0.05);
  overflow: hidden;
}
#master-programs ul, #doctorate-programs ul, #certificates ul{
  list-style: none;
  margin-top: 2rem;

}
#master-programs ul li a, #doctorate-programs ul li a, #certificates ul li a{
  color:white;
  /*text-decoration: none;*/
  position: relative;
  font-size: 1.75rem;
  padding-block:.5rem; 
}

#master-programs ul li a:hover, #master-programs ul li a:focus, #doctorate-programs ul li a:hover, #doctorate-programs ul li a:focus, #certificates ul li a:hover, #certificates ul li:focus{
  color:#c4481d;
  text-decoration:underline;
}


#master-programs li.cell, #doctorate-programs li.cell, #certificates li.cell {
  font-family: "Roboto Condensed";
  font-weight: 400;
  letter-spacing: .1rem;
  font-size: 1.25rem;
  padding-block: 1rem 2rem;
  background-size: cover;
}

#master-programs ul.grid-margin-x{
  background-size: cover;
  margin-bottom: 2rem;
  background-repeat: no-repeat;
  padding-block: 2rem;
  padding-inline: 1rem 2rem;
  background-position: right center;
  border-radius: 20px;
}
 #doctorate-programs ul.grid-margin-x{
  background-size: cover;
  margin-bottom: 2rem;
  background-repeat: no-repeat;
  padding-block: 13%;
  padding-inline: 1rem 2rem;
  background-position: right center;
  border-radius: 20px;
}

#certificates ul.grid-margin-x{
  background-size: cover;
  margin-bottom: 2rem;
  background-repeat: no-repeat;
  padding-block: 20%;
  padding-inline: 1rem 2rem;
  background-position: right center;
  border-radius: 20px;
}
#master-programs ul.grid-margin-x{
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.83) 0.34%, rgba(0, 0, 0, 0.42) 49.62%, rgba(255, 255, 255, 0) 95.27%), url('/global/img/layout/academic-programs-master-section.jpg');
  
}
#doctorate-programs ul.grid-margin-x{
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.83) 0.34%, rgba(0, 0, 0, 0.42) 49.62%, rgba(255, 255, 255, 0) 95.27%), url('/global/img/layout/academic-programs-doctoral-section.jpg');
  
}

#certificates ul.grid-margin-x{
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.83) 0.34%, rgba(0, 0, 0, 0.42) 49.62%, rgba(255, 255, 255, 0) 95.27%), url('/global/img/layout/academic-programs-certificates-section.jpg');
}


#master-programs .grid-x.grid-margin-x.medium-up-1 li.cell, #doctorate-programs .grid-x.grid-margin-x.medium-up-1 li.cell, #certificates .grid-x.grid-margin-x.medium-up-1 li.cell {
    max-width: 50%;
    margin-left: 50%;
  }
#master-programs .cell.medium-5.align-self-middle, #certificates .cell.medium-5.align-self-middle {
  position: relative;
  padding:2rem;
  background-color: rgba(0, 67, 100, 0.2);
  border-radius: 20px 0 0 20px;
}
#doctorate-programs .cell.medium-5.align-self-middle{
  position: relative;
  padding: 2rem;
  background-color: rgba(0, 67, 100, 0.05);
  border-radius: 20px 0 0 20px;
}

#master-programs .cell.medium-5.align-self-middle:after, #certificates .cell.medium-5.align-self-middle:after{
  content:"";
  position: absolute;
  width: 50%;
  height: 100%;
  background-color: rgba(0, 67, 100, 0.2);
  bottom: 0;
  right:-50%;
  z-index: -1;
}
#doctorate-programs .cell.medium-5.align-self-middle:after{
  content: "";
  position: absolute;
  width: 50%;
  height: 100%;
  background-color: rgba(0, 67, 100, 0.05);;
  bottom: 0;
  right: -50%;
  z-index: -1;
}


#master-programs h2, #doctorate-programs h2, #certificates h2 {
  font-family: "Roboto" !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  color:#004364;
  position: relative;
}

#master-programs h2:after{
  content: "MPH | MS";
  display:inline-block;
  position: absolute;
  font-weight: bold;
  right: 0;
  bottom:-2.5rem;
  font-size:5rem;
  color:rgba(0, 67, 100, 0.1)
  
}

#doctorate-programs h2:after{
  content: "DrPH | PhD";
  display:inline-block;
  position: absolute;
  font-weight: bold;
  right: 0;
  bottom:-2.5rem;
  font-size:5rem;
  color:rgba(0, 67, 100, 0.1)
  
}

#certificates h2:after{
  content: "Certificates";
  display:inline-block;
  position: absolute;
  font-weight: bold;
  right: 0;
  bottom:-2.5rem;
  font-size:5rem;
  color:rgba(0, 67, 100, 0.1)
  
}

#masters, #alt-masters {
    padding-block: 3rem;
  }
  #ms-degree{
    margin-bottom: 5rem;
  }

  #masters{
    background-color:white;
    border-radius: 20px;
    padding-inline: 2rem;
    margin-bottom: 3rem;
    -webkit-box-shadow: 0px 14px 78px -40px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 14px 78px -40px rgba(0,0,0,0.75);
  box-shadow: 0px 14px 78px -40px rgba(0,0,0,0.75);
    border:1px solid #f8f8f8;
    
    
  }
  #masters h2, #masters p, #ms-degree h2, #ms-degree h2 > a, #dual-degree h2{
    color:#004364;
    font-family:Roboto Condensed !important;
  }
#ms-degree p{
  margin-bottom: 2rem;
}
  
  #masters h2, #ms-degree h2, #dual-degree h2{
      font-size:2.75rem;
      font-weight:700 !important;
  }
  
  .full-width:has(#masters){
    background-size:100%;
    background-image: url('/global/img/layout/UTHHSPH-Health-Icons-2_copy.png');
      background-repeat:repeat-y;
    margin-top: 0;
    background-position: center right;
    
  }
  
  #masters ul.grid-x.medium-up-3, #ms-degree ul.grid-x.medium-up-3 {
  
    padding-block:3rem;
    list-style-type: none;
    padding-inline: 1rem;

  }
  #masters li.cell, #ms-degree li.cell{
    padding-block:1.25rem;
    border-bottom:1px solid rgba(0, 67, 100, 0.15);

    padding-inline: 5.5rem 0rem;

    position: relative;
    font-family: Roboto Condensed;
    font-size: 1.55rem;  
    font-weight: 900;
   
  }
  #masters li.cell:hover, #masters li.cell:focus, #alt-masters div#ms-degree p > a:hover, #alt-masters div#ms-degree p > a:focus{
    border-bottom: 1px dashed;
  }
  #masters li.cell:after {
    content:"MPH in";
    position: absolute;
    top:0;
    left: 0;
    color:rgba(0, 67, 100, 0.05);
    font-size:3rem;
    font-weight: 900;
    z-index: 0;
  }
  #ms-degree li.cell:after {
    content:"MS in";
    position: absolute;
    top:0;
    left: 0;
    color:rgba(0, 67, 100, 0.05);
    font-size:3rem;
    font-weight: 900;
    z-index: 0;
  }
  #masters li.cell a, #ms-degree a{
    text-decoration: none;
    position: relative;
    z-index: 9999;
    
  }
  #masters li.cell a:hover, #masters li.cell a:focus, #ms-degree a:hover, #ms-degree a:focus{
    text-decoration: underline;
  }
  
  #alt-masters {
  background-color:#f8f8f8;
  position: relative;
  padding-top:6rem
  
}
#alt-masters:before{
  content:"";
  position: absolute;
  top:0;
  left: -10%;
  width: 100%;
  height: 100%;
  background-color: red;
  z-index: -1;
}
 
 
#alt-masters h3 {
  font-family: "Roboto Condensed" !important;
  font-size:2rem;
}
#alt-masters h3 a {
  color:#c4481d;
  text-decoration: none;
}

#alt-masters h3 a:hover, #alt-masters h3 a:focus{
  text-decoration: underline;
}
 
.study-level {
    padding-block: 3rem;
  }
.study-level{
    margin-bottom: 5rem;
  }

.study-level{
    background-color:white;
    border-radius: 20px;
    padding-inline: 2rem;
    margin-bottom: 3rem;
    -webkit-box-shadow: 0px 14px 78px -40px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 14px 78px -40px rgba(0,0,0,0.75);
  box-shadow: 0px 14px 78px -40px rgba(0,0,0,0.75);
    border:1px solid #f8f8f8;
    
    
  }
  .study-level h2, .study-level p, .study-level h2, .study-level h2 > a{
    color:#004364;
    font-family:Roboto Condensed !important;
  }
.study-level p{
  margin-bottom: 2rem;
}
  
 .study-level h2{
      font-size:2.75rem;
      font-weight:700 !important;
  }
  
  .full-width:has(.study-level){
    background-size:100%;
    background-image: url('/global/img/layout/UTHHSPH-Health-Icons-2_copy.png');
      background-repeat:repeat-y;
    margin-top: 0;
    background-position: center right;
    
  }
  
  .study-level ul.grid-x.medium-up-3, .study-level ul.grid-x.medium-up-2 {
    padding-block:3rem;
    list-style-type: none;
    padding-inline: 1rem;
    width: 100%;
    margin: auto;
    border-radius: 20px;
  }
  .study-level li.cell{
    padding-block:1.25rem;
    border-bottom:1px solid rgba(0, 67, 100, 0.15);
    margin: .5rem 0 .5rem 1rem;
    padding-inline: 5.5rem 0rem;
    position: relative;
    font-family: Roboto Condensed;
    font-size: 1.55rem;  
    font-weight: 900;
  }
  .study-level li.cell:hover, .study-level li.cell:focus{
    border-bottom: 1px dashed;
  }
  .study-level .phd li.cell:after {
    content:"MPH in";
    position: absolute;
    top:0;
    left: 0;
    color:rgba(0, 67, 100, 0.05);
    font-size:3rem;
    font-weight: 900;
    z-index: 0;
  }
.study-level li.cell::after{
  position: absolute;
  top: 0;
  left: 0;
  color: rgba(0, 67, 100, 0.05);
  font-size: 3rem;
  font-weight: 900;
  z-index: 0;
}


.study-level #drph li.cell::after {
  content: "DrPH in";
}
.study-level #phd li.cell::after {
  content: "PhD in";
}

.study-level li.cell a {
    text-decoration: none;
    position: relative;
    z-index: 9999;
    
  }
  .study-level li.cell a:hover, .study-level li.cell a:focus {
    text-decoration: underline;
  } 
  #chair h3 {
  font-family: "Roboto", Ariel !important;
}

.is-dropdown-submenu{
    min-width:250px;
}
  
   



/* ----- at Media queries ---- */
@media(min-width:1023px) {}

@media only screen and (max-width:1023px) {}

@media (max-width:800px) {
    #home-hero p {
        max-width: 100% !important;
    }
    #home-hero h2 {
    font-size: 2.5rem;
     width: 100%;
    }
    #call-to-action {
        background-size: 40%;
        background-position: top left;
    }

    .orbit-caption.cell.large-6 {
        margin-left: 0;
        margin-top: 0;
        padding-inline: 2rem;
    }
}

@media screen and (max-width: 640px) {
    #careers .grid-container {
       min-width: 95%;
       margin-inline: 10px;
    }
    #news .featured {
       width: 100%;
    }
    #news li.h4 {
       font-size:.95rem;
    }
  #news .button.hollow {
      margin-top: 2rem;
}
   #about2 {
        border-image: linear-gradient(0deg, #f1f1f1 5px, #f1f1f1 0) fill 0//0 100vw;
        
}
 .layout-basic p{
        font-size:1rem;
    }
    
    .testimonial-style img{
    margin-inline:0;
  }
  
    .testimonial-style .align-self-middle{
    padding-inline:0;
  }

p.quote::after {
    font-size: 4rem;
     clear: both;
}
p.quotee{
    width:65%;
}


.testimonial-style .align-self-middle {
  padding-block: 1rem 10rem;
}

#byNumbers, #byNumbers .grid-margin-x {
    background-color:#f8f8f8;
    background-image: url('/global/img/layout/background-dept-by-numbers_copy.png');
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center bottom;
}
#careers .innerwrap {
    border-block: 3px dotted #f8f8f8;
    padding-block: 8rem;
    background-image: url('/global/img/layout/UTHHSPH-Health-Icons-2_copy.png');
    background-size:cover;
    background-position: center center;
}

    #mph h2,
    #phd h2 {
        margin-left: 0;

    }
    
     #master-programs ul li a, #doctorate-programs ul li a{
  text-decoration:underline;
} 

#master-programs h2:after, #doctorate-programs h2:after{
  bottom:.25rem;;
  font-size:3.5rem;
  right:-1rem;
   
}
  #certificates h2:after{
  bottom:.5rem;;
  font-size:2.5rem;
  right:-1rem;
   
}

/*#masters li.cell{
    max-width: 90%;  
}*/
#masters ul.grid-x.medium-up-3{
   padding:10px;
   margin: 0 !important;
}

}

@media (max-width: 500px) {
    #masthead .grid-container .grid-x .cell.small-12.medium-9 a,#masthead .grid-container .grid-x .cell.small-12.medium-8 a {
    color: white;
    }
    .submenu a {
  color:white !important;
  margin-left:1rem;
  text-decoration:underline !important;
}
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
  border-color: white transparent transparent;
}
h2.color-blue {
  
  font-size: 1.5rem;

}

}

@media(max-width:600px){
  .vertical ul li a{
    color:white;
  }
}
}

@media (max-width:400px) {
    
}

@media (max-width: 639px) {
  #masthead .grid-container {
      background-color: var(--sph-orange);
  }
  #tag-line{
    margin-top: -1.75rem;
  }

  #tag-line .tag{
    font-size:1.5rem;
  }
  #tag-line .subtag{
    font-size:.80rem;
  }
   #tag-line p:not(.tag,.subtag) {
        padding-inline: 2rem;
    }
    #master-programs, #doctorate-programs, #certificates {
        margin-top:-2rem;;
        padding-bottom: 2rem;
}
 #doctorate-programs ul.grid-margin-x{
        border-radius: 0;
        margin-top: 1.5rem;
        margin-inline: .15rem;
        outline: 12px solid rgba(0, 67, 100, 0.05);
 }
 
  #master-programs ul.grid-margin-x, #certificates ul.grid-margin-x{
    border-radius: 0;
    margin-inline:.15rem;
    margin-top:0;
    outline: 12px solid rgba(0, 67, 100, 0.2);
}

#doctorate-programs .cell.medium-5.align-self-middle {
  border-radius: 0;
  margin-inline:.15rem;
  margin-top:0;
  outline: 12px solid rgba(0, 67, 100, 0.05);;
}
#doctorate-programs .cell.medium-5.align-self-middle:after{
    background-color:transparent;
}
  #master-programs ul.grid-margin-x, #master-programs .cell.medium-5.align-self-middle,
  #certificates ul.grid-margin-x, #certificates .cell.medium-5.align-self-middle{
  border-radius: 0;
  margin-inline:.15rem;
  margin-top:12px;
  
}
.callout{
    margin-top:0 !important;
}

#masters li.cell::after, #phd li.cell:after, #drph li.cell:after{
  font-size: 1.15rem;
  top:-.5rem;
}

#masters li.cell, #ms-degree li.cell, #phd li.cell, #drph li.cell{
  padding-inline: 0;
  font-size: 1.1rem;
  padding-block: .75rem;
  width:100%;

}
#masters, .study-level{
    padding-inline:.5rem;
}
 .study-level ul.grid-x.medium-up-2 {
  padding-block: .5rem;
}
#degree-details p {
  margin-left: .5rem;
}
#degree-details h3{
    font-size:1.3rem ;
}
}