<style type="text/css">

body {
  font-family:'Dosis', sans-serif;
  font-size:20px;
  font-size: 100%;
  font-weight:400;
}

body {
  font-family:'Dosis', sans-serif;
  font-size:20px;
  font-size: 100%;
  font-weight:400;
}


#page, #main-wrapper {
  background-color: #fff8f8 !important;
}

a:hover, a:active, a:focus, .link:hover, .link:active, .link:focus {
border-width:3px;
border-color:#f2916b;
}

.layout-main-wrapper {
min-height:initial;
}

/*   TYPE   */

.kalam-light {
  font-family: "Kalam", cursive;
  font-weight: 300;
  font-style: normal;
}

.kalam-regular {
  font-family: "Kalam", cursive;
  font-weight: 400;
  font-style: normal;
}

.kalam-bold {
  font-family: "Kalam", cursive;
  font-weight: 700;
  font-style: normal;
}


h2 {
font-size:1.65rem;
font-weight:600 !important;
}

h2 a {
color:#01406a;
}

h2 a:hover {
color:#0071b3;
}

/* BRANDING */

.region-header .site-branding {
float:none;
text-align:center;
margin-top:0;
display:flex;
flex-direction:column;
}

/* BRANDING ON BOOK PAGES */
.page-node-type-book .region-header .site-branding {
flex-direction:row;
}

.page-node-type-book .site-branding__slogan {
    display:none;
}

.page-node-type-book .region-header .site-branding__text {
align-self:center;
}

.page-node-type-book .region-header .site-branding a {
font-size:28px;
align-self:center;
margin-bottom:0;
}

.page-node-type-book .region-header .site-branding a img {
width:80px;
}


/* CONTAINERS ON BOOK PAGES */
.page-node-type-book .main-content .section {
padding:0;
}

.page-node-type-book .layout-main-wrapper {

}


.site-branding__logo {
margin-right:0;
margin-bottom:0;
}

.site-branding__text {
  padding:0;
  margin:0;
  font-family: 'Dosis', sans-serif;
  font-family: "Kalam", cursive;
  font-weight: 700;
  font-style: normal;
}
.region-header .site-branding a {
  font-weight: 600;
  font-size:68px;
  color: #263645;
  line-height:1.7;
  margin-bottom:-30px;
  margin-top:10px;
}

.region-header .site-branding a:hover {
color:#025f9c;
color:#F27833;
}

.region-header .site-branding a img {
  width:200px;
}

@media only screen and (min-width: 40em) {
.site-branding__slogan {
    margin-top: 5px;
    font-size: 22px;
        font-style: normal;
        font-family: 'Dosis', sans-serif;
        font-weight: 500;
        color: #025f9c;
}


/* -- PRE-HEADER -- */
div#pre-header {
    padding: 0px 0 18px;
    background-color: #025f9c;
    border-top: 5px solid #00416b;
}

.region.region-pre-header {
    max-width: 1290px;
    margin: auto;
}

.menu--preheader ul.menu {
    display: flex;
    justify-content: center;
}

.menu--preheader ul.menu .menu-item {
  padding:.25em 1em;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-weight:600;
  font-size:13px;
}

.pre-header .menu a {
color:#fff;
border-bottom:0;
padding-bottom:3px;
/*border-bottom:1px solid #152536; */
}

.pre-header ul.menu a.is-active {
    color: #f2916b;
    border-bottom: 1px solid #f2916b;
    padding-bottom: 3px;
}

.pre-header .menu a:hover {
padding-bottom: 3px;
        border-bottom: 2px solid #F27833;
        color: #F27833;
}

@media only screen and (max-width: 30em) {
.pre-header .menu, {
    justify-content: space-around;
    align-content: center;
    font-size:11px;
}
}


/* -- HEADER -- */
#header {
  /* background-image:url('https://www.picturebooks.org/images/picture-books-hero.jpg'); */
  background-image: none;
  background-color:#f6f6f6 !important;
  background-size:cover;
  background-position:top center;
  /* min-height:550px; */
  font-family:'Dosis', sans-serif;
  padding: .5em 0;
}

@media only screen and (max-width: 40em) {
#header .region-header {
flex-direction: column;
}
}

/* -- FEATURED TOP -- */
.featured-top {
background:#dddddd;
}


/* -- CAPTIONS -- */
.caption > *, .caption > figcaption {
  border:none;
  background:none;
  padding:.25em 0;
  color:#545454;
  text-align:left;
}

.caption {
    margin-bottom: 1.2em;
    margin-inline-start: 0;
    margin-inline-end: 0;
}

/* -- RESPONSIVE -- */
@media only screen and (max-width: 40em) {
    /* Covers basic text content layouts */
    .field--name-field-content-creator .ds-1col  {
      width:100%;
      max-width:627px;
      margin:auto;
    }
    /* Covers 33/66, 66/33, and 50/50 layouts */
    .field--name-field-content-creator .layout--twocol-bricks, .field--name-field-content-creator .ds-2col {
      /* background:yellow; */
      margin:auto;
      width:100%;
    }
    .field--name-field-content-creator .layout--twocol-bricks > .layout__region--first-above {
      /* background:yellow; */
      flex:0 1 100%;
    }
    .field--name-field-content-creator .layout--twocol-bricks > .layout__region--second-above {
      /* background:yellow; */
      flex:0 1 100%;
    }
    .field--name-field-content-creator .layout--twocol-bricks > .layout__region--first-below {
      /* background:yellow; */
      flex:0 1 100%;
    }
    .field--name-field-content-creator .layout--twocol-bricks > .layout__region--second-below {
      /* background:yellow; */
      flex:0 1 100%;
    }
    /* Covers full bleed layouts */
    .field--name-field-content-creator .layout.layout--onecol {
      /* background:yellow; */
      width:100%;
    }
    .ds-2col > .group-left, .ds-2col > .group-right, .paragraph--type-content-33-33-33 .group-left, .paragraph--type-content-33-33-33 .group-middle, .paragraph--type-content-33-33-33 .group-right {
      float:none;
      width:100%;
    }
}

/* Semi-small */
@media only screen and (max-width: 50em) {
    /* Covers 33/66, 66/33, and 50/50 layouts */
    .field--name-field-content-creator .layout--twocol-bricks {
      /* background:yellow; */
      margin:auto;
      width:100%;
    }
    .field--name-field-content-creator .layout--twocol-bricks > .layout__region--first-above {
      /* background:yellow; */
      flex:0 1 100%;
    }
    .field--name-field-content-creator .layout--twocol-bricks > .layout__region--second-above {
      /* background:yellow; */
      flex:0 1 100%;
    }
    .field--name-field-content-creator .layout--twocol-bricks > .layout__region--first-below {
      /* background:yellow; */
      flex:0 1 100%;
    }
    .field--name-field-content-creator .layout--twocol-bricks > .layout__region--second-below {
      /* background:yellow; */
      flex:0 1 100%;
    }
    .paragraph--type-content-33-33-33 .group-left, .paragraph--type-content-33-33-33 .group-middle, .paragraph--type-content-33-33-33 .group-right {
      float:none;
      width:100%;
    }
}

