body {
    margin: 0;
    padding: 0;
    background: #fff;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: #383737;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: "EB Garamond", "Times New Roman", serif;
    font-style: normal;
    font-weight: 700;
    color: inherit;
    text-rendering: optimizeLegibility;
}
h1,.h1, #s-lg-guide-header-info h1, .s-lib-header h1  {
    font-size: 2.75rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 1rem
}

h2,.h2 {
    font-size: 2rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 1rem
}

h3,.h3 {
    font-size: 1.5rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 1rem
}

h4,.h4 {
    font-size: 1.25rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 1rem
}

h5,.h5 {
    font-size: 1rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 1rem
}

h6,.h6 {
    font-size: 1rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 1rem
}

@media print,screen and (min-width: 40em) {
    h1,.h1 {
        font-size:3.125rem
    }

    h2,.h2 {
        font-size: 2.5rem
    }

    h3,.h3 {
        font-size: 1.6rem
    }

    h4,.h4 {
        font-size: 1.875rem
    }

    h5,.h5 {
        font-size: 1.625rem
    }

    h6,.h6 {
        font-size: 1.625rem
    }
}

@media print,screen and (min-width: 65em) {
    h1,.h1 {
        font-size:4rem
    }

    h2,.h2 {
        font-size: 2.75rem
    }

    h3,.h3 {
        font-size: 1.6rem
    }

    h4,.h4 {
        font-size: 1.5rem
    }

    h5,.h5 {
        font-size: 1.25rem
    }

    h6,.h6 {
        font-size: 1.25rem
    }
}
header {
    border-bottom:none;
}
#top-bar > li > a {
    padding: 0;
    padding-top: .7rem;
    padding-bottom: .7rem;
    padding-right: 1rem;
    padding-left: 1rem;
    text-decoration:none;
}


.bg-uthorange {
    background-color: #ae6042 !important;
    color: #fff !important;
}
.uth-pad-tb-sp-16 {
    padding-top: 16px !important;
    padding-bottom: 16px !important
}
.button {
    border-radius:4px;
}
#top-bar.dropdown.menu > li > a:not(.button) {
    padding: 0;
    padding-top: .7rem;
    padding-bottom: .7rem;
    padding-right: 1rem;
    padding-left: 1rem;
}
.bg-uthorange .button.hollow {
    background-color: rgba(0, 0, 0, 0) !important;
    color: #fff !important;
    border-color: #fff !important;
}
.bg-light-gray {
    background-color: #f5f5f5 !important;
    color: #383737 !important;
}
.button.hollow, .button.hollow.disabled, .button.hollow[disabled], .button.hollow.disabled:hover, .button.hollow[disabled]:hover, .button.hollow.disabled:focus, .button.hollow[disabled]:focus {
    border: 2px solid #ae6042;
    color: #ae6042;
}
#top-bar > li > a.button.hollow {
    padding: .5rem 1rem;
}

#top-bar > li:last-child { 
    margin-left:1rem;
                         }
  @media only screen and (min-width: 65em) {


.small_schools-logo {
    width: clamp(180px, 12vw, 220px);
    margin-bottom: 4px;
}

  }

.nav .s-lg-index-nav-btn>button {
    font-size: 14px;
    margin: 0 10px;
    padding: 5px 10px;
    color: var(--black);
    background-color: transparent;
    text-decoration:underline;
}
.nav-pills>li.active>button, .nav-pills>li.active>button:focus, .nav-pills>li.active>button:hover {
    background-color: var(--uthorange);
    color: #fff;    font-weight:600;
    text-decoration:none;

}
.btn-info, .btn-info.active, .btn-info:active, .btn-info:focus, .btn-info:hover {
    background-color: var(--uthorange);
    border-color: var(--uthorange);
    text-decoration:none;
    font-weight:600;
}

.btn-default {
    color: #fff;
    background-color: var(--uthorange);;
    border-color: #ccc
}