/*! Flickity v2.3.0
https://flickity.metafizzy.co
---------------------------------------------- */.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-button{position:absolute;background:hsla(0,0%,100%,.75);border:none;color:#333}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{outline:0;-webkit-box-shadow:0 0 0 5px #19f;box-shadow:0 0 0 5px #19f}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1}

/*! nouislider - 11.1.0 - 2018-04-02 11:18:13 */.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-webkit-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative;direction:ltr}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;left:0;height:100%;width:100%;-webkit-transform-origin:0 0;transform-origin:0 0}html:not([dir=rtl]) .noUi-horizontal .noUi-origin{left:auto;right:0}.noUi-vertical .noUi-origin{width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{position:absolute}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;left:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;left:-6px;top:-17px}html:not([dir=rtl]) .noUi-horizontal .noUi-handle{right:-17px;left:auto}.noUi-target{background:#fafafa;border-radius:4px;border:1px solid #d3d3d3;-webkit-box-shadow:inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb;box-shadow:inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb}.noUi-connects{border-radius:3px}.noUi-connect{background:#3fb8af}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #d9d9d9;border-radius:3px;background:#fff;cursor:default;-webkit-box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb;box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb}.noUi-active{-webkit-box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb;box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#e8e7e6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#b8b8b8}[disabled].noUi-handle,[disabled] .noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-webkit-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#ccc}.noUi-marker-large,.noUi-marker-sub{background:#aaa}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translateY(-50%);transform:translateY(-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translateY(50%);transform:translateY(50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #d9d9d9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%);transform:translate(-50%);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translateY(-50%);transform:translateY(-50%);top:50%;right:120%}.supafolio-predictive-search-box,.supafolio-search-box{display:inline-block;position:relative}.supafolio-predictive-search-box input[type=search],.supafolio-search-box input[type=search]{width:300px;padding:12px;border:2px solid #e4e4e4;border-radius:4px;-webkit-transition:.2s;transition:.2s;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;font-size:11px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#333;-webkit-appearance:none;-moz-appearance:none;appearance:none}.supafolio-predictive-search-box input[type=search]::-webkit-search-decoration,.supafolio-predictive-search-box input[type=search]::-webkit-search-results-button,.supafolio-predictive-search-box input[type=search]::-webkit-search-results-decoration,.supafolio-search-box input[type=search]::-webkit-search-decoration,.supafolio-search-box input[type=search]::-webkit-search-results-button,.supafolio-search-box input[type=search]::-webkit-search-results-decoration{display:none}.supafolio-predictive-search-box input[type=search]:focus,.supafolio-search-box input[type=search]:focus{outline:0;border-color:#3a96cf}.supafolio-numeric-refinement-filter__item .supafolio-numeric-refinement-filter__link,.supafolio-refinement-filter__item--single .supafolio-refinement-filter__link,.supafolio-toggle-filter__item .supafolio-toggle-filter__link{position:relative;margin-left:18px}.supafolio-numeric-refinement-filter__item .supafolio-numeric-refinement-filter__link:before,.supafolio-refinement-filter__item--single .supafolio-refinement-filter__link:before,.supafolio-toggle-filter__item .supafolio-toggle-filter__link:before{content:"";position:absolute;top:4px;left:-18px;width:12px;height:12px;border:1px solid #ccc;border-radius:50%}.supafolio-numeric-refinement-filter__item.supafolio-numeric-refinement-filter__item--active .supafolio-numeric-refinement-filter__link:after,.supafolio-refinement-filter__item--single.supafolio-refinement-filter__item--active .supafolio-refinement-filter__link:after,.supafolio-toggle-filter__item .supafolio-toggle-filter__link:after{content:"";position:absolute;top:7px;left:-15px;width:8px;height:8px;background:#ccc;border-radius:50%}.supafolio-numeric-refinement-filter__item.supafolio-numeric-refinement-filter__item--active .supafolio-numeric-refinement-filter__link:hover,.supafolio-refinement-filter__item--single.supafolio-refinement-filter__item--active .supafolio-refinement-filter__link:hover,.supafolio-toggle-filter__item .supafolio-toggle-filter__link:hover{text-decoration:line-through}.supafolio-refinement-filter__item--multiple .supafolio-refinement-filter__link{position:relative;margin-left:20px}.supafolio-refinement-filter__item--multiple .supafolio-refinement-filter__link:before{content:"";position:absolute;top:3px;left:-20px;width:14px;height:14px;border:1px solid #ccc}.supafolio-refinement-filter__item--multiple.supafolio-refinement-filter__item--active .supafolio-refinement-filter__link:after{content:"\2714";position:absolute;top:-2px;left:-16px;color:#ccc}.supafolio-refinement-filter__item--multiple.supafolio-refinement-filter__item--active .supafolio-refinement-filter__link:hover{text-decoration:line-through}.supafolio-refinement-filter__item--multiple.supafolio-refinement-filter__item--active .supafolio-refinement-filter__link:hover:after{content:"\2718";top:-1px;left:-17px}@-webkit-keyframes preloader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes preloader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.supafolio-grid-columns{bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;padding:0 2%;vertical-align:top}.supafolio-predictive-search-box input[type=search].supafolio-hint{color:#e4e4e4}.supafolio-dropdown-menu{background-color:#fff;border:2px solid hsla(0,0%,89%,.6);border-top-width:1px;color:#333;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;width:300px;font-size:11px;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box}.supafolio-suggestion{padding:12px;border-top:1px solid hsla(0,0%,89%,.6);cursor:pointer;-webkit-transition:.2s;transition:.2s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.supafolio-suggestion.supafolio-cursor,.supafolio-suggestion:hover{background-color:hsla(0,0%,95%,.35)}.supafolio-suggestion>span:first-child{color:#333}.supafolio-suggestion>span:last-child{text-transform:uppercase;color:#a9a9a9}.supafolio-suggestion>span:first-child em,.supafolio-suggestion>span:last-child em{font-weight:700;font-style:normal;background-color:rgba(58,150,207,.1);padding:2px 0 2px 2px}.flickity-page-dots{position:static;display:block;bottom:auto;margin-top:10px}.supafolio-pagination__wrapper{list-style-type:none;text-align:center}.supafolio-pagination__item{display:inline-block}.supafolio-pagination__item--disabled{visibility:hidden}.supafolio-pagination__link{display:block;padding:0 5px}button[data-supafolio-load-more-active=false]{display:none}.supafolio-load-more__wrapper--disabled{visibility:hidden}.supafolio-load-more__preloader{width:20px;height:20px;display:inline-block;padding:0;border-radius:100%;border:2px solid;border-top-color:hsla(0,0%,100%,.65);border-bottom-color:hsla(0,0%,100%,.15);border-left-color:hsla(0,0%,100%,.65);border-right-color:hsla(0,0%,100%,.15);-webkit-animation:preloader 1s linear infinite;animation:preloader 1s linear infinite}.supafolio-stats__time{font-size:75%;color:#999}.supafolio-hierarchical-menu-filter__header--collapsible,.supafolio-numeric-refinement-filter__header--collapsible,.supafolio-refinement-filter__header--collapsible{cursor:pointer}.supafolio-hierarchical-menu-filter__list{margin-left:10px}.supafolio-hierarchical-menu-filter__list[data-depth="0"]{margin-left:0}.supafolio-hierarchical-menu-filter__item .supafolio-hierarchical-menu-filter__link{position:relative;margin-left:18px}.supafolio-hierarchical-menu-filter__item .supafolio-hierarchical-menu-filter__link:before{content:"\21B3";position:absolute;top:1px;left:-18px;color:#ccc}.supafolio-hierarchical-menu-filter__item.supafolio-hierarchical-menu-filter__item--active>.supafolio-hierarchical-menu-filter__link:hover{text-decoration:line-through}.supafolio-toggle-filter__header--collapsible{cursor:pointer}.supafolio-toggle-filter__item .supafolio-toggle-filter__link{margin-left:30px}.supafolio-toggle-filter__item .supafolio-toggle-filter__link:before{width:24px;border-radius:7px;left:-30px}.supafolio-toggle-filter__item .supafolio-toggle-filter__link:after{left:-27px}.supafolio-toggle-filter__item.supafolio-toggle-filter__item--active .supafolio-toggle-filter__link:after{width:20px;border-radius:7px}.supafolio-range-slider-filter__header--collapsible{cursor:pointer}.supafolio-range-slider-filter__body{padding:30px 0}.supafolio-range-slider-filter__body .noUi-target{height:12px;border-radius:7px;border-color:#ccc;-webkit-box-shadow:none;box-shadow:none;background:none}.supafolio-range-slider-filter__body .noUi-connect{background:#36b2a8}.supafolio-range-slider-filter__body .noUi-horizontal .noUi-handle{border:none;background:#ccc;-webkit-box-shadow:none;box-shadow:none;border-radius:50%;width:20px;height:20px;top:-5px;cursor:pointer}.supafolio-range-slider-filter__body .noUi-horizontal .noUi-handle:after,.supafolio-range-slider-filter__body .noUi-horizontal .noUi-handle:before{display:none}.supafolio-range-slider-filter__body .noUi-horizontal .noUi-handle:focus{outline:none}.supafolio-range-slider-filter__body .noUi-pips{color:#ccc}.supafolio-range-slider-filter__body .noUi-pips.noUi-pips-horizontal{padding:4px 0 0;height:20px;font-size:75%}.supafolio-range-slider-filter__body .noUi-marker{background:#ccc}.supafolio-range-slider-filter__body .noUi-value-horizontal{padding-top:5px}.supafolio-range-slider-filter__body .noUi-horizontal .noUi-tooltip{border:none;background:none;color:#ccc;font-size:75%;padding:0}html:not([dir=rtl]) .supafolio-range-slider-filter__body .noUi-horizontal .noUi-handle{right:-10px}
/*!
Theme Name: Macmillan Publishers
Author: Supadu
Author URI: https://www.supadu.com/
Description: Custom Theme for Macmillan Publishers
Version: 1.0.0
*/
/* http://meyerweb.com/eric/tools/css/reset/ */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
.filter-bar__sort--mobile.select-input .select-input__el,
.filter-bar__sort--mobile.select-input #supafolio-sort-by-select,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

b {
  font-weight: bold;
}

i {
  font-style: italic;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  cursor: default;
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

input,
textarea,
button,
select,
a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

*,
*:focus,
*:active {
  -webkit-box-shadow: none;
          box-shadow: none;
}

a {
  color: inherit;
  text-decoration: none;
}

button[disabled],
input[disabled] {
  cursor: default;
}

button {
  cursor: pointer;
}

input,
select,
button {
  background-color: transparent;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: inherit;
  font-size: inherit;
  margin: 0;
  outline: none;
  padding: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
          appearance: none;
}

input[type=number] {
  -moz-appearance: textfield;
}

select::-ms-expand {
  display: none;
}

:root {
  /* Breakpoints */
  --xxxs: 320px;
  --xxs: 445px;
  --xs: 620px;
  --s: 768px; /* Tablet */
  --ms: 840px;
  --m: 1000px; /* Large Tablet */
  --ml: 1160px;
  --l: 1200px; /* Desktop */
  --xl: 1440px;
  --xxl: 1800px;
  /* Fonts */
  --cooper-lt-bt: "Cooper Light BT", "Times New Roman", serif;
  --neue-haas-grotesk-text: "neue-haas-grotesk-text", Helvetica, sans-serif;
  /* Colors */
  --black: #000000;
  --white: #ffffff;
  --macmillan-red: #ce0e2d;
  --orange: #ffcc7f;
  --blue: #b6d7e8;
  --green: #e6f1dd;
  --light-green: #f8fbf5;
  --dark-gray: #656565;
  --dark-gray-1: #343538;
  --blue-gray: #f5f7f8;
  --light-gray: #e1e1e1;
  --error-red: #de300d;
  --black-70: rgba(0, 0, 0, 0.7);
  --black-5: rgba(0, 0, 0, 0.05);
  --black-20: rgba(0, 0, 0, 0.2);
  --black-50: rgba(0, 0, 0, 0.6);
  --dark-gray-50: rgba(var(--dark-gray), 0.5);
  --border: 1px solid var(--black);
  --border-light-gray: 1px solid var(--light-gray);
  --border-dark-gray-50: 1px solid var(--dark-gray-50);
  --border-dark-gray: 1px solid var(--dark-gray);
  --border-error-red: 1px solid var(--error-red);
  /*
    Temp Colors
    DO NOT USE: To be removed
  */
  --grey-light: #e1e1e1;
  --grey: red;
  --red: red;
  --border-dim: 1px solid red;
  /* Transitions */
  --duration: 0.25s;
  --speed: 0.2s;
  --ease: ease-in-out;
  --ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
  --transition-default: var(--duration) var(--ease);
  --transition-time: 0.5s;
  --header-transition: var(--transition-time)
      cubic-bezier(0.505, 0.555, 0.195, 0.925);
  --header-height-lg: 134px;
  --header-height-sm: 50px;
  --header-search-height-m: 46px;
  /* Gutters */
  --gutter-xxs: 20px;
  --gutter-ms: 20px;
  --gutter-s: 25px;
  --gutter-m: 20px;
  --gutter-l: 40px;
  --gutter: 40px;
}

/* Breakpoints */
/* Global */
html {
  font-size: 10px !important; /* Set base font-size to 10px */
}

body {
  color: #000000;
  color: var(--black);
  font-family: "neue-haas-grotesk-text", Helvetica, sans-serif;
  font-family: var(--neue-haas-grotesk-text);
  font-size: 1.4rem; /* 14px */
  line-height: 1.4;
  font-weight: normal;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

.h1, .wysiwyg__container h1, .select-input--select-tabs .select-input__el,
.select-input--select-tabs #supafolio-sort-by-select, .select-input--select-tabs select:focus ~ .select-input__label,
.select-input--select-tabs select:not([value=""]):valid ~ .select-input__label,
h1 {
  font-family: "Cooper Light BT", "Times New Roman", serif;
  font-family: var(--cooper-lt-bt);
  font-size: 2.8rem; /* 28px */
  line-height: 1.4;
  font-weight: normal;
}
@media (min-width: 620px) {
  .h1, .wysiwyg__container h1, .select-input--select-tabs .select-input__el,
  .select-input--select-tabs #supafolio-sort-by-select, .select-input--select-tabs select:focus ~ .select-input__label,
  .select-input--select-tabs select:not([value=""]):valid ~ .select-input__label,
  h1 {
    font-size: 4rem; /* 40px */
    line-height: 1.13;
  }
}
@media (min-width: 1200px) {
  .h1, .wysiwyg__container h1, .select-input--select-tabs .select-input__el,
  .select-input--select-tabs #supafolio-sort-by-select, .select-input--select-tabs select:focus ~ .select-input__label,
  .select-input--select-tabs select:not([value=""]):valid ~ .select-input__label,
  h1 {
    font-size: 5rem; /* 50px */
    line-height: 1.11;
  }
}

.h1--short {
  line-height: 1.2;
}
@media (min-width: 620px) {
  .h1--short {
    line-height: 1.03;
  }
}
@media (min-width: 1200px) {
  .h1--short {
    line-height: 1.01;
  }
}

.h2, .wysiwyg__container h2, .section-title--featured-categories .section-title__heading, .section-title--book-events .section-title__heading, .author--available .section-title--featured-events .section-title__heading, .author--empty .section-title--featured-events .section-title__heading, .author--minimal .section-title--featured-events .section-title__heading,
h2,
.h2 > a,
.wysiwyg__container h2 > a,
.section-title--featured-categories .section-title__heading > a,
.section-title--book-events .section-title__heading > a,
.author--available .section-title--featured-events .section-title__heading > a,
.author--empty .section-title--featured-events .section-title__heading > a,
.author--minimal .section-title--featured-events .section-title__heading > a,
h2 > a {
  font-family: "Cooper Light BT", "Times New Roman", serif;
  font-family: var(--cooper-lt-bt);
  font-size: 2.3rem; /* 23px */
  line-height: 1.25;
  font-weight: normal;
}
@media (min-width: 620px) {
  .h2, .wysiwyg__container h2, .section-title--featured-categories .section-title__heading, .section-title--book-events .section-title__heading, .author--available .section-title--featured-events .section-title__heading, .author--empty .section-title--featured-events .section-title__heading, .author--minimal .section-title--featured-events .section-title__heading,
  h2,
  .h2 > a,
  .wysiwyg__container h2 > a,
  .section-title--featured-categories .section-title__heading > a,
  .section-title--book-events .section-title__heading > a,
  .author--available .section-title--featured-events .section-title__heading > a,
  .author--empty .section-title--featured-events .section-title__heading > a,
  .author--minimal .section-title--featured-events .section-title__heading > a,
  h2 > a {
    font-size: 2.5rem; /* 25px */
    line-height: 1.2;
  }
}
@media (min-width: 1200px) {
  .h2, .wysiwyg__container h2, .section-title--featured-categories .section-title__heading, .section-title--book-events .section-title__heading, .author--available .section-title--featured-events .section-title__heading, .author--empty .section-title--featured-events .section-title__heading, .author--minimal .section-title--featured-events .section-title__heading,
  h2,
  .h2 > a,
  .wysiwyg__container h2 > a,
  .section-title--featured-categories .section-title__heading > a,
  .section-title--book-events .section-title__heading > a,
  .author--available .section-title--featured-events .section-title__heading > a,
  .author--empty .section-title--featured-events .section-title__heading > a,
  .author--minimal .section-title--featured-events .section-title__heading > a,
  h2 > a {
    font-size: 3.5rem; /* 35px */
    line-height: 1.3;
  }
}

.h3, .wysiwyg__container blockquote > p, .wysiwyg__container blockquote, .wysiwyg__container h3,
h3,
.h3 > a,
.wysiwyg__container blockquote > p > a,
.wysiwyg__container blockquote > a,
.wysiwyg__container h3 > a,
h3 > a {
  font-family: "Cooper Light BT", "Times New Roman", serif;
  font-family: var(--cooper-lt-bt);
  font-size: 1.6rem; /* 16px */
  line-height: 1.25;
}
@media (min-width: 620px) {
  .h3, .wysiwyg__container blockquote > p, .wysiwyg__container blockquote, .wysiwyg__container h3,
  h3,
  .h3 > a,
  .wysiwyg__container blockquote > p > a,
  .wysiwyg__container blockquote > a,
  .wysiwyg__container h3 > a,
  h3 > a {
    font-size: 1.9rem; /* 19px */
    line-height: 1.32;
  }
}
@media (min-width: 1200px) {
  .h3, .wysiwyg__container blockquote > p, .wysiwyg__container blockquote, .wysiwyg__container h3,
  h3,
  .h3 > a,
  .wysiwyg__container blockquote > p > a,
  .wysiwyg__container blockquote > a,
  .wysiwyg__container h3 > a,
  h3 > a {
    font-size: 2.2rem; /* 22px */
    line-height: 1.14;
  }
}

.h4, .wysiwyg__container h4,
.wysiwyg__container h5,
.wysiwyg__container h6, .header-search__select-input .select-input__el, .select-input--filter-mobile .select-input__el,
.select-input--filter-mobile #supafolio-sort-by-select, .pagination .nav-links .page-numbers,
h4,
.filter-bar__sort--mobile.select-input .select-input__el,
.filter-bar__sort--mobile.select-input #supafolio-sort-by-select,
.h4 > a,
.wysiwyg__container h4 > a,
.wysiwyg__container h5 > a,
.wysiwyg__container h6 > a,
.header-search__select-input .select-input__el > a,
.select-input--filter-mobile .select-input__el > a,
.select-input--filter-mobile #supafolio-sort-by-select > a,
.pagination .nav-links .page-numbers > a,
h4 > a,
.filter-bar__sort--mobile.select-input .select-input__el > a,
.filter-bar__sort--mobile.select-input #supafolio-sort-by-select > a {
  font-family: "neue-haas-grotesk-text", Helvetica, sans-serif;
  font-family: var(--neue-haas-grotesk-text);
  font-size: 1.3rem; /* 13px */
  line-height: 1.23;
  font-weight: bold;
}

/* Paragraphs */
.p1, .wysiwyg__container p, .book-details__description p, .book-details__description, .wysiwyg__container ul,
.ul,
.ol,
.wysiwyg__container ol,
p,
.p1 > a,
.wysiwyg__container p > a,
.book-details__description p > a,
.book-details__description > a,
.wysiwyg__container ul > a,
.ul > a,
.ol > a,
.wysiwyg__container ol > a,
p > a {
  font-family: "neue-haas-grotesk-text", Helvetica, sans-serif;
  font-family: var(--neue-haas-grotesk-text);
  font-size: 1.4rem; /* 14px */
  line-height: 1.43;
  font-weight: normal;
}

.p2, .wysiwyg__container figcaption,
.p2 > a,
.wysiwyg__container figcaption > a {
  color: #656565;
  color: var(--dark-gray);
  font-family: "neue-haas-grotesk-text", Helvetica, sans-serif;
  font-family: var(--neue-haas-grotesk-text);
  font-size: 1.3rem; /* 13px */
  line-height: 1.38;
  font-weight: normal;
}
@media (min-width: 1200px) {
  .p2, .wysiwyg__container figcaption,
  .p2 > a,
  .wysiwyg__container figcaption > a {
    font-size: 14px; /* 14px */
    line-height: 1.43;
  }
}

.p3,
.p3 > a {
  font-family: "neue-haas-grotesk-text", Helvetica, sans-serif;
  font-family: var(--neue-haas-grotesk-text);
  font-size: 1.1rem; /* 11px */
  line-height: 1.63;
  font-weight: normal;
  letter-spacing: 0.17px;
}
@media (min-width: 1000px) {
  .p3,
  .p3 > a {
    font-size: 1.4rem; /* 14px */
    line-height: 1.28;
    letter-spacing: 0.22px;
  }
}

.p4,
.p4 > a {
  font-family: "neue-haas-grotesk-text", Helvetica, sans-serif;
  font-family: var(--neue-haas-grotesk-text);
  font-size: 1.3rem; /* 13px */
  line-height: 1.38;
  font-weight: normal;
}

.badge {
  font-family: "neue-haas-grotesk-text", Helvetica, sans-serif;
  font-family: var(--neue-haas-grotesk-text);
  font-size: 1rem;
  line-height: 1.23;
  font-weight: bold;
}
@media (min-width: 1000px) {
  .badge {
    font-size: 1.1rem;
  }
}

.p5,
.p5 > a {
  font-family: "neue-haas-grotesk-text", Helvetica, sans-serif;
  font-family: var(--neue-haas-grotesk-text);
  font-size: 1.3rem; /* 13px */
  line-height: 31px;
  font-weight: bold;
}

a {
  -webkit-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
  -webkit-transition: color var(--transition-default);
  transition: color var(--transition-default);
}

.form-label {
  font-size: 1.4rem;
  line-height: 4.6rem;
}

.focus-form-label {
  font-size: 1.1rem;
  line-height: 2.4rem;
}

.form-button {
  font-family: "neue-haas-grotesk-text", Helvetica, sans-serif;
  font-family: var(--neue-haas-grotesk-text);
  font-size: 1.3rem;
  font-weight: bold;
}

/* Blockquote */
/* Links */
.link, .wysiwyg__container a,
.h1 a,
.select-input--select-tabs .select-input__el a,
.select-input--select-tabs #supafolio-sort-by-select a,
.select-input--select-tabs select:focus ~ .select-input__label a,
.select-input--select-tabs select:not([value=""]):valid ~ .select-input__label a,
.h2 a,
.section-title--featured-categories .section-title__heading a,
.section-title--book-events .section-title__heading a,
.author--available .section-title--featured-events .section-title__heading a,
.author--empty .section-title--featured-events .section-title__heading a,
.author--minimal .section-title--featured-events .section-title__heading a,
.h3 a,
.h4 a,
.wysiwyg__container .filter-bar__sort--mobile.select-input .select-input__el a,
.filter-bar__sort--mobile.select-input .wysiwyg__container .select-input__el a,
.wysiwyg__container .filter-bar__sort--mobile.select-input #supafolio-sort-by-select a,
.filter-bar__sort--mobile.select-input .wysiwyg__container #supafolio-sort-by-select a,
.header-search__select-input .select-input__el a,
.select-input--filter-mobile .select-input__el a,
.select-input--filter-mobile #supafolio-sort-by-select a,
.pagination .nav-links .page-numbers a,
.p1 a,
.book-details__description a,
.ul a,
.ol a,
.p2 a {
  position: relative;
  display: inline-block;
}
.link::before, .wysiwyg__container a::before,
.h1 a::before,
.select-input--select-tabs .select-input__el a::before,
.select-input--select-tabs #supafolio-sort-by-select a::before,
.select-input--select-tabs select:focus ~ .select-input__label a::before,
.select-input--select-tabs select:not([value=""]):valid ~ .select-input__label a::before,
.h2 a::before,
.section-title--featured-categories .section-title__heading a::before,
.section-title--book-events .section-title__heading a::before,
.author--available .section-title--featured-events .section-title__heading a::before,
.author--empty .section-title--featured-events .section-title__heading a::before,
.author--minimal .section-title--featured-events .section-title__heading a::before,
.h3 a::before,
.h4 a::before,
.wysiwyg__container .filter-bar__sort--mobile.select-input .select-input__el a::before,
.filter-bar__sort--mobile.select-input .wysiwyg__container .select-input__el a::before,
.wysiwyg__container .filter-bar__sort--mobile.select-input #supafolio-sort-by-select a::before,
.filter-bar__sort--mobile.select-input .wysiwyg__container #supafolio-sort-by-select a::before,
.header-search__select-input .select-input__el a::before,
.select-input--filter-mobile .select-input__el a::before,
.select-input--filter-mobile #supafolio-sort-by-select a::before,
.pagination .nav-links .page-numbers a::before,
.p1 a::before,
.book-details__description a::before,
.ul a::before,
.ol a::before,
.p2 a::before {
  content: "";
  position: absolute;
  bottom: -1px;
  right: 0;
  width: 100%;
  height: 1px;
  border-bottom: solid 1px currentColor;
  pointer-events: none;
}
.link::after, .wysiwyg__container a::after,
.h1 a::after,
.select-input--select-tabs .select-input__el a::after,
.select-input--select-tabs #supafolio-sort-by-select a::after,
.select-input--select-tabs select:focus ~ .select-input__label a::after,
.select-input--select-tabs select:not([value=""]):valid ~ .select-input__label a::after,
.h2 a::after,
.section-title--featured-categories .section-title__heading a::after,
.section-title--book-events .section-title__heading a::after,
.author--available .section-title--featured-events .section-title__heading a::after,
.author--empty .section-title--featured-events .section-title__heading a::after,
.author--minimal .section-title--featured-events .section-title__heading a::after,
.h3 a::after,
.h4 a::after,
.wysiwyg__container .filter-bar__sort--mobile.select-input .select-input__el a::after,
.filter-bar__sort--mobile.select-input .wysiwyg__container .select-input__el a::after,
.wysiwyg__container .filter-bar__sort--mobile.select-input #supafolio-sort-by-select a::after,
.filter-bar__sort--mobile.select-input .wysiwyg__container #supafolio-sort-by-select a::after,
.header-search__select-input .select-input__el a::after,
.select-input--filter-mobile .select-input__el a::after,
.select-input--filter-mobile #supafolio-sort-by-select a::after,
.pagination .nav-links .page-numbers a::after,
.p1 a::after,
.book-details__description a::after,
.ul a::after,
.ol a::after,
.p2 a::after {
  content: "";
  position: absolute;
  top: -3px;
  left: -3px;
  z-index: -1;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-radius: 5px;
  border: solid 1px transparent;
  -webkit-transition: border 0.25s ease-in-out;
  transition: border 0.25s ease-in-out;
  -webkit-transition: border var(--transition-default);
  transition: border var(--transition-default);
}
.link:hover::before, .wysiwyg__container a:hover::before,
.h1 a:hover::before,
.select-input--select-tabs .select-input__el a:hover::before,
.select-input--select-tabs #supafolio-sort-by-select a:hover::before,
.select-input--select-tabs select:focus ~ .select-input__label a:hover::before,
.select-input--select-tabs select:not([value=""]):valid ~ .select-input__label a:hover::before,
.h2 a:hover::before,
.section-title--featured-categories .section-title__heading a:hover::before,
.section-title--book-events .section-title__heading a:hover::before,
.author--available .section-title--featured-events .section-title__heading a:hover::before,
.author--empty .section-title--featured-events .section-title__heading a:hover::before,
.author--minimal .section-title--featured-events .section-title__heading a:hover::before,
.h3 a:hover::before,
.h4 a:hover::before,
.wysiwyg__container .filter-bar__sort--mobile.select-input .select-input__el a:hover::before,
.filter-bar__sort--mobile.select-input .wysiwyg__container .select-input__el a:hover::before,
.wysiwyg__container .filter-bar__sort--mobile.select-input #supafolio-sort-by-select a:hover::before,
.filter-bar__sort--mobile.select-input .wysiwyg__container #supafolio-sort-by-select a:hover::before,
.header-search__select-input .select-input__el a:hover::before,
.select-input--filter-mobile .select-input__el a:hover::before,
.select-input--filter-mobile #supafolio-sort-by-select a:hover::before,
.pagination .nav-links .page-numbers a:hover::before,
.p1 a:hover::before,
.book-details__description a:hover::before,
.ul a:hover::before,
.ol a:hover::before,
.p2 a:hover::before {
  -webkit-animation-name: text-link-hover;
          animation-name: text-link-hover;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}
.link:focus:not([disabled])::after, .wysiwyg__container a:focus:not([disabled])::after,
.h1 a:focus:not([disabled])::after,
.select-input--select-tabs .select-input__el a:focus:not([disabled])::after,
.select-input--select-tabs #supafolio-sort-by-select a:focus:not([disabled])::after,
.select-input--select-tabs select:focus ~ .select-input__label a:focus:not([disabled])::after,
.select-input--select-tabs select:not([value=""]):valid ~ .select-input__label a:focus:not([disabled])::after,
.h2 a:focus:not([disabled])::after,
.section-title--featured-categories .section-title__heading a:focus:not([disabled])::after,
.section-title--book-events .section-title__heading a:focus:not([disabled])::after,
.author--available .section-title--featured-events .section-title__heading a:focus:not([disabled])::after,
.author--empty .section-title--featured-events .section-title__heading a:focus:not([disabled])::after,
.author--minimal .section-title--featured-events .section-title__heading a:focus:not([disabled])::after,
.h3 a:focus:not([disabled])::after,
.h4 a:focus:not([disabled])::after,
.wysiwyg__container .filter-bar__sort--mobile.select-input #supafolio-sort-by-select a:focus:not([disabled])::after,
.filter-bar__sort--mobile.select-input .wysiwyg__container #supafolio-sort-by-select a:focus:not([disabled])::after,
.header-search__select-input .select-input__el a:focus:not([disabled])::after,
.select-input--filter-mobile .select-input__el a:focus:not([disabled])::after,
.select-input--filter-mobile #supafolio-sort-by-select a:focus:not([disabled])::after,
.pagination .nav-links .page-numbers a:focus:not([disabled])::after,
.p1 a:focus:not([disabled])::after,
.book-details__description a:focus:not([disabled])::after,
.ul a:focus:not([disabled])::after,
.ol a:focus:not([disabled])::after,
.p2 a:focus:not([disabled])::after {
  border: 1px solid #656565;
  border: var(--border-dark-gray);
}

/* Horizontal Rule */
.hr {
  background-color: #000000;
  background-color: var(--black);
  border: none;
  display: block;
  height: 1px;
  width: 100%;
}
.hr--light-gray {
  background-color: #e1e1e1;
  background-color: var(--light-gray);
}
.hr--dark-gray {
  background-color: #656565;
  background-color: var(--dark-gray);
  opacity: 0.5;
}

/* Styles */
em,
.italic,
.wysiwyg__container i,
.wysiwyg__container em {
  font-style: italic;
}

.light {
  font-weight: 100;
}

.medium {
  font-weight: 500;
}

strong,
.bold,
.wysiwyg__container b,
.wysiwyg__container strong {
  font-weight: 700;
}

.bolder {
  font-weight: 900;
}

.uppercase {
  text-transform: uppercase;
}

.underline {
  text-decoration: underline;
}

.decoration--none {
  text-decoration: none;
}

.no-wrap {
  white-space: nowrap;
}

.small {
  font-size: 0.8em;
}

body button.focus-visible,
body input.focus-visible,
body select.focus-visible,
body textarea.focus-visible,
body div.focus-visible,
body span.focus-visible {
  outline: 1px solid #000000;
  outline: 1px solid var(--black);
}

body button:focus-visible,
body input:focus-visible,
body select:focus-visible,
body textarea:focus-visible,
body div:focus-visible,
body span:focus-visible {
  outline: 1px solid #000000;
  outline: 1px solid var(--black);
}

.visually-hidden {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap; /* added line */
}

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

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

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

.align-j {
  text-align: justify;
}

.align-m {
  vertical-align: middle;
}

.align-t {
  vertical-align: top;
}

.align-b {
  vertical-align: baseline;
}

.flip-h {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes swing {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  10% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  30% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  50% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  70% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  90% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  to {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@keyframes swing {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  10% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  30% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  50% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  70% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  90% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  to {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@-webkit-keyframes text-link-hover {
  0% {
    left: auto;
    right: 0;
    width: 100%;
  }
  50% {
    left: auto;
    right: 0;
    width: 0%;
  }
  51% {
    left: 0;
    right: auto;
  }
  100% {
    left: 0;
    right: auto;
    width: 100%;
  }
}
@keyframes text-link-hover {
  0% {
    left: auto;
    right: 0;
    width: 100%;
  }
  50% {
    left: auto;
    right: 0;
    width: 0%;
  }
  51% {
    left: 0;
    right: auto;
  }
  100% {
    left: 0;
    right: auto;
    width: 100%;
  }
}
.black {
  color: #000000;
  color: var(--black);
}

.white {
  color: #ffffff;
  color: var(--white);
}

.macmillan-red {
  color: #ce0e2d;
  color: var(--macmillan-red);
}

.orange {
  color: #ffcc7f;
  color: var(--orange);
}

.blue {
  color: #b6d7e8;
  color: var(--blue);
}

.green {
  color: #e6f1dd;
  color: var(--green);
}

.dark-gray {
  color: #656565;
  color: var(--dark-gray);
}

.blue-gray {
  color: #f5f7f8;
  color: var(--blue-gray);
}

.light-gray {
  color: #e1e1e1;
  color: var(--light-gray);
}

.error-red {
  color: #de300d;
  color: var(--error-red);
}

.bg-black {
  background-color: #000000;
  background-color: var(--black);
  padding-bottom: 40px;
}
.bg-white {
  background-color: #ffffff;
  background-color: var(--white);
  padding-bottom: 40px;
}
.bg-transparent {
  background-color: transparent;
  padding-bottom: 40px;
}
.bg-macmillan-red, .bg-red {
  background-color: #ce0e2d;
  background-color: var(--macmillan-red);
  padding-bottom: 40px;
}
.bg-orange {
  background-color: #ffcc7f;
  background-color: var(--orange);
  padding-bottom: 40px;
}
.bg-blue {
  background-color: #b6d7e8;
  background-color: var(--blue);
  padding-bottom: 40px;
}
.bg-green {
  background-color: #e6f1dd;
  background-color: var(--green);
  padding-bottom: 40px;
}
.bg-gray {
  background: #f5f7f8;
  padding-bottom: 40px;
}
.bg-dark-gray {
  background-color: #656565;
  background-color: var(--dark-gray);
  padding-bottom: 40px;
}
.bg-blue-gray {
  background-color: #f5f7f8;
  background-color: var(--blue-gray);
  padding-bottom: 40px;
}
.bg-light-gray {
  background-color: #e1e1e1;
  background-color: var(--light-gray);
  padding-bottom: 40px;
}
.bg-error-red {
  background-color: #de300d;
  background-color: var(--error-red);
  padding-bottom: 40px;
}

.container {
  margin: 0 auto;
  position: relative;
  width: calc(100% - 40px);
}
@media (min-width: 620px) {
  .container {
    width: calc(100% - 80px);
  }
}
@media (min-width: 1000px) {
  .container {
    width: calc(100% - 160px);
  }
}

.container--xxs {
  max-width: 445px;
  max-width: var(--xxs);
}

.container--xs {
  max-width: 620px;
  max-width: var(--xs);
}

.container--s {
  max-width: 768px;
  max-width: var(--s);
}

.container--ms {
  max-width: 840px;
  max-width: var(--ms);
}

.container--m {
  max-width: 1000px;
  max-width: var(--m);
}

.container--ml {
  max-width: 1160px;
  max-width: var(--ml);
}

.container--l {
  max-width: 1200px;
  max-width: var(--l);
}

.container--xl {
  max-width: 1440px;
  max-width: var(--xl);
}

.container--xxl {
  max-width: 1800px;
  max-width: var(--xxl);
}

.container--basic {
  margin-top: 40px;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.fixed {
  position: fixed;
}

.static {
  position: static;
}

.pointer {
  cursor: pointer;
}

.block {
  display: block;
}

@media (min-width: 445px) {
  .block--xxs {
    display: block;
  }
}

@media (min-width: 620px) {
  .block--xs {
    display: block;
  }
}

@media (min-width: 768px) {
  .block--s {
    display: block;
  }
}

@media (min-width: 840px) {
  .block--ms {
    display: block;
  }
}

@media (min-width: 1000px) {
  .block--m {
    display: block;
  }
}

@media (min-width: 1160px) {
  .block--ml {
    display: block;
  }
}

@media (min-width: 1200px) {
  .block--l {
    display: block;
  }
}

@media (min-width: 1440px) {
  .block--xl {
    display: block;
  }
}

@media (min-width: 1600px) {
  .block--xxl {
    display: block;
  }
}

.hide {
  display: none;
}

@media (min-width: 445px) {
  .hide--xxs {
    display: none;
  }
}

@media (min-width: 620px) {
  .hide--xs {
    display: none;
  }
}

@media (min-width: 768px) {
  .hide--s {
    display: none;
  }
}

@media (min-width: 840px) {
  .hide--ms {
    display: none;
  }
}

@media (min-width: 1000px) {
  .hide--m {
    display: none;
  }
}

@media (min-width: 1160px) {
  .hide--ml {
    display: none;
  }
}

@media (min-width: 1200px) {
  .hide--l {
    display: none;
  }
}

@media (min-width: 1440px) {
  .hide--xl {
    display: none;
  }
}

@media (min-width: 1600px) {
  .hide--xxl {
    display: none;
  }
}

/* Dropdown */
.dropdown {
  background-color: #ffffff;
  background-color: var(--white);
  border: 1px solid #000000;
  border: 1px solid var(--black);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  width: 100%;
  overflow: hidden;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dropdown .dropdown__icon {
  width: 10px;
  height: 9px;
  display: inline-block;
  position: absolute;
  right: 10px;
}

.dropdown__el {
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
  width: 100%;
}

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

.fw {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.ais {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.aie {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.aic {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.aib {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

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

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

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

.jcb {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.fa {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
}

.ff {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.fdc {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.flickity {
  width: 100%;
}

.flickity-prev-next-button {
  top: 45%;
}
.flickity-prev-next-button:disabled {
  display: none;
}

.flickity-page-dots {
  display: none;
}
@media (min-width: 768px) {
  .flickity-page-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 auto;
    max-width: 90%;
  }
}

.flickity-page-dots .dot {
  border-radius: 0;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 20px;
  position: relative;
  background: transparent;
  -webkit-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  -webkit-transition: var(--transition-default);
  transition: var(--transition-default);
  margin: 0;
}
.flickity-page-dots .dot:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: black;
  position: absolute;
  top: 98%;
}
.flickity-page-dots .dot:hover {
  opacity: 0.5;
}

@font-face {
  font-family: "Cooper Light BT";
  src: url(./fonts/CooperLtBTWXX-Light.woff2) format("woff2"), url(./fonts/CooperLtBTWXX-Light.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "neue-haas-grotesk-text";
  src: url(./fonts/NHaasGroteskTXPro-55Rg.woff2) format("woff2"), url(./fonts/NHaasGroteskTXPro-55Rg.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "neue-haas-grotesk-text";
  src: url(./fonts/NHaasGroteskTXPro-56It.woff2) format("woff2"), url(./fonts/NHaasGroteskTXPro-56It.woff) format("woff");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "neue-haas-grotesk-text";
  src: url(./fonts/NHaasGroteskTXPro-65Md.woff2) format("woff2"), url(./fonts/NHaasGroteskTXPro-65Md.woff) format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "neue-haas-grotesk-text";
  src: url(./fonts/NHaasGroteskTXPro-66MdIt.woff2) format("woff2"), url(./fonts/NHaasGroteskTXPro-66MdIt.woff) format("woff");
  font-weight: bold;
  font-style: italic;
}
.form-row + .form-row {
  margin-top: 20px;
}

select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #ffffff inset !important;
  -webkit-box-shadow: 0 0 0 30px var(--white) inset !important;
}

.ratio {
  position: relative;
}
.ratio::before {
  content: "";
  display: block;
  width: 100%;
}

/* Square */
.ro-1::before {
  padding-top: 100%;
}

/* Rectangle */
.ro-2::before {
  padding-bottom: 75.1633986928%;
}

.clear::before, .clear::after {
  content: " ";
  display: table;
}
.clear::after {
  clear: both;
}

/* Common */
.hidden {
  display: none;
}

/* Visually hidden but read by screen readers */
.sr-only {
  display: block;
  height: 0;
  overflow: hidden;
  text-indent: -9999px;
  width: 0;
}

.icon,
.logo {
  position: relative;
}
.icon svg,
.logo svg {
  display: block;
  height: 100%;
  width: 100%;
}

.fill {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

#main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 100vw;
  outline: none;
}
@media (min-width: 1000px) {
  #main {
    margin-top: 93px;
  }
}
#main .content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-height: 520px;
  position: relative;
  width: 100%;
}
@media (min-width: 1000px) {
  .template-demo #main {
    margin-top: 0;
  }
}
.page-ecomm-receipt #main, .page-ecomm-checkout #main {
  margin-top: 52px;
}
@media (min-width: 1000px) {
  .page-ecomm-receipt #main, .page-ecomm-checkout #main {
    margin-top: 93px;
  }
}
.page-quiz #main {
  margin-top: 0;
  min-height: 100%;
}
.page-ecomm-past-orders #main, .page-ecomm-login #main, .page-ecomm-register #main, .page-ecomm-forgotten #main, .page-404 #main, .page-search #main, .page-category #main {
  min-height: 100%;
}

.header,
.footer {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
}

.wysiwyg__container ul,
.ul,
.ol,
.wysiwyg__container ol {
  padding-left: 24px;
}
.wysiwyg__container ul li,
.ul li,
.ol li,
.wysiwyg__container ol li {
  position: relative;
  margin-top: 3px;
  line-height: 25px;
}
@media (min-width: 620px) {
  .wysiwyg__container ul li,
  .ul li,
  .ol li,
  .wysiwyg__container ol li {
    margin-top: 5px;
  }
}
.wysiwyg__container ul li:first-child,
.ul li:first-child,
.ol li:first-child,
.wysiwyg__container ol li:first-child {
  margin-top: 0;
}
.wysiwyg__container ul ul,
.wysiwyg__container ul ol,
.ul ul,
.ul ol,
.ol ul,
.wysiwyg__container ol ul,
.ol ol,
.wysiwyg__container ol ol {
  margin-top: 3px;
}
@media (min-width: 620px) {
  .wysiwyg__container ul ul,
  .wysiwyg__container ul ol,
  .ul ul,
  .ul ol,
  .ol ul,
  .wysiwyg__container ol ul,
  .ol ol,
  .wysiwyg__container ol ol {
    margin-top: 5px;
  }
}

.wysiwyg__container ul,
.ul {
  list-style: disc;
}

.ol,
.wysiwyg__container ol {
  list-style: decimal;
}

body > main {
  -webkit-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
}
body.loading > main {
  opacity: 0;
}

.mha,
.mxa {
  margin-left: auto;
}

.mha,
.mxa {
  margin-right: auto;
}

.mva,
.mxa {
  margin-top: auto;
}

.mva,
.mxa {
  margin-bottom: auto;
}

.mt0,
.mv0,
.mx0 {
  margin-top: 0;
}

.mb0,
.mv0,
.mx0 {
  margin-bottom: 0;
}

.pt0,
.pv0,
.px0 {
  padding-top: 0;
}

.pb0,
.pv0,
.px0 {
  padding-bottom: 0;
}

.pr0,
.ph0,
.px0 {
  padding-right: 0;
}

.pl0,
.ph0,
.px0 {
  padding-left: 0;
}

.mt025,
.mv025,
.mx025 {
  margin-top: 0.25em;
}

.mb025,
.mv025,
.mx025 {
  margin-bottom: 0.25em;
}

.ml025,
.mh025,
.mx025 {
  margin-left: 0.25em;
}

.mr025,
.mh025,
.mx025 {
  margin-right: 0.25em;
}

.pt025,
.pv025,
.px025 {
  padding-top: 0.25em;
}

.pb025,
.pv025,
.px025 {
  padding-bottom: 0.25em;
}

.pl025,
.ph025,
.px025 {
  padding-left: 0.25em;
}

.pr025,
.ph025,
.px025 {
  padding-right: 0.25em;
}

.mt05,
.mv05,
.mx05 {
  margin-top: 0.5em;
}

.mb05,
.mv05,
.mx05 {
  margin-bottom: 0.5em;
}

.ml05,
.mh05,
.mx05 {
  margin-left: 0.5em;
}

.mr05,
.mh05,
.mx05 {
  margin-right: 0.5em;
}

.pt05,
.pv05,
.px05 {
  padding-top: 0.5em;
}

.pb05,
.pv05,
.px05 {
  padding-bottom: 0.5em;
}

.pl05,
.ph05,
.px05 {
  padding-left: 0.5em;
}

.pr05,
.ph05,
.px05 {
  padding-right: 0.5em;
}

.mt075,
.mv075,
.mx075 {
  margin-top: 0.75em;
}

.mb075,
.mv075,
.mx075 {
  margin-bottom: 0.75em;
}

.ml075,
.mh075,
.mx075 {
  margin-left: 0.75em;
}

.mr075,
.mh075,
.mx075 {
  margin-right: 0.75em;
}

.pt075,
.pv075,
.px075 {
  padding-top: 0.75em;
}

.pb075,
.pv075,
.px075 {
  padding-bottom: 0.75em;
}

.pl075,
.ph075,
.px075 {
  padding-left: 0.75em;
}

.pr075,
.ph075,
.px075 {
  padding-right: 0.75em;
}

.mt1,
.mv1,
.mx1 {
  margin-top: 1em;
}

.mb1,
.mv1,
.mx1 {
  margin-bottom: 1em;
}

.ml1,
.mh1,
.mx1 {
  margin-left: 1em;
}

.mr1,
.mh1,
.mx1 {
  margin-right: 1em;
}

.mln1 {
  margin-left: -1em;
}

.mrn1 {
  margin-right: -1em;
}

.mhn1 {
  margin-left: -1em;
  margin-right: -1em;
}

.pt1,
.pv1,
.px1 {
  padding-top: 1em;
}

.pb1,
.pv1,
.px1 {
  padding-bottom: 1em;
}

.pl1,
.ph1,
.px1 {
  padding-left: 1em;
}

.pr1,
.ph1,
.px1 {
  padding-right: 1em;
}

.mt15,
.mv15,
.mx15 {
  margin-top: 1.5em;
}

.mb15,
.mv15,
.mx15 {
  margin-bottom: 1.5em;
}

.ml15,
.mh15,
.mx15 {
  margin-left: 1.5em;
}

.mr15,
.mh15,
.mx15 {
  margin-right: 1.5em;
}

.mln15 {
  margin-left: -1.5em;
}

.mrn15 {
  margin-right: -1.5em;
}

.mhn15 {
  margin-left: -1.5em;
  margin-right: -15em;
}

.pt15,
.pv15,
.px15 {
  padding-top: 1.5em;
}

.pb15,
.pv15,
.px15 {
  padding-bottom: 1.5em;
}

.pl15,
.ph15,
.px15 {
  padding-left: 1.5em;
}

.pr15,
.ph15,
.px15 {
  padding-right: 1.5em;
}

.mt2,
.mv2,
.mx2 {
  margin-top: 2em;
}

.mb2,
.mv2,
.mx2 {
  margin-bottom: 2em;
}

.ml2,
.mh2,
.mx2 {
  margin-left: 2em;
}

.mr2,
.mh2,
.mx2 {
  margin-right: 2em;
}

.mln2 {
  margin-left: -2em;
}

.mrn2 {
  margin-right: -2em;
}

.mhn2 {
  margin-left: -2em;
  margin-right: -2em;
}

.pt2,
.pv2,
.px2 {
  padding-top: 2em;
}

.pb2,
.pv2,
.px2 {
  padding-bottom: 2em;
}

.pl2,
.ph2,
.px2 {
  padding-left: 2em;
}

.pr2,
.ph2,
.px2 {
  padding-right: 2em;
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.spinner {
  position: relative;
  z-index: 20;
  display: inline-block;
  width: 20px;
  height: 20px;
  opacity: 0;
  -webkit-transition: all 0.25s ease-in-out, visibility 0.25s ease-in-out;
  transition: all 0.25s ease-in-out, visibility 0.25s ease-in-out;
  -webkit-transition: all var(--transition-default), visibility var(--transition-default);
  transition: all var(--transition-default), visibility var(--transition-default);
  visibility: hidden;
}
.is-processing .spinner, .spinner.is-active {
  opacity: 1;
  visibility: visible;
}
.spinner:before {
  -webkit-animation: spin 1s infinite linear;
          animation: spin 1s infinite linear;
}
.spinner:after {
  -webkit-animation: spin 1s infinite ease;
          animation: spin 1s infinite ease;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.spinner:before, .spinner:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  border: 2px solid transparent;
  border-right-color: antiquewhite;
  border-right-color: antiquewhite;
  border-radius: 50%;
}
.form-combo--mobile .spinner:before, .button-price--solid .spinner:before, .form-combo--mobile .spinner:after, .button-price--solid .spinner:after {
  border-top-color: deeppink;
  border-right-color: deeppink;
}

.spinner--lg {
  top: 50%;
  left: 50%;
  margin-left: -30px;
  margin-top: -30px;
  width: 60px;
  height: 60px;
}
.spinner--lg:before, .spinner--lg:after {
  border-width: 4px;
}

.spinner--sm {
  top: 50%;
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
}

.spinner--abs {
  position: absolute;
}

.spinner--fix {
  position: fixed;
}

.spinner--button {
  position: absolute;
  top: calc(50% - 10px);
  left: calc(50% - 10px);
}

.fade-in-down-enter-active,
.fade-in-down-leave-active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

.fade-in-down-enter,
.fade-in-down-leave-to {
  opacity: 0;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
}

.fade-enter-active,
.fade-leave-active {
  -webkit-transition: opacity 500ms ease-in-out;
  transition: opacity 500ms ease-in-out;
}

.fade-enter,
.fade-leave-to {
  opacity: 0;
}

.w1 {
  width: 100%;
}

.z0 {
  z-index: 0;
}

.z1 {
  z-index: 100;
}

.z2 {
  z-index: 200;
}

.z3 {
  z-index: 300;
}

.z5 {
  z-index: 500;
}

.z6 {
  z-index: 600;
}

.z7 {
  z-index: 700;
}

.z8 {
  z-index: 800;
} /* Header/Promobar */
.z9 {
  z-index: 900;
} /* Mini-cart */
.z10 {
  z-index: 1000;
} /* Modals */
img {
  max-width: 100%;
}

.lazyload {
  height: 300px;
}
.lazyload.author-img {
  height: 200px;
  width: 200px;
}

.alignleft {
  display: inline;
  float: left;
}

.alignright {
  display: inline;
  float: right;
}

.aligncenter {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
  margin: 0.4em 1.6em 1.6em 0;
}

blockquote.alignright,
.wp-caption.alignright,
img.alignright {
  margin: 0.4em 0 1.6em 1.6em;
}

blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
  clear: both;
  margin-top: 0.4em;
  margin-bottom: 1.6em;
}

.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
  margin-bottom: 1.2em;
}

/* Images in wp posts with captions */
.entry-content img,
.comment-content img,
.widget img {
  max-width: 100%;
}

img[class*=align],
img[class*=wp-image-] {
  height: auto;
}

img.size-full {
  max-width: 100%;
  width: auto;
}

.wp-caption {
  max-width: 100%;
}

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
          clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
  position: absolute !important;
  white-space: nowrap;
  height: 1px;
  width: 1px;
  overflow: hidden;
  display: block;
}

.video-embed {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}

.video-embed iframe,
.video-embed object,
.video-embed embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.grid {
  background-color: transparent;
}

.grid__title {
  padding-bottom: 23px;
}
@media (min-width: 768px) {
  .grid__title {
    padding-bottom: 44px;
  }
}
@media (min-width: 1200px) {
  .grid__title {
    padding-bottom: 40px;
  }
}

.grid__list-inner {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-bottom: 13px;
}
@media (min-width: 1000px) {
  .grid__list-inner {
    padding-bottom: 20px;
  }
}
@media (min-width: 1200px) {
  .grid__list-inner {
    padding-bottom: 0;
  }
}

.grid__item {
  width: 50%;
  margin-bottom: 27px;
  padding: 0 10px;
}
@media (min-width: 768px) {
  .grid__item {
    width: 33.3333333333%;
    margin-bottom: 31px;
    padding: 0 11px;
  }
}
@media (min-width: 1000px) {
  .grid__item {
    width: 25%;
    margin-bottom: 31px;
  }
}
@media (min-width: 1200px) {
  .grid__item {
    width: 25%;
    margin-bottom: 61px;
  }
}

.grid__item-title {
  padding-bottom: 6px;
}
@media (min-width: 768px) {
  .grid__item-title {
    padding-bottom: 4px;
  }
}

.grid__item-title a::before {
  content: none;
}

.grid__item .image-grid-card {
  width: 100%;
}
.grid__item .image-grid-card .image-grid-card__img {
  max-width: 61px;
  max-height: 115px;
  margin: 0 auto 16px;
}
@media (min-width: 768px) {
  .grid__item .image-grid-card .image-grid-card__img {
    max-width: 94px;
    max-height: 178px;
    margin: 0 auto 30px;
  }
}
@media (min-width: 1000px) {
  .grid__item .image-grid-card .image-grid-card__img {
    margin: 0 auto 35px;
  }
}
@media (min-width: 1200px) {
  .grid__item .image-grid-card .image-grid-card__img {
    max-width: 141px;
    max-height: 268px;
    margin: 0 auto 12px;
  }
}
.grid__item .image-grid-card .image-grid-card__img::before {
  padding-bottom: 188.5245901639%;
}
@media (min-width: 768px) {
  .grid__item .image-grid-card .image-grid-card__img::before {
    padding-bottom: 189.3617021277%;
  }
}
@media (min-width: 1200px) {
  .grid__item .image-grid-card .image-grid-card__img::before {
    padding-bottom: 190.0709219858%;
  }
}

.button {
  position: relative;
  display: inline-block;
  text-align: center;
}
.button:disabled {
  opacity: 0.4;
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.button.loading {
  pointer-events: none !important;
  position: relative !important;
  opacity: 0.4;
}
.button.loading:after {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  border: 3px solid #656565;
  border: 3px solid var(--dark-gray);
  border-top-color: #ffffff;
  border-top-color: var(--white);
  -webkit-animation: spin 0.5s infinite linear;
          animation: spin 0.5s infinite linear;
  margin: 0 auto;
}
.button.loading .button__el {
  display: none;
}

.button__el svg {
  display: none;
}

.button--primary, .wysiwyg__container button,
.button--primary-book {
  height: 40px;
  min-width: 151px;
  border-radius: 5px;
  padding: 0 4ch;
  line-height: 40px;
  vertical-align: middle;
  font-family: "neue-haas-grotesk-text", Helvetica, sans-serif;
  font-family: var(--neue-haas-grotesk-text);
  font-size: 1.3rem; /* 13px */
  font-weight: bold;
  color: #ffffff;
  color: var(--white);
  -webkit-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
  -webkit-transition: color var(--transition-default);
  transition: color var(--transition-default);
  z-index: 1;
}
@media (min-width: 620px) {
  .button--primary, .wysiwyg__container button,
  .button--primary-book {
    height: 49px;
    line-height: 49px;
  }
}
.button--primary::before, .wysiwyg__container button::before,
.button--primary-book::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  background-color: #000000;
  background-color: var(--black);
  -webkit-transition: background-color 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out, transform 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out, transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  -webkit-transition: background-color var(--transition-default), -webkit-transform var(--transition-default);
  transition: background-color var(--transition-default), -webkit-transform var(--transition-default);
  transition: background-color var(--transition-default), transform var(--transition-default);
  transition: background-color var(--transition-default), transform var(--transition-default), -webkit-transform var(--transition-default);
}
.button--primary::after, .wysiwyg__container button::after,
.button--primary-book::after {
  content: "";
  position: absolute;
  top: -3px;
  left: -3px;
  z-index: -1;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-radius: 5px;
  border: solid 1px transparent;
  -webkit-transition: border 0.25s ease-in-out;
  transition: border 0.25s ease-in-out;
  -webkit-transition: border var(--transition-default);
  transition: border var(--transition-default);
}
@media (min-width: 620px) {
  .button--primary::after, .wysiwyg__container button::after,
  .button--primary-book::after {
    top: -4px;
    left: -4px;
    width: calc(100% + 6px);
    height: calc(100% + 6px);
  }
}
.button--primary:hover::before, .wysiwyg__container button:hover::before, .button--primary:focus::before, .wysiwyg__container button:focus::before,
.button--primary-book:hover::before,
.button--primary-book:focus::before {
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}

.button--primary-book {
  height: 55px;
  line-height: 55px;
  width: 100%;
}
.non-touch .button--primary-book:hover:not([disabled]):not([href=""]) {
  color: #000000;
  color: var(--black);
}
.non-touch .button--primary-book:hover:not([disabled]):not([href=""])::before {
  background-color: #ce0e2d;
  background-color: var(--macmillan-red);
  -webkit-transform: scale(1);
          transform: scale(1);
}

.button--secondary {
  font-family: "neue-haas-grotesk-text", Helvetica, sans-serif;
  font-family: var(--neue-haas-grotesk-text);
  font-size: 1.3rem; /* 13px */
  font-weight: bold;
}
.button--secondary::before {
  content: "";
  position: absolute;
  bottom: -2px;
  right: 0;
  width: 100%;
  height: 1px;
  border-bottom: solid 1px currentColor;
  pointer-events: none;
}
.button--secondary::after {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  z-index: -1;
  width: calc(100% + 18px);
  height: calc(100% + 18px);
  border-radius: 5px;
  border: solid 1px transparent;
  -webkit-transition: border 0.25s ease-in-out;
  transition: border 0.25s ease-in-out;
  -webkit-transition: border var(--transition-default);
  transition: border var(--transition-default);
}
.non-touch .button--secondary:hover:not([disabled]):not([href=""])::before {
  -webkit-animation-name: text-link-hover;
          animation-name: text-link-hover;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}

.button--full-width {
  width: 100%;
}

.skip_link {
  position: absolute;
  top: 23px;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -100px);
          transform: translate(-50%, -100px);
  text-transform: uppercase;
  padding: 10px 30px;
  color: #ffffff;
  color: var(--white);
  background-color: #000000;
  background-color: var(--black);
  border: 3px solid #000000;
  border: 3px solid var(--black);
  z-index: 998;
}
.skip_link:focus {
  outline: 5px auto -webkit-focus-ring-color;
}
.skip_link:active, .skip_link:focus {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.skip_link--sidebar {
  top: 0;
  left: 0;
  -webkit-transform: translate(-100%);
          transform: translate(-100%);
}
.skip_link--sidebar:active, .skip_link--sidebar:focus {
  -webkit-transform: translate(0);
          transform: translate(0);
}

.button--header-search {
  width: auto;
  min-width: auto;
  margin: 0;
  padding: 0;
}
@media (min-width: 1000px) {
  .button--header-search {
    width: 109px;
    min-width: 109px;
    height: 46px;
    line-height: 46px;
    padding: 0 22px;
    color: #ffffff;
    color: var(--white);
    background: #ce0e2d;
    background: var(--macmillan-red);
  }
}
.button--header-search::before {
  background: transparent;
}
@media (min-width: 1000px) {
  .button--header-search::before {
    border-radius: 0 5px 5px 0;
    background: #ce0e2d;
    background: var(--macmillan-red);
  }
}
@media (min-width: 1000px) {
  .button--header-search .button__el {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}
.button--header-search .button__text {
  display: none;
}
@media (min-width: 1000px) {
  .button--header-search .button__text {
    display: block;
  }
}
.button--header-search svg {
  display: block;
  width: 17px;
  height: 46px;
  color: #ffffff;
  color: var(--white);
}
@media (min-width: 1000px) {
  .button--header-search svg {
    margin-right: 6px;
  }
}

.button--book-form {
  min-width: 100%;
  min-height: 55px;
  margin-bottom: 27px;
}
.button--book-form:hover:not([disabled]):not([href=""]) {
  color: #ffffff;
  color: var(--white);
}
.button--book-form:hover:not([disabled]):not([href=""])::before {
  -webkit-transform: none;
          transform: none;
  background-color: #ce0e2d;
  background-color: var(--macmillan-red);
}

.button--book-form:focus:not([disabled]) {
  color: #ffffff;
  color: var(--white);
}
.user-is-tabbing .button--book-form:focus:not([disabled])::before {
  -webkit-transform: none;
          transform: none;
  background-color: #ce0e2d;
  background-color: var(--macmillan-red);
}

.button--secondary:focus:not([disabled]),
.button--primary-book:focus:not([disabled]),
.button--primary:focus:not([disabled]),
.wysiwyg__container button:focus:not([disabled]) {
  outline: none;
}
.user-is-tabbing .button--secondary:focus:not([disabled])::after,
.user-is-tabbing .button--primary-book:focus:not([disabled])::after,
.user-is-tabbing .button--primary:focus:not([disabled])::after,
.user-is-tabbing .wysiwyg__container button:focus:not([disabled])::after,
.wysiwyg__container .user-is-tabbing button:focus:not([disabled])::after {
  border: 1px solid #656565;
  border: var(--border-dark-gray);
}

.button__landing-page {
  margin-top: 10px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .button__landing-page {
    margin-top: 30px;
  }
}
@media (min-width: 1440px) {
  .button__landing-page {
    margin-top: 50px;
  }
}

.book-card .book-img {
  position: relative;
  height: 100%;
}
.book-card .book-img img {
  display: block;
}
.book-card .book-img__shadow {
  position: absolute;
  bottom: -3px;
  right: 100%;
  width: 80px;
  height: auto;
}
@media (min-width: 1440px) {
  .book-card .book-img__shadow {
    width: 80px;
  }
}
.book-card .book-img__shadow-img {
  width: 100%;
  height: 100%;
}
.book-card .book-card__link:before {
  display: none;
}
.book-card .book-card__inner {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 1000px) {
  .carousel--series-main .book-card .book-card__inner, .carousel--featured-categories .book-card .book-card__inner, .carousel--related-books .book-card .book-card__inner, .featured-moods .book-card .book-card__inner {
    padding-top: 20px;
  }
}
.book-card .book-card__title {
  margin-bottom: 4px;
}
.book-card .book-card__title a {
  font-weight: normal;
}
.book-card .book-card__title a:hover {
  color: rgba(0, 0, 0, 0.6);
}
.book-card .book-card__title a:before, .book-card .book-card__title a:after {
  display: none;
}
.book-card .book-card__author {
  margin-bottom: 6px;
}
.book-card .book-card__category {
  display: inline-block;
  padding: 2px 5px;
  border-radius: 5px;
  background-color: #e6f1dd;
  background-color: var(--green);
}
@media (min-width: 1000px) {
  .book-card .book-card__category {
    padding: 3px 10px;
  }
}
.book-card .book-card__badge {
  position: absolute;
  top: -15px;
  left: -25px;
  width: 51px;
  height: 51px;
  z-index: 5;
}
@media (min-width: 1000px) {
  .book-card .book-card__badge {
    top: -30px;
    width: 71px;
    height: 71px;
  }
}
.book-card .book-card__badge-text {
  display: block;
  position: absolute;
  top: 15px;
  left: 8px;
  width: 40px;
  color: #ffffff;
  color: var(--white);
  text-transform: uppercase;
  text-align: center;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
}
@media (min-width: 1000px) {
  .book-card .book-card__badge-text {
    top: 22px;
    left: 16px;
  }
}
.book-card .book-card--series {
  width: calc(50% - 16px);
  margin: 0 8px 32px;
}
@media (min-width: 768px) {
  .book-card .book-card--series {
    width: calc(25% - 24px);
    margin: 0 12px 40px;
  }
}
@media (min-width: 1440px) {
  .book-card .book-card--series {
    width: calc(25% - 40px);
    margin: 0 20px 60px;
  }
}
.book-card .book-card--series .book-card__img-wrapper::before {
  padding-bottom: 62.5592417062%;
}
@media (min-width: 768px) {
  .book-card .book-card--series .book-card__img-wrapper::before {
    padding-bottom: 44.7592067989%;
  }
}
@media (min-width: 1000px) {
  .book-card .book-card--series .book-card__img-wrapper::before {
    padding-bottom: 62.2159090909%;
  }
}
@media (min-width: 1440px) {
  .book-card .book-card--series .book-card__img-wrapper::before {
    padding-bottom: 62.5%;
  }
}
.book-card .book-card__img {
  position: relative;
  margin-bottom: 9px;
}
@media (min-width: 768px) {
  .book-card .book-card__img {
    cursor: pointer;
    -webkit-transition: -webkit-transform 0.25s ease-in-out;
    transition: -webkit-transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
    -webkit-transition: -webkit-transform var(--transition-default);
    transition: -webkit-transform var(--transition-default);
    transition: transform var(--transition-default);
    transition: transform var(--transition-default), -webkit-transform var(--transition-default);
  }
}
@media (min-width: 1000px) {
  .book-card .book-card__img {
    margin-bottom: 17px;
  }
}
@media (min-width: 1000px) {
  .book-card .book-card__img:hover {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
}
@media (min-width: 1000px) {
  .carousel--card-width .book-card .book-card__img {
    min-height: 475px;
  }
}
.carousel--card-width .book-card .book-card__img::before {
  padding-top: 153.6585365854%;
}
@media (min-width: 1000px) {
  .carousel--card-width .book-card .book-card__img::before {
    content: none;
  }
}
@media (min-width: 1000px) {
  .carousel--card-width .book-card .book-card__img .img,
  .carousel--card-width .book-card .book-card__img .img__el {
    display: block;
    position: static;
    width: auto;
    overflow: hidden;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.carousel--card-height .book-card .book-card__img {
  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: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.carousel--card-height .book-card .book-card__img::before {
  content: none;
}
.carousel--card-height .book-card .book-card__img .img.fit-contain .img__el {
  -o-object-fit: initial;
     object-fit: initial;
  width: 100%;
}
.carousel--card-height .book-card .book-card__img .img,
.carousel--card-height .book-card .book-card__img .img__el {
  display: block;
  position: unset;
  height: auto;
  overflow: hidden;
  -o-object-fit: contain;
     object-fit: contain;
  border: none 0px;
}
.carousel--card-height .book-card .book-card__img img {
  max-height: 190px;
}
@media (min-width: 768px) {
  .carousel--card-height .book-card .book-card__img img {
    max-height: 300px;
  }
}
@media (min-width: 1200px) {
  .carousel--card-height .book-card .book-card__img img {
    max-height: 380px;
  }
}
.featured-categories .book-card .book-card__img {
  min-height: 300px;
}
@media (min-width: 768px) {
  .featured-categories .book-card .book-card__img {
    min-height: 358px;
  }
}
@media (min-width: 1440px) {
  .featured-categories .book-card .book-card__img {
    min-height: 469px;
  }
}
.author--available .featured-categories .book-card .book-card__img, .author--empty .featured-categories .book-card .book-card__img, .author--minimal .featured-categories .book-card .book-card__img {
  min-height: 236px;
}
@media (min-width: 1000px) {
  .author--available .featured-categories .book-card .book-card__img, .author--empty .featured-categories .book-card .book-card__img, .author--minimal .featured-categories .book-card .book-card__img {
    min-height: 253px;
  }
}
@media (min-width: 1000px) {
  .author--available .featured-categories .book-card .book-card__img, .author--empty .featured-categories .book-card .book-card__img, .author--minimal .featured-categories .book-card .book-card__img {
    min-height: 358px;
  }
}
@media (min-width: 1440px) {
  .author--available .featured-categories .book-card .book-card__img, .author--empty .featured-categories .book-card .book-card__img, .author--minimal .featured-categories .book-card .book-card__img {
    min-height: 469px;
  }
}
.featured-books .book-card .book-card__img {
  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: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.featured-moods .book-card .book-card__img {
  min-height: 239px;
}
@media (min-width: 768px) {
  .featured-moods .book-card .book-card__img {
    min-height: 361px;
  }
}
@media (min-width: 1440px) {
  .featured-moods .book-card .book-card__img {
    min-height: 474px;
  }
}
.related-books .book-card .book-card__img {
  min-height: 224px;
}
@media (min-width: 768px) {
  .related-books .book-card .book-card__img {
    min-height: 341px;
  }
}
@media (min-width: 1440px) {
  .related-books .book-card .book-card__img {
    min-height: 448px;
  }
}
.series-main__carousel .book-card .book-card__img::before {
  padding-top: 160%;
}

.book-img-border {
  border: 1px solid rgba(0, 0, 0, 0.05);
  border: 1px solid var(--black-5);
  display: block;
}

.book-card__content {
  text-align: center;
}
@media (min-width: 768px) {
  .book-card__content {
    min-height: 100px;
  }
}
@media (min-width: 1000px) {
  .book-card__content {
    min-height: 122px;
  }
}
@media (min-width: 1440px) {
  .book-card__content {
    min-height: 107px;
  }
}
@media (min-width: 768px) {
  .series--short .carousel--series-main .book-card__content {
    min-height: 137px;
  }
}
@media (min-width: 1000px) {
  .series--short .carousel--series-main .book-card__content {
    min-height: 146px;
  }
}
@media (min-width: 1440px) {
  .series--short .carousel--series-main .book-card__content {
    min-height: 111px;
  }
}
.carousel--featured-books .book-card__content, .carousel--featured-categories .book-card__content {
  min-height: 86px;
}
@media (min-width: 768px) {
  .carousel--featured-books .book-card__content, .carousel--featured-categories .book-card__content {
    min-height: 100px;
  }
}
@media (min-width: 1000px) {
  .carousel--featured-books .book-card__content, .carousel--featured-categories .book-card__content {
    min-height: 122px;
  }
}
@media (min-width: 1440px) {
  .carousel--featured-books .book-card__content, .carousel--featured-categories .book-card__content {
    min-height: 107px;
  }
}
.carousel--related-books .book-card__content {
  min-height: 116px;
}
@media (min-width: 768px) {
  .carousel--related-books .book-card__content {
    min-height: 100px;
  }
}
@media (min-width: 1000px) {
  .carousel--related-books .book-card__content {
    min-height: 122px;
  }
}
@media (min-width: 1440px) {
  .carousel--related-books .book-card__content {
    min-height: 107px;
  }
}
.book-grid__grid .book-card__content {
  min-height: 110px;
}
@media (max-width: 320px) {
  .book-grid__grid .book-card__content {
    min-height: 125px;
  }
}
@media (min-width: 768px) {
  .book-grid__grid .book-card__content {
    min-height: 137px;
  }
}
@media (min-width: 1000px) {
  .book-grid__grid .book-card__content {
    min-height: 146px;
  }
}
@media (min-width: 1440px) {
  .book-grid__grid .book-card__content {
    min-height: 107px;
  }
}

.social-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  white-space: nowrap;
}

.social-links__icon {
  position: relative;
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 15px;
  color: #000000;
  color: var(--black);
  -webkit-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
  -webkit-transition: color var(--duration) var(--ease);
  transition: color var(--duration) var(--ease);
  font-size: 16px;
}
.social-links__icon:first-child {
  margin-left: 0;
  border-left: none;
}
.social-links__icon svg {
  display: inline-block;
  width: 16px;
  height: 15px;
  text-align: center;
}
.social-links__icon a:hover {
  color: #656565;
  color: var(--dark-gray);
}

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

.newsletter__form {
  width: 100%;
}

.newsletter__btn {
  display: block;
  width: 100%;
  z-index: 1;
}
@media (min-width: 1000px) {
  .newsletter__btn {
    width: calc(50% - 5px);
    padding: 0 3ch;
  }
}
@media (min-width: 1440px) {
  .newsletter__btn {
    width: calc(50% - 9px);
  }
}

.newsletter__wrapper {
  margin-bottom: 20px;
}

.newsletter__title {
  margin-bottom: 15px;
  text-align: center;
}
@media (min-width: 1000px) {
  .newsletter__title {
    margin-bottom: 23px;
  }
}
@media (min-width: 1440px) {
  .newsletter__title {
    margin-bottom: 26px;
  }
}

.newsletter__intro {
  text-align: center;
  margin-bottom: 30px;
}

.newsletter__required-label {
  font-size: 1.1rem;
  line-height: 2.4rem;
}

.newsletter__intro--non-us {
  height: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: height 0.25s ease-in-out, opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
  transition: height 0.25s ease-in-out, opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
  -webkit-transition: height var(--duration) var(--ease), opacity var(--duration) var(--ease), visibility var(--duration) var(--ease);
  transition: height var(--duration) var(--ease), opacity var(--duration) var(--ease), visibility var(--duration) var(--ease);
  margin-bottom: 20px;
}
.newsletter__intro--non-us.visible {
  opacity: 1;
  visibility: visible;
  height: auto;
}

.newsletter__fields-section .text-input.newsletter__text-input {
  width: 100%;
  margin-bottom: 15px;
}
.newsletter__fields-section .text-input.newsletter__text-input .text-input__el {
  height: 4.6rem;
}

.form-error {
  border: 2px solid #de300d;
  border: 2px solid var(--error-red);
}

.newsletter__error p {
  color: #de300d;
  color: var(--error-red);
  margin-bottom: 20px;
}

.newsletter__additional-text,
.newsletter__additional-privacy {
  padding-bottom: 20px;
  padding-top: 10px;
}
@media (min-width: 768px) {
  .newsletter__additional-text,
  .newsletter__additional-privacy {
    max-width: 614px;
    padding-bottom: 41px;
  }
}

.newsletter__additional-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.newsletter__additional-links li {
  margin-right: 10px;
  padding-bottom: 5px;
}
.newsletter__additional-links li:last-child {
  margin-right: 0;
}
.newsletter__additional-links a {
  position: relative;
  display: inline-block;
}
.newsletter__additional-links a::before {
  content: "";
  position: absolute;
  bottom: -1px;
  right: 0;
  width: 100%;
  height: 1px;
  border-bottom: solid 1px currentColor;
  pointer-events: none;
}
.newsletter__additional-links a::after {
  content: "";
  position: absolute;
  top: -3px;
  left: -3px;
  z-index: -1;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-radius: 5px;
  border: solid 1px transparent;
  -webkit-transition: border 0.25s ease-in-out;
  transition: border 0.25s ease-in-out;
  -webkit-transition: border var(--transition-default);
  transition: border var(--transition-default);
}
.newsletter__additional-links a:hover::before {
  -webkit-animation-name: text-link-hover;
          animation-name: text-link-hover;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}
.newsletter__additional-links a:focus:not([disabled])::after {
  border: 1px solid #656565;
  border: var(--border-dark-gray);
}

.newsletter__submit {
  width: 100%;
  margin-bottom: 50px;
}

.newsletter__group div {
  width: 100%;
}
@media (min-width: 768px) {
  .newsletter__group--2 div {
    width: 49%;
  }
}
@media (min-width: 768px) {
  .newsletter__group--3 div {
    width: 32% !important;
  }
}

.newsletter--author-alerts .creator-card {
  margin-bottom: 40px;
}
.newsletter--author-alerts .creator-card__bio {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-bottom: 0;
}
.newsletter--author-alerts .creator-main__about-inner {
  background: transparent;
  padding: 0;
}

.book-gallery {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media (min-width: 768px) {
  .book-gallery {
    width: 100%;
    margin-bottom: 50px;
  }
}
@media (min-width: 1000px) {
  .book-gallery {
    width: 40%;
    margin-bottom: 0;
    margin-left: 40px;
  }
}
@media (min-width: 1200px) {
  .book-gallery {
    width: 51.6%;
    margin-left: 0;
  }
}

.book-gallery__top {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .book-gallery__top {
    margin-bottom: 20px;
  }
}

.book-gallery__bottom {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  margin-bottom: 33px;
}
@media (min-width: 768px) {
  .book-gallery__bottom {
    margin-bottom: 0;
  }
  .book--childrens .book-gallery__bottom {
    margin-bottom: 45px;
  }
}

.book-gallery__bottom button:first-child {
  padding-left: 0;
}
.book-gallery__bottom button:last-child {
  padding-right: 0;
}

.book-gallery__image-wrapper {
  position: relative;
  margin: 0 auto;
  max-width: 300px;
}
@media (min-width: 1200px) {
  .book-gallery__image-wrapper {
    max-width: 400px;
  }
}
.book-gallery__image-wrapper .img {
  position: static;
  display: block;
}
.book-gallery__image-wrapper .img__el {
  position: static;
}

.book-gallery__image::before {
  padding-bottom: 100%;
}
.book--childrens .book-gallery__image::before {
  padding-bottom: 100%;
}

.book-gallery__img-front {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
  -webkit-transition: opacity var(--duration) var(--ease), visibility var(--duration) var(--ease);
  transition: opacity var(--duration) var(--ease), visibility var(--duration) var(--ease);
}
.is-swap .book-gallery__img-front {
  max-height: 0;
  opacity: 0;
  visibility: hidden;
}

.book-gallery__img-back {
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
  -webkit-transition: opacity var(--duration) var(--ease), visibility var(--duration) var(--ease);
  transition: opacity var(--duration) var(--ease), visibility var(--duration) var(--ease);
}
.is-swap .book-gallery__img-back {
  max-height: 100%;
  opacity: 1;
  visibility: visible;
}

.book-gallery__image {
  position: absolute;
  top: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
  -webkit-transition: opacity var(--duration) var(--ease), visibility var(--duration) var(--ease);
  transition: opacity var(--duration) var(--ease), visibility var(--duration) var(--ease);
}
.book-gallery__image.is-active {
  position: relative;
  opacity: 1;
  visibility: visible;
}

.book-gallery__image--digitalaudio .book-gallery__img-front {
  max-height: 100%;
}
.is-swap .book-gallery__image--digitalaudio .book-gallery__img-front {
  opacity: 1;
  visibility: visible;
}
.book-gallery__image--digitalaudio .book-gallery__img-back {
  display: none;
}

.book-gallery__badge {
  position: absolute;
  top: 0;
  right: -51px;
  width: 65px;
  height: 65px;
  z-index: 3;
  cursor: pointer;
}
@media (min-width: 768px) {
  .book-gallery__badge {
    top: -45px;
    right: -45px;
  }
}
@media (min-width: 1200px) {
  .book-gallery__badge {
    top: -31px;
    right: -72px;
    height: 92px;
    width: 92px;
  }
}
.book-gallery__badge:focus {
  border: 1px solid #656565;
  border: var(--border-dark-gray);
}
.creator-main__about .book-gallery__badge {
  right: -20px;
  top: -30px;
}
@media (min-width: 768px) {
  .creator-main__about .book-gallery__badge {
    top: -45px;
    right: -45px;
  }
}
@media (min-width: 1200px) {
  .creator-main__about .book-gallery__badge {
    top: -31px;
    right: -72px;
  }
}

.book-gallery__badge-inner {
  pointer-events: none;
  height: 100%;
}

.book-gallery__badge-icon svg {
  width: 100%;
  height: 100%;
}

.book-gallery__badge-text {
  display: block;
  position: absolute;
  top: 12px;
  left: 4px;
  width: 60px;
  color: #ffffff;
  color: var(--white);
  text-align: center;
  pointer-events: none;
}
@media (min-width: 768px) {
  .book-gallery__badge-text {
    left: 3px;
  }
}
@media (min-width: 1200px) {
  .book-gallery__badge-text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
.book-gallery__badge-text svg {
  display: block;
  margin: 0px auto;
}
.book--childrens .book-gallery__badge-text {
  top: 14px;
  left: 8px;
  width: 45px;
  color: #000000;
  color: var(--black);
  -webkit-transform: rotate(23deg);
          transform: rotate(23deg);
}
@media (min-width: 1200px) {
  .book--childrens .book-gallery__badge-text {
    top: 25px;
    left: 20px;
    width: 50px;
  }
}

.book-gallery__badge-text svg {
  width: 12px;
  height: 13px;
  pointer-events: none;
  stroke: #ffffff;
  stroke: var(--white);
}
.book--childrens .book-gallery__badge-text svg {
  stroke: #000000;
  stroke: var(--black);
}

.book-gallery__cta-read-excerpt {
  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;
  position: relative;
  padding: 0 14px;
}
.book-gallery__cta-read-excerpt svg {
  display: block;
  width: 24px;
  height: 14px;
  margin-left: 5px;
  pointer-events: none;
}
.book-gallery__cta-read-excerpt span {
  pointer-events: none;
}
.book-gallery__cta-read-excerpt:focus {
  border: 1px solid #656565;
  border: var(--border-dark-gray);
}

.book-gallery__cta-take-look {
  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;
  position: relative;
  padding: 0 14px;
}
@media (min-width: 1160px) {
  .book-gallery__cta-take-look:focus {
    border: 1px solid #656565;
    border: var(--border-dark-gray);
  }
}
.book-gallery__cta-take-look svg {
  display: block;
  width: 24px;
  height: 14px;
  margin-left: 5px;
  pointer-events: none;
}
.book-gallery__cta-take-look span {
  pointer-events: none;
}

.book-gallery__cta-take-look-image {
  width: 32px;
  height: 32px;
  margin-right: 10px;
}
@media (min-width: 1000px) {
  .book-gallery__cta-take-look-image {
    width: 40px;
    height: 40px;
  }
}

.book-gallery__shadow {
  position: absolute;
  bottom: -5px;
  left: -262px;
}

.section-title {
  padding: 54px 0 26px;
}
@media (min-width: 768px) {
  .section-title {
    padding: 40px 0 35px;
  }
}
@media (min-width: 1000px) {
  .section-title {
    padding: 40px 0 54px;
  }
}

.section-title__landing-page {
  padding: 30px 0 0;
}
@media (min-width: 768px) {
  .section-title__landing-page {
    padding: 40px 0 13px;
  }
}
@media (min-width: 1000px) {
  .section-title__landing-page {
    padding: 52px 0 16px;
  }
}
@media (min-width: 1440px) {
  .section-title__landing-page {
    padding: 60px 0 15px;
  }
}
.section-title__landing-page .section-title__inner {
  padding: 0;
}

.section-title__inner {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .section-title__inner {
    padding-bottom: 40px;
  }
}
@media (min-width: 1440px) {
  .section-title__inner {
    padding-bottom: 60px;
  }
}

.section-title__heading {
  padding-bottom: 13px;
}
@media (min-width: 768px) {
  .section-title__heading {
    padding-bottom: 10px;
  }
}
@media (min-width: 1000px) {
  .section-title__heading {
    padding-bottom: 12px;
  }
}
@media (min-width: 1440px) {
  .section-title__heading {
    padding-bottom: 21px;
  }
}

.section-title__sub-title {
  padding-bottom: 11px;
}
@media (min-width: 1000px) {
  .section-title__sub-title {
    padding-bottom: 14px;
  }
}
@media (min-width: 1440px) {
  .section-title__sub-title {
    padding-bottom: 16px;
  }
}

.section-title__creators {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
}

.section-title__creator {
  padding-bottom: 10px;
}
@media (min-width: 1000px) {
  .section-title__creator {
    padding-bottom: 12px;
  }
}

.section-title__narrator {
  max-height: 100%;
  opacity: 1;
  visibility: visible;
  -webkit-transition: max-height 0.2s ease-in-out, opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
  transition: max-height 0.2s ease-in-out, opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
  -webkit-transition: max-height var(--speed) var(--ease), opacity var(--speed) var(--ease), visibility var(--speed) var(--ease);
  transition: max-height var(--speed) var(--ease), opacity var(--speed) var(--ease), visibility var(--speed) var(--ease);
}
.is-hardcover-active .section-title__narrator {
  max-height: 1px;
  opacity: 0;
  visibility: hidden;
}

.section-title__label {
  padding-right: 5px;
}
@media (min-width: 1000px) {
  .section-title__label {
    padding-right: 8px;
  }
}

.section-title--book-main {
  padding: 82px 0 12px;
}
@media (min-width: 768px) {
  .section-title--book-main {
    padding: 40px 0 18px;
  }
}
@media (min-width: 1000px) {
  .section-title--book-main {
    padding-bottom: 25px;
  }
}
@media (min-width: 1440px) {
  .section-title--book-main {
    padding: 54px 0 34px;
  }
}
.section-title--book-main .section-title__sub-title.p1 a:before, .section-title--book-main .wysiwyg__container p.section-title__sub-title a:before, .wysiwyg__container .section-title--book-main p.section-title__sub-title a:before, .section-title--book-main .book-details__description p.section-title__sub-title a:before, .book-details__description .section-title--book-main p.section-title__sub-title a:before, .section-title--book-main .section-title__sub-title.book-details__description a:before, .section-title--book-main .wysiwyg__container ul.section-title__sub-title a:before, .wysiwyg__container .section-title--book-main ul.section-title__sub-title a:before,
.section-title--book-main .section-title__sub-title.ul a:before,
.section-title--book-main .section-title__sub-title.ol a:before,
.section-title--book-main .wysiwyg__container ol.section-title__sub-title a:before,
.wysiwyg__container .section-title--book-main ol.section-title__sub-title a:before {
  opacity: 0;
}
@media (min-width: 620px) {
  .section-title--book-main .section-title__sub-title.p1 a:before, .section-title--book-main .wysiwyg__container p.section-title__sub-title a:before, .wysiwyg__container .section-title--book-main p.section-title__sub-title a:before, .section-title--book-main .book-details__description p.section-title__sub-title a:before, .book-details__description .section-title--book-main p.section-title__sub-title a:before, .section-title--book-main .section-title__sub-title.book-details__description a:before, .section-title--book-main .wysiwyg__container ul.section-title__sub-title a:before, .wysiwyg__container .section-title--book-main ul.section-title__sub-title a:before,
  .section-title--book-main .section-title__sub-title.ul a:before,
  .section-title--book-main .section-title__sub-title.ol a:before,
  .section-title--book-main .wysiwyg__container ol.section-title__sub-title a:before,
  .wysiwyg__container .section-title--book-main ol.section-title__sub-title a:before {
    opacity: 1;
  }
}

.section-title--featured-events {
  padding: 40px 0 33px;
}
@media (min-width: 768px) {
  .section-title--featured-events {
    padding: 50px 0 30px;
  }
}
@media (min-width: 1000px) {
  .section-title--featured-events {
    padding: 70px 0 40px;
  }
}
@media (min-width: 1440px) {
  .section-title--featured-events {
    padding: 105px 0 55px;
  }
}
.section-title--featured-events .section-title__heading {
  padding: 0;
}
.section-title--related-book {
  padding: 38px 0 35px;
}
@media (min-width: 768px) {
  .section-title--related-book {
    padding: 50px 0 30px;
  }
}
@media (min-width: 1440px) {
  .section-title--related-book {
    padding: 85px 0 57px;
  }
}
.section-title--related-book .section-title__heading {
  padding-bottom: 0;
}

.section-title--imprints {
  padding: 41px 0 38px;
  background: #f5f7f8;
  background: var(--blue-gray);
}
.section-title--imprints .section-title__heading {
  font-family: "Cooper Light BT", "Times New Roman", serif;
  font-family: var(--cooper-lt-bt);
  font-size: 2.3rem; /* 23px */
  line-height: 1.25;
  font-weight: normal;
  padding-bottom: 0;
}
@media (min-width: 620px) {
  .section-title--imprints .section-title__heading {
    font-size: 2.5rem; /* 25px */
    line-height: 1.2;
  }
}
@media (min-width: 1200px) {
  .section-title--imprints .section-title__heading {
    font-size: 3.5rem; /* 35px */
    line-height: 1.3;
  }
}
@media (min-width: 1440px) {
  .section-title--imprints {
    padding: 57px 0 34px;
  }
}

.section-title--featured-updates {
  padding: 0;
}
.section-title--featured-updates .section-title__heading {
  font-family: "Cooper Light BT", "Times New Roman", serif;
  font-family: var(--cooper-lt-bt);
  font-size: 2.3rem; /* 23px */
  line-height: 1.25;
  font-weight: normal;
  padding: 0;
}
@media (min-width: 620px) {
  .section-title--featured-updates .section-title__heading {
    font-size: 2.5rem; /* 25px */
    line-height: 1.2;
  }
}
@media (min-width: 1200px) {
  .section-title--featured-updates .section-title__heading {
    font-size: 3.5rem; /* 35px */
    line-height: 1.3;
  }
}
.section-title--featured-updates .section-title__container {
  position: relative;
  padding: 20px 0 0;
  border-top: 1px solid #e1e1e1;
  border-top: var(--border-light-gray);
}
@media (min-width: 768px) {
  .section-title--featured-updates .section-title__container {
    padding: 30px 0 0;
  }
}
@media (min-width: 1440px) {
  .section-title--featured-updates .section-title__container {
    padding: 40px 0 0;
  }
}

.section-title--series-grid {
  padding: 41px 0 15px;
}
@media (min-width: 768px) {
  .section-title--series-grid {
    padding: 50px 0 15px;
  }
}
@media (min-width: 1000px) {
  .section-title--series-grid {
    padding: 70px 0 21px;
  }
}
@media (min-width: 1440px) {
  .section-title--series-grid {
    padding: 100px 0 21px;
  }
}
.section-title--series-grid .section-title__heading {
  padding-bottom: 0;
}

.section-title--book-events {
  padding: 35px 0 19px;
}
@media (min-width: 768px) {
  .section-title--book-events {
    padding: 50px 0 20px;
  }
}
@media (min-width: 1440px) {
  .section-title--book-events {
    padding: 64px 0 36px;
  }
}
.section-title--book-events .section-title__container {
  width: 100%;
}
.section-title--book-events .section-title__heading {
  padding-bottom: 0;
  text-align: left;
}
.section-title--book-events .section-title__inner {
  padding: 0;
}

.section-title--featured-genres-publisher {
  padding: 35px 0 19px;
}
@media (min-width: 768px) {
  .section-title--featured-genres-publisher {
    padding: 50px 0 20px;
  }
}
@media (min-width: 1440px) {
  .section-title--featured-genres-publisher {
    padding: 64px 0 36px;
  }
}

.section-title--featured-series {
  padding: 40px 0 30px;
}
@media (min-width: 768px) {
  .section-title--featured-series {
    padding: 50px 0 30px;
  }
}
@media (min-width: 1000px) {
  .section-title--featured-series {
    padding: 70px 0 40px;
  }
}
@media (min-width: 1440px) {
  .section-title--featured-series {
    padding: 80px 0 60px;
  }
}

.section-title--page-series {
  padding: 30px 0 27px;
}
@media (min-width: 768px) {
  .section-title--page-series {
    padding: 50px 0 37px;
  }
}
@media (min-width: 1440px) {
  .section-title--page-series {
    padding: 55px 0 31px;
  }
}

.section-title--featured-categories {
  padding: 30px 0 0;
}
@media (min-width: 768px) {
  .section-title--featured-categories {
    padding: 40px 0 13px;
  }
}
@media (min-width: 1000px) {
  .section-title--featured-categories {
    padding: 52px 0 16px;
  }
}
@media (min-width: 1440px) {
  .section-title--featured-categories {
    padding: 60px 0 15px;
  }
}
.section-title--featured-categories .section-title__inner {
  padding: 0;
}

.section-title--featured-books {
  padding: 30px 0 0;
}
@media (min-width: 768px) {
  .section-title--featured-books {
    padding: 40px 0 0;
  }
}
@media (min-width: 1000px) {
  .section-title--featured-books {
    padding: 52px 0 26px;
  }
}
@media (min-width: 1440px) {
  .section-title--featured-books {
    padding: 60px 0 40px;
  }
}
.section-title--featured-books .section-title__inner {
  margin-bottom: 0;
}
.section-title--featured-books .section-title__heading {
  padding-bottom: 0;
}

.tabs__container {
  width: 100%;
  margin: 0;
}
@media (min-width: 1000px) {
  .tabs__container {
    margin: 0 auto;
  }
}
.tabs--featured-categories .tabs__container {
  max-width: 100%;
}
@media (min-width: 1440px) {
  .tabs--featured-categories-author .tabs__container {
    max-width: 1440px;
  }
}

.tabs__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  height: 100%;
  margin: 0 20px 30px;
}
@media (min-width: 1440px) {
  .tabs__nav {
    margin-bottom: 60px;
  }
}
.tabs--featured-categories .tabs__nav {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: initial;
      flex-wrap: initial;
  padding: 2px 0;
  overflow: scroll;
}
@media (min-width: 768px) {
  .tabs--featured-categories .tabs__nav {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0;
    overflow: visible;
    overflow: initial;
  }
}

.tabs__nav--disable {
  display: none;
}

.tabs__nav-item {
  margin-right: 10px;
}
@media (min-width: 768px) {
  .tabs__nav-item {
    margin-right: 30px;
  }
}
.tabs__nav-item:last-child {
  margin-right: 0;
}

.tabs__nav-link {
  display: block;
  min-height: 37px;
  padding: 10px;
  color: #656565;
  color: var(--dark-gray);
  -webkit-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  -webkit-transition: background-color var(--speed) var(--ease);
  transition: background-color var(--speed) var(--ease);
}
.tabs__nav-link::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 10px;
  z-index: 0;
  width: calc(100% - 22px);
  height: calc(100% - 6px);
  border-radius: 10px;
  border: solid 1px transparent;
  -webkit-transition: border 0.25s ease-in-out;
  transition: border 0.25s ease-in-out;
  -webkit-transition: border var(--transition-default);
  transition: border var(--transition-default);
}
.is-active .tabs__nav-link::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.tabs__nav-link:hover {
  color: #000000;
  color: var(--black);
  cursor: pointer;
}
@media (min-width: 1000px) {
  .tabs__nav-link:focus {
    outline: none;
  }
}
@media (min-width: 1000px) {
  .tabs__nav-link:focus::after {
    border: 1px solid #656565;
    border: var(--border-dark-gray);
  }
}
@media (min-width: 768px) {
  .tabs__nav-link {
    padding: 10px 16px;
  }
}
.is-active .tabs__nav-link {
  min-height: 37px;
  color: #000000;
  color: var(--black);
  border-radius: 10px;
  border: 1px solid #e1e1e1;
  border: 1px solid var(--grey-light);
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 2px 4px 0 var(--black-5);
          box-shadow: 0 2px 4px 0 var(--black-5);
  background-color: #ffffff;
  background-color: var(--white);
}
.tabs--featured-categories .tabs__nav-link {
  white-space: nowrap;
}

.tabs__screens {
  position: relative;
  -webkit-transition: max-height 0.2s ease-in-out;
  transition: max-height 0.2s ease-in-out;
  -webkit-transition: max-height var(--speed) var(--ease);
  transition: max-height var(--speed) var(--ease);
}

.tabs__content {
  position: relative;
  max-height: 0;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, max-height 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, max-height 0.2s ease-in-out;
  -webkit-transition: opacity var(--speed) var(--ease), visibility var(--speed) var(--ease), max-height var(--speed) var(--ease);
  transition: opacity var(--speed) var(--ease), visibility var(--speed) var(--ease), max-height var(--speed) var(--ease);
}
.tabs__content.is-active {
  max-height: unset;
  visibility: visible;
  opacity: 1;
  z-index: 6;
}

@media (min-width: 768px) {
  .tabs--creators .tabs__nav {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin: 0 0 30px;
  }
}

.tabs__creators-title {
  margin-bottom: 20px;
}

.tabs--landing-page {
  margin-bottom: 40px;
}

.carousel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.carousel.flickity-enabled {
  display: block;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.carousel::after {
  /* Enable Flickity in CSS */
  content: "flickity";
  display: none;
}
.carousel .flickity-viewport {
  overflow: hidden;
}
.carousel .flickity-slider.carousel--fade {
  /* Flickity fade override */
  -webkit-transform: none !important;
          transform: none !important;
}

.carousel--show-prev-next .flickity-page-dots {
  margin-top: 30px;
}
@media (min-width: 768px) {
  .carousel--show-prev-next .flickity-page-dots {
    margin-top: 33px;
  }
}
@media (min-width: 1000px) {
  .carousel--show-prev-next .flickity-page-dots {
    margin-top: 31px;
  }
}
@media (min-width: 1440px) {
  .carousel--show-prev-next .flickity-page-dots {
    margin-top: 56px;
  }
}
@media (max-width: 619px) {
  .featured-communities--home .carousel--show-prev-next .flickity-page-dots {
    margin-top: 0;
  }
}
.carousel--show-prev-next .flickity-page-dots .creators {
  margin-top: 0;
}
@media (min-width: 768px) {
  .carousel--show-prev-next .flickity-page-dots .creators {
    margin-top: 3px;
  }
}
@media (min-width: 1000px) {
  .carousel--show-prev-next .flickity-page-dots .creators {
    margin-top: 1px;
  }
}
@media (min-width: 1440px) {
  .carousel--show-prev-next .flickity-page-dots .creators {
    margin-top: 26px;
  }
}

.carousel--disabled::after {
  /* Disable Flickity with the `watchCSS` option */
  content: "none" !important;
}

.flickity-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  min-height: 100%;
}
.carousel--fade .flickity-slide {
  /* Flickity fade override */
  left: 0 !important;
}
.carousel--fade .flickity-slide.flickity-enabled {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
  -webkit-transition: opacity var(--transition-default), visibility var(--transition-default);
  transition: opacity var(--transition-default), visibility var(--transition-default);
}
.carousel--fade .flickity-slide.is-selected {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 619px) {
  .carousel--col-1 .flickity-slide {
    margin-right: 0 !important;
  }
}
@media (max-width: 767px) {
  .flickity-slide {
    /* Fallback to grid if Flickity is not enabled */
  }
  .carousel--col-1 .flickity-slide {
    width: calc(
                    100% / 1 - ((1 - 1) * 20px / 1)
                ) !important;
    width: calc(
                    100% / 1 - ((1 - 1) * var(--gutter-xxs) / 1)
                ) !important;
    margin-right: 20px;
    margin-right: var(--gutter-xxs);
  }
  .carousel--col-1 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(1n) {
    margin-right: 0;
  }
  .carousel--margin-1 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(n+1) {
    margin-top: 20px;
    margin-top: var(--gutter-xxs);
  }
}
@media (min-width: 768px) and (max-width: 999px) {
  .flickity-slide {
    /* Fallback to grid if Flickity is not enabled */
  }
  .carousel--col-s-1 .flickity-slide {
    width: calc(
                    100% / 1 - ((1 - 1) * 25px / 1)
                ) !important;
    width: calc(
                    100% / 1 - ((1 - 1) * var(--gutter-s) / 1)
                ) !important;
    margin-right: 25px;
    margin-right: var(--gutter-s);
  }
  .carousel--col-s-1 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(1n) {
    margin-right: 0;
  }
  .carousel--margin-s-1 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(n+1) {
    margin-top: 25px;
    margin-top: var(--gutter-s);
  }
}
@media (min-width: 1000px) and (max-width: 1199px) {
  .flickity-slide {
    /* Fallback to grid if Flickity is not enabled */
  }
  .carousel--col-m-1 .flickity-slide {
    width: calc(
                    100% / 1 - ((1 - 1) * 20px / 1)
                ) !important;
    width: calc(
                    100% / 1 - ((1 - 1) * var(--gutter-m) / 1)
                ) !important;
    margin-right: 20px;
    margin-right: var(--gutter-m);
  }
  .carousel--col-m-1 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(1n) {
    margin-right: 0;
  }
  .carousel--margin-m-1 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(n+1) {
    margin-top: 20px;
    margin-top: var(--gutter-m);
  }
}
@media (min-width: 1200px) {
  .flickity-slide {
    /* Fallback to grid if Flickity is not enabled */
  }
  .carousel--col-l-1 .flickity-slide {
    width: calc(
                    100% / 1 - ((1 - 1) * 40px / 1)
                ) !important;
    width: calc(
                    100% / 1 - ((1 - 1) * var(--gutter-l) / 1)
                ) !important;
    margin-right: 40px;
    margin-right: var(--gutter-l);
  }
  .carousel--col-l-1 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(1n) {
    margin-right: 0;
  }
  .carousel--margin-l-1 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(n+1) {
    margin-top: 40px;
    margin-top: var(--gutter-l);
  }
}
@media (max-width: 767px) {
  .flickity-slide {
    /* Fallback to grid if Flickity is not enabled */
  }
  .carousel--col-2 .flickity-slide {
    width: calc(
                    100% / 2 - ((2 - 1) * 20px / 2)
                ) !important;
    width: calc(
                    100% / 2 - ((2 - 1) * var(--gutter-xxs) / 2)
                ) !important;
    margin-right: 20px;
    margin-right: var(--gutter-xxs);
  }
  .carousel--col-2 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(2n) {
    margin-right: 0;
  }
  .carousel--margin-2 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(n+2) {
    margin-top: 20px;
    margin-top: var(--gutter-xxs);
  }
}
@media (min-width: 768px) and (max-width: 999px) {
  .flickity-slide {
    /* Fallback to grid if Flickity is not enabled */
  }
  .carousel--col-s-2 .flickity-slide {
    width: calc(
                    100% / 2 - ((2 - 1) * 25px / 2)
                ) !important;
    width: calc(
                    100% / 2 - ((2 - 1) * var(--gutter-s) / 2)
                ) !important;
    margin-right: 25px;
    margin-right: var(--gutter-s);
  }
  .carousel--col-s-2 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(2n) {
    margin-right: 0;
  }
  .carousel--margin-s-2 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(n+2) {
    margin-top: 25px;
    margin-top: var(--gutter-s);
  }
}
@media (min-width: 1000px) and (max-width: 1199px) {
  .flickity-slide {
    /* Fallback to grid if Flickity is not enabled */
  }
  .carousel--col-m-2 .flickity-slide {
    width: calc(
                    100% / 2 - ((2 - 1) * 20px / 2)
                ) !important;
    width: calc(
                    100% / 2 - ((2 - 1) * var(--gutter-m) / 2)
                ) !important;
    margin-right: 20px;
    margin-right: var(--gutter-m);
  }
  .carousel--col-m-2 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(2n) {
    margin-right: 0;
  }
  .carousel--margin-m-2 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(n+2) {
    margin-top: 20px;
    margin-top: var(--gutter-m);
  }
}
@media (min-width: 1200px) {
  .flickity-slide {
    /* Fallback to grid if Flickity is not enabled */
  }
  .carousel--col-l-2 .flickity-slide {
    width: calc(
                    100% / 2 - ((2 - 1) * 40px / 2)
                ) !important;
    width: calc(
                    100% / 2 - ((2 - 1) * var(--gutter-l) / 2)
                ) !important;
    margin-right: 40px;
    margin-right: var(--gutter-l);
  }
  .carousel--col-l-2 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(2n) {
    margin-right: 0;
  }
  .carousel--margin-l-2 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(n+2) {
    margin-top: 40px;
    margin-top: var(--gutter-l);
  }
}
@media (max-width: 767px) {
  .flickity-slide {
    /* Fallback to grid if Flickity is not enabled */
  }
  .carousel--col-3 .flickity-slide {
    width: calc(
                    100% / 3 - ((3 - 1) * 20px / 3)
                ) !important;
    width: calc(
                    100% / 3 - ((3 - 1) * var(--gutter-xxs) / 3)
                ) !important;
    margin-right: 20px;
    margin-right: var(--gutter-xxs);
  }
  .carousel--col-3 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(3n) {
    margin-right: 0;
  }
  .carousel--margin-3 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(n+3) {
    margin-top: 20px;
    margin-top: var(--gutter-xxs);
  }
}
@media (min-width: 768px) and (max-width: 999px) {
  .flickity-slide {
    /* Fallback to grid if Flickity is not enabled */
  }
  .carousel--col-s-3 .flickity-slide {
    width: calc(
                    100% / 3 - ((3 - 1) * 25px / 3)
                ) !important;
    width: calc(
                    100% / 3 - ((3 - 1) * var(--gutter-s) / 3)
                ) !important;
    margin-right: 25px;
    margin-right: var(--gutter-s);
  }
  .carousel--col-s-3 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(3n) {
    margin-right: 0;
  }
  .carousel--margin-s-3 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(n+3) {
    margin-top: 25px;
    margin-top: var(--gutter-s);
  }
}
@media (min-width: 1000px) and (max-width: 1199px) {
  .flickity-slide {
    /* Fallback to grid if Flickity is not enabled */
  }
  .carousel--col-m-3 .flickity-slide {
    width: calc(
                    100% / 3 - ((3 - 1) * 20px / 3)
                ) !important;
    width: calc(
                    100% / 3 - ((3 - 1) * var(--gutter-m) / 3)
                ) !important;
    margin-right: 20px;
    margin-right: var(--gutter-m);
  }
  .carousel--col-m-3 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(3n) {
    margin-right: 0;
  }
  .carousel--margin-m-3 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(n+3) {
    margin-top: 20px;
    margin-top: var(--gutter-m);
  }
}
@media (min-width: 1200px) {
  .flickity-slide {
    /* Fallback to grid if Flickity is not enabled */
  }
  .carousel--col-l-3 .flickity-slide {
    width: calc(
                    100% / 3 - ((3 - 1) * 40px / 3)
                ) !important;
    width: calc(
                    100% / 3 - ((3 - 1) * var(--gutter-l) / 3)
                ) !important;
    margin-right: 40px;
    margin-right: var(--gutter-l);
  }
  .carousel--col-l-3 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(3n) {
    margin-right: 0;
  }
  .carousel--margin-l-3 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(n+3) {
    margin-top: 40px;
    margin-top: var(--gutter-l);
  }
}
@media (max-width: 767px) {
  .flickity-slide {
    /* Fallback to grid if Flickity is not enabled */
  }
  .carousel--col-4 .flickity-slide {
    width: calc(
                    100% / 4 - ((4 - 1) * 20px / 4)
                ) !important;
    width: calc(
                    100% / 4 - ((4 - 1) * var(--gutter-xxs) / 4)
                ) !important;
    margin-right: 20px;
    margin-right: var(--gutter-xxs);
  }
  .carousel--col-4 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(4n) {
    margin-right: 0;
  }
  .carousel--margin-4 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(n+4) {
    margin-top: 20px;
    margin-top: var(--gutter-xxs);
  }
}
@media (min-width: 768px) and (max-width: 999px) {
  .flickity-slide {
    /* Fallback to grid if Flickity is not enabled */
  }
  .carousel--col-s-4 .flickity-slide {
    width: calc(
                    100% / 4 - ((4 - 1) * 25px / 4)
                ) !important;
    width: calc(
                    100% / 4 - ((4 - 1) * var(--gutter-s) / 4)
                ) !important;
    margin-right: 25px;
    margin-right: var(--gutter-s);
  }
  .carousel--col-s-4 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(4n) {
    margin-right: 0;
  }
  .carousel--margin-s-4 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(n+4) {
    margin-top: 25px;
    margin-top: var(--gutter-s);
  }
}
@media (min-width: 1000px) and (max-width: 1199px) {
  .flickity-slide {
    /* Fallback to grid if Flickity is not enabled */
  }
  .carousel--col-m-4 .flickity-slide {
    width: calc(
                    100% / 4 - ((4 - 1) * 20px / 4)
                ) !important;
    width: calc(
                    100% / 4 - ((4 - 1) * var(--gutter-m) / 4)
                ) !important;
    margin-right: 20px;
    margin-right: var(--gutter-m);
  }
  .carousel--col-m-4 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(4n) {
    margin-right: 0;
  }
  .carousel--margin-m-4 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(n+4) {
    margin-top: 20px;
    margin-top: var(--gutter-m);
  }
}
@media (min-width: 1200px) {
  .flickity-slide {
    /* Fallback to grid if Flickity is not enabled */
  }
  .carousel--col-l-4 .flickity-slide {
    width: calc(
                    100% / 4 - ((4 - 1) * 40px / 4)
                ) !important;
    width: calc(
                    100% / 4 - ((4 - 1) * var(--gutter-l) / 4)
                ) !important;
    margin-right: 40px;
    margin-right: var(--gutter-l);
  }
  .carousel--col-l-4 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(4n) {
    margin-right: 0;
  }
  .carousel--margin-l-4 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(n+4) {
    margin-top: 40px;
    margin-top: var(--gutter-l);
  }
}
@media (max-width: 767px) {
  .flickity-slide {
    /* Fallback to grid if Flickity is not enabled */
  }
  .carousel--col-5 .flickity-slide {
    width: calc(
                    100% / 5 - ((5 - 1) * 20px / 5)
                ) !important;
    width: calc(
                    100% / 5 - ((5 - 1) * var(--gutter-xxs) / 5)
                ) !important;
    margin-right: 20px;
    margin-right: var(--gutter-xxs);
  }
  .carousel--col-5 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(5n) {
    margin-right: 0;
  }
  .carousel--margin-5 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(n+5) {
    margin-top: 20px;
    margin-top: var(--gutter-xxs);
  }
}
@media (min-width: 768px) and (max-width: 999px) {
  .flickity-slide {
    /* Fallback to grid if Flickity is not enabled */
  }
  .carousel--col-s-5 .flickity-slide {
    width: calc(
                    100% / 5 - ((5 - 1) * 25px / 5)
                ) !important;
    width: calc(
                    100% / 5 - ((5 - 1) * var(--gutter-s) / 5)
                ) !important;
    margin-right: 25px;
    margin-right: var(--gutter-s);
  }
  .carousel--col-s-5 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(5n) {
    margin-right: 0;
  }
  .carousel--margin-s-5 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(n+5) {
    margin-top: 25px;
    margin-top: var(--gutter-s);
  }
}
@media (min-width: 1000px) and (max-width: 1199px) {
  .flickity-slide {
    /* Fallback to grid if Flickity is not enabled */
  }
  .carousel--col-m-5 .flickity-slide {
    width: calc(
                    100% / 5 - ((5 - 1) * 20px / 5)
                ) !important;
    width: calc(
                    100% / 5 - ((5 - 1) * var(--gutter-m) / 5)
                ) !important;
    margin-right: 20px;
    margin-right: var(--gutter-m);
  }
  .carousel--col-m-5 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(5n) {
    margin-right: 0;
  }
  .carousel--margin-m-5 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(n+5) {
    margin-top: 20px;
    margin-top: var(--gutter-m);
  }
}
@media (min-width: 1200px) {
  .flickity-slide {
    /* Fallback to grid if Flickity is not enabled */
  }
  .carousel--col-l-5 .flickity-slide {
    width: calc(
                    100% / 5 - ((5 - 1) * 40px / 5)
                ) !important;
    width: calc(
                    100% / 5 - ((5 - 1) * var(--gutter-l) / 5)
                ) !important;
    margin-right: 40px;
    margin-right: var(--gutter-l);
  }
  .carousel--col-l-5 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(5n) {
    margin-right: 0;
  }
  .carousel--margin-l-5 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(n+5) {
    margin-top: 40px;
    margin-top: var(--gutter-l);
  }
}
@media (max-width: 767px) {
  .flickity-slide {
    /* Fallback to grid if Flickity is not enabled */
  }
  .carousel--col-6 .flickity-slide {
    width: calc(
                    100% / 6 - ((6 - 1) * 20px / 6)
                ) !important;
    width: calc(
                    100% / 6 - ((6 - 1) * var(--gutter-xxs) / 6)
                ) !important;
    margin-right: 20px;
    margin-right: var(--gutter-xxs);
  }
  .carousel--col-6 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(6n) {
    margin-right: 0;
  }
  .carousel--margin-6 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(n+6) {
    margin-top: 20px;
    margin-top: var(--gutter-xxs);
  }
}
@media (min-width: 768px) and (max-width: 999px) {
  .flickity-slide {
    /* Fallback to grid if Flickity is not enabled */
  }
  .carousel--col-s-6 .flickity-slide {
    width: calc(
                    100% / 6 - ((6 - 1) * 25px / 6)
                ) !important;
    width: calc(
                    100% / 6 - ((6 - 1) * var(--gutter-s) / 6)
                ) !important;
    margin-right: 25px;
    margin-right: var(--gutter-s);
  }
  .carousel--col-s-6 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(6n) {
    margin-right: 0;
  }
  .carousel--margin-s-6 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(n+6) {
    margin-top: 25px;
    margin-top: var(--gutter-s);
  }
}
@media (min-width: 1000px) and (max-width: 1199px) {
  .flickity-slide {
    /* Fallback to grid if Flickity is not enabled */
  }
  .carousel--col-m-6 .flickity-slide {
    width: calc(
                    100% / 6 - ((6 - 1) * 20px / 6)
                ) !important;
    width: calc(
                    100% / 6 - ((6 - 1) * var(--gutter-m) / 6)
                ) !important;
    margin-right: 20px;
    margin-right: var(--gutter-m);
  }
  .carousel--col-m-6 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(6n) {
    margin-right: 0;
  }
  .carousel--margin-m-6 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(n+6) {
    margin-top: 20px;
    margin-top: var(--gutter-m);
  }
}
@media (min-width: 1200px) {
  .flickity-slide {
    /* Fallback to grid if Flickity is not enabled */
  }
  .carousel--col-l-6 .flickity-slide {
    width: calc(
                    100% / 6 - ((6 - 1) * 40px / 6)
                ) !important;
    width: calc(
                    100% / 6 - ((6 - 1) * var(--gutter-l) / 6)
                ) !important;
    margin-right: 40px;
    margin-right: var(--gutter-l);
  }
  .carousel--col-l-6 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(6n) {
    margin-right: 0;
  }
  .carousel--margin-l-6 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(n+6) {
    margin-top: 40px;
    margin-top: var(--gutter-l);
  }
}
@media (max-width: 767px) {
  .flickity-slide {
    /* Fallback to grid if Flickity is not enabled */
  }
  .carousel--col-7 .flickity-slide {
    width: calc(
                    100% / 7 - ((7 - 1) * 20px / 7)
                ) !important;
    width: calc(
                    100% / 7 - ((7 - 1) * var(--gutter-xxs) / 7)
                ) !important;
    margin-right: 20px;
    margin-right: var(--gutter-xxs);
  }
  .carousel--col-7 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(7n) {
    margin-right: 0;
  }
  .carousel--margin-7 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(n+7) {
    margin-top: 20px;
    margin-top: var(--gutter-xxs);
  }
}
@media (min-width: 768px) and (max-width: 999px) {
  .flickity-slide {
    /* Fallback to grid if Flickity is not enabled */
  }
  .carousel--col-s-7 .flickity-slide {
    width: calc(
                    100% / 7 - ((7 - 1) * 25px / 7)
                ) !important;
    width: calc(
                    100% / 7 - ((7 - 1) * var(--gutter-s) / 7)
                ) !important;
    margin-right: 25px;
    margin-right: var(--gutter-s);
  }
  .carousel--col-s-7 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(7n) {
    margin-right: 0;
  }
  .carousel--margin-s-7 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(n+7) {
    margin-top: 25px;
    margin-top: var(--gutter-s);
  }
}
@media (min-width: 1000px) and (max-width: 1199px) {
  .flickity-slide {
    /* Fallback to grid if Flickity is not enabled */
  }
  .carousel--col-m-7 .flickity-slide {
    width: calc(
                    100% / 7 - ((7 - 1) * 20px / 7)
                ) !important;
    width: calc(
                    100% / 7 - ((7 - 1) * var(--gutter-m) / 7)
                ) !important;
    margin-right: 20px;
    margin-right: var(--gutter-m);
  }
  .carousel--col-m-7 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(7n) {
    margin-right: 0;
  }
  .carousel--margin-m-7 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(n+7) {
    margin-top: 20px;
    margin-top: var(--gutter-m);
  }
}
@media (min-width: 1200px) {
  .flickity-slide {
    /* Fallback to grid if Flickity is not enabled */
  }
  .carousel--col-l-7 .flickity-slide {
    width: calc(
                    100% / 7 - ((7 - 1) * 40px / 7)
                ) !important;
    width: calc(
                    100% / 7 - ((7 - 1) * var(--gutter-l) / 7)
                ) !important;
    margin-right: 40px;
    margin-right: var(--gutter-l);
  }
  .carousel--col-l-7 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(7n) {
    margin-right: 0;
  }
  .carousel--margin-l-7 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(n+7) {
    margin-top: 40px;
    margin-top: var(--gutter-l);
  }
}
@media (max-width: 767px) {
  .flickity-slide {
    /* Fallback to grid if Flickity is not enabled */
  }
  .carousel--col-8 .flickity-slide {
    width: calc(
                    100% / 8 - ((8 - 1) * 20px / 8)
                ) !important;
    width: calc(
                    100% / 8 - ((8 - 1) * var(--gutter-xxs) / 8)
                ) !important;
    margin-right: 20px;
    margin-right: var(--gutter-xxs);
  }
  .carousel--col-8 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(8n) {
    margin-right: 0;
  }
  .carousel--margin-8 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(n+8) {
    margin-top: 20px;
    margin-top: var(--gutter-xxs);
  }
}
@media (min-width: 768px) and (max-width: 999px) {
  .flickity-slide {
    /* Fallback to grid if Flickity is not enabled */
  }
  .carousel--col-s-8 .flickity-slide {
    width: calc(
                    100% / 8 - ((8 - 1) * 25px / 8)
                ) !important;
    width: calc(
                    100% / 8 - ((8 - 1) * var(--gutter-s) / 8)
                ) !important;
    margin-right: 25px;
    margin-right: var(--gutter-s);
  }
  .carousel--col-s-8 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(8n) {
    margin-right: 0;
  }
  .carousel--margin-s-8 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(n+8) {
    margin-top: 25px;
    margin-top: var(--gutter-s);
  }
}
@media (min-width: 1000px) and (max-width: 1199px) {
  .flickity-slide {
    /* Fallback to grid if Flickity is not enabled */
  }
  .carousel--col-m-8 .flickity-slide {
    width: calc(
                    100% / 8 - ((8 - 1) * 20px / 8)
                ) !important;
    width: calc(
                    100% / 8 - ((8 - 1) * var(--gutter-m) / 8)
                ) !important;
    margin-right: 20px;
    margin-right: var(--gutter-m);
  }
  .carousel--col-m-8 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(8n) {
    margin-right: 0;
  }
  .carousel--margin-m-8 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(n+8) {
    margin-top: 20px;
    margin-top: var(--gutter-m);
  }
}
@media (min-width: 1200px) {
  .flickity-slide {
    /* Fallback to grid if Flickity is not enabled */
  }
  .carousel--col-l-8 .flickity-slide {
    width: calc(
                    100% / 8 - ((8 - 1) * 40px / 8)
                ) !important;
    width: calc(
                    100% / 8 - ((8 - 1) * var(--gutter-l) / 8)
                ) !important;
    margin-right: 40px;
    margin-right: var(--gutter-l);
  }
  .carousel--col-l-8 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(8n) {
    margin-right: 0;
  }
  .carousel--margin-l-8 .flickity:not(.flickity-enabled) .flickity-slide:nth-child(n+8) {
    margin-top: 40px;
    margin-top: var(--gutter-l);
  }
}

.carousel--card-height .flickity-slide {
  height: auto;
  padding: 0 10px;
  width: 146px !important;
}
@media (min-width: 768px) {
  .carousel--card-height .flickity-slide {
    width: 221px !important;
    padding: 0 11px;
  }
}
@media (min-width: 1000px) {
  .carousel--card-height .flickity-slide {
    padding: 0 20px;
  }
}
@media (min-width: 1440px) {
  .carousel--card-height .flickity-slide {
    width: 290px !important;
  }
}
.carousel--card-height.carousel--featured-books .flickity-slide {
  width: calc(50% - 1 * 40px / 2) !important;
  width: calc(50% - 1 * var(--gutter-l) / 2) !important;
  padding-right: 20px;
  padding-top: 15px;
  margin: 0;
}
@media (min-width: 768px) {
  .carousel--card-height.carousel--featured-books .flickity-slide {
    width: calc(33.3333333333% - 2 * 40px / 3) !important;
    width: calc(33.3333333333% - 2 * var(--gutter-l) / 3) !important;
    padding-right: 25px;
  }
}
@media (min-width: 1000px) {
  .carousel--card-height.carousel--featured-books .flickity-slide {
    padding: 0 15px;
  }
}
@media (min-width: 1200px) {
  .carousel--card-height.carousel--featured-books .flickity-slide {
    width: calc(25% - 3 * 40px / 4) !important;
    width: calc(25% - 3 * var(--gutter-l) / 4) !important;
  }
}
@media (min-width: 1600px) {
  .carousel--card-height.carousel--featured-books .flickity-slide {
    width: calc(20% - 4 * 40px / 5) !important;
    width: calc(20% - 4 * var(--gutter-l) / 5) !important;
    padding: 0 20px;
  }
}

@media (min-width: 1000px) {
  .carousel--series-main {
    height: 100%;
  }
}
.carousel--series-main .flickity-pagination {
  margin-left: 20px;
}
@media (min-width: 1000px) {
  .carousel--series-main .flickity-pagination {
    right: -20px;
  }
}
@media (min-width: 768px) {
  .carousel--series-main .flickity-prev-next-button.next {
    opacity: 0;
    visibility: hidden;
  }
}
@media (min-width: 1000px) {
  .carousel--series-main .flickity-prev-next-button.next {
    right: 30px;
    opacity: 1;
    visibility: visible;
  }
}
@media (min-width: 1600px) {
  .carousel--series-main .flickity-prev-next-button.next {
    right: 0;
  }
}
.carousel--series-main .flickity-prev-next-button.previous {
  left: 20px;
}
@media (min-width: 768px) {
  .carousel--series-main .flickity-prev-next-button.previous {
    opacity: 0;
    visibility: hidden;
  }
}
@media (min-width: 1000px) {
  .carousel--series-main .flickity-prev-next-button.previous {
    left: 30px;
    opacity: 1;
    visibility: visible;
  }
}
@media (min-width: 768px) {
  .carousel--series-main .flickity-page-dots {
    opacity: 0;
    visibility: hidden;
  }
}
@media (min-width: 1000px) {
  .carousel--series-main .flickity-page-dots {
    width: auto;
    margin: 30px 80px 0;
    opacity: 1;
    visibility: visible;
  }
}
@media (min-width: 1440px) {
  .carousel--series-main .flickity-page-dots {
    margin: 63px 80px 0;
  }
}
@media (min-width: 1600px) {
  .carousel--series-main .flickity-page-dots {
    margin: 30px 50px 0 80px;
  }
}
.carousel--series-main .flickity-slide {
  width: 206px;
  padding-top: 0;
}
@media (min-width: 768px) {
  .carousel--series-main .flickity-slide {
    padding: 0 13px;
  }
}
@media (min-width: 1000px) {
  .carousel--series-main .flickity-slide {
    width: 208px;
    padding: 0 10px;
  }
}
@media (min-width: 1440px) {
  .carousel--series-main .flickity-slide {
    width: 280px;
    padding: 0 20px;
  }
}
@media (min-width: 1600px) {
  .carousel--series-main .flickity-slide {
    width: 307px;
  }
}
.carousel--series-main .flickity-viewport {
  overflow: visible;
}
@media (min-width: 1000px) {
  .carousel--series-main .flickity-viewport {
    overflow: hidden;
  }
}
.carousel--series-main .flickity {
  opacity: 0;
}
.carousel--series-main .flickity.flickity-enabled {
  opacity: 1;
}

.flickity-slide .book-card {
  margin: 0 auto;
  text-align: center;
}
.flickity-slide .book-card img {
  width: 100%;
}
.flickity-slide .book-card.author-card .book-card__img {
  min-height: unset;
  padding-top: 50px;
}
.flickity-slide .book-card__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: 100%;
}
.flickity-slide .book-card__link {
  width: 100%;
}
.flickity-slide .book-card__content {
  min-height: 110px;
}
.flickity-slide .book-card__inner {
  position: relative;
}

@media (min-width: 768px) {
  .carousel--featured-categories .book-card__img-wrapper {
    margin-bottom: 12px;
  }
}

.carousel--featured-books .flickity {
  opacity: 0;
}
.carousel--featured-books .flickity.flickity-enabled {
  opacity: 1;
}

.featured-books {
  overflow: hidden;
  padding-top: 30px;
}

.featured-books__container {
  width: calc(100% - 40px);
  margin: 0 auto;
}
@media (min-width: 768px) {
  .featured-books__container {
    width: calc(100% - 50px);
  }
}
@media (min-width: 1000px) {
  .featured-books__container {
    width: 100%;
    padding-right: 40px;
  }
}
@media (min-width: 1440px) {
  .featured-books__container {
    padding-right: 80px;
  }
}
@media (min-width: 1600px) {
  .featured-books__container {
    padding-right: 0;
  }
}
.featured-books__container .flickity-viewport {
  overflow: visible;
}
@media (min-width: 1600px) {
  .featured-books__container .flickity-viewport {
    overflow: hidden;
  }
}

.modal {
  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;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-duration: var(--speed);
          transition-duration: var(--speed);
  -webkit-transition-property: opacity, z-index;
  transition-property: opacity, z-index;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: var(--ease);
          transition-timing-function: var(--ease);
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 768px) {
  .modal {
    padding: 30px 0;
  }
}
@media (min-width: 1000px) {
  .modal {
    padding: 40px 0;
  }
}
.modal.modal--active {
  opacity: 1;
  pointer-events: auto;
  z-index: 3333;
}
.modal.modal--video {
  overflow: hidden;
}

.modal__head {
  position: relative;
  margin-bottom: 21px;
  padding-bottom: 10px;
}
.modal__head::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #e1e1e1;
  background-color: var(--light-gray);
}
@media (min-width: 1000px) {
  .modal__head {
    margin-bottom: 31px;
  }
}

.js-open-modal:hover {
  cursor: pointer;
}
.js-open-modal:hover .button--book-form {
  color: #ffffff;
  color: var(--white);
}
.js-open-modal:hover .button--book-form::before {
  -webkit-transform: none;
          transform: none;
  background-color: #ce0e2d;
  background-color: var(--macmillan-red);
}
.js-open-modal * {
  pointer-events: none;
}

.modal__container {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
  padding: 30px 20px;
  background-color: transparent;
  z-index: 1;
}
@media (min-width: 768px) {
  .modal__container {
    width: calc(100% - 80px);
    padding: 0 0 0 40px;
  }
}
.modal--video .modal__container {
  height: auto;
}

.modal__overlay {
  display: block;
  position: fixed;
  background-color: transparent;
  cursor: pointer;
  -webkit-transition: background-color 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out;
  -webkit-transition: background-color var(--duration) var(--ease);
  transition: background-color var(--duration) var(--ease);
}

.modal__close {
  width: 30px;
  height: 30px;
  padding: 5px;
  font-size: 0;
  cursor: pointer;
  pointer-events: auto;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-in-out, color 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out, color 0.25s ease-in-out;
  -webkit-transition: opacity var(--duration) var(--ease), color var(--duration) var(--ease);
  transition: opacity var(--duration) var(--ease), color var(--duration) var(--ease);
  border: 1px solid #ffffff;
  border: 1px solid var(--white);
  border-radius: 100%;
  -webkit-box-shadow: 0 2px 5px 0 rgba(#000000, 0.1);
          box-shadow: 0 2px 5px 0 rgba(#000000, 0.1);
  -webkit-box-shadow: 0 2px 5px 0 rgba(var(--black), 0.1);
          box-shadow: 0 2px 5px 0 rgba(var(--black), 0.1);
  background-color: #ffffff;
  background-color: var(--white);
  position: absolute;
  top: 0;
  right: 0;
}
@media (min-width: 768px) {
  .modal__close {
    width: 30px;
    height: 30px;
    position: sticky;
    margin-left: -80px;
    top: 20px;
  }
}
@media (min-width: 1000px) {
  .modal__close {
    margin-left: -80px;
  }
}
@media (min-width: 1440px) {
  .modal__close {
    margin-left: -120px;
  }
}
@media (min-width: 1160px) {
  .user-is-tabbing .modal__close:focus {
    border: 1px solid #000000;
    border: 1px solid var(--black);
    outline: none;
  }
}
.modal--active .modal__close {
  z-index: 5;
  opacity: 1;
}
.is-disable-close .modal__close {
  opacity: 0;
}
@media (min-width: 768px) {
  .is-disable-close .modal__close {
    opacity: 1;
  }
}
.modal__close:hover {
  color: red;
  color: var(--grey);
}
.modal__close svg {
  width: 15px;
  height: 15px;
}
.modal--video .modal__close {
  position: absolute;
  top: 0;
  right: -40px;
}

.modal--sidebar {
  display: block;
  left: auto;
  right: 0;
  width: 100%;
  max-width: 100%;
  padding: 0;
  z-index: 6;
  background-color: #ffffff;
  background-color: var(--white);
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
  -webkit-transition: opacity 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  -webkit-transition: opacity var(--duration) var(--ease), -webkit-transform var(--duration) var(--ease);
  transition: opacity var(--duration) var(--ease), -webkit-transform var(--duration) var(--ease);
  transition: transform var(--duration) var(--ease), opacity var(--duration) var(--ease);
  transition: transform var(--duration) var(--ease), opacity var(--duration) var(--ease), -webkit-transform var(--duration) var(--ease);
}
@media (min-width: 768px) {
  .modal--sidebar {
    min-width: 424px;
    width: 60%;
    padding-left: 20px;
    background-color: transparent;
  }
}
@media (min-width: 1440px) {
  .modal--sidebar {
    max-width: 840px;
  }
}
.modal--sidebar.modal--active {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.modal--sidebar.modal--image {
  width: 100%;
  max-width: 1000px;
}
.modal--sidebar.modal--image .container--ms {
  max-width: 1160px;
  max-width: var(--ml);
}
.modal--sidebar .modal__container {
  display: block;
  position: static;
  position: initial;
  width: 100%;
  margin: 0;
}
.modal--sidebar .modal__inner {
  position: static;
  position: initial;
  background-color: #ffffff;
  background-color: var(--white);
  min-height: 100vh;
}
@media (min-width: 768px) {
  .modal--sidebar .modal__inner {
    padding: 32px 58px 0 34px;
  }
}
@media (min-width: 1000px) {
  .modal--sidebar .modal__inner {
    padding: 0 41px 40px 41px;
  }
}
@media (min-width: 1440px) {
  .modal--sidebar .modal__inner {
    padding: 0 69px 65px 69px;
  }
}
.modal--sidebar .modal__overlay {
  display: none;
}

.modal--centre .modal__container {
  position: relative;
  height: 100%;
  width: 100%;
  padding: 0;
  max-width: 720px;
  max-height: 720px;
}
.modal--centre .modal__inner {
  position: relative;
  height: 100%;
  padding: 20px;
  background-color: #ffffff;
  background-color: var(--white);
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal--centre .modal__inner {
    padding: 45px 40px;
    border-radius: 5px;
  }
}
@media (min-width: 1000px) {
  .modal--centre .modal__inner {
    padding: 60px;
  }
}
.modal--centre .modal__content {
  position: relative;
  height: 100%;
}
.modal--centre .modal__close {
  top: 10px;
  right: 10px;
  -webkit-box-shadow: none;
          box-shadow: none;
  position: absolute;
}

.modal--video .modal__content {
  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;
}

.modal__overlay--sidebar {
  display: block;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.25s ease-in-out, background-color 0.25s ease-in-out, visibility 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out, background-color 0.25s ease-in-out, visibility 0.25s ease-in-out;
  -webkit-transition: opacity var(--duration) var(--ease), background-color var(--duration) var(--ease), visibility var(--duration) var(--ease);
  transition: opacity var(--duration) var(--ease), background-color var(--duration) var(--ease), visibility var(--duration) var(--ease);
  z-index: 2222;
}
.is-modal-active .modal__overlay--sidebar {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.is-modal-active {
  overflow: hidden;
}

.modal__content {
  padding-bottom: 40px;
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.macmillan-loader {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px;
  width: 100%;
}
.macmillan-loader svg {
  -webkit-animation: spin 1s infinite linear;
          animation: spin 1s infinite linear;
  display: inline-block;
  width: 50px;
}

.event-card {
  height: 100%;
  border-radius: 5px;
  border: 1px solid #e1e1e1;
  border: var(--border-light-gray);
  -webkit-transition: background-color 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out;
  -webkit-transition: background-color var(--transition-default);
  transition: background-color var(--transition-default);
}
.event-card:hover {
  background-color: #e6f1dd;
  background-color: var(--green);
}

.event-card__inner {
  height: 100%;
  padding: 15px 15px 22px;
}
@media (min-width: 768px) {
  .event-card__inner {
    padding: 15px 15px 19px;
  }
}
@media (min-width: 1000px) {
  .event-card__inner {
    padding: 15px;
  }
}
@media (min-width: 1440px) {
  .event-card__inner {
    padding: 31px 20px 21px;
  }
}

.event-card__day {
  margin-right: 13px;
}
@media (min-width: 1000px) {
  .event-card__day {
    margin-right: 10px;
  }
}
@media (min-width: 1440px) {
  .event-card__day {
    margin-right: 12px;
  }
}

.event-card__date {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-bottom: 11px;
}
@media (min-width: 768px) {
  .event-card__date {
    padding-bottom: 14px;
  }
}
@media (min-width: 1440px) {
  .event-card__date {
    padding-bottom: 18px;
  }
}
.event-card__date--seperator {
  padding: 0 10px;
  font-weight: bold;
  font-size: 20px;
}

.event-card__title {
  padding-bottom: 8px;
}
@media (min-width: 1000px) {
  .event-card__title {
    padding-bottom: 5px;
  }
}
@media (min-width: 1440px) {
  .event-card__title {
    padding-bottom: 10px;
  }
}

.event-card__title a::before {
  content: none;
}

.event-card__content {
  padding-bottom: 26px;
}
@media (min-width: 768px) {
  .event-card__content {
    padding-bottom: 41px;
  }
}
@media (min-width: 1000px) {
  .event-card__content {
    padding-bottom: 20px;
  }
}
@media (min-width: 1440px) {
  .event-card__content {
    padding-bottom: 39px;
  }
}

.event-card__venue-inner {
  padding-bottom: 41px;
}
@media (min-width: 768px) {
  .event-card__venue-inner {
    padding-bottom: 0;
  }
}
@media (min-width: 1000px) {
  .event-card__venue-inner {
    padding-bottom: 37px;
  }
}
@media (min-width: 1440px) {
  .event-card__venue-inner {
    padding-bottom: 0;
  }
}

.event-card__venue-right {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media (min-width: 768px) {
  .event-card__venue-right {
    position: relative;
  }
}
@media (min-width: 1000px) {
  .event-card__venue-right {
    position: static;
    position: initial;
  }
}
@media (min-width: 1440px) {
  .event-card__venue-right {
    position: relative;
  }
}

.event-card__learn-more {
  position: absolute;
  bottom: 8px;
  left: 0;
}

.event-card__venue-title {
  padding-bottom: 3px;
  color: #000000;
  color: var(--black);
}
@media (min-width: 1000px) {
  .event-card__venue-title {
    padding-bottom: 5px;
  }
}

.event-card__venue-location {
  padding-bottom: 3px;
}
@media (min-width: 1000px) {
  .event-card__venue-location {
    padding-bottom: 5px;
  }
}

.event-card__venue-left {
  max-width: 55px;
  margin-right: 10px;
}
@media (min-width: 768px) {
  .event-card__venue-left {
    max-width: 73px;
    margin-right: 15px;
  }
}
@media (min-width: 1440px) {
  .event-card__venue-left {
    max-width: 91px;
    margin-right: 21px;
  }
}

.event-card__venue-link:focus .event-card__img {
  outline: 1px solid 1px solid #656565;
  outline: 1px solid var(--border-dark-gray);
}

.filter-bar__wrapper {
  display: none;
}
@media (min-width: 1000px) {
  .filter-bar__wrapper {
    border-radius: 5px;
    border: 1px solid #e1e1e1;
    border: 1px solid var(--light-gray);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 2px 4px 0 var(--black-5);
            box-shadow: 0 2px 4px 0 var(--black-5);
    padding: 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.filter-bar {
  display: none;
}
@media (min-width: 1000px) {
  .filter-bar {
    display: block;
    margin-bottom: 40px;
  }
}

.filter-bar__wrapper.show-filters {
  width: 100%;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ffffff;
  background-color: var(--white);
  display: block;
  padding: 20px;
}
.filter-bar__wrapper.show-filters .filter-bar__list {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 20px;
}
.filter-bar__wrapper.show-filters .filter-bar__list:after {
  display: none;
}
.filter-bar__wrapper.show-filters .filter-bar__left {
  margin: 0;
}
.filter-bar__wrapper.show-filters .filter-bar__list-item {
  margin: 0;
  width: 100%;
  border-bottom: 1px solid #e1e1e1;
}
.filter-bar__wrapper.show-filters .filter-bar__list-item-text {
  padding: 17px 0;
}
.filter-bar__wrapper.show-filters .filter-bar__sub-list {
  position: relative;
}

.filter-bar__cta-container {
  margin-bottom: 25px;
}
@media (min-width: 1000px) {
  .filter-bar__cta-container {
    display: none;
  }
}

.filter-bar__cta-filter {
  width: 100%;
  padding: 10px 0;
  border-radius: 5px;
  border: 1px solid #e1e1e1;
  border: 1px solid var(--light-gray);
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 2px 4px 0 var(--black-5);
          box-shadow: 0 2px 4px 0 var(--black-5);
}

.filter-bar__container {
  padding: 0 11px;
}

.filter-bar__left {
  margin-right: 20px;
}
@media (min-width: 1440px) {
  .filter-bar__left {
    margin-right: 40px;
  }
}

.filter-bar__list {
  position: relative;
}
@media (min-width: 1440px) {
  .filter-bar__list {
    padding-left: 10px;
  }
}
.filter-bar__list::after {
  content: "";
  position: absolute;
  top: 18px;
  right: 0;
  bottom: 18px;
  width: 1px;
  height: auto;
  background-color: #e1e1e1;
  background-color: var(--light-gray);
}

.filter-bar__list-item.checkbox {
  padding-right: 18px;
}

.filter-bar__list-item {
  position: relative;
  color: #000000;
  color: var(--black);
  -webkit-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
  -webkit-transition: color var(--duration) var(--ease);
  transition: color var(--duration) var(--ease);
}
.filter-bar__list-item--open .filter-bar__list-item {
  color: rgba(0, 0, 0, 0.6);
  color: var(--black-50);
}
.filter-bar__list-item:hover,
.filter-bar__list-item > button:focus {
  z-index: 6;
  color: #000000;
  color: var(--black);
}
.filter-bar__list-item:hover::before, .filter-bar__list-item:hover::after,
.filter-bar__list-item > button:focus::before,
.filter-bar__list-item > button:focus::after {
  content: "";
  max-height: unset;
}
.filter-bar__list-item:hover .filter-bar__sub-list,
.filter-bar__list-item > button:focus .filter-bar__sub-list {
  z-index: 6;
  max-height: unset;
  opacity: 1;
}
.filter-bar__list-item:hover .filter-bar__sub-list-top-line,
.filter-bar__list-item > button:focus .filter-bar__sub-list-top-line {
  z-index: 7;
}
.filter-bar__list-item::before, .filter-bar__list-item::after {
  content: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -15px;
  width: 1px;
  height: auto;
  max-height: 0;
  background-color: #e1e1e1;
  background-color: var(--light-gray);
  border-radius: 5px 0 0 0;
  -webkit-transition: max-height 0.25s ease-in-out;
  transition: max-height 0.25s ease-in-out;
  -webkit-transition: max-height var(--duration) var(--ease);
  transition: max-height var(--duration) var(--ease);
}
@media (min-width: 1440px) {
  .filter-bar__list-item::before, .filter-bar__list-item::after {
    left: -25px;
  }
}
.filter-bar__list-item::after {
  left: auto;
  right: 15px;
  border-radius: 0 5px 0 0;
}
@media (min-width: 1440px) {
  .filter-bar__list-item::after {
    left: auto;
    right: 25px;
  }
}
.filter-bar__list-item:first-child::before {
  content: none;
}

.filter-bar__list-item-text {
  padding: 20px 0;
  margin-right: 25px;
  display: block;
}
@media (min-width: 1440px) {
  .filter-bar__list-item-text {
    margin-right: 40px;
  }
}
.filter-bar__list-item-text:hover {
  cursor: pointer;
}

.filter-bar__list-item-icon {
  width: 10px;
  margin-left: 5px;
}

.filter-bar__sub-list-top-line {
  position: absolute;
  top: calc(100% - 3px);
  left: -14px;
  right: -14px;
  z-index: -1;
  width: auto;
  height: 5px;
  background-color: #ffffff;
  background-color: var(--white);
}
@media (min-width: 1440px) {
  .filter-bar__sub-list-top-line {
    left: -24px;
    right: -24px;
  }
}
.filter-bar__list-item:hover:first-child .filter-bar__sub-list-top-line {
  left: -21px;
  border-left: 1px solid #e1e1e1;
  border-left: 1px solid var(--light-gray);
}
@media (min-width: 1440px) {
  .filter-bar__list-item:hover:first-child .filter-bar__sub-list-top-line {
    left: -31px;
  }
}

.filter-bar__sub-list {
  position: absolute;
  top: 100%;
  left: -15px;
  z-index: -1;
  width: 500px;
  height: auto;
  background-color: #ffffff;
  background-color: var(--white);
  border: 1px solid #e1e1e1;
  border: 1px solid var(--light-gray);
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 2px 4px 0 var(--black-5);
          box-shadow: 0 2px 4px 0 var(--black-5);
  border-radius: 0 0 5px 5px;
  max-height: 0;
  opacity: 0;
  -webkit-transition: max-height 0.25s ease-in-out, opacity 0.25s ease-in-out;
  transition: max-height 0.25s ease-in-out, opacity 0.25s ease-in-out;
  -webkit-transition: max-height var(--duration) var(--ease), opacity var(--duration) var(--ease);
  transition: max-height var(--duration) var(--ease), opacity var(--duration) var(--ease);
}
@media (min-width: 1440px) {
  .filter-bar__sub-list {
    left: -25px;
    width: 533px;
  }
}
.filter-bar__list-item:first-child .filter-bar__sub-list {
  left: -21px;
}
@media (min-width: 1440px) {
  .filter-bar__list-item:first-child .filter-bar__sub-list {
    left: -31px;
  }
}
.filter-bar__list-item:last-child .filter-bar__sub-list {
  left: -15px;
  right: 100%;
}
@media (min-width: 1440px) {
  .filter-bar__list-item:last-child .filter-bar__sub-list {
    left: -25px;
  }
}

.filter-bar__sub-list-body {
  display: block;
  -webkit-columns: 2;
     -moz-columns: 2;
          columns: 2;
  padding: 30px;
  background-color: #ffffff;
  background-color: var(--white);
}

.filter-bar__list-item.checkbox:before, .filter-bar__list-item.checkbox:after {
  display: none;
}
.filter-bar__list-item.checkbox input {
  -webkit-appearance: checkbox;
     -moz-appearance: checkbox;
          appearance: checkbox;
  margin-right: 10px;
}
.filter-bar__list-item.checkbox input:hover,
.filter-bar__list-item.checkbox label:hover {
  cursor: pointer;
}

.filter-bar__sub-list-item,
.filter-bar__sub-list-item .supafolio-refinement-filter__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  padding: 5px 10px;
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid-column;
  text-align: left;
}
.filter-bar__sub-list-item.checkbox,
.filter-bar__sub-list-item .supafolio-refinement-filter__link.checkbox {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.filter-bar__sub-list-item.checkbox input,
.filter-bar__sub-list-item .supafolio-refinement-filter__link.checkbox input {
  -webkit-appearance: checkbox;
     -moz-appearance: checkbox;
          appearance: checkbox;
  margin-top: 5px;
  margin-right: 10px;
}
.filter-bar__sub-list-item.checkbox input:hover,
.filter-bar__sub-list-item.checkbox label:hover,
.filter-bar__sub-list-item .supafolio-refinement-filter__link.checkbox input:hover,
.filter-bar__sub-list-item .supafolio-refinement-filter__link.checkbox label:hover {
  cursor: pointer;
}

.filter-bar__sub-list-footer {
  padding: 10px 20px;
  -webkit-box-shadow: 0 2px 25px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 25px 0 rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 2px 25px 0 var(--black-5);
          box-shadow: 0 2px 25px 0 var(--black-5);
  text-align: right;
}

.filter-bar__sort.select-input {
  margin-bottom: 0;
}
.filter-bar__sort.select-input .select-input__label {
  color: #656565;
  color: var(--dark-gray);
}
.filter-bar__sort.select-input .select-input__icon {
  right: 10px;
  width: 6px;
  height: 6px;
  border-width: 0 0 1px 1px;
}

.filter-bar__clear {
  padding: 10px 0;
  margin-left: 20px;
  color: rgba(0, 0, 0, 0.6);
  color: var(--black-50);
  -webkit-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
  -webkit-transition: color var(--duration) var(--ease);
  transition: color var(--duration) var(--ease);
}
.filter-bar__clear .supafolio-clear-all__button {
  width: 100%;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #e1e1e1;
  border: 1px solid var(--light-gray);
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 2px 4px 0 var(--black-5);
          box-shadow: 0 2px 4px 0 var(--black-5);
  background-color: #e1e1e1;
  background-color: var(--light-gray);
  font-weight: bold;
  font-family: "neue-haas-grotesk-text", Helvetica, sans-serif;
  font-family: var(--neue-haas-grotesk-text);
  font-size: 1.3rem;
  /* 13px */
  line-height: 1.23;
}
@media (min-width: 1440px) {
  .filter-bar__clear {
    margin-left: 40px;
  }
}
.filter-bar__clear:hover {
  color: #000000;
  color: var(--black);
}

.filter-bar__clear--active {
  color: #000000;
  color: var(--black);
}

.filter-bar__sort--mobile.select-input {
  margin-bottom: 0;
}
.filter-bar__sort--mobile.select-input .select-input__icon {
  top: 16px;
  right: 10px;
  width: 6px;
  height: 6px;
  border-width: 0 0 1px 1px;
}
.filter-bar__sort--mobile.select-input .select-input__el,
.filter-bar__sort--mobile.select-input #supafolio-sort-by-select {
  margin-top: 5px;
  border: none;
}
.filter-bar__sort--mobile.select-input .select-input__label {
  left: 0;
}

#events__filter-link--location .filter-bar__sub-list {
  width: 600px;
}
#events__filter-link--location .filter-bar__sub-list-body {
  -webkit-columns: 3;
     -moz-columns: 3;
          columns: 3;
}

.filter-bar__sub-list-item .supafolio-refinement-filter__link {
  font-weight: normal;
  color: #656565;
  color: var(--dark-gray);
  font-family: "neue-haas-grotesk-text", Helvetica, sans-serif;
  font-family: var(--neue-haas-grotesk-text);
  font-size: 1.3rem; /* 13px */
  line-height: 1.38;
  font-weight: normal;
  color: #000000;
  color: var(--black);
}
@media (min-width: 1200px) {
  .filter-bar__sub-list-item .supafolio-refinement-filter__link {
    font-size: 14px; /* 14px */
    line-height: 1.43;
  }
}
.filter-bar__sub-list-item .supafolio-refinement-filter__link:before {
  height: 20px;
  margin-right: 10px;
  border: 1px solid #656565;
  border-radius: 2px;
  width: 20px;
}
.filter-bar__sub-list-item .supafolio-refinement-filter__link:hover {
  color: rgba(0, 0, 0, 0.6);
  color: var(--black-50);
}

.filter-bar__sub-list-item.supafolio-refinement-filter__item--active .supafolio-refinement-filter__link:after {
  top: 6px;
  left: -14px;
  z-index: 1;
  font-size: 10px;
  color: #000000;
  color: var(--black);
  height: 20px;
  width: 20px;
}
.filter-bar__sub-list-item.supafolio-refinement-filter__item--active .supafolio-refinement-filter__link:hover {
  text-decoration: none;
}
.filter-bar__sub-list-item.supafolio-refinement-filter__item--active .supafolio-refinement-filter__link:hover:after {
  top: 6px;
  left: -13px;
}

.supafolio-refinement-filter__item--multiple .supafolio-refinement-filter__link:before {
  -webkit-animation: unset !important;
          animation: unset !important;
}

.supafolio-refinement-filter__show-more-btn {
  margin-left: 30px;
  margin-bottom: 30px;
  color: rgba(0, 0, 0, 0.6);
  color: var(--black-50);
  -webkit-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
  -webkit-transition: color var(--duration) var(--ease);
  transition: color var(--duration) var(--ease);
}
@media (min-width: 1440px) {
  .supafolio-refinement-filter__show-more-btn {
    margin-left: 40px;
  }
}
.supafolio-refinement-filter__show-more-btn:hover {
  color: #000000;
  color: var(--black);
}

.filter-bar__list-item-text--header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.filter-bar__list-item-text--header:after {
  content: "";
  background-image: url(./images/arrow-down.png);
  background-repeat: no-repeat;
  width: 12px;
  height: 7px;
  background-size: contain;
  margin-left: 5px;
}

#sort-by-wrapper {
  position: relative;
}
#sort-by-wrapper:before {
  content: "Sort By";
  position: absolute;
  top: 0;
  left: 15px;
  font-size: 1.1rem;
  line-height: 2.4rem;
  color: #656565;
}
#sort-by-wrapper:after {
  content: "";
  background-image: url(./images/arrow-down.png);
  background-repeat: no-repeat;
  width: 12px;
  height: 7px;
  background-size: contain;
  margin-left: 5px;
  position: absolute;
  right: 15px;
  bottom: 12px;
}

#supafolio-sort-by-select {
  padding-top: 15px !important;
}

.book-grid__filters-mobile {
  margin-bottom: 20px;
}
@media (min-width: 1000px) {
  .book-grid__filters-mobile {
    display: none;
  }
}

.filter-bar-mobile {
  max-height: 0;
  opacity: 0;
  -webkit-transition: max-height 0.25s ease-in-out, opacity 0.25s ease-in-out;
  transition: max-height 0.25s ease-in-out, opacity 0.25s ease-in-out;
  -webkit-transition: max-height var(--duration) var(--ease), opacity var(--duration) var(--ease);
  transition: max-height var(--duration) var(--ease), opacity var(--duration) var(--ease);
  pointer-events: none;
}
.filter-bar-mobile.is-active {
  max-height: unset;
  opacity: 1;
  pointer-events: unset;
}

.filter-bar-mobile__list {
  line-height: 0;
}
.filter-bar-mobile__list button {
  width: 100%;
}
.filter-bar-mobile__list .filter-bar__list-item-text {
  margin: 0;
  padding: 5px 0;
}
.filter-bar-mobile__list .filter-bar__list-item-text--header {
  width: 100%;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #e1e1e1;
  border: 1px solid var(--light-gray);
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 2px 4px 0 var(--black-5);
          box-shadow: 0 2px 4px 0 var(--black-5);
}
.filter-bar-mobile__list .filter-bar__sub-list {
  position: relative;
  max-height: 0;
  opacity: 0;
  width: 100%;
  left: unset;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  z-index: -1;
}
.filter-bar-mobile__list .filter-bar__sub-list.is-active {
  max-height: unset;
  opacity: 1;
  z-index: 1;
}
.filter-bar-mobile__list .supafolio-refinement-filter__show-more-btn {
  margin: 0;
}
.filter-bar-mobile__list .filter-bar__sub-list-body {
  padding: 15px 0;
}

.filter-bar__clear-mobile {
  width: 100%;
  margin: 5px 0;
}
.filter-bar__clear-mobile .supafolio-clear-all__button {
  width: 100%;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #e1e1e1;
  border: 1px solid var(--light-gray);
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 2px 4px 0 var(--black-5);
          box-shadow: 0 2px 4px 0 var(--black-5);
  background-color: #e1e1e1;
  background-color: var(--light-gray);
  font-weight: bold;
  font-family: "neue-haas-grotesk-text", Helvetica, sans-serif;
  font-family: var(--neue-haas-grotesk-text);
  font-size: 1.3rem; /* 13px */
  line-height: 1.23;
}

.hero {
  position: relative;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .hero {
    margin-bottom: 40px;
  }
}
@media (min-width: 1000px) {
  .hero {
    margin-bottom: 70px;
  }
}
@media (min-width: 1440px) {
  .hero {
    margin-bottom: 80px;
  }
}

.hero__image {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
}

.hero__sub-title {
  margin-bottom: 20px;
}

.hero__wrapper {
  padding: 74px 0;
  background-color: #e6f1dd;
  background-color: var(--green);
}
@media (min-width: 768px) {
  .hero__wrapper {
    padding: 84px 0;
  }
}
@media (min-width: 1000px) {
  .hero__wrapper {
    padding: 122px 0;
  }
}
@media (min-width: 1440px) {
  .hero__wrapper {
    padding: 160px 0 174px;
  }
}

.hero__img-wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  height: 100%;
}
.hero__img-wrapper img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}

.hero__container {
  height: 100%;
  max-height: 250px;
}
@media (min-width: 1000px) {
  .hero__container {
    max-height: 350px;
  }
}
@media (min-width: 1440px) {
  .hero__container {
    max-height: 450px;
  }
}

.hero__icon {
  margin-right: 20px;
}
.hero__icon img {
  max-height: 77px;
}
@media (min-width: 1000px) {
  .hero__icon img {
    max-height: 152px;
  }
}

.hero__title {
  padding-bottom: 10px;
}
@media (min-width: 1200px) {
  .hero__title {
    padding-bottom: 19px;
  }
}

.hero__content {
  max-width: 100%;
}
@media (min-width: 768px) {
  .hero__content {
    max-width: 412px;
  }
}
@media (min-width: 768px) {
  .hero__content {
    max-width: 510px;
  }
}

.hero--publisher {
  margin-bottom: 0;
}
.hero--publisher .hero__wrapper {
  padding: 0;
  background-color: transparent;
}
.hero--publisher .hero__container {
  height: auto;
  padding: 50px 0;
}
.hero--publisher .hero__content,
.hero--publisher .hero__title {
  color: #000000;
  color: var(--black);
}

.hero--grid {
  margin-bottom: 31px;
}
@media (min-width: 768px) {
  .hero--grid {
    margin-bottom: 41px;
  }
}
@media (min-width: 1000px) {
  .hero--grid {
    margin-bottom: 50px;
  }
}
@media (min-width: 1200px) {
  .hero--grid {
    margin-bottom: 60px;
  }
}

.basic-sidebar__select-mobile {
  margin-top: -40px;
  width: 100%;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);
}
@media (min-width: 768px) {
  .basic-sidebar__select-mobile {
    display: none;
  }
}
.basic-sidebar__select-mobile .select-input__el {
  border: none;
  outline: none !important;
  padding: 0 20px;
}
.basic-sidebar__select-mobile .select-input__label {
  left: 20px;
}
.basic-sidebar__select-mobile .select-input__icon {
  right: 20px;
}

.basic-sidebar__list {
  background-color: transparent;
  display: none;
}
@media (min-width: 768px) {
  .basic-sidebar__list {
    display: block;
  }
}

@media (min-width: 768px) {
  .basic-sidebar__item {
    padding-bottom: 30px;
  }
}

.basic-sidebar__text {
  opacity: 0.6;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  -webkit-transition: opacity var(--speed) var(--ease);
  transition: opacity var(--speed) var(--ease);
}
.basic-sidebar__text:hover {
  opacity: 1;
}

.basic-sidebar__text--active {
  position: relative;
  padding-left: 7px;
  opacity: 1;
}
@media (min-width: 1000px) {
  .basic-sidebar__text--active {
    padding-left: 10px;
  }
}
.basic-sidebar__text--active::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background-color: #ce0e2d;
  background-color: var(--macmillan-red);
}

.pagination .nav-links {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  padding-bottom: 16px;
}
@media (min-width: 1000px) {
  .pagination .nav-links {
    padding-bottom: 17px;
  }
}
@media (min-width: 1440px) {
  .pagination .nav-links {
    padding-bottom: 16px;
  }
}
.pagination .nav-links .supafolio-pagination__link:before, .pagination .nav-links .supafolio-pagination__link:after {
  display: none;
}
.pagination .nav-links .page-numbers {
  height: 40px;
  width: 30px;
  line-height: 38px;
  color: #000000;
  color: var(--black);
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  -webkit-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
  -webkit-transition: color var(--transition-default);
  transition: color var(--transition-default);
}
.pagination .nav-links .page-numbers.current {
  height: 40px;
  width: 40px;
  border-radius: 100%;
  -webkit-box-shadow: 0 2px 4px 0 rgba(#000000, 0.05);
          box-shadow: 0 2px 4px 0 rgba(#000000, 0.05);
  -webkit-box-shadow: 0 2px 4px 0 rgba(var(--black), 0.05);
          box-shadow: 0 2px 4px 0 rgba(var(--black), 0.05);
  border: 1px solid #e1e1e1;
  border: var(--border-light-gray);
}
.pagination .nav-links .page-numbers:hover {
  color: rgba(0, 0, 0, 0.6);
}
.pagination .nav-links .next,
.pagination .nav-links .prev {
  position: relative;
  height: 40px;
  width: 40px;
  line-height: 38px;
  display: block;
}
.pagination .nav-links .next svg,
.pagination .nav-links .prev svg {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 27px;
  height: 16px;
  margin: auto;
}
.pagination .nav-links .next .supafolio-pagination__link,
.pagination .nav-links .prev .supafolio-pagination__link {
  text-indent: -999px;
  overflow: hidden;
  display: block;
  position: relative;
  background-repeat: no-repeat;
  width: 27px;
  height: 16px;
  background-size: contain;
  margin-top: 10px;
  margin-left: 10px;
  -webkit-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity var(--transition-default);
  transition: opacity var(--transition-default);
}
.pagination .nav-links .next .supafolio-pagination__link:hover,
.pagination .nav-links .prev .supafolio-pagination__link:hover {
  opacity: 0.5;
}
.pagination .nav-links .next .supafolio-pagination__link {
  background-image: url(./images/pagination-next.png);
}
.pagination .nav-links .prev .supafolio-pagination__link {
  background-image: url(./images/pagination-prev.png);
}

.pagination__page--disabled,
.pagination__page--active {
  height: 40px;
  width: 40px;
  border-radius: 100%;
  -webkit-box-shadow: 0 2px 4px 0 rgba(#000000, 0.05);
          box-shadow: 0 2px 4px 0 rgba(#000000, 0.05);
  -webkit-box-shadow: 0 2px 4px 0 rgba(var(--black), 0.05);
          box-shadow: 0 2px 4px 0 rgba(var(--black), 0.05);
  border: 1px solid #e1e1e1;
  border: var(--border-light-gray);
}

/**
   * Prev/next arrow
   */
.pagination__arrow-button {
  color: #000000;
  color: var(--black);
  text-decoration: none;
}

.pagination__arrow-button--disabled {
  color: rgba(0, 0, 0, 0.6);
  color: var(--black-50);
  pointer-events: none;
}

.pagination__showing {
  text-align: center;
}

.updates-card {
  height: 100%;
  border-radius: 5px;
  border: 1px solid #e1e1e1;
  border: var(--border-light-gray);
  -webkit-transition: background-color 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out;
  -webkit-transition: background-color var(--transition-default);
  transition: background-color var(--transition-default);
}
.updates-card:hover {
  background-color: #e6f1dd;
  background-color: var(--green);
}

.updates-card__inner {
  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;
  height: 100%;
  padding: 16px 15px 15px;
}
@media (min-width: 1000px) {
  .updates-card__inner {
    padding: 21px 20px 27px;
  }
}

.updates-card__category {
  margin-bottom: 5px;
}
@media (min-width: 1440px) {
  .updates-card__category {
    margin-bottom: 10px;
  }
}

.updates-card__title a {
  color: #000000;
  color: var(--black);
  -webkit-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
  -webkit-transition: color var(--duration) var(--ease);
  transition: color var(--duration) var(--ease);
}
.updates-card__title a:hover {
  color: rgba(0, 0, 0, 0.6);
  color: var(--black-50);
}
.updates-card__title a::before {
  content: none;
}

.updates-card__link {
  -webkit-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
  -webkit-transition: color var(--duration) var(--ease);
  transition: color var(--duration) var(--ease);
}
.updates-card__link:hover {
  color: rgba(0, 0, 0, 0.6);
  color: var(--black-50);
}

.updates-card__created {
  margin-bottom: 11px;
}
@media (min-width: 768px) {
  .updates-card__created {
    margin-bottom: 0;
  }
}

.updates-card__bottom {
  display: block;
  width: 100%;
  margin-top: 30px;
}
@media (min-width: 768px) {
  .updates-card__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: static;
    bottom: 0;
  }
}

.updates-card--event {
  background-color: #e6f1dd;
  background-color: var(--green);
}
.updates-card--event .updates-card__category,
.updates-card--event .updates-card__created {
  display: none;
}

.featured-updates__image {
  position: absolute;
  top: 15px;
  left: 10px;
  width: 102px;
  height: 97px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .featured-updates__image {
    display: none;
  }
}

.featured-updates__inner {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 107px;
}
@media (min-width: 768px) {
  .featured-updates__inner {
    padding-top: 0;
  }
}

.featured-categories {
  padding-top: 10px;
  padding-right: 20px;
  padding-left: 20px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .featured-categories {
    padding-top: 20px;
  }
}
@media (min-width: 1000px) {
  .featured-categories {
    padding-top: 40px;
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media (min-width: 1440px) {
  .featured-categories {
    padding-right: 80px;
    padding-left: 80px;
  }
}
.featured-categories .flickity-viewport {
  overflow: visible;
}
@media (min-width: 1600px) {
  .tabs--featured-categories-author .featured-categories {
    padding-right: 0;
  }
}

.series-card {
  width: 100%;
  margin-bottom: 30px;
}

.series-card__inner {
  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: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.series-card__img-wrapper {
  margin-bottom: 10px;
}

.series-card__img-wrapper--1 .series-card__img-container {
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  width: 45.08%;
  min-width: 71px;
  bottom: 0;
}

.series-card__img-wrapper--2 .series-card__img-container:first-child {
  left: 15%;
}
.series-card__img-wrapper--2 .series-card__img-container:nth-child(2) {
  left: 60%;
}

.series-card__link {
  display: block;
}
.series-card__link::before {
  padding-bottom: 87.8378378378%;
}
@media (min-width: 768px) {
  .series-card__link::before {
    padding-bottom: 73.0593607306%;
  }
}
@media (min-width: 1440px) {
  .series-card__link::before {
    padding-bottom: 78.275862069%;
  }
}

.series-card__img-container {
  position: absolute;
  bottom: 14px;
  width: 31.7%;
  min-width: 50px;
  z-index: 1;
}
@media (min-width: 768px) {
  .series-card__img-container {
    bottom: 22px;
  }
}
@media (min-width: 1440px) {
  .series-card__img-container {
    bottom: 30px;
  }
}
.series-card__img-container:first-child {
  left: 0;
}
.series-card__img-container:nth-child(2) {
  left: 50%;
  bottom: 0;
  width: 45.08%;
  min-width: 71px;
  z-index: 2;
  -webkit-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
}
.series-card__img-container:last-child {
  right: 0;
}

.series-card__img {
  width: 100%;
  height: 100%;
}

.series-card__img-shadow {
  position: absolute;
  bottom: 4px;
  right: 100%;
  width: 66px;
  height: 32px;
}
@media (min-width: 768px) {
  .series-card__img-shadow {
    width: 98px;
    height: 47px;
  }
}
@media (min-width: 1440px) {
  .series-card__img-shadow {
    width: 75px;
    height: 63px;
  }
}

.series-card__shadow-img {
  width: 100%;
  height: 100%;
}

.series-card__title {
  margin-bottom: 4px;
}
@media (min-width: 1000px) {
  .series-card__title {
    margin-bottom: 7px;
  }
}
@media (min-width: 1440px) {
  .series-card__title {
    margin-bottom: 9px;
  }
}

.series-card__title a::before {
  content: none;
}

.series-card__author {
  margin-bottom: 6px;
}
@media (min-width: 1000px) {
  .series-card__author {
    margin-bottom: 8px;
  }
}

.series-card__category {
  display: inline-block;
  margin: 0 auto;
  padding: 2px 5px;
  border-radius: 5px;
  background-color: #e6f1dd;
  background-color: var(--green);
}
@media (min-width: 1000px) {
  .series-card__category {
    padding: 3px 10px;
  }
}

.series-card__body {
  min-height: 90px;
}
@media (min-width: 445px) {
  .series-card__body {
    min-height: 70px;
  }
}
@media (min-width: 1000px) {
  .series-card__body {
    min-height: 100px;
  }
}

.search-hero__inner {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.search-hero__wrapper {
  padding: 30px 0;
  background-color: #ffffff;
  background-color: var(--white);
}
@media (min-width: 768px) {
  .search-hero__wrapper {
    padding: 55px 0;
  }
}

.search-hero__container {
  height: 100%;
  max-height: 250px;
}
@media (min-width: 1000px) {
  .search-hero__container {
    max-height: 350px;
  }
}
@media (min-width: 1440px) {
  .search-hero__container {
    max-height: 450px;
  }
}

.search-hero__icon {
  width: 54px;
  height: 57px;
}

.search-hero__title {
  padding-bottom: 10px;
  text-align: center;
  word-break: break-word;
}
@media (min-width: 1200px) {
  .search-hero__title {
    padding-bottom: 19px;
  }
}

.search-hero__content {
  color: #000000;
  color: var(--black);
}

.search-hero__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.creator-alerts {
  width: 100%;
}

.creator-alerts__info {
  padding-bottom: 19px;
}
@media (min-width: 768px) {
  .creator-alerts__info {
    padding-bottom: 30px;
  }
}
@media (min-width: 1440px) {
  .creator-alerts__info {
    padding-bottom: 15px;
  }
}

.creator-alerts__image {
  width: 132px;
  margin: 10px auto;
}
@media (min-width: 768px) {
  .creator-alerts__image {
    width: 205px;
  }
}
@media (min-width: 1440px) {
  .creator-alerts__image {
    width: 274px;
    margin: 0 auto;
  }
}

.creator-alerts__title {
  padding-bottom: 10px;
}
@media (min-width: 768px) {
  .creator-alerts__title {
    padding-bottom: 16px;
  }
}

.creator-alerts__content {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
}

.creator-alerts__content-default {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
  -webkit-transition: opacity var(--speed) var(--ease), visibility var(--speed) var(--ease);
  transition: opacity var(--speed) var(--ease), visibility var(--speed) var(--ease);
}
.is-success .creator-alerts__content-default {
  opacity: 0;
  visibility: hidden;
}

.creator-alerts__content-success {
  position: absolute;
  top: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
  -webkit-transition: opacity var(--speed) var(--ease), visibility var(--speed) var(--ease);
  transition: opacity var(--speed) var(--ease), visibility var(--speed) var(--ease);
}
.is-success .creator-alerts__content-success {
  opacity: 1;
  visibility: visible;
}

.creator-alerts__newsletter {
  height: 100%;
  width: 100%;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, max-height 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, max-height 0.2s ease-in-out;
  -webkit-transition: opacity var(--speed) var(--ease), visibility var(--speed) var(--ease), max-height var(--speed) var(--ease);
  transition: opacity var(--speed) var(--ease), visibility var(--speed) var(--ease), max-height var(--speed) var(--ease);
}
@media (min-width: 1000px) {
  .creator-alerts__newsletter {
    min-width: auto;
  }
}
.creator-alerts__newsletter input {
  background-color: #ffffff;
  background-color: var(--white);
}
.creator-alerts__newsletter .creator-alerts__email-input {
  width: 100%;
  margin-bottom: 10px;
}
.creator-alerts__newsletter .creator-alerts__email-input.text-input--error {
  margin-bottom: 30px;
}
.creator-alerts__newsletter .text-input.creator-alerts__text-input {
  width: 100%;
  margin-bottom: 10px;
}
@media (min-width: 1440px) {
  .creator-alerts__newsletter .text-input.creator-alerts__text-input {
    width: calc(50% - 9px);
    margin-bottom: 0;
  }
}
.creator-alerts__newsletter .text-input.creator-alerts__text-input.text-input--error {
  margin-bottom: 30px;
}
.creator-alerts__newsletter .text-input--error .text-input__error {
  opacity: 1;
}

.creator-alerts__form .text-input.newsletter__text-input,
.creator-alerts__form .newsletter__btn {
  width: 100%;
}
.creator-alerts__form .text-input.newsletter__text-input {
  margin-bottom: 20px;
}
.creator-alerts__form .newsletter__text-input .text-input__el {
  height: 4.6rem;
}

.creator-alerts__newsletter--success {
  max-height: 0;
  opacity: 0;
  visibility: hidden;
}

.creator-alerts__btn {
  width: 100%;
  height: 46px;
  line-height: 46px;
  z-index: 1;
}
@media (min-width: 1440px) {
  .creator-alerts__btn {
    width: 50%;
  }
}

@media (min-width: 1440px) {
  .creator-alerts__form-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}

.creator-alerts--author {
  width: 100%;
}
.creator-alerts--author .creator-alerts__image {
  display: none;
}
.creator-alerts--author .creator-alerts__image--active {
  display: block;
}
.creator-alerts--author .creator-alerts__form-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.creator-alerts--author .creator-alerts__btn {
  width: 40%;
  min-width: 121px;
}
@media (min-width: 768px) {
  .creator-alerts--author .creator-alerts__btn {
    min-width: 91px;
    padding: 0 20px;
  }
}
.creator-alerts--author .creator-alerts__newsletter input {
  border: 1px solid #b6d7e8;
  border: 1px solid var(--blue);
}
.creator-alerts--author .text-input.creator-alerts__text-input {
  width: calc(60% - 6px);
  margin-right: 6px;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .creator-alerts--author .text-input.creator-alerts__text-input {
    width: calc(60% - 12px);
    margin-right: 12px;
  }
}

.video-card {
  height: 100%;
  background-color: #ffffff;
  background-color: var(--white);
}

.video-card__inner {
  padding: 20px;
}

.video-card__img-wrapper::before {
  padding-bottom: 100%;
}

.video-card__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 11px 0 16px;
}
@media (min-width: 768px) {
  .video-card__head {
    padding: 7px 0 15px;
  }
}
@media (min-width: 1000px) {
  .video-card__head {
    padding: 11px 0 16px;
  }
}
@media (min-width: 1440px) {
  .video-card__head {
    padding: 9px 0 20px;
  }
}

.video-card__category {
  color: #656565;
  color: var(--dark-gray);
}

.video-card__duration {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #656565;
  color: var(--dark-gray);
}
.video-card__duration svg {
  width: 10px;
  height: 10px;
  margin-right: 6px;
}

.video-card__link {
  cursor: pointer;
}
.video-card__link:focus {
  border: 1px solid #000000;
  border: 1px solid var(--black);
}

.video-card__title {
  padding-bottom: 11px;
}
@media (min-width: 768px) {
  .video-card__title {
    padding-bottom: 5px;
  }
}
@media (min-width: 1000px) {
  .video-card__title {
    padding-bottom: 10px;
  }
}
.video-card__title a {
  color: #000000;
  color: var(--black);
  -webkit-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
  -webkit-transition: color var(--duration) var(--ease);
  transition: color var(--duration) var(--ease);
}
.video-card__title a:hover {
  color: rgba(0, 0, 0, 0.6);
  color: var(--black-50);
}
.video-card__title a::before {
  content: none;
}

.video-card__description {
  width: 100%;
}

.video-card__play {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 31px;
  height: 31px;
  z-index: 5;
}
@media (min-width: 1000px) {
  .video-card__play {
    width: 34px;
    height: 34px;
  }
}
@media (min-width: 1440px) {
  .video-card__play {
    width: 45px;
    height: 45px;
  }
}
.video-card__play svg {
  width: 31px;
  height: 31px;
  pointer-events: none;
}
@media (min-width: 1000px) {
  .video-card__play svg {
    width: 34px;
    height: 34px;
  }
}
@media (min-width: 1440px) {
  .video-card__play svg {
    width: 45px;
    height: 45px;
  }
}

.video-card__play-inner {
  pointer-events: none;
}

.video-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-card__embed {
  height: 185px;
  width: 100%;
}
@media (min-width: 445px) {
  .video-card__embed {
    height: 300px;
  }
}
@media (min-width: 768px) {
  .video-card__embed {
    height: 455px;
  }
}
@media (min-width: 1000px) {
  .video-card__embed {
    height: 511px;
  }
}

.featured-media {
  width: calc(100% - 40px);
  margin: 0 auto;
  padding-bottom: 40px;
  background-color: #f5f7f8;
  background-color: var(--blue-gray);
}
@media (min-width: 620px) {
  .featured-media {
    width: calc(100% - 80px);
  }
}
@media (min-width: 768px) {
  .featured-media {
    padding-bottom: 51px;
  }
}
@media (min-width: 1000px) {
  .featured-media {
    width: 100%;
    padding-bottom: 69px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 1200px) {
  .featured-media {
    padding-bottom: 100px;
  }
}
@media (min-width: 1440px) {
  .featured-media {
    padding-left: 80px;
    padding-right: 80px;
  }
}

.featured-media__container {
  width: 100%;
  margin: 0;
}
@media (min-width: 1000px) {
  .featured-media__container {
    max-width: 941px;
    margin: 0 auto;
  }
}
@media (min-width: 1440px) {
  .featured-media__container {
    max-width: 1280px;
  }
}

.featured-creators {
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 768px) {
  .featured-creators {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 1000px) {
  .featured-creators {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 1440px) {
  .featured-creators {
    padding-left: 80px;
    padding-right: 80px;
  }
}

.featured-creators__wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.creator-featured-card {
  position: relative;
  padding: 15px 15px 10px;
  border: 1px solid #e1e1e1;
  border: 1px solid var(--light-gray);
  border-radius: 5px;
  -webkit-transition: background-color 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out;
  -webkit-transition: background-color var(--duration) var(--ease);
  transition: background-color var(--duration) var(--ease);
}
.creator-featured-card:hover {
  background-color: #b6d7e8;
  background-color: var(--blue);
}
@media (min-width: 768px) {
  .creator-featured-card {
    padding: 20px;
  }
}
@media (min-width: 1000px) {
  .creator-featured-card {
    padding: 15px 15px 20px;
  }
}
@media (min-width: 1440px) {
  .creator-featured-card {
    padding: 20px 20px 25px;
  }
}

.creator-featured-card__link:focus {
  border: 1px solid #656565;
  border: var(--border-dark-gray);
}

.creator-featured-card__image-wrapper {
  margin-bottom: 10px;
}
@media (min-width: 1440px) {
  .creator-featured-card__image-wrapper {
    margin-bottom: 20px;
  }
}

.creator-featured-card__title a {
  color: #000000;
  color: var(--black);
  -webkit-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
  -webkit-transition: color var(--duration) var(--ease);
  transition: color var(--duration) var(--ease);
}
.creator-featured-card__title a:hover {
  color: rgba(0, 0, 0, 0.6);
  color: var(--black-50);
}
.creator-featured-card__title a::before, .creator-featured-card__title a::after {
  content: none;
}

.creator-featured-card__book {
  margin-top: 10px;
  padding-top: 15px;
  border-top: 1px solid #e1e1e1;
  border-top: 1px solid var(--light-gray);
}
@media (min-width: 768px) {
  .creator-featured-card__book {
    margin-top: 15px;
    padding-top: 20px;
  }
}
@media (min-width: 1000px) {
  .creator-featured-card__book {
    margin-top: 5px;
    padding-top: 15px;
  }
}
@media (min-width: 1440px) {
  .creator-featured-card__book {
    margin-top: 20px;
    padding-top: 20px;
  }
}

.creator-featured-card__book-link {
  color: #000000;
  color: var(--black);
  -webkit-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
  -webkit-transition: color var(--duration) var(--ease);
  transition: color var(--duration) var(--ease);
}
.creator-featured-card__book-link:hover {
  color: rgba(0, 0, 0, 0.6);
  color: var(--black-50);
}

.creator-featured-card__book-inner {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding-bottom: 45px;
}
@media (min-width: 768px) {
  .creator-featured-card__book-inner {
    padding-bottom: 0;
  }
}
@media (min-width: 1000px) {
  .creator-featured-card__book-inner {
    padding-bottom: 40px;
  }
}
@media (min-width: 1440px) {
  .creator-featured-card__book-inner {
    padding-bottom: 0;
  }
}

.creator-featured-card__book-image-wrapper {
  position: relative;
  max-width: 55px;
  margin-right: 10px;
}
.creator-featured-card__book-image-wrapper::before {
  padding-bottom: 145.4545454545%;
}
@media (min-width: 768px) {
  .creator-featured-card__book-image-wrapper::before {
    padding-bottom: 146.6666666667%;
  }
}
@media (min-width: 1000px) {
  .creator-featured-card__book-image-wrapper::before {
    padding-bottom: 145.4545454545%;
  }
}
@media (min-width: 1440px) {
  .creator-featured-card__book-image-wrapper::before {
    padding-bottom: 144.4444444444%;
  }
}
@media (min-width: 768px) {
  .creator-featured-card__book-image-wrapper {
    max-width: 75px;
    margin-right: 15px;
  }
}
@media (min-width: 1000px) {
  .creator-featured-card__book-image-wrapper {
    max-width: 55px;
    margin-right: 10px;
  }
}
@media (min-width: 1440px) {
  .creator-featured-card__book-image-wrapper {
    max-width: 90px;
    margin-right: 20px;
  }
}

.creator-featured-card__book-content {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(100% - 65px);
          flex: 1 0 calc(100% - 65px);
}
@media (min-width: 768px) {
  .creator-featured-card__book-content {
    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: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(100% - 90px);
            flex: 1 0 calc(100% - 90px);
  }
}
@media (min-width: 1000px) {
  .creator-featured-card__book-content {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(100% - 65px);
            flex: 1 0 calc(100% - 65px);
  }
}
@media (min-width: 1440px) {
  .creator-featured-card__book-content {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(100% - 110px);
            flex: 1 0 calc(100% - 110px);
  }
}

.creator-featured-card__book-label {
  margin-bottom: 5px;
}

.creator-featured-card__book-title {
  color: #000000;
  color: var(--black);
}
.creator-featured-card__book-title a::before, .creator-featured-card__book-title a::after {
  content: none;
}

.creator-featured-card__book-more-link {
  position: absolute;
  left: 0;
  bottom: 8px;
}
@media (min-width: 768px) {
  .creator-featured-card__book-more-link {
    position: static;
  }
}
@media (min-width: 1000px) {
  .creator-featured-card__book-more-link {
    position: absolute;
    bottom: 0;
  }
}
@media (min-width: 1440px) {
  .creator-featured-card__book-more-link {
    position: static;
  }
}

.newsletter-grid {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e1e1e1;
  border-bottom: 1px solid var(--light-gray);
  overflow: hidden;
}
@media (min-width: 768px) {
  .newsletter-grid {
    padding-bottom: 0;
  }
}
@media (min-width: 1000px) {
  .newsletter-grid {
    margin-bottom: 40px;
  }
}

.newsletter-grid__title {
  margin-bottom: 15px;
}
@media (min-width: 1000px) {
  .newsletter-grid__title {
    margin-bottom: 30px;
  }
}

@media (min-width: 768px) {
  .newsletter-grid__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin: 0 -10px;
  }
}
@media (min-width: 1000px) {
  .newsletter-grid__inner {
    margin: 0 -15px;
  }
}

.newsletter-card {
  position: relative;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .newsletter-card {
    width: 33.333333%;
    margin-bottom: 30px;
    padding: 0 10px;
  }
}
@media (min-width: 1000px) {
  .newsletter-card {
    width: 25%;
    margin-bottom: 35px;
    padding: 0 15px;
  }
}

.newsletter-card__img-wrapper {
  margin-bottom: 10px;
}
@media (min-width: 1000px) {
  .newsletter-card__img-wrapper {
    margin-bottom: 7px;
  }
}
.newsletter-card__img-wrapper::before {
  padding-bottom: 55.3571428571%;
}
@media (min-width: 768px) {
  .newsletter-card__img-wrapper::before {
    padding-bottom: 55.4545454545%;
  }
}

.newsletter-card__description {
  padding-left: 30px;
}

.newsletter-card__title {
  margin-bottom: 3px;
}

.newsletter__genres {
  margin-bottom: 21px;
  padding-bottom: 21px;
  border-bottom: 1px solid #e1e1e1;
  border-bottom: var(--border-light-gray);
}
@media (min-width: 768px) {
  .newsletter__genres {
    margin-bottom: 40px;
    padding-bottom: 40px;
  }
}

.newsletter__genres-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 5px;
  -webkit-column-gap: 5px;
     -moz-column-gap: 5px;
          column-gap: 5px;
}
@media (min-width: 768px) {
  .newsletter__genres-list {
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 10px;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
  }
}
@media (min-width: 1000px) {
  .newsletter__genres-list {
    grid-column-gap: 20px;
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
  }
}
@media (min-width: 1440px) {
  .newsletter__genres-list {
    grid-template-columns: repeat(4, 1fr);
  }
}

.newsletter__genres-item {
  min-height: 20px;
  margin-bottom: 14px;
}

.newsletter__genres-title {
  padding-bottom: 16px;
}
@media (min-width: 768px) {
  .newsletter__genres-title {
    padding-bottom: 30px;
  }
}

.interior-modal .section-title__creators {
  max-width: none;
}
.interior-modal .section-title__creator {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.interior-modal__carousel--main {
  margin-bottom: 20px;
  margin-bottom: var(--gutter-xxs);
}
.interior-modal__carousel--main .flickity-slide {
  width: 100%;
  text-align: center;
}
.interior-modal__carousel--main .flickity-slide .interior-modal__carousel-item {
  width: 100%;
}
.interior-modal__carousel--main .flickity-slide .img {
  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;
}
.interior-modal__carousel--main .flickity-slide img {
  max-height: 700px;
}
.interior-modal__carousel--nav .flickity-slide {
  width: calc(20% - 4 * 20px / 5) !important;
  width: calc(20% - 4 * var(--gutter-xxs) / 5) !important;
  margin-right: 20px;
  margin-right: var(--gutter-xxs);
  border: 1px solid transparent;
  -webkit-transition: border-color 0.25s ease-in-out;
  transition: border-color 0.25s ease-in-out;
  -webkit-transition: border-color var(--duration) ease-in-out;
  transition: border-color var(--duration) ease-in-out;
  display: block;
}
.interior-modal__carousel--nav .flickity-slide img {
  display: block;
}
.interior-modal__carousel--nav .flickity-slide.is-nav-selected {
  border-color: #000000;
  border-color: var(--black);
}

.social-share {
  display: none;
}
@media (min-width: 1000px) {
  .social-share {
    display: block;
    position: fixed;
    top: 200px;
    width: 41px;
    z-index: 3;
  }
}
@media (min-width: 1440px) {
  .social-share {
    top: 218px;
    width: 66px;
  }
}

@media (min-width: 1000px) {
  .social-share__inner {
    padding: 0 7px;
  }
}
@media (min-width: 1440px) {
  .social-share__inner {
    padding: 0 14px;
  }
}

.social-share__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  white-space: nowrap;
  border: none;
}
.social-share__links span,
.social-share__links svg {
  display: inline-block;
  width: 16px;
  height: 15px;
  text-align: center;
}

.social-share__links-icon {
  position: relative;
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 27px;
  height: 27px;
  margin: 0 0 7px;
  color: #000000;
  color: var(--black);
  border: 1px solid #000000;
  border: 1px solid var(--black);
  border-radius: 100%;
  -webkit-transition: border-color 0.25s ease-in-out;
  transition: border-color 0.25s ease-in-out;
  -webkit-transition: border-color var(--duration) var(--ease);
  transition: border-color var(--duration) var(--ease);
}
@media (min-width: 1440px) {
  .social-share__links-icon {
    width: 38px;
    height: 38px;
    margin: 0 0 10px;
  }
}
.social-share__links-icon:hover {
  border: 1px solid #656565;
  border: 1px solid var(--dark-gray);
}

.social-share__links-icon svg {
  width: 13px;
  height: 13px;
}
@media (min-width: 1440px) {
  .social-share__links-icon svg {
    width: 100%;
    height: 100%;
  }
}

.social-share__links-icon--newsletter svg {
  position: absolute;
  top: 6px;
  right: 6px;
}
@media (min-width: 1440px) {
  .social-share__links-icon--newsletter svg {
    top: auto;
    right: 10px;
    width: 16px;
    height: 15px;
  }
}

.social-share__links-icon--facebook svg {
  position: absolute;
  top: 6px;
  right: 3px;
}
@media (min-width: 1440px) {
  .social-share__links-icon--facebook svg {
    top: auto;
    right: -14px;
  }
}

.social-share__links-icon--twitter svg {
  position: absolute;
  top: 6px;
  right: 6px;
}
@media (min-width: 1440px) {
  .social-share__links-icon--twitter svg {
    top: auto;
    right: -12px;
  }
}

.select-input {
  position: relative;
  margin-bottom: 3rem;
  font-family: "neue-haas-grotesk-text", Helvetica, sans-serif;
  font-family: var(--neue-haas-grotesk-text);
  font-size: 1.4rem; /* 14px */
  font-weight: normal;
}
.select-input.select-input--book-form {
  margin-bottom: 12px;
}
.select-input.newsletter__select-input {
  margin-bottom: 15px;
}

.select-input__el:focus:not([disabled]),
#supafolio-sort-by-select:focus:not([disabled]) {
  outline: 1px solid #000000;
  outline: 1px solid var(--black);
}
@media (min-width: 1160px) {
  .user-is-tabbing .select-input__el:focus:not([disabled]) ~ .select-input__focus,
  .user-is-tabbing #supafolio-sort-by-select:focus:not([disabled]) ~ .select-input__focus {
    z-index: 1;
    border: 1px solid #656565;
    border: var(--border-dark-gray);
  }
}

.select-input__el,
#supafolio-sort-by-select {
  height: 4.6rem;
  padding: 0 25px 0 15px;
  width: 100%;
  border: 1px solid #e1e1e1;
  border: var(--border-light-gray);
  border-radius: 5px;
  font-family: inherit;
  -webkit-transition: border 0.25s ease-in-out;
  transition: border 0.25s ease-in-out;
  -webkit-transition: border var(--transition-default);
  transition: border var(--transition-default);
}
@media (min-width: 768px) {
  .non-touch .select-input:not(.select-input--error) .select-input__el:hover:not([disabled]),
  .non-touch .select-input:not(.select-input--error) #supafolio-sort-by-select:hover:not([disabled]) {
    border: 1px solid #000000;
    border: var(--border);
  }
}
.select-input--has-label .select-input__el,
.select-input--has-label #supafolio-sort-by-select {
  padding-top: 1.4rem;
}
.select-input--error .select-input__el,
.select-input--error #supafolio-sort-by-select {
  border: 1px solid #de300d;
  border: var(--border-error-red);
}

.select-input__focus {
  content: "";
  position: absolute;
  top: -3px;
  left: -3px;
  z-index: -1;
  width: calc(100% + 6px);
  height: calc(100% + 6px);
  border-radius: 5px;
  border: solid 1px transparent;
  -webkit-transition: border 0.25s ease-in-out;
  transition: border 0.25s ease-in-out;
  -webkit-transition: border var(--transition-default);
  transition: border var(--transition-default);
}
@media (min-width: 620px) {
  .select-input__focus {
    top: -4px;
    left: -4px;
    width: calc(100% + 8px);
    height: calc(100% + 8px);
  }
}

.select-input__label {
  position: absolute;
  top: 0;
  left: 15px;
  max-width: 66.66%;
  font-size: 1.4rem;
  line-height: 4.6rem;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
}
select:focus ~ .select-input__label, select:not([value=""]):valid ~ .select-input__label, .select-input--has-label--empty .select-input__label {
  font-size: 1.1rem;
  line-height: 2.4rem;
}

.select-input__error {
  position: absolute;
  bottom: -5px;
  left: 0;
  color: #de300d;
  color: var(--error-red);
  font-size: 1.4rem;
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity var(--transition-default);
  transition: opacity var(--transition-default);
}
.select-input--error .select-input__error {
  opacity: 1;
}

.select-input__icon {
  display: block;
  position: absolute;
  right: 15px;
  top: 21px;
  width: 6px;
  height: 6px;
  -webkit-transform: rotate(-45deg) translateY(-50%);
          transform: rotate(-45deg) translateY(-50%);
  z-index: 0;
  border: solid #343538;
  border: solid var(--dark-gray-1);
  border-width: 0 0 1px 1px;
  pointer-events: none;
}
.select-input--small .select-input__icon {
  width: 6px;
  height: 6px;
  top: 8px;
  right: 4px;
}

.select-input--filter-mobile {
  max-width: 155px;
  margin: 0 auto;
}
.select-input--filter-mobile .select-input__el,
.select-input--filter-mobile #supafolio-sort-by-select {
  height: 30px;
  -moz-text-align-last: center;
       text-align-last: center;
  border: none;
}
.select-input--filter-mobile .select-input__icon {
  top: 43%;
}

.select-input--select-tabs {
  margin: 0 5px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .select-input--select-tabs {
    margin: 0 7px;
    padding-right: 20px;
  }
}
.select-input--select-tabs select:focus ~ .select-input__label,
.select-input--select-tabs select:not([value=""]):valid ~ .select-input__label {
  height: 0;
  max-width: unset;
}
.select-input--select-tabs .select-input__el,
.select-input--select-tabs #supafolio-sort-by-select {
  height: auto;
  border: none;
  padding: 0;
  -moz-text-align-last: center;
       text-align-last: center;
}
@media (min-width: 1000px) {
  .select-input--select-tabs .select-input__el,
  .select-input--select-tabs #supafolio-sort-by-select {
    height: 65px;
  }
}
.select-input--select-tabs .select-input__icon {
  top: 50%;
  right: 0;
  width: 7px;
  height: 7px;
  border-width: 0 0 2px 2px;
}
@media (min-width: 768px) {
  .select-input--select-tabs .select-input__icon {
    width: 10px;
    height: 10px;
  }
}

.text-input {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; /* label is after input to take advantage of :placeholder-shown, order is reversed with flex to add IE fallback. */
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-flow: column-reverse;
          flex-flow: column-reverse;
  margin-bottom: 3rem;
  font-family: "neue-haas-grotesk-text", Helvetica, sans-serif;
  font-family: var(--neue-haas-grotesk-text);
  font-size: 1.4rem; /* 14px */
  font-weight: normal;
}
.text-input.newsletter__text-input {
  margin-bottom: 25px;
}
@media (min-width: 1000px) {
  .text-input.newsletter__text-input {
    margin-bottom: 0;
    width: calc(50% - 5px);
  }
}
@media (min-width: 1440px) {
  .text-input.newsletter__text-input {
    width: calc(50% - 9px);
  }
}
.text-input.newsletter-modal__text-input {
  margin-bottom: 25px;
}

.text-input__el:focus:not([disabled]) {
  outline: 1px solid #000000;
  outline: 1px solid var(--black);
}
.text-input__el:focus:not([disabled])::-webkit-input-placeholder {
  opacity: 1;
}
.text-input__el:focus:not([disabled])::-moz-placeholder {
  opacity: 1;
}
.text-input__el:focus:not([disabled]):-ms-input-placeholder {
  opacity: 1;
}
.text-input__el:focus:not([disabled])::-ms-input-placeholder {
  opacity: 1;
}
.text-input__el:focus:not([disabled])::placeholder {
  opacity: 1;
}
@media (min-width: 1160px) {
  .user-is-tabbing .text-input__el:focus:not([disabled]) ~ .text-input__focus {
    z-index: 1;
    border: 1px solid #656565;
    border: var(--border-dark-gray);
  }
}

.text-input__el {
  height: 4.6rem;
  padding: 1.4rem 15px 0;
  width: 100%;
  border: 1px solid #e1e1e1;
  border: var(--border-light-gray);
  border-radius: 5px;
  font-family: inherit;
  -webkit-transition: border 0.25s ease-in-out;
  transition: border 0.25s ease-in-out;
  -webkit-transition: border var(--transition-default);
  transition: border var(--transition-default);
}
@media (min-width: 768px) {
  .non-touch .text-input:not(.text-input--error) .text-input__el:hover:not([disabled]) {
    border: 1px solid #000000;
    border: var(--border);
  }
}
.text-input__el::-webkit-input-placeholder {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  opacity: 0;
}
.text-input__el::-moz-placeholder {
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  opacity: 0;
}
.text-input__el:-ms-input-placeholder {
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  opacity: 0;
}
.text-input__el::-ms-input-placeholder {
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  opacity: 0;
}
.text-input__el::placeholder {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  opacity: 0;
}
.text-input--error .text-input__el {
  border: 1px solid #de300d;
  border: var(--border-error-red);
}
@media (min-width: 1000px) {
  .newsletter__text-input .text-input__el {
    height: 100%;
  }
}

.text-input__focus {
  content: "";
  position: absolute;
  top: -3px;
  left: -3px;
  z-index: -1;
  width: calc(100% + 6px);
  height: calc(100% + 6px);
  border-radius: 5px;
  border: solid 1px transparent;
  -webkit-transition: border 0.25s ease-in-out;
  transition: border 0.25s ease-in-out;
  -webkit-transition: border var(--transition-default);
  transition: border var(--transition-default);
}
@media (min-width: 620px) {
  .text-input__focus {
    top: -4px;
    left: -4px;
    width: calc(100% + 8px);
    height: calc(100% + 8px);
  }
}

.text-input__label {
  position: absolute;
  top: 0;
  left: 15px;
  max-width: 66.66%;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
}
input:-moz-placeholder-shown ~ .text-input__label {
  font-size: 1.4rem;
  line-height: 4.6rem;
}
input:-ms-input-placeholder ~ .text-input__label {
  font-size: 1.4rem;
  line-height: 4.6rem;
}
input:placeholder-shown ~ .text-input__label {
  font-size: 1.4rem;
  line-height: 4.6rem;
}
input:not(:-moz-placeholder-shown) ~ .text-input__label {
  font-size: 1.1rem;
  line-height: 2.4rem;
}
input:not(:-ms-input-placeholder) ~ .text-input__label {
  font-size: 1.1rem;
  line-height: 2.4rem;
}
input:not(:placeholder-shown) ~ .text-input__label, input:focus ~ .text-input__label {
  font-size: 1.1rem;
  line-height: 2.4rem;
}

.text-input__error {
  position: absolute;
  bottom: -5px;
  left: 0;
  color: #de300d;
  color: var(--error-red);
  font-size: 1.4rem;
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity var(--transition-default);
  transition: opacity var(--transition-default);
}
.text-input--error .text-input__error {
  opacity: 1;
}

.text-input--quiz {
  max-width: 280px;
  margin: 0 auto;
}
@media (min-width: 1000px) {
  .text-input--quiz {
    max-width: 400px;
  }
}
.text-input--quiz .text-input__el {
  height: 46px;
}

.checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.checkbox--align-t {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.checkbox__icon {
  position: relative;
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.checkbox--align-t .checkbox__icon {
  margin-top: 2px;
}

.checkbox__icon-el {
  position: relative;
  z-index: 1;
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  height: 20px;
  margin-right: 10px;
  border: 1px solid #656565;
  border: var(--border-dark-gray);
  border-radius: 2px;
  width: 20px;
  cursor: pointer;
}
.is-error .checkbox__icon-el {
  border: 1px solid #de300d;
  border: 1px solid var(--error-red);
}

.checkbox__icon-el:focus {
  outline: 1px solid #656565;
  outline: var(--border-dark-gray);
  outline-offset: 5px;
}

.checkbox__icon-el:checked + .checkbox__icon-tick {
  opacity: 1;
}

.checkbox__icon-tick {
  position: absolute;
  top: 1px;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
  width: 10px;
  margin: auto;
  opacity: 0;
  -webkit-transition: opacity 300ms ease-in-out;
  transition: opacity 300ms ease-in-out;
  -webkit-transition: opacity 300ms var(--ease);
  transition: opacity 300ms var(--ease);
}

.wpforms-container {
  margin: 0 auto;
}
.wpforms-container textarea,
.wpforms-container input,
.wpforms-container select {
  border: 1px solid #e1e1e1;
  border: var(--border-light-gray);
  border-radius: 5px;
  font-family: inherit;
  -webkit-transition: border 0.25s ease-in-out;
  transition: border 0.25s ease-in-out;
  -webkit-transition: border var(--transition-default);
  transition: border var(--transition-default);
  max-width: unset !important;
  -webkit-appearance: auto;
  background-color: #ffffff;
  background-color: var(--white);
}
.wpforms-container input {
  height: 4.6rem;
  padding: 15px;
  width: 100%;
}
.wpforms-container select {
  height: 4.6rem;
  padding: 0 25px 0 15px;
  width: 100%;
}
.wpforms-container input[type=checkbox] {
  height: 20px;
  margin-right: 10px;
  border: 1px solid #656565;
  border-radius: 2px;
  width: 20px;
}
.wpforms-container .wpforms-field-divider {
  padding: 0;
  margin-bottom: 15px;
}
.wpforms-container button[type=submit] {
  width: 100%;
}
.wpforms-container .wpforms-field-label {
  font-family: "neue-haas-grotesk-text", Helvetica, sans-serif;
  font-family: var(--neue-haas-grotesk-text);
  font-size: 1.3rem; /* 13px */
  font-weight: bold;
  margin-bottom: 5px;
}
.wpforms-container h3 {
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid #e1e1e1;
  border-top: var(--border-light-gray);
}

.header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  position: sticky;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 8;
  background-color: #ffffff;
  background-color: var(--white);
}
.header.static {
  position: relative !important;
  -webkit-transform: none !important;
          transform: none !important;
}
@media (min-width: 1000px) {
  .header {
    top: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    -webkit-transform: translate3d(0, 93px, 0);
            transform: translate3d(0, 93px, 0);
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    -webkit-transition: -webkit-transform var(--speed) var(--ease);
    transition: -webkit-transform var(--speed) var(--ease);
    transition: transform var(--speed) var(--ease);
    transition: transform var(--speed) var(--ease), -webkit-transform var(--speed) var(--ease);
  }
}
.is-publisher-nav .header {
  z-index: 0;
}
.is-header-nav .header {
  z-index: 8;
}
@media (min-width: 1000px) {
  .is-nav-down .header {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@media (min-width: 1000px) {
  .is-nav-up .header {
    -webkit-transform: translate3d(0, 93px, 0);
            transform: translate3d(0, 93px, 0);
  }
}
.page-publisher .header {
  position: relative;
  -webkit-transform: none;
          transform: none;
}
.page-ecomm-receipt .header, .page-ecomm-checkout .header, .page-quiz .header {
  display: none;
}

.header__overlay {
  display: block;
  position: fixed;
  top: 96px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 9;
  visibility: visible;
  -webkit-transition: background-color 0.25s ease-in-out, opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out, opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
  -webkit-transition: background-color var(--duration) var(--ease), opacity var(--duration) var(--ease), visibility var(--duration) var(--ease);
  transition: background-color var(--duration) var(--ease), opacity var(--duration) var(--ease), visibility var(--duration) var(--ease);
}
@media (min-width: 1000px) {
  .header__overlay {
    display: none;
  }
}

.header__container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  min-height: 52px;
}
@media (min-width: 1000px) {
  .header__container {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: calc(100% - 86px);
    min-height: 70px;
    border-bottom: none;
  }
}
@media (min-width: 1200px) {
  .header__container {
    width: calc(100% - 160px);
  }
}

#header {
  position: sticky;
  top: 0px;
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
  z-index: 999;
}

.header-logo {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  z-index: 12;
}
@media (min-width: 1000px) {
  .header-logo {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
    -webkit-transition: opacity var(--speed) var(--ease), visibility var(--speed) var(--ease);
    transition: opacity var(--speed) var(--ease), visibility var(--speed) var(--ease);
  }
}
@media (min-width: 1200px) {
  .header-logo {
    left: 0;
  }
}
.is-nav-down .header-logo {
  opacity: 1;
  visibility: visible;
}

.header-logo > img {
  display: block;
  width: 145px;
  height: auto;
  margin-top: 5px;
}

.header__btn-mobile {
  position: relative;
  bottom: 0;
  cursor: pointer;
  display: block;
  height: 13px;
  width: 25px;
}
@media (min-width: 620px) {
  .header__btn-mobile {
    height: 17px;
  }
}
@media (min-width: 1000px) {
  .header__btn-mobile {
    display: none;
  }
}

.header__btn-mobile::before,
.header__btn-mobile::after {
  content: "";
}

.header__btn-mobile::before,
.header__btn-mobile::after,
.header__btn-mobile__el {
  position: absolute;
  left: 50%;
  width: 25px;
  height: 1px;
  background-color: #000000;
  background-color: var(--black);
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  -webkit-transition: all var(--duration) ease-in;
  transition: all var(--duration) ease-in;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.header__btn-mobile::before {
  top: 0;
}

.header__btn-mobile::after {
  top: calc(100% - 1px);
}

.header__btn-mobile__el {
  top: calc(50% - 0.5px);
}

.header__btn-mobile.is-active .header__btn-mobile__el {
  opacity: 0;
  visibility: hidden;
}

.header__btn-mobile.is-active::before {
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}

.header__btn-mobile.is-active::after {
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

/* stylelint-disable */
/* stylelint-enable */
.vue-qs {
  height: 50px;
  width: 100%;
  max-width: 100%;
  -webkit-box-shadow: inset 0 1px 0 0 #dcdcdc;
          box-shadow: inset 0 1px 0 0 #dcdcdc;
  -webkit-transition: height 0.2s ease-in;
  transition: height 0.2s ease-in;
  z-index: 1;
}
@media (min-width: 768px) {
  .vue-qs {
    position: absolute;
    top: 75px;
    left: calc(100vw - 600px);
    max-width: 520px;
    background-color: white;
  }
}

.vue-qs__inner {
  height: 100%;
}

.vue-qs__submit {
  position: absolute;
  top: 50%;
  left: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
}

.vue-qs__input-wrapper {
  position: absolute;
  padding-left: 45px;
}

.vue-qs__input-label {
  color: red;
  color: var(--grey);
}

.vue-is__dropdown {
  position: absolute;
  top: 35px;
  padding: 10px 20px 30px;
  width: 100%;
  background-color: #ffffff;
  background-color: var(--white);
  overflow: auto;
}
@media (min-width: 768px) {
  .vue-is__dropdown {
    max-height: calc(100vh - 200px);
    top: 55px;
  }
}

.vue-qs__result {
  padding: 5px 0;
}

.vue-qs__result-title {
  width: 70%;
}

.vue-qs__results-footer {
  padding-top: 20px;
  text-align: center;
  text-decoration: underline;
}

/* vue transition */
.vue-qs-enter-active {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.vue-qs-leave-active {
  -webkit-transition: all 0.2s cubic-bezier(1, 0.5, 0.8, 1);
  transition: all 0.2s cubic-bezier(1, 0.5, 0.8, 1);
}

.vue-qs-enter,
.vue-qs-leave-to {
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
  opacity: 0;
}

.header-search {
  display: none;
  width: 100%;
  z-index: 8;
  background: #ffffff;
  background: var(--white);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.header-search.static {
  position: relative !important;
  -webkit-transform: none !important;
          transform: none !important;
}
@media (min-width: 1000px) {
  .header-search {
    display: block;
    position: fixed;
    top: 0;
    background-color: #ffffff;
    background-color: var(--white);
    border-bottom: 1px solid #e1e1e1;
    border-bottom: 1px solid var(--light-gray);
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    -webkit-transition: -webkit-transform var(--speed) var(--ease);
    transition: -webkit-transform var(--speed) var(--ease);
    transition: transform var(--speed) var(--ease);
    transition: transform var(--speed) var(--ease), -webkit-transform var(--speed) var(--ease);
  }
}
.is-publisher-nav .header-search {
  z-index: 0;
}
@media (min-width: 1000px) {
  .is-nav-down .header-search {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}
@media (min-width: 1000px) {
  .is-nav-up .header-search {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@media (min-width: 1000px) {
  .page-publisher .header-search {
    position: static;
    position: initial;
    -webkit-transform: none;
            transform: none;
  }
}
.page-ecomm-receipt .header-search, .page-ecomm-checkout .header-search, .page-quiz .header-search {
  display: none;
}

.header-search--mobile {
  display: block;
  border-top: 1px solid #e1e1e1;
  border-top: var(--border-light-gray);
}
@media (min-width: 1000px) {
  .header-search--mobile {
    display: none;
  }
}

.header-search__container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 46px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 1000px) {
  .header-search__container {
    height: 92px;
  }
}

.header-search__inner {
  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%;
}
.header-search__inner .text-input,
.header-search__inner .select-input {
  margin: 0;
}

.header-search__select-input {
  position: relative;
}
.header-search__select-input::before {
  content: "";
  position: absolute;
  top: 8px;
  right: 0;
  width: 1px;
  height: 30px;
  background: #e1e1e1;
  background: var(--light-gray);
}
.header-search__inner:hover .header-search__select-input::before {
  background: #000000;
  background: var(--black);
}
.header-search__select-input .select-input__el {
  width: auto;
  padding: 0 35px 0 0;
  border-color: transparent;
  -moz-text-align-last: center;
       text-align-last: center;
}
@media (min-width: 1000px) {
  .header-search__select-input .select-input__el {
    padding: 0 35px 0 15px;
    border-radius: 5px 0 0 5px;
    border-right: none;
    border-color: #e1e1e1;
    border-color: var(--light-gray);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  }
}
.header-search__select-input .select-input__el:hover {
  border-right: none !important;
}
@media (min-width: 768px) {
  .header-search__inner:hover .header-search__select-input .select-input__el {
    border: 1px solid #000000;
    border: 1px solid var(--black);
    border-right: none;
  }
}

.header-search__text-input {
  width: 100%;
}
.header-search__text-input .text-input__el {
  border-color: transparent;
}
@media (min-width: 1000px) {
  .header-search__text-input .text-input__el {
    border-radius: 0;
    border-left: none;
    border-right: none;
    border-color: #e1e1e1;
    border-color: var(--light-gray);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  }
}
@media (min-width: 768px) {
  .header-search__inner:hover .header-search__text-input .text-input__el {
    border: 1px solid #000000;
    border: 1px solid var(--black);
    border-right: none;
    border-left: none;
  }
}
.header-search__text-input .text-input__el:hover {
  border-right: none !important;
  border-left: none !important;
}

.header-search__logo {
  display: none;
}
@media (min-width: 1000px) {
  .header-search__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    position: relative;
    top: auto;
    left: auto;
    margin-top: -2px;
    z-index: 1;
  }
}

.header-side__icon-user > svg {
  width: 17px;
  height: 16px;
}
@media (min-width: 1000px) {
  .header-side__icon-user > svg {
    width: 24px;
    height: 24px;
  }
}

.header-search__form {
  width: 100%;
}
@media (min-width: 1000px) {
  .header-search__form {
    margin: 0 40px;
  }
}

.header-side__icon--cart {
  display: block;
}
.header-side__icon--cart svg {
  width: 17px;
  height: 17px;
  pointer-events: none;
}
@media (min-width: 1000px) {
  .header-side__icon--cart svg {
    width: 24px;
    height: 25px;
  }
}

.header-side__cart-count {
  position: absolute;
  top: 7px;
  right: -25px;
  width: 100%;
  pointer-events: none;
}

.header-side {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  position: relative;
  width: auto;
  z-index: 1;
}

.header-side--mobile {
  position: relative;
  width: 55px;
  z-index: 6;
}
@media (min-width: 1000px) {
  .header-side--mobile {
    width: 70px;
  }
}

.header-side__list {
  display: none;
}
@media (min-width: 1000px) {
  .header-side__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.header-side__list--mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 1000px) {
  .header-side__list--mobile {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
    -webkit-transition: opacity var(--duration) var(--ease), visibility var(--duration) var(--ease);
    transition: opacity var(--duration) var(--ease), visibility var(--duration) var(--ease);
  }
}
@media (min-width: 1000px) {
  .is-nav-down .header-side__list--mobile {
    opacity: 1;
    visibility: visible;
  }
}

.header-side__item {
  display: block;
  position: relative;
  margin-right: 10px;
}
@media (min-width: 1000px) {
  .header-side__item {
    margin-right: 20px;
  }
}
.header-side__item:last-child {
  margin-right: 0;
}
.header-side__item span {
  pointer-events: none;
}

.header-side__link {
  display: block;
}

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

.header__nav {
  position: fixed;
  top: 96px;
  left: 0;
  width: 320px;
  height: calc(100vh - 99px);
  z-index: 6;
  background-color: #ffffff;
  background-color: var(--white);
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
}
@media (min-width: 620px) {
  .header__nav {
    width: 384px;
  }
}
@media (min-width: 1000px) {
  .header__nav {
    position: static;
    display: block;
    width: auto;
    height: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    overflow-y: visible;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
    visibility: visible;
  }
}
.header__nav.is-animated {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out, visibility 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  -webkit-transition: opacity var(--duration) var(--ease), visibility var(--duration) var(--ease), -webkit-transform var(--duration) var(--ease);
  transition: opacity var(--duration) var(--ease), visibility var(--duration) var(--ease), -webkit-transform var(--duration) var(--ease);
  transition: transform var(--duration) var(--ease), opacity var(--duration) var(--ease), visibility var(--duration) var(--ease);
  transition: transform var(--duration) var(--ease), opacity var(--duration) var(--ease), visibility var(--duration) var(--ease), -webkit-transform var(--duration) var(--ease);
}
@media (min-width: 1000px) {
  .header__nav.is-animated {
    -webkit-transition: height 0.2s ease-in-out;
    transition: height 0.2s ease-in-out;
    -webkit-transition: height var(--speed) var(--ease);
    transition: height var(--speed) var(--ease);
    -webkit-transform: none;
            transform: none;
  }
}
.header__nav .sub-menu {
  margin: 0 20px;
  overflow: hidden;
  height: 0;
  width: 280px;
}
@media (max-width: 767px) {
  .header__nav .sub-menu {
    -webkit-transition: height 1s ease;
    transition: height 1s ease;
  }
}
@media (min-width: 620px) {
  .header__nav .sub-menu {
    margin: 0 40px;
    width: 304px;
  }
}
@media (min-width: 1000px) {
  .header__nav .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 840px;
    margin: 0 auto;
    opacity: 0;
    visibility: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background-color: #ffffff;
    background-color: var(--white);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
    -webkit-transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, transform, visibility;
    transition-property: opacity, transform, visibility, -webkit-transform;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
            transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition-timing-function: var(--ease-out-quart);
            transition-timing-function: var(--ease-out-quart);
    padding: 60px 100px;
    pointer-events: none;
  }
  .header__nav .sub-menu .sub-menu {
    position: relative;
    padding: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    display: block;
  }
}

.header__nav__container {
  margin-bottom: 100px;
  padding-bottom: 30px;
}
@media (min-width: 1000px) {
  .header__nav__container {
    position: absolute;
    top: 50%;
    left: 0;
    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%;
    height: 100%;
    margin-bottom: 0;
    padding-bottom: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 0;
  }
}

@media (min-width: 1000px) {
  .header__nav__list {
    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;
    height: 100%;
    padding-bottom: 0;
    width: 100%;
  }
}

.header__nav-footer {
  display: block;
  padding-bottom: 20px;
}
@media (min-width: 1000px) {
  .header__nav-footer {
    display: none;
  }
}

.header__nav__list .menu-item,
.publisher-nav__nav-list .menu-item {
  height: 100%;
  border-bottom: 1px solid #e1e1e1;
  border-bottom: 1px solid var(--light-gray);
}
.header__nav__list .menu-item > a:after, .header__nav__list .menu-item > a:before,
.publisher-nav__nav-list .menu-item > a:after,
.publisher-nav__nav-list .menu-item > a:before {
  display: none;
}
@media (min-width: 1000px) {
  .header__nav__list .menu-item,
  .publisher-nav__nav-list .menu-item {
    border-bottom: none;
  }
}
.header__nav__list .menu-item.menu-item-type-gs_sim,
.publisher-nav__nav-list .menu-item.menu-item-type-gs_sim {
  border-bottom: none;
}
.header__nav__list .menu-item:first-child,
.publisher-nav__nav-list .menu-item:first-child {
  border-top: 1px solid #e1e1e1;
  border-top: 1px solid var(--light-gray);
}
@media (min-width: 1000px) {
  .header__nav__list .menu-item:first-child,
  .publisher-nav__nav-list .menu-item:first-child {
    border-top: none;
  }
}
.header__nav__list .menu-item .header__nav-icon,
.publisher-nav__nav-list .menu-item .header__nav-icon {
  position: absolute;
  right: 0;
  display: inline-block;
  margin-left: 5px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  pointer-events: none;
}
@media (min-width: 1000px) {
  .header__nav__list .menu-item .header__nav-icon,
  .publisher-nav__nav-list .menu-item .header__nav-icon {
    position: static;
    position: initial;
    -webkit-transform: none;
            transform: none;
  }
}
.menu-open .header__nav__list .menu-item,
.menu-open .publisher-nav__nav-list .menu-item {
  color: rgba(0, 0, 0, 0.6);
  color: var(--black-50);
}
.menu-open .header__nav__list .menu-item.is-active,
.menu-open .publisher-nav__nav-list .menu-item.is-active {
  color: #000000;
  color: var(--black);
}
.header__nav__list .menu-item.is-active .sub-menu,
.publisher-nav__nav-list .menu-item.is-active .sub-menu {
  margin-bottom: 20px;
}
@media (min-width: 1000px) {
  .header__nav__list .menu-item.is-active .sub-menu,
  .publisher-nav__nav-list .menu-item.is-active .sub-menu {
    height: auto;
    pointer-events: unset;
    margin-bottom: 0;
    overflow: auto;
    opacity: 1;
    visibility: visible;
  }
}
.header__nav__list .menu-item.is-active .header__nav-icon,
.publisher-nav__nav-list .menu-item.is-active .header__nav-icon {
  position: absolute;
  left: 0;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
@media (min-width: 1000px) {
  .header__nav__list .menu-item.is-active .header__nav-icon,
  .publisher-nav__nav-list .menu-item.is-active .header__nav-icon {
    position: static;
    position: initial;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}
@media (min-width: 1000px) {
  .header__nav__list .menu-item:hover .sub-menu,
  .publisher-nav__nav-list .menu-item:hover .sub-menu {
    height: auto;
    pointer-events: unset;
    overflow: auto;
    opacity: 1;
    visibility: visible;
  }
}
@media (min-width: 1000px) {
  .header__nav__list .menu-item:hover .header__nav-icon,
  .publisher-nav__nav-list .menu-item:hover .header__nav-icon {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}

@media (min-width: 1000px) {
  .header__nav .menu-item-has-children:hover .sub-menu {
    height: auto;
  }
}

@media (max-width: 999px) {
  .header__nav .menu-item-has-children.is-active > a {
    text-align: center;
    border-bottom: 1px solid #e1e1e1;
    border-bottom: 1px solid var(--light-gray);
  }
}
.header__nav .menu-item-has-children.is-active .sub-menu {
  height: auto;
}
@media (min-width: 1000px) {
  .header__nav .menu-item-has-children.is-active .sub-menu {
    height: auto;
    height: initial;
  }
}

.header__nav .menu-item-has-children > a {
  position: relative;
  display: block;
  margin: 0 20px;
  padding: 18px 0;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
  -webkit-transition: color var(--speed) var(--ease);
  transition: color var(--speed) var(--ease);
  cursor: pointer;
}
@media (min-width: 620px) {
  .header__nav .menu-item-has-children > a {
    margin: 0 40px;
  }
}
@media (min-width: 1000px) {
  .header__nav .menu-item-has-children > a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 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: 100%;
    height: 100%;
    margin: 0 8px;
    padding: 0 5px;
    pointer-events: auto;
    border-bottom: none;
  }
}
@media (min-width: 1200px) {
  .header__nav .menu-item-has-children > a {
    padding: 0 15px;
  }
}

.header__nav__list .header__nav-footer-link {
  padding-top: 50px;
  padding-bottom: 20px;
  border-bottom: none;
  margin: 0 20px;
}
@media (min-width: 620px) {
  .header__nav__list .header__nav-footer-link {
    margin: 0 40px;
  }
}
@media (min-width: 1000px) {
  .header__nav__list .header__nav-footer-link {
    display: none;
  }
}
.header__nav__list .header__nav-footer-link a {
  -webkit-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
  -webkit-transition: color var(--duration) var(--ease);
  transition: color var(--duration) var(--ease);
}
.header__nav__list .header__nav-footer-link a:hover {
  color: rgba(0, 0, 0, 0.6);
}
.header__nav__list .header__nav-footer-link ~ .header__nav-footer-link {
  padding-top: 0;
  padding-bottom: 40px;
}

.header__nav-button {
  width: 100%;
  padding: 0 40px;
  border-bottom: none !important;
}
@media (min-width: 1000px) {
  .header__nav-button {
    height: 35px;
    line-height: 35px;
    width: auto;
  }
}
@media (min-width: 1000px) {
  .header__nav-button {
    padding: 0;
    margin-left: 10px;
  }
}
.header__nav-button a {
  position: relative;
  display: inline-block;
  text-align: center;
  height: 40px;
  min-width: 151px;
  border-radius: 5px;
  padding: 0 4ch;
  line-height: 40px;
  vertical-align: middle;
  font-family: "neue-haas-grotesk-text", Helvetica, sans-serif;
  font-family: var(--neue-haas-grotesk-text);
  font-size: 1.3rem; /* 13px */
  font-weight: bold;
  color: #ffffff;
  color: var(--white);
  -webkit-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
  -webkit-transition: color var(--transition-default);
  transition: color var(--transition-default);
  width: 100%;
}
@media (min-width: 620px) {
  .header__nav-button a {
    height: 49px;
    line-height: 49px;
  }
}
@media (min-width: 1000px) {
  .header__nav-button a {
    max-width: 150px;
    height: 35px;
    line-height: 35px;
    padding: 0;
  }
}
.header__nav-button a:before {
  display: block !important;
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  background-color: #000000;
  background-color: var(--black);
  -webkit-transition: background-color 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out, transform 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out, transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  -webkit-transition: background-color var(--transition-default), -webkit-transform var(--transition-default);
  transition: background-color var(--transition-default), -webkit-transform var(--transition-default);
  transition: background-color var(--transition-default), transform var(--transition-default);
  transition: background-color var(--transition-default), transform var(--transition-default), -webkit-transform var(--transition-default);
}
.header__nav-button a:after {
  display: block !important;
  content: "";
  position: absolute;
  top: -3px;
  left: -3px;
  z-index: -1;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-radius: 5px;
  border: solid 1px transparent;
  -webkit-transition: border 0.25s ease-in-out;
  transition: border 0.25s ease-in-out;
  -webkit-transition: border var(--transition-default);
  transition: border var(--transition-default);
}
@media (min-width: 620px) {
  .header__nav-button a:after {
    top: -4px;
    left: -4px;
    width: calc(100% + 6px);
    height: calc(100% + 6px);
  }
}

.header__nav-icon {
  display: inline-block;
  width: 10px;
  height: 9px;
}
@media (min-width: 1000px) {
  .header__nav-icon {
    display: none;
  }
}

.header__subnav-heading {
  border-top: none !important;
  border-bottom: none !important;
}
.header__subnav-heading > a {
  display: none !important;
}
@media (min-width: 1000px) {
  .header__subnav-heading > a {
    display: block !important;
    padding: 0 0 12px !important;
    margin: 0 !important;
    font-weight: normal;
  }
}
.header__subnav-heading .sub-menu {
  padding-top: 20px;
}

.header__subnav-category-label {
  border-top: none !important;
}
.header__subnav-category-label:last-child {
  border-bottom: none !important;
}
.header__subnav-category-label > a {
  margin: 0;
}

.header__subnav-heading .sub-menu {
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  margin: 0;
}
.header__subnav-heading .sub-menu li {
  border-top: none !important;
  margin-bottom: 10px;
  border-bottom: none;
}
@media (min-width: 1000px) {
  .header__subnav-heading .sub-menu li {
    min-width: 120px;
    margin-bottom: 0;
  }
}
@media (min-width: 1440px) {
  .header__subnav-heading .sub-menu li {
    min-width: 180px;
  }
}
.header__subnav-heading .sub-menu li a {
  font-family: "neue-haas-grotesk-text", Helvetica, sans-serif;
  font-family: var(--neue-haas-grotesk-text);
  font-size: 1.3rem;
  line-height: 1.23;
  font-weight: bold;
  color: #000000;
  color: var(--black);
  -webkit-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
  -webkit-transition: color var(--duration) var(--ease);
  transition: color var(--duration) var(--ease);
}
.header__subnav-heading .sub-menu li a:hover {
  color: rgba(0, 0, 0, 0.6);
}

@media (min-width: 1000px) {
  .header__subnav-col-4 .sub-menu {
    max-width: 1060px;
  }
}

@media (min-width: 1000px) {
  .header__subnav-category-label {
    padding: 0 20px 20px;
  }
}
@media (min-width: 1000px) {
  .header__subnav-category-label > a {
    text-align: left;
    display: block !important;
    padding: 0 0 15px !important;
    margin: 0 !important;
  }
}
.header__subnav-category-label .sub-menu {
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  margin: 0;
}
@media (min-width: 1000px) {
  .header__subnav-category-label .sub-menu {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
  }
}
.header__subnav-category-label .sub-menu li {
  border-top: none !important;
  margin-bottom: 10px;
  border-bottom: none;
}
@media (min-width: 1000px) {
  .header__subnav-category-label .sub-menu li {
    min-width: 120px;
    margin-bottom: 0;
  }
}
@media (min-width: 1440px) {
  .header__subnav-category-label .sub-menu li {
    min-width: 180px;
  }
}
.header__subnav-category-label .sub-menu li a {
  font-family: "neue-haas-grotesk-text", Helvetica, sans-serif;
  font-family: var(--neue-haas-grotesk-text);
  font-size: 1.3rem;
  line-height: 1.23;
  font-weight: bold;
  color: #000000;
  color: var(--black);
  -webkit-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
  -webkit-transition: color var(--duration) var(--ease);
  transition: color var(--duration) var(--ease);
}
.header__subnav-category-label .sub-menu li a:hover {
  color: rgba(0, 0, 0, 0.6);
}

.featured-book-wrapper {
  text-align: center;
}
.featured-book-wrapper .book-card p {
  margin-bottom: 16px;
}
.featured-book-wrapper .book-card__img {
  max-width: 150px;
  margin: 0 auto;
  margin-bottom: 16px;
}

.publisher-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  position: sticky;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 7;
  background-color: #ffffff;
  background-color: var(--white);
}
@media (min-width: 768px) {
  .publisher-nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }
}
.is-header-nav .publisher-nav {
  z-index: 0;
}

.publisher-nav__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  height: 52px;
}
@media (min-width: 768px) {
  .publisher-nav__container {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 70px;
    border-bottom: none;
  }
}

.publisher-nav__wrapper {
  border-bottom: 1px solid #e1e1e1;
  border-bottom: 1px solid var(--light-gray);
}
@media (min-width: 768px) {
  .publisher-nav__wrapper {
    border-bottom: none;
  }
}

@media (min-width: 768px) {
  .publisher-nav__btn-mobile {
    display: none;
  }
}

.publisher-nav__nav-head {
  position: relative;
  margin: 20px;
}
@media (min-width: 768px) {
  .publisher-nav__nav-head {
    display: none;
  }
}
.publisher-nav__nav-head .hero__icon img {
  height: 76px;
}

.publisher-nav__close {
  position: absolute;
  top: 0;
  right: 0;
  width: 14px;
  height: 15px;
  cursor: pointer;
}
.publisher-nav__close svg {
  pointer-events: none;
}
@media (min-width: 768px) {
  .publisher-nav__close {
    display: none;
  }
}

.publisher-nav__btn-icon {
  position: absolute;
  right: 0;
  display: inline-block;
  margin: 5px;
  width: 10px;
  height: 9px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  pointer-events: none;
}

.publisher-nav__nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 320px;
  height: 100%;
  z-index: 9;
  background-color: #ffffff;
  background-color: var(--white);
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
  -webkit-transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out, visibility 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  -webkit-transition: opacity var(--duration) var(--ease), visibility var(--duration) var(--ease), -webkit-transform var(--duration) var(--ease);
  transition: opacity var(--duration) var(--ease), visibility var(--duration) var(--ease), -webkit-transform var(--duration) var(--ease);
  transition: transform var(--duration) var(--ease), opacity var(--duration) var(--ease), visibility var(--duration) var(--ease);
  transition: transform var(--duration) var(--ease), opacity var(--duration) var(--ease), visibility var(--duration) var(--ease), -webkit-transform var(--duration) var(--ease);
}
@media (min-width: 620px) {
  .publisher-nav__nav {
    width: 384px;
  }
}
@media (min-width: 768px) {
  .publisher-nav__nav {
    position: static;
    display: block;
    width: auto;
    height: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    overflow-y: visible;
    -webkit-transform: none;
            transform: none;
    -webkit-transition: height 0.2s ease-in-out;
    transition: height 0.2s ease-in-out;
    -webkit-transition: height var(--speed) var(--ease);
    transition: height var(--speed) var(--ease);
    opacity: 1;
    visibility: visible;
  }
}
.publisher-nav__nav.is-animated {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
@media (min-width: 768px) {
  .publisher-nav__nav.is-animated {
    -webkit-transform: none;
            transform: none;
  }
}

.publisher-nav__nav-container {
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .publisher-nav__nav-container {
    position: absolute;
    top: 50%;
    left: 0;
    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%;
    height: 100%;
    padding-bottom: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 0;
  }
}

.publisher-nav__nav-list {
  padding-bottom: 110px;
}
@media (min-width: 768px) {
  .publisher-nav__nav-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%;
    margin-right: 10px;
    padding-bottom: 0;
  }
}

.publisher-nav__nav-socials {
  margin: 0 20px;
}
@media (min-width: 620px) {
  .publisher-nav__nav-socials {
    margin: 0 40px;
  }
}
@media (min-width: 768px) {
  .publisher-nav__nav-socials {
    margin: 0;
  }
}

.publisher-nav__nav-footer {
  display: block;
  padding-bottom: 20px;
}
@media (min-width: 768px) {
  .publisher-nav__nav-footer {
    display: none;
  }
}

.publisher-nav__nav-footer-list {
  margin: 0 20px;
}
@media (min-width: 620px) {
  .publisher-nav__nav-footer-list {
    margin: 0 40px;
  }
}

.publisher-nav__nav-footer-item {
  padding-bottom: 20px;
}

.publisher-nav__nav-list .menu-item {
  border-bottom: 1px solid #e1e1e1;
  border-bottom: 1px solid var(--light-gray);
}
@media (min-width: 768px) {
  .publisher-nav__nav-list .menu-item {
    border-bottom: none;
  }
}
.publisher-nav__nav-list .menu-item:first-child {
  border-top: 1px solid #e1e1e1;
  border-top: 1px solid var(--light-gray);
}
@media (min-width: 768px) {
  .publisher-nav__nav-list .menu-item:first-child {
    border-top: none;
  }
}

.publisher-nav__nav-list .menu-item a {
  position: relative;
  display: block;
  margin: 0 20px;
  padding: 18px 0;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
  -webkit-transition: color var(--speed) var(--ease);
  transition: color var(--speed) var(--ease);
  cursor: pointer;
  pointer-events: none;
}
@media (min-width: 620px) {
  .publisher-nav__nav-list .menu-item a {
    margin: 0 40px;
  }
}
@media (min-width: 768px) {
  .publisher-nav__nav-list .menu-item a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 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: 100%;
    height: 100%;
    margin: 0 4px;
    padding: 0 8px;
    pointer-events: auto;
    border-bottom: none;
  }
}
@media (min-width: 1000px) {
  .publisher-nav__nav-list .menu-item a {
    margin: 0 auto;
    padding: 0 15px;
  }
}
.publisher-nav__nav-list .menu-item a .publisher-nav__nav-icon {
  position: absolute;
  right: 0;
  display: inline-block;
  margin-left: 5px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  pointer-events: none;
}
@media (min-width: 768px) {
  .publisher-nav__nav-list .menu-item a .publisher-nav__nav-icon {
    position: static;
    position: initial;
    -webkit-transform: none;
            transform: none;
  }
}
.menu-open .publisher-nav__nav-list .menu-item a {
  color: rgba(0, 0, 0, 0.7);
  color: var(--black-70);
}
.menu-open .publisher-nav__nav-list .menu-item a.is-active {
  color: #000000;
  color: var(--black);
}
@media (min-width: 768px) {
  .menu-open .publisher-nav__nav-list .menu-item a.is-active {
    border-radius: 5px 5px 0 0;
    border: 1px solid #e1e1e1;
    border: var(--border-light-gray);
    border-bottom-style: none;
  }
}
@media (max-width: 999px) {
  .publisher-nav__nav-list .menu-item a.is-active .publisher-nav__nav-list .menu-item {
    text-align: center;
    border-bottom: 1px solid #e1e1e1;
    border-bottom: 1px solid var(--light-gray);
  }
}
.publisher-nav__nav-list .menu-item a.is-active .publisher-nav__subnav {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .publisher-nav__nav-list .menu-item a.is-active .publisher-nav__subnav {
    height: auto;
    margin-bottom: 0;
    overflow: auto;
    opacity: 1;
    visibility: visible;
  }
}
.publisher-nav__nav-list .menu-item a.is-active .publisher-nav__nav-icon {
  position: absolute;
  left: 0;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
@media (min-width: 768px) {
  .publisher-nav__nav-list .menu-item a.is-active .publisher-nav__nav-icon {
    position: static;
    position: initial;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}
@media (min-width: 768px) {
  .publisher-nav__nav-list .menu-item a:hover .publisher-nav__nav-list .menu-item::before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #ffffff;
    background-color: var(--white);
    z-index: 3;
  }
}
@media (min-width: 768px) {
  .publisher-nav__nav-list .menu-item a:hover .publisher-nav__subnav {
    height: auto;
    overflow: auto;
    opacity: 1;
    visibility: visible;
  }
}
@media (min-width: 768px) {
  .publisher-nav__nav-list .menu-item a:hover .publisher-nav__nav-icon {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}

.publisher-nav__nav-icon {
  display: inline-block;
  width: 10px;
  height: 9px;
}
@media (min-width: 768px) {
  .publisher-nav__nav-icon {
    display: none;
  }
}

.publisher-nav__subnav {
  margin: 0 20px;
  overflow: hidden;
  height: 0;
  width: 280px;
}
@media (max-width: 767px) {
  .publisher-nav__subnav {
    -webkit-transition: height 1s ease;
    transition: height 1s ease;
  }
}
@media (min-width: 620px) {
  .publisher-nav__subnav {
    margin: 0 40px;
    width: 304px;
  }
}
@media (min-width: 768px) {
  .publisher-nav__subnav {
    position: absolute;
    top: calc(100% - 1px);
    left: 0;
    right: 0;
    width: 100%;
    max-width: 840px;
    margin: 0 auto;
    opacity: 0;
    visibility: hidden;
    background-color: #ffffff;
    background-color: var(--white);
    -webkit-box-shadow: 0 2px 4px rgba(#000000, 0.1);
            box-shadow: 0 2px 4px rgba(#000000, 0.1);
    -webkit-box-shadow: 0 2px 4px rgba(var(--black), 0.1);
            box-shadow: 0 2px 4px rgba(var(--black), 0.1);
    border-radius: 5px;
    border: 1px solid #e1e1e1;
    border: var(--border-light-gray);
    -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
    -webkit-transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, transform, visibility;
    transition-property: opacity, transform, visibility, -webkit-transform;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
            transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition-timing-function: var(--ease-out-quart);
            transition-timing-function: var(--ease-out-quart);
  }
}

@media (min-width: 768px) {
  .publisher-nav__subnav--column {
    top: calc(100% - 1px);
    right: auto;
    left: auto;
    max-width: 218px;
    margin-left: -1px;
    border-radius: 0 5px 5px 5px;
    border: 1px solid #e1e1e1;
    border: var(--border-light-gray);
  }
}
@media (min-width: 768px) {
  .publisher-nav__subnav--column .publisher-nav__subnav-inner {
    padding: 0;
  }
}
.publisher-nav__subnav--column .publisher-nav__subnav-list {
  -webkit-column-count: 1;
     -moz-column-count: 1;
          column-count: 1;
}
@media (min-width: 768px) {
  .publisher-nav__subnav--column .publisher-nav__subnav-list {
    padding: 20px;
  }
}

@media (min-width: 768px) {
  .publisher-nav__subnav--column-three,
  .publisher-nav__subnav--column-two {
    top: calc(100% - 1px);
    max-width: 100%;
    border-radius: 5px;
    border: 1px solid #e1e1e1;
    border: var(--border-light-gray);
  }
}

@media (min-width: 768px) {
  .publisher-nav__subnav-block-img-wrapper::before {
    padding-bottom: 61.2765957447%;
  }
}
@media (min-width: 1440px) {
  .publisher-nav__subnav-block-img-wrapper::before {
    padding-bottom: 66.0550458716%;
  }
}

@media (min-width: 768px) {
  .publisher-nav__subnav-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 60px 100px;
  }
}

.publisher-nav__subnav-heading {
  display: none;
}
@media (min-width: 768px) {
  .publisher-nav__subnav-heading {
    display: block;
    padding-bottom: 12px;
  }
}

@media (min-width: 768px) {
  .publisher-nav__subnav--categories {
    max-width: 728px;
  }
}
@media (min-width: 1000px) {
  .publisher-nav__subnav--categories {
    max-width: 1060px;
  }
}
@media (min-width: 768px) {
  .publisher-nav__subnav--categories .publisher-nav__subnav-inner {
    padding: 40px 72px;
  }
}
@media (min-width: 1000px) {
  .publisher-nav__subnav--categories .publisher-nav__subnav-inner {
    padding: 60px 92px;
  }
}

@media (min-width: 768px) {
  .publisher-nav__subnav-categories {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 -20px;
  }
}

.publisher-nav__subnav-category {
  padding: 24px 0 21px;
  border-bottom: 1px solid #e1e1e1;
  border-bottom: 1px solid var(--light-gray);
}
@media (min-width: 768px) {
  .publisher-nav__subnav-category {
    max-width: 220px;
    padding: 0 20px 20px;
    border-bottom: none;
  }
}
.publisher-nav__subnav-category:last-child {
  padding: 24px 0 0;
  border-bottom: none;
}
@media (min-width: 768px) {
  .publisher-nav__subnav-category:last-child {
    padding: 0 20px 20px;
  }
}

.publisher-nav__subnav-category-links {
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  padding-top: 10px;
}
@media (min-width: 768px) {
  .publisher-nav__subnav-category-links {
    -webkit-column-count: auto;
       -moz-column-count: auto;
            column-count: auto;
    -webkit-column-count: initial;
       -moz-column-count: initial;
            column-count: initial;
    padding-top: 0;
  }
}

.publisher-nav__subnav-category-link {
  padding-bottom: 10px;
}
.publisher-nav__subnav-category-link a {
  color: #000000;
  color: var(--black);
  -webkit-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
  -webkit-transition: color var(--duration) var(--ease);
  transition: color var(--duration) var(--ease);
}
.publisher-nav__subnav-category-link a:hover {
  color: rgba(0, 0, 0, 0.6);
  color: var(--black-50);
}
.publisher-nav__subnav-category-link a::before {
  content: none;
}

.publisher-nav__subnav-category-links--group {
  -webkit-column-count: auto;
     -moz-column-count: auto;
          column-count: auto;
  -webkit-column-count: initial;
     -moz-column-count: initial;
          column-count: initial;
}
.publisher-nav__subnav-category-links--group .publisher-nav__subnav-category-label {
  margin-top: 24px;
  padding: 24px 0 10px;
  border-top: 1px solid #e1e1e1;
  border-top: 1px solid var(--light-gray);
}
@media (min-width: 768px) {
  .publisher-nav__subnav-category-links--group .publisher-nav__subnav-category-label {
    margin-top: 0;
    border-top: none;
  }
}

@media (min-width: 768px) {
  .publisher-nav__subnav-category-label {
    padding-bottom: 15px;
  }
}

.publisher-nav__subnav-list {
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  padding-top: 20px;
}
@media (min-width: 768px) {
  .publisher-nav__subnav-list {
    -webkit-column-count: auto;
       -moz-column-count: auto;
            column-count: auto;
    -webkit-column-count: initial;
       -moz-column-count: initial;
            column-count: initial;
    padding-top: 0;
    padding-right: 40px;
  }
}
@media (min-width: 768px) {
  .publisher-nav__subnav--column-two .publisher-nav__subnav-list {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    grid-column-gap: 40px;
    -webkit-column-gap: 40px;
       -moz-column-gap: 40px;
            column-gap: 40px;
  }
}
@media (min-width: 768px) {
  .publisher-nav__subnav--column-three .publisher-nav__subnav-list {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
    grid-column-gap: 40px;
    -webkit-column-gap: 40px;
       -moz-column-gap: 40px;
            column-gap: 40px;
  }
}

.publisher-nav__subnav-blocks {
  margin-top: 42px;
  text-align: center;
}
@media (min-width: 768px) {
  .publisher-nav__subnav-blocks {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    max-width: 250px;
    margin-top: 0;
  }
}

.publisher-nav__subnav-block-label {
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .publisher-nav__subnav-block-label {
    margin-bottom: 13px;
  }
}

.publisher-nav__subnav-block-title {
  padding-top: 16px;
}
@media (min-width: 768px) {
  .publisher-nav__subnav-block-title {
    max-width: 180px;
    margin: 0 auto;
    padding-top: 14px;
  }
}
.publisher-nav__subnav-block-title a {
  color: #000000;
  color: var(--black);
  -webkit-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
  -webkit-transition: color var(--duration) var(--ease);
  transition: color var(--duration) var(--ease);
}
.publisher-nav__subnav-block-title a:hover {
  color: rgba(0, 0, 0, 0.6);
  color: var(--black-50);
}
.publisher-nav__subnav-block-title a::before {
  content: none;
}

.publisher-nav__subnav-block-shadow {
  position: absolute;
  bottom: -6px;
  left: -3px;
  z-index: 0;
}
@media (min-width: 768px) {
  .publisher-nav__subnav-block-shadow {
    bottom: -6px;
    left: -3%;
  }
}
@media (min-width: 1000px) {
  .publisher-nav__subnav-block-shadow {
    bottom: -6px;
    left: -45%;
  }
}
@media (min-width: 1440px) {
  .publisher-nav__subnav-block-shadow {
    left: -49%;
  }
}

.publisher-nav__subnav-block-shadow-img {
  width: 80px;
  height: 54px;
}
@media (min-width: 768px) {
  .publisher-nav__subnav-block-shadow-img {
    width: 85px;
  }
}
@media (min-width: 1000px) {
  .publisher-nav__subnav-block-shadow-img {
    width: 50%;
    height: 50%;
  }
}

.publisher-nav__subnav-item {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .publisher-nav__subnav-item {
    min-width: 120px;
  }
}
@media (min-width: 1440px) {
  .publisher-nav__subnav-item {
    min-width: 180px;
  }
}
.publisher-nav__subnav-item a {
  color: #000000;
  color: var(--black);
  -webkit-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
  -webkit-transition: color var(--duration) var(--ease);
  transition: color var(--duration) var(--ease);
}
.publisher-nav__subnav-item a:hover {
  color: rgba(0, 0, 0, 0.6);
  color: var(--black-50);
}

.publisher-nav__overlay {
  display: block;
  position: fixed;
  top: 0;
  background-color: rgba(0, 0, 0, 0.6);
  background-color: var(--black-50);
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
  -webkit-transition: opacity var(--duration) var(--ease), visibility var(--duration) var(--ease);
  transition: opacity var(--duration) var(--ease), visibility var(--duration) var(--ease);
}
.is-publisher-nav .publisher-nav__overlay {
  opacity: 9;
  visibility: visible;
}

.footer {
  border-top: solid 1px #e1e1e1;
  border-top: solid 1px var(--grey-light);
}
.template-collection-story .footer {
  border-top: 0;
}
.page-quiz .footer {
  display: none;
}
.footer .social-links {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-right: -2rem;
  margin-left: -2rem;
  border-top: 1px solid #e1e1e1;
  border-top: 1px solid var(--grey-light);
  border-bottom: 1px solid #e1e1e1;
  border-bottom: 1px solid var(--grey-light);
}
@media (min-width: 768px) {
  .footer .social-links {
    display: none;
  }
}
@media (min-width: 1000px) {
  .footer .social-links {
    position: absolute;
    top: 7px;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    border-top: none;
    border-bottom: none;
  }
}
.footer .social-links__icon {
  width: 25%;
  height: 56px;
  margin-left: 0;
  border-left: 1px solid #e1e1e1;
  border-left: 1px solid var(--grey-light);
}
@media (min-width: 1000px) {
  .footer .social-links__icon {
    width: auto;
    height: auto;
    margin-left: 15px;
    border-left: none;
  }
}

.footer__container {
  width: 100%;
}
@media (min-width: 768px) {
  .footer__container {
    width: calc(100% - 80px);
  }
}
@media (min-width: 1200px) {
  .footer__container {
    width: calc(100% - 160px);
  }
}

@media (min-width: 768px) {
  .footer__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 30px 0 60px;
  }
}
@media (min-width: 1000px) {
  .footer__main {
    padding-bottom: 74px;
  }
}
@media (min-width: 1200px) {
  .footer__main {
    padding-top: 82px;
  }
}

@media (min-width: 768px) {
  .footer__secondary-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.footer__secondary {
  padding: 0 20px;
}
@media (min-width: 768px) {
  .footer__secondary {
    padding: 0 0 20px;
  }
}

.footer__newsletter {
  padding: 1.5em 2rem;
}
@media (min-width: 768px) {
  .footer__newsletter {
    width: 280px;
    padding: 0;
  }
}
@media (min-width: 1000px) {
  .footer__newsletter {
    position: relative;
    width: 383px;
  }
}
@media (min-width: 1440px) {
  .footer__newsletter {
    width: 508px;
  }
}
@media (min-width: 1000px) {
  .footer__newsletter .newsletter__title {
    text-align: left;
  }
}

@media (min-width: 1000px) {
  .newsletter__form-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}

@media (min-width: 768px) {
  .footer__menus {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: calc(100% - 320px);
  }
}
@media (min-width: 1000px) {
  .footer__menus {
    width: calc(100% - 383px);
  }
}
@media (min-width: 1440px) {
  .footer__menus {
    width: calc(100% - 508px);
    max-width: 550px;
  }
}

.footer__nav {
  grid-column: 1/span 3;
  grid-row: 3/span 2;
  align-self: center;
  justify-self: start;
  place-self: center start;
  width: 100%;
  height: 100%;
  padding: 1.5rem 0;
}
@media (min-width: 768px) {
  .footer__nav {
    grid-column: 2/span 2;
    grid-row: 1/span 4;
    border-left: 1px solid #e1e1e1;
    border-left: 1px solid var(--grey-light);
    padding: 2rem 0;
  }
}
@media (min-width: 1200px) {
  .footer__nav {
    grid-column: 2/span 1;
    grid-row: 1/span 4;
    align-self: center;
    justify-self: center;
    place-self: center;
    border-left: none;
    padding: 2rem 0;
  }
}

.footer__menu {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 15px 2rem;
  border-bottom: 1px solid #e1e1e1;
  border-bottom: 1px solid var(--grey-light);
}
@media (min-width: 768px) {
  .footer__menu {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
            flex: 1 0 50%;
    max-width: 50%;
    padding: 0;
    border-bottom: none;
  }
}

.footer__menu-nav {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.4s ease-in-out;
  transition: max-height 0.4s ease-in-out;
  -webkit-transition: max-height 0.4s var(--ease);
  transition: max-height 0.4s var(--ease);
}
.footer__menu--active .footer__menu-nav {
  max-height: 900px;
}
@media (min-width: 768px) {
  .footer__menu-nav {
    height: auto;
    max-height: unset;
    overflow: unset;
  }
}

.footer__menu-list .menu-item {
  padding-top: 10px;
}
@media (min-width: 768px) {
  .footer__menu-list .menu-item {
    padding-top: 15px;
  }
}

.footer__menu-list .menu-item a,
.footer__menu-secondary .menu-item a {
  font-family: "neue-haas-grotesk-text", Helvetica, sans-serif;
  font-family: var(--neue-haas-grotesk-text);
  font-size: 1.3rem;
  line-height: 1.23;
  font-weight: bold;
  color: #000000;
  color: var(--black);
  -webkit-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
  -webkit-transition: color var(--duration) var(--ease);
  transition: color var(--duration) var(--ease);
}
.footer__menu-list .menu-item a:hover,
.footer__menu-secondary .menu-item a:hover {
  color: rgba(0, 0, 0, 0.6);
}
.footer__menu-list .menu-item a::before,
.footer__menu-secondary .menu-item a::before {
  content: none;
}

.footer__menu-title-expand {
  position: relative;
  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;
  width: 12px;
  height: 30px;
  -webkit-transform: rotate(0);
          transform: rotate(0);
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: -webkit-transform 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.25s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition: -webkit-transform var(--duration) var(--ease-out-quart);
  transition: -webkit-transform var(--duration) var(--ease-out-quart);
  transition: transform var(--duration) var(--ease-out-quart);
  transition: transform var(--duration) var(--ease-out-quart), -webkit-transform var(--duration) var(--ease-out-quart);
}
@media (min-width: 768px) {
  .footer__menu-title-expand {
    display: none;
  }
}
.footer__menu-title-expand::before, .footer__menu-title-expand::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 8px;
  height: 2px;
  background-color: #000000;
  background-color: var(--black);
  -webkit-transform: rotate(0);
          transform: rotate(0);
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: -webkit-transform 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.25s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition: -webkit-transform var(--duration) var(--ease-out-quart);
  transition: -webkit-transform var(--duration) var(--ease-out-quart);
  transition: transform var(--duration) var(--ease-out-quart);
  transition: transform var(--duration) var(--ease-out-quart), -webkit-transform var(--duration) var(--ease-out-quart);
}
.footer__menu-title-expand::before {
  -webkit-transform: rotate(90deg) translate3d(0, 0, 0);
          transform: rotate(90deg) translate3d(0, 0, 0);
}
.footer__menu-title-expand::after {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.footer__menu--active .footer__menu-title-expand {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.footer__menu--active .footer__menu-title-expand::before {
  -webkit-transform: rotate(180deg) translate3d(0, 0, 0);
          transform: rotate(180deg) translate3d(0, 0, 0);
}

@media (min-width: 768px) {
  .footer__menu-secondary-nav {
    width: 50%;
  }
}

.footer__menu-secondary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -6px;
  margin-right: -6px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .footer__menu-secondary {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-bottom: 0;
  }
}
.footer__menu-secondary .menu-item {
  width: 50%;
  padding: 6px;
}
@media (min-width: 768px) {
  .footer__menu-secondary .menu-item {
    width: auto;
    padding-right: 25px;
  }
}

@media (min-width: 768px) {
  .footer__menu-title {
    pointer-events: none;
  }
}
@media (min-width: 1000px) {
  .footer__menu-title {
    margin-bottom: 8px;
  }
}
@media (min-width: 1440px) {
  .footer__menu-title {
    margin-bottom: 11px;
  }
}

.footer__copyright {
  display: block;
  margin: 0 -2rem;
  padding: 10px 2rem;
  border-top: 1px solid #e1e1e1;
  border-top: 1px solid var(--grey-light);
  text-align: center;
}
@media (min-width: 768px) {
  .footer__copyright {
    width: 150px;
    margin: 0;
    padding: 0;
    border-top: none;
    text-align: right;
  }
}

div.supapress {
  overflow: unset;
}

.book-main {
  position: relative;
}

@media (min-width: 768px) {
  .book-main__container {
    width: calc(100% - 60px);
  }
}
@media (min-width: 1000px) {
  .book-main__container {
    width: calc(100% - 86px);
    border-bottom: 1px solid #e1e1e1;
    border-bottom: var(--border-light-gray);
  }
}
@media (min-width: 1200px) {
  .book-main__container {
    width: calc(100% - 160px);
  }
}
.book-main__container .section-title__inner {
  padding-bottom: 20px;
}

.book-main__grid {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 1000px) {
  .book-main__grid {
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

@media (min-width: 1000px) {
  .book-main__primary {
    width: 67%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}

@media (min-width: 1000px) {
  .book-main__sidebar {
    position: sticky;
    top: 165px;
    width: 220px;
    padding-left: 20px;
  }
}
@media (min-width: 1200px) {
  .book-main__sidebar {
    width: 22.5%;
  }
}
@media (min-width: 1440px) {
  .book-main__sidebar {
    width: 290px;
  }
}

.book-main__primary-inner {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 47px;
}
@media (min-width: 768px) {
  .book-main__primary-inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media (min-width: 1000px) {
  .book-main__primary-inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-bottom: 75px;
  }
  .book--childrens .book-main__primary-inner {
    padding-bottom: 75px;
  }
}
@media (min-width: 1200px) {
  .book-main__primary-inner {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media (min-width: 1440px) {
  .book-main__primary-inner {
    margin-bottom: 95px;
  }
  .book--childrens .book-main__primary-inner {
    padding-bottom: 65px;
  }
}
@media (min-width: 1000px) {
  .book-main__primary-inner .book-gallery {
    padding-right: 30px;
  }
}
@media (min-width: 1200px) {
  .book-main__primary-inner .book-gallery {
    padding-right: 0;
  }
}
.book-main__primary-inner .book-gallery .lazyload {
  height: 450px;
}
@media (min-width: 1000px) {
  .book-main__primary-inner .book-gallery .lazyload {
    height: 600px;
  }
}

@media (min-width: 768px) {
  .book-main__primary-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media (min-width: 1000px) {
  .book-main__primary-bottom {
    display: block;
    width: 40%;
  }
}
@media (min-width: 1200px) {
  .book-main__primary-bottom {
    width: 33.4%;
  }
}
@media (min-width: 1440px) {
  .book-main__primary-bottom {
    width: 290px;
  }
}

.book-main__logo-top {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

.book-main__image-top {
  height: 90px;
  width: 70px;
}
@media (min-width: 1000px) {
  .book-main__image-top {
    height: 95px;
    width: 72px;
  }
}
@media (min-width: 1440px) {
  .book-main__image-top {
    height: 113px;
    width: 84px;
  }
}

.book-main__badge-on-tour {
  position: absolute;
  top: 15px;
  right: 0;
}
@media (min-width: 768px) {
  .book-main__badge-on-tour {
    top: 40px;
  }
}
@media (min-width: 1440px) {
  .book-main__badge-on-tour {
    top: 58px;
  }
}
.book-main__badge-on-tour:hover {
  cursor: pointer;
}
.book--childrens .book-main__badge-on-tour {
  display: none;
}

.book-main__badge-text {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 45px;
  margin: auto;
  z-index: 2;
  line-height: 32px;
}

.book-main__image-badge {
  width: 110px;
  height: 32px;
}

.book-details__wrapper {
  margin-bottom: 44px;
}
@media (min-width: 768px) {
  .book-details__wrapper {
    margin-bottom: 48px;
  }
}
@media (min-width: 1000px) {
  .book-details__wrapper {
    margin-bottom: 50px;
  }
}
@media (min-width: 1440px) {
  .book-details__wrapper {
    margin-bottom: 63px;
  }
}

.book-details__inner {
  padding-bottom: 20px;
  border-bottom: 1px solid #e1e1e1;
  border-bottom: var(--border-light-gray);
}
@media (min-width: 768px) {
  .book-details__inner {
    padding-bottom: 50px;
  }
}
@media (min-width: 1440px) {
  .book-details__inner {
    padding-bottom: 80px;
  }
}

.book-details__title {
  padding-bottom: 14px;
}
@media (min-width: 768px) {
  .book-details__title {
    padding-bottom: 20px;
  }
}
@media (min-width: 1440px) {
  .book-details__title {
    padding-bottom: 25px;
  }
}

.book-details__description {
  padding-bottom: 20px;
}

.book-details__details {
  padding-bottom: 30px;
}
@media (min-width: 1000px) {
  .book-details__details {
    padding-bottom: 40px;
  }
}
@media (min-width: 1440px) {
  .book-details__details {
    padding-bottom: 55px;
  }
}

.book-details__group {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: hidden;
  margin: 0 -10px;
}
@media (min-width: 768px) {
  .book-details__group {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin: 0 -13px;
  }
}
@media (min-width: 1000px) {
  .book-details__group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 -13px;
  }
}
@media (min-width: 1440px) {
  .book-details__group {
    margin: 0 -20px;
  }
}

.book-details__item {
  width: 130px;
  margin-bottom: 20px;
  padding: 0 10px;
}
@media (min-width: 768px) {
  .book-details__item {
    margin-bottom: 0;
    padding: 0 13px;
  }
}
@media (min-width: 1000px) {
  .book-details__item {
    width: 219px;
    margin-bottom: 25px;
    padding: 0 12px;
  }
}
@media (min-width: 1440px) {
  .book-details__item {
    padding: 0 20px;
    margin-bottom: 0;
  }
}

.book-details__item-title {
  padding-bottom: 5px;
}
@media (min-width: 768px) {
  .book-details__item-title {
    padding-bottom: 6px;
  }
}

.book-details__item-text {
  display: block;
  top: 0;
  color: #000000;
  color: var(--black);
  text-align: left;
}
.book-details__item-text a {
  -webkit-transition: color 0.25s ease-in-out, opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
  transition: color 0.25s ease-in-out, opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
  -webkit-transition: color var(--duration) var(--ease), opacity var(--duration) var(--ease), visibility var(--duration) var(--ease);
  transition: color var(--duration) var(--ease), opacity var(--duration) var(--ease), visibility var(--duration) var(--ease);
  text-decoration: underline;
}
.book-details__item-text a:focus {
  border: 1px solid #656565;
  border: var(--border-dark-gray);
}
.book-details__item-text a:hover {
  color: rgba(0, 0, 0, 0.6);
  color: var(--black-50);
}
.book-details__item-text button {
  -webkit-transition: color 0.25s ease-in-out, opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
  transition: color 0.25s ease-in-out, opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
  -webkit-transition: color var(--duration) var(--ease), opacity var(--duration) var(--ease), visibility var(--duration) var(--ease);
  transition: color var(--duration) var(--ease), opacity var(--duration) var(--ease), visibility var(--duration) var(--ease);
}
.book-details__item-text button:hover {
  color: #656565;
  color: var(--dark-gray);
}

.book-details__item-content svg {
  width: 10px;
  height: 10px;
  margin-left: 2px;
}

.book-details__item--reading-guide svg {
  width: 15px;
  height: 14px;
}

@media (min-width: 768px) {
  .book-form {
    width: calc(50% - 43px);
  }
}
@media (min-width: 1000px) {
  .book-form.book-form--mobile {
    display: none;
  }
}
.book-form.book-form--desktop {
  display: none;
}
@media (min-width: 1000px) {
  .book-form.book-form--desktop {
    display: block;
    height: calc(100vh - 100px);
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-transform: translate3d(0, -44px, 0);
            transform: translate3d(0, -44px, 0);
    -webkit-transition: -webkit-transform 0.25s ease-in-out;
    transition: -webkit-transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
    -webkit-transition: -webkit-transform var(--duration) var(--ease);
    transition: -webkit-transform var(--duration) var(--ease);
    transition: transform var(--duration) var(--ease);
    transition: transform var(--duration) var(--ease), -webkit-transform var(--duration) var(--ease);
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .book-form.book-form--desktop::-webkit-scrollbar {
    width: 0;
  }
}
@media (min-width: 1000px) {
  .book-main__sidebar--active .book-form.book-form--desktop {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

.book-form__head {
  margin-bottom: 10px;
}

.book-form__watch {
  width: 100%;
  height: 50px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e1e1e1;
  border-bottom: var(--border-light-gray);
  cursor: pointer;
}
.book-form__watch:focus {
  outline: 1px solid 1px solid #656565;
  outline: 1px solid var(--border-dark-gray);
}

.book-form__watch-icon svg {
  width: 26px;
  height: 26px;
}

.book-form__prices {
  position: relative;
}
.book-form__prices .book-form__price {
  opacity: 1;
  visibility: visible;
}

.book-form__books {
  max-height: 0;
  padding-bottom: 15px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
  -webkit-transition: opacity var(--duration) var(--ease), visibility var(--duration) var(--ease);
  transition: opacity var(--duration) var(--ease), visibility var(--duration) var(--ease);
}
@media (min-width: 1000px) {
  .book-form__books {
    max-height: 100%;
  }
}
.book-main__sidebar--active .book-form__books {
  opacity: 1;
  visibility: visible;
}
.book-main__sidebar--active .book-form__books .book-form__book-image {
  position: relative;
  opacity: 1;
  visibility: visible;
}

.book-form__book-image {
  position: absolute;
  top: 0;
  width: 49px;
  height: 72px;
  margin-right: 11px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
  -webkit-transition: opacity var(--duration) var(--ease), visibility var(--duration) var(--ease);
  transition: opacity var(--duration) var(--ease), visibility var(--duration) var(--ease);
}

.book-form__book-img-front {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
  -webkit-transition: opacity var(--duration) var(--ease), visibility var(--duration) var(--ease);
  transition: opacity var(--duration) var(--ease), visibility var(--duration) var(--ease);
}
.is-swap .book-form__book-img-front {
  opacity: 0;
  visibility: hidden;
}

.book-form__book-img-back {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
  -webkit-transition: opacity var(--duration) var(--ease), visibility var(--duration) var(--ease);
  transition: opacity var(--duration) var(--ease), visibility var(--duration) var(--ease);
}
.book-form__book-img-back .img,
.book-form__book-img-back .img__el {
  position: absolute;
}
.is-swap .book-form__book-img-back {
  opacity: 1;
  visibility: visible;
}

.is-format-digital-audio .book-form__book-img-front {
  max-height: 100%;
  opacity: 1;
  visibility: visible;
}
.is-format-digital-audio .book-form__book-img-back {
  display: none;
}

.select-input--book-form select {
  background-color: #ffffff;
  background-color: var(--white);
}

.book-form__books-image {
  width: 60px;
}

.book-form__book-info {
  width: calc(100% - 60px);
}

.purchase-modal__top {
  position: relative;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 10px;
  padding-bottom: 127px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .purchase-modal__top {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
.purchase-modal__top .section-title__content {
  color: #656565;
  color: var(--dark-gray);
  font-family: "neue-haas-grotesk-text", Helvetica, sans-serif;
  font-family: var(--neue-haas-grotesk-text);
  font-size: 1.3rem; /* 13px */
  line-height: 1.38;
  font-weight: normal;
}
@media (min-width: 1200px) {
  .purchase-modal__top .section-title__content {
    font-size: 14px; /* 14px */
    line-height: 1.43;
  }
}
.purchase-modal__top .section-title__creators {
  text-align: left;
}
.purchase-modal__top .section-title__creator {
  -webkit-box-pack: unset;
      -ms-flex-pack: unset;
          justify-content: unset;
}

.purchase-modal__format {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.purchase-modal__format:first-child {
  position: relative;
}

.purchase-modal__image-wrapper {
  width: 56px;
  margin-right: 10px;
}
@media (min-width: 768px) {
  .purchase-modal__image-wrapper {
    width: 131px;
    margin-right: 20px;
  }
}

.purchase-modal__format-image {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
  -webkit-transition: opacity var(--duration) var(--ease), visibility var(--duration) var(--ease);
  transition: opacity var(--duration) var(--ease), visibility var(--duration) var(--ease);
}
.purchase-modal__format-image.is-active {
  opacity: 1;
  visibility: visible;
}
.purchase-modal__format-image .book-gallery__badge {
  display: none;
}
.purchase-modal__format-image::before {
  content: none;
}
.purchase-modal__format-image .img,
.purchase-modal__format-image .img__el {
  position: relative;
}

.purchase-modal__info {
  width: calc(100% - 66px);
}
@media (min-width: 768px) {
  .purchase-modal__info {
    width: calc(100% - 151px);
  }
}

.purchase-modal__content {
  width: 100%;
}

.purchase-modal__action {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
@media (min-width: 768px) {
  .purchase-modal__action {
    position: static;
    position: initial;
    bottom: auto;
    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;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    width: 100%;
  }
}

.purchase-modal__prices {
  width: 100%;
  height: 20px;
  margin-top: 10px;
}

.purchase-modal__price {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
  -webkit-transition: opacity var(--duration) var(--ease), visibility var(--duration) var(--ease);
  transition: opacity var(--duration) var(--ease), visibility var(--duration) var(--ease);
}
.purchase-modal__price.is-active {
  opacity: 1;
  visibility: visible;
}

.purchase-modal__select {
  width: 100%;
  margin: 9px 0 20px;
  padding-bottom: 20px;
  border-bottom: 2px solid #e1e1e1;
  border-bottom: 2px solid var(--light-gray);
}
@media (min-width: 768px) {
  .purchase-modal__select {
    width: 100%;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
  }
}

.select-input.select-input--purchase-modal {
  margin-bottom: 0;
}

.purchase-modal__bottom {
  position: relative;
}
@media (min-width: 768px) {
  .purchase-modal__bottom::before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 1px;
    background-color: #e1e1e1;
    background-color: var(--light-gray);
  }
}
@media (min-width: 768px) {
  .purchase-modal__bottom {
    margin-top: 40px;
    padding-top: 30px;
  }
}

.purchase-modal__bottom-heading {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .purchase-modal__bottom-heading {
    margin-bottom: 20px;
  }
}

.purchase-modal__button {
  min-width: calc(50% - 15px);
  height: auto;
  margin-bottom: 10px;
  padding: 13px 0 11px;
  line-height: 31px;
  color: white;
  margin-right: 10px;
}
@media (min-width: 1000px) {
  .purchase-modal__button {
    min-width: calc(33.3333333333% - 15px);
    margin-bottom: 16px;
  }
}
.purchase-modal__button::before {
  z-index: 0;
}
.purchase-modal__button span {
  position: relative;
  z-index: 1;
}

.purchase-modal__button--main {
  position: relative;
  padding: 0;
  line-height: normal;
  line-height: initial;
}

.purchase-modal__button--macmillan {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  margin-bottom: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: -1;
}

.purchase-modal__button--macmillan-active {
  position: relative;
  opacity: 1;
  visibility: visible;
  pointer-events: visible;
  z-index: 1;
}

.purchase-modal__title {
  margin-bottom: 5px;
}

.purchase-modal__author {
  margin-bottom: 5px;
}

.purchase-modal__narrator {
  height: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: height 0.25s ease-in-out, opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
  transition: height 0.25s ease-in-out, opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
  -webkit-transition: height var(--duration) var(--ease), opacity var(--duration) var(--ease), visibility var(--duration) var(--ease);
  transition: height var(--duration) var(--ease), opacity var(--duration) var(--ease), visibility var(--duration) var(--ease);
}
.purchase-modal__narrator.is-hardcover-active {
  height: 17px;
  opacity: 1;
  visibility: visible;
}

.js-buy-section {
  -webkit-transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
  -webkit-transition: opacity var(--duration) var(--ease), visibility var(--duration) var(--ease);
  transition: opacity var(--duration) var(--ease), visibility var(--duration) var(--ease);
}
.js-buy-section.loading {
  opacity: 0.2;
  pointer-events: none;
}

@media (max-width: 767px) {
  .book-about {
    margin-top: 44px;
  }
}
@media (min-width: 768px) {
  .book-about {
    width: calc(50% - 43px);
  }
}
@media (min-width: 1000px) {
  .book-about {
    width: 100%;
  }
}

.book-about__title {
  margin-bottom: 14px;
}

.book-about__body {
  margin-bottom: 15px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e1e1e1;
  border-bottom: var(--border-light-gray);
}

.book-about__info-item-label {
  color: #656565;
  color: var(--dark-gray);
}

.book-about__info-grid {
  display: grid;
  grid-template-columns: 70px auto;
  grid-column-gap: 35px;
  -webkit-column-gap: 35px;
     -moz-column-gap: 35px;
          column-gap: 35px;
  grid-row-gap: 20px;
  row-gap: 20px;
}
@media (min-width: 768px) {
  .book-about__info-grid {
    grid-template-columns: auto auto auto;
  }
}
@media (min-width: 1000px) {
  .book-about__info-grid {
    grid-template-columns: auto auto;
  }
}
@media (min-width: 1440px) {
  .book-about__info-grid {
    grid-template-columns: 75px auto;
  }
}

.book-about__info-kid {
  display: grid;
  grid-template-columns: 70px auto;
  grid-column-gap: 35px;
  -webkit-column-gap: 35px;
     -moz-column-gap: 35px;
          column-gap: 35px;
  grid-row-gap: 20px;
  row-gap: 20px;
}
@media (min-width: 768px) {
  .book-about__info-kid {
    grid-template-columns: auto auto auto;
  }
}
@media (min-width: 1000px) {
  .book-about__info-kid {
    grid-template-columns: auto auto;
  }
}
@media (min-width: 1440px) {
  .book-about__info-kid {
    grid-template-columns: 75px auto;
  }
}
.book--digital-audio .book-about__info-kid {
  display: none;
}

.book-about__info-audio-format,
.book-about__info-kid-format {
  position: relative;
}
.book-about__info-audio-format .book-about__info-audio-data,
.book-about__info-audio-format .book-about__info-kid-data,
.book-about__info-kid-format .book-about__info-audio-data,
.book-about__info-kid-format .book-about__info-kid-data {
  position: absolute;
  top: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
  -webkit-transition: opacity var(--duration) var(--ease), visibility var(--duration) var(--ease);
  transition: opacity var(--duration) var(--ease), visibility var(--duration) var(--ease);
}
.book-about__info-audio-format .book-about__info-audio-data.is-active,
.book-about__info-audio-format .book-about__info-kid-data.is-active,
.book-about__info-kid-format .book-about__info-audio-data.is-active,
.book-about__info-kid-format .book-about__info-kid-data.is-active {
  position: relative;
  opacity: 1;
  visibility: visible;
}

.book-about__excerpt {
  margin-bottom: 20px;
}

.book-about__read-more {
  position: relative;
}
.book-about__read-more::before {
  content: "";
  position: absolute;
  bottom: -2px;
  right: 0;
  width: 100%;
  height: 1px;
  border-bottom: solid 1px currentColor;
  pointer-events: none;
}
.book-about__read-more::after {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  z-index: -1;
  width: calc(100% + 18px);
  height: calc(100% + 18px);
  border-radius: 5px;
  border: solid 1px transparent;
  -webkit-transition: border 0.25s ease-in-out;
  transition: border 0.25s ease-in-out;
  -webkit-transition: border var(--transition-default);
  transition: border var(--transition-default);
}
.book-about__read-more:hover::before {
  -webkit-animation-name: text-link-hover;
          animation-name: text-link-hover;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}
.book-about__read-more--icon {
  position: relative;
  display: inline-block;
  padding: 4px 10px 5px 0;
  pointer-events: none;
  margin-left: 5px;
}
.book-about__read-more--icon::before, .book-about__read-more--icon::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 8px;
  height: 2px;
  background-color: #000000;
  background-color: var(--black);
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  transition: -webkit-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  -webkit-transition: -webkit-transform 0.4s var(--ease);
  transition: -webkit-transform 0.4s var(--ease);
  transition: transform 0.4s var(--ease);
  transition: transform 0.4s var(--ease), -webkit-transform 0.4s var(--ease);
}
.book-about__read-more--icon::after {
  -webkit-transform: translateY(-50%) rotate(-90deg);
          transform: translateY(-50%) rotate(-90deg);
}
.book-about__read-more--icon::before {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.book-about__read-more--icon:focus {
  outline: none;
}

.book-news__inner {
  position: relative;
  margin-bottom: 44px;
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .book-news__inner {
    margin-bottom: 48px;
    padding-bottom: 38px;
  }
}
@media (min-width: 1000px) {
  .book-news__inner {
    margin-bottom: 49px;
    padding-bottom: 50px;
  }
}
@media (min-width: 1440px) {
  .book-news__inner {
    margin-bottom: 79px;
    padding-bottom: 63px;
  }
}
.book-news__inner::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #e1e1e1;
  background-color: var(--light-gray);
}

.book-news__title {
  padding-bottom: 18px;
}
@media (min-width: 768px) {
  .book-news__title {
    padding-bottom: 20px;
  }
}
@media (min-width: 1000px) {
  .book-news__title {
    padding-bottom: 21px;
  }
}
@media (min-width: 1440px) {
  .book-news__title {
    padding-bottom: 25px;
  }
}

.book-news__list {
  overflow: hidden;
  -webkit-transition: max-height 0.25s ease-in-out;
  transition: max-height 0.25s ease-in-out;
  -webkit-transition: max-height var(--duration) var(--ease);
  transition: max-height var(--duration) var(--ease);
  max-height: unset;
  overflow-anchor: none;
}
.book-news__list.js-button-show-more__content {
  max-height: 186px;
}
.book-news__list.js-button-show-more__content.is-active {
  max-height: 8000px;
}

.book-news__button {
  padding: 10px 0;
}

.book-news__button-icon {
  position: relative;
  padding: 4px 13px 5px 0;
  pointer-events: none;
}
.book-news__button-icon::before, .book-news__button-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 8px;
  height: 2px;
  background-color: #000000;
  background-color: var(--black);
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  transition: -webkit-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  -webkit-transition: -webkit-transform 0.4s var(--ease);
  transition: -webkit-transform 0.4s var(--ease);
  transition: transform 0.4s var(--ease);
  transition: transform 0.4s var(--ease), -webkit-transform 0.4s var(--ease);
}
.book-news__button-icon::after {
  -webkit-transform: translateY(-50%) rotate(-90deg);
          transform: translateY(-50%) rotate(-90deg);
}
.is-active .book-news__button-icon::after {
  -webkit-transform: translateY(-50%) rotate(0);
          transform: translateY(-50%) rotate(0);
}
.book-news__button-icon::before {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.book-news__text-show-more {
  display: block;
  position: relative;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
  -webkit-transition: opacity var(--duration) var(--ease), visibility var(--duration) var(--ease);
  transition: opacity var(--duration) var(--ease), visibility var(--duration) var(--ease);
}
.is-active .book-news__text-show-more {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
}

.book-news__text-show-less {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  min-width: 70px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
  -webkit-transition: opacity var(--duration) var(--ease), visibility var(--duration) var(--ease);
  transition: opacity var(--duration) var(--ease), visibility var(--duration) var(--ease);
}
.is-active .book-news__text-show-less {
  position: relative;
  opacity: 1;
  visibility: visible;
}

.creators {
  background-color: transparent;
}

.creators__title {
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .creators__title {
    margin-bottom: 11px;
  }
}
@media (min-width: 1000px) {
  .creators__title {
    margin-bottom: 20px;
  }
}
@media (min-width: 1440px) {
  .creators__title {
    margin-bottom: 24px;
  }
}

.creators .creator-card {
  margin-bottom: 30px;
  width: 100%;
}

.js-author-card {
  width: 100%;
}

.creator-card__inner {
  display: block;
  padding: 15px;
  border-radius: 5px;
  background-color: #e6f1dd;
  background-color: var(--green);
  min-height: 350px;
}
@media (min-width: 768px) {
  .creator-card__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    padding: 26px;
  }
}

.creator-card__sign-up {
  width: 100%;
}
@media (min-width: 768px) {
  .creator-card__sign-up {
    width: 50%;
  }
}
@media (min-width: 1000px) {
  .creator-card__sign-up {
    width: 60%;
  }
}
@media (min-width: 1440px) {
  .creator-card__sign-up {
    margin: 0 auto;
  }
}

.creator-card__info {
  position: relative;
  border-bottom: 1px solid #e1e1e1;
  border-bottom: var(--border-light-gray);
  width: 100%;
}
@media (min-width: 768px) {
  .creator-card__info {
    padding-right: 37px;
    margin-right: 36px;
    border-bottom: none;
    width: 50%;
  }
}
@media (min-width: 1000px) {
  .creator-card__info {
    margin-right: 30px;
    width: 40%;
  }
}
@media (min-width: 1440px) {
  .creator-card__info {
    padding-right: 35px;
  }
}
@media (min-width: 768px) {
  .creator-card__info:before {
    content: "";
    position: absolute;
    right: 0;
    width: 2px;
    height: 100%;
    opacity: 0.2;
    background-color: #000000;
    background-color: var(--black);
  }
}

.creator-card__image {
  margin-bottom: 15px;
  text-align: center;
}
@media (min-width: 768px) {
  .creator-card__image {
    max-width: 260px;
    margin: 0 auto 20px;
  }
}

.creator-card__name {
  margin-bottom: 15px;
}
.creator-card__name a {
  color: #000000;
  color: var(--black);
  -webkit-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
  -webkit-transition: color var(--duration) var(--ease);
  transition: color var(--duration) var(--ease);
}
.creator-card__name a:hover {
  color: rgba(0, 0, 0, 0.6);
  color: var(--black-50);
}
.creator-card__name a::before, .creator-card__name a::after {
  content: none;
}

.creator-card__socials {
  margin-bottom: 20px;
}

.creator-card__bio {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .creator-card__bio {
    margin-bottom: 28px;
  }
}

.creator-card__button {
  margin-bottom: 23px;
}
@media (min-width: 768px) {
  .creator-card__button {
    margin-bottom: 15px;
  }
}
@media (min-width: 1000px) {
  .creator-card__button {
    margin-bottom: 30px;
  }
}
@media (min-width: 1440px) {
  .creator-card__button {
    margin-bottom: 0;
  }
}

@media (min-width: 1000px) {
  .creator-card--series .creator-alerts__title {
    padding-bottom: 15px;
  }
}
@media (min-width: 1000px) {
  .creator-card--series .creator-card__button {
    margin-bottom: 18px;
  }
}
@media (min-width: 1000px) {
  .creator-card--series .creator-alerts__info {
    padding-bottom: 15px;
  }
}

.creator-card__link-name:focus {
  outline: 1px solid 1px solid #656565 !important;
  outline: 1px solid var(--border-dark-gray) !important;
}

.creator-card__image-link:focus .creator-card__image-warpper {
  outline: 1px solid 1px solid #656565;
  outline: 1px solid var(--border-dark-gray);
}

.creator-card__link:focus {
  outline: 1px solid 1px solid #656565 !important;
  outline: 1px solid var(--border-dark-gray) !important;
}

.related-books {
  position: relative;
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .related-books {
    margin-bottom: 48px;
  }
}
@media (min-width: 1000px) {
  .related-books {
    margin-bottom: 71px;
  }
}
@media (min-width: 1440px) {
  .related-books {
    margin-bottom: 80px;
  }
}

.related-books__container {
  width: 100%;
  max-width: 1440px;
  max-width: var(--xl);
  margin: 0 auto;
  padding-bottom: 20px;
  overflow: hidden;
}

.excerpt-modal__head .section-title__creators {
  max-width: none;
}
.excerpt-modal__head .section-title__creator {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.excerpt-modal__title {
  margin-bottom: 6px;
}

.excerpt-modal__author-label {
  margin-right: 5px;
}

.book-form-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #e1e1e1;
}
.book-form-button:first-child {
  border-top: 1px solid #e1e1e1;
}

.book-form-audio__listen {
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #e1e1e1;
  border-bottom: var(--border-light-gray);
  cursor: pointer;
}
.book-form-audio__listen:focus {
  outline: 1px solid 1px solid #656565;
  outline: 1px solid var(--border-dark-gray);
}

.book-form-audio__listen-icon svg {
  width: 21px;
  height: 21px;
}

.goodreads-rating {
  margin-left: 14px;
  height: 15px;
}

.goodreads-rating svg {
  width: 15px;
  height: 16px;
}

.goodreads-rating__rating-stars {
  height: 15px;
  width: 75px;
  margin-left: 5px;
}
.goodreads-rating__reviews-item .goodreads-rating__rating-stars {
  margin-left: 0;
}

.goodreads-rating__rating-stars__layer {
  background-image: url("data:image/svg+xml;charset=UTF-8, %3Csvg%20width%3D%2280%22%20height%3D%2214%22%20viewBox%3D%220%200%2080%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%23E5E5E5%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M71.996%2011.368l-3.94%202.42c-.474.292-.756.096-.628-.443l1.074-4.53-3.507-3.022c-.422-.363-.324-.693.24-.74l4.602-.37%201.778-4.3c.21-.51.55-.512.762%200l1.78%204.3%204.602.37c.552.046.666.37.237.74l-3.507%203.02%201.075%204.532c.127.536-.147.74-.628.444l-3.94-2.422zM55.996%2011.368l-3.94%202.42c-.474.292-.756.096-.628-.443l1.074-4.53-3.507-3.022c-.422-.363-.324-.693.24-.74l4.602-.37%201.778-4.3c.21-.51.55-.512.762%200l1.78%204.3%204.602.37c.552.046.666.37.237.74l-3.507%203.02%201.075%204.532c.127.536-.147.74-.628.444l-3.94-2.422zM40.123%2011.368l-3.94%202.42c-.475.292-.756.096-.63-.443l1.076-4.53-3.508-3.022c-.422-.363-.324-.693.24-.74l4.602-.37%201.778-4.3c.21-.51.55-.512.762%200l1.778%204.3%204.603.37c.554.046.667.37.24.74l-3.508%203.02%201.075%204.532c.127.536-.147.74-.628.444l-3.94-2.422zM24.076%2011.368l-3.94%202.42c-.475.292-.757.096-.63-.443l1.076-4.53-3.507-3.022c-.422-.363-.324-.693.238-.74l4.603-.37%201.78-4.3c.21-.51.55-.512.76%200l1.78%204.3%204.602.37c.554.046.667.37.24.74l-3.508%203.02%201.074%204.532c.127.536-.146.74-.628.444l-3.94-2.422zM8.123%2011.368l-3.94%202.42c-.475.292-.756.096-.63-.443l1.076-4.53L1.12%205.792c-.422-.363-.324-.693.24-.74l4.602-.37%201.778-4.3c.21-.51.55-.512.762%200l1.778%204.3%204.603.37c.554.046.667.37.24.74l-3.508%203.02%201.075%204.532c.127.536-.147.74-.628.444l-3.94-2.422z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 75px 15px;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.goodreads-rating__rating-stars__layer--foreground {
  background-image: url("data:image/svg+xml;charset=UTF-8, %3Csvg%20width%3D%2280%22%20height%3D%2214%22%20viewBox%3D%220%200%2080%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%23000000%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M71.996%2011.368l-3.94%202.42c-.474.292-.756.096-.628-.443l1.074-4.53-3.507-3.022c-.422-.363-.324-.693.24-.74l4.602-.37%201.778-4.3c.21-.51.55-.512.762%200l1.78%204.3%204.602.37c.552.046.666.37.237.74l-3.507%203.02%201.075%204.532c.127.536-.147.74-.628.444l-3.94-2.422zM55.996%2011.368l-3.94%202.42c-.474.292-.756.096-.628-.443l1.074-4.53-3.507-3.022c-.422-.363-.324-.693.24-.74l4.602-.37%201.778-4.3c.21-.51.55-.512.762%200l1.78%204.3%204.602.37c.552.046.666.37.237.74l-3.507%203.02%201.075%204.532c.127.536-.147.74-.628.444l-3.94-2.422zM40.123%2011.368l-3.94%202.42c-.475.292-.756.096-.63-.443l1.076-4.53-3.508-3.022c-.422-.363-.324-.693.24-.74l4.602-.37%201.778-4.3c.21-.51.55-.512.762%200l1.778%204.3%204.603.37c.554.046.667.37.24.74l-3.508%203.02%201.075%204.532c.127.536-.147.74-.628.444l-3.94-2.422zM24.076%2011.368l-3.94%202.42c-.475.292-.757.096-.63-.443l1.076-4.53-3.507-3.022c-.422-.363-.324-.693.238-.74l4.603-.37%201.78-4.3c.21-.51.55-.512.76%200l1.78%204.3%204.602.37c.554.046.667.37.24.74l-3.508%203.02%201.074%204.532c.127.536-.146.74-.628.444l-3.94-2.422zM8.123%2011.368l-3.94%202.42c-.475.292-.756.096-.63-.443l1.076-4.53L1.12%205.792c-.422-.363-.324-.693.24-.74l4.602-.37%201.778-4.3c.21-.51.55-.512.762%200l1.778%204.3%204.603.37c.554.046.667.37.24.74l-3.508%203.02%201.075%204.532c.127.536-.147.74-.628.444l-3.94-2.422z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.guide-modal {
  background-color: transparent;
}

.guide-modal__image-wrapper {
  min-width: 45px;
  max-height: 66px;
  margin-right: 10px;
}
@media (min-width: 768px) {
  .guide-modal__image-wrapper {
    min-width: 78px;
    max-height: 113px;
  }
}
@media (min-width: 1000px) {
  .guide-modal__image-wrapper {
    margin-right: 20px;
  }
}

.guide-modal__title {
  padding-bottom: 3px;
}
@media (min-width: 768px) {
  .guide-modal__title {
    padding-bottom: 7px;
  }
}
@media (min-width: 1000px) {
  .guide-modal__title {
    padding-bottom: 11px;
  }
}

.guide-modal__sub-title {
  padding-bottom: 5px;
}

.guide-modal__author {
  color: #656565;
  color: var(--dark-gray);
}

.guide-modal__downloads {
  padding-bottom: 29px;
}

.guide-modal__download {
  margin-bottom: 15px;
  border: 1px solid #e1e1e1;
  border: var(--border-light-gray);
  border-radius: 5px;
}
@media (min-width: 1000px) {
  .guide-modal__download {
    margin-bottom: 20px;
  }
}
.guide-modal__download:last-child {
  margin-bottom: 0;
}

.guide-modal__download-inner {
  display: block;
  padding: 16px 15px;
}
@media (min-width: 768px) {
  .guide-modal__download-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 21px 22px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.guide-modal__download-head {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  margin-bottom: 15px;
  padding-bottom: 15px;
}
@media (min-width: 768px) {
  .guide-modal__download-head {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
.guide-modal__download-head::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #e1e1e1;
  background-color: var(--light-gray);
}
@media (min-width: 768px) {
  .guide-modal__download-head::before {
    content: none;
  }
}

.guide-modal__download-title {
  padding-bottom: 5px;
}

.guide-modal__download-image {
  width: 20%;
  margin-right: 20px;
}

.guide-modal__download-info {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

@media (min-width: 768px) {
  .guide-modal__download-content {
    max-width: 339px;
  }
}

.guide-modal__download-cta {
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 768px) {
  .guide-modal__download-cta {
    display: block;
    max-width: 100px;
  }
}

.guide-modal__download-icon {
  margin-right: 10px;
}
@media (min-width: 768px) {
  .guide-modal__download-icon {
    display: block;
    text-align: center;
  }
}
.guide-modal__download-icon svg {
  width: 30px;
  height: 30px;
  pointer-events: none;
}
@media (min-width: 768px) {
  .guide-modal__download-icon svg {
    width: 37px;
    height: 37px;
  }
}

@media (min-width: 768px) {
  .guide-modal__download-button {
    text-align: center;
  }
}

.awards-modal__list {
  list-style: disc inside;
}

.awards-modal__item {
  margin-bottom: 15px;
}

.video-modal {
  height: 100%;
  width: 100%;
}

.video-modal__player {
  height: 185px;
  margin-bottom: 7px;
}
@media (min-width: 445px) {
  .video-modal__player {
    height: 300px;
  }
}
@media (min-width: 768px) {
  .video-modal__player {
    height: 455px;
    margin-bottom: 10px;
  }
}
@media (min-width: 1000px) {
  .video-modal__player {
    height: 511px;
    margin-bottom: 20px;
  }
}

.video-modal__related-item {
  cursor: pointer;
  width: 70px;
  height: 40px;
  margin-right: 10px;
}
@media (min-width: 768px) {
  .video-modal__related-item {
    width: 140px;
    height: 79px;
    margin-right: 19px;
  }
}
.video-modal__related-item:last-child {
  margin-right: 0;
}

.video-modal__related-video {
  pointer-events: none;
}

.audio-player {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50px;
  z-index: 100;
  background-color: #ffffff;
  background-color: var(--white);
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
  -webkit-transition: -webkit-transform 0.25s ease-in-out;
  transition: -webkit-transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  -webkit-transition: -webkit-transform var(--duration) var(--ease);
  transition: -webkit-transform var(--duration) var(--ease);
  transition: transform var(--duration) var(--ease);
  transition: transform var(--duration) var(--ease), -webkit-transform var(--duration) var(--ease);
}
@media (min-width: 768px) {
  .audio-player {
    height: 88px;
  }
}
.audio-player.audio-player--active {
  bottom: env(safe-area-inset-bottom);
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.audio-player__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.audio-player__image {
  width: 60px;
  height: 50px;
}
@media (min-width: 768px) {
  .audio-player__image {
    width: 95px;
    height: 88px;
  }
}

.audio-player__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: calc(100% - 50px);
  padding: 0 15px 0 10px;
}
@media (min-width: 768px) {
  .audio-player__controls {
    padding: 0 30px 0 25px;
  }
}
@media (min-width: 1000px) {
  .audio-player__controls {
    padding: 0 40px 0 35px;
  }
}

.audio-player__controls-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 15px;
}
@media (min-width: 768px) {
  .audio-player__controls-left {
    margin-right: 30px;
  }
}

.show-pause-icon .audio-player__play {
  display: none;
}
.show-pause-icon .audio-player__pause {
  display: block;
}

.show-play-icon .audio-player__play {
  display: block;
}
.show-play-icon .audio-player__pause {
  display: none;
}

.audio-player__play,
.audio-player__pause {
  margin-top: 5px;
  margin-right: 5px;
}
@media (min-width: 768px) {
  .audio-player__play,
  .audio-player__pause {
    margin-right: 25px;
  }
}
.audio-player__play:hover,
.audio-player__pause:hover {
  cursor: pointer;
}
.audio-player__play svg,
.audio-player__pause svg {
  width: 25px;
  height: 25px;
  fill: #000000;
  fill: var(--black);
}

.audio-player__progress {
  position: relative;
  display: none;
  min-width: 240px;
  height: 2px;
  background-color: rgba(0, 0, 0, 0.2);
  background-color: var(--black-20);
  cursor: pointer;
}
@media (min-width: 768px) {
  .audio-player__progress {
    display: block;
    margin: 0 30px;
  }
}
@media (min-width: 1000px) {
  .audio-player__progress {
    min-width: 460px;
    margin: 0 40px;
  }
}
@media (min-width: 1440px) {
  .audio-player__progress {
    min-width: 680px;
  }
}

.audio-player__seeker {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000000;
  background-color: var(--black);
  height: 100%;
}
.audio-player__seeker::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 12px;
  height: 12px;
  background-color: #000000;
  background-color: var(--black);
  border-radius: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}

.audio-player__seek {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.audio-player__time-slash {
  margin: 0 5px;
  color: #656565;
  color: var(--dark-gray);
}
@media (min-width: 768px) {
  .audio-player__time-slash {
    display: none;
  }
}

.audio-player__time-total {
  padding-right: 5px;
  color: #656565;
  color: var(--dark-gray);
}
@media (min-width: 768px) {
  .audio-player__time-total {
    padding-right: 0;
    color: #000000;
    color: var(--black);
  }
}

.audio-player__close {
  margin-left: 5px;
  padding: 5px 8px;
}
@media (min-width: 768px) {
  .audio-player__close {
    margin-left: 30px;
  }
}
.audio-player__close:hover {
  cursor: pointer;
}
.audio-player__close:active {
  border-radius: 5px;
  background-color: #e1e1e1;
  background-color: var(--light-gray);
}
.audio-player__close svg {
  width: 11px;
  height: 11px;
}

.book--childrens {
  overflow: hidden;
}
@media (min-width: 1000px) {
  .book--childrens {
    overflow: unset;
  }
}
.book--childrens .section-title--book-main,
.book--childrens .book-main__primary-inner {
  background-color: #f8fbf5;
  background-color: var(--light-green);
  position: relative;
}
.book--childrens .section-title--book-main:before, .book--childrens .section-title--book-main:after,
.book--childrens .book-main__primary-inner:before,
.book--childrens .book-main__primary-inner:after {
  content: "";
  background-color: #f8fbf5;
  background-color: var(--light-green);
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
}
.book--childrens .section-title--book-main:before,
.book--childrens .book-main__primary-inner:before {
  right: 100%;
  width: 100%;
}
.book--childrens .section-title--book-main:after,
.book--childrens .book-main__primary-inner:after {
  left: 100%;
}
.book--childrens .section-title--book-main:after {
  width: 100%;
}
@media (min-width: 1000px) {
  .book--childrens .section-title--book-main:after {
    width: 80px;
  }
}
.book--childrens .book-main__primary-inner:after {
  width: 398px;
}
@media (min-width: 1200px) {
  .book--childrens .book-main__primary-inner:after {
    width: 345px;
  }
}
@media (min-width: 1440px) {
  .book--childrens .book-main__primary-inner:after {
    width: 370px;
  }
}
@media (min-width: 1600px) {
  .book--childrens .book-main__primary-inner:after {
    width: calc(50vw - 280px);
  }
}

.image-grid-container {
  padding-bottom: 10px;
}

.image-grid-card {
  width: 50%;
  padding: 0 14px 29px;
  height: 100%;
}
@media (min-width: 768px) {
  .image-grid-card {
    width: 16.6666666667%;
    padding: 0 16px;
  }
}
@media (min-width: 1000px) {
  .image-grid-card {
    padding: 0 6px;
  }
}
@media (min-width: 1440px) {
  .image-grid-card {
    padding: 0 22px;
  }
}
.image-grid-card:nth-child(5), .image-grid-card:last-child {
  padding-bottom: 0;
}

.image-grid-card__title {
  padding-top: 10px;
  min-height: 100px;
}
@media (min-width: 768px) {
  .image-grid-card__title {
    padding-top: 7px;
  }
}
@media (min-width: 1000px) {
  .image-grid-card__title {
    padding-top: 20px;
  }
}
@media (min-width: 1440px) {
  .image-grid-card__title {
    padding-top: 25px;
  }
}
.image-grid-card__title a {
  color: #000000;
  color: var(--black);
  -webkit-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
  -webkit-transition: color var(--duration) var(--ease);
  transition: color var(--duration) var(--ease);
}
.image-grid-card__title a:hover {
  color: rgba(0, 0, 0, 0.6);
}
.image-grid-card__title a::before {
  content: none;
}

.image-grid-card__img-wrapper .img,
.image-grid-card__img-wrapper .img__el {
  display: block;
  position: relative;
  width: 85%;
  height: auto;
  margin: 0 auto;
}
@media (min-width: 1200px) {
  .image-grid-card__img-wrapper .img,
  .image-grid-card__img-wrapper .img__el {
    width: 80%;
  }
}
.image-grid-card__img-wrapper::before {
  content: none;
}

.image-grid-card__inner {
  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: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  height: 100%;
}
.image-grid-card__inner .img,
.image-grid-card__inner img {
  display: block;
  position: relative;
  height: auto;
  margin: 0 auto;
}

.featured-genres__items {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .featured-genres__items {
    margin-bottom: 0;
  }
}

.featured-genres__imprint .image-grid-card .image-grid-card__img {
  width: 70%;
  margin: 0 auto;
}
@media (min-width: 1200px) {
  .featured-genres__imprint .image-grid-card .image-grid-card__img {
    width: 65%;
  }
}
.featured-genres__imprint .image-grid-card .image-grid-card__title,
.featured-genres__imprint .image-grid-card .image-grid-card__title a {
  color: #656565;
  color: var(--dark-gray);
  font-family: "neue-haas-grotesk-text", Helvetica, sans-serif;
  font-family: var(--neue-haas-grotesk-text);
  font-size: 1.3rem; /* 13px */
  line-height: 1.38;
  font-weight: normal;
  color: #000000;
  color: var(--black);
}
@media (min-width: 1200px) {
  .featured-genres__imprint .image-grid-card .image-grid-card__title,
  .featured-genres__imprint .image-grid-card .image-grid-card__title a {
    font-size: 14px; /* 14px */
    line-height: 1.43;
  }
}
.featured-genres__imprint .image-grid-card .image-grid-card__title:hover,
.featured-genres__imprint .image-grid-card .image-grid-card__title a:hover {
  color: rgba(0, 0, 0, 0.6);
}

.lp-carousel {
  margin-bottom: 40px;
}

.lp-carousel-card {
  padding-bottom: 22px;
}
@media (min-width: 768px) {
  .lp-carousel-card {
    padding-bottom: 21px;
  }
}
@media (min-width: 1000px) {
  .lp-carousel-card {
    padding-bottom: 0;
  }
}

.lp-carousel-card__image {
  width: 55px;
  margin-right: 10px;
}
@media (min-width: 1000px) {
  .lp-carousel-card__image {
    width: 45px;
    margin-right: 7px;
  }
}
@media (min-width: 1440px) {
  .lp-carousel-card__image {
    width: 71px;
    margin-right: 15px;
  }
}

.lp-carousel-card__title {
  padding-bottom: 4px;
}
@media (min-width: 1000px) {
  .lp-carousel-card__title {
    padding-bottom: 5px;
  }
}
@media (min-width: 1440px) {
  .lp-carousel-card__title {
    padding-bottom: 10px;
  }
}
.lp-carousel-card__title svg {
  width: 10px;
  height: 8px;
  margin-left: 3px;
}
.lp-carousel-card__title a {
  color: #000000;
  color: var(--black);
  -webkit-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
  -webkit-transition: color var(--duration) var(--ease);
  transition: color var(--duration) var(--ease);
}
.lp-carousel-card__title a:hover {
  color: rgba(0, 0, 0, 0.6);
  color: var(--black-50);
}
.lp-carousel-card__title a:before {
  display: none;
}

@media (min-width: 1000px) {
  .newsletter-cta--home .newsletter-cta__container {
    width: calc(100% - 80px);
  }
}
@media (min-width: 1200px) {
  .newsletter-cta--home .newsletter-cta__container {
    width: calc(100% - 160px);
  }
}

.newsletter-cta__wrapper {
  padding: 42px 0 41px;
}
@media (min-width: 768px) {
  .newsletter-cta__wrapper {
    padding: 50px 0 51px;
  }
}
@media (min-width: 1000px) {
  .newsletter-cta__wrapper {
    padding: 71px 0 70px;
  }
}
@media (min-width: 1200px) {
  .newsletter-cta__wrapper {
    padding: 104px 0;
  }
}
.newsletter-cta--home .newsletter-cta__wrapper {
  padding-top: 0;
}

.newsletter-cta__title {
  margin: 0 auto;
  padding-bottom: 16px;
}
@media (min-width: 1200px) {
  .newsletter-cta__title {
    max-width: 490px;
  }
}

.newsletter-cta__description {
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .newsletter-cta__description {
    padding-bottom: 0;
  }
}

@media (min-width: 768px) {
  .newsletter-cta__info,
  .newsletter-cta__inner {
    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;
  }
}

.newsletter-cta__inner {
  width: 100%;
}

.newsletter-cta__image {
  margin-bottom: 15px;
  text-align: center;
}
@media (min-width: 768px) {
  .newsletter-cta__image {
    margin-bottom: 0;
  }
}
@media (min-width: 1000px) {
  .newsletter-cta__image {
    margin: 0 20px;
  }
}
@media (min-width: 1200px) {
  .newsletter-cta__image {
    margin: 0 30px;
  }
}
.newsletter-cta__image img {
  height: 84px;
}
@media (min-width: 1200px) {
  .newsletter-cta__image img {
    height: 120px;
  }
}

@media (min-width: 768px) {
  .newsletter-cta__content {
    max-width: 280px;
  }
}
@media (min-width: 1000px) {
  .newsletter-cta__content {
    max-width: 380px;
  }
}
@media (min-width: 1200px) {
  .newsletter-cta__content {
    max-width: 510px;
  }
}

@media (min-width: 768px) {
  .newsletter-cta__newsletter {
    min-width: 280px;
  }
}
@media (min-width: 1000px) {
  .newsletter-cta__newsletter {
    min-width: 380px;
  }
}
@media (min-width: 1200px) {
  .newsletter-cta__newsletter {
    min-width: 508px;
  }
}
@media (min-width: 1000px) {
  .newsletter-cta__newsletter .text-input.newsletter__text-input {
    margin: 0;
  }
}

.newsletter-cta--home .newsletter__wrapper {
  margin-bottom: 0;
}

.creator-main {
  background-color: #f5f7f8;
  background-color: var(--blue-gray);
}

@media (min-width: 768px) {
  .creator-main__container {
    width: calc(100% - 60px);
  }
}

.creator-main__badge-on-tour {
  position: absolute;
  top: 15px;
  right: 0;
}
@media (min-width: 768px) {
  .creator-main__badge-on-tour {
    top: 15px;
  }
}
@media (min-width: 1200px) {
  .creator-main__badge-on-tour {
    top: 58px;
  }
}
.creator-main__badge-on-tour:hover {
  cursor: pointer;
}

.creator-main__badge-text {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 45px;
  margin: auto;
  z-index: 2;
  line-height: 32px;
}

.creator-main__image-badge {
  width: 110px;
  height: 32px;
}

.creator-main__head {
  padding: 63px 0 20px;
}
@media (min-width: 768px) {
  .creator-main__head {
    padding: 50px 0 31px;
  }
}
@media (min-width: 1000px) {
  .creator-main__head {
    padding: 50px 0 53px;
  }
}
@media (min-width: 1200px) {
  .creator-main__head {
    padding: 40px 0 60px;
  }
}

.creator-main__heading {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .creator-main__heading {
    margin-bottom: 11px;
  }
}
@media (min-width: 1000px) {
  .creator-main__heading {
    margin-bottom: 12px;
  }
}
@media (min-width: 1200px) {
  .creator-main__heading {
    margin-bottom: 15px;
  }
}

.creator-main__content {
  display: block;
  padding-bottom: 22px;
}
@media (min-width: 768px) {
  .creator-main__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    padding-bottom: 40px;
  }
}
@media (min-width: 1000px) {
  .creator-main__content {
    padding-bottom: 64px;
  }
}
.creator-main__content .lazyload.author-img {
  height: 300px;
  width: 300px;
}

.creator-main__wrapper {
  overflow: hidden;
}

.creator-main__photo {
  padding-bottom: 68px;
}
@media (min-width: 768px) {
  .creator-main__photo {
    max-width: 219px;
    margin: 0 25px 0 0;
    padding-bottom: 0;
  }
}
@media (min-width: 1000px) {
  .creator-main__photo {
    max-width: 288px;
    margin: 0 60px 0 0;
  }
}
@media (min-width: 1200px) {
  .creator-main__photo {
    max-width: 290px;
    margin: 0 30px;
  }
}
.creator-main__photo .creator-card__sign-up {
  width: 100%;
}

.creator-main__avatar {
  position: relative;
  margin-bottom: 15px;
  padding-bottom: 15px;
}
@media (min-width: 1200px) {
  .creator-main__avatar {
    padding-bottom: 20px;
  }
}
.creator-main__avatar::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #b6d7e8;
  background-color: var(--blue);
}
.author--empty .creator-main__avatar::before {
  content: none;
}
@media (min-width: 768px) {
  .author--empty .creator-main__avatar::before {
    content: "";
  }
}

.creator-main__avatar-inner {
  max-width: 290px;
  margin: 0 auto;
}

.creator-main__avatar-empty {
  display: none;
}
.creator-main__avatar-empty::before {
  padding-bottom: 100%;
}
@media (min-width: 1200px) {
  .creator-main__avatar-empty::before {
    padding-bottom: 100%;
  }
}
@media (min-width: 768px) {
  .author--empty .creator-main__avatar-empty {
    display: block;
  }
}

.creator-main__about-badge {
  position: absolute;
  top: -60px;
  right: 0;
  width: 67px;
  height: 67px;
  z-index: 1;
  cursor: pointer;
}
@media (min-width: 768px) {
  .creator-main__about-badge {
    top: -88px;
  }
}
@media (min-width: 1000px) {
  .creator-main__about-badge {
    top: -80px;
    right: -15px;
    height: 92px;
    width: 92px;
  }
}
@media (min-width: 1200px) {
  .creator-main__about-badge {
    top: -60px;
    right: -70px;
  }
}
.user-is-tabbing .creator-main__about-badge:focus {
  border: 1px solid #656565;
  border: var(--border-dark-gray);
}

.creator-main__about-badge-inner {
  pointer-events: none;
}

.creator-main__about-badge-text {
  display: block;
  position: absolute;
  top: 12px;
  left: 12px;
  width: 41px;
  color: #ffffff;
  color: var(--white);
  text-align: center;
  pointer-events: none;
}
@media (min-width: 768px) {
  .creator-main__about-badge-text {
    left: 12px;
  }
}
@media (min-width: 1000px) {
  .creator-main__about-badge-text {
    left: 25px;
    top: 22px;
  }
}

.creator-main__about-badge-text svg {
  width: 12px;
  height: 13px;
  pointer-events: none;
  stroke: #ffffff;
  stroke: var(--white);
}

@media (min-width: 768px) {
  .creator-main__about {
    max-width: 463px;
  }
}
@media (min-width: 1000px) {
  .creator-main__about {
    max-width: 591px;
  }
}
@media (min-width: 1200px) {
  .creator-main__about {
    max-width: 621px;
    margin: 0 30px;
  }
}
@media (min-width: 768px) {
  .author--empty .creator-main__about {
    min-width: 463px;
  }
}
@media (min-width: 1000px) {
  .author--empty .creator-main__about {
    min-width: 591px;
  }
}
@media (min-width: 1200px) {
  .author--empty .creator-main__about {
    min-width: 621px;
  }
}

.creator-main__about-inner {
  position: relative;
  height: 100%;
  padding: 22px 20px 25px;
  background-color: #ffffff;
  background-color: var(--white);
  border-radius: 5px;
  z-index: 2;
}
@media (min-width: 1000px) {
  .creator-main__about-inner {
    padding: 30px 30px 34px;
  }
}
@media (min-width: 1200px) {
  .creator-main__about-inner {
    padding: 40px 40px 55px;
  }
}

.creator-main__about-title {
  padding-bottom: 10px;
}
@media (min-width: 1200px) {
  .creator-main__about-title {
    padding-bottom: 13px;
  }
}

.creator-main__avatar-label {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .creator-main__avatar-label {
    margin-top: 5px;
  }
}
.author--empty .creator-main__avatar-label {
  display: none;
}

.creator-main__about-content {
  padding-bottom: 10px;
}
.author--empty .creator-main__about-content {
  display: none;
}

.creator-main__avatar-img--empty {
  display: none;
}
.author--empty .creator-main__avatar-img--empty {
  display: block;
}

.creator-main__avatar-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
@media (min-width: 768px) {
  .creator-main__avatar-icon {
    width: 55px;
    height: 55px;
  }
}
@media (min-width: 1000px) {
  .creator-main__avatar-icon {
    width: 72px;
    height: 72px;
  }
}
@media (min-width: 1200px) {
  .creator-main__avatar-icon {
    width: 73px;
    height: 73px;
  }
}

.creator-main__about-empty {
  display: none;
}
.author--empty .creator-main__about-empty {
  display: block;
}

.creator-main__about-image {
  display: none;
}
.creator-main__about-image::before {
  padding-bottom: 100%;
}
.author--empty .creator-main__about-image {
  display: block;
  max-width: 360px;
  margin: 28px auto 0;
}
@media (min-width: 768px) {
  .author--empty .creator-main__about-image {
    margin: 24px auto 0;
  }
}
@media (min-width: 1000px) {
  .author--empty .creator-main__about-image {
    margin: 40px auto 0;
  }
}
@media (min-width: 1200px) {
  .author--empty .creator-main__about-image {
    margin: 33px auto 0;
  }
}

.creator-main__about__read-author {
  width: 100%;
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .creator-main__about__read-author {
    padding-bottom: 34px;
  }
}
@media (min-width: 1000px) {
  .creator-main__about__read-author {
    padding-bottom: 30px;
  }
}
.author--empty .creator-main__about__read-author {
  display: none;
}

.creator-main__about-news {
  width: 100%;
  margin-top: 20px;
}
@media (min-width: 1000px) {
  .creator-main__about-news {
    margin-top: 40px;
  }
}

.creator-main__about-news-list {
  list-style: disc;
  padding-left: 20px;
}
.creator-main__about-news-list li {
  padding-bottom: 5px;
  text-underline-position: under;
}
.creator-main__about-news-list li .creator-main__about-link {
  color: #000000;
  color: var(--black);
}
.author--empty .creator-main__about-news-list {
  display: none;
}

@media (min-width: 1000px) {
  .creator-main__about-news-label {
    padding-bottom: 13px;
  }
}
.author--empty .creator-main__about-news-label {
  display: none;
}

.creator-related-books {
  margin-bottom: 40px;
}

.page-not-found__wrapper {
  padding: 30px 0 21px;
}
@media (min-width: 768px) {
  .page-not-found__wrapper {
    padding: 40px 0;
  }
}
@media (min-width: 1000px) {
  .page-not-found__wrapper {
    padding: 60px 0 54px;
  }
}
@media (min-width: 1200px) {
  .page-not-found__wrapper {
    padding: 80px 0 40px;
  }
}

.page-not-found__inner {
  margin: 0 auto;
}
@media (min-width: 768px) {
  .page-not-found__inner {
    max-width: 462px;
  }
}
@media (min-width: 1000px) {
  .page-not-found__inner {
    max-width: 620px;
  }
}
@media (min-width: 1200px) {
  .page-not-found__inner {
    max-width: 840px;
  }
}

.page-not-found__title {
  padding-bottom: 21px;
}
@media (min-width: 1000px) {
  .page-not-found__title {
    padding-bottom: 30px;
  }
}
@media (min-width: 1200px) {
  .page-not-found__title {
    padding-bottom: 30px;
  }
}

.page-not-found__button {
  margin-bottom: 31px;
}
@media (min-width: 768px) {
  .page-not-found__button {
    margin-bottom: 26px;
  }
}
@media (min-width: 1000px) {
  .page-not-found__button {
    margin-bottom: 40px;
  }
}

.page-not-found__image {
  max-width: 301px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .page-not-found__image {
    max-width: 485px;
  }
}
@media (min-width: 1000px) {
  .page-not-found__image {
    max-width: 424px;
  }
}
.page-not-found__image::before {
  padding-bottom: 100%;
}

.event-hero__wrapper {
  padding: 25px 0 28px;
}
@media (min-width: 768px) {
  .event-hero__wrapper {
    padding: 31px 0 29px;
  }
}
@media (min-width: 1000px) {
  .event-hero__wrapper {
    padding: 30px 0 39px;
  }
}
@media (min-width: 1440px) {
  .event-hero__wrapper {
    padding: 70px 0 55px;
  }
}

.event-list--empty {
  text-align: center;
}
.event-list--empty h3 {
  margin-bottom: 40px;
}
.event-list--empty .filter-bar__clear {
  color: #ffffff;
  color: var(--white);
  margin: 0;
}

.event-list--shortcode.featured-events--book {
  margin-bottom: 20px;
}
.event-list--shortcode.featured-events--book .grid__container {
  width: 100%;
}
.event-list--shortcode.featured-events--book .grid__item {
  width: 50%;
  margin-bottom: 10px;
  padding: 0 5px;
}
@media (min-width: 768px) {
  .event-list--shortcode.featured-events--book .grid__item {
    width: 50%;
    margin-bottom: 10px;
    padding: 0 5px;
  }
}
@media (min-width: 1000px) {
  .event-list--shortcode.featured-events--book .grid__item {
    width: 50%;
    margin-bottom: 10px;
  }
}
@media (min-width: 1200px) {
  .event-list--shortcode.featured-events--book .grid__item {
    width: 50%;
    margin-bottom: 10px;
  }
}

.event-list--shortcode {
  margin-bottom: -10px;
}
.event-list--shortcode .grid__item {
  width: 50%;
  margin-bottom: 10px;
  padding: 0 5px;
}
@media (min-width: 768px) {
  .event-list--shortcode .grid__item {
    width: 50%;
    margin-bottom: 10px;
    padding: 0 5px;
  }
}
@media (min-width: 1000px) {
  .event-list--shortcode .grid__item {
    width: 25%;
    margin-bottom: 10px;
  }
}
@media (min-width: 1200px) {
  .event-list--shortcode .grid__item {
    width: 25%;
    margin-bottom: 10px;
  }
}

.tour-content--section {
  margin-bottom: 20px;
}
@media (min-width: 1000px) {
  .tour-content--section {
    margin-bottom: 40px;
  }
}

.tour-content--events {
  background-color: rgba(0, 0, 0, 0.05);
  background-color: var(--black-5);
  padding: 10px;
}

.tour-content--event {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid var(--black-20);
}
.tour-content--event:last-child {
  border-bottom: none;
}

.event-block__wrapper,
.tour-content--author--wrapper,
.events-book__wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.event-block__wrapper {
  padding: 15px;
}

.event-block__left {
  width: 100%;
  margin-bottom: 20px;
}
@media (min-width: 1000px) {
  .event-block__left {
    margin-bottom: 0;
    width: auto;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}

.event-block__right {
  width: 100%;
}
@media (min-width: 1000px) {
  .event-block__right {
    width: auto;
  }
}

.event-block__venue {
  margin-bottom: 15px;
}

.tour-content--author--image,
.events-book__image {
  width: 100%;
  margin-bottom: 20px;
}
@media (min-width: 1000px) {
  .tour-content--author--image,
  .events-book__image {
    margin-bottom: 0;
    width: 30%;
    margin-right: 15px;
  }
}
.tour-content--author--image img,
.events-book__image img {
  display: block;
}

.tour-content--author--details,
.events-book__content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 60%;
}
@media (min-width: 1000px) {
  .tour-content--author--details,
  .events-book__content {
    padding: 10px;
  }
}

.tour-content--author--details h2,
.events-book__title,
.events-book__summary {
  margin-bottom: 15px;
}

.tour-content--author {
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid var(--black-20);
}
@media (min-width: 1000px) {
  .tour-content--author {
    padding-bottom: 40px;
  }
}

.basic-content {
  background-color: transparent;
  margin-bottom: 50px;
  margin-top: 40px;
}

.basic-content__inner {
  display: block;
}
@media (min-width: 768px) {
  .basic-content__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.basic-content__details {
  width: 100%;
}
@media (min-width: 768px) {
  .basic-content__details {
    width: 70%;
  }
}
@media (min-width: 1200px) {
  .basic-content__details {
    width: 80%;
    max-width: 730px;
  }
}

@media (min-width: 768px) {
  .basic-content__sidebar {
    position: sticky;
    top: 130px;
    height: 100%;
    width: 30%;
    max-width: 197px;
    margin-right: 47px;
  }
}
@media (min-width: 1000px) {
  .basic-content__sidebar {
    top: 100px;
    margin-right: 43px;
  }
}
@media (min-width: 1200px) {
  .basic-content__sidebar {
    width: 20%;
    max-width: 290px;
    margin-right: 40px;
  }
}
@media (min-width: 1000px) {
  .is-nav-up .basic-content__sidebar {
    top: 200px;
  }
}

.wysiwyg__container {
  /**
  * Scoped as many editors will not support adding
  * class names to tags. All typographic styles
  * should be maintained in the typography css lib.
  **/
}
.wysiwyg__container h1 {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .wysiwyg__container h1 {
    margin-bottom: 79px;
  }
}
@media (min-width: 1000px) {
  .wysiwyg__container h1 {
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) {
  .wysiwyg__container h1 {
    margin-bottom: 30px;
  }
}
.wysiwyg__container h2 {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .wysiwyg__container h2 {
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) {
  .wysiwyg__container h2 {
    margin-bottom: 15px;
  }
}
.wysiwyg__container h3 {
  margin-bottom: 10px;
}
@media (min-width: 1200px) {
  .wysiwyg__container h3 {
    margin-bottom: 15px;
  }
}
.wysiwyg__container h4, .wysiwyg__container .filter-bar__sort--mobile.select-input .select-input__el, .filter-bar__sort--mobile.select-input .wysiwyg__container .select-input__el,
.wysiwyg__container .filter-bar__sort--mobile.select-input #supafolio-sort-by-select,
.filter-bar__sort--mobile.select-input .wysiwyg__container #supafolio-sort-by-select,
.wysiwyg__container h5,
.wysiwyg__container h6 {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .wysiwyg__container h4, .wysiwyg__container .filter-bar__sort--mobile.select-input .select-input__el, .filter-bar__sort--mobile.select-input .wysiwyg__container .select-input__el,
  .wysiwyg__container .filter-bar__sort--mobile.select-input #supafolio-sort-by-select,
  .filter-bar__sort--mobile.select-input .wysiwyg__container #supafolio-sort-by-select,
  .wysiwyg__container h5,
  .wysiwyg__container h6 {
    margin-bottom: 18px;
  }
}
@media (min-width: 1000px) {
  .wysiwyg__container h4, .wysiwyg__container .filter-bar__sort--mobile.select-input .select-input__el, .filter-bar__sort--mobile.select-input .wysiwyg__container .select-input__el,
  .wysiwyg__container .filter-bar__sort--mobile.select-input #supafolio-sort-by-select,
  .filter-bar__sort--mobile.select-input .wysiwyg__container #supafolio-sort-by-select,
  .wysiwyg__container h5,
  .wysiwyg__container h6 {
    margin-bottom: 10px;
  }
}
.wysiwyg__container ol {
  margin-bottom: 29px;
  padding-left: 17px;
}
@media (min-width: 768px) {
  .wysiwyg__container ol {
    margin-bottom: 30px;
  }
}
.wysiwyg__container ul {
  margin-bottom: 23px;
  padding-left: 17px;
}
@media (min-width: 768px) {
  .wysiwyg__container ul {
    margin-bottom: 30px;
  }
}
.wysiwyg__container p {
  margin-bottom: 10px;
}
@media (min-width: 1000px) {
  .wysiwyg__container p {
    margin-bottom: 20px;
  }
}
.wysiwyg__container blockquote {
  position: relative;
  padding-left: 20px;
}
@media (min-width: 768px) {
  .wysiwyg__container blockquote {
    padding-left: 18px;
  }
}
@media (min-width: 1000px) {
  .wysiwyg__container blockquote {
    padding-left: 28px;
  }
}
.wysiwyg__container blockquote::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background-color: #ce0e2d;
  background-color: var(--macmillan-red);
}
.wysiwyg__container hr {
  margin-bottom: 10px;
  border: 0;
  border-bottom: 1px solid #e1e1e1;
  border-bottom: 1px solid var(--grey-light);
}
@media (min-width: 1000px) {
  .wysiwyg__container hr {
    margin-bottom: 20px;
  }
}
.wysiwyg__container button {
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .wysiwyg__container button {
    width: auto;
  }
}
.wysiwyg__container button:hover:not([disabled])::before {
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}
.wysiwyg__container p + button {
  margin-bottom: 35px;
}
@media (min-width: 768px) {
  .wysiwyg__container p + button {
    width: 278px;
    margin-bottom: 41px;
  }
}
@media (min-width: 1000px) {
  .wysiwyg__container p + button {
    width: 180px;
    margin-bottom: 50px;
  }
}
@media (min-width: 1200px) {
  .wysiwyg__container p + button {
    margin-bottom: 60px;
  }
}
.wysiwyg__container img,
.wysiwyg__container figure img {
  max-width: 280px;
  max-height: 187px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .wysiwyg__container img,
  .wysiwyg__container figure img {
    max-width: 464px;
    max-height: 309px;
  }
}
@media (min-width: 1000px) {
  .wysiwyg__container img,
  .wysiwyg__container figure img {
    max-width: 699px;
    max-height: 466px;
  }
}
@media (min-width: 1440px) {
  .wysiwyg__container img,
  .wysiwyg__container figure img {
    max-width: 729px;
    max-height: 486px;
  }
}
.wysiwyg__container figcaption {
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .wysiwyg__container figcaption {
    padding-bottom: 47px;
  }
}
@media (min-width: 1000px) {
  .wysiwyg__container figcaption {
    padding-bottom: 30px;
  }
}
@media (min-width: 1440px) {
  .wysiwyg__container figcaption {
    padding-bottom: 60px;
  }
}

.book-grid {
  position: relative;
}

.book-grid__inner {
  border-bottom: 1px solid #e1e1e1;
  border-bottom: var(--border-light-gray);
  padding-bottom: 23px;
}
@media (min-width: 768px) {
  .book-grid__inner {
    padding-bottom: 33px;
  }
}
@media (min-width: 1000px) {
  .book-grid__inner {
    padding-bottom: 43px;
  }
}
@media (min-width: 1440px) {
  .book-grid__inner {
    padding-bottom: 53px;
  }
}
.book-grid--filters .book-grid__inner {
  border-bottom: none;
}
.is-empty .book-grid__inner {
  padding-bottom: 0;
}

.book-grid__grid {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -8px;
}
@media (min-width: 768px) {
  .book-grid__grid {
    margin: 0 -12px;
  }
}
@media (min-width: 1440px) {
  .book-grid__grid {
    margin: 0 -20px;
  }
}
.book-grid__grid .supafolio-grid-columns {
  width: calc(50% - 16px) !important;
  margin: 0 8px 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 768px) {
  .book-grid__grid .supafolio-grid-columns {
    width: calc(33.3333333333% - 22px) !important;
    margin: 0 11px 40px;
  }
}
@media (min-width: 1000px) {
  .book-grid__grid .supafolio-grid-columns {
    width: calc(25% - 24px) !important;
    margin: 0 12px 40px;
    /* Adjust book item z-indexes to be descending to fix shadow layering */
  }
  .book-grid__grid .supafolio-grid-columns:nth-child(4n+1) {
    z-index: calc(5 - 1);
  }
  .book-grid__grid .supafolio-grid-columns:nth-child(4n+2) {
    z-index: calc(5 - 2);
  }
  .book-grid__grid .supafolio-grid-columns:nth-child(4n+3) {
    z-index: calc(5 - 3);
  }
}
@media (min-width: 1440px) {
  .book-grid__grid .supafolio-grid-columns {
    width: calc(25% - 40px) !important;
    margin: 0 20px 60px;
  }
}
.book-grid__grid .supafolio-grid-columns .book-card {
  margin-bottom: 0;
}
.book-grid__grid .supafolio-grid-columns .book-card__content {
  position: relative;
}
.book-grid__grid .supafolio-grid-columns .book-card__img {
  position: static;
  max-height: 100%;
  opacity: 1;
  visibility: visible;
}
.book-grid__grid .supafolio-grid-columns .book-card__img-wrapper {
  position: relative;
}
.book-grid__grid .supafolio-grid-columns .book-card__img-wrapper img {
  position: static;
  display: block;
}
.book-grid__grid .supafolio-grid-columns .book-card__img-wrapper::before {
  content: none;
}

.book-grid__item-inner {
  width: 100%;
  height: 100%;
  padding: 5px;
}

.book-grid--series .book-grid__item {
  width: 50%;
}
@media (min-width: 768px) {
  .book-grid--series .book-grid__item {
    width: calc(25% - 24px);
    margin: 0 12px 40px;
  }
}
@media (min-width: 1440px) {
  .book-grid--series .book-grid__item {
    width: calc(25% - 40px);
    margin: 0 20px 60px;
  }
}
.book-grid--series .book-card__content {
  text-align: center;
}

.book-grid__grid-empty-title {
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .book-grid__grid-empty-title {
    margin-bottom: 20px;
  }
}
@media (min-width: 1000px) {
  .book-grid__grid-empty-title {
    max-width: 840px;
    margin: 0 auto 40px;
  }
}

.book-grid__grid-empty-button {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .book-grid__grid-empty-button {
    margin-bottom: 41px;
  }
}

.book-grid__grid-empty-button a {
  padding: 0 10px;
  z-index: 1;
}

.book-grid__grid-empty-image {
  -webkit-transform: translate3d(0, 25%, 0);
          transform: translate3d(0, 25%, 0);
  width: 152px;
  height: 144px;
  margin: 0 auto;
}
@media (min-width: 1440px) {
  .book-grid__grid-empty-image {
    width: 210px;
    height: 200px;
  }
}

.book-grid__grid-empty {
  margin-bottom: -6px;
  width: 100%;
}
@media (min-width: 768px) {
  .book-grid__grid-empty {
    margin-bottom: -16px;
  }
}
@media (min-width: 1000px) {
  .book-grid__grid-empty {
    margin-bottom: -26px;
  }
}
@media (min-width: 1440px) {
  .book-grid__grid-empty {
    margin-bottom: -29px;
  }
}

.series-main {
  width: 100%;
}
.series--short .series-main {
  padding-top: 0;
}

.series-main__container {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}
@media (min-width: 1000px) {
  .series-main__container {
    padding-left: 40px;
  }
}
@media (min-width: 1440px) {
  .series-main__container {
    padding-left: 80px;
  }
}
@media (min-width: 1600px) {
  .series-main__container {
    width: calc(100% - 160px);
    max-width: 1440px;
    margin: 0 auto;
    padding-left: 0;
  }
}

.series-main__inner {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (min-width: 1000px) {
  .series-main__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media (min-width: 1440px) {
  .series-main__inner {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}

.series-main__about {
  position: relative;
  z-index: 2;
  width: calc(100% - 40px);
  height: 100%;
  margin: 0 auto;
  padding-top: 30px;
  background-color: #f5f7f8;
  background-color: var(--blue-gray);
  border-radius: 5px;
}
@media (min-width: 768px) {
  .series-main__about {
    width: calc(100% - 64px);
    padding-top: 0;
  }
}
@media (min-width: 1000px) {
  .series-main__about {
    width: 300px;
    margin: 20px 0 0;
  }
}
@media (min-width: 1440px) {
  .series-main__about {
    width: 400px;
  }
}
.series-main__about::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 99%;
  width: 200%;
  height: auto;
  background-color: #ffffff;
  background-color: var(--white);
}

.series-main__about-inner {
  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: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px;
}
@media (min-width: 768px) {
  .series-main__about-inner {
    padding: 30px;
  }
}
@media (min-width: 1000px) {
  .series-main__about-inner {
    height: 100%;
    min-height: 541px;
    padding: 21px;
  }
}
@media (min-width: 1440px) {
  .series-main__about-inner {
    min-height: 660px;
    padding: 31px;
  }
}
@media (min-width: 1000px) {
  .series--short .series-main__about-inner {
    min-height: 565px;
  }
}
@media (min-width: 1440px) {
  .series--short .series-main__about-inner {
    min-height: 660px;
  }
}

.series-main__about-head {
  width: 100%;
}

.series-main__about-title {
  padding-bottom: 10px;
}
@media (min-width: 1000px) {
  .series-main__about-title {
    padding-bottom: 11px;
  }
}

.series-main__about-content p {
  margin-bottom: 20px;
}

.series-main__about-bottom {
  width: 100%;
  padding-top: 20px;
  border-top: 1px solid #e1e1e1;
  border-top: var(--border-light-gray);
}

.series-main__about-genres-label {
  padding-bottom: 5px;
}
@media (min-width: 1000px) {
  .series-main__about-genres-label {
    padding-bottom: 6px;
  }
}

.series-main__about-genres-content {
  color: #000000;
  color: var(--black);
}

.series-main__carousel {
  width: 100%;
  margin-bottom: 30px;
  padding: 10px 0;
  overflow: hidden;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media (min-width: 768px) {
  .series-main__carousel {
    margin-bottom: 33px;
  }
}
@media (min-width: 1000px) {
  .series-main__carousel {
    width: calc(100% - 300px);
    margin-bottom: 0;
    padding: 0;
    overflow: visible;
  }
}
@media (min-width: 1440px) {
  .series-main__carousel {
    width: calc(100% - 400px);
  }
}

.series-main__text-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.series-main__text {
  width: calc(100% - 20px);
}
@media (min-width: 768px) {
  .series-main__text {
    width: calc(100% - 32px);
  }
}
@media (min-width: 1000px) {
  .series-main__text {
    width: calc(100% - 341px);
  }
}
@media (min-width: 1200px) {
  .series-main__text {
    width: calc(100% - 441px);
  }
}
.series--short .series-main__text {
  display: none;
}

.series-main__carousel-content {
  position: relative;
}
@media (min-width: 768px) {
  .series-main__carousel-content {
    padding-right: 40px;
  }
}
@media (min-width: 1000px) {
  .series-main__carousel-content {
    height: 100%;
    padding-right: 0;
  }
}

.series-two-up__wrapper {
  padding: 41px 0 57px;
}
@media (min-width: 768px) {
  .series-two-up__wrapper {
    padding: 50px 0;
  }
}
@media (min-width: 1000px) {
  .series-two-up__wrapper {
    padding: 90px 0 70px;
  }
}
@media (min-width: 1440px) {
  .series-two-up__wrapper {
    padding: 80px 0;
  }
}

.series-two-up__inner--desktop {
  display: none;
}
@media (min-width: 1000px) {
  .series-two-up__inner--desktop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.series-two-up__inner--desktop .series-two-up__creator-title {
  display: none;
}
@media (min-width: 1000px) {
  .series-two-up__inner--desktop .series-two-up__creator-title {
    display: block;
    width: calc(100% - 318px);
    margin-right: 21px;
  }
}
@media (min-width: 1200px) {
  .series-two-up__inner--desktop .series-two-up__creator-title {
    width: calc(100% - 321px);
  }
}
@media (min-width: 1440px) {
  .series-two-up__inner--desktop .series-two-up__creator-title {
    width: calc(100% - 440px);
    margin-right: 40px;
  }
}
.series-two-up__inner--desktop .series-two-up__community-title {
  display: none;
}
@media (min-width: 1000px) {
  .series-two-up__inner--desktop .series-two-up__community-title {
    display: block;
    width: 285px;
  }
}
@media (min-width: 1440px) {
  .series-two-up__inner--desktop .series-two-up__community-title {
    width: 398px;
  }
}

.series-two-up__inner {
  display: block;
}
@media (min-width: 1000px) {
  .series-two-up__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.series-two-up__community-title,
.series-two-up__creator-title {
  margin-bottom: 19px;
}
@media (min-width: 768px) {
  .series-two-up__community-title,
  .series-two-up__creator-title {
    margin-bottom: 20px;
  }
}
@media (min-width: 1000px) {
  .series-two-up__community-title,
  .series-two-up__creator-title {
    display: none;
  }
}
@media (min-width: 1440px) {
  .series-two-up__community-title,
  .series-two-up__creator-title {
    margin-bottom: 30px;
  }
}

.series-two-up__creator {
  margin-bottom: 57px;
  width: 100%;
}
@media (min-width: 768px) {
  .series-two-up__creator {
    margin-bottom: 50px;
  }
}
@media (min-width: 1000px) {
  .series-two-up__creator {
    margin-right: 21px;
    margin-bottom: 0;
  }
}
@media (min-width: 1440px) {
  .series-two-up__creator {
    margin-right: 40px;
  }
}

@media (min-width: 1000px) {
  .series-two-up__community {
    width: 300px;
  }
}
@media (min-width: 1440px) {
  .series-two-up__community {
    width: 400px;
  }
}

.series-two-up__community-list {
  height: 100%;
  border-radius: 5px;
  border: 1px solid #e1e1e1;
  border: var(--border-light-gray);
}

.series-two-up__community-inner {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 28px;
}
@media (min-width: 768px) {
  .series-two-up__community-inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 30px;
  }
}
@media (min-width: 1000px) {
  .series-two-up__community-inner {
    height: 100%;
    padding: 34px 38px;
  }
}
@media (min-width: 1440px) {
  .series-two-up__community-inner {
    padding: 38px 56px;
  }
}