/* 2/12/2025 - MFR - Added font-weight: 600 to a tag to address Accessibility Issue:
Links are not clearly identifiable globally. Also added fallback color for a tag when color: var(--uthorange) 
doesn't show up as it should*/

a {color: var(--uthorange); color: #ae6042; /* Fallback color */ font-weight:600; }
a:hover { color: var(--uthorange-10-darker); text-decoration:underline; }

/* 2/12/2025 - MFR - Added sub, sup CSS rule to address accessibility issue:Interactive element 
does not meet minimum size nor spacing*/

sub, sup {
    display: inline-block;
    min-width: 24px;
    min-height: 24px;
    padding: 4px; /* Adds spacing around the element */
    line-height: 1.5; /* Ensures proper vertical spacing */
}

/* 2/12/2025 - MFR - Added orbit-bullet CSS rule to address accessibility issue:Interactive element 
does not meet minimum size nor spacing*/

.orbit-bullets button {
  min-width: 24px;
  min-height: 24px;
  padding: 10px;
  margin: 5px;
  border-radius: 50%;
  background-color: #007BFF;
  color: #fff;
  border: none;
  cursor: pointer;
}

.orbit-bullets button:focus,
.orbit-bullets button:hover {
  outline: 2px solid #fff;
  background-color: #0056b3;
}

.orbit-bullets button span {
  display: block;
  text-align: center;
}



    /**** Hero Image ****/
h2.hero-subheading {
    text-align: center;
    color: white;
    font-weight: 700;
}
.heroHeader.whiteText .columns, .heroHeader.whiteText .cell {
    background: none!important;
}
#Hero-Image {
    box-shadow: inset 0 0 0 2000px 
    rgba(10, 0, 0, 0.6) !important;
}
.hero-header .grid-container {
    max-width: 100%;
    padding: 0;
}

.heroHeader .cell {
    border: none;
}
div#Academic-Programs {
    margin-top: -1rem;
}
div#header-text h1 {
    /* margin-top: 6rem; */

 
}


#page-content blockquote p, .uthealth blockquote a {
    font-family: "Crimson Pro", serif;
    font-size: 1.5em;
    color: #000;
    font-family: "Crimson Pro";
    font-style: normal;
    font-weight: 500;
    line-height: 1.6;
}

#page-content blockquote a {
    font-size: 1em;
}

#page-content blockquote p {
    font-family: "Crimson Pro", serif;
    font-size: 1.5em;
    color: #000;
    font-style: normal;
    font-weight: 500;
    line-height: 1.6;
}

#page-content blockquote .quote-author {
    margin-top: .9em;
    font-size: 1.125em;
    color: var(--uthorange-10-darker);
    font-weight: 600;
}

blockquote {
    letter-spacing: .125px;
    font-size: 1em;
    font-weight: 600;
    margin: 1.5em auto;
    font-family: "Crimson Pro", serif;
    color: var(--uthgrey);
    padding: 1.9em 2em 1.8em 4.5em;
    border-top: 2px solid var(--uthorange);
    border-left: none;
    border-bottom: 2px solid var(--uthorange);
    line-height: 1.6;
    display: block;
    position: relative;
    width: 100%;
    margin-top: 0;
    margin-bottom: 4em;
}

blockquote::before {
    content: " ";
    color: var(--uthorange);
    position: absolute;
    width: 100px;
    height: 100px;
    background-size: 2.6em;
    /* width: 100vw; */
    left: .5em;
    top: 1.4em;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="45" viewBox="0 0 50 45" fill="none"><path d="M18.5214 25.4062V45H0.299805V29.5312C0.299805 21.1562 1.30687 15.0938 3.321 11.3438C5.96454 6.34375 10.1502 2.5625 15.8778 0L20.032 6.5625C16.5702 8 14.0211 10.1562 12.3846 13.0312C10.7481 15.8438 9.83545 19.9688 9.64663 25.4062H18.5214ZM47.7892 25.4062V45H29.5676V29.5312C29.5676 21.1562 30.5747 15.0938 32.5888 11.3438C35.2324 6.34375 39.418 2.5625 45.1457 0L49.2998 6.5625C45.838 8 43.2889 10.1562 41.6524 13.0312C40.0159 15.8438 39.1033 19.9688 38.9144 25.4062H47.7892Z" fill="%239D563B"/></svg>');
}

