@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&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=EB+Garamond");
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

/* || GENERAL STYLES - HEADINGS, BUTTONS, HRs */
 body, .uthealth ul li {
     font-family: "Roboto", sans-serif;
}
.uthealth h1, .uthealth h2, .uthealth h3, .uthealth h4, .uthealth h5, .uthealth h6, .uthealth h7, .side-bar-title {
     font-family: adobe-garamond-pro, serif;
     font-weight: 800;
     /* text-transform:capitalize; */
     letter-spacing: 0.0525em;
}
/* EXTERNAL ICON - ORANGE */
header a[href^="https://"]:not([href*="www.uth.edu"]):after, 
.uthealth .footernav-links-small ul li a[href^="https://"]:not([href*="www.uth.edu"]):after,
#page-content a[href^="https://"]:not([href*="www.uth.edu"], [class], :has(img:only-child)):after
{
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512" fill="none"><path d="M304 24C304 37.3 314.7 48 328 48H430.1L207 271C197.6 280.4 197.6 295.6 207 304.9C216.4 314.2 231.6 314.3 240.9 304.9L463.9 81.9L464 184C464 197.3 474.7 208 488 208C501.3 208 512 197.3 512 184V24C512 10.7 501.3 0 488 0H328C314.7 0 304 10.7 304 24ZM72 32C32.2 32 0 64.2 0 104V440C0 479.8 32.2 512 72 512H408C447.8 512 480 479.8 480 440V312C480 298.7 469.3 288 456 288C442.7 288 432 298.7 432 312V440C432 453.3 421.3 464 408 464H72C58.7 464 48 453.3 48 440V104C48 90.7 58.7 80 72 80H200C213.3 80 224 69.3 224 56C224 42.7 213.3 32 200 32H72Z" fill="%23AE6042"/></svg>');
    content: "";
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    width: 11px;
    height: 11px;
    position: relative;
   margin-left: .4rem;
}
/* EXTERNAL ICON - ORANGE */
header a[href^="https://"]:not([href*="www.uth.edu"]):after {
    margin-left:.8rem;
}
/* EXTERNAL ICON - WHITE */
header a[href^="https://"]:not([href*="www.uth.edu"]):after, 
.uthealth .footernav-links-small ul li a[href^="https://"]:not([href*="www.uth.edu"]):after, 
    #page-content .card-divider a[href^="https://"]:not([href*="www.uth.edu"], [class]):after, 
    #page-content .card-divider a[href^="https://"]:not([href*="www.uth.edu"], [class]):hover:after{
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512" fill="none"><path d="M304 24C304 37.3 314.7 48 328 48H430.1L207 271C197.6 280.4 197.6 295.6 207 304.9C216.4 314.2 231.6 314.3 240.9 304.9L463.9 81.9L464 184C464 197.3 474.7 208 488 208C501.3 208 512 197.3 512 184V24C512 10.7 501.3 0 488 0H328C314.7 0 304 10.7 304 24ZM72 32C32.2 32 0 64.2 0 104V440C0 479.8 32.2 512 72 512H408C447.8 512 480 479.8 480 440V312C480 298.7 469.3 288 456 288C442.7 288 432 298.7 432 312V440C432 453.3 421.3 464 408 464H72C58.7 464 48 453.3 48 440V104C48 90.7 58.7 80 72 80H200C213.3 80 224 69.3 224 56C224 42.7 213.3 32 200 32H72Z" fill="%23FFFFFF"/></svg>');}

/* EXTERNAL ICON - BLACK */
header #utility-nav a[href^="https://"]:not([href*="www.uth.edu"]):after,
header #utility-nav a[href^="https://"]:not([href*="www.uth.edu"]):hover:after{
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512" fill="none"><path d="M304 24C304 37.3 314.7 48 328 48H430.1L207 271C197.6 280.4 197.6 295.6 207 304.9C216.4 314.2 231.6 314.3 240.9 304.9L463.9 81.9L464 184C464 197.3 474.7 208 488 208C501.3 208 512 197.3 512 184V24C512 10.7 501.3 0 488 0H328C314.7 0 304 10.7 304 24ZM72 32C32.2 32 0 64.2 0 104V440C0 479.8 32.2 512 72 512H408C447.8 512 480 479.8 480 440V312C480 298.7 469.3 288 456 288C442.7 288 432 298.7 432 312V440C432 453.3 421.3 464 408 464H72C58.7 464 48 453.3 48 440V104C48 90.7 58.7 80 72 80H200C213.3 80 224 69.3 224 56C224 42.7 213.3 32 200 32H72Z" fill="%23000000"/></svg>');}
/* LOCK ICON - WHITE*/
header a[href*="inside.uth.edu"]:not([href*="www.uth.edu"]):after,
header .submenu li a[href*="inside.uth.edu"]::after, header .submenu li a[href*="my.uth.tmc"]::after,
header .submenu li a[href*="inside.uth.edu"]:hover::after, header .submenu li a[href*="my.uth.tmc"]:hover::after
{
    width: 10px;
    height: 11px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23ffffff" d="M144 128l0 64 160 0 0-64c0-44.2-35.8-80-80-80s-80 35.8-80 80zM96 192l0-64C96 57.3 153.3 0 224 0s128 57.3 128 128l0 64 32 0c35.3 0 64 28.7 64 64l0 192c0 35.3-28.7 64-64 64L64 512c-35.3 0-64-28.7-64-64L0 256c0-35.3 28.7-64 64-64l32 0zM48 256l0 192c0 8.8 7.2 16 16 16l320 0c8.8 0 16-7.2 16-16l0-192c0-8.8-7.2-16-16-16L64 240c-8.8 0-16 7.2-16 16z"/></svg>');
}
/* LOCK ICON - ORANGE */
#page-content a[href*="inside.uth.edu"]:not([href*="www.uth.edu"], [class]):after,
header #utility-nav a[href*="inside.uth.edu"]:not([href*="www.uth.edu"]):hover:after{
    content: "";
    margin-left: .25em;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23ae6042" d="M144 128l0 64 160 0 0-64c0-44.2-35.8-80-80-80s-80 35.8-80 80zM96 192l0-64C96 57.3 153.3 0 224 0s128 57.3 128 128l0 64 32 0c35.3 0 64 28.7 64 64l0 192c0 35.3-28.7 64-64 64L64 512c-35.3 0-64-28.7-64-64L0 256c0-35.3 28.7-64 64-64l32 0zM48 256l0 192c0 8.8 7.2 16 16 16l320 0c8.8 0 16-7.2 16-16l0-192c0-8.8-7.2-16-16-16L64 240c-8.8 0-16 7.2-16 16z"/></svg>');
    width: 12px;
    height: 12px;
    background-size: contain;
}
/* LOCK ICON - BLACK */
header #utility-nav a[href*="inside.uth.edu"]:not([href*="www.uth.edu"]):after, 
header #utility-nav a[href*="inside.uth.edu"]:not([href*="www.uth.edu"]):hover:after{
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23000000" d="M144 128l0 64 160 0 0-64c0-44.2-35.8-80-80-80s-80 35.8-80 80zM96 192l0-64C96 57.3 153.3 0 224 0s128 57.3 128 128l0 64 32 0c35.3 0 64 28.7 64 64l0 192c0 35.3-28.7 64-64 64L64 512c-35.3 0-64-28.7-64-64L0 256c0-35.3 28.7-64 64-64l32 0zM48 256l0 192c0 8.8 7.2 16 16 16l320 0c8.8 0 16-7.2 16-16l0-192c0-8.8-7.2-16-16-16L64 240c-8.8 0-16 7.2-16 16z"/></svg>');
    height: 11px;
    width: 10px;
    top: 1.5em;
    position: absolute;
}

