@charset "UTF-8";
@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;
}
ul.utility-nav-links {
    right:7%;
}
.bg-uthblue {
    background-color: var(--uthblue);
    color: #fff;
}
.bg-uthblue a {color: #fff;}

.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: 10px !important;}
.margin-medium {margin: 20px !important;}
.margin-small-left {margin-left: 10px !important;}
.margin-medium-left {margin-left: 30px !important;}
.margin-small-top {margin-top: 10px !important;}
.margin-medium-top {margin-top: 5% !important;}
.margin-medium-bottom {margin-bottom: 50px !important;}
.margin-large-top {margin-top: 10% !important;}
.margin-large-bottom {margin-bottom: 100px !important;}
.margin-small-right {margin-right: 10px !important;}
.margin-medium-right {margin-right: 30px !important;}
.margin-large-right {margin-right: 100px !important;}
.padding-small {padding-right: 10px !important;}
.padding-medium {padding: 5%;}
.padding-medium-top {padding-top: 5%;}
.padding-medium-bottom {padding-bottom: 5%;}
.padding-small-top {padding-top: 10px;}
.padding-small-bottom {padding-bottom: 10px;}
.padding-medium-left {padding-left: 5%;}
.padding-medium-right {padding-right: 5%;}
.padding-large {padding-right: 60px;}

/* ALIGNMENT */
/* LM 1/26/2021: the rule below conflicts with standard F6 class
.align-middle {
    position: relative;
    top: 50% !important;
    transform: translateY(-50%);
}
*/

/* 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: 16%; */
    right: 0%;
    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;
}

@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: #636466;
        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;*/
}
/* WIDGETS */


/* FOOTER */