/* CSS file for the "CRL" skin (set the "eastviewskin" CGI argument to "CRL" to use this skin). Only styles
   that are unique to this CRL UI skin should be placed in this file. Styles that are shared by all Eastview/GPA
   collections should instead be placed in eastview-gpa.css, while those that are unique to specific collections
   should be placed in an appropriate collection-specific CSS file (e.g. eastview-lq.css).
*/

div.eastview-gpa-collection-level-tab,
div.eastview-gpa-title-level-tab,
#eastview-collection-level-graph-title
{
  background-color: #002056;
}

#eastview-crl-header
{
  border-top: 12px solid #002056;
  border-bottom: 12px solid #002056;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  display: -webkit-box;
    display: -ms-flexbox;
      display: flex;
  -webkit-box-pack: justify;
    -ms-flex-pack: justify;
      justify-content: space-between;
  -webkit-box-align: center;
    -ms-flex-align: center;
      align-items: center;
}

#eastview-crl-logo-container
{
  display: -webkit-box;
    display: -ms-flexbox;
      display: flex;
  align-items: flex-end;
}

#eastview-crl-logo
{
  position: relative;
  margin-left: 0.2rem;
}

#eastview-crl-logo img
{
  vertical-align: bottom;
}

#eastview-crl-map > img,
#eastview-crl-logo > img
{
  max-width: 100%;
  height: auto;
}

#eastview-crl-openaccess
{
  color: #fa9513;
  margin-left: 1rem;
  display: -webkit-box;
    display: -ms-flexbox;
      display: flex;
  -webkit-box-align: center;
    -ms-flex-align: center;
      align-items: center;
}

#eastview-crl-openaccess > div:first-child
{
  margin-right: 1rem;
  text-align: right;
  font-size: 0.9rem;
  line-height: 1.25;
}

#eastview-crl-openaccess div.eastview-crl-openaccess-bold
{
  font-size: 1.1rem;
  font-weight: 700;
}

@media (max-width: 800px)
{
  #eastview-crl-map,
  #eastview-crl-openaccess > div:first-child
  {
    display: none;
  }

  #eastview-crl-logo
  {
    margin-left: 0;
  }
}