header #utility-nav a[href^="https://"]:not([href*="www.uth.edu"]):after, 
header #utility-nav a[href^="https://"]:not([href*="www.uth.edu"]):hover:after {
    margin-left: .5em;
    width: 9.75px;
    height: 9.75px;
}

header #utility-nav a[href*="inside.uth.edu"]:not([href*="www.uth.edu"]):after, 
header #utility-nav a[href*="inside.uth.edu"]:not([href*="www.uth.edu"]):hover:after{
    margin-left: .5em;
    width: 10px;
    height: 10px;
}

/* LOCK ORANGE */
header .submenu li a[href*="inside.uth.edu"]::after, header .submenu li a[href*="my.uth.tmc"]:hover::after,  {
    margin-left: .125em;
    height: 12px;
    width: 10px;
    margin-left: .75em;
}

header #utility-nav a[href*="inside.uth.edu"]:not([href*="www.uth.edu"]) {
    padding-right: 3em;
}

@media only screen and (min-width: 64em) {
    /*NEW WINDOW - ORANGE */
    header a[href^="https://"]:not([href*="www.uth.edu"]):after {
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512" fill="none"><path d="M304 24C304 37.3 314.7 48 328 48H430.1L207 271C197.6 280.4 197.6 295.6 207 304.9C216.4 314.2 231.6 314.3 240.9 304.9L463.9 81.9L464 184C464 197.3 474.7 208 488 208C501.3 208 512 197.3 512 184V24C512 10.7 501.3 0 488 0H328C314.7 0 304 10.7 304 24ZM72 32C32.2 32 0 64.2 0 104V440C0 479.8 32.2 512 72 512H408C447.8 512 480 479.8 480 440V312C480 298.7 469.3 288 456 288C442.7 288 432 298.7 432 312V440C432 453.3 421.3 464 408 464H72C58.7 464 48 453.3 48 440V104C48 90.7 58.7 80 72 80H200C213.3 80 224 69.3 224 56C224 42.7 213.3 32 200 32H72Z" fill="%23AE6042"/></svg>');    
    }
header #dropdown-nav .menu.dropdown li a[href^="https://"].menu-cta:not([href*="www.uth.edu"]):after {
        margin-left:.4rem;
}
    header #dropdown-nav .menu.dropdown  li a[href^="https://"].menu-cta:not([href*="www.uth.edu"]):after {
        margin-left:.4rem;

    }

    
    /*NEW WINDOW - WHITE */
