#side-navigation ul.multilevel-accordion-menu.vertical.menu.accordion-menu {
    background-color:var(--gulfblue);
    padding:.75rem;
    padding-bottom:1.5rem;
    margin-bottom:2rem;
    border-radius:0;
}
#side-navigation ul.multilevel-accordion-menu.vertical.menu.accordion-menu li a{
    color:#fff;
    font-family:'Lato', sans-serif;
    padding: 0.45rem .75rem;
    border-bottom:0;
    line-height:1.2;
    display: block;
}
#side-navigation .submenu-toggle::after {

    border-color: #ffffff transparent transparent;

}
#side-navigation ul.multilevel-accordion-menu.vertical.menu.accordion-menu li a.selected {
  color:#ffffff;
  font-weight:700;
  background-color:var(--uthorange);
}

#side-navigation .h5 {
    color:#fff;
    font-family:'Roboto', sans-serif;
    font-weight:700;
    padding-bottom:0;
    margin-bottom:.5rem;
}

#side-navigation a, .contact-block a{
    color:var(--uthorange);
    font-family:'Roboto', sans-serif;
    /* border-bottom:1px solid var(--uthorange); */
}
.uthealth #page-content .menu a:hover{
  color:#faecdc;
}
.uthealth #page-content .contact-block a:hover, .uthealth #page-content #side-navigation .related-links a:hover{
    color:var(--gulfblue);
     /* border-bottom:1px solid var(--gulfblue);  */
}
.uthealth #page-content #side-navigation, .contact-block {
}
.uthealth #page-content #side-navigation .button {
  color:#fff;
}
.uthealth #page-content #side-navigation .button:hover {
  color:#fff;
}
.side-bar-title {
    color:var(--gulfblue);
    font-size:1.5em;
    font-weight:500;
    margin-bottom:.75rem;
    font-family:'Roboto', sans-serif;

}
.uthealth #page-content .contact-block .side-bar-title{
    margin-top:2rem;
}
.uthealth #page-content .contact-block {

    margin-bottom:3rem;
}
.contact-block ul.related-links li a{
    padding:0;
    display:inline-block;
    padding-bottom:.125rem;
    margin-bottom:.75rem;
    margin-left:.25rem;
}
.intro.section-pad {
  padding:1rem;
  margin-bottom:3rem;
  font-size:1.25rem;
  color:var(--uthblue);
  font-weight:500;
}
aside#side-navigation ul.menu li.selected {
    background-color: var(--uthorange);
    border-radius: 0.25rem;
}

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
    border-color: #ffffff transparent transparent;
}
#side-navigation .title-bar {
    background-color:var(--gulfblue);
}
#side-navigation .title-bar a.title-bar-title{
    color:#fff;
    border-bottom:none;
    font-size:1.5rem;
}

#side-navigation .title-bar a.title-bar-title:after{
    position:relative;
    text-rendering:auto;
    display:inline-block;
    font-size:1.65rem;
    text-rendering:auto;
    float:right;
    right:.5rem;
    margin:0;
    padding:0;
    border:0;
    verrtical-align:baseline;
    font-family:"Font Awesome 6 Pro";
    content:'\f107';  
        -webkit-transition: -webkit-transform .5s ease-in-out;
    -ms-transition: -ms-transform .5s ease-in-out;
    transition: transform .5s ease-in-out; 
}
ul li a[href*="inside.uth.edu"]::after,ul li a[href*="my.uth.tmc"]::after {
	font-family: "Font Awesome 6 Pro" !important;
	content: "\f30d" !important;
	padding-left: 0.3rem !important;
}
#side-navigation .title-bar a.opened.title-bar-title:after{
       transform:rotate(-180deg);
    -ms-transform:rotate(-180deg);
    -webkit-transform:rotate(-180deg);
}

#side-navigation .title-bar a:hover.title-bar-title{
    border-bottom:none;
}

#side-navigation {
    margin-bottom:2rem;
}

article .margin-large-bottom {
margin-bottom:1.5rem !important;
}

.side-menu-title {
    color:#fff;
    font-weight:700;
    font-size:1.3rem;
    margin-bottom:.6rem;
    margin-left:.5rem;
}