.accordion-title:focus, .accordion-title:hover {
color:#fff; 
    text-decoration:underline;
}
.n-til, .accordion-title {
    text-decoration: none !important;
    color: #fff;
    display: block;
    margin: 0px;
    background-color: #44697D !important;
    font-size: 14pt;
    line-height: 1.4;
}
.n-til:hover,  .accordion-title:hover {
    background-color:#000 !important;
}
.hero .innerwrap .grid-x {height: auto;max-height: auto;color: #fff;-webkit-box-align: end;-webkit-align-items: end;-ms-flex-align: end;align-items: end;margin-bottom:1em;}
.hero {
 background-size: cover;
 background-repeat: no-repeat;
 background-position: 40% 40%;
 background-attachment: scroll;
 position: relative;
 padding: 0;
 margin-bottom: 3em;
 background-color: #747578;
 position: relative;
 padding-right: 0;
 z-index: 1;
 /* min-height:30em; */
}
.hero #header-text {
  /* display:block; */
  /* position:relative; */
  /* margin-top: 2rem !important; */
  /* height:100%; */
  /* min-height:10em; */
  /* width:100%; */
  align-content: end;
  /* display: flex; */
  /* align-items: end; */
  /* align-self: end; */
  margin-top: 0 !important;
}
.heroHeader h2.hero-subheading {float:none !important;margin-left:0 !important;background-color:transparent !important;text-align: left !important;}
.hero #header-text h1 {
  /* position: relative; */
  top: 100%;
  bottom: 0;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
  padding-left: 0.125em;
}
.full-width.hero.heroHeader.hide-for-print.parallax.active.loaded {
    height:13rem !important;
    /* display: flex; */
    /* align-items: end; */
}
.heroHeader, .heroHeader .innerwrap {
    min-height:auto !important;
 
}




.hero #header-text h1 {
  color:#fff;
  background-color: transparent !important;
  text-align: left !important;
  /* width:50%; */
  font-family:'Roboto', sans-serif;
  font-weight: 600;
  text-shadow: 1px 2px 5px #0000007d;
  float: none !important;
}
.hero::before {
    background: linear-gradient(180deg, rgba(0, 40, 86, .25) 0%, rgba(0, 40, 86, 1) 85.82%);
    content: '';
    height: 100%;
    position: absolute;
    width: 100%;
    background-blend-mode:multiply;
    position: absolute;
    top: 0px;
    z-index:-1;
    left: 0px;
}
.heroHeader .innerwrap{
    position:relative;
    top:50%;
}
 @media print, screen and (min-width:40em) {
     .full-width.hero.heroHeader.hide-for-print.parallax.active.loaded {
    height:20rem !important;
    /* padding-top: 100%; */
    }
  .hero .innerwrap .grid-x {
 -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
   margin-bottom:0;
}

     .hero::before {
         background: linear-gradient(90deg, rgba(0, 40, 86, 0.90) 20.58%, rgb(0 0 0 / 44%) 60.82%);
    }
 }