header a[href^="https://"]:not([href*="www.uth.edu"]):hover:after{
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512" fill="none"><path d="M304 24C304 37.3 314.7 48 328 48H430.1L207 271C197.6 280.4 197.6 295.6 207 304.9C216.4 314.2 231.6 314.3 240.9 304.9L463.9 81.9L464 184C464 197.3 474.7 208 488 208C501.3 208 512 197.3 512 184V24C512 10.7 501.3 0 488 0H328C314.7 0 304 10.7 304 24ZM72 32C32.2 32 0 64.2 0 104V440C0 479.8 32.2 512 72 512H408C447.8 512 480 479.8 480 440V312C480 298.7 469.3 288 456 288C442.7 288 432 298.7 432 312V440C432 453.3 421.3 464 408 464H72C58.7 464 48 453.3 48 440V104C48 90.7 58.7 80 72 80H200C213.3 80 224 69.3 224 56C224 42.7 213.3 32 200 32H72Z" fill="%23FFFFFF"/></svg>');    }


    /*NEW WINDOW - BLACK */
    #page-content a[href^="https://"]:not([href*="www.uth.edu"], [class]):hover:after {
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512" fill="none"><path d="M304 24C304 37.3 314.7 48 328 48H430.1L207 271C197.6 280.4 197.6 295.6 207 304.9C216.4 314.2 231.6 314.3 240.9 304.9L463.9 81.9L464 184C464 197.3 474.7 208 488 208C501.3 208 512 197.3 512 184V24C512 10.7 501.3 0 488 0H328C314.7 0 304 10.7 304 24ZM72 32C32.2 32 0 64.2 0 104V440C0 479.8 32.2 512 72 512H408C447.8 512 480 479.8 480 440V312C480 298.7 469.3 288 456 288C442.7 288 432 298.7 432 312V440C432 453.3 421.3 464 408 464H72C58.7 464 48 453.3 48 440V104C48 90.7 58.7 80 72 80H200C213.3 80 224 69.3 224 56C224 42.7 213.3 32 200 32H72Z" fill="%23000000"/></svg>');    }
/* LOCK ICON BLACK */
    #page-content a[href*="inside.uth.edu"]:not([href*="www.uth.edu"], [class]):hover:after,
        #page-content .card a[href*="inside.uth.edu"]:not([href*="www.uth.edu"], [class]):hover:after, 
    #page-content .card a[href*="inside.uth.edu"]:not([href*="www.uth.edu"], [class]):after,
    #page-content .card a[href*="inside.uth.edu"]:not([href*="www.uth.edu"], [class]):hover:after, 
    #page-content .card a[href*="inside.uth.edu"]:not([href*="www.uth.edu"], [class]):after,
    header #utility-nav a[href*="inside.uth.edu"]:not([href*="www.uth.edu"]):hover:after{
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23000000" d="M144 128l0 64 160 0 0-64c0-44.2-35.8-80-80-80s-80 35.8-80 80zM96 192l0-64C96 57.3 153.3 0 224 0s128 57.3 128 128l0 64 32 0c35.3 0 64 28.7 64 64l0 192c0 35.3-28.7 64-64 64L64 512c-35.3 0-64-28.7-64-64L0 256c0-35.3 28.7-64 64-64l32 0zM48 256l0 192c0 8.8 7.2 16 16 16l320 0c8.8 0 16-7.2 16-16l0-192c0-8.8-7.2-16-16-16L64 240c-8.8 0-16 7.2-16 16z"/></svg>');
    }
/* LOCK ICON - ORANGE */ 
    header .submenu li a[href*="inside.uth.edu"]::after, header .submenu li a[href*="my.uth.tmc"]::after,
    #page-content a[href*="inside.uth.edu"]:not([href*="www.uth.edu"], [class]):after {
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23ae6042" d="M144 128l0 64 160 0 0-64c0-44.2-35.8-80-80-80s-80 35.8-80 80zM96 192l0-64C96 57.3 153.3 0 224 0s128 57.3 128 128l0 64 32 0c35.3 0 64 28.7 64 64l0 192c0 35.3-28.7 64-64 64L64 512c-35.3 0-64-28.7-64-64L0 256c0-35.3 28.7-64 64-64l32 0zM48 256l0 192c0 8.8 7.2 16 16 16l320 0c8.8 0 16-7.2 16-16l0-192c0-8.8-7.2-16-16-16L64 240c-8.8 0-16 7.2-16 16z"/></svg>');
    }
    /* LOCK ICON - WHITE */ 

   header .submenu li a[href*="my.uth.tmc"]:hover:after,
     header .submenu li a[href*="inside.uth.edu"]:hover::after, header .submenu li a[href*="my.uth.tmc"]:hover:after{
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23ffffff" d="M144 128l0 64 160 0 0-64c0-44.2-35.8-80-80-80s-80 35.8-80 80zM96 192l0-64C96 57.3 153.3 0 224 0s128 57.3 128 128l0 64 32 0c35.3 0 64 28.7 64 64l0 192c0 35.3-28.7 64-64 64L64 512c-35.3 0-64-28.7-64-64L0 256c0-35.3 28.7-64 64-64l32 0zM48 256l0 192c0 8.8 7.2 16 16 16l320 0c8.8 0 16-7.2 16-16l0-192c0-8.8-7.2-16-16-16L64 240c-8.8 0-16 7.2-16 16z"/></svg>');
    }
}
.giving p {
 font-family: Roboto, sans-serif;
 color: rgb(74, 74, 74);
 font-size: 1.125em;
 font-weight:400;
}
.card .card-section h2 {
    display:inline-block;
}
.uthealth .story-headline {
    font-family: "Roboto Condensed", arial, sans-serif;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 1.5em;
}
#home-overview .margin-medium-top {
    margin-top: 0;
}
 .giving .intro {
     padding-top:.75em;
     font-size:1.25em;
     color:var(--gulfblue);
     width:85%;
     margin:0 auto;
}
.uthealth.giving h1 {
    color: white;
    font-size: clamp(1.5em, 5vw, 2.75em);
    text-wrap: balance;
}
.uthealth.giving h1 {
    color:var(--uthorange);
}
.hero-title .button, .hero-text-container .button {
    margin-top:1.5em;
}
/* .button.hollow.hero-cta {
    color: #fff;
      border: #fff solid 2px;
    background-color: rgba(255, 255, 255, 0);
    font-family: "Roboto Condensed";
    font-weight: 500;
    letter-spacing: 0.125rem;
    margin-top: 1rem;
    font-size:clamp(1em, 3vw, 1.5em)
}
.button.hollow.hero-cta:hover {
    color: #fff;
        border: #fff solid 2px;
    background-color: var(--uthorange);
} */
#hero-h2 {
    font-size: 1rem;
    letter-spacing: 0.1375rem;
}
    .card-content-container {
        padding: 1.25em;
    }