/* Medium */
@media only screen and (min-width: 50em) {
    /* Covers basic text content layouts */
    .field--name-field-content-creator .ds-1col  {
      /* background:yellow; */
      width:100%;
      max-width:627px;
      margin:auto;
    }
    /* Covers Full Extra layouts */
    .paragraph--type-content-full-extra {
      padding: 10px;
      max-width: 960px;
      margin: auto;
      box-sizing:border-box;
    }
    /* Covers 33/66, 66/33, and 50/50 layouts */
    .field--name-field-content-creator .layout--twocol-bricks, .field--name-field-content-creator .ds-2col,  {
      /* background:yellow; */
      margin:auto;
      max-width:960px;
    }
    .field--name-field-content-creator .layout--twocol-bricks > .layout__region--first-above {
      /* background:yellow; */
      flex:0 1 34%;
    }
    .field--name-field-content-creator .layout--twocol-bricks > .layout__region--second-above {
      /* background:yellow; */
      flex:0 1 66%;
    }
    .field--name-field-content-creator .layout--twocol-bricks > .layout__region--first-below {
      /* background:yellow; */
      flex:0 1 66%;
    }
    .field--name-field-content-creator .layout--twocol-bricks > .layout__region--second-below {
      /* background:yellow; */
      flex:0 1 34%;
    }
    /* Covers full bleed layouts */
    .field--name-field-content-creator .layout.layout--onecol, .paragraph--type-content-33-33-33 {
      /* background:yellow; */
      width:100%;
      max-width:1280px;
      margin:auto;
    }
}

/* Large */
@media only screen and (min-width: 60em) {
    /* Covers basic text content layouts */
    .field--name-field-content-creator .ds-1col  {
      /* background:yellow; */
      width:100%;
      max-width:627px;
      margin:auto;
    }
    /* Covers Full Extra layouts */
    .paragraph--type-content-full-extra {
      padding: 10px;
      max-width: 960px;
      margin: auto;
      box-sizing:border-box;
    }
    /* Covers 33/66, 66/33, and 50/50 layouts */
    .field--name-field-content-creator .layout--twocol-bricks, .field--name-field-content-creator .ds-2col {
      /* background:yellow; */
      max-width:960px;
      margin:auto;
    }
    .field--name-field-content-creator .layout--twocol-bricks > .layout__region--first-above {
      /* background:yellow; */
      flex:0 1 34%;
    }
    .field--name-field-content-creator .layout--twocol-bricks > .layout__region--second-above {
      /* background:yellow; */
      flex:0 1 66%;
    }
    .field--name-field-content-creator .layout--twocol-bricks > .layout__region--first-below {
      /* background:yellow; */
      flex:0 1 66%;
    }
    .field--name-field-content-creator .layout--twocol-bricks > .layout__region--second-below {
      /* background:yellow; */
      flex:0 1 34%;
    }
    /* Covers 33/33/33 and full bleed layouts */
    .field--name-field-content-creator .layout.layout--onecol, .paragraph--type-content-33-33-33 {
      /* background:yellow; */
      width:100%;
      max-width:1280px;
      margin:auto;
    }
}


/* Semi-small */
@media only screen and (max-width: 50em) {
.region.region-content-footer {
    flex-direction:column;
}
}

.region.region-content-footer .block-views {
    flex: 1;
    padding:5px 15px;
}

/* -- HOME PAGE -- */
.page-node-type-home-page .page-title, .page-node-type-home-page .node__meta {
    display: none;
}

.page-node-type-home-page .node__content {
text-align:center;
}


/* BOOK */
.age-range::before {
content: url(https://www.picturebooks.org/icons/age.svg);
display:block;
text-align:center;
}

.age-range {
display:block;
text-align:center;
}

.field--name-field-reading-age-min, .field--name-field-reading-age-min::after, .field--name-field-reading-age-max {
display:inline-block;
}

.field--name-field-reading-age-min::after {
content: "-";
margin:0 5px;
}

.field--name-field-reading-age-max::after {
content: "years";
margin:0 5px;
}


/* STICKY */
div.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 15px;
}



/* -- RATING -- */
.checked {
  color: #ff520d;
} 

.vocabulary-rating {
    text-align: center;
    display: flex;
    flex-direction: column-reverse;
}

.vocabulary-rating h2 {
    font-size: .75em;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-family: monospace;
}

.vocabulary-rating h2 a {
    color:#212121;
}

.vocabulary-rating .content {
  font-size:2em;
}

.taxonomy-term--type-rating {
    text-align: center;
}

/* -- BLOCKQUOTES -- */
blockquote {
    margin: 0 auto;
    padding: 0;
    border-left: 0;
    text-align: center;
    font-style: normal;
    background: none;
    font-size: 1.5em;
    font-family: Georgia, serif;
}
blockquote:before {
content: "\201C";
    color: #ddd;
    font-size: 4em;
    line-height: 0.1em;
    padding: .5em 0 .25em;
    display: block;
    font-family: Dosis, monospace;
    font-weight: 600;
}

blockquote:after {
    content: "\201D";
    color: #ddd;
    font-size: 4em;
    line-height: 0.1em;
    padding: .6em 0 .5em;
    display: block;
    font-family: Dosis, monospace;
    font-weight: 600;
}


/* CONTENT FOOTER */
.content-footer {
background-color:#fff;
padding:30px 0;
}


/* TABLES */
table {
font-family: Dosis, monospace;
    font-size: 14px;
}

table tr {
background:#f2f1ef;
}

table thead tr {
background:#776e64;
}