/****Body Styling****/
main#page-content-standard {
    margin-top: 2rem;
}
/**** 3 Card Styling ****/
.card-text p {
    margin: 1rem;
}
.card-text h4 {
    margin: 1rem;
    margin-top: 3rem;
}
h5.card-intro-text {
    z-index: 0;
    color: white;
    bottom: 0;
    margin-bottom: 0;
    position: absolute;
    padding: 1rem;
    width: 100%;
    background: rgba(0,0,0,0.7);
}
.card-text{
    text-align: left !important;
}
.button large {
    font-size: 1.6rem !important;
}
.image-card-title {
    margin-top:1rem;
    position: relative;
    text-align: center;
}
.image-card {
    position:relative;
    margin: 1rem auto;
    width:22.4rem;
    height:22.4rem;
    box-shadow: 3px 3px 20px rgba(0, 0, 0, .5);
}
.bottom-text{
    z-index:-1;
    padding:10px;
    position:absolute;
    text-align:left;
    top:80%;
    font-weight:600;
    color:white;
}
.card-text {
    visibility:hidden;
}   
.card-overlay {
    z-index:1;
    position:absolute;
    width:100%;
    height:100%;
    opacity: 0;
    color:white;
    font-weight:300;
    font-size: 15px;
    text-align:center;
    transition: .5s ease;
    background: rgba(0, 0, 0, 0.9); 
}
.card-overlay:hover {
    opacity: 1;
}
.card-text {
    visibility: hidden;
}
.card-overlay:hover .card-text, .card-text:hover p {
    visibility: visible;
}
.card-info-p {
    color: white;
    margin-top: 10rem;
    font-weight: 500;
    padding: 15px;
}
/****Call To Action Homepage Styling****/
.grid-container.career-outlook {
    background-color: #e6e6e6;
    max-width: 120rem !important;
}
.career-outlook-section {
    background-color: #e6e6e6;
}
#career-outlook-cell h2 {
    font-weight: 200 !important;
    padding: 1rem;
    color: black;
    text-align: center;
    font-size: 1.9375rem !important;
    text-transform: uppercase !important;
}
.career-outlook-description {
    letter-spacing: 1px;
    font-weight: 500;
    margin-bottom: 1rem;
}
.learnmore {
    margin-left: auto;
    margin-right: auto;
    max-width: 75rem;
}
div#career-outlook-cell {
    color: black;
    text-align: center;
    padding-bottom: 1rem;
}
#career-outlook-cell h2{
    color: black;
    text-align: center;
}
/**** Insight and School Name Change Section Styling ****/
.insight-section-container {
    margin-top: 1.5rem;
}
.insight-button {
    background-color: #b86645;
    margin-top: 1em;
}
.Informatics-Header {
    text-align: left;
    font-weight:700;
    border-bottom: 1px solid #aaa;
}
.insight-section-container ul li {
    margin-bottom: 1rem;
    margin-top: 1rem;
}
.insight-section-container ul {
    list-style-type: none !important;
}
#article-image {
    display: flex;
    margin-bottom: 2em;
}
@media screen and (min-width: 40em) {
    #article-image {
        margin-bottom: 0;
    }
}
.mcw-txt{
    margin: 0px 0px 0px 5%;
}
/****News Section Styling ****/
.News-Section-Container {
    margin-top: 1.5rem;
}
.News-Header {
    text-align: left;
    font-weight:700;
    border-bottom: 1px solid #aaa;
}
/****Quick Facts Styling****/
.cell.icon-container p {
    padding: none !important;
}
div#Quick-Facts-Section {
    box-shadow: rgba(10, 0, 0, 0.6) 0px 0px 0px 2000px inset !important;
}
img.image-icon {
    margin-bottom: 8rem;
    max-height: 10rem;
}
.cell.icon-container {
    text-align: center;
}
.quick-facts-container {
    margin-left: auto;
    max-width: 75rem;
    margin-right: auto;
}
.quick-facts-container .circle {
    display: inline-block;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    background: #eb7f2f;
    width: 95px;
    height: 95px;
 }