.uthealth hr.uthorange.thin {
    border-bottom-width:1px;
    padding-top:2em;
}
.uthealth .white {
    color:#fff;
}
/* .button-group .button{
    margin-right:auto;
    margin-bottom:.5em;
    text-align:left;
} */
.bordered ul.no-bullet {
    padding:2em;
    text-align:center;
}
.bordered ul.no-bullet li{
    margin-bottom:.75em;
}
/* .uthealth .white.button {
    background-color:#fff;
    color:var(--uthorange);
        border:#ffffff solid 1px;

}
.uthealth .white.button:hover {
    background-color:transparent;
    color:#fff;
    border:#ffffff solid 1px;
} */
.uthealth h2 {
    margin-top:0;
    font-size:1.5em;

    color: var(--uthorange);
}

.uthealth h2.gulfblue {
    color: var(--gulfblue);
}
.uthealth h2.subtitle {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 400;
    color: rgb(74, 74, 74);
    font-size: 1.25em;
    text-transform: capitalize;
}
.uthealth.giving h2.large {
    font-size: 1.75em;
    color: var(--gulfblue);
    font-weight: 900;
}

.uthealth.giving h2.uthblue {
    color: var(--uthblue);
}
.uthealth.giving h2.white {
    color: white;
}
h3 i {
    color:var(--uthorange);
    font-size: 1.5rem;
    padding-right: .25em;
    top:.125em;
    position:relative;
}
.pagelist span, .pagelist{
    font-size: 1.125em;
}
.total-results {
    margin-top:1em;
}
.pagelist .pagination-num-container span {
    margin-right:.5em;
    margin-left:.5em;
}
.pagination .current {
    background: var(--uthorange);
}
#icon-page-down i {
    font-size: 4em;
    color: rgb(255, 255, 255);
    font-weight: 300;
}
.media-object {
    min-height: 200px;
    padding: 0.5rem;
}
.mobile-clear.padding-medium-top {
    padding-top:0;
}
.donate-logo {
    margin: 0 auto;
    width: 23em;
    display: block;
    margin-bottom: 1.5em;
    position: relative;
    right: 1em;
}
/* || UTH BRAND COLORS AND BACKGROUNDS */
.giving .uthorange-bg {
    background-color: var(--uthorange);
}
.giving .gulfblue-bg {
    background-color: var(--gulfblue);
}
.giving .uthblue-bg {
    background-color: var(--uthblue);
}
.giving .darksage-bg {
    background-color: var(--darksage);
}
.bordered.gulfblue {
    border:var(--gulfblue) solid 3px;
}
.bordered.darksage{
    border:var(--darksage) solid 3px;
}
.bordered.uthorange {
    border:var(--uthorange) solid 3px;
}
.bordered.uthblue {
    border:var(--uthblue) solid 3px;
}
.giving .uth-color-blocks .uthorange h2, .giving .uth-color-blocks .uthorange p, .uthorange .story-headline  {
    color: var(--uthorange);
}
.giving .uth-color-blocks .gulfblue h2, .giving .uth-color-blocks .gulfblue p, .giving .uth-color-blocks .gulfblue .button, .gulfblue .story-headline  {
    color: var(--gulfblue);
}
.giving .uth-color-blocks .uthblue h2, .giving .uth-color-blocks .uthblue p, .giving .uth-color-blocks .uthblue .button, .uthblue .story-headline {
    color: var(--uthblue);
}
.giving .uth-color-blocks .darksage h2, .giving .uth-color-blocks .darksage p, .giving .uth-color-blocks .darksage .button, .darksage .story-headline  {
    color: var(--darksage);
}
.giving #page-content hr {
    margin:2rem 0;
}
.uth-color-blocks a {
    margin-bottom: 0;
}
.giving .sand-gradient {
    padding: 2em 0;
    background: linear-gradient(180deg, rgba(223, 217, 210, 0.75) 0, rgba(223, 217, 210, 0.00) 15em);
}
.giving .sage-card a {
    background-color: white;
    overflow: hidden;
}
.giving .sage-card h3 {
    color: var(--darksage) !important;
    font-family: "Roboto Condensed", arial, sans-serif;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 1.5em;
}
.giving .sage-card p {
    color: var(--darksage) !important;
    font-family: "Roboto", arial, sans-serif;
    font-weight: 500;
    font-size: 1em;
    line-height: 2em;
    margin-bottom: 0;
    text-align: left;
}
.blue-bg {
    background-image: url('/giving/assets/backgrounds/blue-bg.png');
}
.orange-bg {
    background-image: url('/giving/images/backgrounds/orange-bg.jpg');
}
.darksage-bg.bg-img {
    background-image: url('/giving/assets/backgrounds/green-bg.png');
}
#home-honor-your-caregiver {
padding-top:5rem;}
#impact-stories-homepage, #home-honor-your-caregiver {
    padding-bottom:5em;
}
#home-honor-your-caregiver {
    background: linear-gradient(180deg, rgba(223, 217, 210, 0.75) 0, rgba(223, 217, 210, 0.00) 15em);
}
#home-honor-your-caregiver.full-width {
    margin-bottom:0;
}
#giving-opportunities-section h2,
#estate-gift-planning-tools-section h2 {
    color: #fff;
    font-weight: 900;
    font-size: clamp(1.75rem, 1.6806rem + 0.3704vw, 2.125rem);
}

