<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;
}

.region.region-content-secondary .views-row {
flex:1;
width:23%;
max-width:23%;
}
}

/* 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: 1em;
    box-sizing: border-box;
    border-radius:6px;
    width: 100%;
    display: block;
    text-align: center;
    background-color:#025f9c;
    color:#fff;
    font-family:'Dosis', sans-serif;
    text-transform: uppercase;
        font-weight: 600;
        letter-spacing: .1em;
    border:0;
}

.button-container a:hover {
background-color:#01406a;
border:0;
}

.view-id-diverse .view-content {
    display: flex;
    justify-content: space-between;
}

.view-id-diverse .view-content .views-row {
width:24%;
max-width:24%;
}

.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: 0;
  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;
  margin-bottom: 6px;
  font-family: 'Dosis', sans-serif;
  font-size: 10px;
  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;
  margin-bottom: 6px;
  font-family: 'Dosis', sans-serif;
  font-size: 10px;
  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-size: .98rem;
  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: grid;
  grid-template-columns: 108px minmax(0, 1fr);
  column-gap: 12px;
  align-items: start;
}

.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 {
  grid-column: 1;
  margin-bottom: 0;
}

.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 {
  grid-column: 1;
  margin-bottom: 0;
}

.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: 2;
}

.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: 56px;
  min-width: min(100%, 320px);
  padding: 16px 24px;
  border-radius: 4px;
  background: #025f9c;
  color: #fff;
  font-family: 'Dosis', sans-serif;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: .12rem;
  text-transform: uppercase;
  border: 1px solid #025f9c;
  text-decoration: none;
}

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

.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-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%;
  border: 1px solid rgba(21, 37, 54, 0.14);
  border-radius: 2px;
}

.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-size: .96rem;
  line-height: 1.55;
}

.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: 13px;
  font-weight: 700;
  letter-spacing: .08rem;
  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:8px;
}

.node--type-book.node--view-mode-card.ds-2col-stacked-fluid .field--type-image img {
margin-bottom:0em;
border-radius:8px 8px 0 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;
}

.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;
}

/* SITE FOOTER */
.site-footer {
background:#152536;
font-family: 'JetBrains Mono', monospace;
color:#faf7f4;
}


/* 404 */



</style>
