@import url('https://fonts.googleapis.com/css?family=Ballinger');
:root {
    --uthgrey: #656567;
    --uthblue: #4e738a;
    --uthorange: #ae6042;
}
body {
    /*font-family: 'Lato', sans-serif;*/
    font-family: 'ballinger-condensed', sans-serif;
    font-size: 1rem;
    color: #1c1c1c;
}
.vidText {
    font-size: 2rem;
    font-weight: 600;
}

p {line-height: 1.5em; font-size: 1.2rem;}
.skip {
  position: absolute;
  left: -1000em;
  width: 20em;   
}
h1, h2, h3, h4, h5, h6 {font-family: 'ballinger-condensed',sans-serif !important;} /*{font-family: 'Lato', sans-serif;}*/
h1 {font-size: 2.5;}
h2, .h2 {font-size: 1.8rem;}
h3, .h3 {font-size: 1.5rem;}
h4, .h4 {font-size: 1.3rem;}

.content-fixed {padding: 0;}
.content-fixed h1, .content-fixed h2 {text-align: initial;}
.no-js .top-bar {
  display: none;
}

.lead{font-size: 1.4rem;}

dk, ol, ul li{font-size:1.2rem;}

#page-heading {margin-top: 2rem;}
a {color: #002856;}
a:hover {color: #50748a;}

img.float-left {margin-right: 0.6rem;}
img.float-right {margin-left: 0.6rem;}
@media screen and (min-width: 40em) {
  .no-js .top-bar {
    display: block;
  }

  .no-js .title-bar {
    display: none;
  }
}

/* TITLES AND BUTTONS STYLES */
.headingOrange{
    color: #ae6042;
    border-top:3px solid #ae6042;
    border-bottom:3px solid #ae6042;
    margin:1rem auto;
}

.headingWhite{
    color: #ffffff;
    border-top:3px solid #ffffff;
    border-bottom:3px solid #ffffff;
    margin:1rem auto;
    text-align: center;
}

.headingBlue{
    color: #4e738a;
    border-top:3px solid #4e738a;
    border-bottom:3px solid #4e738a;
    margin:1rem auto;
    text-align: center;
}

.headingGulf{
    color: #002856;
    border-top:3px solid #4e738a;
    border-bottom:3px solid #4e738a;
    margin:1rem auto;
    text-align: center;
}


.orangeTitle{
    color: #ae6042 !important;
    margin: 1rem auto;
    font-weight: 600;
}

.blueTitle{
    color:#4e738a !important;
    margin: 1rem auto;
    font-weight: 600;
}

.gulfTitle{
    color:#002856 !important;
    margin: 1rem auto;
    font-weight: 600;
}

.margin-medium-top {
    margin-top: 0!important;
}


.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.subheader {
    margin-top: 0.2rem;
    margin-bottom: 0.5rem;
    font-weight: 400;
    line-height: 1.2;
    color: #002856;
}
/* HR STYLES */

.hrOrange{
    border-bottom: 2px solid #ae6042;
    
}

.hrBlue{
    border-bottom: 2px solid #4e738a;
    
}

.hrGulf{
     border-bottom: 2px solid #002856;
}

.hrGray{
    border-bottom: 2px solid #76777a;
}

/*  END HR STYLES */


/*BUTTON STYLES*/

.button-orange {
    border: 1px solid #ae6042!important;
    color:#ae6042!important;
}

.button-orange:hover {
    background-color: #ae6042!important;
    color:#fff!important;
}


.button.hollow {
    border: 1px solid #4e738a;
}

.button.hollow {color: #44697d;}

.button-rounded-hover:hover,
.button-rounded-hover:focus {
  background-color: #4e738a;
}


.button.hollow:hover {
    background-color: #44697d;
    color: #fff;
}

.button-rounded-hover {
  border: 0;
  /*border-radius: 5000px;*/
  padding: 1.5rem;
  text-transform: inherit;
  position: relative;
  overflow: hidden;
  font-size: 1rem;
  letter-spacing: 2px;
  transition: all 0.35s ease;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

.button-rounded-hover:before {
  opacity: 0;
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  border-radius: inherit;
  background-color: #fefefe;
  transition: all 0.7s;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}

.button-rounded-hover:hover:before,
.button-rounded-hover:focus:before {
  -webkit-transform: translateX(0%);
      -ms-transform: translateX(0%);
          transform: translateX(0%);
  opacity: 0.25;
}

.button-rounded-hover:after {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  content: '';
  border-radius: inherit;
}

.button {font-size: 1rem;}
.button.primary {background-color: #4e738a;}
.button.primary:hover {background-color: #50748a;color: #ccc !important;}


/*END BUTTON STYLES*/


/* END TITLES AND BUTTON STYLES */



.scrollTop {
  background-color: #4e738a;
  color: #fefefe;
  text-decoration: none;
}
.scrollTop:hover {background-color: #50748a;}


.columns a:not(.button):hover {color: #50748a;}

#masthead #utility-nav {background: #69696d;}
#masthead #utility-nav a {
    height: 45px;
    color: #fff;
    text-transform: uppercase;
    font-size: 0.75rem;
  letter-spacing:.5px;
    text-decoration: none;
    padding: 0.9375rem;
  font-family:'ballinger-condensed', sans-serif;
    line-height: 1.3;
}
#masthead #utility-nav a:hover, #masthead #utility-nav a:active {text-decoration:underline; background: #2d2d33;}
#masthead #header {padding: 1rem 0;}
#masthead #header h1 {
    font-family: "Times New Roman", Times, serif;
    font-size: 2.4rem;
}

#gs {
    margin-left:18px;
}
#q, #q2 {
    width: 120px;
    float: left;
    padding: 2px 5px;
    margin-bottom: 0;
    font-size: 0.8rem;
    height: 1.4rem;
    color: #2d2d33;
}
#header h1 {
    padding: 0;
    margin: 0;
    color: #fff;
    font-family: ballinger-condensed, sans-serif !important;
    font-weight: 400;
    font-style: normal;
    max-width: 90vw;
}
#header h1 a {
    color: #fff;
}
@media only screen and (max-width: 640px) { 
    #header h1 {
        font-size:26px !important;
    }
}
#gs .button-group {margin-bottom: 0;}
#gs2 {margin-left: 0.7rem;}
input::placeholder, textarea::placeholder {color: #656572;}
#btnG {
    padding: 11px;
    height: 1.4rem;
    color: #fff;
}
#masthead #main-nav .menu a.selected {
    background: #002856 !important;
    color: #ffffff !important;
}
#masthead #main-nav, #masthead #main-nav .top-bar, #masthead #main-nav .title-bar, #masthead #main-nav .top-bar ul.dropdown {background: #4e738a;}
/* Mobile */
@media screen and (max-width: 63.9375em) {
  #main-nav .grid-container {padding-left: 0; padding-right: 0;}
}
#masthead #main-nav .accordion-menu li[aria-expanded="true"] a,
#masthead #main-nav .accordion-menu li[aria-expanded="true"] ul a,
#masthead #main-nav .top-bar .accordion-menu a:hover {
    background:#4e738a;