#giving-opportunities-section .uth-cards .cell,
#estate-gift-planning-tools-section .uth-cards .cell {
    background-color: #fff;
}
.card-content-container h3 {
    font-family: "Roboto Condensed", arial, sans-serif;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 1.5em;
}
.card-content-container p {
    font-family: "Roboto", arial, sans-serif;
    color: rgb(74, 74, 74);
    font-size: 1em;
    line-height: 2em;
    font-weight: 500;
    margin-bottom: 0;
    text-align: left;
}
#page-content .owl-carousel .owl-item a:focus {
    display:block;
}
/* ADDED 11/14/2024 AS A WAY TO BULK BALANCE CARD HEADINGS WITH THE NEW CARDS CONTENT TYPE */
.balance {
    text-wrap: balance;
}
/* || HERO SECTIONS */
.hero-background {
    background-size:cover;
    background-repeat: no-repeat;
    background-color: var(--uthgrey);
    background-position: 40% 40%;
    background-attachment:scroll;
    padding:0;
    margin-bottom:2.65rem;
    }

.bg-img {
    background-size:cover;
    position: relative;
    padding-right: 0;
    background-repeat:no-repeat;
    z-index:0;
}

.bg-img:not(.hero--fannin)::before {
    background-color: rgb(1 1 1 / 25%);
    filter:opacity;
    content: '';
    height: 100%;
    position: absolute;
    width: 100%;
    background-blend-mode:multiply;
    position: absolute;
    top: 0px;
    z-index:-1;
    left: 0px;
}
.hero-background.bg-img {
    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;
}

.hero-background.bg-img::before {
    background: linear-gradient(180deg, rgba(78, 115, 138, .15) 35%, rgba(78, 115, 138, 1) 70%);
    content: '';
    height: 100%;
    position: absolute;
    width: 100%;
    background-blend-mode:multiply;
    position: absolute;
    top: 0px;
    z-index:-1;
    left: 0px;
}

.giving .hero-background .hero-title {
    min-height: 6.5em;
    height: 15vw;
    background-color: transparent;
}
.giving .hero-background.bg-img .hero-title {
    min-height: 15em;
    min-height: 20em;
    /* height: 13vw; */
    padding-bottom:1em;
}
    
.giving .hero-container:not(.hero--fannin) .hero-title {
    top: 100%;
    bottom:0;
    background-color: transparent;
    margin-left:0;
    margin-right:0;
    padding-right:0;
    padding-left: .125em;
    height: auto;
    min-height: 15em;
}
.giving .hero-background .hero-title .cell {
    -webkit-align-self:center;
    -ms-flex-item-align: center;
    align-self:center;
}
.giving .hero-background.bg-img .hero-title .cell {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}
.giving .hero-title h1#page-title {
    bottom: 0;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0;
        font-family: adobe-garamond-pro, serif;
    padding-bottom: 0;
    color: rgb(255, 255, 255);
    font-weight: 800;
    text-shadow: none;
    font-size: clamp(1.75em, 6vw, 2.5em);
    text-transform: capitalize;
    text-shadow: 1px 2px 5px #00000040;
    text-transform: none;
}

.giving .hero-container:not(.hero--fannin) img {
    min-height: 160px;
    max-height: 200px;
    object-fit: cover;
    object-position: center top;
    width: 100vw;
    height: clamp(160px, 10vw, 280px);
}
.hero-title {
    position: relative;
}
 .hero-container:not(.hero--fannin) .hero-title h1{
     color:#fff;
     text-shadow: 3px 2px 6px rgb(0 0 0 / 35%);
     font-weight:500;
     left:0;
     font-size: clamp(1em, 4vw, 2.25em);
}

.uthealth #contact-us {
    margin-bottom:3em;
}
.uthealth #contact-us.padding-medium-top {
      padding-top: 2em;
}
.uthealth  #contact-us h2 {
    margin-bottom: .25em;
    /* border-bottom: var(--uthorange) solid 1px; */
    padding-bottom: 0.6em;
}
/* .margin-medium-top {
    margin-top:1em;
} */
/* WIDGETS - Accordions, tabs, color card blocks(block grid) and more */
a.accordion-title {
    font-family:'Roboto Condensed', sans-serif;
    font-size: 1.375em;
}

.uthealth .directory-card-details .full-name {
    font-weight: 800;
    font-size: 1.5em;
    margin-bottom: .125em;
}
.accordion-item a.accordion-title {
    font-size:1.125em;
}
#page-content .accordion-content a.button {
    color: #fff;
}
#page-content .accordion-content a.button.hollow {
color:var(--uthorange);
}
.uth-color-blocks a {
    background-color: white;
    margin-bottom: 2em;
    overflow:hidden;
}
.cell.lt-gray-hov {
      transition:all .25s ease-in-out;

}
.cell.lt-gray-hov:hover {
    background-color:var(--uthorange);
    color:#fff;
}
.uthealth .cell.lt-gray-hov:hover h2, .uthealth .cell.lt-gray-hov:hover div{
color:#fff;
}
.darksage-bg .uth-color-blocks a{
    margin-bottom:0;
    
}
#page-content .uth-color-blocks .cell a{
    display:block;
    padding-top: 0;
}
.uth-color-blocks.dark-bg > .cell {
   background-color:#fff;
}
.uth-color-blocks .card-img{
   transition: transform 0.25s ease;
   -webkit-transform: perspective(1000px) translate3d(0, 0, 0);
   transform: perspective(1000px) translate3d(0, 0, 0);
   max-width: 100%;
   aspect-ratio: 16/9;
   object-fit: cover;
     width:100%;
}
.uth-color-blocks .card-img-container img, .uth-color-blocks .card-img-container .card-image {
    position: absolute;
    transform: scale(1);
    display: block;
    width: 100%;
    transition: transform .5s ease-in-out;
    height: 100%;
    width: auto;
    max-width: none;
    object-position: center;
    top: 0;
   filter: brightness(90%);
    }