/* VIDEO EMBEDS */
.videoWrapper {
position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/* CONTENT SECONDARY AREA */
.content-secondary {
background:#152536;
background:#f2ebe9;
}

.region.region-content-secondary {
padding:30px 1em;
display:flex;
align-items:center;
}

@media only screen and (max-width: 40em) {
.region.region-content-secondary {
display:block;
padding:30px 15px;
}
}

@media only screen and (min-width: 40em) {
.region.region-content-secondary .view-content {
display:flex;
justify-content: space-between;
align-items:stretch;
}

.region.region-content-secondary .views-row {
flex:1;
width:23%;
max-width:23%;
display:flex;
}
}

.home-discovery {
background:#fff8f8;
padding:28px 0 36px;
border-top:1px solid rgba(21, 37, 54, 0.08);
border-bottom:1px solid rgba(21, 37, 54, 0.08);
}

.home-discovery .layout-container {
display:block;
}

.home-discovery__title {
margin:0;
display:flex;
flex-wrap:nowrap;
align-items:center;
justify-content:center;
gap:10px 14px;
font-family:'Literata', serif;
font-size:20px;
font-weight:400;
line-height:1.7;
color:#1f3140;
white-space:nowrap;
}

.home-discovery__form {
display:flex;
flex-wrap:nowrap;
align-items:center;
justify-content:center;
gap:12px 14px;
padding-top:16px;
overflow-x:auto;
}

.home-discovery__form::-webkit-scrollbar {
height:8px;
}

.home-discovery__form::-webkit-scrollbar-thumb {
background:rgba(21, 37, 54, 0.18);
border-radius:999px;
}

.home-discovery__select {
min-width:190px;
padding:6px 34px 6px 4px;
border:1px solid rgba(21, 37, 54, 0.18);
border-radius:4px;
background:#fff;
font-family:'Kalam', cursive;
font-size:22px;
font-weight:500;
color:#1f3140;
line-height:1.2;
}

.home-discovery__select:focus {
outline:2px solid rgba(2, 95, 156, 0.22);
outline-offset:2px;
border-color:#025f9c;
}

.home-discovery__submit {
padding:12px 24px 12px 22px;
border:1px solid #025f9c;
border-radius:4px;
background:#025f9c;
color:#fff;
font-family:'Dosis', sans-serif;
font-size:18px;
font-weight:500;
letter-spacing:.08rem;
text-transform:uppercase;
cursor:pointer;
}

.home-discovery__submit:hover,
.home-discovery__submit:focus {
background:#00416b;
border-color:#00416b;
color:#fff;
}

.home-discovery__submit:disabled {
opacity:.45;
cursor:not-allowed;
}

.front-shelves {
padding: 6px 0 28px;
}

.featured-collections {
padding: 10px 0 18px;
}

.featured-collections__header {
padding-bottom: 12px;
}

.featured-collections__title {
margin: 0;
font-family: 'Dosis', sans-serif;
font-size: 1.8rem;
font-weight: 500;
line-height: 1.05;
color: #1f3140;
}

.featured-collections__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px 18px;
}

.featured-collections__item {
display: grid;
gap: 4px;
padding: 14px 0 14px;
border-top: 1px solid rgba(21, 37, 54, 0.12);
border-bottom: 0;
color: inherit;
}

.featured-collections__label {
font-family: 'Dosis', sans-serif;
font-size: 1.05rem;
font-weight: 700;
letter-spacing: .03rem;
text-transform: uppercase;
color: #025f9c;
}

.featured-collections__description {
font-family: 'Literata', serif;
font-size: 16px;
line-height: 1.6;
color: #334756;
}

.featured-collections__item:hover .featured-collections__label,
.featured-collections__item:focus .featured-collections__label {
color: #00416b;
}

.front-shelf {
padding: 26px 0 10px;
}

.front-shelf + .front-shelf {
border-top: 1px solid rgba(21, 37, 54, 0.08);
}

.front-shelf__header {
display: flex;
align-items: end;
justify-content: space-between;
gap: 18px 24px;
padding-bottom: 16px;
}

.front-shelf__titles {
display: grid;
gap: 4px;
}

.front-shelf__title {
margin: 0;
font-family: 'Dosis', sans-serif;
font-size: 2rem;
font-weight: 500;
line-height: 1.02;
color: #1f3140;
}

.front-shelf__description {
margin: 0;
font-family: 'Literata', serif;
font-size: 17px;
line-height: 1.6;
color: #3b4d5b;
}

.front-shelf__link {
flex: 0 0 auto;
font-family: 'Dosis', sans-serif;
font-size: 15px;
font-weight: 700;
letter-spacing: .08rem;
text-transform: uppercase;
color: #025f9c;
border-bottom: 0;
}

.front-shelf__grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 22px;
align-items: stretch;
}

.front-shelf__item {
display: flex;
min-width: 0;
}

.front-shelf__item > * {
width: 100%;
}

.browse-page {
max-width:1280px;
margin:0 auto;
padding:32px 20px 56px;
}

.browse-page__count,
.browse-page__empty {
margin:0;
font-family:'Literata', serif;
font-size:18px;
line-height:1.6;
color:#213544;
}

.browse-finder {
display:flex;
flex-wrap:nowrap;
align-items:center;
justify-content:center;
gap:12px 14px;
padding:8px 0 22px;
overflow-x:auto;
}

.browse-finder .form-item,
.browse-finder .form-actions {
margin:0;
}

.browse-finder__select {
min-width:190px;
padding:6px 34px 6px 4px;
border:1px solid rgba(21, 37, 54, 0.18);
border-radius:4px;
background:#fff;
font-family:'Kalam', cursive;
font-size:22px;
font-weight:500;
color:#1f3140;
line-height:1.2;
}

.browse-finder .form-actions {
display:flex;
align-items:center;
gap:12px;
}

.browse-finder .home-discovery__submit {
margin-left:4px;
padding:12px 24px 12px 22px;
}

.browse-finder__reset {
font-family:'Dosis', sans-serif;
font-size:16px;
font-weight:600;
color:#025f9c;
border-bottom:0;
}

.browse-page__results {
display:grid;
gap:20px;
padding-top:10px;
}

.browse-page__grid {
display:grid;
grid-template-columns:1fr;
gap:22px;
}

.browse-page__grid > * {
min-width:0;
display:flex;
}

.browse-page__grid .node.node--type-book.node--view-mode-teaser.ds-3col-stacked {
display:grid;
grid-template-columns:180px minmax(0, 1fr);
gap:0 22px;
width:100%;
padding:0 0 22px;
border-bottom:1px solid rgba(21, 37, 54, 0.12);
background:transparent;
}

.browse-page__grid .node.node--type-book.node--view-mode-teaser.ds-3col-stacked > * {
float:none;
}

.browse-page__grid .node.node--type-book.node--view-mode-teaser.ds-3col-stacked > .group-left,
.browse-page__grid .node.node--type-book.node--view-mode-teaser.ds-3col-stacked > .group-middle,
.browse-page__grid .node.node--type-book.node--view-mode-teaser.ds-3col-stacked > .group-right {
width:auto;
padding:0;
box-sizing:border-box;
}

.browse-page__grid .node.node--type-book.node--view-mode-teaser .group-header,
.browse-page__grid .node.node--type-book.node--view-mode-teaser .group-footer,
.browse-page__grid .node.node--type-book.node--view-mode-teaser .group-right {
display:none;
}

.browse-page__grid .node.node--type-book.node--view-mode-teaser .group-left {
display:block;
grid-column:1;
grid-row:1;
width:180px;
align-self:start;
min-width:180px;
overflow:hidden;
}

.browse-page__grid .node.node--type-book.node--view-mode-teaser .group-middle {
display:flex;
flex-wrap:wrap;
grid-column:2;
grid-row:1;
min-width:0;
max-width:100%;
overflow:hidden;
column-gap:0;
row-gap:8px;
align-content:flex-start;
align-items:flex-start;
}

.browse-page__grid .node.node--type-book.node--view-mode-teaser .field--type-image {
aspect-ratio:2 / 3;
overflow:hidden;
margin:0;
display:block;
background:#fff;
}

