@charset "UTF-8";
.bg-primary-100 {
  background-color: #fbe2d3;
}

.clr-primary-100 {
  color: #fbe2d3;
}

.bdr-primary-100 {
  border: 1px solid #fbe2d3;
}

.bg-primary-200 {
  background-color: #fbe2d3;
}

.clr-primary-200 {
  color: #fbe2d3;
}

.bdr-primary-200 {
  border: 1px solid #fbe2d3;
}

.bg-primary-300 {
  background-color: #fad4be;
}

.clr-primary-300 {
  color: #fad4be;
}

.bdr-primary-300 {
  border: 1px solid #fad4be;
}

.bg-primary-400 {
  background-color: #f6b792;
}

.clr-primary-400 {
  color: #f6b792;
}

.bdr-primary-400 {
  border: 1px solid #f6b792;
}

.bg-primary-500 {
  background-color: #f4a87c;
}

.clr-primary-500 {
  color: #f4a87c;
}

.bdr-primary-500 {
  border: 1px solid #f4a87c;
}

.bg-primary-600 {
  background-color: #f29a66;
}

.clr-primary-600 {
  color: #f29a66;
}

.bdr-primary-600 {
  border: 1px solid #f29a66;
}

.bg-primary-700 {
  background-color: #f18b51;
}

.clr-primary-700 {
  color: #f18b51;
}

.bdr-primary-700 {
  border: 1px solid #f18b51;
}

.bg-primary-800 {
  background-color: #ef7d3b;
}

.clr-primary-800 {
  color: #ef7d3b;
}

.bdr-primary-800 {
  border: 1px solid #ef7d3b;
}

.bg-primary-900 {
  background-color: #ed6e25;
}

.clr-primary-900 {
  color: #ed6e25;
}

.bdr-primary-900 {
  border: 1px solid #ed6e25;
}

.bg-secondary-100 {
  background-color: #cedcec;
}

.clr-secondary-100 {
  color: #cedcec;
}

.bdr-secondary-100 {
  border: 1px solid #cedcec;
}

.bg-secondary-200 {
  background-color: #b6cbe3;
}

.clr-secondary-200 {
  color: #b6cbe3;
}

.bdr-secondary-200 {
  border: 1px solid #b6cbe3;
}

.bg-secondary-300 {
  background-color: #9dbad9;
}

.clr-secondary-300 {
  color: #9dbad9;
}

.bdr-secondary-300 {
  border: 1px solid #9dbad9;
}

.bg-secondary-400 {
  background-color: #85a9d0;
}

.clr-secondary-400 {
  color: #85a9d0;
}

.bdr-secondary-400 {
  border: 1px solid #85a9d0;
}

.bg-secondary-500 {
  background-color: #6c97c7;
}

.clr-secondary-500 {
  color: #6c97c7;
}

.bdr-secondary-500 {
  border: 1px solid #6c97c7;
}

.bg-secondary-600 {
  background-color: #5486bd;
}

.clr-secondary-600 {
  color: #5486bd;
}

.bdr-secondary-600 {
  border: 1px solid #5486bd;
}

.bg-secondary-700 {
  background-color: #3b75b4;
}

.clr-secondary-700 {
  color: #3b75b4;
}

.bdr-secondary-700 {
  border: 1px solid #3b75b4;
}

.bg-secondary-800 {
  background-color: #2363aa;
}

.clr-secondary-800 {
  color: #2363aa;
}

.bdr-secondary-800 {
  border: 1px solid #2363aa;
}

.bg-secondary-900 {
  background-color: #0A52A1;
}

.clr-secondary-900 {
  color: #0A52A1;
}

.bdr-secondary-900 {
  border: 1px solid #0A52A1;
}

.bg-neutral-100 {
  background-color: #fff;
}

.clr-neutral-100 {
  color: #fff;
}

.bdr-neutral-100 {
  border: 1px solid #fff;
}

.bg-neutral-200 {
  background-color: #f2f2f2;
}

.clr-neutral-200 {
  color: #f2f2f2;
}

.bdr-neutral-200 {
  border: 1px solid #f2f2f2;
}

.bg-neutral-400 {
  background-color: #cccccc;
}

.clr-neutral-400 {
  color: #cccccc;
}

.bdr-neutral-400 {
  border: 1px solid #cccccc;
}

.bg-neutral-500 {
  background-color: #676767;
}

.clr-neutral-500 {
  color: #676767;
}

.bdr-neutral-500 {
  border: 1px solid #676767;
}

.bg-neutral-600 {
  background-color: #454545;
}

.clr-neutral-600 {
  color: #454545;
}

.bdr-neutral-600 {
  border: 1px solid #454545;
}

.bg-neutral-700 {
  background-color: #333333;
}

.clr-neutral-700 {
  color: #333333;
}

.bdr-neutral-700 {
  border: 1px solid #333333;
}

.bg-neutral-800 {
  background-color: #222222;
}

.clr-neutral-800 {
  color: #222222;
}

.bdr-neutral-800 {
  border: 1px solid #222222;
}

.bg-neutral-900 {
  background-color: #000000;
}

.clr-neutral-900 {
  color: #000000;
}

.bdr-neutral-900 {
  border: 1px solid #000000;
}

:root {
  --clr-primary-100: #fbe2d3;
  --clr-primary-200: #fbe2d3;
  --clr-primary-300: #fad4be;
  --clr-primary-400: #f6b792;
  --clr-primary-500: #f4a87c;
  --clr-primary-600: #f29a66;
  --clr-primary-700: #f18b51;
  --clr-primary-800: #ef7d3b;
  --clr-primary-900: #ed6e25;
  --clr-secondary-100: #cedcec;
  --clr-secondary-200: #b6cbe3;
  --clr-secondary-300: #9dbad9;
  --clr-secondary-400: #85a9d0;
  --clr-secondary-500: #6c97c7;
  --clr-secondary-600: #5486bd;
  --clr-secondary-700: #3b75b4;
  --clr-secondary-800: #2363aa;
  --clr-secondary-900: #0A52A1;
  --clr-neutral-100: #fff;
  --clr-neutral-200: #f2f2f2;
  --clr-neutral-400: #cccccc;
  --clr-neutral-500: #676767;
  --clr-neutral-600: #454545;
  --clr-neutral-700: #333333;
  --clr-neutral-800: #222222;
  --clr-neutral-900: #000000;
}

.align-left {
  text-align: left;
}

.align-center {
  text-align: center;
}

.align-right {
  text-align: right;
}

.christmas-page {
  margin: 0 auto;
  max-width: 80rem;
  padding: 0;
}
.christmas-page .shop-by-category-item {
  padding: 0 1em;
}
.christmas-page .shop-by-category-item a {
  font-family: "Playfair Display", serif;
  font-size: 1.2em;
  color: #000;
}
.christmas-page .btn-primary {
  background: #850108;
  border-color: #850108;
}
.christmas-page .blog-post-showcase.xmas-red {
  background-color: rgb(132, 1, 7);
}
.christmas-page .blog-post-showcase.xmas-red .blog-post-showcase-info-wrapper {
  background: rgb(15, 130, 174);
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(132, 1, 7)), color-stop(70%, rgb(132, 1, 7)), to(rgba(0, 212, 255, 0)));
  background: linear-gradient(0deg, rgb(132, 1, 7) 0%, rgb(132, 1, 7) 70%, rgba(0, 212, 255, 0) 100%);
}
@media only screen and (min-width: 30em) {
  .christmas-page .blog-post-showcase.xmas-red .blog-post-showcase-info-wrapper {
    background: -webkit-gradient(linear, left bottom, left top, from(rgb(132, 1, 7)), color-stop(50%, rgb(132, 1, 7)), to(rgba(0, 212, 255, 0)));
    background: linear-gradient(0deg, rgb(132, 1, 7) 0%, rgb(132, 1, 7) 50%, rgba(0, 212, 255, 0) 100%);
  }
}
@media only screen and (min-width: 40em) {
  .christmas-page .blog-post-showcase.xmas-red .blog-post-showcase-info-wrapper {
    background: -webkit-gradient(linear, left bottom, left top, from(rgb(132, 1, 7)), color-stop(50%, rgb(132, 1, 7)), to(rgba(0, 212, 255, 0)));
    background: linear-gradient(0deg, rgb(132, 1, 7) 0%, rgb(132, 1, 7) 50%, rgba(0, 212, 255, 0) 100%);
  }
}
@media only screen and (min-width: 48em) {
  .christmas-page .blog-post-showcase.xmas-red .blog-post-showcase-info-wrapper {
    background: -webkit-gradient(linear, left top, right top, from(rgb(132, 1, 7)), color-stop(50%, rgb(132, 1, 7)), to(rgba(0, 212, 255, 0)));
    background: linear-gradient(90deg, rgb(132, 1, 7) 0%, rgb(132, 1, 7) 50%, rgba(0, 212, 255, 0) 100%);
  }
}
.christmas-page .blog-post-showcase.xmas-blue {
  background-color: rgb(2, 35, 80);
  color: #e2a731;
}
.christmas-page .blog-post-showcase.xmas-blue .blog-post-showcase-info-wrapper {
  background: rgb(15, 130, 174);
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(2, 35, 80)), color-stop(70%, rgb(2, 35, 80)), to(rgba(0, 212, 255, 0)));
  background: linear-gradient(0deg, rgb(2, 35, 80) 0%, rgb(2, 35, 80) 70%, rgba(0, 212, 255, 0) 100%);
}
@media only screen and (min-width: 30em) {
  .christmas-page .blog-post-showcase.xmas-blue .blog-post-showcase-info-wrapper {
    background: -webkit-gradient(linear, left bottom, left top, from(rgb(2, 35, 80)), color-stop(50%, rgb(2, 35, 80)), to(rgba(0, 212, 255, 0)));
    background: linear-gradient(0deg, rgb(2, 35, 80) 0%, rgb(2, 35, 80) 50%, rgba(0, 212, 255, 0) 100%);
  }
}
@media only screen and (min-width: 40em) {
  .christmas-page .blog-post-showcase.xmas-blue .blog-post-showcase-info-wrapper {
    background: -webkit-gradient(linear, left bottom, left top, from(rgb(2, 35, 80)), color-stop(50%, rgb(2, 35, 80)), to(rgba(0, 212, 255, 0)));
    background: linear-gradient(0deg, rgb(2, 35, 80) 0%, rgb(2, 35, 80) 50%, rgba(0, 212, 255, 0) 100%);
  }
}
@media only screen and (min-width: 48em) {
  .christmas-page .blog-post-showcase.xmas-blue .blog-post-showcase-info-wrapper {
    background: -webkit-gradient(linear, left top, right top, from(rgb(2, 35, 80)), color-stop(50%, rgb(2, 35, 80)), to(rgba(0, 212, 255, 0)));
    background: linear-gradient(90deg, rgb(2, 35, 80) 0%, rgb(2, 35, 80) 50%, rgba(0, 212, 255, 0) 100%);
  }
}
.christmas-page .blog-post-showcase.xmas-green {
  background-color: rgb(49, 106, 89);
}
.christmas-page .blog-post-showcase.xmas-green .blog-post-showcase-info-wrapper {
  background: rgb(15, 130, 174);
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(49, 106, 89)), color-stop(70%, rgb(49, 106, 89)), to(rgba(0, 212, 255, 0)));
  background: linear-gradient(0deg, rgb(49, 106, 89) 0%, rgb(49, 106, 89) 70%, rgba(0, 212, 255, 0) 100%);
}
@media only screen and (min-width: 30em) {
  .christmas-page .blog-post-showcase.xmas-green .blog-post-showcase-info-wrapper {
    background: -webkit-gradient(linear, left bottom, left top, from(rgb(49, 106, 89)), color-stop(50%, rgb(49, 106, 89)), to(rgba(0, 212, 255, 0)));
    background: linear-gradient(0deg, rgb(49, 106, 89) 0%, rgb(49, 106, 89) 50%, rgba(0, 212, 255, 0) 100%);
  }
}
@media only screen and (min-width: 40em) {
  .christmas-page .blog-post-showcase.xmas-green .blog-post-showcase-info-wrapper {
    background: -webkit-gradient(linear, left bottom, left top, from(rgb(49, 106, 89)), color-stop(50%, rgb(49, 106, 89)), to(rgba(0, 212, 255, 0)));
    background: linear-gradient(0deg, rgb(49, 106, 89) 0%, rgb(49, 106, 89) 50%, rgba(0, 212, 255, 0) 100%);
  }
}
@media only screen and (min-width: 48em) {
  .christmas-page .blog-post-showcase.xmas-green .blog-post-showcase-info-wrapper {
    background: -webkit-gradient(linear, left top, right top, from(rgb(49, 106, 89)), color-stop(50%, rgb(49, 106, 89)), to(rgba(0, 212, 255, 0)));
    background: linear-gradient(90deg, rgb(49, 106, 89) 0%, rgb(49, 106, 89) 50%, rgba(0, 212, 255, 0) 100%);
  }
}

/* Box sizing rules */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role=list],
ol[role=list] {
  list-style: none;
}

/* Set core root defaults */
html:focus-within {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
  height: auto;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    -webkit-animation-duration: 0.01ms !important;
            animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
            animation-iteration-count: 1 !important;
    -webkit-transition-duration: 0.01ms !important;
            transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Playfair Display", serif;
  line-height: 1.1;
  margin-bottom: 1em;
  font-weight: normal;
}

h1, .h1 {
  font-size: 2em;
  /*@include mq(l) {
      font-size: 4em;
  }*/
}
@media only screen and (min-width: 30em) {
  h1, .h1 {
    font-size: 3em;
  }
}

h2, .h2 {
  /*@include mq(l) {
      font-size: 3em;
  }*/
}
@media only screen and (min-width: 30em) {
  h2, .h2 {
    font-size: 2em;
  }
}

h3, .h3 {
  line-height: 1.3;
}
@media only screen and (min-width: 30em) {
  h3, .h3 {
    font-size: 1.5em;
  }
}

p {
  margin-bottom: 1em;
}

a {
  text-decoration: none;
  color: var(--clr-primary-900);
}

.display_font {
  font-family: "Playfair Display", serif;
}

.font-bold, .text-bold {
  font-weight: 700;
}

.text-l {
  font-size: 1.5rem;
}

.text-xl {
  font-size: 2em;
}
@media only screen and (min-width: 30em) {
  .text-xl {
    font-size: 3em;
  }
}

.icon-xl {
  font-size: 3em;
}

.icon-xxl {
  font-size: 4em;
}

.icon-xxxl {
  font-size: 6em;
}

nav#site-navigation {
  background: var(--clr-neutral-100);
  position: fixed;
  top: 0;
  left: -400px;
  width: 100%;
  max-width: 400px;
  height: 100%;
  overflow-x: auto;
  -webkit-transition: 300ms;
  transition: 300ms;
  z-index: 9999;
  /*position: absolute;
  width: 180px;
  height: 400px;
  box-shadow: 0 0 10px #85888C;
  margin: -50px 0 0 -50px;
  padding: 50px;
  padding-top: 125px;
  background-color: #F5F6FA;
  -webkit-font-smoothing: antialiased;
  transform-origin: 0% 0%;
  transform: translate(-100%, 0);
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);*/
}
nav#site-navigation #close-menu-button {
  text-align: right;
  font-size: 32px;
  margin: 14px;
}
@media only screen and (min-width: 48em) {
  nav#site-navigation {
    position: relative;
    left: auto;
    top: auto;
    max-width: none;
    width: auto;
    height: auto;
    overflow-x: visible;
    border-bottom: 1px solid var(--clr-neutral-200);
    z-index: inherit;
  }
  nav#site-navigation #close-menu-button {
    display: none;
  }
}

nav#site-navigation.open {
  left: 0;
}

ul.main-menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul.main-menu li > a {
  display: block;
  padding: 1em;
  position: relative;
  border-bottom: 1px solid var(--clr-neutral-200);
  color: var(--clr-neutral-900);
}
ul.main-menu li > a.has-sub-menu:after {
  content: "\f3d3";
  font-family: "Ionicons";
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  color: #ccc;
}
@media only screen and (min-width: 48em) {
  ul.main-menu li > a.has-sub-menu:after {
    content: "";
  }
}
@media only screen and (min-width: 48em) {
  ul.main-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  ul.main-menu > li > a {
    display: block;
    padding: 1em;
    position: relative;
    border: 0;
  }
  ul.main-menu > li > a:hover:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--clr-primary-400);
  }
}
ul.main-menu .main-menu-sub-menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: none;
  background-color: var(--clr-neutral-200);
}
ul.main-menu .main-menu-sub-menu li > a {
  font-size: 0.9em;
  padding-left: 2em;
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid;
}
@media only screen and (min-width: 48em) {
  ul.main-menu .main-menu-sub-menu {
    background-color: var(--clr-neutral-100);
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
    position: absolute;
    top: 56px;
    left: 50%;
    width: 768px;
    margin-left: -384px;
    z-index: 1;
    padding: 2em;
    -webkit-box-shadow: 0px 2px 10px rgba(44, 41, 59, 0.15);
            box-shadow: 0px 2px 10px rgba(44, 41, 59, 0.15);
  }
  ul.main-menu .main-menu-sub-menu li > a {
    font-size: 1em;
    padding-left: 0;
    border: 0;
  }
}
@media only screen and (min-width: 60em) {
  ul.main-menu .main-menu-sub-menu {
    left: 50%;
    width: 60em;
    margin-left: -30em;
  }
}
ul.main-menu .main-menu-sub-menu.open {
  display: block;
}

.top-bar {
  padding: 0.5em;
  background: #efefef;
  font-weight: 700;
  text-align: center;
  font-size: 0.9em;
}