.uth-color-blocks .cell .card-img-container {
    background-color:#000;
}
.uth-color-blocks .cell:hover img {
 /* opacity:.5; */
  transform: scale(1.05);
  filter: brightness(110%);
}
.uth-color-blocks a:hover .card-img{
   height: auto;
   -webkit-transform: perspective(1000px) translate3d(0, 0, 25px);
   transform: perspective(1000px) translate3d(0, 0, 25px);
}
.uth-color-blocks .cell h2.smaller {
  font-size:1.25em;
}
.uth-color-blocks .cell h2 {
    color:var(--charcoal);
    margin-bottom: 0px;
    font-family: "Roboto Condensed", arial, sans-serif;
    font-weight: 600;
    letter-spacing: 1.2px;
    font-size: 1.4em;
}

.giving .uth-color-blocks .cell h2.text-capitalize{
  text-transform:initial;
}
.uth-color-blocks .cell p {
  font-size: 1em;
  line-height: 2em;
  font-family: "Roboto", arial, sans-serif;
  font-weight: 500;
  margin-bottom:0;
}
.card-zoom .cell .card-img-container {
    overflow: hidden;
}
.card-zoom .card-img-container img, .card-zoom .card-img-container .card-image {
    transform: scale(1);
    transition: transform .5s ease-in-out;
    object-position: center;
    filter: brightness(90%);
}
.card-zoom .cell:hover img {
  transform: scale(1.05);
  filter: brightness(110%);
}
/* -- STATS PANEL -- */
.stat-number {
    color: var(--UTHealth-Blue, #4E738A);
    font-family: Roboto;
    font-size: 3rem;
    font-weight: 600;
}
.stat-title {
    font-family: Lato;
    font-size: 1.125rem;
    font-weight: 700;
}

/* -- SPOTLIGHT CAROUSEL -- */
#alumni-spotlight img {
    border-radius: 50%;
    border: 5px solid var(--uthorange);
}
.spotlight-name {
    color: var(--uthorange) !important;
    font-weight: 600;
    margin-bottom: 0;
}
.spotlight-title {
    font-style: italic;
    margin-bottom: 0;
}
.spotlight-school {
    font-style: italic;
    margin-bottom: 0;
}

.uth-color-blocks .cell .auto-size {
  padding: 2em;
}
.uthealth .uth-color-blocks .button.clear:not(input) {
  text-align: left;
  margin-bottom: 0px;
}
.giving .grid-x .story-tag{
    font-size:1.5em;
    font-family: "Roboto Condensed", arial, sans-serif;
    font-size: 1.125em;
    font-weight: 700;
    line-height: 2em;
    letter-spacing: 1.8px;
    text-transform:capitalize;
    text-align:center;
    color:white;
    padding:.5em;
}
.uthealth .uth-color-blocks .auto-size {
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    gap: 21px;
}

/* -- SUPPORT OUR SCHOOLS -- */
#schools {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-evenly;
    margin: 0;
}
#schools i {
    height: 75px;
    width: 75px;
    display: flex;
    font-size: 2rem;
    justify-content: center;
    align-items: center;
    background: #333;
    border-radius: 50%;
    border: 4px solid #fff;
    z-index: 4;
}
#schools #cson i, #schools #cson span {
    background: #172953;
}
#schools #mms i, #schools #mms span {
    background: #ae6042;
}
#schools #gsbs i, #schools #gsbs span {
    background: #4e738a;
}
#schools #sbmi i, #schools #sbmi span {
    background: #747578;
}
#schools #sod i, #schools #sod span {
    background: #7D708f;
}
#schools #sph i, #schools #sph span {
    background: #567c68;
}
#schools #sbhs i, #schools #sbhs span {
    background: #f2b826;
    color: #172953;
}
#schools .hide-helper {
    /*border-radius: 10% 0 0 10%;*/
    margin-left: -2rem;
    overflow: hidden;
    width: 100%;
    transition: box-shadow 0.3s ease-in-out;
}
#schools .hide-helper:hover {
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}
#schools .hide-helper .translate:hover {
    transform: scale(1.0125);
}
#schools span:not(.icon) {
    padding: .75rem 2rem .75rem 4rem;
    color: #fff;
    width: 100%;
    font-size: clamp(0.85rem, 2vw, 1rem);
    line-height: 1.25;
    display: inline-block;
    background: #333;
    text-transform: uppercase;
    transition: transform .4s ease-out;
    transform: translateX(-105%);
}
#schools span.translate {
    transform: translateX(0);
}
#schools > div {
    color: #fff;
    display: flex;
    padding: .25rem;
    transition: all .5s ease-in-out;
    flex-direction: row;
    align-items: center;
}
@media screen and (max-width: 1024px) {
    #left-main-content img:not(.directory-card-container img) {
        width: 100%;
    }
    #left-main-content .small-order-2,
    #left-main-content .right-content:not(.small-order-1) {
        margin-top: 0;
    }
}
@media screen and (max-width: 1024px) {
    #cson-distinguished-alumnus .left-content,
    #cson-alumni-community .right-content,
    #cson-50th-anniversary-reunion .left-content,
    #mms-distinguished-alumnus .left-content,
    #mms-alumni-community .right-content,
    #mms-alumni-weekend .left-content,
    #msbmi-distinguished-alumnus .left-content,
    #msbmi-alumni-community .right-content,
    #msbmi-yearly-reception .left-content,
    #gsbs-distinguished-alumnus .left-content,
    #gsbs-alumni-community .right-content,
    #gsbs-alumni-career-symposium .left-content,
    #sod-lifetime-achievement .left-content,
    #sod-alumni-community .right-content,
    #sod-pace-center .left-content,
    #sph-career-services .left-content,
    #sph-alumni-community .right-content,
    #sph-yearly-reception .left-content {
        margin-top: 0;
    }
}
#sbhs-giving-opportunities,
#cson-giving-opportunities,
#mms-giving-opportunities,
#msbmi-giving-opportunities,
#gsbs-giving-opportunities,
#sod-giving-opportunities,
#sph-giving-opportunities,
#mms-about-us,
#cson-about-us,
#msbmi-about-us,
#honor-caregiver-share-your-story {
    background: linear-gradient(180deg, rgba(223, 217, 210, 0.75) 0, rgba(223, 217, 210, 0.00) 15em);
}
/* || SIDE BAR / CONTACT US */
 #contact-us .contact-us .grid-x{
    /* margin-top:1.75em; */
}
.contact-bottom-spacer {
  margin-top:.35em;
}
.icon-contact {
  text-align:right;
  padding-right:1em;
}
.icon-contact i {
  font-size:1.125em;
  color:var(--uthorange);
  text-align: right;
}
#home-alumni-events .grid-x {
   margin-bottom:0; 
}
#upcoming-events-section {
    background: url(https://www.uth.edu/alumni/images/background-fills/orange-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
#upcoming-events-section .owl-nav i {
color:#fff;
}
/* -- EVENTS -> FLICKR SECTION -- */
.flickr-title {
    font-size: 1.5em;
    font-family: "Roboto Condensed", arial, sans-serif;
    font-size: 1.125em;
    font-weight: 700;
    line-height: 2em;
    letter-spacing: 1.8px;
    text-transform: capitalize;
    text-align: center;
    padding: 0.5em;
}