;
    color: #fff;
    transition: all 0.35s ease;
}
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a:hover:after,
.accordion-menu .is-accordion-submenu-parent[aria-expanded="true"] > a:after {border-color: #fff transparent transparent;}


#masthead #main-nav .top-bar .is-drilldown ul a:hover, #masthead #main-nav .accordion-menu li[aria-expanded="true"] ul a:hover {
    background: #fff;
    color: #002856;
    transition: all 0.35s ease;
}
#masthead #main-nav .drilldown a, #masthead #main-nav .accordion-menu a {text-decoration: none;}
 
#masthead #main-nav .top-bar {padding: 0;}
#masthead #main-nav .top-bar .is-dropdown-submenu {
    min-width: 265px;
    border-top: none;
    background: #fff;
}
#masthead #main-nav .top-bar .is-dropdown-submenu li a {color: #002856;}
#masthead #main-nav .dropdown.menu a {
    text-decoration: none;
    font-size: 1rem;
    color: #fff;
}
/*  #masthead #main-nav .dropdown.menu .submenu a {font-size: 1.1rem;}  */
#masthead #main-nav .dropdown.menu a {padding: .7rem 2rem;}
#masthead #main-nav .dropdown.menu .submenu a:hover {
    background: #002856;
    color: #fff;
    transition: all 0.35s ease;
}
/*#masthead #main-nav .menu a.selected {color: #000;}*/
/*
#masthead #main-nav .dropdown.menu a:hover, #masthead #main-nav .top-bar .is-active, #masthead #main-nav .top-bar .js-dropdown-active {
    background: #fff;
    color: #121676;
}*/
#masthead #main-nav .top-bar ul a:hover,
#masthead #main-nav .top-bar .is-active,
#masthead #main-nav .top-bar .is-active a,
#masthead #main-nav .top-bar .js-dropdown-active,
#masthead #main-nav .top-bar ul.accordion-menu {
    background: #fff;
    color: #002856;
}
.dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a:after {border-color: #fff transparent transparent; right: 15px;}
/*.dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a:hover:after,
 #masthead #main-nav .top-bar .is-active a:after {border-color: #002856 transparent transparent;} */

.heroHeader {position: relative;}
.heroHeader .grid-container {
  max-width: 100%;
  padding: 0;
}
.heroHeader .grid-x {
  min-width: 100%;
  position: absolute;
  bottom: 0;
}
.heroHeader .cell {
  padding: 1rem;
  border: 0;
}
.darkText:not(.heroHeader) > div {border: none;}
.heroHeader.darkText .cell {
    background: rgba(255,255,255,0.3);
} 
.heroHeader h1, .heroHeader .hero-subheading {text-align: center;}
.heroHeader.darkText h1, .heroHeader.darkText .hero-subheading {text-shadow: 1px 1px #fff;}
.heroHeader.whiteText h1, .heroHeader.whiteText .hero-subheading {text-shadow: 1px 1px #000;}

.orbit .orbit-wrapper {background: #2d2d33;}
.orbit-bullets button {height: 0.8rem; width: 0.8rem;}
.orbit-previous {left: 3%;}
.orbit-next {right: 3%;}
/*.orbit-container figure, .orbit-container figcaption {font-size: 1.2rem;}*/


/*SOCIAL MEDIA FOOTER */

.darkText:not(.heroHeader) > div {
background: none !important;
}

/*END SOCIAL MEDIA FOOTER */

#alert {background-color: var(--uthgrey); color: #fff; text-align: center;}
#alert a:link, #alert a {color: #fff;}
#alert.warning {background-color: var(--uthblue);}
#alert.alert {background-color: #910c00; color: #000;}
#alert.alert a:link {color: #000;}
#alert a:hover, #alert a:focus {
    color: #fff;
}
#alert .close-button {
    color: #fff;
}

#page-content {
    padding-top: 2rem;
}
.full-width {padding: 0;}
.card {
    border: 1px solid #ccc;
    background: #fff;
}

.callout{
    box-shadow: 0 10px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
}



/* TIMELINE */

.timeline .timeline-item::after, .timeline .timeline-item::before {
  clear: both;
  content: '';
  display: block;
  width: 100%;
}

.timeline {
  margin: 30px auto;
  padding: 0 10px;
  position: relative;
  transition: all 0.25s ease-in;
  width: 100%;
  /*background: #4e738a;*/
}

.timeline::before {
  background: #4e738a;
  content: '';
  height: 100%;
  left: 50%;
  position: absolute;
  top: 0;
  width: 3px;
}

.timeline::after {
  clear: both;
  content: '';
  display: table;
  width: 100%;
}

.timeline a {
  color: #fefefe;
  font-weight: bold;
  transition: all 0.25s ease-in;
}

.timeline a:hover {
  box-shadow: 0 1px 0px 0px #fefefe;
  transition: all 0.25s ease-in;
}

.timeline .timeline-item {
  margin-bottom: 50px;
  position: relative;
}

.timeline-item hr {
    border-bottom: 1px solid #b6a999;
}

.timeline .timeline-item .timeline-icon {
  background: #022043;
  border: 3px solid #fff;
  border-radius: 50%;
  height: 150px;
  left: 45%;
  margin-left: -23px;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 150px;
}

.timeline-icon.right{
    left: 40%;
}


.timeline-icon i {
    font-size: 1.5rem;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 32%;
}

.timeline .timeline-item .timeline-icon img,
.timeline .timeline-item .timeline-icon i {
  /*left: 14px;*/
  position: relative;
  top: 0;
}


.timeline .timeline-item .timeline-content {
  padding: 50px;
  text-align: right;
  transition: all 0.25s ease-in;
  width: 45%;
  background: transparent;
}

.timeline .timeline-item .timeline-content p {
  color: #4e738a;
  font-size: 1.2rem;
  line-height: 1.4;
  margin-bottom: 0;
}


.timeline .timeline-item .timeline-content .timeline-content-date {
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 0.6rem;
  padding-bottom: 0.3rem;
  border-bottom: 2px solid #4e738a;
}

.timeline .timeline-item .timeline-content .timeline-content-month {
  font-size: 0.875rem;
  text-transform: uppercase;
  font-weight: 400;
}

.timeline .timeline-item .timeline-content.right {
  float: right;
  text-align: left;
}

@media screen and (max-width: 39.9375em) {
  .timeline {
    margin: 30px;
    padding: 0;
    width: 90%;
  }
  .timeline::before {
    left: 0;
  }
  .timeline .timeline-item .timeline-content {
    float: right;
    text-align: left;
    width: 90%;
  }
  .timeline .timeline-item .timeline-content::before, .timeline .timeline-item .timeline-content.right::before {
    border-left: 0;
    border-right: 7px solid #4e738a;
    left: 10%;
    margin-left: -6px;
  }
  .timeline .timeline-item .timeline-icon {
    left: 0;
  }
}
/* END TIMELINE */

/* START MODALS */

.modal-heading { 
    background-color: #002856;
    padding: .75rem 1.5rem;
}
.modal-heading h3,
.modal-heading button { color: #fff; }
.modal-heading button {
    cursor: pointer;
    font-size: 36px;
    position: relative;
    left: 96%;
}
.modal-heading button:hover { box-shadow: 0 0 3px rgba(255,255,255,.3); }
.modal-body { padding: 1.5rem; }
.modal-body h4 { margin-bottom: 0; }


/* END MODALS */



/*START CARDS */

.card-section {position:relative;}
.card-section-top {overflow: hidden;}
/*
.card-section:before {
    position: absolute;
    content: '';
    top: -3.4375rem;
    left: -1.875rem;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3.4375rem 0 0 31.25rem;
    z-index: 0;
    border-color: transparent transparent transparent #fefefe;    
}
.card-icon {
    position: absolute;
    bottom: 100%;
    left: 1rem;
    z-index: 2;
    max-width: 4.4rem;    
}
*/
.card img {flex-shrink: 0;}
/* Alternative card design as seen on select Faculty Profile pages */
.card-info {
  background: #fefefe;
  border: 1px solid #8a8a8a;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  margin: 1rem 0;
  overflow: hidden;
  border-radius: 0;
}

.card-info .card-info-label {
  border-color: transparent #8a8a8a transparent transparent;
  border-color: rgba(255, 255, 255, 0) #8a8a8a rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
}

.card-info.primary {
  border-color: #1779ba;
}

.card-info.primary .card-info-label {
  border-color: transparent #1779ba transparent transparent;
  border-color: rgba(255, 255, 255, 0) #1779ba rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
}

.card-info.secondary {
  border-color: #767676;
}

.card-info.secondary .card-info-label {
  border-color: transparent #767676 transparent transparent;
  border-color: rgba(255, 255, 255, 0) #767676 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
}

.card-info.info {
  border-color: #37a0e6;
}

.card-info.info .card-info-label {
  border-color: transparent #37a0e6 transparent transparent;
  border-color: rgba(255, 255, 255, 0) #37a0e6 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
}

.card-info.alert {
  border-color: #cc4b37;
}

.card-info.alert .card-info-label {
  border-color: transparent #cc4b37 transparent transparent;
  border-color: rgba(255, 255, 255, 0) #cc4b37 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
}

.card-info.success {
  border-color: #3adb76;
}

.card-info.success .card-info-label {
  border-color: transparent #3adb76 transparent transparent;
  border-color: rgba(255, 255, 255, 0) #3adb76 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
}

.card-info.warning {
  border-color: #ffae00;
}

.card-info.warning .card-info-label {
  border-color: transparent #ffae00 transparent transparent;
  border-color: rgba(255, 255, 255, 0) #ffae00 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
}

.card-info .card-info-label {
  border-style: solid;
  border-width: 0 8.75rem 5rem 0;
  float: right;
  height: 0px;
  width: 0px;
  -webkit-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}

.card-info .card-info-content {
  padding: 0.5rem 1.5rem 0.875rem;
}

.card-info .card-info-label-text {
  color: #fefefe;
  background: #1779ba;
  font-size: 0.75rem;
  font-weight: bold;
  position: relative;
  right: -4rem;
  top: 7px;
  white-space: nowrap;
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
}

/* END CARDS */



/* PAGE DESIGNER OVERWRITES */
#page-content .darkText:not(.heroHeader) > div {
    border: none;
    border-radius: 0;
/*    box-shadow: 0 0 3px 1px #ccc; */
}
/* SOCIAL MEDIA BAND */
#footer-connect {
    text-align: center;
    color: #eee;
    background: #002856;
    padding: 50px 0;
    margin: 0;
}
#footer-connect a {
    font-size: 3.8em;
    color: #eee;
}
#footer-connect i {
    font-size: 2.5rem;
}
#footer-connect i.fa-facebook-f:hover {
    color: #3b5998;
}#footer-connect i.fa-instagram:hover {
    color: #3F729B;
}#footer-connect i.fa-twitter:hover {
    color: #55acee;
}#footer-connect i.fa-youtube:hover {
    color: #cd201f;
}#footer-connect .fi-social-sound:hover {
    color: #191a1c;
}
#footer-connect i:hover {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #3D98B3, 0 0 30px #3D98B3, 0 0 40px #3D98B3, 0 0 50px #3D98B3, 0 0 75px #3D98B3;
}
/* FOOTER */
footer{background-color:#323439;margin:0 auto;}
footer a {text-decoration: none !important;}
footer a:hover, footer a:active {text-decoration: underline !important; color: #fff !important;}
/*.footernav{
    background-image:url("https://www.uth.edu/global/gfx/footer-shadow.png");
    background-repeat:no-repeat;
    background-position:center 38px;
    text-align:center;
    min-height:80px
}
ul.footernav-links{display:inline-block}
ul.footernav-links li{display:block;float:left}
ul.footernav-links li a:link,ul.footernav-links li a:visited{
    color:#ccc;
    font-size:0.95rem;
    padding:0.6rem 1rem;
    display:inline;
    width:15rem;
}
*/

.footernav-links-small p{
    font-size:0.7rem;
    text-align:center;
    color:#ccc;
}
.footernav-links-small a{color:#fff;}
ul.footernav-links li a:hover{
    color:#fff;
    background-color:#666;
    border-radius:0.5rem;
    text-decoration:none
}
.owl-dot:before {
    counter-increment: dots;
    content: counter(dots);
    position: absolute;
    margin-left: -4px;
    margin-top: -2px;
}
.owl-dot.active:before {
    font-weight: bold;
}
.owl-dots {
    counter-reset: dots;
}
.owl-theme .owl-dots .owl-dot span, .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: transparent !important;
}
























/*
#socialmedia,.topwk{text-align:center}
#socialmedia i,#socialmedia span{display:inline;font-size:2.3rem;color:#191a1c;margin-right:0.4rem}
#socialmedia a:hover{text-decoration:none}
#socialmedia i.fi-social-facebook:hover,#socialmedia span.fi-social-facebook:hover{color:#3b5998}
#socialmedia i.fi-social-twitter:hover,#socialmedia span.fi-social-twitter:hover{color:#55acee}
#socialmedia i.fi-social-youtube:hover,#socialmedia span.fi-social-youtube:hover{color:#cd201f}
#socialmedia i.fi-social-linkedin:hover,#socialmedia span.fi-social-linkedin:hover{color:#0077b5}
#socialmedia i.fi-social-flickr:hover,#socialmedia span.fi-social-flickr:hover{color:#ff0084}
#socialmedia i.fi-social-instagram:hover,#socialmedia span.fi-social-instagram:hover{color:#3f729b}
#socialmedia i:hover,#socialmedia span:hover{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #3D98B3,0 0 30px #3D98B3,0 0 40px #3D98B3,0 0 50px #3D98B3,0 0 75px #3D98B3}

*/