header#site-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background: #ffffff;
}
header#site-header > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5em;
}
@media only screen and (min-width: 48em) {
  header#site-header > div {
    padding: 1em;
  }
}
@media only screen and (min-width: 80em) {
  header#site-header > div {
    padding: 2em;
  }
}
header#site-header .header-menu-button {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
header#site-header .header-menu-button a {
  display: block;
  width: 32px;
  height: 32px;
}
@media only screen and (min-width: 48em) {
  header#site-header .header-menu-button {
    display: none;
  }
}
header#site-header .header-logo {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0.5em 0;
}
@media only screen and (min-width: 48em) {
  header#site-header .header-logo {
    padding: 0.5em;
  }
}
header#site-header .header-logo img {
  width: 150px;
}
@media only screen and (min-width: 30em) {
  header#site-header .header-logo img {
    width: 180px;
  }
}
@media only screen and (min-width: 48em) {
  header#site-header .header-logo img {
    height: 55px;
    width: auto;
  }
}
@media only screen and (min-width: 60em) {
  header#site-header .header-logo {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
}
header#site-header .header-search {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 1em 1em 1em;
}
header#site-header .header-search form {
  position: relative;
  width: 100%;
}
header#site-header .header-search form input[type=text] {
  border: 0;
  height: 40px;
  padding: 0 20px;
  width: 100%;
  max-width: none;
  border-radius: 20px;
  background: #f6f6f8;
}
header#site-header .header-search form button {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  border: 0;
  cursor: pointer;
  background: transparent;
}
@media only screen and (min-width: 60em) {
  header#site-header .header-search form {
    max-width: 400px;
  }
  header#site-header .header-search form input[type=text] {
    border-radius: 20px;
  }
}
@media only screen and (min-width: 60em) {
  header#site-header .header-search {
    padding: 0;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}
header#site-header .header-buttons {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  position: relative;
}
header#site-header .header-buttons .header-button {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  position: relative;
  font-size: 24px;
  color: var(--clr-neutral-900);
  width: 32px;
  height: 32px;
  border-radius: 50%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  /*@include mq(l) {

      height:55px;

      img {
          height:55px;
      }

  }*/
}
header#site-header .header-buttons .header-button span.hb-label {
  display: none;
}
@media only screen and (min-width: 60em) {
  header#site-header .header-buttons .header-button span.hb-label {
    display: block;
  }
}
header#site-header .header-buttons .header-button .tooltip {
  display: none;
  position: absolute;
  top: 100%;
  margin-top: 6px;
  background: #333;
  padding: 10px;
  text-indent: 0;
  font-size: 0.9rem;
  white-space: nowrap;
  color: #fff !important;
  z-index: 1000;
  border-radius: 5px;
}
header#site-header .header-buttons .header-button .tooltip:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -8px;
  border-width: 0 6px 6px 6px;
  border-style: solid;
  border-color: #333 transparent;
}
header#site-header .header-buttons .header-button:hover {
  background: #efefef;
}
header#site-header .header-buttons .header-button:hover .tooltip {
  display: inline-block;
}
@media only screen and (min-width: 40em) {
  header#site-header .header-buttons .header-button {
    width: 48px;
    height: 48px;
    font-size: 32px;
    margin: 0 0.2em;
  }
}
header#site-header .header-buttons .basket-items {
  position: absolute;
  top: -3px;
  right: -3px;
  width: 20px;
  height: 20px;
  background: #c00;
  color: #fff;
  font-size: 0.9rem;
  border-radius: 50%;
}
@media only screen and (min-width: 30em) {
  header#site-header .header-buttons .basket-items {
    top: 2px;
    right: 5px;
  }
}
@media only screen and (min-width: 60em) {
  header#site-header .header-buttons {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
header#site-header .donate-button {
  padding: 0 0.5em;
  height: 40px;
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
  /*@include mq(sm) {
      margin-left: 0.5em;
  }*/
}
header#site-header .donate-button a {
  height: 40px;
  padding: 12px 1em;
  margin: 0;
}
@media only screen and (min-width: 30em) {
  header#site-header .donate-button a {
    height: 32px;
    padding: 8px 1em;
  }
}
@media only screen and (min-width: 30em) {
  header#site-header .donate-button {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    padding: 0.5em;
    height: auto;
  }
}
header#site-header .header-user-menu {
  position: absolute;
  top: 100%;
  margin-top: -0.5em;
  right: 2em;
  width: 200px;
  background: #fff;
  z-index: 9999;
  -webkit-box-shadow: 0px 2px 10px rgba(44, 41, 59, 0.15);
          box-shadow: 0px 2px 10px rgba(44, 41, 59, 0.15);
}
header#site-header .header-user-menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
header#site-header .header-user-menu ul li {
  border-bottom: 1px solid var(--clr-neutral-200);
}
header#site-header .header-user-menu ul li a {
  display: block;
  color: var(--clr-neutral-900);
  padding: 0.5em 1em;
}
@media only screen and (min-width: 48em) {
  header#site-header .header-user-menu {
    margin-top: -1em;
  }
}
@media only screen and (min-width: 80em) {
  header#site-header .header-user-menu {
    margin-top: -2em;
  }
}

footer.thema-footer {
  background: var(--clr-neutral-600);
  color: var(--clr-neutral-100);
  padding: 2em 1em;
  line-height: 1.2;
  font-size: 0.9em;
}
footer.thema-footer ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 40em) {
  footer.thema-footer ul {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
}
@media only screen and (min-width: 60em) {
  footer.thema-footer ul {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
  }
}
@media only screen and (min-width: 80em) {
  footer.thema-footer ul {
    -webkit-column-count: 4;
       -moz-column-count: 4;
            column-count: 4;
  }
}
footer.thema-footer ul li {
  margin-bottom: 0.5em;
}
footer.thema-footer a {
  color: var(--clr-neutral-100);
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid;
}

footer#site-footer {
  background: var(--clr-neutral-700);
  color: var(--clr-neutral-100);
  padding: 1em;
}
footer#site-footer a {
  color: var(--clr-neutral-100);
}
footer#site-footer ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  line-height: 1.2;
}
footer#site-footer ul li {
  margin-bottom: 0.5em;
}

.payment-logos img {
  display: inline-block;
  margin: 0.25em;
  height: 40px;
  width: auto;
}

.footer-social {
  font-size: 32px;
}
.footer-social a {
  margin-right: 0.5em;
}
.footer-social a img {
  display: inline-block;
}

.footer-small-print {
  background: var(--clr-neutral-100);
  color: var(--clr-neutral-700);
  padding: 1em;
  margin: 0;
  font-size: 0.8em;
}
.footer-small-print a {
  color: var(--clr-neutral-700);
}

.cookie-popup {
  position: fixed;
  z-index: 999;
  right: 0;
  bottom: 0;
  left: 0;
  border-top: 2px solid var(--clr-primary-900);
  background: var(--clr-neutral-200);
}
.cookie-popup p {
  margin-bottom: 0;
}

.container-full {
  width: 100%;
  margin: 0 auto;
  padding: 0 1rem;
}

.container {
  width: 100%;
  max-width: 100rem;
  margin: 0 auto;
  padding: 0 0.5rem;
}
@media only screen and (min-width: 23em) {
  .container {
    padding: 0 1rem;
  }
}

.container-m {
  margin: 0 auto;
  max-width: 40rem;
  padding: 0 1rem;
}
@media only screen and (min-width: 23em) {
  .container-m {
    padding: 0 2rem;
  }
}
@media only screen and (min-width: 40em) {
  .container-m {
    padding: 0 4rem;
    max-width: 48rem;
  }
}
@media only screen and (min-width: 60em) {
  .container-m {
    padding: 0 8rem;
    max-width: 56rem;
  }
}

.container-l {
  margin: 0 auto;
  max-width: 60rem;
  padding: 0 1rem;
}
@media only screen and (min-width: 23em) {
  .container-l {
    padding: 0 2rem;
  }
}
@media only screen and (min-width: 40em) {
  .container-l {
    padding: 0 4rem;
    max-width: 68rem;
  }
}
@media only screen and (min-width: 60em) {
  .container-l {
    padding: 0 8rem;
    max-width: 76rem;
  }
}

.container-xl {
  margin: 0 auto;
  max-width: 80rem;
  padding: 0 1rem;
}
@media only screen and (min-width: 23em) {
  .container-xl {
    padding: 0 2rem;
  }
}
@media only screen and (min-width: 40em) {
  .container-xl {
    padding: 0 4rem;
    max-width: 88rem;
  }
}
@media only screen and (min-width: 60em) {
  .container-xl {
    padding: 0 8rem;
    max-width: 96rem;
  }
}
@media only screen and (min-width: 60em) {
  .container-xl {
    padding: 0 8rem;
    max-width: 96rem;
  }
}

/*
	Improved screen reader only CSS class
	@author Gaël Poupard
		@note Based on Yahoo!'s technique
		@author Thierry Koblentz
		@see https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html
	* 1.
		@note `clip` is deprecated but works everywhere
		@see https://developer.mozilla.org/en-US/docs/Web/CSS/clip
	* 2.
		@note `clip-path` is the future-proof version, but not very well supported yet
		@see https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path
		@see http://caniuse.com/#search=clip-path
		@author Yvain Liechti
		@see https://twitter.com/ryuran78/status/778943389819604992
	* 3.
		@note preventing text to be condensed
		author J. Renée Beach
		@see https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
		@note Drupal 8 goes with word-wrap: normal instead
		@see https://www.drupal.org/node/2045151
		@see http://cgit.drupalcode.org/drupal/commit/?id=5b847ea
	* 4.
		@note !important is important
		@note Obviously you wanna hide something
		@author Harry Roberts
		@see https://csswizardry.com/2016/05/the-importance-of-important/
*/
.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important; /* 1 */
  clip-path: inset(50%) !important; /* 2 */
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important; /* 3 */
}

/*
	Use in conjunction with .sr-only to only display content when it's focused.
	@note Useful for skip links 
	@see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
	@note Based on a HTML5 Boilerplate technique, included in Bootstrap
	@note Fixed a bug with position: static on iOS 10.0.2 + VoiceOver
		@author Sylvain Pigeard
		@see https://github.com/twbs/bootstrap/issues/20732
*/
.sr-only-focusable:focus,
.sr-only-focusable:active {
  clip: auto !important;
  clip-path: none !important;
  height: auto !important;
  margin: auto !important;
  overflow: visible !important;
  width: auto !important;
  white-space: normal !important;
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -1em;
}

div[class^=col-], div.col {
  padding: 1em;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  min-width: 0;
}

div.col-1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8.3333333333%;
          flex: 0 0 8.3333333333%;
}

div.col-2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16.6666666667%;
          flex: 0 0 16.6666666667%;
}

div.col-3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
}

div.col-4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.3333333333%;
          flex: 0 0 33.3333333333%;
}

div.col-5 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 41.6666666667%;
          flex: 0 0 41.6666666667%;
}

div.col-6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}

div.col-7 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 58.3333333333%;
          flex: 0 0 58.3333333333%;
}

div.col-8 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 66.6666666667%;
          flex: 0 0 66.6666666667%;
}

div.col-9 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
}

div.col-10 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 83.3333333333%;
          flex: 0 0 83.3333333333%;
}

div.col-11 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 91.6666666667%;
          flex: 0 0 91.6666666667%;
}

div.col-12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}

@media only screen and (min-width: 20em) {
  div.col-xs-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
  }
}
@media only screen and (min-width: 20em) {
  div.col-xs-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
  }
}
@media only screen and (min-width: 20em) {
  div.col-xs-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
  }
}
@media only screen and (min-width: 20em) {
  div.col-xs-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
  }
}
@media only screen and (min-width: 20em) {
  div.col-xs-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
  }
}
@media only screen and (min-width: 20em) {
  div.col-xs-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
}
@media only screen and (min-width: 20em) {
  div.col-xs-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
  }
}
@media only screen and (min-width: 20em) {
  div.col-xs-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
  }
}
@media only screen and (min-width: 20em) {
  div.col-xs-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
  }
}
@media only screen and (min-width: 20em) {
  div.col-xs-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
  }
}
@media only screen and (min-width: 20em) {
  div.col-xs-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
  }
}
@media only screen and (min-width: 20em) {
  div.col-xs-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
@media only screen and (min-width: 23em) {
  div.col-s-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
  }
}
@media only screen and (min-width: 23em) {
  div.col-s-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
  }
}
@media only screen and (min-width: 23em) {
  div.col-s-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
  }
}
@media only screen and (min-width: 23em) {
  div.col-s-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
  }
}
@media only screen and (min-width: 23em) {
  div.col-s-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
  }
}
@media only screen and (min-width: 23em) {
  div.col-s-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
}
@media only screen and (min-width: 23em) {
  div.col-s-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
  }
}
@media only screen and (min-width: 23em) {
  div.col-s-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
  }
}
@media only screen and (min-width: 23em) {
  div.col-s-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
  }
}
@media only screen and (min-width: 23em) {
  div.col-s-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
  }
}
@media only screen and (min-width: 23em) {
  div.col-s-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
  }
}
@media only screen and (min-width: 23em) {
  div.col-s-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
@media only screen and (min-width: 30em) {
  div.col-sm-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
  }
}
@media only screen and (min-width: 30em) {
  div.col-sm-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
  }
}
@media only screen and (min-width: 30em) {
  div.col-sm-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
  }
}
@media only screen and (min-width: 30em) {
  div.col-sm-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
  }
}
@media only screen and (min-width: 30em) {
  div.col-sm-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
  }
}
@media only screen and (min-width: 30em) {
  div.col-sm-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
}
@media only screen and (min-width: 30em) {
  div.col-sm-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
  }
}
@media only screen and (min-width: 30em) {
  div.col-sm-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
  }
}
@media only screen and (min-width: 30em) {
  div.col-sm-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
  }
}
@media only screen and (min-width: 30em) {
  div.col-sm-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
  }
}
@media only screen and (min-width: 30em) {
  div.col-sm-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
  }
}
@media only screen and (min-width: 30em) {
  div.col-sm-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
@media only screen and (min-width: 40em) {
  div.col-m-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
  }
}
@media only screen and (min-width: 40em) {
  div.col-m-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
  }
}
@media only screen and (min-width: 40em) {
  div.col-m-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
  }
}
@media only screen and (min-width: 40em) {
  div.col-m-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
  }
}
@media only screen and (min-width: 40em) {
  div.col-m-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
  }
}
@media only screen and (min-width: 40em) {
  div.col-m-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
}
@media only screen and (min-width: 40em) {
  div.col-m-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
  }
}
@media only screen and (min-width: 40em) {
  div.col-m-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
  }
}
@media only screen and (min-width: 40em) {
  div.col-m-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
  }
}
@media only screen and (min-width: 40em) {
  div.col-m-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
  }
}
@media only screen and (min-width: 40em) {
  div.col-m-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
  }
}
@media only screen and (min-width: 40em) {
  div.col-m-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
@media only screen and (min-width: 48em) {
  div.col-tablet-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
  }
}
@media only screen and (min-width: 48em) {
  div.col-tablet-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
  }
}
@media only screen and (min-width: 48em) {
  div.col-tablet-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
  }
}
@media only screen and (min-width: 48em) {
  div.col-tablet-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
  }
}
@media only screen and (min-width: 48em) {
  div.col-tablet-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
  }
}
@media only screen and (min-width: 48em) {
  div.col-tablet-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
}
@media only screen and (min-width: 48em) {
  div.col-tablet-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
  }
}
@media only screen and (min-width: 48em) {
  div.col-tablet-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
  }
}
@media only screen and (min-width: 48em) {
  div.col-tablet-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
  }
}
@media only screen and (min-width: 48em) {
  div.col-tablet-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
  }
}
@media only screen and (min-width: 48em) {
  div.col-tablet-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
  }
}
@media only screen and (min-width: 48em) {
  div.col-tablet-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
@media only screen and (min-width: 60em) {
  div.col-l-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
  }
}
@media only screen and (min-width: 60em) {
  div.col-l-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
  }
}
@media only screen and (min-width: 60em) {
  div.col-l-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
  }
}
@media only screen and (min-width: 60em) {
  div.col-l-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
  }
}
@media only screen and (min-width: 60em) {
  div.col-l-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
  }
}
@media only screen and (min-width: 60em) {
  div.col-l-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
}
@media only screen and (min-width: 60em) {
  div.col-l-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
  }
}
@media only screen and (min-width: 60em) {
  div.col-l-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
  }
}
@media only screen and (min-width: 60em) {
  div.col-l-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
  }
}
@media only screen and (min-width: 60em) {
  div.col-l-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
  }
}
@media only screen and (min-width: 60em) {
  div.col-l-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
  }
}
@media only screen and (min-width: 60em) {
  div.col-l-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
@media only screen and (min-width: 64em) {
  div.col-land-tablet-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
  }
}
@media only screen and (min-width: 64em) {
  div.col-land-tablet-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
  }
}
@media only screen and (min-width: 64em) {
  div.col-land-tablet-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
  }
}
@media only screen and (min-width: 64em) {
  div.col-land-tablet-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
  }
}
@media only screen and (min-width: 64em) {
  div.col-land-tablet-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
  }
}
@media only screen and (min-width: 64em) {
  div.col-land-tablet-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
}
@media only screen and (min-width: 64em) {
  div.col-land-tablet-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
  }
}
@media only screen and (min-width: 64em) {
  div.col-land-tablet-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
  }
}
@media only screen and (min-width: 64em) {
  div.col-land-tablet-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
  }
}
@media only screen and (min-width: 64em) {
  div.col-land-tablet-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
  }
}
@media only screen and (min-width: 64em) {
  div.col-land-tablet-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
  }
}
@media only screen and (min-width: 64em) {
  div.col-land-tablet-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
@media only screen and (min-width: 80em) {
  div.col-xl-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
  }
}
@media only screen and (min-width: 80em) {
  div.col-xl-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
  }
}
@media only screen and (min-width: 80em) {
  div.col-xl-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
  }
}
@media only screen and (min-width: 80em) {
  div.col-xl-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
  }
}
@media only screen and (min-width: 80em) {
  div.col-xl-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
  }
}
@media only screen and (min-width: 80em) {
  div.col-xl-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
}
@media only screen and (min-width: 80em) {
  div.col-xl-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
  }
}
@media only screen and (min-width: 80em) {
  div.col-xl-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
  }
}
@media only screen and (min-width: 80em) {
  div.col-xl-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
  }
}
@media only screen and (min-width: 80em) {
  div.col-xl-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
  }
}
@media only screen and (min-width: 80em) {
  div.col-xl-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
  }
}
@media only screen and (min-width: 80em) {
  div.col-xl-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
@media only screen and (min-width: 100em) {
  div.col-xxl-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
  }
}
@media only screen and (min-width: 100em) {
  div.col-xxl-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
  }
}
@media only screen and (min-width: 100em) {
  div.col-xxl-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
  }
}
@media only screen and (min-width: 100em) {
  div.col-xxl-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
  }
}
@media only screen and (min-width: 100em) {
  div.col-xxl-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
  }
}
@media only screen and (min-width: 100em) {
  div.col-xxl-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
}
@media only screen and (min-width: 100em) {
  div.col-xxl-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
  }
}
@media only screen and (min-width: 100em) {
  div.col-xxl-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
  }
}
@media only screen and (min-width: 100em) {
  div.col-xxl-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
  }
}
@media only screen and (min-width: 100em) {
  div.col-xxl-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
  }
}
@media only screen and (min-width: 100em) {
  div.col-xxl-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
  }
}
@media only screen and (min-width: 100em) {
  div.col-xxl-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
.icon-gray {
  color: var(--clr-neutral-400);
}

.icon-large {
  font-size: 2rem;
}

.no-margin {
  margin: 0 !important;
}

.vt-mg-md {
  margin-top: 2em !important;
  margin-bottom: 2em !important;
}

.tp-mg-md {
  margin-top: 2em !important;
}

.bm-mg-md {
  margin-bottom: 2em !important;
}

.vt-mg-sm {
  margin-top: 1em !important;
  margin-bottom: 1em !important;
}

.tp-mg-sm {
  margin-top: 1em !important;
}

.bm-mg-sm {
  margin-bottom: 1em !important;
}

.no-padding {
  padding: 0 !important;
}

.pd-sm {
  padding: 1em !important;
}

.pd-md {
  padding: 2em !important;
}

.pd-l {
  padding: 3em !important;
}

.vt-pd-l {
  padding-top: 3em !important;
  padding-bottom: 3em !important;
}

.tp-pd-l {
  padding-top: 3em !important;
}

.bm-pd-l {
  padding-bottom: 3em !important;
}

.vt-pd-md {
  padding-top: 2em !important;
  padding-bottom: 2em !important;
}

.tp-pd-md {
  padding-top: 2em !important;
}

.bm-pd-md {
  padding-bottom: 2em !important;
}

.vt-pd-sm {
  padding-top: 1em !important;
  padding-bottom: 1em !important;
}

.tp-pd-sm {
  padding-top: 1em !important;
}

.bm-pd-sm {
  padding-bottom: 1em !important;
}

#tabs ul.lr-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
@media only screen and (min-width: 30em) {
  #tabs ul.lr-tabs {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
#tabs ul.lr-tabs li {
  border: 1px solid var(--clr-neutral-400);
  border-bottom: 0;
}
#tabs ul.lr-tabs li a {
  display: block;
  padding: 1em;
}
#tabs ul.lr-tabs li.ui-state-active a {
  background: var(--clr-neutral-400);
  color: var(--clr-neutral-100);
}
#tabs div.lr-tab {
  border: 1px solid var(--clr-neutral-400);
  padding: 1em;
}