.browse-page__grid .node.node--type-book.node--view-mode-teaser .field--type-image a {
display:block;
height:100%;
}

.browse-page__grid .node.node--type-book.node--view-mode-teaser .field--type-image img {
display:block;
width:100%;
height:100%;
object-fit:cover;
object-position:center;
margin:0;
border-radius:0;
}

.browse-page__grid .node.node--type-book.node--view-mode-teaser h2 {
flex:0 0 100%;
margin:0;
font-family:'Dosis', sans-serif;
font-size:1.8rem;
font-weight:500;
line-height:1.08;
}

.browse-page__grid .node.node--type-book.node--view-mode-teaser .author-and-illustrator {
flex:0 0 100%;
display:flex;
flex-wrap:wrap;
align-items:baseline;
gap:0;
margin:0;
font-family:'Dosis', sans-serif;
font-size:14px;
font-weight:700;
letter-spacing:.08rem;
text-transform:uppercase;
}

.browse-page__grid .node.node--type-book.node--view-mode-teaser .author-and-illustrator .field--name-field-author,
.browse-page__grid .node.node--type-book.node--view-mode-teaser .author-and-illustrator .field--name-field-illustrator {
margin:0;
display:inline-flex;
flex:0 0 auto;
width:auto !important;
max-width:max-content;
font:inherit;
letter-spacing:inherit;
text-transform:inherit;
}

.browse-page__grid .node.node--type-book.node--view-mode-teaser .author-and-illustrator .field--name-field-illustrator::before {
content:" / ";
margin:0 10px;
}

.browse-page__grid .node.node--type-book.node--view-mode-teaser .field--name-body {
flex:0 0 100%;
margin:4px 0 0;
font-family:'Literata', serif;
font-size:18px;
line-height:1.6;
}

.browse-page__grid .node.node--type-book.node--view-mode-teaser .button-container {
flex:0 0 100%;
display:flex;
flex-wrap:wrap;
gap:12px;
padding-top:8px;
}

.browse-page__grid .node.node--type-book.node--view-mode-teaser .button-container div {
width:auto;
padding:0;
flex:0 0 auto;
}

.browse-page__grid .node.node--type-book.node--view-mode-teaser .button-container a {
display:inline-block;
width:auto;
padding:12px 18px;
border:1px solid #025f9c;
border-radius:4px;
background:transparent;
color:#025f9c;
white-space:nowrap;
}

.browse-page__grid .node.node--type-book.node--view-mode-teaser .button-container .field--name-node-link a {
background:#025f9c;
color:#fff;
}

.browse-page__grid .node.node--type-book.node--view-mode-teaser .button-container .field--name-node-link a:hover,
.browse-page__grid .node.node--type-book.node--view-mode-teaser .button-container .field--name-node-link a:focus {
background:#00416b;
border-color:#00416b;
color:#fff;
}

.browse-page__grid .node.node--type-book.node--view-mode-teaser .button-container .field--name-field-buy-link a {
border-width:2px;
}

.browse-page__grid .node.node--type-book.node--view-mode-teaser .button-container .field--name-field-buy-link a:hover,
.browse-page__grid .node.node--type-book.node--view-mode-teaser .button-container .field--name-field-buy-link a:focus {
background:#025f9c;
color:#fff;
}

@media only screen and (min-width: 60em) {
.home-discovery .layout-container {
grid-template-columns:minmax(0, 220px) minmax(0, 1fr);
align-items:start;
column-gap:36px;
}
}

@media only screen and (max-width: 70em) {
.browse-page__grid .node.node--type-book.node--view-mode-teaser.ds-3col-stacked {
grid-template-columns:170px minmax(0, 1fr);
}

.browse-page__grid .node.node--type-book.node--view-mode-teaser .group-left {
width:170px;
min-width:170px;
}
}

@media only screen and (max-width: 52em) {
.browse-page__grid .node.node--type-book.node--view-mode-teaser.ds-3col-stacked {
grid-template-columns:150px minmax(0, 1fr);
gap:0 18px;
}

.browse-page__grid .node.node--type-book.node--view-mode-teaser .group-left {
width:150px;
min-width:150px;
}
}

@media only screen and (max-width: 36em) {
.browse-page {
padding:24px 16px 44px;
}

.browse-page__title {
font-size:2rem;
}

.browse-finder__sentence,
.home-discovery__title {
font-size:18px;
}

.browse-finder .home-discovery__submit,
.home-discovery__submit {
margin-left:0;
}

.home-discovery__form,
.home-discovery__title {
flex-wrap:wrap;
white-space:normal;
overflow-x:visible;
}

.browse-finder__refine {
gap:12px;
}

.browse-page__grid .node.node--type-book.node--view-mode-teaser.ds-3col-stacked {
grid-template-columns:1fr;
gap:14px;
}

.browse-page__grid .node.node--type-book.node--view-mode-teaser .group-left,
.browse-page__grid .node.node--type-book.node--view-mode-teaser .group-middle {
grid-column:auto;
grid-row:auto;
width:auto;
}

.browse-page__grid .node.node--type-book.node--view-mode-teaser .author-and-illustrator .field--name-field-illustrator::before {
content:"";
margin:0;
}

.browse-page__grid .node.node--type-book.node--view-mode-teaser h2 {
font-size:1.55rem;
}
}

/* BOOK PAGE */
.button-container {
    display: flex;
}

.button-container div {
    flex: 1;
    width: 50%;
}

.button-container div:first-of-type {
padding: 0 10px 20px 20px;
}

.button-container div:last-of-type {
padding: 0 20px 20px 10px;
}

.button-container a {
    padding: 12px 36px;
    box-sizing: border-box;
    border-radius:4px;
    width: 100%;
    display: block;
    text-align: center;
    background-color:#025f9c;
    color:#fff;
    font-family:'Dosis', sans-serif;
    font-size:18px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: .1em;
    border:0;
}

.button-container a:hover {
background-color:#00416b;
border:0;
color:#fff;
}

.view-id-diverse .view-content {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.view-id-diverse .view-content .views-row {
width:24%;
max-width:24%;
display:flex;
}

.ds-3col-stacked > .group-left {
width:50%;
padding-right:15px;
box-sizing:border-box;
}

.ds-3col-stacked > .group-right {
width:50%;
padding-left:15px;
box-sizing:border-box;
}

.node.node--type-book.node--view-mode-full .group-header {
    text-align: left;
}

.node.node--type-book.node--view-mode-full .group-left {
    text-align: left;
}

.node.node--type-book.node--view-mode-full .group-middle {
    text-align: left;
}

.node.node--type-book.node--view-mode-full .field--name-body {
text-align:left;
}

.node.node--type-book.node--view-mode-full .publishing {
text-align:left;
display:flex;
align-content:stretch;
}

.node.node--type-book.node--view-mode-full .publishing div {
align-content:left;
}

.node.node--type-book.node--view-mode-full .group-right {
    text-align: left;
}

.node.node--type-book.node--view-mode-full .field--name-field-age::before {
content:none;
}

.node.node--type-book.node--view-mode-full .field--name-field-genre::before {
content:none;
}

.node.node--type-book.node--view-mode-full .field--name-field-language::before {
content:none;
}

.node.node--type-book.node--view-mode-full .field--name-field-themes::before {
content:none;
}

.node.node--type-book.node--view-mode-full .field--name-field-gender::before {
content:none;
}

.node.node--type-book.node--view-mode-full .field--name-field-ethnicity-race-culture::before {
content:none;
}

.node.node--type-book.node--view-mode-full .field--name-field-publisher::before {
content:none;
}

.node.node--type-book.node--view-mode-full .field--name-field-publication-date::before {
content:none;
}

.node.node--type-book.node--view-mode-full .field--name-field-isbn::before {
content:none;
}

.page-node-type-book #main-wrapper {
  max-width: 1080px;
  margin-top: 12px;
}

