/*
 Theme Name: Labs Twenty Nineteen
 description: A child theme of the Twenty Nineteen WordPress theme
 Author: UTD Office of Research Information Systems @UTDResearch
 Author URI: https://research.utdallas.edu
 Template: twentynineteen
 Version: 1.0.2
*/

/* Account for EPICS header presence */

@media screen and (min-width: 48em) {
  .epics-header.twentyseventeen-front-page.has-header-image .custom-header-media, .epics-header.twentyseventeen-front-page.has-header-video .custom-header-media, .epics-header.home.blog.has-header-image .custom-header-media, .epics-header.home.blog.has-header-video .custom-header-media {
    height: calc(100vh - 50px);
  }

  .epics-header.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-media, .epics-header.admin-bar.twentyseventeen-front-page.has-header-video .custom-header-media, .epics-header.admin-bar.home.blog.has-header-image .custom-header-media, .epics-header.admin-bar.home.blog.has-header-video .custom-header-media {
    height: calc(100vh - 82px);
  }
}

.site-branding {
  display: block;
}

.site-info {
  background-color: #23282d;
  display: flex;
  justify-content: center;
}

.site-info p {
  display: flex;
  text-transform: uppercase;
  align-items: center;
  padding: 20px;
}

.site-info p img {
  width: 50px;
  height: auto;
  margin-right: 12px;
}

.site-info a {
  color: white;
}
.site-header {
  padding: 3rem 0 0 0;

}

.home .site-header.featured-image {
  min-height: 75vh;
}
.site-header.featured-image {
  min-height: 50vh;
}

.social-navigation {
  display: inline-block;
  border-right: #000 2px solid;
  padding-right: 20px;
  margin-right: 20px;
}

.site-branding .search-form .search-show {
  background-color: inherit;
  padding: 0.36rem 0.66rem;
  line-height: 1.8;
  font-size: 100%;
  border: 1px solid transparent;
}

.site-branding .search-form .search-submit {
  color: white;
  border-radius: 0;
}

.site-branding .search-form .search-show[aria-expanded="false"] {
  padding-left: 0;
}

.site-branding .search-box {
  display: inline-block;
  margin-top: calc(1rem / 2);
}

.site-branding .search-field-container {
  display: inline-flex;
  max-width:0px;
  z-index: -1!important;
  overflow: hidden;
  opacity:0;
  height: 0;
  transition: 0.3s linear max-width;
}

.site-branding .search-field::selection {
  background: #ffb7b7 !important;
} 

.site-branding .search-field-container.open {
  max-width: 100%;
  opacity:1;
  height: inherit;
}

.button, button {
  color: #000;
}

.site-header.featured-image .social-navigation {
  border-right: #fff 2px solid;
}

.site-header.featured-image .button, .site-header.featured-image button  {
  color: #fff;
}

.search-results .button, .search-results button, input[type="button"], input[type="reset"], input[type="submit"] {
  color: inherit;
  
}
.entry-title {
  padding: 3rem 0;
}

.site-footer {
  color: white;
  background-color: #23282d;
}

.site-info a[href] {
  color: white;
}

@media only screen and (max-width: 768px) {
  .site-branding-container, .entry-title {
    margin: 0 30px;
  }

  .site-header {
  padding: 1rem 0;
  }
}
/* Overrides */