.uth-cards.directory-cards > .cell{
    margin-bottom: 1.5em;
}
#page-content .directory-card-container {
    padding: 0;
}

#page-content .directory-card-container > a, #page-content .directory-card-container {
    padding-top: 0;
    margin-top: 0;
    padding-bottom: 1.5rem;
    display: flex;
    border-bottom: 1px solid #cecece;
}
#page-content table a:not([class]) {
    color:var(--uthorange-10-darker); 
}
.directory-card-container img {
    min-width: 141px;
    width: 141px;
    max-height: 176px;
    height: 176px;
    background: #eee;
    object-fit: cover;
}

.directory-card-container .directory-card-details {
    padding: 1em;
    color: #000;
    overflow: auto;
    text-wrap:pretty;
}

.uthealth .directory-card-details .full-name {
    font-weight: 500;
    font-size: 1.125em;
    margin-bottom: 0;
}

.uthealth .directory-card-details .job-title {
    font-weight: 500;
    font-style: italic;
    letter-spacing: .25px;
    font-size: 1em;
    color: var(--uthgrey);
}

.directory-card-details p {
    font-size: .9em;
}


@media only screen and (min-width: 64em) {
#side-navigation {
    margin-bottom:0;
}
#side-navigation ul.multilevel-accordion-menu.vertical.menu.accordion-menu {
    background-color:var(--gulfblue);
    padding:.75rem;
    /* border-radius:.5rem; */
    padding-bottom:1.5rem;
    margin-bottom:2rem;
}
.contact-block {
    text-align:left;
}
}


/*** Staff Tabs ***/

.uthealth #page-content .tabs.pafilters {
    border:none;
    margin-bottom:1rem;
}

.uthealth #page-content .tabs.pafilters .tabs-title{

}

.uthealth #page-content .tabs-content {
    border:none;
}
.uthealth #page-content .tabs.pafilters .tabs-title > a[aria-selected='true'] {
background:var(--uthorange);
color:#fff;
}

.uthealth #page-content .tabs.pafilters .tabs-title > a {
background:transparent;
        border-radius:3rem;
    border:var(--uthorange) solid 1px;
    font-size:1.1rem;
    color:var(--uthorange);
    padding:.75rem 1rem;
  margin-bottom:1rem;
    margin-right:.5rem;
  transition:all .25s;
}

.uthealth #page-content .tabs.pafilters .tabs-title > a:hover {
background:#945238;
        border-radius:3rem;
    border:#945238 solid 1px;
    font-size:1.1rem;
    color:#fff;
    padding:.75rem 1rem;
  margin-bottom:1rem;
    margin-right:.5rem;
}


.uthealth #page-content .staff-container {
    border:#d7d7d7 solid 1px;
    border-radius:.5rem;
    margin-bottom:1.5rem;
    padding:1.25rem;
}
.uthealth #page-content .staff-container.portfolio {
    color:#000;
}

.uthealth #page-content .staff-container.portfolio h2{
line-height:1.2;
    font-size:1.65rem;
    font-weight:500;
}
.uthealth #page-content a.staff-container {
    transition: all .2s ease-in-out;
    background-color: #fff;
}
.uthealth #page-content a:hover.staff-container {
transform: scale(1.025);
  box-shadow: 1px 1px 5px rgb(0 0 0 / 20%);
}
.uthealth #page-content .staff-container img{
width:100%;
object-fit: cover; 
    object-position: 100% 20%;
    height:230px;
    border-radius:.5rem;
    border:none;
    text-align:center;
}
.uthealth #page-content .staff-container.portfolio img{
object-position:center;  
    object-fit:contain;
    border:#c7c7c7 solid 1px;
    object-position:center;
}
.staff-title {
    margin-top:1.25rem;
    color:var(--charcoal);
    margin-bottom:0;
}
h3.staff-name {
    font-weight:600;
    font-size:1.5rem;
  margin-top:.25em;
    color:#000;
}
.staff-container hr{
    margin: 1rem auto;
    border-bottom: 1px solid #d7d7d7;
}
.team-name:before, .email:before, .phone-number:before {
    font-family: "Font Awesome 6 Pro";

    font-size:1.25rem;
    font-weight:200;
    color:var(--uthblue);
    position:relative;
    margin-right:.5rem;
    top:.125rem;
}
.team-name:before {
        content: "\e533";
}
.email:before {
        content: "\f0e0";
}
.phone-number:before {
        content: "\f095";
}
.team-name, .email, .phone-number {
color:var(--uthorange);

    margin-bottom:0rem;
    padding-bottom:0;
}

