@charset "utf-8";
// New Stylesheet for fid_adlr (VF6.x up)

// *****************************************************************
// **************************** Imports ****************************
// *****************************************************************

// Make sure imports are grouped correctly so variables can be loaded!
// Import functions into customVariables
@import 'customVariables';

@import '../../finc/scss/finc';
@import '../../fid/scss/compiled';
@import 'customMixins';
@import 'common';
@import 'lightbox';
@import 'components/getItBox';
@import 'components/accordions-collapse-elements';
@import 'components/alerts';
@import 'components/buttons';
@import 'components/dropdowns';
@import 'components/forms';
@import 'components/header-navbar';
@import 'components/headings';
@import 'components/home-page';
@import 'components/media-styled-based-account-icons-and-status-colors';
@import 'components/record';
@import 'components/record-tabs';
@import 'components/result-list';
@import 'components/search';
@import 'components/search-control-elements';
@import 'components/sidebar';
@import 'components/tables';
@import 'components/footer';


// Activate the following imports in your library's theme:
// 1. To make bulk action buttons visible on small devices (Accessibility)
// @import 'activate-on-demand/bulkaction-visible-xs';
// 2. To make visited links use a different color, use the import in anchors.scss
// 3. ..............


// *****************************************************************
// ********** HTML basics ******************************************
// *****************************************************************
// Use this section to style your document body/html
// including top-padding to accommodate for navbar height


// BODY
body {
  background-color: $white;
  // set default font to OPEN SANS
  font-family: $font-family-sans-serif;
  // give central position
  margin: 0 auto;
  // Make sure, outer container doesn't spill over max designed content width
  max-width: $max-designed-body-width;

  overflow: hidden;
  padding-top: 0;

  // override finc 17720
  @media (max-width: $screen-xs-max) {
    padding-top: unset;
  }

  // no padding for advanced search
  &.template-name-advanced {
    padding-top: 0;
  }
}

#content {
  // override finc: Push content below header
  @media (max-width: $screen-xs-max) {
    padding-top: 0;
  }
}

// LISTS

ul {
  list-style-type: none;
  padding-left: 0;

  li {
    color: $asphalt;

    // added active class for creating more specific selector to override in vufind6 introduced styles
    // Hotfix - ToDo: Find more generic way for styling links in record tabs: refs #22739, refs #22776
    .active #hierarchyTree &,
    .active .openurls & {
      a,
      a:visited {
        color: $asphalt;

        &:hover {
          color: $database-link-hover-color;
        }
      }
    }
  }
}

.worldcat .openurls {
  ul {
    padding-left: 1em;
  }
}

// LISTS - END


// LINKS

a {
  color: $black;
  outline: none;
  text-decoration: none;

  &:focus {
    outline: none;
    text-decoration: underline;
  }

  &:hover {
    text-decoration: none;
  }

  &:not(.btn):not(.search-filter-toggle):not(.text):visited {
    .home-links &,
    .navbar-header &,
    .header-menu-collapse &,
    .language & {
      color: $white;
    }

    .navbar-header & {
      @media (max-width: $screen-md-max) {
        color: $azure;
      }
    }

    .dbis_content & {
      color: $asphalt;
    }
  }
}

// LINKS - END


// *****************************************************************
// ********** Main Content Container (.main, .container, footer ...*
// *****************************************************************

.main {
  padding-bottom: 20px;
  padding-top: 20px;

  @media (min-width: $screen-lg-min) {
    background-image: url('../images/background-shape-left.svg'),
    url('../images/background-shape-right.svg');
    background-position: center left,
    bottom right;
    background-repeat: no-repeat;
  }

  .container {
    background: transparent;
    border: 0;
    max-width: 1284px;

    @media (min-width: $screen-lg-min) {
      min-width: $main-content-container-min-width-lg;
    }

    @media (min-width: $screen-xl-min) {
      max-width: $main-content-container-max-width-xl;
      width: 70%;
    }

    .mainbody {
      @media (max-width: $screen-xs-max) {
        width: 100%;
      }

      @media (min-width: $screen-lg-min) {
        padding-right: 70px;
      }
    }
  }
}


// *****************************************************************
// ********** Sizing ***********************************************
// *****************************************************************