.hidden {
  display: none !important;
}

@media only screen and (min-width: 60em) {
  .hidden-l {
    display: none !important;
  }
}

@media only screen and (min-width: 60em) {
  .l-visible-block {
    display: block !important;
  }
}

.block {
  display: block !important;
}

@media only screen and (min-width: 20em) {
  .xs-table-cell {
    display: table-cell !important;
  }
  .xs-block {
    display: block !important;
  }
  .xs-hidden {
    display: none !important;
  }
}
@media only screen and (min-width: 23em) {
  .s-table-cell {
    display: table-cell !important;
  }
  .s-block {
    display: block !important;
  }
  .s-hidden {
    display: none !important;
  }
}
@media only screen and (min-width: 30em) {
  .sm-table-cell {
    display: table-cell !important;
  }
  .sm-block {
    display: block !important;
  }
  .sm-hidden {
    display: none !important;
  }
}
@media only screen and (min-width: 40em) {
  .m-table-cell {
    display: table-cell !important;
  }
  .m-block {
    display: block !important;
  }
  .m-hidden {
    display: none !important;
  }
}
@media only screen and (min-width: 48em) {
  .tablet-table-cell {
    display: table-cell !important;
  }
  .tablet-block {
    display: block !important;
  }
  .tablet-hidden {
    display: none !important;
  }
}
@media only screen and (min-width: 60em) {
  .l-table-cell {
    display: table-cell !important;
  }
  .l-block {
    display: block !important;
  }
  .l-hidden {
    display: none !important;
  }
}
@media only screen and (min-width: 64em) {
  .land-tablet-table-cell {
    display: table-cell !important;
  }
  .land-tablet-block {
    display: block !important;
  }
  .land-tablet-hidden {
    display: none !important;
  }
}
@media only screen and (min-width: 80em) {
  .xl-table-cell {
    display: table-cell !important;
  }
  .xl-block {
    display: block !important;
  }
  .xl-hidden {
    display: none !important;
  }
}
@media only screen and (min-width: 100em) {
  .xxl-table-cell {
    display: table-cell !important;
  }
  .xxl-block {
    display: block !important;
  }
  .xxl-hidden {
    display: none !important;
  }
}
.align-left {
  text-align: left;
}

.align-center {
  text-align: center;
}

.align-right {
  text-align: right;
}

.justify-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.block-align-center {
  margin-left: auto !important;
  margin-right: auto !important;
}

.child-image-center img {
  margin-left: auto !important;
  margin-right: auto !important;
}

.kids-zone-list-wrapper .kids-zone-post-item .kids-zone-post-item-inner:after, div.related-books-list div.related-book-item:after {
  content: "";
  display: table;
  clear: both;
}

.text-big {
  font-size: 1.2em;
}

.text-small {
  font-size: 0.8em;
}

.box-round-100 {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin: 0 auto;
  overflow: hidden;
  background: var(--clr-neutral-200);
}
.box-round-100 img {
  width: 100%;
}

.box-round-150 {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  margin: 0 auto;
  overflow: hidden;
  background: var(--clr-neutral-200);
}
.box-round-150 img {
  width: 100%;
}

.tns-slider-wrapper {
  position: relative;
}

.tns-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.tns-nav > [aria-controls] {
  width: 9px;
  height: 9px;
  padding: 0;
  margin: 0 5px;
  border-radius: 50%;
  background: #ddd;
  border: 0;
}

.tns-nav > .tns-nav-active {
  background: #999;
}

.tns-nav {
  text-align: center;
  margin: 1em 0;
}

.arrow-controls {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.arrow-controls li {
  display: block;
  position: absolute;
  top: 50%;
  width: 70px;
  background: var(--clr-neutral-900);
  color: var(--clr-neutral-100);
  font-size: 24px;
  height: 40px;
  margin-top: -20px;
  line-height: 40px;
  margin: 0 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 5px;
  padding: 0 15px;
  cursor: pointer;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}

.arrow-controls .next {
  right: 0;
}

.arrow-controls .prev {
  left: 0;
}

.book-slider-wrapper {
  margin: 4em 0;
  text-align: center;
}

.book-slider-title {
  margin-bottom: 0;
}

.book-slider-link {
  color: var(--clr-primary-900);
  font-size: 1.2em;
}

.tns-slider .book-slider-item {
  height: auto;
}

.book-slider-item {
  padding: 1em;
  text-align: center;
  height: 100%;
}
.book-slider-item .book-slider-item-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.book-slider-item .book-image-wrapper {
  background: var(--clr-neutral-200);
  border-radius: 10px;
  padding: 0 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 300px;
  position: relative;
}
.book-slider-item .book-image-wrapper .book-image {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  max-height: 200px;
}
.book-slider-item .book-title {
  margin-top: 1em;
  margin-bottom: 0;
  font-size: 1.1em;
  font-weight: 700;
}
.book-slider-item .book-title a {
  color: var(--clr-neutral-900);
}
.book-slider-item .book-author {
  margin-bottom: 0;
}
.book-slider-item .book-author a {
  color: var(--clr-neutral-900);
}
.book-slider-item .book-format {
  font-size: 0.8em;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.book-slider-item .book-price {
  font-weight: 700;
}
.book-slider-item .book-rrp {
  font-weight: 400;
  color: #ccc;
  font-size: 0.9em;
  text-decoration: line-through;
}
.book-slider-item .book-wishlist-button {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 32px;
  font-size: 32px;
  line-height: 32px;
  color: #c00;
  cursor: pointer;
}
.book-slider-item .book-of-the-month-badge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 90px;
  height: 90px;
  background: #fff;
  position: absolute;
  top: -10px;
  left: -10px;
  padding: 5px;
  border-radius: 50%;
}
.book-slider-item .book-of-the-month-badge a {
  display: block;
  width: 100%;
}
.book-slider-item .book-of-the-month-badge.no-bg {
  background: transparent;
  padding: 0;
}
.book-slider-item .star-rating-wrapper {
  line-height: 1.2;
  padding: 10px 0;
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  margin-top: 10px;
  margin-bottom: 10px;
}
.book-slider-item .star-rating-wrapper .star-rating {
  font-size: 24px;
  color: var(--clr-primary-900);
  cursor: pointer;
}
.book-slider-item .star-rating-wrapper .star-rating-static {
  font-size: 24px;
  color: var(--clr-primary-900);
}
.book-slider-item .star-rating-wrapper .star-rating-message {
  height: 28px;
  line-height: 28px;
  display: none;
}
.book-slider-item .star-rating-wrapper .remove-rating {
  color: #666;
  font-size: 85%;
}
.book-slider-item .star-rating-wrapper .shelf-status {
  border-top: 1px solid #efefef;
  margin-top: 10px;
  padding-top: 10px;
}
.book-slider-item .star-rating-wrapper .no-rating {
  padding: 6px 0;
}

.book-slider-controls {
  list-style-type: none;
  margin: 0;
  padding: 1em 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.book-slider-controls li {
  width: 70px;
  background: var(--clr-neutral-900);
  color: var(--clr-neutral-100);
  height: 40px;
  line-height: 60px;
  margin: 0 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 5px;
  font-size: 24px;
  padding: 0 15px;
  cursor: pointer;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
.book-slider-controls li[aria-disabled=true] {
  background: var(--clr-neutral-200);
}
@media only screen and (min-width: 48em) {
  .book-slider-controls li {
    position: absolute;
    top: 0;
  }
}
@media only screen and (min-width: 48em) {
  .book-slider-controls {
    padding: 0;
  }
}

@media only screen and (min-width: 48em) {
  .book-slider-controls .next {
    right: 0;
  }
}

@media only screen and (min-width: 48em) {
  .book-slider-controls .prev {
    left: 0;
  }
}

form.narrow {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}

fieldset {
  border: 0;
  padding: 0;
  margin-bottom: 1em;
}

div.form_item {
  margin-bottom: 2em;
}

label {
  display: block;
  margin-bottom: 0;
}

.checkbox-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

input[type=text], input[type=email], input[type=password], input[type=date], input[type=number], select, textarea {
  border: 1px solid #ccc;
  border-radius: 0.3em;
  padding: 0.5em 1em;
  display: block;
  width: 100%;
}

textarea {
  height: 165px;
}

.panel .fields {
  padding: 2em;
}

.btn {
  text-align: center;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  line-height: 1.2;
  background: var(--clr-neutral-900);
  color: var(--clr-neutral-100);
  font-weight: 700;
  padding: 15px 30px;
  margin: 10px 0;
  border: 1px solid var(--clr-neutral-900);
  cursor: pointer;
  border-radius: 5px;
  font-size: 0.9rem;
  font-family: "Montserrat", sans-serif;
}

input.btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.btn-pill {
  border-radius: 50px;
}

.btn-primary {
  background: var(--clr-primary-900);
  border: 1px solid var(--clr-primary-900);
  color: var(--clr-neutral-100);
}

.btn-secondary {
  background: var(--clr-secondary-700);
  border: 1px solid var(--clr-secondary-700);
  color: var(--clr-neutral-100);
}
.btn-secondary:hover {
  background: var(--clr-secondary-900);
  border: 1px solid var(--clr-secondary-900);
}

.btn-disabled {
  background: var(--clr-neutral-400);
  border: 1px solid var(--clr-neutral-400);
  color: var(--clr-neutral-100);
  cursor: default;
}

.btn-outline {
  background: transparent;
  color: var(--clr-neutral-100);
  border: 1px solid var(--clr-neutral-100);
}
.btn-outline:hover {
  background: var(--clr-neutral-100);
  color: var(--clr-neutral-900);
}

.btn-primary-outline {
  background: transparent;
  color: var(--clr-primary-900);
  border: 1px solid var(--clr-primary-900);
}
.btn-primary-outline:hover {
  background: var(--clr-primary-900);
  color: var(--clr-neutral-100);
}

.btn-block {
  display: block;
  width: 100%;
}

.blog-post-showcase {
  position: relative;
  background-size: 100%;
  background-position: top center;
  background-repeat: no-repeat;
  background-color: rgb(15, 130, 174);
}
.blog-post-showcase .container {
  padding: 0;
}
.blog-post-showcase .blog-post-showcase-info-wrapper {
  background: rgb(15, 130, 174);
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(15, 130, 174)), color-stop(70%, rgb(15, 130, 174)), to(rgba(0, 212, 255, 0)));
  background: linear-gradient(0deg, rgb(15, 130, 174) 0%, rgb(15, 130, 174) 70%, rgba(0, 212, 255, 0) 100%);
  color: #fff;
  padding-top: 8em;
}
.blog-post-showcase .blog-post-showcase-info {
  padding: 1em;
}
@media only screen and (min-width: 30em) {
  .blog-post-showcase .blog-post-showcase-info-wrapper {
    background: -webkit-gradient(linear, left bottom, left top, from(rgb(15, 130, 174)), color-stop(50%, rgb(15, 130, 174)), to(rgba(0, 212, 255, 0)));
    background: linear-gradient(0deg, rgb(15, 130, 174) 0%, rgb(15, 130, 174) 50%, rgba(0, 212, 255, 0) 100%);
    padding-top: 12em;
  }
}
@media only screen and (min-width: 40em) {
  .blog-post-showcase .blog-post-showcase-info-wrapper {
    background: -webkit-gradient(linear, left bottom, left top, from(rgb(15, 130, 174)), color-stop(50%, rgb(15, 130, 174)), to(rgba(0, 212, 255, 0)));
    background: linear-gradient(0deg, rgb(15, 130, 174) 0%, rgb(15, 130, 174) 50%, rgba(0, 212, 255, 0) 100%);
  }
}
@media only screen and (min-width: 48em) {
  .blog-post-showcase {
    padding-bottom: 0;
    background-position: right center;
  }
  .blog-post-showcase .blog-post-showcase-info-wrapper {
    background: -webkit-gradient(linear, left top, right top, from(rgb(15, 130, 174)), color-stop(50%, rgb(15, 130, 174)), to(rgba(0, 212, 255, 0)));
    background: linear-gradient(90deg, rgb(15, 130, 174) 0%, rgb(15, 130, 174) 50%, rgba(0, 212, 255, 0) 100%);
    padding: 3em 0;
  }
  .blog-post-showcase .blog-post-showcase-info {
    width: 60%;
    max-width: 700px;
  }
}
@media only screen and (min-width: 64em) {
  .blog-post-showcase {
    background-size: 70%;
  }
  .blog-post-showcase .blog-post-showcase-info {
    padding-left: 3em;
  }
}

#bhs_wrapper {
  margin: 3em 0;
  position: relative;
}

