@charset "UTF-8";
/* CSS Document */

/* set css variables: UT Colors */
/* https://brand.utexas.edu/identity/color/ */
:root {
  --orange1:  #bf5700;
  --orange2:  #A04400;
  --gray1:    #333f48;
  --white:    #fff;
  --orange3:  #f8971f;
  --yellow:   #ffd600;
  --green1:   #a6cd57;
  --green2:   #579d42;
  --blue1:    #00a9b7;
  --blue2:    #005f86;
  --gray2:    #9cadb7;
  --beige:    #d6d2c4;
}

html {
    height: 100%;  
    font-family: 'Open Sans', sans-serif;
    /* text-align: center; */
}

body {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0 auto 0 auto;    
    width:100%; 
    /* text-align:center; */
}

.page-content {
    margin-top:  40px;
    flex: 1 0 auto;
    background: var(--white);
}

footer{
    text-align:  center;
    flex-shrink: 0;
    background: var(--gray1); 
    font-size: .8em;
}

.banner {
  position: fixed;
  width: 100%;
  height:  40px;
  background:  var(--orange1);
  z-index: 999;
}

.menu-logo-container {
  display:  table;
  height:  40px;
  float: right;
  margin-right: 10px;
}

.menu-logo {
  display:  table-cell;
  vertical-align: middle;
  background-image:  url("../img/ut-shield.png");
  background-size: 100%;
  width:  100px;
  background-repeat:no-repeat;
  background-position: center center;
}

a:visited {
    color: var(--orange1);
}

a:active, a:hover {
    color: var(--orange2);
    text-decoration: underline;
}

a {
    color: var(--orange1);
    text-align: center;
}

.txt-white {
  color: var(--white);
}

.handout {
    background-color: #EFEFEF;
}

.handoutimg {
    border:  1px solid #f8971f;
}