.email a{
    color:var(--uthorange);
  border-bottom:var(--uthorange) solid 1px;
}
.email a:hover {
color:var(--uthblue);
}
.types ul {
    margin:0;
    margin-top:1rem;
}
.types ul li {
    display:inline-block;
    color:#fff;
    background-color:var(--uthorange);
    padding:.0125rem 1em;
    border-radius:.75rem;
    margin-bottom:.25rem;
    font-size:.95rem;
}

.accordion {
    margin-left: 0;
    background:#F9F9F9;
    list-style-type: none;
    border:#d5d5d5 solid 1px;
    border-radius:.5rem;
    margin-bottom: 2.5rem;
}

.accordion-title {
    position: relative;
    display: block;
    padding: 1.25rem 1rem;
    border: 0;
    border-bottom: 0;
    line-height: 1;
    color: #000;
    font-size:1.2rem;
}

:last-child:not(.is-active) > .accordion-title {
    border-bottom:none;
    border-top:none;
}

.accordion-title::before {
    font-family:'Font Awesome 6 Pro';
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -0.5rem;
    content: "\f105";
}

.is-active > .accordion-title::before {
     content: "\f106";
}

.is-active > .accordion-title, .content.is-active.accordion-content, .accordion-content{
    background-color: #ededed;
    border:none;
}

.accordion-item.is-active .accordion-title {
    color:var(--uthorange);
    font-weight:700;
     border-top:#AEAEAE solid 1px; 
}

.accordion-content, .content.is-active.accordion-content, .accordion-content {
    border-bottom:#AEAEAE solid 1px;
  padding-top:0;
}
.accordion-content a {
  color:#9D563B;
  font-weight:600;
}
.accordion-item:first-child > :first-child{
    border-radius:.5rem;
   border-bottom-right-radius:0;
       border-bottom-left-radius:0;
}

.accordion-title:hover, .accordion-title:focus {
    color: #000;
}

.accordion-title{
    border-bottom: 1px solid #bababa;
}

.accordion-title[aria-expanded="true"] {
    border-top: none;
}

.tabs-title>a:focus, .tabs-title>a[aria-selected=true] {
    color: #0F4D75;
}

.pagination .disabled {
    color: #737373 !important;
}

#myModal {
    padding-top:2rem;
      margin: 50px auto;
  border-left: 15px solid var(--uthorange);
  border-right: 15px solid var(--gulfblue);
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-position: 0 0, 0 100%;
  background-repeat: no-repeat;
  -webkit-background-size: 100% 20px;
  -moz-background-size: 100% 20px;
  background-size: 100% 20px;
  background-image: -webkit-linear-gradient(left, var(--uthorange) 0%, var(--gulfblue) 100%), -webkit-linear-gradient(left, var(--uthorange) 0%, var(--gulfblue) 100%);
  background-image: -moz-linear-gradient(left, var(--uthorange) 0%, var(--gulfblue) 100%), -moz-linear-gradient(left, #var(--uthorange) 0%, var(--gulfblue)100%);
  background-image: -o-linear-gradient(left, var(--uthorange) 0%, var(--gulfblue) 100%), -o-linear-gradient(left, #var(--uthorange) 0%, var(--gulfblue) 100%);
  background-image: linear-gradient(to right, var(--uthorange) 0%, var(--gulfblue) 100%), linear-gradient(to right, var(--uthorange) 0%, var(--gulfblue) 100%);
}

.reveal {
    border:none;
}

.close-button, .close-button.medium {
    right: .25rem;
    top: -.45rem;
    font-size: 6em;
    line-height: 1;
    color:var(--uthorange);
}