.flex-box-20 {
  flex-basis: $pagination-flexbox-basis-20-percent;
}

.flex-box-40 {
  flex-basis: calc(2 * #{$pagination-flexbox-basis-20-percent});
}

.flex-box-60 {
  flex-basis: calc(3 * #{$pagination-flexbox-basis-20-percent});
}

.flex-box-80 {
  flex-basis: calc(4 * #{$pagination-flexbox-basis-20-percent});
}

.flex-column-default {
  display: -webkit-flex;
  -webkit-flex-direction: column;
  display: flex;
  flex-direction: column;
}

.flex-column-reverse {
  display: -webkit-flex;
  -webkit-flex-direction: column-reverse;
  display: flex;
  flex-direction: column-reverse;
}


// *****************************************************************
// ********** Branding *********************************************
// *****************************************************************

// ++ BRANDING (branding for origin source ids / specific facets and mega_collections etc.)
// see SID103 in finc compiled.scss
.branding {
  color: transparent;
  display: none;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  margin-left: .5em;
  margin-top: 4px;
  vertical-align: middle;

  &.SID51 {
    // #16177 adapt the path to get the new releases logo
    // background: url('../../fid_adlr/images/branding/new-item-vub3.png') 0 0 no-repeat;
    background: $midnight-light;
    color: $azure;
    display: inline-block;
  }

  &.SID76,
  &.collection-UBL-FID-EBC {
    // #16177 adapt the path to get the 'adlr ebooks' logo
    // FIXME set correct logo
    background: $midnight-light;
    color: $azure;
    display: inline-block;
  }

  &.SID78 {
    // #16177 adapt the path to get the IZI database logo
    background: url('../../fid_adlr/images/branding/izi-database.png') 0 0 no-repeat;
    background-size: 100%;
    display: inline-block;
    height: em(40px);
    margin-top: 12px;
    width: em(150px);
  }

  &.SID103 {
    // #16177 adapt the path to get the Margaret-Herrick-Library logo
    background: url('../../fid_adlr/images/branding/herrick-library.png') 0 0 no-repeat;
    background-size: 100%;
    display: inline-block;
    height: 27px;
    margin-top: 7px;
    width: 230px;
  }

  &.facet-free {
    // #16177 adapt the path to get the Open Access logo
    // background: url('../../fid_adlr/images/branding/open-access-logo.svg') 0 0 no-repeat;
    background: $midnight-light;
    color: $azure;
    display: inline-block;
  }

  &.collection-verbundkatalog-film {
    // #16177 adapt the path to get the verbundkatalog film logo
    // background: url('../../fid_adlr/images/branding/verbundkatalog-film.png') 0 0 no-repeat;
    background: $midnight-light;
    color: $azure;
    display: inline-block;
  }
}


// *****************************************************************
// ********** ADLR specific content (licenses, dbis, boss) *********
// *****************************************************************

.main {
  .licenses > li > a::before {
    content: '\e913';
    font-family: icomoon, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    padding-right: 5px;
  }

  .dbis_content {
    ul > li {
      list-style: none;

      span {
        padding-right: .5em;
      }
    }

    span[class^='dbis-list-accessinfo-access_']::after {
      content: '\e913';
      font-family: icomoon, sans-serif;
      font-style: normal;
      font-variant: normal;
      font-weight: 400;
      line-height: 1;
      padding-left: 10px;
    }
  }

  .dbis_description {
    @include accordeon(false);

    p {
      margin: 1em;
    }

    .title {
      -webkit-appearance: button;
      background-color: transparent;
      border: 0;
      border-right-width: 1px;
      color: $azure;
      display: block;
      font-family: $font-family-monospace;
      font-weight: 700;
      line-height: 1.5rem;
      padding: .75em 1em;
      text-align: inherit;
      text-transform: uppercase;
      width: 100%;

      &::after {
        float: right;
      }
    }
  }
}

// Boss-Module
.boss-networknotice {
  @include default-border($black);
  padding: 12px;
}

// #17031 user tracking opt-out (iframe) - RL
#piwk {
  border: 0;
  min-height: 250px;
  width: 100%;

  @media (min-width: $screen-lg-min) {
    min-height: unset;
  }
}