.bhs-item {
  padding: 1em;
}
/*

<div class="book-highlight-square">
<div class="bhs-inner">
    <img src="https://storage.googleapis.com/lr-assets/_nielsen/200/9781800810303.jpg" alt="Book">
    <div class="bhs-info">
        <p>Set in 1950s America, this exceptional, subversive gothic ghost story about escaping despair and entrapment is shot-through with searing feminism, tragic sisterhood, and the luscious language of flowers, poetry, love and death.</p>
        <a href="#" class="btn btn-primary">Shop Now</a>
    </div>
</div>
</div>*/
.book-listing {
  position: relative;
  border-bottom: 1px solid #efefef;
  padding: 1em 0;
  /*    <div class="book-listing" style="border-bottom:1px solid #efefef; padding:1em 0;">
  <div class="category-item-inner" style="display:flex;">
      <div class="book-listing-image" style="flex-shrink: 0;">*/
}
.book-listing h3 a {
  color: var(--clr-neutral-900);
}
.book-listing p, .book-listing h3 {
  margin-bottom: 0.5rem;
}
.book-listing .book-listing-image {
  position: relative;
}
.book-listing .book-listing-image img {
  width: 150px;
}
.book-listing .byline .byline-label {
  font-size: 0.8em;
}
.book-listing .price .rrp {
  text-decoration: line-through;
  color: var(--clr-neutral-400);
}
@media only screen and (min-width: 48em) {
  .book-listing .book-listing-info {
    padding-left: 1em;
  }
}
.book-listing .badge {
  width: 90px;
  height: 90px;
  background: #fff;
  position: absolute;
  right: -10px;
  top: -10px;
  padding: 5px;
  border-radius: 65px;
  /*@media (min-width: 64em) {
      right: auto;
      left: -10px;
      top: -10px;
  }*/
}
.book-listing .book-listing-image {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.book-wishlist-item {
  padding: 1em;
  height: 100%;
  width: 100%;
}
.book-wishlist-item .book-wishlist-item-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
@media only screen and (min-width: 48em) {
  .book-wishlist-item .book-wishlist-item-inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
  }
}
.book-wishlist-item .book-image-wrapper {
  background: var(--clr-neutral-200);
  border-radius: 10px;
  padding: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 200px;
  position: relative;
}
.book-wishlist-item .book-image-wrapper .book-image {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  max-height: 200px;
}
.book-wishlist-item .book-info {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0 1em;
}
.book-wishlist-item .book-title {
  margin-top: 1em;
  margin-bottom: 0;
  font-size: 1.1em;
  font-weight: 700;
}
.book-wishlist-item .book-title a {
  color: var(--clr-neutral-900);
}
.book-wishlist-item .book-author {
  margin-bottom: 0;
}
.book-wishlist-item .book-author a {
  color: var(--clr-neutral-900);
}
.book-wishlist-item .book-format {
  font-size: 0.8em;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.book-wishlist-item .book-price {
  font-weight: 700;
}
.book-wishlist-item .book-rrp {
  font-weight: 400;
  color: #ccc;
  font-size: 0.9em;
  text-decoration: line-through;
}
.book-wishlist-item .book-wishlist-button {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 32px;
  font-size: 32px;
  line-height: 32px;
  color: #c00;
  cursor: pointer;
}
.book-wishlist-item .book-of-the-month-badge {
  width: 90px;
  height: 90px;
  background: #fff;
  position: absolute;
  top: -10px;
  left: -10px;
  padding: 5px;
  border-radius: 50%;
}
.book-wishlist-item .star-rating-wrapper {
  line-height: 1.2;
  padding: 10px 0;
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  margin-top: 10px;
  margin-bottom: 10px;
}
.book-wishlist-item .star-rating-wrapper .star-rating {
  font-size: 24px;
  color: var(--clr-primary-900);
  cursor: pointer;
}
.book-wishlist-item .star-rating-wrapper .star-rating-static {
  font-size: 24px;
  color: var(--clr-primary-900);
}
.book-wishlist-item .star-rating-wrapper .star-rating-message {
  height: 28px;
  line-height: 28px;
  display: none;
}
.book-wishlist-item .star-rating-wrapper .remove-rating {
  color: #666;
  font-size: 85%;
}
.book-wishlist-item .star-rating-wrapper .shelf-status {
  border-top: 1px solid #efefef;
  margin-top: 10px;
  padding-top: 10px;
}
.book-wishlist-item .star-rating-wrapper .no-rating {
  padding: 6px 0;
}

.book-wishlist-controls {
  list-style-type: none;
  margin: 0;
  padding: 1em 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.book-wishlist-controls li {
  width: 70px;
  background: var(--clr-neutral-900);
  color: var(--clr-neutral-100);
  height: 40px;
  line-height: 60px;
  margin: 0 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 5px;
  font-size: 24px;
  padding: 0 15px;
  cursor: pointer;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
.book-wishlist-controls li[aria-disabled=true] {
  background: var(--clr-neutral-200);
}
@media only screen and (min-width: 48em) {
  .book-wishlist-controls li {
    position: absolute;
    top: 0;
  }
}
@media only screen and (min-width: 48em) {
  .book-wishlist-controls {
    padding: 0;
  }
}

@media only screen and (min-width: 48em) {
  .book-wishlist-controls .next {
    right: 0;
  }
}

@media only screen and (min-width: 48em) {
  .book-wishlist-controls .prev {
    left: 0;
  }
}

nav.breadcrumbs {
  border-bottom: 1px solid var(--clr-neutral-200);
  font-size: 0.8em;
  padding: 1em;
  text-align: center;
}
nav.breadcrumbs a {
  color: var(--clr-neutral-900);
  text-decoration: underline;
}

ul.pagination {
  text-align: center;
  list-style-type: none;
  margin: 1em 0;
  padding: 0;
}
ul.pagination li {
  display: inline-block;
  margin: 0;
}
ul.pagination li a {
  border: 1px solid var(--clr-neutral-200);
  padding: 0 10px;
  display: block;
  line-height: 33px;
  height: 33px;
  margin: 5px 0;
}
ul.pagination li.current-page a {
  background: var(--clr-primary-900);
  border-color: var(--clr-primary-900);
  color: var(--clr-neutral-100);
}

table {
  border-collapse: collapse;
  width: 100%;
}
table tr th {
  padding: 5px;
  text-align: left;
}
table tr td {
  padding: 5px;
}

table.info-table {
  width: 100%;
}
table.info-table tr {
  background: #fff;
}
table.info-table tr td {
  border-bottom: 1px solid var(--clr-neutral-200);
  padding: 1em 0.5em;
}
table.info-table tr th {
  border-bottom: 1px solid var(--clr-neutral-400);
  padding: 1em 0.5em;
}

table.account-info td {
  width: 55%;
  padding: 5px;
}
table.account-info td.label {
  text-align: right;
  width: 45%;
}

.review-wrapper {
  background-color: var(--clr-neutral-200);
  border-left: none;
  padding: 60px 35px 25px;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  text-align: center;
  overflow: hidden;
}
.review-wrapper:before {
  content: "\f347";
  position: absolute;
  top: 0;
  left: 50%;
  margin-top: -30px;
  margin-left: -40px;
  font-size: 30px;
  font-family: "Ionicons";
  color: #444;
  display: block;
  width: 80px;
  height: 80px;
  background: #fff;
  line-height: 91px;
  border-radius: 50%;
  text-align: center;
}

.lightbox_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 9999;
}
.lightbox_overlay.clear {
  background: rgba(0, 0, 0, 0.2);
}

.lightbox {
  width: 400px;
  max-width: 300px;
  background: var(--clr-neutral-100);
}

.lightbox_header {
  background: var(--clr-primary-900);
  color: var(--clr-neutral-100);
  padding: 1em;
  position: relative;
}

.lightbox_content {
  padding: 1em;
}

.lightbox_overlay_close {
  position: absolute;
  top: 50%;
  right: 1rem;
  margin-top: -16px;
  cursor: pointer;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  color: #fff;
  font-size: 32px;
  text-align: right;
  line-height: 32px;
}

.lightbox_error_message {
  width: 400px;
  max-width: 300px;
  background: #c0392b;
  color: #fff;
}
.lightbox_error_message .lightbox_header {
  background: rgba(0, 0, 0, 0.2);
}

.lightbox_success_message {
  width: 400px;
  max-width: 300px;
  background: #27ae60;
  color: #fff;
  border-radius: 5px;
}
.lightbox_success_message .lightbox_header {
  background: rgba(0, 0, 0, 0.2);
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.atb_overlay_main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.atb_overlay_image {
  padding: 1em 0 1em 1em;
}

.atb_overlay_image img {
  width: 100px;
}

.atb_overlay_text {
  padding: 1em;
}

.atb_overlay_buttons {
  padding: 1em;
}

.atb_item_name {
  font-size: 1.2em;
  font-weight: 700;
  margin-bottom: 0;
}

.atb_format {
  font-size: 0.9rem;
  color: var(--clr-neutral-700);
}

.atb_stock_status {
  font-size: 0.9em;
}

.atb_in_stock {
  color: #079992;
}

.atb_pre_order {
  color: #fa983a;
}

.atb_not_available {
  color: #c00;
}

/*.search-wrapper .search-results ul li a {
      padding: 10px;
      border-bottom: 1px solid #efefef;
      cursor: pointer;
      display: block; text-transform: capitalize;
}

.live-search-wrapper {

}*/
.live-search-wrapper {
  width: 100%;
  position: relative;
}
.live-search-wrapper .search-results {
  background-color: #ffffff;
  position: absolute;
  top: 40px;
  left: 0;
  width: 100%;
  border-radius: 10px;
  border: 1px solid #eee;
  padding: 1em;
}
.live-search-wrapper .search-results .loading {
  display: block;
}
.live-search-wrapper .search-results .loading img {
  margin: 0 auto;
  width: 32px;
  height: 32px;
}
.live-search-wrapper .search-results ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.live-search-wrapper .search-results ul li {
  border-radius: 10px;
}
.live-search-wrapper .search-results ul li a {
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5rem;
}
.live-search-wrapper .search-results ul li a ion-icon {
  font-size: 1.5rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 2.5rem;
          flex: 0 0 2.5rem;
  color: var(--clr-primary-900);
}
.live-search-wrapper .search-results ul li a span {
  padding-left: 0.5rem;
}
.live-search-wrapper .search-results ul li:hover {
  background: #f2f2f2;
}

/*.search-wrapper .search-results ul li a {
	position: relative;
	z-index:2000;
}*/
.search-wrapper .search-results ul li a.full-link {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

form#header-search div.live-search-wrapper div.form_item {
  max-width: none !important;
}

form#header-search input[type=text] {
  background: transparent !important;
}

form#header-search div.search-wrapper div.search-results ul {
  top: 40px !important;
}

div.search-wrapper {
  display: inline-block;
  width: 100%;
  position: relative;
  z-index: 1002;
}

div.search-wrapper div.search-results > div {
  width: 100%;
  position: absolute;
  top: 42px;
  left: 0;
  background: #ffffff;
  border: 1px solid #efefef;
  z-index: 3;
  margin: 0;
  padding: 0;
}

/*div.search-wrapper div.search-results ul li {
    @extend %clearfix;

    padding: 10px;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
    overflow:auto;
    position: relative;

        .featured-label {
            background:#049372; 
            padding:2px 5px; 
            color:#fff; 
            font-size:90%; 
            font-weight:bold;
        }
}*/
div.search-wrapper div.search-results ul li .book-cover {
  float: left;
  margin-right: 10px;
  width: 50px;
}

div.search-wrapper div.search-results ul li .book-info {
  margin-right: 60px;
}

div.related-books-list div.related-book-item {
  padding: 10px;
  border-bottom: 1px solid #efefef;
  overflow: auto;
}
div.related-books-list div.related-book-item .featured-label {
  background: #049372;
  padding: 2px 5px;
  color: #fff;
  font-size: 90%;
  font-weight: bold;
  margin-left: 5px;
}
div.related-books-list div.related-book-item .book-cover {
  float: left;
  margin-right: 10px;
  width: 50px;
}
div.related-books-list div.related-book-item .book-info {
  margin-left: 60px;
}

.genre-link {
  display: inline-block;
  background: #000;
  border: 1px solid #000;
  padding: 1px 5px;
  color: #fff;
  margin-top: 1rem;
  border-radius: 2px;
  font-size: 0.85em;
}
.genre-link:hover {
  text-decoration: none;
}

.filter-link {
  padding-right: 30px;
  position: relative;
}
.filter-link:before {
  content: "\f128";
  position: absolute;
  top: 3.5px;
  right: 5px;
  font-family: "Ionicons";
  font-size: 18px;
  line-height: 1;
}
.filter-link.inactive {
  background: #fff;
  color: #000;
  padding-right: 5px;
}
.filter-link.inactive:before {
  display: none;
}

.genre-link-LRTOD {
  background: #ed6a25;
  border-color: #ed6a25;
}
.genre-link-LRTOD.inactive, .genre-link-LRTOD:hover {
  background: #fff;
  color: #ed6a25;
}

.genre-link-LR3 {
  background: #31b2ce;
  border-color: #31b2ce;
}
.genre-link-LR3.inactive, .genre-link-LR3:hover {
  background: #fff;
  color: #31b2ce;
}

.genre-link-LR5 {
  background: #ef7d08;
  border-color: #ef7d08;
}
.genre-link-LR5.inactive, .genre-link-LR5:hover {
  background: #fff;
  color: #ef7d08;
}

.genre-link-LR7 {
  background: #319a29;
  border-color: #319a29;
}
.genre-link-LR7.inactive, .genre-link-LR7:hover {
  background: #fff;
  color: #319a29;
}

.genre-link-LR9 {
  background: #3145b5;
  border-color: #3145b5;
}
.genre-link-LR9.inactive, .genre-link-LR9:hover {
  background: #fff;
  color: #3145b5;
}

.genre-link-LR12 {
  background: #c2180c;
  border-color: #c2180c;
}
.genre-link-LR12.inactive, .genre-link-LR12:hover {
  background: #fff;
  color: #c2180c;
}

.genre-link-LR14 {
  background: #8c0c08;
  border-color: #8c0c08;
}
.genre-link-LR14.inactive, .genre-link-LR14:hover {
  background: #fff;
  color: #8c0c08;
}

.genre-link-LRYA {
  background: #7f006c;
  border-color: #7f006c;
}
.genre-link-LRYA.inactive, .genre-link-LRYA:hover {
  background: #fff;
  color: #7f006c;
}

.kids-zone-wrapper {
  background-color: var(--clr-neutral-200);
  padding: 2em 0;
}
.kids-zone-wrapper p.description {
  font-size: 1.2em;
}

.kids-zone-list-wrapper .kids-zone-post-item {
  position: relative;
  margin-bottom: 20px;
  overflow: hidden;
}
.kids-zone-list-wrapper .kids-zone-post-item:last-child {
  margin-bottom: 0;
}
.kids-zone-list-wrapper .kids-zone-post-item h3 {
  padding: 10px;
}
.kids-zone-list-wrapper .kids-zone-post-item .full-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.kids-zone-list-wrapper .kids-zone-post-item .kids-zone-post-image {
  overflow: hidden;
  /*@include breakpoint(phablet) {
      float:left;
      width:33%;
      margin-right:10px;
  }

  @include breakpoint(tablet) {
      width:50%;
  }*/
}
.kids-zone-list-wrapper .kids-zone-post-item .kids-zone-post-image img {
  display: block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.kids-zone-list-wrapper .kids-zone-post-item .kids-zone-post-item-inner {
  background: #ffffff;
}
.kids-zone-list-wrapper .kids-zone-post-item:hover h3 a {
  text-decoration: underline;
}
.kids-zone-list-wrapper .kids-zone-post-item:hover .post-image img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.book-card:hover .kids-zone-card-button {
  background: #310062;
  border-bottom-color: #310062;
}

.video-card:hover .kids-zone-card-button {
  background: #0c6133;
  border-bottom-color: #0c6133;
}

.activity-card:hover .kids-zone-card-button {
  background: #08665f;
  border-bottom-color: #08665f;
}

.competition-card:hover .kids-zone-card-button {
  background: #ab0202;
  border-bottom-color: #ab0202;
}

.poll-card:hover .kids-zone-card-button {
  background: #052079;
  border-bottom-color: #052079;
}

.poll-card-inverted {
  background-color: #129ecb;
  color: #fff;
}
.poll-card-inverted .card-body a {
  color: #fff;
}

.kids-zone-button {
  display: inline-block;
  padding: 10px 20px;
  margin: 10px;
  cursor: pointer;
  position: relative;
  background: #f60;
  color: #fff !important;
  text-decoration: none;
  text-transform: uppercase;
  border: 0;
  border-bottom: 3px solid #ff4800;
  border-radius: 5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.kids-zone-button:hover {
  background: #ff4800;
  color: #fff !important;
  text-decoration: none;
}

.kids-zone-white-button {
  display: inline-block;
  padding: 10px 20px;
  margin: 10px;
  cursor: pointer;
  position: relative;
  background: #fff;
  color: #000 !important;
  text-decoration: none;
  text-transform: uppercase;
  border: 0;
  border-bottom: 3px solid #ccc;
  border-radius: 5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.kids-zone-white-button:hover {
  background: #ccc;
  color: #000 !important;
  text-decoration: none;
}

/******* BUTTONS WITH ICONS / COLOR BKGD / WHITE TEXT *******/
.kids-zone-video-icon-button {
  display: inline-block;
  padding: 10px 20px 10px 50px;
  margin: 10px;
  cursor: pointer;
  position: relative;
  background: #29b770;
  color: #ffffff !important;
  text-decoration: none;
  text-transform: uppercase;
  border: 0;
  border-bottom: 3px solid #0c6133;
  border-radius: 5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.kids-zone-video-icon-button:hover {
  background: #0c6133;
  text-decoration: none;
}
.kids-zone-video-icon-button:before {
  content: "\f215";
  font-family: "Ionicons";
  font-size: 32px;
  line-height: 1;
  background-position: center center;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -15px;
  text-align: center;
}

.kids-zone-competition-icon-button {
  display: inline-block;
  padding: 10px 20px 10px 50px;
  margin: 10px;
  cursor: pointer;
  position: relative;
  background: #e7492e;
  color: #ffffff !important;
  text-decoration: none;
  text-transform: uppercase;
  border: 0;
  border-bottom: 3px solid #ab0202;
  border-radius: 5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.kids-zone-competition-icon-button:hover {
  background: #ab0202;
  text-decoration: none;
}
.kids-zone-competition-icon-button:before {
  content: "\f356";
  font-family: "Ionicons";
  font-size: 32px;
  line-height: 1;
  background-position: center center;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -15px;
  text-align: center;
}

.kids-zone-poll-icon-button {
  display: inline-block;
  padding: 10px 20px 10px 50px;
  margin: 10px;
  cursor: pointer;
  position: relative;
  background: #129ecb;
  color: #ffffff !important;
  text-decoration: none;
  text-transform: uppercase;
  border: 0;
  border-bottom: 3px solid #052079;
  border-radius: 5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.kids-zone-poll-icon-button:hover {
  background: #052079;
  text-decoration: none;
}
.kids-zone-poll-icon-button:before {
  content: "\f2b5";
  font-family: "Ionicons";
  font-size: 32px;
  line-height: 1;
  background-position: center center;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -15px;
  text-align: center;
}

.kids-zone-activity-icon-button {
  display: inline-block;
  padding: 10px 20px 10px 50px;
  margin: 10px;
  cursor: pointer;
  position: relative;
  background: #118f86;
  color: #ffffff !important;
  text-decoration: none;
  text-transform: uppercase;
  border: 0;
  border-bottom: 3px solid #08665f;
  border-radius: 5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.kids-zone-activity-icon-button:hover {
  background: #08665f;
  text-decoration: none;
}
.kids-zone-activity-icon-button:before {
  content: "\f37e";
  font-family: "Ionicons";
  font-size: 32px;
  line-height: 1;
  background-position: center center;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -15px;
  text-align: center;
}

.kids-zone-book-icon-button {
  display: inline-block;
  padding: 10px 20px 10px 50px;
  margin: 10px;
  cursor: pointer;
  position: relative;
  background: #8a64eb;
  color: #ffffff !important;
  text-decoration: none;
  text-transform: uppercase;
  border: 0;
  border-bottom: 3px solid #310062;
  border-radius: 5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.kids-zone-book-icon-button:hover {
  background: #310062;
  text-decoration: none;
}
.kids-zone-book-icon-button:before {
  content: "\f3e8";
  font-family: "Ionicons";
  font-size: 32px;
  line-height: 1;
  background-position: center center;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -15px;
  text-align: center;
}

/******* BUTTONS WITH ICONS / WHITE BKGD / COLOR TEXT *******/
.kids-zone-video-icon-white-button {
  display: inline-block;
  padding: 10px 20px 10px 50px;
  margin: 10px;
  cursor: pointer;
  position: relative;
  background: #fff;
  color: #29b770 !important;
  text-decoration: none;
  text-transform: uppercase;
  border: 0;
  border-bottom: 3px solid #ccc;
  border-radius: 5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.kids-zone-video-icon-white-button:hover {
  background: #ccc;
  text-decoration: none;
}
.kids-zone-video-icon-white-button:before {
  content: "\f215";
  font-family: "Ionicons";
  font-size: 32px;
  line-height: 1;
  background-position: center center;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -15px;
  text-align: center;
}

.kids-zone-competition-icon-white-button {
  display: inline-block;
  padding: 10px 20px 10px 50px;
  margin: 10px;
  cursor: pointer;
  position: relative;
  background: #fff;
  color: #e7492e !important;
  text-decoration: none;
  text-transform: uppercase;
  border: 0;
  border-bottom: 3px solid #ccc;
  border-radius: 5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.kids-zone-competition-icon-white-button:hover {
  background: #ccc;
  text-decoration: none;
}
.kids-zone-competition-icon-white-button:before {
  content: "\f356";
  font-family: "Ionicons";
  font-size: 32px;
  line-height: 1;
  background-position: center center;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -15px;
  text-align: center;
}

.kids-zone-poll-icon-white-button {
  display: inline-block;
  padding: 10px 20px 10px 50px;
  margin: 10px;
  cursor: pointer;
  position: relative;
  background: #fff;
  color: #129ecb !important;
  text-decoration: none;
  text-transform: uppercase;
  border: 0;
  border-bottom: 3px solid #ccc;
  border-radius: 5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.kids-zone-poll-icon-white-button:hover {
  background: #ccc;
  text-decoration: none;
}
.kids-zone-poll-icon-white-button:before {
  content: "\f2b5";
  font-family: "Ionicons";
  font-size: 32px;
  line-height: 1;
  background-position: center center;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -15px;
  text-align: center;
}

.kids-zone-activity-icon-white-button {
  display: inline-block;
  padding: 10px 20px 10px 50px;
  margin: 10px;
  cursor: pointer;
  position: relative;
  background: #fff;
  color: #118f86 !important;
  text-decoration: none;
  text-transform: uppercase;
  border: 0;
  border-bottom: 3px solid #ccc;
  border-radius: 5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.kids-zone-activity-icon-white-button:hover {
  background: #ccc;
  text-decoration: none;
}
.kids-zone-activity-icon-white-button:before {
  content: "\f37e";
  font-family: "Ionicons";
  font-size: 32px;
  line-height: 1;
  background-position: center center;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -15px;
  text-align: center;
}

.kids-zone-book-icon-white-button {
  display: inline-block;
  padding: 10px 20px 10px 50px;
  margin: 10px;
  cursor: pointer;
  position: relative;
  background: #fff;
  color: #8a64eb !important;
  text-decoration: none;
  text-transform: uppercase;
  border: 0;
  border-bottom: 3px solid #ccc;
  border-radius: 5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.kids-zone-book-icon-white-button:hover {
  background: #ccc;
  text-decoration: none;
}
.kids-zone-book-icon-white-button:before {
  content: "\f3e8";
  font-family: "Ionicons";
  font-size: 32px;
  line-height: 1;
  background-position: center center;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -15px;
  text-align: center;
}

/******* BUTTONS WITHOUT ICONS / COLOR BKGD / WHITE TEXT *******/
.kids-zone-video-button, .kids-zone-videos-button {
  display: inline-block;
  padding: 10px 20px;
  margin: 10px;
  cursor: pointer;
  position: relative;
  background: #29b770;
  color: #ffffff !important;
  text-decoration: none;
  text-transform: uppercase;
  border: 0;
  border-bottom: 3px solid #0c6133;
  border-radius: 5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.kids-zone-video-button:hover, .kids-zone-videos-button:hover {
  background: #0c6133;
  color: #ffffff !important;
  text-decoration: none;
}

.kids-zone-competition-button, .kids-zone-competitions-button {
  display: inline-block;
  padding: 10px 20px;
  margin: 10px;
  cursor: pointer;
  position: relative;
  background: #e7492e;
  color: #ffffff !important;
  text-decoration: none;
  text-transform: uppercase;
  border: 0;
  border-bottom: 3px solid #ab0202;
  border-radius: 5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.kids-zone-competition-button:hover, .kids-zone-competitions-button:hover {
  background: #ab0202;
  color: #ffffff !important;
  text-decoration: none;
}

.kids-zone-poll-button, .kids-zone-polls-button {
  display: inline-block;
  padding: 10px 20px;
  margin: 10px;
  cursor: pointer;
  position: relative;
  background: #129ecb;
  color: #ffffff !important;
  text-decoration: none;
  text-transform: uppercase;
  border: 0;
  border-bottom: 3px solid #052079;
  border-radius: 5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.kids-zone-poll-button:hover, .kids-zone-polls-button:hover {
  background: #052079;
  color: #ffffff !important;
  text-decoration: none;
}

.kids-zone-activity-button, .kids-zone-activities-button {
  display: inline-block;
  padding: 10px 20px;
  margin: 10px;
  cursor: pointer;
  position: relative;
  background: #118f86;
  color: #ffffff !important;
  text-decoration: none;
  text-transform: uppercase;
  border: 0;
  border-bottom: 3px solid #08665f;
  border-radius: 5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.kids-zone-activity-button:hover, .kids-zone-activities-button:hover {
  background: #08665f;
  color: #ffffff !important;
  text-decoration: none;
}

.kids-zone-book-button, .kids-zone-books-button {
  display: inline-block;
  padding: 10px 20px;
  margin: 10px;
  cursor: pointer;
  position: relative;
  background: #8a64eb;
  color: #ffffff !important;
  text-decoration: none;
  text-transform: uppercase;
  border: 0;
  border-bottom: 3px solid #310062;
  border-radius: 5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.kids-zone-book-button:hover, .kids-zone-books-button:hover {
  background: #310062;
  color: #ffffff !important;
  text-decoration: none;
}

/******* BUTTONS WITHOUT ICONS / WHITE BKGD / COLOR TEXT *******/
.kids-zone-video-white-button, .kids-zone-videos-white-button {
  display: inline-block;
  padding: 10px 20px;
  margin: 10px;
  cursor: pointer;
  position: relative;
  background: #fff;
  color: #29b770 !important;
  text-decoration: none;
  text-transform: uppercase;
  border: 0;
  border-bottom: 3px solid #0c6133;
  border-radius: 5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.kids-zone-video-white-button:hover, .kids-zone-videos-white-button:hover {
  background: #0c6133;
  color: #ffffff !important;
  text-decoration: none;
}

.kids-zone-competition-white-button, .kids-zone-competitions-white-button {
  display: inline-block;
  padding: 10px 20px;
  margin: 10px;
  cursor: pointer;
  position: relative;
  background: #fff;
  color: #e7492e !important;
  text-decoration: none;
  text-transform: uppercase;
  border: 0;
  border-bottom: 3px solid #ab0202;
  border-radius: 5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.kids-zone-competition-white-button:hover, .kids-zone-competitions-white-button:hover {
  background: #ab0202;
  color: #ffffff !important;
  text-decoration: none;
}

.kids-zone-poll-white-button, .kids-zone-polls-white-button {
  display: inline-block;
  padding: 10px 20px;
  margin: 10px;
  cursor: pointer;
  position: relative;
  background: #fff;
  color: #129ecb !important;
  text-decoration: none;
  text-transform: uppercase;
  border: 0;
  border-bottom: 3px solid #052079;
  border-radius: 5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.kids-zone-poll-white-button:hover, .kids-zone-polls-white-button:hover {
  background: #052079;
  color: #ffffff !important;
  text-decoration: none;
}

.kids-zone-activity-white-button, .kids-zone-activities-white-button {
  display: inline-block;
  padding: 10px 20px;
  margin: 10px;
  cursor: pointer;
  position: relative;
  background: #fff;
  color: #118f86 !important;
  text-decoration: none;
  text-transform: uppercase;
  border: 0;
  border-bottom: 3px solid #08665f;
  border-radius: 5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.kids-zone-activity-white-button:hover, .kids-zone-activities-white-button:hover {
  background: #08665f;
  color: #ffffff !important;
  text-decoration: none;
}

.kids-zone-book-white-button, .kids-zone-books-white-button {
  display: inline-block;
  padding: 10px 20px;
  margin: 10px;
  cursor: pointer;
  position: relative;
  background: #fff;
  color: #8a64eb !important;
  text-decoration: none;
  text-transform: uppercase;
  border: 0;
  border-bottom: 3px solid #310062;
  border-radius: 5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.kids-zone-book-white-button:hover, .kids-zone-books-white-button:hover {
  background: #310062;
  color: #ffffff !important;
  text-decoration: none;
}

.lr-tabs ul.lr-tabs-nav {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: none;
}
@media only screen and (min-width: 30em) {
  .lr-tabs ul.lr-tabs-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.lr-tabs ul.lr-tabs-nav li {
  border: 1px solid var(--clr-neutral-200);
  border-bottom: 0;
}
.lr-tabs ul.lr-tabs-nav li a {
  display: block;
  padding: 1em;
}
.lr-tabs ul.lr-tabs-nav li a.active {
  background: var(--clr-neutral-200);
}
.lr-tabs .lr-tabs-title {
  display: block;
  background: var(--clr-neutral-200);
  padding: 0.5em;
  margin-top: 0.5em;
  position: relative;
}
.lr-tabs .lr-tabs-title.open:after {
  content: "\f462";
  font-family: "Ionicons";
  position: absolute;
  top: 50%;
  margin-top: -16px;
  right: 0.5rem;
  font-size: 32px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
}
.lr-tabs .lr-tabs-title.closed:after {
  content: "\f489";
  font-family: "Ionicons";
  position: absolute;
  top: 50%;
  margin-top: -16px;
  right: 0.5rem;
  font-size: 32px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
}
.lr-tabs .lr-tabs-title h3 {
  margin-bottom: 0;
}
@media only screen and (min-width: 30em) {
  .lr-tabs .lr-tabs-title {
    display: none;
  }
}
.lr-tabs .lr-tabs-panel {
  border: 1px solid var(--clr-neutral-200);
  padding: 1em;
}

.errorbox {
  background: #c0392b;
  color: #fff;
  margin-bottom: 10px;
  padding: 10px;
}
.errorbox p {
  margin: 0;
}
.errorbox a {
  color: #fff;
  text-decoration: underline;
}

.warningbox {
  background: #333333;
  color: #fff;
  margin-bottom: 10px;
  padding: 10px;
}
.warningbox p {
  margin: 0;
}
.warningbox a {
  color: #fff;
  text-decoration: underline;
}

.successbox {
  background: #27ae60;
  color: #fff;
  margin-bottom: 10px;
  padding: 10px;
}
.successbox p {
  margin: 0;
}
.successbox a {
  color: #fff;
  text-decoration: underline;
}

.alertbox, .alertbox-blue {
  background: #333333;
  color: #fff;
  margin-bottom: 10px;
  padding: 10px;
}
.alertbox p, .alertbox-blue p {
  margin: 0;
}
.alertbox a, .alertbox-blue a {
  color: #fff;
  text-decoration: underline;
}

.alertbox-blue {
  background: #00a8ff;
}

.takeover-page-background {
  background-color: #efefef;
  background-attachment: fixed;
  background-position: 0px 242px;
}

.takeover-content-wrapper {
  max-width: 1024px;
  margin: 0 auto;
}

.takeover-content-box {
  background: #fff;
  position: relative;
}

.takeover-sidebar.left-side {
  display: none;
}
@media only screen and (min-width: 1280px) {
  .takeover-sidebar.left-side {
    display: block;
    position: absolute;
    top: 0;
    left: -130px;
  }
}

.takeover-sidebar.right-side {
  display: none;
}
@media only screen and (min-width: 1280px) {
  .takeover-sidebar.right-side {
    display: block;
    position: absolute;
    top: 0;
    right: -130px;
  }
}

.takeover-sidebar.affix {
  position: fixed;
}

.b2l-button {
  border-color: #5100a8;
  background: #5100a8;
}

.b2l-container {
  position: fixed;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 9999;
}

.b2l-close {
  position: fixed;
  top: 5px;
  right: 5px;
  width: 32px;
  height: 32px;
  font-size: 32px;
  color: #fff;
  cursor: pointer;
}

.b2l-wrapper {
  position: fixed;
  top: 5%;
  bottom: 5%;
  left: 50px;
  right: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 9999;
}

.b2l-frame {
  width: 100%;
  height: 100%;
}

.index-search-results ul li a.full-link {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

form#header-search div.live-search-wrapper div.form_item {
  max-width: none !important;
}

form#header-search input[type=text] {
  background: transparent !important;
}

form#header-search div.search-wrapper div.index-search-results ul {
  top: 40px !important;
}

div.search-wrapper {
  display: inline-block;
  width: 100%;
  position: relative;
  z-index: 1002;
}

div.search-wrapper div.index-search-results ul {
  width: 100%;
  position: absolute;
  top: 50px;
  left: 0;
  background: #ffffff;
  border: 1px solid #efefef;
  z-index: 3;
}

div.search-wrapper div.index-search-results ul li {
  padding: 10px;
  border-bottom: 1px solid #ccc;
  cursor: pointer;
  overflow: auto;
  position: relative;
}

div.search-wrapper div.index-search-results ul li .featured-label {
  background: #049372;
  padding: 2px 5px;
  color: #fff;
  font-size: 90%;
  font-weight: bold;
}

div.search-wrapper div.index-search-results ul li .book-cover {
  float: left;
  margin-right: 10px;
  width: 50px;
}

div.search-wrapper div.index-search-results ul li .book-info {
  margin-right: 60px;
}

.newsletter-signup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 9999;
}

.jup-lr .newsletter-signup-img {
  background-image: url("../images/community-signup-background.jpg");
}

.jup-lrk .newsletter-signup-img {
  background-image: url("../images/lrk-community-signup-background.jpg");
}

.newsletter-signup-box {
  background: #fff;
  margin: 1em;
  width: 90vw;
  max-width: 40em;
  position: relative;
  height: 90vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  font-weight: 700;
}
.newsletter-signup-box h3 {
  font-size: 1.5em;
}
@media only screen and (min-width: 48em) {
  .newsletter-signup-box h3 {
    font-size: 2em;
  }
}
@media only screen and (min-width: 60em) {
  .newsletter-signup-box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    max-width: 80em;
  }
}
.newsletter-signup-box .newsletter-signup-img {
  background-size: cover;
  background-position: center;
  height: 16em;
  display: none;
}
@media only screen and (min-width: 23em) {
  .newsletter-signup-box .newsletter-signup-img {
    display: block;
  }
}
@media only screen and (min-width: 30em) {
  .newsletter-signup-box .newsletter-signup-img {
    height: 16em;
  }
}
@media only screen and (min-width: 48em) {
  .newsletter-signup-box .newsletter-signup-img {
    height: 24em;
  }
}
@media only screen and (min-width: 60em) {
  .newsletter-signup-box .newsletter-signup-img {
    width: 40vw;
    height: 100%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
  }
}
.newsletter-signup-box .newsletter-signup-kids-img {
  background-image: url("../images/community-signup-background.jpg");
  background-size: cover;
  background-position: center;
  height: 16em;
  display: none;
}
@media only screen and (min-width: 23em) {
  .newsletter-signup-box .newsletter-signup-kids-img {
    display: block;
  }
}
@media only screen and (min-width: 30em) {
  .newsletter-signup-box .newsletter-signup-kids-img {
    height: 16em;
  }
}
@media only screen and (min-width: 48em) {
  .newsletter-signup-box .newsletter-signup-kids-img {
    height: 24em;
  }
}
@media only screen and (min-width: 60em) {
  .newsletter-signup-box .newsletter-signup-kids-img {
    width: 40vw;
    height: 100%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
  }
}
.newsletter-signup-box .newsletter-signup-content {
  padding: 2em;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 60em) {
  .newsletter-signup-box .newsletter-signup-content {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
  }
}

/*.newsletter-signup-box {
    //background:#fff;
    background-image:url('../images/newsletter-signup-background.jpg');
    background-size:cover;
    background-position: center;
    //color:#fff;
    padding:2em;
    margin:1em;
    width:90vw;
    max-width:40em;
    position: relative;
    height:90vh;
    display: flex;
    flex-direction: column;
    justify-content: end;
    text-align: center;
    font-weight: 700;

    h3 {
        font-size:2em;
    }

    @include mq(tablet) {
        padding-top:25em;
        justify-content: start;
    }
}*/
.newsletter-signup-close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
  text-align: center;
  font-size: 2rem;
  border-radius: 1.5em;
}

.animation-hidden {
  visibility: hidden;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}

@-webkit-keyframes fadeInBottom {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInBottom {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.fadeInBottom {
  -webkit-animation-name: fadeInBottom;
          animation-name: fadeInBottom;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}

/*.animation-element.slide-left {
    opacity: 0;
    -moz-transition: all 500ms linear;
    -webkit-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
    -moz-transform: translate3d(-100px, 0px, 0px);
    -webkit-transform: translate3d(-100px, 0px, 0px);
    -o-transform: translate(-100px, 0px);
    -ms-transform: translate(-100px, 0px);
    transform: translate3d(-100px, 0px, 0px);
  }

  .animation-element.slide-left.in-view {
    opacity: 1;
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }*/
.price-table {
  overflow: auto;
  margin: 40px 0;
}

.price-table-body {
  border-top: 1px solid #e62830;
  margin: 10px 0;
  padding: 10px 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.price-table-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #333;
  padding: 20px;
  text-align: center;
}

@media (min-width: 48em) {
  .price-table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .price-table-item {
    width: 33.33%;
  }
}
.price-table-item .price {
  font-size: 180%;
  font-weight: 700;
}

.price-table-perks {
  border-top: 1px solid #333;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.price-table-perks li {
  border-bottom: 1px solid #333;
  padding: 10px 0;
}

.price-table-item.odd {
  background: #fff;
}

.price-table-item.even {
  background: #efefef;
}

.compare-table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 2em;
  border-radius: 2em;
  height: 100%;
  background: #fff;
  color: #000;
  border: 1px solid #efefef;
}

.compare-table.lr-background {
  background-color: #e62830;
  background: -webkit-gradient(linear, left top, right top, from(#e62830), to(#e60d64));
  background: linear-gradient(to right, #e62830, #e60d64);
  color: #fff;
}

.compare-table.lr4k-background {
  background-color: #ed6e25;
  background: -webkit-gradient(linear, left top, right top, from(#ed6e25), to(#f39221));
  background: linear-gradient(to right, #ed6e25, #f39221);
  color: #fff;
}

.compare-table.lr4s-background {
  background-color: #93c12b;
  background: -webkit-gradient(linear, left top, right top, from(#93c12b), to(#93c12b));
  background: linear-gradient(to right, #93c12b, #93c12b);
  color: #fff;
}

.compare-table .btn-primary {
  background: #fff;
  border-color: #fff;
  color: #000;
}

.compare-table .btn-primary:hover {
  color: #fff;
  border-color: #fff;
  background: transparent;
} /**/
.compare-table-header {
  margin-bottom: 1rem;
  border-bottom: 1px solid #fff;
}

.compare-table-header h3, .compare-table-header p {
  margin-bottom: 1rem;
}

.compare-table-body {
  /*margin:10px 0;
  padding:10px 0;*/
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  padding-bottom: 2em;
}

.compare-table-footer {
  text-align: center;
}

.compare-table-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #333;
  padding: 1em;
}

@media (min-width: 48em) {
  .compare-table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .compare-table-item {
    width: 33.33%;
  }
}
.compare-table-price .price {
  font-size: 180%;
  font-weight: 700;
}

.compare-table-perks {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.compare-table-perks li {
  padding: 1em;
}

.compare-table-perks li:nth-child(odd) {
  background: rgba(0, 0, 0, 0.1);
}

.compare-table-item.odd {
  background: #fff;
}

.compare-table-item.even {
  background: #efefef;
}

.home-main-message {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.home-main-message-big-text {
  padding: 4em 0;
}

.home-main-message-sub-text {
  font-size: 120%;
  max-width: 33em;
  margin: 0 auto;
}

.home-main-message-arrow {
  font-size: 48px;
  color: #000;
}

.home-slider-wrapper {
  position: relative;
}
.home-slider-wrapper img {
  margin: 0 auto;
}
.home-slider-wrapper .desktop_image {
  display: none;
}
.home-slider-wrapper .hires_image {
  display: none;
}
@media only screen and (min-width: 48em) {
  .home-slider-wrapper .mobile_image {
    display: none;
  }
  .home-slider-wrapper .desktop_image {
    display: block;
  }
}
@media only screen and (min-width: 100em) {
  .home-slider-wrapper .desktop_image {
    display: none;
  }
  .home-slider-wrapper .hires_image {
    display: block;
  }
}

.home-section {
  margin: 4em 0;
}

.home-title {
  margin-bottom: 0;
  text-align: center;
}

.home-see-all-link {
  text-align: center;
}
.home-see-all-link a {
  color: var(--clr-primary-900);
  font-size: 1.2em;
}

.book-genres-byline {
  font-size: 0.9em;
  margin-bottom: 1em;
}
.book-cover-wrapper {
  text-align: center;
}
.book-cover-wrapper .book-cover-inner {
  display: inline-block;
  position: relative;
}
.book-cover-wrapper .book-of-the-month-badge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 90px;
  height: 90px;
  background: #fff;
  position: absolute;
  top: -25px;
  left: -25px;
  padding: 5px;
  border-radius: 50%;
}
@media only screen and (min-width: 60em) {
  .book-cover-wrapper .book-of-the-month-badge {
    top: -15px;
    left: -15px;
  }
}
@media only screen and (min-width: 100em) {
  .book-cover-wrapper .book-of-the-month-badge {
    top: -25px;
    left: -25px;
  }
}
.book-cover-wrapper .book-of-the-month-badge a {
  display: block;
  width: 100%;
}
.book-cover-wrapper .book-of-the-month-badge.no-bg {
  background: transparent;
  padding: 0;
}

.book-badge {
  display: inline-block;
  width: 90px;
  height: 90px;
  padding: 5px;
}
.book-badge img {
  height: 100%;
  width: auto;
  max-width: none;
}

.book-page-age-themas .genre-link {
  margin-top: 0;
}

.book-title {
  margin-bottom: 0;
}

.book-byline {
  font-family: "Playfair Display", serif;
  font-size: 1.2em;
}
.book-byline .by-label {
  font-size: 0.9em;
}

.book-cover {
  margin: 0 auto;
}

.book-short-review {
  font-family: "Playfair Display", serif;
  font-size: 1.3em;
  font-weight: 700;
}

.book-edition {
  padding-bottom: 0.5em !important;
  padding-top: 0.5em !important;
}
.book-edition .book-edition-label {
  border: 1px solid var(--clr-neutral-400);
  border-radius: 10px;
  padding: 10px;
  cursor: pointer;
  font-weight: 700;
  text-align: center;
  color: var(--clr-neutral-900);
  margin: 0;
}
.book-edition .book-edition-label.selected {
  border: 0;
  background-color: var(--clr-primary-900);
  color: var(--clr-neutral-100);
}
.book-edition span.availability {
  font-size: 0.8em;
}
.book-edition span.rrp {
  text-decoration: line-through;
  font-weight: normal;
}
.book-edition span.price {
  font-size: 1.2em;
  font-weight: 700;
}

.book-info td {
  vertical-align: top;
}
.book-info ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.book-info ul li {
  margin-bottom: 0.5em;
}

.reader-review .reader-short-review {
  font-size: 1.2em;
  font-weight: 700;
}
.reader-review .author {
  font-weight: 700;
}
.reader-review .review-stars {
  font-size: 24px;
}

.book-page-add-to-basket {
  background: var(--clr-neutral-200);
  padding: 2em;
}
.book-page-add-to-basket span.rrp {
  text-decoration: line-through;
  font-weight: normal;
}
.book-page-add-to-basket span.price {
  font-size: 1.2em;
  font-weight: 700;
}

.author-profile:after {
  content: "";
  display: table;
  clear: both;
}
.author-profile img.author-image {
  max-width: 200px;
  width: 200px;
  display: block;
  margin: 0 auto;
}
@media only screen and (min-width: 30em) {
  .author-profile img.author-image {
    float: right;
    margin: 0 0 0 0.5em;
  }
}
@media only screen and (min-width: 48em) {
  .author-profile img.author-image {
    max-width: 300px;
    width: auto;
  }
}

.author-social-media {
  font-size: 2em;
  letter-spacing: 5px;
}

.author-directory-header {
  background-position: center center;
}
.author-directory-header .author-directory-header-inner {
  padding: 2em 2em 10em 2em;
  background-color: #efefef;
  color: #000;
}
.author-directory-header a {
  color: #000;
  text-decoration: underline;
}
.author-directory-header .author-directory-header-search {
  position: relative;
}
.author-directory-header .author-directory-header-search #as {
  height: 50px;
  padding-right: 6.5em;
}
.author-directory-header .author-directory-header-search input[type=submit] {
  position: absolute;
  top: 0;
  right: 0;
  height: 50px;
  width: 6em;
  cursor: pointer;
  background: #000;
  color: #fff;
  border: 0;
}

.author-directory-content {
  background: #fff;
  padding: 2em 1em;
  max-width: 70em;
  margin: 0 auto;
  margin-top: -5em;
}
@media only screen and (min-width: 48em) {
  .author-directory-content {
    padding: 2em 4em;
  }
}

.author-directory-letter-filters {
  text-align: center;
  margin: 1em 0;
  padding: 0.5em 0;
  border-bottom: 1px solid #efefef;
  border-top: 1px solid #efefef;
  overflow-wrap: break-word;
}
.author-directory-letter-filters .letter {
  padding: 0.5em;
}
.author-directory-letter-filters .letter.active {
  background: #666;
  color: #fff;
}

.author-directory-listing {
  background: #efefef;
}
.author-directory-listing a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #000;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.author-directory-listing .author-directory-listing-image {
  width: 75px;
  height: 75px;
  overflow: hidden;
  background-color: #ccc;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-size: cover;
  background-position: center center;
}
.author-directory-listing .author-directory-listing-content {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  padding: 1em;
}

.expert-wrapper {
  border-bottom: 1px solid var(--clr-neutral-200);
  margin-bottom: 1em;
}

.expert-image {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin: 0 auto;
  overflow: hidden;
  background: var(--clr-neutral-200);
}
.expert-image img {
  width: 100%;
}

.expert-latest-review {
  background-color: #efefef;
  border-left: none;
  padding: 60px 35px 25px;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  text-align: center;
  overflow: hidden;
  font-size: 0.9em;
}
.expert-latest-review:before {
  content: "\f347";
  position: absolute;
  top: 0;
  left: 50%;
  margin-top: -30px;
  margin-left: -40px;
  font-size: 30px;
  font-family: "Ionicons";
  color: #444;
  display: block;
  width: 80px;
  height: 80px;
  background: #fff;
  line-height: 91px;
  border-radius: 50%;
  text-align: center;
}

.expert-title {
  text-align: center;
  margin: 1em 0;
}

.expert-latest-review-title {
  color: #666;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 1em;
}

.social-share-icons {
  font-size: 32px;
}
.social-share-icons a {
  color: var(--clr-neutral-900);
}
.social-share-icons img {
  display: inline-block;
  height: 32px;
}

.page-title {
  margin: 2rem 1rem 2rem 1rem;
  text-align: center;
}

.page-description {
  margin: 0 auto 2rem auto;
  padding: 0 1rem;
  text-align: center;
  width: 100%;
  max-width: 900px;
}

.page-content:after {
  content: "";
  display: table;
  clear: both;
}

.blog-grid-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  background: var(--clr-neutral-200);
}
.blog-grid-item a {
  color: var(--clr-neutral-900);
}
.blog-grid-item p {
  margin-bottom: 0;
}
.blog-grid-item .blog-grid-title {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 1em;
  font-size: 1.1em;
  font-weight: 700;
}
.blog-grid-item .category {
  color: var(--clr-neutral-500);
  padding: 1em;
}

.post-content {
  margin: 0 auto;
  max-width: 700px;
}

.post-content img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
}

.post-content p:first-child:first-letter {
  color: var(--clr-primary-900);
  float: left;
  font-weight: 700;
  font-size: 6em;
  line-height: 0.85;
  padding-top: 0;
  padding-right: 8px;
  padding-left: 3px;
}

.post-image {
  margin-bottom: 2em;
}

.post-category {
  text-align: center;
}
.post-category a {
  background: var(--clr-primary-900);
  display: inline-block;
  padding: 3px 5px;
  margin-top: 2em;
  color: var(--clr-neutral-100);
}

.roundup-author-thumbnails {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.roundup-author-thumbnails a {
  margin: 0.5em;
}

.roundup-section-wrapper {
  border: 1px solid var(--clr-neutral-200);
  padding: 1em;
}
.roundup-section-wrapper h2, .roundup-section-wrapper h3 {
  margin: 0;
}
.roundup-section-wrapper .roundup-expert-image {
  float: right;
}

.award-logo {
  margin: 2em auto 0 auto;
  max-height: 121px;
}

.winning-award-book {
  padding: 2em 0;
  margin-bottom: 2em;
}
.winning-award-book img {
  margin: 0 auto;
}

.thema-description {
  display: none;
}
@media only screen and (min-width: 60em) {
  .thema-description {
    display: block;
  }
}

.thema-sort-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.thema-sort-wrapper span {
  padding-right: 0.5em;
}

.filter-header {
  background: var(--clr-neutral-200);
  padding: 0.5em;
  position: relative;
}
.filter-header:after {
  content: "\f2c7";
  font-family: "Ionicons";
  position: absolute;
  top: 50%;
  right: 0.5rem;
  font-size: 24px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  margin-top: -12px;
}
@media only screen and (min-width: 60em) {
  .filter-header:after {
    content: "";
  }
}
.filter-header.open:after {
  content: "\f208";
}
@media only screen and (min-width: 60em) {
  .filter-header.open:after {
    content: "";
  }
}

@media only screen and (min-width: 60em) {
  .toggle-filters {
    display: none;
  }
}

p.choose-filters {
  margin-bottom: 0;
}
@media only screen and (min-width: 60em) {
  p.choose-filters {
    margin-top: 1em;
  }
}

.current-filters {
  margin: 2em 0;
  padding: 1em 0;
  border-top: 1px solid var(--clr-neutral-200);
  border-bottom: 1px solid var(--clr-neutral-200);
}
.current-filters p {
  margin-bottom: 0;
}

.current-filter {
  background: var(--clr-neutral-200);
  color: var(--clr-neutral-900);
  padding: 0.5em;
  padding-right: 2.5em;
  margin-bottom: 0.5em;
  position: relative;
  display: inline-block;
}
.current-filter:after {
  content: "\f2d7";
  font-family: "Ionicons";
  position: absolute;
  top: 50%;
  right: 0.5rem;
  font-size: 24px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  margin-top: -12px;
}

@media only screen and (min-width: 60em) {
  .filters-wrapper {
    display: block !important;
  }
}

.filter-wrapper {
  margin-bottom: 0.5em;
}

@media only screen and (min-width: 60em) {
  .filter-list {
    display: block !important;
  }
}

body.checkout {
  height: 100%;
  margin-top: 120px;
}

body.checkout, body.checkout .content-wrapper {
  background: #efefef;
}

header#checkout-header {
  padding: 20px 0;
  height: 100px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 5;
  background: #fff;
}
header#checkout-header .row div {
  padding-top: 0 !important;
}
header#checkout-header .row div img {
  display: inline-block;
}

.checkout-logo {
  height: 60px;
}

h1, h2, h3, h4 {
  font-family: "Playfair Display";
  font-weight: 700;
}

.form_item input[type=date], .form_item input[type=email], .form_item input[type=number], .form_item input[type=password], .form_item input[type=tel], .form_item input[type=text], .form_item select {
  padding-left: 10px;
  border-radius: 10px;
  font-size: 16px;
}

.checkout-review-panel {
  padding: 10px;
  border-bottom: 1px solid #ccc;
  overflow: hidden;
  position: relative;
}

.checkout-review-panel:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 40px;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255)));
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255));
  background: #fff;
}

.checkout-review-panel:after {
  font-family: "Ionicons";
  font-size: 48px;
  color: #ccc;
  content: "\f3d3";
  position: absolute;
  top: 50%;
  margin-top: -24px;
  right: 0;
  height: 48px;
  width: 30px;
  line-height: 1;
  text-align: center;
}

.checkout-review-title {
  font-size: 1em;
  font-weight: 700;
}

.content-desktop {
  display: none;
}

.content-mobile {
  white-space: nowrap;
}

.desktop-link {
  display: none;
}

.mobile-link {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.checkout-step-wrapper {
  padding-right: 20px;
}

.checkout-step-number {
  border-radius: 20px;
  width: 40px;
  height: 40px;
  border: 1px solid #666;
  text-align: center;
  font-size: 1.2em;
  font-weight: 700;
  line-height: 40px;
}

.checkout-step-number.complete {
  background: #000;
  color: #fff;
}

@media (min-width: 768px) {
  .checkout-review-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .mobile-link {
    display: none;
  }
  .desktop-link {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
  }
  .content-mobile {
    display: none;
  }
  .content-desktop {
    display: block;
  }
  .checkout-review-title {
    font-size: 1.5em;
    width: 33%;
  }
  .checkout-review-panel:after {
    content: "";
  }
}
.checkout-panel {
  background: #fff;
  border-radius: 10px;
  margin-bottom: 20px;
}

.checkout-panel-header {
  background: #333;
  color: #fff;
  padding: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  position: relative;
}

.checkout-panel-content {
  padding: 20px;
}

.checkout-change {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 20px;
}

@media (max-width: 600px) {
  .checkout-change {
    position: absolute;
    top: 20px;
    right: 20px;
    height: 40px;
  }
}
.checkout-change-button {
  color: #000;
  font-size: 0.9em;
  text-transform: uppercase;
  border: 1px solid #000;
  border-radius: 5px;
  padding: 5px 10px;
}

/*@media (max-width:400px) {
    .checkout-change-button {
        display:none;
    }
}*/
.checkout-panel-summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px;
  position: relative;
}

@media (min-width: 600px) {
  .checkout-panel-summary {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.checkout-summary-title {
  border-bottom: 1px solid #efefef;
  padding-bottom: 20px;
}

.checkout-summary-footer-items {
  padding-top: 2em;
}
.checkout-summary-footer-items .checkout-summary-footer-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.checkout-summary-footer-items .checkout-summary-footer-item .checkout-summary-item-label {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  color: #999;
}
.checkout-summary-footer-items .checkout-summary-footer-item .checkout-summary-item-value {
  text-align: right;
  font-weight: 700;
}

.checkout-summary-school-amount {
  background: var(--clr-neutral-200);
  padding: 0.5em;
}

.payment-processing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 4em;
}

.checkout-spinner {
  width: 48px;
  height: 48px;
  margin-bottom: 1em;
}

.checkout-item .basket-item-image {
  padding: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75px;
          flex: 0 0 75px;
}
.checkout-item .basket-item-info {
  padding: 0 0.5em;
}

.checkout-panel-heading {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: hidden;
}

.panel {
  border: 2px solid #000;
  padding: 20px;
  margin-bottom: 20px;
}

.panel-header {
  border-bottom: 1px solid #000;
  margin-bottom: 20px;
}

.checkout-breadcrumbs {
  /*width:600px;*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.checkout-breadcrumb {
  width: 25%;
  text-align: center;
  position: relative;
}

.checkout-breadcrumb-line {
  width: 100%;
  height: 10px;
  background: #666;
  position: absolute;
  top: 25px;
  left: 0;
  z-index: 1;
}

.checkout-breadcrumb.active .checkout-breadcrumb-line {
  background: #c00;
}

.checkout-breadcrumb-number {
  width: 60px;
  height: 60px;
  border-radius: 30px;
  background: #666;
  text-align: center;
  line-height: 60px;
  font-size: 40px;
  color: white;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

.checkout-breadcrumb.active .checkout-breadcrumb-number {
  background: #c00;
}

.checkout-breadcrumb-link {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}

.custom-control-wrapper {
  padding: 10px 0;
}

.custom-control-label {
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 10px;
  cursor: pointer;
  font-weight: 700;
  display: block;
}

.custom-control-input {
  position: absolute;
  top: 30%;
  right: 20px;
}

.custom-control-input:checked + .custom-control-label {
  background: #e4f0ff;
  border-color: #0075ff;
}

.custom-control-label .description {
  font-weight: normal;
  font-size: 0.9em;
}

.custom-control-label .subtitle {
  font-size: 0.85em;
  font-weight: normal;
}

.shop_voucher_box_wrapper {
  position: relative;
  margin-bottom: 0.5em;
}

.shop_voucher_text_input {
  padding-right: 4.5em;
}

.shop_voucher_button {
  position: absolute;
  top: 1px;
  right: 1px;
  border: 0;
  background: var(--clr-primary-900);
  color: var(--clr-neutral-100);
  padding: 0.5rem;
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  cursor: pointer;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}

input.error {
  border: 1px solid #f00;
}

p.nbt_errors {
  color: #f00;
}

.nbt_redeem_form {
  background: #efefef;
  border-radius: 1em;
  padding: 1em;
  margin: 1em 0;
}

.nbt_loading, .nbt_redeem_loading {
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.nbt_loading img, .nbt_redeem_loading img {
  width: 48px;
  height: 48px;
}

a.nbt_add_max_amt {
  color: #000;
  font-size: 0.85em;
}

.small-italic {
  font-size: 0.9em;
  -webkit-text-decoration: italic;
          text-decoration: italic;
}

input.nbt_redeem_amt {
  display: inline !important;
  width: auto !important;
}

.basket-order-summary {
  padding: 2em;
  background-color: var(--clr-neutral-200);
}

.basket-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid var(--clr-neutral-200);
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
}

.basket-item-info {
  padding: 0.5rem;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.basket-item-name {
  font-size: 1.2em;
  font-weight: bold;
}

.basket-item-format {
  font-size: 0.9rem;
  color: var(--clr-neutral-700);
}

.basket-item-availability {
  margin: 0.5em 0;
}

.basket-item-price {
  font-size: 1.1em;
  font-weight: bold;
}
.basket-item-price span.rrp {
  text-decoration: line-through;
  color: var(--clr-neutral-400);
}

@media only screen and (min-width: 60em) {
  .basket-item-price, .basket-item-qty, .basket-item-subtotal {
    padding: 0.5rem 0;
  }
}

.basket-item-image {
  padding: 0.5rem;
  width: 100px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media only screen and (min-width: 30em) {
  .basket-item-image {
    width: 150px;
  }
}

.basket-item-remove {
  padding: 0.5rem;
  font-size: 32px;
}
.basket-item-remove a {
  color: var(--clr-neutral-900);
}

.basket-fixed-buttons {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  padding: 0.5rem;
  text-align: center;
  -webkit-box-shadow: 0px 2px 10px rgba(44, 41, 59, 0.15);
          box-shadow: 0px 2px 10px rgba(44, 41, 59, 0.15);
}
@media only screen and (min-width: 60em) {
  .basket-fixed-buttons {
    display: none;
  }
}

.basket-bottom-buttons {
  display: none;
}
@media only screen and (min-width: 60em) {
  .basket-bottom-buttons {
    display: block;
  }
}

form#audiobooks-search {
  margin: 10px auto;
  position: relative;
  max-width: 320px;
}

form#audiobooks-search input[type=text] {
  border: 1px solid #ccc;
  height: 40px;
  padding: 0 20px;
  width: 100%;
  max-width: none;
  background: #efefef;
  color: #000;
  border-radius: 20px;
}

form#audiobooks-search button {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  border: 0;
  cursor: pointer;
  text-indent: -9999px;
  background: transparent;
}

form#audiobooks-search button:before {
  font-family: "Ionicons";
  content: "\f2f5";
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  text-indent: 0;
  line-height: 40px;
  font-size: 20px;
  color: #ccc;
}

.audiobooks-lightbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  text-align: left;
  z-index: 9999;
  padding: 20px;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.audiobooks-lightbox .lightbox-content {
  position: relative;
  background: #ffffff;
  display: inline-block;
  padding: 20px 20px 100px 20px;
  max-width: 700px;
  width: 100%;
  max-height: 100%;
  border-radius: 10px;
  box-shadow: 0 0 25px #111;
  -webkit-box-shadow: 0 0 25px #111;
  -moz-box-shadow: 0 0 25px #111;
}
.audiobooks-lightbox .lightbox-content-inner {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.audiobooks-lightbox .audiobooks-content .cover {
  float: left;
  width: 150px;
}
.audiobooks-lightbox .audiobooks-content .cover img {
  width: 100%;
}
.audiobooks-lightbox .audiobooks-content .info {
  margin-left: 160px;
}
.audiobooks-lightbox .audiobooks-content p.description {
  height: 300px;
  overflow-y: auto;
}
.audiobooks-lightbox .audiobooks-content .audio-button {
  font-weight: 700;
  font-size: 120%;
  text-align: center;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  line-height: 1.2;
  background: #674172;
  color: #fff;
  padding: 15px 10px 15px 10px;
  border: 1px solid #674172;
  border-radius: 4px;
  margin: 0;
}
.audiobooks-lightbox .audiobooks-content .audio-button:hover {
  text-decoration: none;
  color: #674172;
  background: #fff;
}
.audiobooks-lightbox .sample {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 20px;
  width: 100%;
}

.audiobooks-lightbox-close {
  text-align: center;
  position: absolute;
  top: -10px;
  right: -10px;
  width: 30px;
  height: 30px;
  background: #e62830;
  border-radius: 15px;
  z-index: 9999;
  cursor: pointer;
}

.audiobooks-lightbox-close:before {
  content: "\f2d7";
  color: #fff;
  font-family: "Ionicons";
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  width: 100%;
}

ol.top-ten-list {
  list-style-type: none;
}
ol.top-ten-list li {
  padding: 10px 0 10px 40px;
  position: relative;
  line-height: 30px;
  border-bottom: 1px solid #efefef;
}
ol.top-ten-list li .top-ten-number {
  position: absolute;
  top: 10px;
  left: 0;
  width: 30px;
  height: 30px;
  background: #e62830;
  line-height: 30px;
  text-align: center;
  color: #fff;
  font-weight: 700;
  font-size: 120%;
}

.arrow_box {
  position: relative;
  background-color: #e62830;
  background: -webkit-gradient(linear, left top, right top, from(#e62830), to(#e60d64));
  background: linear-gradient(to right, #e62830, #e60d64);
  padding: 20px 0;
}

.arrow_box:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(230, 40, 48, 0);
  border-top-color: #E61A4A;
  border-width: 30px;
  margin-left: -30px;
}

.section-header-arrow {
  color: #fff;
  text-align: center;
  margin: 0;
}

.ybr-primary-bkgd {
  background-color: #e62830;
  background: -webkit-gradient(linear, left top, right top, from(#e62830), to(#e60d64));
  background: linear-gradient(to right, #e62830, #e60d64);
  color: #fff;
}
.ybr-primary-bkgd a {
  color: #fff;
}

.info-circles {
  overflow: auto;
}

.info-circle-wrapper {
  float: left;
  width: 50%;
}

.info-circle {
  width: 140px;
  height: 140px;
  border-radius: 70px;
  padding: 20px;
  margin: 10px auto;
  font-size: 0.8em;
  background-color: #e62830;
  background: -webkit-gradient(linear, left top, right top, from(#e62830), to(#e60d64));
  background: linear-gradient(to right, #e62830, #e60d64);
  color: #fff;
  text-align: center;
  line-height: 1.2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.info-circle-big-text {
  font-size: 200%;
  font-weight: 700;
}

@media (min-width: 37.5em) {
  .info-circle-wrapper {
    width: 33%;
  }
}
@media (min-width: 48em) {
  .info-circle-wrapper {
    width: 16.66%;
    float: left;
  }
}
.testimonials-container div.quote-wrapper {
  padding: 0 100px;
}
.testimonials-container div.quote-wrapper p.quote {
  font-style: italic;
  font-size: 18px;
  line-height: 1.5;
}
.testimonials-container div.quote-wrapper p.author {
  text-transform: uppercase;
  text-align: center;
}
.testimonials-container .left-speechmark {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  background: #fc0;
  text-align: center;
  font-size: 150px;
  color: #fff;
}
.testimonials-container .right-speechmark {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50px;
  height: 50px;
  text-align: center;
  font-size: 150px;
  color: #fff;
}

.info-box {
  text-align: center;
}

.info-box-icon {
  width: 120px;
  height: 120px;
  border-radius: 60px;
  padding: 30px;
  margin: 10px auto;
  background: #fff;
  color: #fff;
  text-align: center;
  line-height: 1.2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.icon {
  font-size: 400%;
}

.price-table {
  overflow: auto;
  margin: 40px 0;
}

.price-table-body {
  border-top: 1px solid #e62830;
  margin: 10px 0;
  padding: 10px 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.price-table-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #333;
  padding: 20px;
  text-align: center;
}

@media (min-width: 48em) {
  .price-table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .price-table-item {
    width: 33.33%;
  }
}
.price-table-item .price {
  font-size: 180%;
  font-weight: 700;
}

.price-table-perks {
  border-top: 1px solid #333;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.price-table-perks li {
  border-bottom: 1px solid #333;
  padding: 10px 0;
}

.price-table-item.odd {
  background: #fff;
}

.price-table-item.even {
  background: #efefef;
}

ul.review-options-list {
  list-style-type: disc;
  margin-left: 20px;
}

ul.review-options-list li {
  margin-bottom: 20px;
}

.card {
  border: 2px solid var(--clr-primary-900);
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}

.card-header {
  background: var(--clr-primary-900);
  color: #fff;
  padding: 5px 10px;
}
.card-header p {
  margin: 0;
}
.card-header a {
  color: #fff;
}

.card-body {
  padding: 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.card-body p {
  margin-bottom: 10px;
}

.card-footer {
  padding: 10px;
  border-top: 1px solid #e62830;
}

.collapse {
  display: none;
}

.collapse.in {
  display: block;
}

.show {
  display: block;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  transition: height 0.35s ease;
}

.dateText {
  float: right;
  font-size: 0.9em;
  font-style: italic;
}

.card-header .profilePic {
  float: left;
  margin-right: 10px;
}

.profilePic {
  cursor: pointer;
  border-radius: 50%;
}

.directory-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  padding: 2em;
  background: var(--clr-neutral-200);
}
@media only screen and (min-width: 48em) {
  .directory-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    text-align: left;
  }
}
.directory-item a {
  color: var(--clr-neutral-900);
}
.directory-item p {
  margin-bottom: 0;
}
.directory-item .blog-grid-title {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 1.1em;
  font-weight: 700;
}
.directory-item .category {
  color: var(--clr-neutral-500);
  padding: 1em;
}
.directory-item .directory-item-image img {
  margin: 0 auto;
}
@media only screen and (min-width: 48em) {
  .directory-item .directory-item-image img {
    margin: 0;
  }
}
@media only screen and (min-width: 48em) {
  .directory-item .directory-item-image {
    margin-right: 2em;
    width: 33%;
  }
}

.dlp-header-wrapper {
  background-image: url("../directory/lp-background.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

.dlp-header {
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 5em 0;
}

.dlp-logo {
  max-width: 300px;
  margin-bottom: 2em;
}

.dlp-divider {
  width: 100px;
  height: 10px;
  background: #ed6e25;
  margin: 0 auto;
  margin-top: 2em;
  margin-bottom: 2em;
}

.dlp-payment-methods {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

div.dlp-pm {
  padding: 0.5em;
  margin-bottom: 0;
}

.dlp-pm label {
  height: 100%;
  overflow: hidden;
  cursor: pointer;
}
.dlp-pm label span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  text-indent: -9999px;
}
.dlp-pm label i {
  font-size: 64px;
}
@media only screen and (min-width: 30em) {
  .dlp-pm label i {
    font-size: 96px;
  }
}

.dlp-pm input:checked + label {
  color: #ed6e25;
}

.dlp-pm input {
  display: none;
}

.directory-landing-form {
  padding: 0.5em;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  border-radius: 0.5em;
}
.directory-landing-form .dlf-header {
  padding: 2em;
  /*background:#000; color:#fff; 
  border-top-left-radius:0.5em;
  border-top-right-radius:0.5em;*/
}
.directory-landing-form form {
  padding: 1em 2em;
}

ul.dlp-categories {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: center;
}
ul.dlp-categories li {
  -webkit-box-shadow: 0px 0px 0.5em 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 0.5em 0px rgba(0, 0, 0, 0.2);
  padding: 1em;
  margin: 2% 0;
  width: 100%;
}
@media only screen and (min-width: 30em) {
  ul.dlp-categories li {
    margin: 2%;
    width: 46%;
  }
}
@media only screen and (min-width: 48em) {
  ul.dlp-categories li {
    margin: 1%;
    width: 23%;
  }
}
@media only screen and (min-width: 80em) {
  ul.dlp-categories li {
    margin: 1%;
    width: 18%;
  }
}
ul.dlp-categories li p {
  margin: 0;
}
ul.dlp-categories li i {
  color: #ed6e25;
  font-size: 64px;
  margin-bottom: 0.5em;
}

.dlp-bonus-feature {
  -webkit-box-shadow: 0px 0px 0.5em 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 0.5em 0px rgba(0, 0, 0, 0.2);
  padding: 1em;
  text-align: center;
  height: 100%;
}
.dlp-bonus-feature i {
  color: #ed6e25;
  font-size: 96px;
}
@media only screen and (min-width: 48em) {
  .dlp-bonus-feature i {
    font-size: 128px;
  }
}

/* Listing page */
.directory-header {
  background: #333;
  color: #fff;
  padding: 2em 2em 6em 2em;
  text-align: center;
}

.directory-logo {
  max-width: 200px;
  margin: 0 auto;
}

.directory-content {
  background: #fff;
  padding: 2em;
  max-width: 60em;
  margin: 0 auto;
  margin-top: -4em;
}

.directory-contacts {
  background: #efefef;
  padding: 1em;
}
.directory-contacts p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.directory-contacts p i {
  font-size: 2em;
  padding-right: 0.5em;
}

.directory-category-tag {
  display: inline-block;
  padding: 0.5rem 1rem;
  background: #ed6e25;
  color: #fff;
  margin: 0 0.5em;
  border-radius: 999px;
}

@media only screen and (min-width: 48em) {
  body.alp {
    overflow: hidden;
  }
  .scroll-container {
    height: 100vh;
    overflow-y: scroll;
    -ms-scroll-snap-type: y mandatory;
        scroll-snap-type: y mandatory;
  }
}
.alp-section {
  min-height: 100vh;
  scroll-snap-align: center;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 3em;
  background-repeat: no-repeat;
  background-position: bottom 20px center;
  background-size: 90% auto;
}
@media only screen and (min-width: 80em) {
  .alp-section {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.alp-section-content {
  text-align: center;
  max-width: 76em;
}

.alp-section.even {
  background: #efefef;
}

@media only screen and (min-width: 48em) {
  .alp-section.image-left, .alp-section.image-right {
    background-size: 75% auto;
  }
}
@media only screen and (min-width: 60em) {
  .alp-section.image-left, .alp-section.image-right {
    background-size: 60% auto;
  }
}
@media only screen and (min-width: 80em) {
  .alp-section.image-left, .alp-section.image-right {
    background-size: 45% auto;
  }
  .alp-section.image-left .alp-section-content, .alp-section.image-right .alp-section-content {
    width: 50%;
  }
}

@media only screen and (min-width: 80em) {
  .alp-section.image-left {
    background-position: left 20px center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
  }
}

@media only screen and (min-width: 80em) {
  .alp-section.image-right {
    background-position: right 20px center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
}

.alp-section-1 {
  background-image: url("../images/alp/alp-header.jpg");
  background-size: cover;
  background-position: center bottom;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.alp-section-directory {
  background-color: #efefef;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 80em) {
  .alp-section-directory {
    background-image: url("../images/alp/directory2.png");
  }
}

.alp-section-author {
  background-color: #fff;
  background-image: url("../images/alp/author-page.png");
}

.alp-section-affiliate {
  background-color: #fab696;
  /*background-size:contain;
  background-position:center bottom;
  flex-direction:column;

  .alp-section-image {
      display:none;
  }

  @include mq(tablet) {
      //flex-direction:row;

      .alp-section-image {
          display:block;
      }

      & div {                
          flex-grow: 1;
          flex-basis: 0;
      }
  }*/
}
@media only screen and (min-width: 48em) {
  .alp-section-affiliate {
    background-image: url("../images/alp/affiliate.png");
  }
}

.alp-section-blog-post {
  background-color: #5BA69C;
  background-image: url("../images/alp/blog-post.png");
  /*@include mq(tablet) {
      background-size:75% auto;
  }
  @include mq(l) {
      background-size:60% auto;
  }
  @include mq(xl) {
      background-size:45% auto;
  }*/
}

.alp-section-review-copies {
  background-color: #ADF2EB;
  background-image: url("../images/alp/review-copies.png");
}

.alp-section-school-visit {
  background-color: #E0D6C3;
  background-image: url("../images/alp/school-visits.png");
}

.alp-section-amplify {
  background-color: #ffffff;
  background-image: url("../images/alp/amplify.png");
  padding-bottom: 8em;
}
@media only screen and (min-width: 48em) {
  .alp-section-amplify {
    padding-bottom: 0;
  }
}

/*.alp-section-affiliate img {
    max-width:800px;
}*/
.alp-schools-form {
  max-width: 32em;
  background: #fff;
  padding: 2em;
  margin: 0 auto;
}

.alp-info-box {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.alp-info-box h3 {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.lr-background {
  background-color: #e62830;
  background: -webkit-gradient(linear, left top, right top, from(#e62830), to(#e60d64));
  background: linear-gradient(to right, #e62830, #e60d64);
}

.lr4k-background {
  background-color: #ed6e25;
  background: -webkit-gradient(linear, left top, right top, from(#ed6e25), to(#f39221));
  background: linear-gradient(to right, #ed6e25, #f39221);
}

.lr4s-background {
  background-color: #93c12b;
  background: -webkit-gradient(linear, left top, right top, from(#93c12b), to(#93c12b));
  background: linear-gradient(to right, #93c12b, #93c12b);
}

.pyb {
  background: #efefef;
}

.pyb div.search-wrapper {
  z-index: auto;
}

.pyb-isbn-search-button, .fixed-button {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  height: 45px;
  width: 110px;
  padding-left: 0;
  padding-right: 0;
}

.pyb-isbn-search-box {
  height: 45px;
}

.pyb-section.top {
  text-align: center;
  color: #ffffff;
}

.pyb-section.top h1 {
  font-weight: 700;
}

.pyb-section.top p {
  line-height: 1.5;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 25px;
}

@media screen and (min-width: 768px) {
  .pyb-section.top h1 {
    font-size: 3em;
  }
  .pyb-section.top p {
    font-size: 1.2em;
  }
}
.pyb-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.pyb-button {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.pyb-button a {
  text-transform: uppercase;
  color: #e62830;
  font-weight: 700;
  background: #fff;
  border: 1px solid #e62830;
  cursor: pointer;
  padding: 15px;
  text-align: center;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  line-height: 1;
}

@media screen and (min-width: 768px) {
  .pyb-button {
    width: 190px;
  }
  .pyb-button a {
    margin: 5px;
    border: 0;
    padding: 15px 30px;
    line-height: 1.5;
  }
}
.pyb-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3em;
  background: #ffffff;
  z-index: 9998;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
}
.pyb-header .pyb-menu-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 1em;
}
.pyb-header .pyb-menu-button img {
  width: 2em;
  height: 2em;
}
.pyb-header .pyb-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.pyb-header .pyb-logo img {
  height: 2em;
}
.pyb-header .pyb-basket-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 1em;
}
.pyb-header .pyb-basket-button .pyb-icon-inner {
  width: 2em;
  height: 2em;
}

.pyb-nav-header {
  position: absolute;
}

.pyb-navigation {
  position: fixed;
  top: 0;
  left: 0;
  padding: 3em 0 0 0;
  background: #ffffff;
  min-height: 100vh;
  width: 300px;
  z-index: 9999;
  margin-left: -300px;
}
.pyb-navigation.open {
  margin-left: 0;
}
.pyb-navigation ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.pyb-navigation ul li a {
  display: block;
  padding: 0.5rem 1rem;
  color: #000000;
}
.pyb-navigation ul li a.active {
  background: #efefef;
}

.page-navigation {
  background: rgba(0, 0, 0, 0.5);
  padding: 6px;
  position: fixed;
  top: 5em;
  right: 0;
  display: block;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  z-index: 4;
}

.page-navigation ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.page-navigation ul li {
  height: 30px;
  position: relative;
}

.page-navigation ul li a {
  display: block;
  width: 100%;
  height: 100%;
  padding-right: 36px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.page-navigation ul li a .nav-text {
  position: absolute;
  top: 0;
  right: 45px;
  background: #000;
  display: block;
  padding: 4px;
  color: #fff;
  white-space: nowrap;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  display: none;
}

.page-navigation ul li a .nav-text:after {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(51, 51, 51, 0);
  border-left-color: #000;
  border-width: 15px;
  margin-top: -15px;
}

.page-navigation ul li a:hover .nav-text {
  display: block;
}

/*.page-navigation ul li a:before {
    content:"";
    position: absolute;
    top:0;
    right:13px;
    width:2px;
    height:30px;
    background: #e62830;
}*/
.page-navigation ul li a:after {
  content: "";
  position: absolute;
  top: 7px;
  right: 6px;
  width: 16px;
  height: 16px;
  border-radius: 16px;
  border: 1px solid #eee;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.page-navigation ul li a.active:after {
  /*top:1px;
  right:0;
  width:28px;
  height:28px;
  border-radius: 28px;*/
  background: #eee;
}

.page-navigation ul li a:hover:after {
  /*top:3px;
  right:4px;
  width:20px;
  height:20px;
  border-radius: 20px;*/
  background: #eee;
}

.back-to-top {
  position: fixed;
  bottom: 70px;
  right: 10px;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 5px;
  text-indent: -9999px;
  z-index: 4;
}

.back-to-top:after {
  content: "\f3d8";
  font-family: "Ionicons";
  position: absolute;
  top: 9px;
  left: 9px;
  width: 32px;
  height: 32px;
  font-size: 32px;
  text-indent: 0;
  text-align: center;
  line-height: 1;
  color: #fff;
}

.pyb-categories {
  padding: 4em;
}

.pyb-section {
  min-height: 100vh;
  background: #efefef;
}

.pyb-section.top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.pyb-section-header {
  margin-top: 2em;
  text-align: center;
}

.pyb-section-background {
  /* Sizing
  width: 100%;
  height: 100vh;

  position: absolute;
  top:0;
  left:0;

  z-index:1; */
  /* Flexbox stuff 
  display: flex;
  justify-content: center;
  align-items: center;*/
}

.pyb-section-inner {
  padding: 4em 0;
  /*width:90%;
  max-width:900px;
  background:#fff;
  background:rgba(255,255,255,0.95);
  padding:20px 20px;
  margin:0 auto;

  position: relative;
  z-index: 2;*/
}
.pyb-section-inner .errorbox p {
  margin-bottom: 0;
}

.pyb-section-inner p {
  margin-bottom: 20px;
}

.pyb-top-section-inner {
  width: 90%;
  max-width: 1100px;
  padding: 10px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

.pyb-top-section-inner img {
  margin: 0 auto;
}

.pyb-section-background {
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #efefef;
}

.top .pyb-section-background {
  background-color: #e62830;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(230, 40, 49, 0.9)), to(rgba(230, 13, 100, 0.9))), url("images/sharing-book-love.jpg");
  background-image: linear-gradient(to right, rgba(230, 40, 49, 0.9), rgba(230, 13, 100, 0.9)), url("images/sharing-book-love.jpg");
}

.pyb-landing-page-sections-wrapper {
  color: #fff;
  background: #e62830;
}

.pyb-landing-page-sections {
  position: relative;
}
.pyb-landing-page-sections .pyb-lps-inner {
  border-radius: 20px;
  padding: 20px;
  -webkit-box-shadow: 5px 5px 54px -21px rgb(204, 204, 204);
          box-shadow: 5px 5px 54px -21px rgb(204, 204, 204);
  height: 100%;
  text-align: center;
  font-size: 1.2em;
  font-weight: 700;
  z-index: 1;
}
.pyb-landing-page-sections .pyb-lps-inner .icon {
  font-size: 4em;
}
.pyb-landing-page-sections:hover .pyb-lps-inner {
  background: #e62830;
  color: #fff;
}

/*.scroll-down {
    position: relative;
    width:64px;
    height:64px;
    cursor:pointer;
}

.scroll-down:after {
    content:"\f35d";
    font-family: "Ionicons";
    position: absolute;
    top:0;
    left:0;

    width:64px;
    height:64px;

    font-size: 64px;
    text-indent: 0;
    text-align: center;
    line-height: 1;
    color:#fff;
}*/
.book-reviews .pyb-section-background {
  /*background-color:#333;    
  background-image:url('<?php echo BASEURL; ?>/content/images/blog/default/love-reading-default-pic-1.jpg');*/
}

.newsletters .pyb-section-background {
  /*background-color: #ccc;
  background-image:url('images/pyb-newsletters.jpg');*/
}

.social-media .pyb-section-background {
  /*background-color:#666;
  background-image:url('images/pyb-social-media.jpg');*/
}

.giveaways .pyb-section-background {
  /*background-color:#ccc;
  background-image:url('images/pyb-giveaways.jpg');*/
}

.adverts .pyb-section-background {
  /*background-color:#666;
  background-image:url('images/pyb-adverts.jpg');*/
}

.self-published .pyb-section-background {
  /*background-color:#ccc;
  background-image:url('<?php echo BASEURL; ?>/content/images/blog/default/love-reading-default-pic-6.jpg');*/
}

.independent .pyb-section-background {
  /*background-color:#666;
  background-image:url('<?php echo BASEURL; ?>/content/images/blog/default/love-reading-default-pic-4.jpg');*/
}

.book-buzz .pyb-section-background {
  /*background-color:#ccc;
  /*background-image:url('images/pyb-book-buzz.jpg');*/
}

.blog .pyb-section-background {
  /*background-color:#666;
  background-image:url('images/pyb-blog.jpg');*/
}

.lr-loves .pyb-section-background {
  /*background-color:#ccc;
  background-image:url('/content/images/blog/default/love-reading-default-pic-3.jpg');*/
}

.fixed {
  position: fixed;
}

.price-table {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (min-width: 48em) {
  .price-table-item {
    max-width: 300px;
  }
}
.jfc {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.pyb-section-title {
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 0;
}
@media only screen and (min-width: 48em) {
  .pyb-section-title {
    font-size: 3rem;
  }
}

.pyb-section-subtitle {
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 0;
}
@media only screen and (min-width: 48em) {
  .pyb-section-subtitle {
    font-size: 2rem;
  }
}

.pyb-section-intro {
  text-align: center;
  max-width: 45em;
  font-weight: 700;
  font-size: 1.1rem;
  margin: 0 auto;
}

.lr-background {
  background-color: #e62830;
  background: -webkit-gradient(linear, left top, right top, from(#e62830), to(#e60d64));
  background: linear-gradient(to right, #e62830, #e60d64);
}

.lr4k-background {
  background-color: #ed6e25;
  background: -webkit-gradient(linear, left top, right top, from(#ed6e25), to(#f39221));
  background: linear-gradient(to right, #ed6e25, #f39221);
}

.lr4s-background {
  background-color: #93c12b;
  background: -webkit-gradient(linear, left top, right top, from(#93c12b), to(#93c12b));
  background: linear-gradient(to right, #93c12b, #93c12b);
}

.white-info-box {
  padding: 0 20px 20px 0;
  border-radius: 20px;
  padding: 20px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-box-shadow: 5px 5px 54px -21px rgb(204, 204, 204);
  box-shadow: 5px 5px 54px -21px rgb(204, 204, 204);
}
.white-info-box p.description {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.booking-form fieldset, .booking-form-section {
  border-radius: 20px;
  padding: 20px;
  margin-bottom: 20px;
  -webkit-box-shadow: 5px 5px 54px -21px rgb(204, 204, 204);
  box-shadow: 5px 5px 54px -21px rgb(204, 204, 204);
}

.full-link, .fill-link {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.promotion-info-box {
  border: 1px solid #efefef;
  margin: 10px 0;
  padding: 1em;
  text-align: center;
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.promotion-info-box p.description {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.promotion-info-box:hover {
  background: #efefef;
}

.promotion-info-box.active {
  background: #efefef;
}

.promotion-info-box.inactive .info-box-icon {
  background: #ccc;
}

.promotion-builder-wrapper {
  margin-bottom: 25px;
}

.promotion-builder-title {
  margin: 0;
}

.promotion-builder-title.inactive {
  background: -webkit-gradient(linear, left top, right top, from(rgba(230, 40, 48, 0.2)), to(rgba(230, 14, 100, 0.2)));
  background: linear-gradient(to right, rgba(230, 40, 48, 0.2), rgba(230, 14, 100, 0.2));
}

.promotion-builder-title.completed {
  background: -webkit-gradient(linear, left top, right top, from(rgba(230, 40, 48, 0.6)), to(rgba(230, 14, 100, 0.6)));
  background: linear-gradient(to right, rgba(230, 40, 48, 0.6), rgba(230, 14, 100, 0.6));
}

.hidden {
  display: none;
}

.pyb-testimonial {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.pyb-testimonial .pybt-icon {
  font-size: 2em;
  padding: 2rem 2rem 0 2rem;
  color: #1EC198;
}
.pyb-testimonial p {
  padding: 2em;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.pyb-testimonial .pybt-footer {
  padding: 2em;
  background: #1EC198;
  color: #fff;
  text-align: center;
  font-size: 1.2em;
}

.faq {
  border-bottom: 1px solid #ccc;
}
.faq .faq-header a {
  color: #000;
  display: block;
  padding: 1em;
}
.faq .faq-header p {
  margin-bottom: 0;
}
.faq .faq-body {
  border-top: 1px solid #ccc;
  padding: 1em;
}

.choose-payment-method {
  position: relative;
}
.choose-payment-method input {
  position: absolute;
  top: 21px;
  right: 1em;
}
.choose-payment-method label {
  border: 1px solid #efefef;
  padding: 1em;
  cursor: pointer;
  margin-bottom: 1em;
}

.pyb-checkout-header-item {
  text-align: center;
}
.pyb-checkout-header-item .pyb-checkout-header-item-number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 72px;
  height: 72px;
  border-radius: 36px;
  font-size: 48px;
  text-align: center;
  line-height: 64px;
  border: 4px solid #000;
}
.pyb-checkout-header-item .pyb-checkout-header-item-number.complete {
  background: #000;
  color: #fff;
}

.donate-page {
  background-color: #efefef;
}

.donate-header {
  background-color: #e8e0dd;
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 50vh;
}
.donate-form-wrapper {
  z-index: 1;
  position: relative;
  background: #fff;
}
@media only screen and (min-width: 60em) {
  .donate-form-wrapper {
    margin-top: -6em;
  }
}

.donate-form-header {
  background: #e62830;
  padding: 1em;
  color: #fff;
}
.donate-form-header h3 {
  margin: 0;
}

.donate-form {
  padding: 1em;
}

div.donation-amount {
  margin: 0;
}
div.donation-amount label {
  background: #efefef;
  border-radius: 0.5rem;
  width: 100%;
  padding: 0.5rem;
  font-size: 1.5em;
  font-weight: 700;
  text-align: center;
}
div.donation-amount input {
  display: none;
}

.donation-amount input:checked + label {
  background: #e62830;
  color: #fff;
}

.work-with-us {
  background-image: url("../images/work-with-us-background.jpg");
  color: #fff;
}

.work-with-us-inner {
  background-color: rgba(5, 56, 107, 0.9);
  width: 100%;
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.work-with-us-logos {
  margin-top: 32px;
}

.work-with-us-logos img {
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
}

.work-with-us-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  padding: 2em;
  color: #000;
  position: relative;
  text-align: center;
  height: 100%;
  border-radius: 1.5em;
}
.work-with-us-box a.full-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.work-with-us-box .icon {
  width: 64px;
  height: 64px;
  border-radius: 32px;
  background: var(--clr-primary-900);
  color: #fff;
  font-size: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 16px;
}

.our-partners-page {
  background: #efefef;
}
.our-partners-page .btn-primary {
  background: #05386b;
  border: 1px solid #05386b;
  border-radius: 3em;
  padding: 2em 3em;
}
.our-partners-page .btn-primary:hover {
  background: #ffffff;
  border: 1px solid #ffffff;
  color: #05386b;
}

.partner-section, .landing-page-widget-text {
  padding: 4em;
}

.partner-hero {
  background: #5cdb95;
  color: #05386b;
}

.partner-why {
  background: #05386b;
  color: #fff;
}

.landing-page-widget-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 500px;
}

.partner-benefits {
  background: #5cdb95;
  color: #05386b;
}

.partner-benefits-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  padding: 1em;
  color: #000;
  position: relative;
  text-align: center;
  height: 100%;
  /*a {
      position:absolute; top:0; left:0; width:100%; height:100%;
  }*/
}
.partner-benefits-box .icon {
  color: #5cdb95;
}

.school-landing-page .btn-primary {
  background: #05386b;
  border: 1px solid #05386b;
  border-radius: 3em;
  padding: 2em 3em;
}
.school-landing-page .btn-primary:hover {
  background: #ffffff;
  border: 1px solid #ffffff;
  color: #05386b;
}

.slp-header-bkgd {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-image: url("../directory/lp-background.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}

.slp-header-wrapper {
  background-color: rgba(0, 37, 110, 0.7);
  height: 100vh;
}

.slp-header {
  color: #fff;
  padding: 5em 0;
  min-height: 100vh;
  overflow-wrap: break-word;
  text-align: center;
}

.slp-logo {
  max-width: 300px;
  margin: 0 auto;
  margin-bottom: 2em;
}

.school-dashboard-section {
  background: #fff;
  padding: 1em;
  border-radius: 1em;
  margin-bottom: 1em;
}

.school-dashboard-divider {
  display: block;
  height: 1px;
  background: #ccc;
  margin: 1em -1em;
}

.school-page-wrapper h2 {
  font-family: "Montserrat", sans-serif;
  margin-top: 2rem;
  margin-bottom: 0.5rem;
}

.school-card {
  background-color: #fff;
  border-radius: 1em;
  margin-bottom: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}

.school-card a {
  color: #000;
}

.school-card-title {
  font-size: 1.2rem;
  font-weight: 700;
}

.school-card-fill {
  height: 100%;
}

.school-card-body {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.school-card-body, .school-card-footer {
  padding: 1em;
}

.school-card-header {
  padding: 1em 1em 0 1em;
}

.school-card-header h3 {
  margin: 0;
}

@media only screen and (min-width: 40em) {
  .school-card-body, .school-card-footer {
    padding: 2em;
  }
  .school-card-header {
    padding: 2em 2em 0 2em;
  }
}
.school-card-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.school-card-full-link:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}

body {
  background-color: #ffffff;
  font-family: "Montserrat", sans-serif;
  line-height: 1.5;
}