.page-node-type-book .page-title {
  font-family: 'Kalam', cursive;
  font-size: 2.45rem;
  line-height: 1.02;
  color: #1f3140;
  margin: 0 0 12px;
}

.page-node-type-book .node.node--type-book.node--view-mode-full.ds-3col-stacked {
  display: grid;
  grid-template-columns: minmax(220px, 300px) minmax(0, 1fr);
  gap: 18px 24px;
  align-items: start;
}

.page-node-type-book .node.node--type-book.node--view-mode-full .group-header,
.page-node-type-book .node.node--type-book.node--view-mode-full .group-middle {
  display: none;
}

.page-node-type-book .node.node--type-book.node--view-mode-full .group-left,
.page-node-type-book .node.node--type-book.node--view-mode-full .group-right {
  width: auto;
  padding: 0;
}

.page-node-type-book .node.node--type-book.node--view-mode-full .group-left {
  position: sticky;
  top: 12px;
}

.page-node-type-book .node.node--type-book.node--view-mode-full .group-left .field--type-image,
.page-node-type-book .node.node--type-book.node--view-mode-full .group-left .field--name-field-image {
  margin: 0;
}

.page-node-type-book .node.node--type-book.node--view-mode-full .group-left img {
  width: 100%;
  display: block;
  border-radius: 4px;
  border: 1px solid rgba(21, 37, 54, 0.14);
}

.page-node-type-book .node.node--type-book.node--view-mode-full .group-right {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 22px;
  row-gap: 10px;
}

.page-node-type-book .node.node--type-book.node--view-mode-full .group-right > .field,
.page-node-type-book .node.node--type-book.node--view-mode-full .group-right > .publishing > .field {
  border: 0;
  border-radius: 4px;
  border-top: 1px solid rgba(21, 37, 54, 0.12);
  padding: 10px 0 0;
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
}

.page-node-type-book .node.node--type-book.node--view-mode-full .group-right > .publishing {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 22px;
}

.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-author,
.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-illustrator,
.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-body,
.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-buy-link,
.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-tags {
  grid-column: 1 / -1;
}

.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-author,
.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-illustrator {
  border-top: 0;
  padding-top: 0;
  font-family: 'Dosis', sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .08rem;
  text-transform: uppercase;
}

.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-author a,
.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-illustrator a {
  border-bottom: 0;
}

.page-node-type-book .node.node--type-book.node--view-mode-full .field__label {
  display: block;
  width: 100%;
  margin-bottom: 6px;
  font-family: 'Dosis', sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .11rem;
  text-transform: uppercase;
  color: #025f9c;
}

.page-node-type-book .node.node--type-book.node--view-mode-full .field--label-hidden::before {
  display: block;
  width: 100%;
  margin-bottom: 6px;
  font-family: 'Dosis', sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .11rem;
  text-transform: uppercase;
  color: #025f9c;
}

.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-reading-age-min::before {
  content: "Minimum Age";
}

.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-reading-age-max::before {
  content: "Maximum Age";
}

.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-genre::before {
  content: "Genre";
}

.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-language::before {
  content: "Language";
}

.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-ethnicity-race-culture::before {
  content: "Representation";
}

.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-best-of-year::before {
  content: "Best Of Year";
}

.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-tags::before {
  content: "Collections";
}

.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-body {
  font-family: 'Literata', serif;
  font-size: 18px;
  line-height: 1.7;
}

.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-reading-age-min,
.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-reading-age-max,
.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-genre,
.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-language,
.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-ethnicity-race-culture,
.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-gender,
.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-best-of-year,
.page-node-type-book .node.node--type-book.node--view-mode-full .group-right > .publishing > .field {
  display: block;
}

.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-reading-age-min::before,
.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-reading-age-max::before,
.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-genre::before,
.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-language::before,
.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-ethnicity-race-culture::before,
.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-best-of-year::before {
  margin-bottom: 6px;
}

.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-gender .field__label,
.page-node-type-book .node.node--type-book.node--view-mode-full .group-right > .publishing > .field .field__label {
  margin-bottom: 6px;
}

.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-reading-age-min .field__item,
.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-reading-age-max .field__item,
.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-genre .field__item,
.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-language .field__items,
.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-ethnicity-race-culture .field__items,
.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-gender .field__items,
.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-best-of-year .field__item,
.page-node-type-book .node.node--type-book.node--view-mode-full .group-right > .publishing > .field .field__item {
  display: block;
}

.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-tags {
  padding-top: 14px;
  border-top: 1px solid rgba(21, 37, 54, 0.2);
}

.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-buy-link {
  padding: 6px 0 0;
  border: 0;
  background: transparent;
}

.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-buy-link a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  width: initial;
  padding: 12px 36px;
  border-radius: 4px;
  background-color: #025f9c;
  color: #fff;
  font-family: 'Dosis', sans-serif;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: .1rem;
  text-transform: uppercase;
  border: 0;
  text-decoration: none;
  transition: background-color .18s ease, color .18s ease;
}

.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-buy-link a:hover {
  background-color: #00416b;
}

.page-node-type-book .node.node--type-book.node--view-mode-full .field a {
  border-bottom: 0;
}

.page-node-type-book .node.node--type-book.node--view-mode-full .field__items,
.page-node-type-book .node.node--type-book.node--view-mode-full .links.field__items {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.page-node-type-book .node.node--type-book.node--view-mode-full .field__item,
.page-node-type-book .node.node--type-book.node--view-mode-full .links.field__items li {
  margin: 0;
}

.page-node-type-book .node.node--type-book.node--view-mode-full .field__item a,
.page-node-type-book .node.node--type-book.node--view-mode-full .links.field__items a {
  display: inline;
  padding: 0;
  border-radius: 0;
  background: transparent;
  border: 0;
  color: #213544;
}

.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-buy-link.field__item a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  width: initial;
  padding: 12px 36px;
  border-radius: 4px;
  background-color: #025f9c;
  border: 0;
  color: #fff;
}

.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-buy-link a:hover,
.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-buy-link.field__item a:hover {
  background-color: #00416b;
}

