/*!
Theme Name: spektradesign
Description: WordPress theme for ordfront
Author: Spektra Design
Author URI: https://spektradesign.se
Version: 2.0.2
*/
*,
*::before,
*::after {
	box-sizing: inherit;
}
html {
	box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
	        text-size-adjust: 100%;
	scroll-behavior: smooth;
  font-size: 10px;
}
@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}
::selection {
	background-color: var(--color-dark);
	color: var(--color-light);
}
::before,
::after {
	text-decoration: inherit;
	vertical-align: inherit;
}
svg,
body,
main,
fieldset,
label,
button,
input,
select,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
ul,
ol,
figure,
hr {
	margin: 0;
	padding: 0;
	display: block;
}
ul,
ol {
	list-style: none;
}
a {
	color: inherit;
	background-color: transparent;
	text-decoration: none;
}
a:focus {
	outline: none;
}
b,
strong {
	font-weight: var(--font-weight-bold);
}
svg,
img {
	border-style: none;
	max-width: 100%;
  width: 100%;
	height: auto;
	-webkit-user-select: none;
	        user-select: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
blockquote,
button,
input,
select,
textarea {
	color: inherit;
	font-family: inherit;
	font-weight: inherit;
	font-size: inherit;
	line-height: inherit;
	text-transform: none;
}
fieldset,
button,
input,
textarea,
select {
	overflow: visible;
	border: 0;
	border-radius: 0;
}
fieldset {
	padding: 0;
	margin: 0;
	min-width: 0;
	display: block;
}
textarea {
	resize: vertical;
	border: 0;
}
input::-webkit-contacts-auto-fill-button {
	background-color: currentcolor;
}
hr {
	border: 0;
	height: 1px;
	background-color: currentcolor;
}
[hidden] {
	display: none;
}
body {
  font-family: var(--font-family);
  font-style: var(--font-style);
  font-size: var(--font-size-sm);
  line-height: var(--line-height-sm);
  color: var(--color-dark);
}
body.no-scroll {
  overflow: hidden;
}
.has-global-padding {
  padding: 0 !important;
}
img {
  vertical-align: bottom;
}
:root {
  --font-family: neue-haas-unica, sans-serif;
  --font-weight: 400;
  --font-weight-bold: 600;
  --font-weight-heavy: 700;
  --font-style: normal;
  --color-dark: #000;
	--color-light: #EFEFEF;
  --color-medium: #DCDDDE;
	--color-contrast: #FC0;
  --font-size-xxs: 1.2rem;
  --line-height-xxs: 1.8rem;
  --font-size-xs: 1.5rem;
  --line-height-xs: 2rem;
  --font-size-sm: calc(0.29vw + 13.9px);
  --line-height-sm: calc(0.2vw + 22.27px);
  --font-size-md: calc(0.29vw + 17.9px);
  --line-height-md: calc(0.29vw + 21.9px);
  --font-size-lg: calc(0.49vw + 18.17px);
  --line-height-lg: calc(-1.27vw + 45.76px);
  --font-size-xl: calc(0.88vw + 18.8px);
  --line-height-xl: calc(0.68vw + 24.44px);
  --font-size-xxl: calc(2.05vw + 21.32px);
  --line-height-xxl: calc(2.05vw + 24.32px);
  --transition: 0.4s ease-in-out;
  --spacing: calc(0vw + 10px);
  --spacing-xs: calc(var(--spacing) * 2);
  --spacing-sm: calc(var(--spacing) * 4);
  --spacing-md: calc(var(--spacing) * 5);
  --spacing-lg: calc(var(--spacing) * 7);
  --spacing-xl: calc(var(--spacing) * 9);
  --spacing-border: calc(2.24vw + 6.59px);
  --site-width-sm: 540px;
  --site-width-md: 1132px;
  --site-width-lg: 100vw;
	--gutter-size: 2rem;
	--column-size: calc(( var(--site-width-lg) - var(--gutter-size) ) / 12 - var(--gutter-size));
	--size-cols-3: calc(( 3 * var(--column-size) ) + 2 * var(--gutter-size));
	--size-cols-5: calc(( 5 * var(--column-size) ) + 4 * var(--gutter-size));
	--size-cols-6: calc(( 6 * var(--column-size) ) + 5 * var(--gutter-size));
	--size-cols-10: calc(( 10 * var(--column-size) ) + 9 * var(--gutter-size));
  --size-overlay: var(--size-cols-10);
  --nav-height: 104px;
  --doc-height: 100%;
}
@media (min-width: 769px) {
  :root {
    --size-overlay: calc(var(--size-cols-6) + calc(var(--gutter-size) * 2));
  }
}
@media (min-width: 1401px) {
  :root {
    --site-width-lg: 1400px;
  }
}
@media (min-width: 1701px) {
  :root {
    --site-width-sm: 850px;
  }
}
.Type-xxl {
  font-size: var(--font-size-xxl);
  line-height: var(--line-height-xxl);
  font-weight: var(--font-weight-bold);
  letter-spacing: -1px;
}
.Type-xl,
.has-x-large-font-size {
  font-size: var(--font-size-xl);
  line-height: var(--line-height-xl);
}
.Type-lg,
.Site-content h2:not(.Type-xxl, .Type-xl) {
  font-size: var(--font-size-lg);
  line-height: var(--line-height-lg);
  font-weight: var(--font-weight-bold);
  letter-spacing: -0.25px;
}
@media (max-width: 600px) {
  .Type-lg,
  .Site-content h2:not(.Type-xxl, .Type-xl) {
    letter-spacing: 0.2px;
  }
}
.Type-md {
  font-size: var(--font-size-md) !important;
  line-height: var(--line-height-md) !important;
  font-weight: var(--font-weight-bold);
  letter-spacing: -0.22px;
}
@media (max-width: 600px) {
  .Type-md {
    letter-spacing: 0.19px;
  }
}
.Type-xs {
  font-size: var(--font-size-xs);
  line-height: var(--line-height-xs);
}
.Type-xxs {
  font-size: var(--font-size-xxs);
  line-height: var(--line-height-xxs);
}
.Type-date {
  font-size: 1.2rem;
  line-height: 1.5rem;
  text-transform: uppercase;
  letter-spacing: 1.02px;
}
/* Book cover on backgroud color */
.BookOnBackground {
  background-color: rgb(50 50 50);
  object-fit: contain;
  padding: 4%;
  aspect-ratio: 1 / 1;
}
@media (max-width: 769px) {
  .Section-carousel--mobile {
    padding: var(--spacing-md) 0 var(--spacing-lg);
  }

  .Section-carousel--mobile h2 {
    padding: 0 var(--spacing-border);
  }


  .Section-carousel--mobile .Button-container {
    padding: var(--spacing-sm) var(--spacing-border) 0;
  }
}
@media (min-width: 769px) {
  .Section-carousel--mobile {
    padding: var(--spacing-md) var(--spacing-border) var(--spacing-lg)
  }

  .Section-carousel--mobile .splide {
    visibility: visible !important;
  }

  .Section-carousel--mobile .splide__track {
    padding: 0 !important;
  }

  .Section-carousel--mobile .splide__list {
    transform: none !important;
    flex-flow: row wrap;
    justify-content: flex-start;
    margin: 0 calc(var(--gutter-size) * -0.5 ) calc( var(--gutter-size) * -0.5) !important;
  }

  .Section-carousel--mobile .splide__slide {
    padding: 0 calc(var(--gutter-size) / 2) var(--spacing-lg);
    box-sizing: border-box;
    flex-basis: 16.66%;
  }
}
.splide__sr {
  display: none;
}
.Eyebrow-title {
  font-size: var(--font-size-xxs);
  line-height: var(--line-height-xxs);
  font-weight: var(--font-weight-heavy);
  letter-spacing: 1.02px;
  text-transform: uppercase;
  padding: 0.1rem 0.8rem;
  background-color: var(--color-contrast);
  color: var(--color-dark);
  width: -webkit-fit-content;
  width: fit-content;
  margin-bottom: 1.3rem;
}
.Filter-item {
  padding: 1rem;
}
@media (max-width: 600px) {
  .Grid-sizer,
  .Filter-item {
    width: 50%;
  }
}
@media (min-width: 981px) {
  .Grid-sizer,
  .Filter-item {
    width: 16.66%;
  }
}
@media (min-width: 601px) and (max-width: 980px) {
  .Grid-sizer,
  .Filter-item {
    width: 25%;
  }
}
@media (max-width: 769px) {
  .Filter-btns {
    margin-top: var(--spacing-xs);
  }
}
@media (min-width: 769px) {
  .Filter-btns .Button {
    padding: 1.2rem 2rem;
  }
}
@media (max-width: 769px) {
  .Filter-btns .Button {
    padding: 1.1rem 1.2rem;
  }
}
.Button.is-active {
  background-color: var(--color-dark);
  border-color: var(--color-dark);
  color: var(--color-contrast);
}
.Filter-letters {
  flex-wrap: wrap;
  gap: 0.75em;
  display: flex;
  height: 0;
  overflow: hidden;
  transition: var(--transition);
}
@media (max-width: 769px) {
  .Filter-letters {
    gap: 0 0.95em;
  }
}
.Filter-letters.is-active {
  display: flex;
}
.Filter-letters li {
  cursor: pointer;
  color: var(--color-dark);
  font-size: 2.9rem;
  line-height: 2.9rem;
  font-weight: var(--font-weight-bold);
  border-bottom: 1px solid;
  margin-bottom: 1em;
}
@media (max-width: 769px) {
  .Filter-letters li {
    margin-bottom: 0.5em;
  }
}
.Filter-letters li:hover {
  color: var(--color-contrast);
}
.Filter-letters li.is-active {
  border-bottom: none;
  color: var(--color-contrast);
}
@media (max-width: 769px) {
  .Form-container {
    width: 100%;
  }
}
/* Hide manus form temporarily */
.page-template-template-manus .Form-container {
  display: none;
}
.Checkbox-container input {
  cursor: pointer;
  -webkit-appearance: none;
          appearance: none;
  background-color: unset;
  margin: 0;
  width: 1.8rem;
  height: 1.8rem;
  border: 1px solid;
  transform: translateY(-0.075em);
  display: grid;
  place-content: center;
}
.Checkbox-container input[type="checkbox"]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  -webkit-clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
          clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  transform: scale(0);
  transform-origin: center center;
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em;
  background-color: CanvasText;
}
.Checkbox-container input[type="checkbox"]:checked::before {
  transform: scale(1);
}
.Checkbox-container input[type="checkbox"]:focus {
  outline: max(2px, 0.15em) solid currentcolor;
}
.Input-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 2px solid;
  height: -webkit-fit-content;
  height: fit-content;
}
input:focus-visible {
  outline: unset;
}
input[type="file"] {
  opacity: 0;
  height: 0;
}
input[type="submit"]:disabled {
  background-color: var(--color-light);
  border-color: var(--color-light);
  color: var(--color-medium);
  cursor: not-allowed;
}
.Input-container input:not(.Form-icon) {
  width: 100%;
  background-color: unset;
  padding: 1rem 0;
}
.Input-item {
  width: 100%;
  border: 1px solid;
  padding: 1rem;
  margin-bottom: var(--spacing-xs);
}
.Form-icon {
  background-color: unset;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 2rem;
  height: 2rem;
}
.Icon--arrow {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='13.713' height='14.514' viewBox='0 0 13.713 14.514'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_1411' data-name='Rectangle 1411' width='13.713' height='14.514'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_3976' data-name='Group 3976' transform='translate(-0.001)'%3E%3Cg id='Group_3837' data-name='Group 3837' transform='translate(0.001 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_582' data-name='Path 582' d='M13.713,7.256a1.152,1.152,0,0,1-.345.847L7.3,14.169a1.194,1.194,0,0,1-.849.345,1.18,1.18,0,0,1-.837-.345l-.7-.7a1.191,1.191,0,0,1,0-1.7L7.649,9.045H1.089A1,1,0,0,1,.3,8.7,1.244,1.244,0,0,1,0,7.853V6.66a1.24,1.24,0,0,1,.3-.842.99.99,0,0,1,.787-.349H7.649L4.919,2.729a1.107,1.107,0,0,1-.355-.837,1.109,1.109,0,0,1,.355-.84l.7-.7A1.142,1.142,0,0,1,6.455,0,1.156,1.156,0,0,1,7.3.353l6.064,6.064a1.108,1.108,0,0,1,.345.839' transform='translate(0 0.001)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.Icon--search {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='27.658' height='27.658' viewBox='0 0 27.658 27.658'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_1445' data-name='Rectangle 1445' width='27.658' height='27.658' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_3840' data-name='Group 3840' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_584' data-name='Path 584' d='M27.658,25.531a2.153,2.153,0,0,1-2.127,2.127,1.974,1.974,0,0,1-1.5-.63l-5.7-5.684A11.392,11.392,0,0,1,11.7,23.4a11.49,11.49,0,0,1-4.545-.923A11.441,11.441,0,0,1,.923,16.248a11.652,11.652,0,0,1,0-9.092A11.441,11.441,0,0,1,7.156.923a11.652,11.652,0,0,1,9.092,0A11.441,11.441,0,0,1,22.48,7.156,11.493,11.493,0,0,1,23.4,11.7a11.421,11.421,0,0,1-2.06,6.632l5.7,5.7a2.03,2.03,0,0,1,.613,1.494m-10.7-8.568a7.171,7.171,0,0,0,2.184-5.26,7.173,7.173,0,0,0-2.184-5.262A7.173,7.173,0,0,0,11.7,4.257a7.172,7.172,0,0,0-5.26,2.184A7.175,7.175,0,0,0,4.254,11.7a7.174,7.174,0,0,0,2.187,5.26,7.174,7.174,0,0,0,5.26,2.187,7.175,7.175,0,0,0,5.262-2.187' transform='translate(0 0.001)'/%3E%3C/g%3E%3C/svg%3E%0A");
}
@media (min-width: 769px) {
  .Masonry-grid {
    width: calc(100% + 40px);
    margin: 0 -20px;
  }
}
.Masonry-item {
  position: absolute;
  transition: var(--transition)
}
.Hero {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: calc(var(--doc-height) - var(--nav-height));
}
@media (min-width: 769px) {
  .Hero,
  .Hero-content {
    max-height: 55vw;
  }
}
@media (min-width: 769px) {
  .Hero-flex {
    display: flex;
  }
}
@media (max-width: 769px) {
  .Hero {
    background-color: var(--color-contrast);
  }
}
.Hero-full .Hero-image {
  position: absolute;
  top: 0;
  width: 100%;
}
@media (min-width: 769px) {
  .Hero-image {
    width: 50%;
    height: 100%;
    z-index: -1;
  }
}
@media (max-width: 769px) {
  .Hero-image {
    height: 50%;
  }

  .Hero-flex .Hero-image {
    position: absolute;
    top: 0;
    width: 100%;
  }
}
.Hero-image img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.Hero-content {
  height: calc(var(--doc-height) - var(--nav-height));
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  background: var(--color-contrast);
  color: var(--color-dark);
}
@media (min-width: 769px) and (max-width: 1201px) {
  .Hero-content {
    max-height: 55vw;
  }
}
@media (max-width: 769px) {
  .Hero-content {
    position: absolute;
    padding: var(--spacing-border) 0 0;
    background: unset;
    z-index: 4;
  }
}
@media (min-width: 769px) {
  .Hero-content {
    padding: var(--spacing-md) var(--spacing-border);
  }

  .Hero-full .Hero-content {
    background: rgba(0 0 0 / 60%);
    color: var(--color-light);
    max-width: var(--size-overlay);
    width: 60vw;
  }

  .Hero-flex .Hero-content {
    width: 50%;
  }

  .Hero-cover .Hero-content {
    flex-direction: row;
    justify-content: flex-start;
  }
}
.Hero-content--image {
  overflow: hidden;
}
@media (max-width: 769px) {
  .Hero-content--image {
    max-width: 100px;
    margin: -5rem var(--spacing-border);
    z-index: 1;
  }

  .Hero-cover .Hero-content--image {
    max-width: 50%;
  }
}
@media (min-width: 769px) {
  .Hero-content--image {
    margin-bottom: var(--spacing-xs);
    max-width: 300px;
  }

  .Hero-cover .Hero-content--image {
    display: flex;
    align-items: flex-end;
    margin-bottom: 0;
    margin-right: var(--gutter-size);
    max-width: 58rem;
  }
}
.Hero-content--image img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  width: auto;
}
@media (max-width: 769px) {
  .Hero-content--content {
    padding: var(--spacing-lg) var(--spacing-border) var(--spacing-sm);
    background-color: var(--color-contrast);
  }
}
@media (min-width: 769px) {
  .Hero-content--content {
    max-width: var(--size-cols-5);
  }

  .Hero-cover .Hero-content--content {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-bottom: var(--spacing-lg);
  }
}
.Hero-title {
  position: absolute;
  color: var(--color-light);
  bottom: var(--spacing-border);
  padding: 0 var(--spacing-border);
}
.Hero-content h1 {
  font-size: var(--font-size-xxl);
  line-height: var(--line-height-xxl);
  font-weight: var(--font-weight-bold);
  padding-bottom: var(--spacing-xs);
  letter-spacing: -1px;
}
.Hero-content p {
  font-size: var(--font-size-xl);
  line-height: var(--line-height-xl);
  padding-bottom: var(--spacing-sm);
}
.Hero .Button:hover {
  color: var(--color-contrast);
}
.Hero-full .Button:hover {
  background-color: var(--color-light);
  color: var(--color-dark);
  border-color: var(--color-dark);
}
.Link {
  cursor: pointer;
  width: -webkit-fit-content;
  width: fit-content;
  font-weight: var(--font-weight-heavy);
  font-size: var(--font-size-xxs);
  line-height: var(--line-height-xxs);
  text-transform: uppercase;
  display: flex;
  align-items: center;
  position: relative;
}
.Link--arrow {
  padding-right: 3rem;
}
.Link--plus {
  margin-bottom: var(--spacing-xs);
}
.Link--right {
  margin: auto 0 auto auto;
}
.Link::after {
  content: '';
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 1.3rem;
  height: 1.4rem;
  transition: color 0.4s, right 0.4s, background-image 0s;
}
.Link--arrow::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='13.713' height='14.514' viewBox='0 0 13.713 14.514'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_1411' data-name='Rectangle 1411' width='13.713' height='14.514'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_3976' data-name='Group 3976' transform='translate(-0.001)'%3E%3Cg id='Group_3837' data-name='Group 3837' transform='translate(0.001 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_582' data-name='Path 582' d='M13.713,7.256a1.152,1.152,0,0,1-.345.847L7.3,14.169a1.194,1.194,0,0,1-.849.345,1.18,1.18,0,0,1-.837-.345l-.7-.7a1.191,1.191,0,0,1,0-1.7L7.649,9.045H1.089A1,1,0,0,1,.3,8.7,1.244,1.244,0,0,1,0,7.853V6.66a1.24,1.24,0,0,1,.3-.842.99.99,0,0,1,.787-.349H7.649L4.919,2.729a1.107,1.107,0,0,1-.355-.837,1.109,1.109,0,0,1,.355-.84l.7-.7A1.142,1.142,0,0,1,6.455,0,1.156,1.156,0,0,1,7.3.353l6.064,6.064a1.108,1.108,0,0,1,.345.839' transform='translate(0 0.001)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  margin-left: var(--spacing-xs);
  position: absolute;
  right: 0;
}
.Link--plus::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cg id='Group_3986' data-name='Group 3986' transform='translate(-712.055 -611)'%3E%3Crect id='Rectangle_1662' data-name='Rectangle 1662' width='3.5' height='12' rx='1' transform='translate(712.055 618.75) rotate(-90)'/%3E%3Crect id='Rectangle_1663' data-name='Rectangle 1663' width='3.5' height='12' rx='1' transform='translate(716.306 611)'/%3E%3C/g%3E%3C/svg%3E%0A");
  margin-left: 1rem;
}
.Link--plus.is-active::after {
	transform: rotate(-45deg);
}
.Link--arrow.is-down::after {
  transform: rotate(90deg);
}
.Link:hover {
  text-decoration: none !important;
}
.Link--hoverContrast:hover,
.Link--plus:hover {
  color: var(--color-contrast);
}
.Link--arrow:not(.is-down):hover::after,
.u-hover:hover .Link--arrow::after {
  right: -1rem;
}
.Link--arrow.Link--hoverContrast:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='13.713' height='14.514' fill='%23FFCC00' viewBox='0 0 13.713 14.514'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_1411' data-name='Rectangle 1411' width='13.713' height='14.514'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_3976' data-name='Group 3976' transform='translate(-0.001)'%3E%3Cg id='Group_3837' data-name='Group 3837' transform='translate(0.001 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_582' data-name='Path 582' d='M13.713,7.256a1.152,1.152,0,0,1-.345.847L7.3,14.169a1.194,1.194,0,0,1-.849.345,1.18,1.18,0,0,1-.837-.345l-.7-.7a1.191,1.191,0,0,1,0-1.7L7.649,9.045H1.089A1,1,0,0,1,.3,8.7,1.244,1.244,0,0,1,0,7.853V6.66a1.24,1.24,0,0,1,.3-.842.99.99,0,0,1,.787-.349H7.649L4.919,2.729a1.107,1.107,0,0,1-.355-.837,1.109,1.109,0,0,1,.355-.84l.7-.7A1.142,1.142,0,0,1,6.455,0,1.156,1.156,0,0,1,7.3.353l6.064,6.064a1.108,1.108,0,0,1,.345.839' transform='translate(0 0.001)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.Link--plus:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23FFCC00' viewBox='0 0 12 12'%3E%3Cg id='Group_3986' data-name='Group 3986' transform='translate(-712.055 -611)'%3E%3Crect id='Rectangle_1662' data-name='Rectangle 1662' width='3.5' height='12' rx='1' transform='translate(712.055 618.75) rotate(-90)'/%3E%3Crect id='Rectangle_1663' data-name='Rectangle 1663' width='3.5' height='12' rx='1' transform='translate(716.306 611)'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.Button-container {
  padding-top: var(--spacing-sm) !important;
  margin: auto 0 auto auto;
  display: flex;
  justify-content: flex-end;
}
.Button {
  cursor: pointer;
  display: block;
  height: -webkit-fit-content;
  height: fit-content;
  font-size: var(--font-size-xxs);
  line-height: var(--line-height-xxs);
  letter-spacing: 0.96px;
  width: -webkit-fit-content;
  width: fit-content;
  text-transform: uppercase;
  font-weight: var(--font-weight-heavy);
  border: 1px solid;
  padding: 1.2rem 3rem;
  transition: 0.3s;
}
.Button-contrast {
  background-color: var(--color-contrast);
  border-color: var(--color-contrast);
}
.Button-external {
  display: flex;
}
.Button-external p {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  margin-bottom: 0 !important;
}
.Button-external p::after {
  content: '';
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='22.5' height='22.5' viewBox='0 0 22.5 22.5'%3E%3Cdefs%3E%3CclipPath id='clip-Artboard_4'%3E%3Crect width='22.5' height='22.5'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Artboard_4' data-name='Artboard – 4' clip-path='url(%23clip-Artboard_4)'%3E%3Cg id='Group_4430' data-name='Group 4430' transform='translate(-0.433 -0.25)'%3E%3Cpath id='Path_606' data-name='Path 606' d='M4562.661-12594.748v5.384h-18.635V-12608h5.308' transform='translate(-4541.66 12610.182)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3.5'/%3E%3Cpath id='Path_608' data-name='Path 608' d='M4549.949-12602.076h-5.923V-12608' transform='translate(4565.025 -12599.895) rotate(180)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3.5'/%3E%3Cpath id='Path_607' data-name='Path 607' d='M4543.491-12624.455l9.605-9.537' transform='translate(-4533.618 12637.688)' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='3.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: contain;
  width: 1em;
  height: 1em;
  margin-left: 0.7rem;
  transition: 0.3s;
}
.Button-external svg {
  width: 1em;
}
.Button:hover,
.Button:focus {
  text-decoration: none;
  background-color: var(--color-dark);
  border-color: var(--color-dark);
  color: var(--color-light);
}
.Button-contrast:hover,
.Button-contrast.is-active,
.Button-contrast:focus {
  color: var(--color-contrast);
}
.Button-external:hover p::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='22.5' height='22.5' viewBox='0 0 22.5 22.5'%3E%3Cdefs%3E%3CclipPath id='clip-Artboard_4'%3E%3Crect width='22.5' height='22.5'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Artboard_4' data-name='Artboard – 4' clip-path='url(%23clip-Artboard_4)'%3E%3Cg id='Group_4430' data-name='Group 4430' transform='translate(-0.433 -0.25)'%3E%3Cpath id='Path_606' data-name='Path 606' d='M4562.661-12594.748v5.384h-18.635V-12608h5.308' transform='translate(-4541.66 12610.182)' fill='none' stroke='%23FC0' stroke-linecap='round' stroke-linejoin='round' stroke-width='3.5'/%3E%3Cpath id='Path_608' data-name='Path 608' d='M4549.949-12602.076h-5.923V-12608' transform='translate(4565.025 -12599.895) rotate(180)' fill='none' stroke='%23FC0' stroke-linecap='round' stroke-linejoin='round' stroke-width='3.5'/%3E%3Cpath id='Path_607' data-name='Path 607' d='M4543.491-12624.455l9.605-9.537' transform='translate(-4533.618 12637.688)' fill='none' stroke='%23FC0' stroke-linecap='round' stroke-width='3.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.u-background-contrast .Button:hover {
  color: var(--color-contrast);
}
a:where(:not(.wp-element-button)):active {
  color: inherit;
}
a:focus {
  text-decoration: underline;
}
footer a:hover {
  font-weight: var(--font-weight-bold);
}
.player {
  border-radius: 0 !important;
  height: 170px !important;
}
.player__artwork {
  height: 170px !important;
}
.player__artwork img {
  height: 170px !important;
  object-fit: cover;
}
@media (max-width: 768px) {
  .player__artwork {
    height: 45px !important;
  }
  
  .player__artwork img {
    height: 45px !important;
  }
}
.wp-block-columns {
  margin-bottom: var(--spacing-lg);
}
.wp-block-column:last-child .wp-block-image:not(.size--500-400) {
  max-width: 75%;
}
@media (max-width: 600px) {
  .wp-block-image.alignright {
    float: none !important;
    margin: 0 auto;
  }
}
.wp-block-group h2 {
  margin-bottom: 2.5rem;
}
.wp-block-group .wp-block-column {
  margin-bottom: var(--spacing-lg);
}
h1 .Book-title {
  font-size: var(--font-size-xxl);
  line-height: var(--line-height-xxl);
  font-weight: var(--font-weight-bold);
  margin-bottom: 0.5rem;
}
h4 .Book-title {
  margin-bottom: 0.4rem;
}
h1 .Book-subtitle {
  font-size: var(--font-size-md);
  line-height: var(--line-height-md);
  font-weight: var(--font-weight-bold);
  margin-bottom: 0.5rem;
}
h4 .Book-subtitle {
  display: none;
}
.Thumbnail-placeholder {
  aspect-ratio: 3/4;
  background-color: var(--color-light);
}
.Cover-image figcaption {
  margin-bottom: 1em;
  color: #696969;
}
.Book-info p {
  color: #696969;
}
@media (max-width: 769px) {
  .Cover-image--inner {
    background: var(--color-medium);
    padding: var(--spacing-sm);
    margin-bottom: var(--spacing-xs);
  }

  .Cover-image--inner img {
    max-width: 55vw;
    margin: 0 auto;
    display: block;
  }

  .Cover-image figcaption,
  .Book-info {
    padding: 0 var(--spacing-border);
  }
}
@media (min-width: 769px) {
  .Book-section {
    padding: var(--spacing-md) 0 var(--spacing-lg);
  }

  .Cover-image {
    padding-left: var(--spacing-border);
  }
}
.Toggle-container {
	height: 0;
  transition: 0.4s all 0s;
  overflow: hidden;
}
.Col {
  width: 100%;
}
.Col-size-50.is-mobile {
  width: 50%;
}
@media (min-width: 769px) {
  .Col-size-3 {
    max-width: var(--size-cols-3);
  }

  .Col-size-5 {
    max-width: var(--size-cols-5);
  }

  .Col-size-6 {
    max-width: var(--size-cols-6);
  }

  .Col-size-10 {
    max-width: var(--size-cols-10);
  }

  .Col-size-50 {
    width: 50%;
  }

  .Col-size-25 {
    width: 25%;
  }

  .Col-image.Cover-image {
    padding-right: calc(var(--column-size) * 1.5);
  }

  .Col-image.Author-image {
    padding-left: calc(var(--column-size) * 1.5);
  }

  .Col-narrow {
    width: calc(100% - calc(var(--column-size) + var(--gutter-size) ));
  }

  .Col-list {
    width: 75%;
    columns: 3;
  }
}
@media (max-width: 769px) {
  .Col-list {
    columns: 2;
  }

  .Col-size-25 {
    margin-bottom: var(--spacing);
  }
}
.u-hidden {
  display: none;
}
@media (max-width: 769px) {
	.u-hiddenMobile {
		display: none !important;
	}
}
@media (min-width: 769px) {
	.u-hiddenDesktop {
		display: none;
	}
}
.u-background-medium {
  background-color: medium;
}
.u-background-light {
  background-color: var(--color-light);
}
.u-background-black {
  background-color: #000;
  color: var(--color-light);
}
.u-background-contrast {
  background-color: var(--color-contrast);
}
.u-gap-xs {
  gap: 1.5rem;
}
.u-gap {
  gap: var(--gutter-size);
}
.u-gap-xl {
  gap: var(--column-size);
}
.u-right {
  margin: auto 0 auto auto;
}
.u-regular {
  font-weight: var(--font-weight);
}
.u-bold {
  font-weight: var(--font-weight-bold);
}
.u-heavy {
  font-weight: var(--font-weight-heavy);
}
.u-block {
  display: block;
}
.u-uppercase {
  text-transform: uppercase;
}
.u-lowercase {
  text-transform: unset;
}
.u-underline {
  text-decoration: underline;
}
.u-borderBottom {
  border-bottom: 2px solid;
}
.u-border-xl {
  height: 1rem;
}
.u-marginBottom {
  margin-bottom: var(--spacing);
}
.u-marginTop {
  margin-top: var(--spacing);
}
.u-marginBottom-xs {
  margin-bottom: var(--spacing-xs);
}
.u-marginTop-sm {
  margin-top: var(--spacing-sm);
}
.u-marginTop-xs {
  margin-top: var(--spacing-xs);
}
.u-marginBottom-sm {
  margin-bottom: var(--spacing-sm);
}
.u-marginBottom-md {
  margin-bottom: var(--spacing-md);
}
.u-marginBottom-lg {
  margin-bottom: var(--spacing-lg);
}
.u-marginTop-lg {
  margin-top: var(--spacing-lg);
}
.u-marginNegative-1 {
  margin-top: -1rem;
}
.u-padding-border {
  padding: 0 var(--spacing-border);
}
.u-paddingBottom-0 {
  padding-bottom: 0 !important;
}
@media (min-width: 769px) {
  .u-paddingRight-gutter {
    padding-right: var(--gutter-size);
  }
}
.u-cover {
  object-fit: cover;
  width: 100%;
}
.u-hover {
  text-decoration: none !important;
}
.u-hover:hover {
  text-decoration: none;
}
.u-hover:hover .u-hoverText {
  text-decoration: underline;
}
.u-hoverImage {
  position: relative;
}
.u-hoverImage::after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0 0 0 / 50%);
  opacity: 0;
  transition: 0.3s;
}
.u-hover:hover .u-hoverImage::after {
  opacity: 1;
}
.u-hoverZoom {
  overflow: hidden;
}
.u-hoverZoom img {
  transition: 0.3s;
}
.u-hoverZoom:hover img {
  transform: scale(1.05);
}
.Flex {
  display: flex;
}
@media (max-width: 769px) {
  .Flex:not(.Flex-row) {
    flex-direction: column;
  }
}
.Flex-center {
  justify-content: center;
  align-items: center;
}
.Flex-spaceBetween {
  justify-content: space-between;
}
.Flex-wrap {
  flex-wrap: wrap;
}
.Flex-reverse {
  flex-direction: row-reverse !important;
  justify-content: flex-end !important;
}
@media (min-width: 769px) {
  .Flex-item--bottom-xl {
    padding-bottom: var(--spacing-xl);
    display: flex;
    align-items: flex-end;
  }
}
@media (min-width: 769px) {
  .Flex-item--padding {
    padding-right: var(--spacing-border);
  }
}
@media (max-width: 769px) {
  .Flex-item--padding {
    padding: 0 var(--spacing-border);
  }
}
.Flex-grid {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  margin: 0 calc(var(--gutter-size) * -0.5 ) calc( var(--gutter-size) * -0.5);
}
.Flex-grid--item {
  flex-basis: 100%;
  position: relative;
  padding: 0 calc(var(--gutter-size) / 2) var(--spacing-lg);
  box-sizing: border-box;
}
@media (min-width: 981px) {
  .Flex-grid--item {
    flex-basis: 25%;
  }
}
@media (min-width: 601px) and (max-width: 980px) {
  .Flex-grid--item {
    flex-basis: 33.33%;
  }
}
@media (min-width: 480px) and (max-width: 600px) {
  .Flex-grid--item {
    flex-basis: 50%;
  }
}
@media (min-width: 769px) {
  .Flex-grid.is-medium .Flex-grid--item {
    flex-basis: 33.33%;
  }
}
.Flex-grid--item a:hover {
  text-decoration: none;
}
@media (max-width: 769px) {
  .Flex-columnReverse {
    flex-direction: column-reverse !important;
  }
}
/* .Flex-grid--item a:hover h4 {
  text-decoration: underline;
} */
footer {
  justify-content: space-between;
  background-color: var(--color-contrast);
}
footer p {
  margin-bottom: 1em;
}
footer a {
  display: block;
}
@media (max-width: 769px) {
  footer {
    padding: calc(var(--spacing) * 4) var(--spacing-border) calc(var(--spacing) * 8);
  }

  footer .Logo-main {
    height: 8.3rem;
  }

  footer h4 {
    margin-bottom: 0.3em;
  }
}
@media (min-width: 769px) {
  footer {
    padding: calc(var(--spacing) * 8) var(--spacing-border) calc(var(--spacing) * 16);
  }

  footer h4 {
    margin-bottom: var(--spacing-xs);
  }

  footer a {
    margin-bottom: 1em;
  }
}
header {
  background-color: var(--color-contrast);
  padding: 2.5rem var(--spacing-border);
  display: flex;
}
.Menu-container {
  display: flex;
  align-items: center;
}
/* Nav button */
.Nav-button {
  z-index: 999;
  position: absolute;
}
.Nav-button span {
  width: 3.4rem;
  height: 0.2rem;
  background-color: var(--color-dark);
  display: block;
  margin: 1.1rem 0;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
}
.Nav-button.is-active span:nth-child(2){
  opacity: 0;
}
.Nav-button.is-active span:nth-child(1){
  transform: translateY(1.3rem) rotate(45deg);
}
.Nav-button.is-active span:nth-child(3){
  transform: translateY(-1.3rem) rotate(-45deg);
}
@media (min-width: 769px) {
  .Logo-main {
    height: 5.4rem;
  }
}
@media (max-width: 769px) {
  .Logo-main {
    height: 2.4rem;
  }
}
.Nav-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 998;
  transition: var(--transition);
  transform: translateX(-100%);
}
.Nav-container.is-active {
  transform: translateX(0);
}
.Nav-container--inner {
  height: 100%;
  position: relative;
  background-color: var(--color-contrast);
  max-width: var(--size-overlay);
}
.Nav-overlay {
  display: none;
  opacity: 0;
  background-color: rgba(0 0 0 / 80%);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transition: var(--transition);
  z-index: 1;
}
.Nav-overlay.is-visible {
  display: block;
}
.Nav-overlay.is-active {
  opacity: 1;
}
.Nav-container--inner nav {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.Nav-menu {
  max-width: var(--size-cols-3);
  margin: 0 auto;
  width: 100%;
}
@media (max-width: 769px) {
  .Nav-menu {
    max-width: var(--size-cols-6);
  }
}
.Nav-container ul {
  font-size: var(--font-size-lg);
  line-height: var(--line-height-lg);
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.25px;
  text-transform: uppercase;
}
@media (min-width: 769px) {
  .menu li {
    margin-bottom: 1em;
  }
}
.Nav-shortcut {
  display: flex;
  align-items: center;
  margin-left: var(--spacing-xl);
}
.Nav-shortcut ul {
  display: flex;
}
.Nav-shortcut li {
  margin-right: var(--spacing-md);
  margin-bottom: 0;
}
.Icon-social {
  height: 3rem;
  width: 3rem;
  margin-right: 1.7rem;
  transition: var(--transition);
}
.Icon-social:hover {
  transform: scale(0.9);
}
.Section-container {
  padding: var(--spacing-md) var(--spacing-border) var(--spacing-lg);
}
.Section-carousel {
  padding: var(--spacing-md) 0 var(--spacing-lg);
}
.Section-carousel--maxWidth {
  max-width: calc(var(--site-width-lg) + calc(var(--spacing-border) * 2)) !important;
}
.Section-inner--xl {
  max-width: calc(var(--site-width-lg) + calc(var(--gutter-size) * 2));
  width: 100%;
  margin: 0 auto;
}
.Section-inner--lg {
  max-width: var(--site-width-lg);
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 981px) {
  .Section-inner--md {
    width: var(--size-cols-10);
    margin: 0 auto;
  }

  .Section-inner--sm {
    max-width: var(--size-cols-10);
    width: 100%;
    margin: 0 auto;
  }

  .Section-inner--sm > * {
    max-width: calc(50% - var(--gutter-size));
  }
}
.Section-border {
  padding: 0 var(--spacing-border);
}
.Site-content p {
  margin-bottom: 1em;
}
.Site-content h2 + p,
.Site-content h3 + p,
.Site-content h4 + p {
  margin-top: 0.8em;
}
.Site-content p + h2,
.Site-content p + h3,
.Site-content p + h4 {
  margin-top: 3.5rem;
}
.Site-content p a:not(.Link--arrow, .Button) {
  text-decoration: underline;
}