.quick-facts-container  img {
    position: relative;
    transform: translateY(50%);
}
.quick-facts-container  i {
    color: #fff;
    vertical-align: bottom;
}
.quick-facts-container h3 {
    text-transform: uppercase;
    font-size: 20px;
    color: #59595c;
    margin-top: 20px;
    font-family: 'Nunito', sans-serif;
}
.quick-facts-container  a {
    color: #eb7f2f;
	text-decoration: none;
	line-height: 22px;
	display: block;
}
.quick-facts-container h3 .circle {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.quick-facts-container .circle {
    background-color: #00699f;
}
 .quick-facts-container h3 {
    color: #59595c;
}
.whiteText:not(.heroHeader) > div {
    background: none !important;
    border: none !important;
}
/****** FOOTER *****/
/*.grid-x.small-up-1.medium-up-2.large-up-2.social {
    padding-top: 1rem;
}
footer {
  background-color: #323439;
  padding: 15px 0;
}
#footer a {text-decoration: none;}
.footernav {
  text-align: center;
  min-height: 80px;
  }
ul.footernav-links {display: inline-block;}
ul.footernav-links li {
  display: block;
  float: none;
}
ul.footernav-links li a:link, ul.footernav-links li a:visited {
  color: #e3e3e3;
  font-size:0.95rem;
  padding: 0.6rem 1rem;
  display: block;
  width: 15rem;
}
.footernav-links-small p {
  font-size: 0.7rem;
  text-align: center;
  color: #fff;
}
.footernav-links-small a {
    color: #fff;
    margin-right: .25rem;
    padding-right: .25rem;
}
#footer .footernav-links-small a:hover,
#footer .footernav-links-small a:focus {
    text-decoration: underline;
}
.footernav-links-small a.pipe {
    border-right: 1px solid #fff;
}
ul.footernav-links li a:hover {
  color: #fff;
  background-color: #666;
  border-radius: 0.5rem;
  text-decoration: none;
}
#socialmedia {text-align: center;}
#socialmedia span {
  font-size: 2.2rem;
  color: #191a1c;
  margin-right: 0.4rem;
  display: inline;
}
#topwk {
    text-align: center;
}*/

/* FOOTER NEW */
footer {
    background-color: #002856;
}
footer .grid-container {
    max-width: 85rem;
    margin: 0 auto;
}
#page-content #bottom-bar a {
    color: #fff;
    padding: 1rem 2rem;
    background-image:none;
}
#page-content footer p a:not(.button) {
    border-bottom:none;
    color:#fff;
    font-size:1rem;
    font-weight:500;
    line-height:1.5;
}
#page-content footer p a:not(.button):after {
    border-bottom:0;
}
#page-content #footer p a:after:not(.button) {
    border-bottom:none !important;
}
#page-content .footernav-links-small li a {
    color: #fff;
    background-image: none;
    padding-bottom: 0.25rem;
}
img.footer-logo {
    width:300px;
}
#footer-main {
    padding: 4rem 1rem;
}
#socialmedia {
    margin-top: 1rem;
}
#footer-cta .button {
 margin-top: 0.5rem;
 background-color: var(--uthorange);
 font-size: 1.35rem;
 padding: 0.5rem 1.5rem;
}
#footer-cta a:hover.button {
    background-color: #904a2f;
    text-decoration: none !important;
}
#footer hr {
    color: #AE6042;
    background: #AE6042;
    border: 2px solid #AE6042;
    border-bottom: 0;
    margin-top:1rem;
    margin-bottom:1rem;
}
footer h2:before {
    border-top:none;
}
/*.zoom-glow {
    transition: transform .2s;
}*/
.zoom-glow:hover {
    /*transform: scale(1.03);*/
    filter: drop-shadow(0px 0px 8px #ae6042);
}

/* END FOOTER NEW */

/****** FOUNDATION ICONS *****/
/*#socialmedia a:hover {text-decoration: none;}
#socialmedia span.fi-social-facebook:hover {color: #ffff;}
#socialmedia span.fi-social-twitter:hover {color: #ffff;}
#socialmedia span.fi-social-youtube:hover {color: #ffff;}
#socialmedia span.fi-social-linkedin:hover {color: #ffff;}
#socialmedia span.fi-social-flickr:hover {color: #ffff;}
#socialmedia span.fi-social-pinterest:hover {color: #ffff;}
#socialmedia span.fi-social-instagram:hover {color: #ffff;}
*/

.accordion .accordion-navigation .fi-arrow-down {
    display: none;
}
.accordion .accordion-navigation.active .fi-arrow-down {
    display: inline-block;
} 
.accordion .accordion-navigation.active .fi-arrow-right {
    display: none;
} 

/****** MEDIUM AND UP *****/
/*@media only screen and (min-width: 40.063em) {
.full-width {padding: 2.8rem;}
.footernav {
  background-image: url("https://www.uth.edu/global/gfx/footer-shadow.png");
  background-repeat: no-repeat;
  background-position: center 38px;
  }
ul.footernav-links li {float: left;}
ul.footernav-links li a:link, ul.footernav-links li a:visited {display: inline;}
.columns h1 {font-size: 2.125rem;}
}
*/

/****** BACKGROUND COLORS *****/
.uthorange {background-color: #b76646; color: #fff}
.uthblue {background-color: #4e738a; color: #fff}
.uthgray {background-color: #7677a; color: #fff}
.gulfblue {background-color: #002856; color: #fff}
.mustard {background-color: #f2b826; color: #000}
.darksage {background-color: #577c69; color: #fff}
.lavender {background-color: #807390; color: #fff}
.lightsage {background-color: #b0bfbc; color: #000}
.sand {background-color: #b6a999; color: #000}

/****** PAGE DESIGN OVERWRITES *****/
.whiteText:not(.heroHeader) > div {
    background: rgba(0,0,0,0.35);
    border: none;
}

tr a {color: #A35A3E;}

.page-stmp {
    float: right;
    color: #657671;
}

/*    STYLING ADMISSION DEADLINES Table   */
    .sub-title{font-size: 1.2em;}
    .tbl-row{background-color: #4d4f53; color: #fff!important;}
    .col-dets{text-align: center; color: #000;}
    .cert-row{background-color: #af6041; color: #fff!important;}
    .mast-row{background-color: #50748a; color: #fff!important;}
    .phd-row{background-color: #597c69; color: #fff!important;}
    .dhi-row{background-color: #7D708F; color: #fff!important;}
    .additional-notes-list {padding-left: 35px;}
/*    END STYLING ADMISSION DEADLINES Table   */

#page-not-found .button {
 padding:.65rem;
}