.white-bg {
    background-color: var(--snow);
}
@media print, screen and (max-width: 640px) {
    #our-school-panels #left-main-content {
        padding-left: 0;
    }
}
/* -- OWL CAROUSEL -- */
.owl-carousel {
    padding-left: clamp(1em, 1.5em, 2.5em);
    padding-right: clamp(1em, 1.5em, 2.5em);
}
.owl-nav i {
    color: var(--snow);
}


 #contact-us .contact-us .grid-x{
     color:var(--gulfblue);
     font-size:1.125em;
}
 #contact-us .contact-us .grid-x a{
     font-size:1em;
}
 #section-block {
     margin-bottom: 2.5em;
     margin-top:4em;
     border: none;
     border-top: var(--smoke) solid 2px;
     padding: 0 0 0 0em;
}


 #section-block .menu.vertical {
     padding-left: 0;
     padding-right: 0;
     padding-bottom: .5em;
}
 #section-block .menu li a {
     font-family: Roboto, sans-serif;
     font-size:1.125em;
     font-weight:500;
     line-height: 1.4;
     padding:.5em 0 .5em 1em;
}
#contact-block-desktop i{
    font-size:clamp(1.25em, 1.5vw, 1.75em);
    color:var(--charcoal);
  color:var(--uthorange);
}

.fa-location-dot {
  padding-top:.25em;
}
#contact-block-desktop i.fa-phone {
  padding-top:.125em;
    font-size:clamp(1.125em, 1.45vw, 1.75em);

}
#contact-block-desktop i.fa-envelope {
  padding-top:.125em;
}

#contact-block-desktop .grid-x {
    margin-bottom:1.125em;
}
#section-block .side-menu-title {
    color: #002856;
    font-family: adobe-garamond-pro, serif;
    font-size: 1.25em;
    font-style: normal;
    font-weight: 700;
    line-height: 23.4px;
    letter-spacing: 1px;
    /* text-transform: capitalize; */
    margin-left:.4em;
    margin-top:.5em;
}
.uthealth h3, .side-bar-title {
    font-size: 1.5em;
    color: var(--uthblue);
}
.uthealth .uth-cards a:hover h3 {
    color: var(--uthorange);
}
.side-bar-title {
    margin-bottom: .5em;
}


/* END/CLOSE SIDE BAR / CONTACT US */
.news-label {
    font-family:'Roboto Condensed', sans-serif;
    background: #fff;
    font-weight: 600;
font-size:.9em;
    padding-top:.5em;
    letter-spacing:.6px;
        border-left: 2.5px solid #4A4A4A;
    color: #4A4A4A;
    text-wrap: balance;
        overflow: visible;

}

.news-label.gulfblue {
    border-left: 2.5px solid var(--gulfblue);
    color: var(--gulfblue);
}
.news-label.uthorange {
    border-left: 2.5px solid var(--uthorange);
    color:  var(--uthorange);
}
.news-label.uthblue {
    border-left: 2.5px solid var(--uthblue);
    color: var(--uthblue);
}
.news-label.uthgrey {
    border-left: 2.5px solid var(--uthgrey);
    color: var(--uthgrey);
}
.news-label.dusty-lavender {
    border-left: 2.5px solid var(--dustylavender);
    color: var(--dustylavender);
}
.news-label.darksage {
    border-left: 2.5px solid var(--darksage);
    color: var(--darksage);
}
     .giving .hero-background.bg-img .hero-title p {
         color:#fff;
    }
/* END/CLOSING OF HIDING THESE, I THINK I CAN DELETE. BUT DELETE AFTER January 2024 */
#home-overview.full-width {
    margin-bottom:0;
}
#home-student-transcripts {
    padding-top:3.5rem;
}
  .uthealth.giving h1 {
         color: white;
  }

