@charset "UTF-8";
@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://use.typekit.net/zwm3mjp.css"); /* Ballinger Condensed Font Import */ 
@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro&display=swap'); /*Crimson Font Import */ 
@import url("https://use.typekit.net/iro0aiz.css"); /* adobe-garamond-pro */

/* COLORS */
:root {
    --uthgrey: #747578;
    --uthblue: #4e738a;
    --uthorange: #AE6042;
    --gulfblue: #002856;
    --mustardgold: #f2b826;
    --darksage: #587e6a;
    --dustylavender: #7D708f;
    --lightsage: #b0bfbc;
    --sand: #b6a999;
    --uthorange-10-darker: #9D563B;
    --snow: #f4f4f4;
    --whisper: #EDEDED;
    --charcoal: #4A4A4A;
    --silver: #CECECE;
    --crystal: #D5D5D5;
    --smoke: #AEAEAE;
}

#page-content a[href$='.pdf']:not(img, .button):after, #content a[href$='.pdf']:not(img, .button):after{
  padding: 0 0.3rem;
  font-family: FontAwesome;
  content: "\f1c1";  
  }
  #page-content .card a[href$='.pdf']:not(img, .button):after, #content .card a[href$='.pdf']:not(img, .button):after{
content:none;
  }

ul.utility-nav-links {
    right: 3.5rem;
}
.bg-uthblue {
    background-color: var(--uthblue);
    color: #fff;
}
.bg-uthblue a {color: #fff;}
.button, .uthealth .button:not(input) {
    width:100%;
}
.button.uthorange {
    background-color: var(--uthorange);
    color: #fff;
}
.button.uthorange:hover {
    background-color: #fff;
    color:  var(--uthorange);
    border: solid 1px var(--uthorange);
}
.button.round {border-radius: 1.5rem;}

/* MARGINS & PADDING */
.margin-small {margin: 1.5em ;}
.margin-medium {margin: 4em ;}
.margin-small-left {margin-left: 1.5em ;}
.margin-medium-left {margin-left: 4em;}
.margin-small-top {margin-top: 1.5em ;}
.margin-medium-top {margin-top: 4em;}
.margin-medium-bottom {margin-bottom: 4em;}
.margin-small-bottom { margin-bottom:1.5em; }
.margin-large-top {margin-top: 6em;}
.margin-large-bottom {margin-bottom: 6em;}
.margin-small-right {margin-right: 1.5em;}
.margin-medium-right {margin-right: 4em;}
.margin-large-right {margin-right: 6em ;}
.margin-none { margin:0 !important;}
.padding-small {padding-right: 1.5em;}
.padding-medium {padding: 4em;}
.padding-medium-top {padding-top: 4em;}
.padding-medium-bottom {padding-bottom: 4em;}
.padding-small-top {padding-top: 1.5em;}
.padding-small-bottom {padding-bottom: 1.5em;}
.padding-medium-left {padding-left: 4em;}
.padding-medium-right {padding-right: 4em;}
.padding-large {padding-right: 6em;}
.padding-large-top {padding-top: 6em;}
.padding-large-bottom {padding-bottom: 6em;}

/* Utility Nav with UTHealth Houston Logo */
/* Utility Nav with UTHealth Houston Logo */
/* Utility Nav with UTHealth Houston Logo */
#masthead #utility-nav a.header-logo {
padding-left:0 }
#masthead .logo-container {
	padding-top: .3rem;
}
a.header-logo img {
    width: 12rem;
}
#masthead #utility-nav a.header-logo:hover{
	background-color:transparent;
}
.sb-search {
    right:1.5%;
    top:-2.8rem;
    position: relative;
   margin-top: 2px; 
    width: 0%;
    min-width: 45px;
    height: 40px;
    float: right;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
    -webkit-backface-visibility: hidden;
}
.sb-search-input {
    position: absolute;
    top: 0;
 right: 6rem; 
    border: none;
    outline: none;
    background: #fff;
    width: 83%;
    height: 100%;
    margin: 0;
    z-index: 10;
    padding: 18px 65px 20px 20px;
    font-family: inherit;
    font-size: 20px;
    color: #2c3e50;
}
#footer-copyright a {
    color:#ccc;
}
@media only screen and (max-width: 1023px) { 
.sb-search {
    position:absolute;
    top:0rem;
        right:3%;
}
.sb-search-input {
right:13%;
}
}

.sb-search-submit-button {
    font-family:'ballinger-condensed', sans-serif;
    font-weight:700;
    position:absolute;
    right:2.85rem;
    background-color:var(--uthorange);
    padding:.8rem 1.2rem;
    height:100%; 
    color:#fff;
    z-index:99;
}
@media only screen and (max-width: 1023px) { 
.sb-search-submit-button {
    right:2.85rem;
    z-index:99
}
}
.input-group-button button.sb-search-submit-button {
        top:0rem;
        font-size:1.2rem;
        height:100%;
        cursor:pointer;
}
input[type="search"].sb-search-input {
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
}
.sb-search-input::-webkit-input-placeholder {
    color: #ae6042ad;
}
 
.sb-search-input:-moz-placeholder {
    color: #ae6042ad;
}
 
.sb-search-input::-moz-placeholder {
    color: #ae6042ad;
}
 
.sb-search-input:-ms-input-placeholder {
    color: #ae6042ad;
}

.sb-icon-search,
.sb-search-submit  {
    width: 60px;
    height: 100%;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    margin: 0;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
}

.sb-search-submit {
    background: #fff; /* IE needs this */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
    color: transparent;
    color:red;
    border: none;
    outline: none;
    z-index: -1;
}

.sb-icon-search {
        padding-left:1rem;
        color: #fff;
        background: #69696d;
        z-index: 10;
        font-size: 26px;
        font-family: 'icomoon';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
}
.sb-icon-search .fa-search{
    position:relative;
top:-3px;}

#q, #q2 {
    width: 82%;
    float:none;
    padding:1rem;
    margin-bottom: 0;
    font-size: 20px;
    height: 1.4rem;
    color: #2d2d33;
}
#utility-nav #q {height: 100%;margin:0;}

.sb-icon-search:before {
    content: "";
}

.sb-search.sb-search-open,
.no-js .sb-search {
    width: 100%;
}
/*@media only screen and (max-width: 1023px) { 
.sb-search.sb-search-open,
.no-js .sb-search {
    width: 70%;
}
}*/

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
    background: #636466;
    color: #fff;
    z-index: 11;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
/*    z-index: 90;*/
}

.wysiwig-box-container {
    background-color:var(--snow);
    padding:1.5em 1.5em .75em 1.5em;;
}
.wysiwig-box-container.secondary-block-color {
    background-color:var(--dustylavender);
}
.wysiwig-box-container.secondary-block-color, .wysiwig-box-container.secondary-block-color p, .wysiwig-box-container.secondary-block-color h2, .wysiwig-box-container.secondary-block-color h3, .wysiwig-box-container.secondary-block-color h4, .wysiwig-box-container.secondary-block-color h5, .wysiwig-box-container.secondary-block-color h6 {
    color:#fff;
}

/* WIDGETS */
 @media only screen and (min-width: 40em) {

.button, .uthealth .button:not(input) {
    width:initial;
}
}
 @media only screen and (min-width: 64em) {

}
/* FOOTER */