/* A CSS page for custom CSS styles loaded through Django-CMS Styles plugin */
/* Make sure this file is loaded in the head of any CMS template file */

/* For hiding html elements */
.visually-hidden {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap; /* added line */
}

/* Contact-Us Page */
.contact-us  {
  padding: 40px 0 0 10%;
}
.contact-us > ul > li > a {
  line-height: 2em;
}

/* Jobs Page */

.jobs > h2 {
  padding: 40px 0 15px 0;
}

/* Research Areas Page */
/* Note: here we override Bootstrap styles by targeting an ID on the body tag. */
#bootstrap-overrides .areas-header {
  padding: 10px 10px 10px 0;
  background-color: white;
  font-size: 14px;
  color: #333333;
  margin-bottom: 0;
  font-weight: 500;
}
#bootstrap-overrides .areas-ul-faculty {
  padding: 10px;
  background-color: white;
  list-style: none;
  font-size: 0.8em;
  margin-bottom: 0;
}
#bootstrap-overrides .areas-ul > li > a {
  color: #57068C;
  text-decoration: underline;
}
#bootstrap-overrides .areas-ul > li > a:hover {
  color: #555555;
}
#bootstrap-overrides .custom-headline > h1 {
    font-size: 25px;
    line-height: 1.4em;
}

/* Skip-to-main-content links for accessibility */
a.skip-link, #bootstrap-overrides a.skip-link {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap; /* added line */
}
a.skip-link:focus, a.skip-link:active, #bootstrap-overrides a.skip-link:focus, a.skip-link:active {
    clip: unset;
    width: auto;
    height: auto;
    text-align:center;
    background-color: #57068c;
    border-top: 2px solid white;
    border-right: 2px solid white;
    border-bottom: 2px solid white;
    color: #FFFFFF;
    font-weight: 700;
    overflow: hidden;
    padding: 10px 2vw;
    position: absolute;
    text-decoration: none;
    text-transform: uppercase;
    top: 2vh;
    white-space: nowrap;
    z-index: 9999;
    transition-property: width, padding, left;
    transition-duration: .2s, .2s, 0s;
    transition-timing-function: ease-out;
    transition-delay: 0s, 0s, .2s;
}

/* Make focus indicator more visible */
*:focus,
input:focus,
select:focus,
button:focus {
  outline: 3px solid #3dbbdb !important;
  overflow: -moz-hidden-unscrollable;
}

#bootstrap-overrides .groups-and-centers-faculty-and-research-areas-bar {
    display: block;
    position: relative;
    overflow: hidden;
    max-width: 100%;
    padding: 10px;
    background-color: #efefef;
    margin-bottom: 16px
}

#bootstrap-overrides .groups-and-centers-faculty-and-research-areas-strong {
    display: inline
}
#bootstrap-overrides .groups-and-centers-faculty-and-research-areas-ul {
    overflow: hidden;
    display: inline;
}
#bootstrap-overrides .groups-and-centers-faculty-and-research-areas-li {
    display: inline;
    padding: 0;
}
#bootstrap-overrides .groups-and-centers-faculty-and-research-areas-a {
    display: inline;
    padding: 0;
}