.page-node-type-book .node.node--type-book.node--view-mode-full .field__item,
.page-node-type-book .node.node--type-book.node--view-mode-full .field__items,
.page-node-type-book .node.node--type-book.node--view-mode-full .group-right > .publishing > .field .field__item,
.page-node-type-book .node.node--type-book.node--view-mode-full .group-right > .publishing > .field .field__items,
.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-body,
.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-body p {
  font-family: 'Literata', serif;
  font-size: 18px;
}

.page-node-type-book .node.node--type-book.node--view-mode-full .field__item a,
.page-node-type-book .node.node--type-book.node--view-mode-full .field__items a,
.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-body a {
  font-family: 'Literata', serif;
  font-size: 18px;
}

.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-buy-link a,
.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-buy-link.field__item a {
  font-family: 'Dosis', sans-serif;
  font-size: 18px;
}

.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-ethnicity-race-culture .field__items,
.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-gender .field__items,
.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-language .field__items {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 8px;
}

.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-ethnicity-race-culture .field__item:not(:last-child)::after,
.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-gender .field__item:not(:last-child)::after,
.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-language .field__item:not(:last-child)::after {
  content: "/";
  margin-left: 8px;
  color: rgba(21, 37, 54, 0.4);
}

.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-themes .field__items {
  gap: 4px 10px;
}

.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-themes .field__item:not(:last-child)::after {
  content: "/";
  margin-left: 10px;
  color: rgba(21, 37, 54, 0.4);
}

.page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-tags .field__item a {
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  border-radius: 4px;
  border: 1px solid rgba(21, 37, 54, 0.14);
  font-family: 'Dosis', sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .05rem;
  text-transform: uppercase;
}

@media only screen and (max-width: 52em) {
  .page-node-type-book .page-title {
    font-size: 2.15rem;
  }

  .page-node-type-book .node.node--type-book.node--view-mode-full.ds-3col-stacked,
  .page-node-type-book .node.node--type-book.node--view-mode-full .group-right,
  .page-node-type-book .node.node--type-book.node--view-mode-full .group-right > .publishing {
    grid-template-columns: 1fr;
  }

  .page-node-type-book .node.node--type-book.node--view-mode-full .group-left {
    position: static;
  }

  .page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-reading-age-min,
  .page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-reading-age-max,
  .page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-genre,
  .page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-language,
  .page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-ethnicity-race-culture,
  .page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-gender,
  .page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-best-of-year,
  .page-node-type-book .node.node--type-book.node--view-mode-full .group-right > .publishing > .field {
    grid-template-columns: 1fr;
    row-gap: 4px;
  }

  .page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-reading-age-min .field__item,
  .page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-reading-age-max .field__item,
  .page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-genre .field__item,
  .page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-language .field__items,
  .page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-ethnicity-race-culture .field__items,
  .page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-gender .field__items,
  .page-node-type-book .node.node--type-book.node--view-mode-full .field--name-field-best-of-year .field__item,
  .page-node-type-book .node.node--type-book.node--view-mode-full .group-right > .publishing > .field .field__item {
    grid-column: 1;
  }
}

.path-taxonomy #main-wrapper {
  max-width: 1180px;
  margin-top: 12px;
}

.path-taxonomy .page-title {
  font-family: 'Kalam', cursive;
  font-size: 2.35rem;
  line-height: 1.02;
  margin: 0 0 10px;
  color: #1f3140;
}

.path-taxonomy .taxonomy-term.vocabulary-tags .content {
  margin-bottom: 18px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(21, 37, 54, 0.18);
}

.path-taxonomy .view-content {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px 28px;
}

.path-taxonomy .views-row {
  width: auto;
  max-width: none;
  min-width: 0;
}

.path-taxonomy .node.node--type-book.node--view-mode-teaser.ds-3col-stacked {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  gap: 14px 18px;
  align-items: start;
  padding-top: 14px;
  border-top: 1px solid rgba(21, 37, 54, 0.12);
}

.path-taxonomy .node.node--type-book.node--view-mode-teaser .group-left,
.path-taxonomy .node.node--type-book.node--view-mode-teaser .group-middle,
.path-taxonomy .node.node--type-book.node--view-mode-teaser .group-right,
.path-taxonomy .node.node--type-book.node--view-mode-teaser .group-footer {
  width: auto;
  padding: 0;
}

.path-taxonomy .node.node--type-book.node--view-mode-teaser .group-left img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 1px solid rgba(21, 37, 54, 0.14);
  border-radius: 0;
}

.path-taxonomy .node.node--type-book.node--view-mode-teaser .group-right,
.path-taxonomy .node.node--type-book.node--view-mode-teaser .group-footer {
  display: none;
}

.path-taxonomy .node.node--type-book.node--view-mode-teaser .group-middle {
  display: grid;
  gap: 6px;
}

.path-taxonomy .node.node--type-book.node--view-mode-teaser .field--name-node-title {
  margin: 0;
  font-family: 'Dosis', sans-serif;
  font-size: 1.55rem;
  line-height: 1.02;
}

.path-taxonomy .node.node--type-book.node--view-mode-teaser .field--name-node-title a {
  border-bottom: 0;
}

.path-taxonomy .node.node--type-book.node--view-mode-teaser .field--name-field-author,
.path-taxonomy .node.node--type-book.node--view-mode-teaser .field--name-field-illustrator {
  font-family: 'Dosis', sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .08rem;
  text-transform: uppercase;
}

.path-taxonomy .node.node--type-book.node--view-mode-teaser .field--name-field-author a,
.path-taxonomy .node.node--type-book.node--view-mode-teaser .field--name-field-illustrator a {
  border-bottom: 0;
}

.path-taxonomy .node.node--type-book.node--view-mode-teaser .field--name-body {
  margin: 2px 0 0;
  font-family: 'Literata', serif;
  font-size: 18px;
  line-height: 1.6;
}

.path-taxonomy .node.node--type-book.node--view-mode-teaser .button-container {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding-top: 6px;
  border-top: 1px solid rgba(21, 37, 54, 0.1);
}

.path-taxonomy .node.node--type-book.node--view-mode-teaser .button-container a {
  font-family: 'Dosis', sans-serif;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: .1rem;
  text-transform: uppercase;
  border-bottom: 0;
}

@media only screen and (max-width: 60em) {
  .path-taxonomy .view-content {
    grid-template-columns: 1fr;
  }
}

@media only screen and (max-width: 40em) {
  .path-taxonomy .page-title {
    font-size: 2rem;
  }

  .path-taxonomy .node.node--type-book.node--view-mode-teaser.ds-3col-stacked {
    grid-template-columns: 96px minmax(0, 1fr);
  }
}


/* BOOK CARD */
.node .field--type-image {
    float: none;
    margin:0;
}

.node--type-book.node--view-mode-card.ds-2col-stacked-fluid { 
background:#fff;
border-radius:0;
display:flex;
flex-direction:column;
width:100%;
height:100%;
}