.hero--fannin .hero-title.bg-wrapper.hero--full--content--centered h1{color:var(--black);font-size: 2.25rem;}

 @media print, screen and (min-width: 40em) {
   .hero-container figcaption span { font-size: .875rem;}
     .hero--fannin .hero-title.bg-wrapper.hero--full--content--centered h1{color:var(--black);font-size: 3rem;}

 }

 @media print, screen and (min-width: 40em) {
     .uthealth.giving h1 {
         color: white;
font-size: clamp(1.75rem, 6vw, 2.5rem);
}
     .giving .hero-background.bg-img .hero-title .cell {
         -webkit-align-self:center;
         -ms-flex-item-align: center;
         align-self:center;
    }
   /*  .button.hollow.hero-cta {
         color: white;
    }*/
     .hero-background {
    margin-bottom:4.65rem;
    }
    .hero-background .grid-container {
        padding-bottom:0;
}
     .giving .sand-gradient {
         padding:2em 0;
    }
   
     .giving .hero-background.bg-img .hero-title {
         height: 30em;
         /* max-height: 30em; */
         color:#fff;
    }
     .giving .hero-background.bg-img .hero-title p {
         color:#fff;
    }
     .giving .hero-container:not(.hero--fannin) .hero-title {
         height: 15vw;
    }
     .hero-title {
        /* bottom: auto; */
    }
     .uthealth h2 {
    font-size: 2em;
         margin-bottom:.75em;
}
      .hero-container:not(.hero--fannin) .hero-title h1{
         color:#fff;
         font-weight:500;
    }
     .accordion-item a.accordion-title {
    font-size:1.35em;
}
     .uthealth.giving h2.large {
    font-size: 2.125em;
}

     .giving .hero-title .cell {
         -webkit-align-self: center;
         -ms-flex-item-align:middle;
         align-self:center;
    }

  .hero-background.bg-img::before {
         background: linear-gradient(98deg, rgba(78, 115, 138, .95) 40.58%, rgba(0, 0, 0, 0) 65.82%);
    }

   .mobile-clear.padding-medium-top{
        padding-top:4em;
    }
}
 @media print, screen and (min-width: 64em) {
    .full-width {
    padding-top:2em;
    padding-bottom:2em;
}
  .hero-background.bg-img {
    background-position:top center;
}
         .giving .sand-gradient {
         padding:2em 3em;
    }
   
      .giving .hero-background.bg-img .hero-title {
  height:38em;
  color:#fff;
  background-color: transparent;
  }
   /* .button.hollow.hero-cta  {
         font-size: 1.25rem;
    }
   .button.hollow.hero-cta:hover {
         font-size: 1.25rem;
         border: 2px solid #fff;
    }
     .button-group .button{
         margin-right:1em;
         text-align:center;
         margin-bottom:auto;
    }*/ 
       #section-block {
           margin-top: .25em;
           border:none;
           border-left: var(--gulfblue) solid 1px;
 }
}
/* -- CONNECT WITH US | FOOTER -- */
.contact-block-full {
    background: linear-gradient(180deg, 
    rgba(223, 217, 210, 0.75) 0, 
    rgba(223, 217, 210, 0.00) 15em);
    padding: 4em 0 0;
}
@media print, screen and (min-width: 64em) {
    .contact-block-full {
        padding: 4em 3em 0;
    }
}
.contact-block-full .cell {
    text-align: center;
    margin-top: 1.5em;
}
.contact-block-full p {
    text-align: center;
}
.contact-block-full h2 {
    text-align: center;
    border-bottom: var(--uthorange) solid 1px;
    padding-bottom: 0.6em;
}
/* -- CONTACT | SIDEBAR -- */
.contact-block-sidebar h2 {
    font-size: 1.5em;
    color: var(--uthblue);
}
/* -- SPACERS -- */
.giving .no-top {
    margin-top: 0;
}
.giving .no-bottom {
    margin-bottom: 0;
}
/* -- ACCESSIBILITY -- */
#stories-finder form select:focus-visible, 
#stories-finder form input#searchterm:focus-visible, 
.owl-carousel .owl-nav .owl-prev:focus-visible, 
.owl-carousel .owl-nav .owl-next:focus-visible {
    outline: solid #094ac4;
    outline-width: 2px;
    outline-offset: 1px;
}
/*main#page-content .uth-color-blocks .cell a:focus {
    border: #094ac4 solid 2px;
}*/
.card:focus-visible {
    outline: 2px solid #094ac4;
}
#our-school-panels #cson:focus-visible,
#our-school-panels #mms:focus-visible,
#our-school-panels #sbmi:focus-visible,
#our-school-panels #gsbs:focus-visible,
#our-school-panels #sod:focus-visible,
#our-school-panels #sph:focus-visible {
    outline: 2px solid #094ac4;
}
.gray-bg {
        padding:5rem 0;

}
.gray-bg, .gray-bg .section-block, #page-content .gray-bg  .grid-x, .gray-bg .margin-medium-bottom{
    margin-bottom:0;
}
#page-content .grid-x {
    /* margin-bottom:0; */
}

.hero-container.bg-img.hero--fannin {
    margin-bottom: 3rem;
}

.hero-title.bg-wrapper.hero--full--content--centered .cell {
    padding: 2rem 0 0 0;
}
.hero-title.bg-wrapper.hero--full--content--centered  .button {
    margin-top:.75rem;
    font-size:1.25rem;
}
@media print, screen and (min-width: 40em) {
.hero-title.bg-wrapper.hero--full--content--centered .cell {
    padding: 2rem 2rem 0 2rem;
}

}