@charset 'utf-8';

/* --- custom fonts --- */
@font-face {
  font-family: 'Futura';
  src: local('none'), url('fonts/futura-light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Futura';
  src: local('none'), url('fonts/futura-book.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Futura';
  src: local('none'), url('fonts/futura-medium.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Futura';
  src: local('none'), url('fonts/futura-heavy.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}

html, body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
.button > :first-child,
.biblioTitle:not(h1),
.articleItem .articleHeading:not(h1),
.overlay .articleDetail .articleHeading,
.parallaxItem > div .sectionDesc .articleHeading {
  font-family: 'Futura', sans-serif;
}


/* --- custom landingpage affiliate selection --- */
.affiliateSelection {
  margin-left: -2rem;
  text-align: center;
}

.affiliateSelection a {
  display: inline-block;
  max-width: 90%;
  box-sizing: border-box;
  border: 1px solid #66acd5;
  border-radius: 0.2rem;
  margin: 0 0 2rem 2rem;
  vertical-align: top;
  background-color: rgba(255, 255, 255, 0.6);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 90% auto;
  color: transparent;
  font-size: 0;
  width: 100%;
  height: 12rem;
}

@media (min-width: 481px) {
  .affiliateSelection a {
    width: calc((100% - 7rem) / 2);
    height: 13rem;
  }
}

@media (min-width: 769px) {
  .affiliateSelection a {
    width: calc((100% - 7rem) / 2);
  }
}

@media (min-width: 1025px) {
  .affiliateSelection a {
    width: calc((100% - 7rem) / 3);
  }
}

.affiliateSelection a:hover,
.affiliateSelection a:focus,
.affiliateSelection a:active {
  box-shadow: 0 0 0.8rem 0 #99c8e3;
  background-color: rgba(255, 255, 255, 0.8);
}

.affiliateSelection a[href*='baeschlin'] {
  background-image: url('images/baeschlin-blue.png');
}

.affiliateSelection a[href*='kinderbuchladen'] {
  background-image: url('images/kinderbuchladen-blue.png');
  background-size: auto 90%;
}

.affiliateSelection a[href*='schuler'] {
  background-image: url('images/schuler-blue.png');
}

.affiliateSelection a[href*='interlingua'] {
  background-image: url('images/interlingua-blue.png');
}

.affiliateSelection a[href*='bildungsservice'] {
  background-image: url('images/bildungsservice-blue.png');
}

.affiliateSelection a[href*='verlage'] {
  background-size: 70% auto;
  background-image: url('images/verlag-blue.png');
}

.affiliateSelection a[href*='www.lesestoff.ch'] {
  background-image: url('images/lesestoff-blue.png');
}

.affiliateSelection a[href*='hoerbuch'] {
  background-image: url('images/hoerbuch-blue.png');
}

.affiliateSelection a[href*='gmg'] {
  background-image: url('images/gmg.png');
}

.affiliateSelection a[href*='lehrmittelshop1'] {
  background-image: url('images/lsa-blue.png');
}

.affiliateSelection a[href*='lehrmittelshop2'] {
  background-image: url('images/lsb-blue.png');
}

.affiliateSelection a[href*='bildungsgruppe'] {
  background-image: url('images/ibz-blue.png');
}


/* --- custom landingpage styles --- */
body.landingpage main > div:not(.logo):not(.linkList) {
  background-color: transparent;
}
@media (min-width: 1025px) {
  .landingpage .breadcrumb > div {
    color: #ffffff;
  }
}


/* --- custom header: extra shadow around biblioSearch and colorful border-top for topbar --- */
@media (min-width: 1025px) {
  header .screen > .row2 {
    min-height: 3.5rem; /* increased height because of extra border-top */
    transition: none; /* removal because it does not look good with custom border-top */
  }

  header .screen > .row2::before {
    border-top: 0.4rem solid #0075b9;
    border-bottom: 0.1rem solid #ced2d2;
  }

  header.collapsed .screen > .row2::before {
    border-top: none;
  }

  header .formSearch {
    box-shadow: rgba(17, 17, 26, 0.05) 0 1px 0, rgba(17, 17, 26, 0.1) 0 0 8px;
  }
}


/* --- custom click and collect button styles --- */
.biblioClickAndCollect .button > a:first-child:hover,
.biblioClickAndCollect .button > a:first-child:focus,
.biblioClickAndCollect .button > a:first-child:active {
  background-color: #e06d2f;
  color: #fff;
  border-color: #e06d2f;
}
.biblioClickAndCollect .button:hover::before,
.biblioClickAndCollect .button:focus::before,
.biblioClickAndCollect .button:active::before {
  color: #fff;
}


/* --- custom account --- */
.customer.settings h5 {
  color: #333333;
}


/* --- no external link icon (BAG-2057) --- */
a[href*='http']:after,
.column.links .actions a[href*='http']:after {
  content: '';
}