.node--type-book.node--view-mode-card.ds-2col-stacked-fluid .field--type-image {
aspect-ratio: 3 / 4;
overflow: hidden;
}

.node--type-book.node--view-mode-card.ds-2col-stacked-fluid .field--type-image img {
margin-bottom:0em;
display:block;
width:100%;
height:100%;
object-fit:cover;
border-radius:0;
}

.node--type-book.node--view-mode-card.ds-2col-stacked-fluid .field--name-node-title {
padding: 20px 20px 0 20px;
}

.node--type-book.node--view-mode-card.ds-2col-stacked-fluid .field--name-field-author {
padding:5px 20px 0 20px;
        font-family: 'Dosis', sans-serif;
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: .1rem;
margin-bottom:0;
}

.node--type-book.node--view-mode-card.ds-2col-stacked-fluid .field--name-field-illustrator {
padding:0px 20px 0 20px;
        font-family: 'Dosis', sans-serif;
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: .1rem;
margin-bottom:0;

}

.node--type-book.node--view-mode-card.ds-2col-stacked-fluid .field--name-field-illustrator a {
border-bottom:none;
}

.node--type-book.node--view-mode-card.ds-2col-stacked-fluid .field--name-field-author a {
border-bottom:none;
}

.node--type-book.node--view-mode-card.ds-2col-stacked-fluid .field--name-body {
padding:20px 20px 10px 20px;
font-family: 'Literata', serif;
font-size:18px;
line-height:1.6;
flex:1 1 auto;
}

.node--type-book.node--view-mode-card.ds-2col-stacked-fluid h2 {
  margin-top:0;
  margin-bottom:0;
  font-weight:400;
  font-family: 'Dosis', sans-serif;
}

.node--type-book.node--view-mode-card .field--name-body {
    margin-bottom: 1em;
    font-family: 'Literata', serif;
    font-size:18px;
    line-height:1.6;
}

.page-node-type-home-page .view-id-diverse .view-content .views-row,
.page-node-type-home-page .region.region-content-secondary .views-row {
display:flex;
}

.page-node-type-home-page .view-id-diverse .view-content .views-row > *,
.page-node-type-home-page .region.region-content-secondary .views-row > * {
width:100%;
}

.page-node-type-home-page .node--type-book.node--view-mode-card .button-container {
margin-top:auto;
padding:0 20px 20px;
}

.page-node-type-home-page .node--type-book.node--view-mode-card .button-container div {
width:100%;
padding:0;
}

.page-node-type-home-page .node--type-book.node--view-mode-card .button-container a {
display:flex;
align-items:center;
justify-content:center;
width:100%;
min-height:40px;
padding:10px 12px;
box-sizing:border-box;
border:1px solid #025f9c;
border-radius:4px;
background:transparent;
color:#025f9c;
white-space:nowrap;
font-size:15px;
letter-spacing:.06rem;
line-height:1;
}

.page-node-type-home-page .node--type-book.node--view-mode-card .button-container a:hover,
.page-node-type-home-page .node--type-book.node--view-mode-card .button-container a:focus {
background:#025f9c;
border-color:#025f9c;
color:#fff;
}

@media only screen and (max-width: 70em) {
.front-shelf__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.featured-collections__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media only screen and (max-width: 40em) {
.front-shelf__header {
display: grid;
align-items: start;
}

.front-shelf__grid {
grid-template-columns: 1fr;
}

.featured-collections__grid {
grid-template-columns: 1fr;
}
}

/* COLLECTION AND PERSON PAGE REFINEMENTS */
.path-taxonomy .page-title,
.path-taxonomy .taxonomy-term .field--name-description,
.page-node-type-person .node--type-person .field--name-title,
.page-node-type-person .node--type-person .field--name-field-first-name,
.page-node-type-person .node--type-person .field--name-field-last-name {
display:none;
}

.term-hero,
.person-hero {
border-top:1px solid #d9d2cc;
border-bottom:1px solid #d9d2cc;
margin:0 0 28px;
padding:20px 0 18px;
}

.term-hero--metadata {
border-top-color:#e4ddd7;
border-bottom-color:#e4ddd7;
}

.term-hero__header,
.person-hero__header {
max-width:980px;
}

.term-hero__eyebrow,
.person-hero__eyebrow {
font-family:'Dosis', sans-serif;
font-size:12px;
font-weight:600;
letter-spacing:.14rem;
margin:0 0 10px;
text-transform:uppercase;
color:#025f9c;
}

.term-hero__title,
.person-hero__title {
font-family:"Kalam", cursive;
font-size:44px;
line-height:1.05;
margin:0 0 14px;
color:#1c2a38;
}

.term-hero__summary,
.page-node-type-person .node--type-person .field--name-body {
font-family:'Literata', serif;
font-size:20px;
line-height:1.7;
max-width:900px;
margin:0 0 14px;
color:#28323c;
}

.term-hero__meta,
.person-hero__meta {
display:flex;
flex-wrap:wrap;
gap:10px 18px;
font-family:'Dosis', sans-serif;
font-size:14px;
font-weight:600;
letter-spacing:.05rem;
margin:0;
text-transform:uppercase;
color:#5f6b76;
}

.term-hero__related {
display:flex;
flex-wrap:wrap;
gap:10px;
margin-top:16px;
}

.term-hero__chip {
display:inline-flex;
align-items:center;
min-height:38px;
padding:8px 14px;
border:1px solid #b8cad8;
border-radius:4px;
font-family:'Dosis', sans-serif;
font-size:15px;
font-weight:600;
color:#01406a;
background:transparent;
}

.term-hero__chip:hover,
.term-hero__chip:focus {
color:#00416b;
border-color:#00416b;
}

.path-taxonomy .taxonomy-term.vocabulary-tags .content,
.path-taxonomy .view-content {
margin-top:0;
}

.path-taxonomy .view-content {
display:grid;
grid-template-columns:1fr;
gap:22px;
}

.path-taxonomy .views-row {
min-width:0;
display:flex;
padding:0;
border-top:0;
}

.path-taxonomy .views-row:first-child {
padding-top:0;
}

.path-taxonomy .views-row > * {
min-width:0;
width:100%;
}

.path-taxonomy .node.node--type-book.node--view-mode-teaser.ds-3col-stacked {
display:grid;
grid-template-columns:180px minmax(0, 1fr);
gap:0 22px;
width:100%;
padding:0 0 22px;
border-bottom:1px solid rgba(21, 37, 54, 0.12);
background:transparent;
}

.path-taxonomy .node.node--type-book.node--view-mode-teaser.ds-3col-stacked > * {
float:none;
}

.path-taxonomy .node.node--type-book.node--view-mode-teaser .group-left,
.path-taxonomy .node.node--type-book.node--view-mode-teaser .group-middle,
.path-taxonomy .node.node--type-book.node--view-mode-teaser .group-right {
width:auto;
padding:0;
box-sizing:border-box;
}

.path-taxonomy .node.node--type-book.node--view-mode-teaser .group-header,
.path-taxonomy .node.node--type-book.node--view-mode-teaser .group-footer,
.path-taxonomy .node.node--type-book.node--view-mode-teaser .group-right {
display:none;
}

.path-taxonomy .node.node--type-book.node--view-mode-teaser .group-left {
display:block;
grid-column:1;
grid-row:1;
width:180px;
align-self:start;
min-width:180px;
overflow:hidden;
}

.path-taxonomy .node.node--type-book.node--view-mode-teaser .group-middle {
display:flex;
flex-wrap:wrap;
grid-column:2;
grid-row:1;
min-width:0;
max-width:100%;
overflow:hidden;
column-gap:0;
row-gap:8px;
align-content:flex-start;
align-items:flex-start;
}

.path-taxonomy .node.node--type-book.node--view-mode-teaser .field--type-image {
aspect-ratio:2 / 3;
overflow:hidden;
margin:0;
display:block;
background:#fff;
}

.path-taxonomy .node.node--type-book.node--view-mode-teaser .field--type-image a {
display:block;
height:100%;
}

.path-taxonomy .node.node--type-book.node--view-mode-teaser .field--type-image img {
display:block;
width:100%;
height:100%;
object-fit:cover;
object-position:center;
margin:0;
border-radius:0;
}

.path-taxonomy .node.node--type-book.node--view-mode-teaser h2 {
flex:0 0 100%;
margin:0;
font-family:'Dosis', sans-serif;
font-size:1.8rem;
font-weight:500;
line-height:1.08;
}

.path-taxonomy .node.node--type-book.node--view-mode-teaser .author-and-illustrator {
flex:0 0 100%;
display:flex;
flex-wrap:wrap;
align-items:baseline;
gap:0;
margin:0;
font-family:'Dosis', sans-serif;
font-size:14px;
font-weight:700;
letter-spacing:.08rem;
text-transform:uppercase;
}

.path-taxonomy .node.node--type-book.node--view-mode-teaser .author-and-illustrator .field--name-field-author,
.path-taxonomy .node.node--type-book.node--view-mode-teaser .author-and-illustrator .field--name-field-illustrator {
margin:0;
display:inline-flex;
flex:0 0 auto;
width:auto !important;
max-width:max-content;
font:inherit;
letter-spacing:inherit;
text-transform:inherit;
}

.path-taxonomy .node.node--type-book.node--view-mode-teaser .author-and-illustrator .field--name-field-illustrator::before {
content:" / ";
margin:0 10px;
}

.path-taxonomy .node.node--type-book.node--view-mode-teaser .field--name-body {
flex:0 0 100%;
margin:4px 0 0;
font-family:'Literata', serif;
font-size:18px;
line-height:1.6;
}

.path-taxonomy .node.node--type-book.node--view-mode-teaser .button-container {
flex:0 0 100%;
display:flex;
flex-wrap:wrap;
gap:12px;
padding-top:8px;
}

.path-taxonomy .node.node--type-book.node--view-mode-teaser .button-container div {
width:auto;
padding:0;
flex:0 0 auto;
}

.path-taxonomy .node.node--type-book.node--view-mode-teaser .button-container a {
display:inline-block;
width:auto;
padding:12px 18px;
border:1px solid #025f9c;
border-radius:4px;
background:transparent;
color:#025f9c;
white-space:nowrap;
}

.path-taxonomy .node.node--type-book.node--view-mode-teaser .button-container .field--name-node-link a {
background:#025f9c;
color:#fff;
}

.path-taxonomy .node.node--type-book.node--view-mode-teaser .button-container .field--name-node-link a:hover,
.path-taxonomy .node.node--type-book.node--view-mode-teaser .button-container .field--name-node-link a:focus {
background:#00416b;
border-color:#00416b;
color:#fff;
}

.path-taxonomy .node.node--type-book.node--view-mode-teaser .button-container .field--name-field-buy-link a {
border-width:2px;
}

.path-taxonomy .node.node--type-book.node--view-mode-teaser .button-container .field--name-field-buy-link a:hover,
.path-taxonomy .node.node--type-book.node--view-mode-teaser .button-container .field--name-field-buy-link a:focus {
background:#025f9c;
color:#fff;
}

.page-node-type-person .node.node--type-person.node--view-mode-full {
max-width:900px;
margin-bottom:32px;
}

.person-books {
margin-top:34px;
padding-top:24px;
border-top:1px solid #d9d2cc;
}

.person-books__header {
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:12px;
margin-bottom:18px;
}

.person-books__title {
margin:0;
font-size:2rem;
}

.person-books__grid {
display:grid;
grid-template-columns:repeat(5, minmax(0, 1fr));
gap:24px;
}

.person-books__item {
min-width:0;
}

.front-shelf__header {
align-items:end;
}

.front-shelf__description {
max-width:760px;
}

.front-shelf__grid {
grid-template-columns:repeat(5, minmax(0, 1fr));
}

.page-node-type-book .field--name-field-language a,
.page-node-type-book .field--name-field-genre a,
.page-node-type-book .field--name-field-gender a,
.page-node-type-book .field--name-field-ethnicity-race-culture a,
.page-node-type-book .field--name-field-themes a {
color:inherit;
text-decoration:none;
pointer-events:none;
}

@media only screen and (max-width: 76em) {
.person-books__grid {
grid-template-columns:repeat(3, minmax(0, 1fr));
}
}

@media only screen and (max-width: 56em) {
.term-hero__title,
.person-hero__title {
font-size:34px;
}

.person-books__grid {
grid-template-columns:repeat(2, minmax(0, 1fr));
}

.path-taxonomy .node.node--type-book.node--view-mode-teaser.ds-3col-stacked {
grid-template-columns:170px minmax(0, 1fr);
}

.path-taxonomy .node.node--type-book.node--view-mode-teaser .group-left {
width:170px;
min-width:170px;
}
}

@media only screen and (max-width: 52em) {
.path-taxonomy .node.node--type-book.node--view-mode-teaser.ds-3col-stacked {
grid-template-columns:150px minmax(0, 1fr);
gap:0 18px;
}

.path-taxonomy .node.node--type-book.node--view-mode-teaser .group-left {
width:150px;
min-width:150px;
}
}

@media only screen and (max-width: 40em) {
.person-books__grid {
grid-template-columns:1fr;
}

.path-taxonomy .node.node--type-book.node--view-mode-teaser.ds-3col-stacked {
grid-template-columns:1fr;
gap:14px;
}

.path-taxonomy .node.node--type-book.node--view-mode-teaser .group-left,
.path-taxonomy .node.node--type-book.node--view-mode-teaser .group-middle {
grid-column:auto;
grid-row:auto;
width:auto;
}
}

/* SITE FOOTER */
.site-footer {
background:#152536;
font-family: 'JetBrains Mono', monospace;
color:#faf7f4;
}


/* 404 */



</style>
