/*
1. FRONT PAGE
2. BOOKSTORE
3. MAGAZINE
*/

/*
*************************************************************************
*************************************************************************
1. FRONT PAGE
*************************************************************************
*************************************************************************
*/
/***************** FRONT PAGE: Featured Items ***************************/
/* Wrapper */
.front .paragraph--type--featured-items-section {
  background-color: #f9f4ef;
  padding: 3rem 0;
}
/* Wrapper > Grid  */
.paragraph--type--featured-items-section .field--name-field-featured-items { /* <------ This block contains the featured content */
  display: grid;
  grid-template-columns: 95%;
  justify-content: center;
  padding: 1rem 0 4rem 0 !important;
}
.paragraph--type--featured-items-section .field--name-field-featured-items > .field__item {
  background-color: #f5f2efec;
  border-bottom: 1px solid #dedede;
  border-radius: 40px;
  padding: 1rem;
}

/* Text color */
.front .paragraph--type--featured-items-section,
.front .paragraph--type--featured-items-section a {
  color: #000 !important;
}

/* Header (centered) */
.front .paragraph--type--featured-items-section .field--name-field-section-heading {
  display: flex;
  justify-content: center;
  font-weight: 100;
  font-size: 1rem;
  font-family: "MADE Tommy Soft", sans-serif;
  text-transform: uppercase;
  text-decoration-line: underline;
  text-decoration-color: #fecc41;
  text-decoration-thickness: 2px;
  text-underline-position: under;
  margin-bottom: 0rem;
  margin-top: 1rem;
}

/* Title */

/* Subtitle */
.front .block-field-blockcommerce-productbookfield-text-subtitle {
  font-size: 1rem;
  font-style: italic;
  text-align: left;
  line-height: 120%;
}

/* Author */
.front .paragraph--type--featured-items-section .field--name-field-podcast,
.front .paragraph--type--featured-items-section .field--name-field-podcast a,
.front .paragraph--type--featured-items-section .field--name-field-plaintext-author,
.front .paragraph--type--featured-items-section .field--name-field-linked-author a {
  text-decoration: none;
  color: #0067b2 !important;
  line-height: 140% !important;
  font-family: "MADE Tommy Soft", sans-serif;
  font-weight: 100;
}


/* Date */
.front .paragraph--type--featured-items-section .field--name-created,
.front .paragraph--type--featured-items-section .field--name-created a,
.front .paragraph--type--featured-items-section .field--name-field-publication-date,
.front .paragraph--type--featured-items-section .field--name-field-publication-date a {
  margin: 0 !important;
  line-height: 120%;
  color: #666;
}

/* Podcast and Video */
.front .paragraph--type--featured-items-section .node--type-podcast-episode,
.front .paragraph--type--featured-items-section .node--type-video {
  max-width: 95%;
  display: flex; /* This allows "justify-content: center" to work */
  justify-content: center;
  padding: 1rem;
}

/* Images */
.front .paragraph--type--featured-items-section img {
  width: 100%;
}

/* Books and Sets > Grid layout */
.front .paragraph--type--featured-items-section .field__item article .layout--onecol > div {
  display: grid;
  margin-bottom: 0 !important;
  max-width: 90%;
  padding: 1rem;
}
.front .paragraph--type--featured-items-section .block-field-blockcommerce-productbookdefault-variation,
.front .paragraph--type--featured-items-section .block-field-blockcommerce-productsetfield-media-set-image { /* <---- Books in New City section */
  line-height: 0;
  text-align: right;
  grid-column: 1;
  grid-gap: 2rem;
  grid-row: 1 / span 5;
  vertical-align: top;
  justify-content: right;
  margin-left: 0;
  padding: 0 1rem 1rem 0;
}
/* Books and sets > Grid layout > Title grid position */
.front .paragraph--type--featured-items-section .block-field-blockcommerce-productbooktitle,
.front .paragraph--type--featured-items-section .block-field-blockcommerce-productsettitle {
  grid-column: 2;
  grid-row: 1;
  display: grid;
  margin: 0;
  padding: 0;
}
/* Books and Sets > Grid layout > Subtitle grid position */
.front .block-field-blockcommerce-productbookfield-text-subtitle {
  grid-column: 2;
  grid-row: auto;
  margin: 0 !important;
  padding: 0 !important;
}

/* Misc > Fixing the odd spacing on book titles */
.front .paragraph--type--featured-items-section .block-field-blockcommerce-productbooktitle div {
  margin: 0 !important;
}
/* Misc > Hiding the categories that show up on the articles */
.front .paragraph--type--featured-items-section .field--name-field-magazine-categories {
  display: none !important;
}


@media all and (min-width: 800px) {
          .front .paragraph--type--featured-items-section .node--type-podcast-episode,
          .front .paragraph--type--featured-items-section .node--type-video {
          display: inherit; /* This neutralizes "justify-content: center" */
          }
          .front .paragraph--type--featured-items-section .field--name-field-section-heading {
          font-size: 1.2rem;
          }
          }
@media all and (min-width: 1250px) {
          .paragraph--type--featured-items-section .field--name-field-featured-items { /* <------ This block contains the featured content */
          grid-template-columns: 48% 48%;
          column-gap: 4%;
          row-gap: 4%;
          }
          .front .paragraph--type--featured-items-section .node--type-podcast-episode,
          .front .paragraph--type--featured-items-section .node--type-video,
          .front .paragraph--type--featured-items-section .field__item article .layout--onecol > div {
          min-width: 90%;
          }
          /* Title */
          .front .paragraph--type--featured-items-section h3,
          .front .paragraph--type--featured-items-section .field--name-title,
          .front .paragraph--type--featured-items-section h3 a,
          .front .paragraph--type--featured-items-section .field--name-title a,
          .front .paragraph--type--featured-items-section .node--type-podcast-episode h3 a,
          .front .paragraph--type--featured-items-section .node--type-video h3 a,
          .front .paragraph--type--featured-items-section .node--type-podcast-episode h3,
          .front .paragraph--type--featured-items-section .node--type-video h3  {
          font-size: 1.5rem;
          }
          /* Subtitle */
          .front .block-field-blockcommerce-productbookfield-text-subtitle {
          font-size: 1.1rem;
          }

          /* Author */
          /* This modifies a mysterious outlier */
          .front .paragraph--type--featured-items-section .field.field--name-field-plaintext-author {
            font-size: 1rem;
            margin: .3rem 0;
          }
          /* Date */
          .front .paragraph--type--featured-items-section .field--name-created,
          .front .paragraph--type--featured-items-section .field--name-created a,
          .front .paragraph--type--featured-items-section .field--name-field-publication-date,
          .front .paragraph--type--featured-items-section .field--name-field-publication-date a {
          font-size: .8rem;
          font-family: "MADE Tommy Soft", sans-serif;
          }

          /* Podcast and Video */
          .front .paragraph--type--featured-items-section .node--type-podcast-episode,
          .front .paragraph--type--featured-items-section .node--type-video {
          max-width: 95%;
          display: flex; /* This allows "justify-content: center" to work */
          justify-content: center;
          padding: 1rem;
          }

}

/***************** Featured Content section *******************/
.paragraph--type--featured-content {
    background-color: #00497f;
    color: #fff;
    padding: 2rem 0;
    border: none;
}

.paragraph--type--featured-content h2{
    padding-top: 1rem;
    padding-bottom: 2rem;
}

.paragraph--type--featured-content h2 a {
    font-family: "Charter", serif;
    text-transform: capitalize;
    font-size: 2.2rem;
    font-weight: 200;
    text-decoration: none;
    color: #FFF;
}
.paragraph--type--featured-content p,
.paragraph--type--featured-content h2 {
    margin: 0 3rem;
}

.paragraph--type--featured-content fieldset {
    border: none;
    grid-column-start: 2;
}


@media all and (min-width: 800px) {
    /* .paragraph--type--featured-content { */
    .paragraph--type--featured-content {

    }
    .field--name-field-featured-content {
	margin: 0 auto;
    }
    /* The div that needs to be the container unfortunately is ambiguously
   named */
    .field--name-field-featured-content article > div:nth-child(1) {
	display: grid;
        grid-template-columns: 47% 47%;
        gap: 5%;
	align-items: center;
	padding: 0 3rem;
	margin: 0 auto;
    }
    .paragraph--type--featured-content p,
    .paragraph--type--featured-content h2 {
	margin: 0;
    }
}

@media all and (min-width: 1250px) {
    .field--name-field-featured-content {
	max-width: 1250px;
    }
}


/***************** FRONT PAGE: Menu ***************************/
/* Wrapper */
.front .paragraph--type--reusable-block {
  background-color: #0067B2;
}
.front .paragraph--type--reusable-block > #block-frontpagemenu {
  padding-bottom: 4rem;
}
/* Constrained */
#block-frontpagemenu {
  padding: 3rem 2rem 4rem;
  color: #fff;
  font-family: "MADE Tommy Soft", sans-serif;
  line-height: 120%;
}

/* Blurb */
.front #block-frontpagemenu p {
  font-size: 1.3rem;
  font-family: "Charter", serif;
  line-height: 140%;
  padding: 1rem 0;
}

/* Menu > Grid */
.front .paragraph--type--landing-page-menu-item {
  border-bottom: 2px solid;
  padding: 1.2rem 0;
  display: grid;
  max-width: 100%;
  grid-template-columns: 30% 65%;
  grid-template-rows: 50% 30% 20%;
}

/* Links */
.front #block-frontpagemenu a {
  color: #fff;
  text-decoration: none;
  font-weight: 400;
  font-size: 1.2rem;
  letter-spacing: .05rem;
}
#block-frontpagemenu a:hover {
  color: #FFC63E;
}
#block-frontpagemenu img {
  max-width: 60%;
  text-align: center;
}


/* Title */
#block-frontpagemenu .field--name-field-link {
  width: 15ch; /* This shortens so that "Magazine" and "Bookstore" appear on the next line */
  margin-top: .5rem;
  grid-column: 2;
  grid-row: 1;
}
#block-frontpagemenu .field--name-field-link a {
  font-size: 1.3rem;
  text-transform: uppercase;
  font-weight: 600;
}
/* Subtitle */
#block-frontpagemenu .landing-page-menu--field-tag-line  {
  font-weight: 100;
  font-size: .9rem;
  line-height: 120%;
  grid-row: 1;
  grid-column: 2;
  padding: 4.5rem 0 1rem;
}

/* Icons */
#block-frontpagemenu .landing-page-more-link {
  grid-column: 2;
  display: none;
}
#block-frontpagemenu a.landing-page-more-link {
  background: url(/sites/default/files/2023-06/circle-arrow-with-white.png) 0 0 no-repeat;
  color: transparent;
  padding: 1rem;
  text-align: right;
}


@media all and (min-width: 1000px) {
    #block-frontpagemenu .landing-page-more-link {
        display: block;
    }
    #block-frontpagemenu  {
        display: grid;
        grid-template-columns: 40% 60%;
        margin: 0 auto;
        max-width: 1250px;
    }
    .front #block-frontpagemenu p {
        font-size: 2rem;
        margin-right: 4rem;
    }
    .front .paragraph--type--landing-page-menu-item {
        grid-template-columns: 20% 60% 20%;
    }
    #block-frontpagemenu .field--name-field-link {
        margin: 0;
        padding: .5rem 0 0;
    }
    #block-frontpagemenu .landing-page-menu--field-icon {
        padding-left: 10%;
        grid-column: 1;
        grid-row: 1 / 4;
    }
    #block-frontpagemenu a {
        font-size: 1.4rem;
    }
    #block-frontpagemenu .field--name-field-tag-line {
        font-size: 1.2rem;
    }
    #block-frontpagemenu a.landing-page-more-link {
        grid-column: 3;
	grid-row: 1 / -1;

        margin-top: 1rem;
        margin-left: 2rem;
        display: block; /* Not visible on smaller screens */
    }
}

/***************** FRONT PAGE: Living City Magazine ***************************/
.front .region.region-content {
  background-color: #F9F4EF;
}
/* Wrapper */
.front .field__item > div.living-city {
  background-color: #F9F4EF;
  margin-top: 0;
  padding: 3rem 0;
  max-width: 1250px;
}

/* Image */
.front .living-city .field--name-field-hero-article .field--name-field-featured-image {
  margin-top: 0rem;
  overflow: hidden;
}
.front .living-city .field--name-field-hero-article .field--name-field-featured-image img {
  width: 100%;
  border-radius: 0 40px;
}

/* Heading */
.front .living-city .field--name-field-section-heading {
    margin-left: 2rem;
}

/* Title */

/* Hero title */
.front .living-city .field--name-field-hero-article h3 a {
  font-size: 130% !important;
}

/* Categories */
.field--name-field-magazine-categories {
  display: inline-flex;
  flex-wrap: wrap;
  gap: .3rem;
  justify-content: left;
}

/* Date */
.front .living-city .field--name-field-podcast
.front .living-city .field--name-created {
  font-size: 1rem;
  padding: 1rem 0;
}

/* Wrappers */
.front .living-city .field--name-field-hero-article,
.front .living-city .field--name-field-featured-articles{
  display: grid;
  padding: 1rem;
  margin: 1rem;
  background-color: #f5f2efec;
  border-bottom: 1px solid #dedede;
  border-radius: 40px;
}
.front .living-city .node--view-mode-list-view .node__content {
  padding-bottom: 3rem;
}


/* Sidebar > Header */
.front .living-city .paragraph--type--articles-section .field--name-field-featured-articles h2 {
  font-family: "Charter", serif;
  text-transform: inherit;
  letter-spacing: 0;
  font-size: 1.3rem;
  line-height: 110%;
}
.front .paragraph--type--articles-section .field--name-field-featured-articles h2 a {
  border-bottom: 0;
  text-decoration: none;
}

/* More Link */
.front .living-city .field--name-field-banner-link.field__item {
  margin: 0rem 1rem 2rem;
}
.front .living-city .field--name-field-banner-link {
  padding-top: 3rem;
}
.front .living-city .field--name-field-banner-link a {
  font-size: .8rem;
}

/* Misc */
.front .living-city .node a {
  text-decoration: none; /* This removes the underline */
}

@media screen and (min-width: 800px) {
        /* Wrapper */
        .front .field__item > div.living-city {
        margin-left: calc(50% - 50vw);
        }
        .front .living-city .field--name-field-hero-article,
        .front .living-city .field--name-field-featured-articles{
        margin: 0rem;
        }
        /* Constrained width */
        .front .living-city.paragraph.paragraph--type--articles-section {
          display: grid;
          grid-template-columns: 80%;
          margin: 0 auto;
        }

        /* Hero > Image */
        .front .living-city .field--name-field-hero-article .image-style-large {
          border-radius: 0 60px 0 60px;
        }
        .front .living-city .field--name-field-hero-article  .field--name-field-featured-image img {
          width: 100%;
        }

        /* Hero > Title */
        /* Hero title */
        .front .living-city .field--name-field-hero-article h3 a {
          font-size: 160% !important;
          margin-top: 1rem;
          padding-bottom: 2rem;
        }
        .front .field--name-field-hero-article h3 a {
          font-weight: 200;
          font-size: 3rem;
          text-decoration: none;
        }

        /* Hero Author */
        .front .living-city .field--name-field-hero-article .paragraph--type--linked-author a {
          font-size: 1.4rem;
        }
        .field--name-field-banner-link.field__item {
          margin: 0rem 0rem 2rem;
        }


@media screen and (min-width: 1250px) {
        /* Wrapper */
        .front .field__item > div.living-city {
          margin-left: calc(50% - 50vw);
          width: 100vw;
        }
        /* Constrained width */
        .front .living-city.paragraph.paragraph--type--articles-section {
          grid-template-columns: 60% 35%;
          margin: 0 auto;
          display: grid;
        }
        .front .living-city .field--name-field-featured-image img {
          width: 100%;
        }
        /* Header */
        .front .living-city .field--name-field-section-heading {
          text-align: left;
          margin-left: 1rem !important;
        }
        /* Hero > Wrapper */
        .front .living-city .field--name-field-hero-article {
          margin-left: 1rem;
          width: 90%;
          grid-column: 1;
          grid-row: 2;
        }
        /* Hero > Date */
        .front .living-city .field--name-field-hero-article .field--name-created {
          padding: 2rem 0;
        }
        /* Sidebar Titles */
        .front .living-city .field--name-field-featured-articles {
        grid-column: 2;
        grid-row: 2;
        }
        /* More Link */
        .front .living-city .field--name-field-banner-link {
          grid-column: 2;
          grid-row: 3;
          padding-top: 6rem;
        }
        .front .living-city .field--name-field-banner-link a {
          font-size: .9rem;
        }


        /* More Link */
        .field--name-field-banner-link.field__item {
          margin: 0 auto;
        }
      }
    }

/***************** FRONT PAGE: New City Press ***************************/

/* Wrapper */
.paragraph--type--products-section {
  background-color: #333;
  padding: 3rem 2rem;
  color: #fff;
}

/* Item Wrapper */
.new-city .field__item > div {
  background: #202020;
  border-bottom: 1px solid #333;
  border-radius: 0 40px;
  color: #fff;
  font-size: 1.3rem;
  margin: 1rem;
  max-width: 80%;
  padding: 2rem;
  text-align: left;
  margin-left: 0 !important;
  margin-bottom: 2rem;
}

/* Fix some attributes inherited from the above section */
.new-city .field__item > div .field--name-field-paragraph-authors,
.new-city .field__item > div .field--name-field-paragraph-authors > div div {
    border: none;
    border-radius: 0;
    padding: 0rem;
    margin: 0rem;
    max-width: 100%;
}

/* Links */
.new-city .field--name-field-section-heading a,
.new-city .field--name-field-banner-link a {
  color: #fff !important;
}

/* Images */
.paragraph--type--products-section img {
  width: 100%;
}

/* Title */
.new-city .field--name-title,
.new-city .field--name-title a {
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 120%;
  color: #fff;
  font-style: italic;
}

/* Subtitle */
.new-city .field--name-field-text-subtitle {
  color: #fff;
  font-size: 1.2rem;
  font-style: italic;
  margin-bottom: 0.5rem;
}

/* Author */
.new-city .paragraph--type--plaintext-author,
.new-city .field--name-field-linked-author,
.new-city .field--name-field-linked-author a {
  color: #ffdc8e !important;
  margin-top: 2rem;
}

/* Price */
.new-city .field--name-price {
  font-family: "MADE Tommy Soft", sans-serif;
  padding-top: 1rem;
  padding-bottom: 1rem;
  color: #999;
}




@media screen and (min-width: 800px) {

        /* Item container */
        .new-city .layout__region--content {
          max-width: 70%;
        }
        /* Heading */


        /* More Link */
        .views-display-link,
        .field--name-field-banner-link {
          font-size: 1.3rem;
        }

        /* Title */
        .new-city .field--name-title,
        .new-city .field--name-title a {
          font-size: 1.6rem;
          padding-top: .5rem;
        }

        /* Subtile */
        .new-city .field--name-field-featured-products .field--name-field-text-subtitle {
          font-size: 1.3rem;
        }
}
@media screen and (min-width: 1250px) {
  /* Item container */
  .new-city .layout__region--content {
    max-width: 80%;
  }
}


/*
*************************************************************************
*************************************************************************
2. BOOKSTORE
*************************************************************************
*************************************************************************
*/
/* Page Title */
.page-bookstore h1 {
  display: none; /*Hides the title */
}
/* Price */
.page-bookstore .field--name-price,
.paragraph--type--featured-product .field--name-price {
  margin-top: 2rem;
  color: #ffdc8e;
  font-family: "MADE Tommy Soft", sans-serif;
  /* margin-bottom: 1rem; */
}
.page-bookstore select {
  font-size: .7rem;
}



/***************** BOOKSTORE: Featured Product ***************************/

/* Featured Product > Wrapper */
.paragraph--type--featured-product {
  background-color: #f9f4ef;
  padding: 3rem;
  padding-bottom: 5rem;
  margin-bottom: 0rem;
}

/* Featured Product > Image */
/* .paragraph--type--featured-Product .layout--twocol-section > .layout__region img { */
/*   width: 100%; */
/* } */
/* Book Image */
.paragraph--type--featured-product .layout__region img {
  background-color: #f5f2ef;
  border-radius: 0 40px;
  border-bottom: 2px solid #dedede;
  padding: 0rem;
  margin-bottom: 1rem;
  width: 100%;
  max-width: 400px;
}
/* Featured Product > Book Title */
.paragraph--type--featured-product  h3 {
  font-style: italic;
  line-height: 120%;
}
.paragraph--type--featured-product .field--name-title a {
  text-decoration: none;
  color: #000;
  font-size: 2.5rem;
  font-weight: 100;
  line-height: 120%;
}

/* Featured Product > Subtitle */
.paragraph--type--featured-product .block-field-blockcommerce-productbookfield-text-subtitle {
  font-size: 1.2rem;
  font-style: italic;
  line-height: 120%;
}

/* Featured Product > Author */
.paragraph--type--featured-product .paragraph--type--linked-author {
  margin-top: 2rem !important;
}

/* Featured Product > Summary */
.paragraph--type--featured-product .block-field-blockcommerce-productbookbody {
  border-top: 1px solid #dedede;
  font-family: "MADE Tommy Soft", sans-serif;
  font-size: 1rem;
  font-weight: 100;
  line-height: 120%;
  margin-top: 1rem;
  padding: 1rem 0 0 0;
}

/* Featured Product > Price */
.paragraph--type--featured-product .field--type-commerce-price {
    /* position: absolute; */
    /* top: initial; */
    align-items: end;
    font-family: "MADE Tommy Soft";
    padding-top: 3.5rem;
    margin-left: .4rem;
    color: #333;
}

.paragraph--type--featured-product select {
    display: none;
}

/* Featured Product > Add to Cart */
.paragraph--type--featured-product .commerce-order-item-add-to-cart-form {
    padding-top: 0;
}
.paragraph--type--featured-product .form-actions input.button--add-to-cart,
.paragraph--type--featured-product .button--add-to-cart {
    margin-top: 0;
    /* position: relative; */
}



@media all and (min-width: 800px) {
    .paragraph--type--featured-product .layout__region {
        display: grid;
        justify-content: right;
    }
    /* Book Image */
    .paragraph--type--featured-product .layout__region img {
        padding: 2rem;
        width: 80%;
    }
    /* Featured Product > Wrapper > Grid */
    .paragraph--type--featured-product .layout--twocol-section  {
        display: grid;
        grid-template-columns: 45% 45%;
        gap: 5%;
    }
    /* Book Title */
    .paragraph--type--featured-product .field--name-title h3 {
        font-size: 2.1rem;
    }
    /* Book Image wrapper */
    .paragraph--type--featured-product .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--first {
        display: grid;
        margin: 0;
        margin-right: -2rem;
    }
    /* Subtitle */
    .paragraph--type--featured-product .block-field-blockcommerce-productbookfield-text-subtitle {
        font-size: 1.5rem;
        margin-top: 0;
    }
    /* Book Info */
    .paragraph--type--featured-product .layout__region.layout__region--second {
        display: grid;
        justify-content: left;
        padding: 3rem 1rem 3rem 1rem;
        width: 80%;
    }
    .paragraph--type--featured-product .layout__region img {
        padding: 2rem;
        margin-right: 2rem !important;
        margin-top: 1rem;
    }
}
@media all and (min-width: 1250px) {
    .paragraph--type--featured-product .layout__region.layout__region--second {
        padding-left: 0rem !important;
        width: 80%;
    }
    .paragraph--type--featured-product .layout__region img {
        margin-right: 0rem !important;
    }
    /* Book Title */
    .paragraph--type--featured-product .field--name-title h3 {
        font-size: 2.6rem;
    }
}

/***************** BOOKSTORE: Recent Titles ***************************/

/* Recent Titles > Wrapper */
.page-bookstore .paragraph--type--recent-titles {
  background-color: #333;
  padding: 3rem 2rem;
}
/* Recent Titles > Heading */
.page-bookstore .paragraph--type--recent-titles .block-field-blockparagraphrecent-titlesfield-section-heading a,
.page-bookstore .paragraph--type--recent-titles .block-field-blockparagraphrecent-titlesfield-section-heading {
  color: #fff;
  font-weight: 100;
}
/* Recent Titles > Title */
.page-bookstore .paragraph--type--recent-titles .field--name-title h2 a {
  color: #fff !important;
  font-size: 1.5rem;
  font-family: "Charter", serif;
  letter-spacing: .01rem;
  text-transform: initial;
  text-decoration: none;
  font-style: italic;
  font-weight: 600;
}
/* Recent Titles > Subtitle */
.page-bookstore .paragraph--type--recent-titles .block-field-blockcommerce-productbookfield-text-subtitle {
  color: #fff;
  font-size: 1.2rem;
  margin-top: -.5rem;
  font-style: italic;
}

/* Recent Titles > Author */
.page-bookstore .view-sales .paragraph--type--linked-author {
  margin-top: .5rem !important;
}
.page-bookstore .view-sales .paragraph--type--linked-author,
.page-bookstore .view-sales .paragraph--type--linked-author a {
  font-size: .9rem !important;
}

/* Recent Titles > Select */
.page-bookstore .paragraph--type--recent-titles select {
  color: #999;
}

/* Recent Titles > More link */
.page-bookstore .paragraph--type--recent-titles .field--name-field-banner-link a {
  color: #fff !important;
}

/* Item Wrapper */
.page-bookstore .paragraph--type--recent-titles .views-col.col-1,
.page-bookstore .paragraph--type--recent-titles .views-col.col-2,
.page-bookstore .paragraph--type--recent-titles .views-col.col-3 {
  background-color: #202020;
  border-radius: 0 40px;
  padding: 2rem;
  margin: 2rem 0;
  width: 80% !important;
}

@media all and (min-width: 800px) {
  .page-bookstore .paragraph--type--recent-titles .layout__region.layout__region--content .views-row {
    display: grid;
    grid-template-columns: 30% 30% 30%;
    justify-content: space-between;
    gap: 3%;
  }

        .page-bookstore .paragraph--type--recent-titles .views-col.col-1,
        .page-bookstore .paragraph--type--recent-titles .views-col.col-2,
        .page-bookstore .paragraph--type--recent-titles .views-col.col-3 {
          width: 80% !important;
        }
        .page-bookstore .paragraph--type--recent-titles .views-col img {
          width: 100%;
        }
}
@media all and (min-width: 1250px) {

        .page-bookstore .paragraph--type--recent-titles .views-col.col-1,
        .page-bookstore .paragraph--type--recent-titles .views-col.col-2,
        .page-bookstore .paragraph--type--recent-titles .views-col.col-3 {
          width: 80% !important;
          margin: 2rem 15%;
        }
        /* Recent Titles > Wrapper */
        .page-bookstore .paragraph--type--recent-titles {
          padding-left: 0rem;
}
}



/***************** BOOKSTORE: Shop By Categories ***************************/

/* Wrapper */
.paragraph--type--featured-categories-section {
  background-color: #f9f4ef;
  margin-top: -2rem;
  padding: 2rem;
}

/* Heading */
.paragraph--type--featured-categories-section .field--name-field-section-heading {
  font-weight: 100;
  font-family: "MADE Tommy Soft", sans-serif;
  text-transform: uppercase;
  text-decoration-line: underline;
text-decoration-color: #fecc41;
text-decoration-thickness: 2px;
text-underline-position: under;
margin-bottom: 2rem;
margin-top: 2rem;
}

/* Items */
.paragraph--type--featured-categories-section .field__items {
  padding: 1rem 0 4rem 0;
  display: grid;
}
.paragraph--type--featured-categories-section .field__items .field__item {
  flex-basis: 25%;
  padding-bottom: 1.5rem;
}

/* Categories */
.paragraph--type--featured-categories-section .field__items .field__item a {
  text-decoration: none;
  text-transform: uppercase;
  font-family: "MADE Tommy Soft", sans-serif;
  color: #00aeea;
  font-size: .8rem;
  padding: 0.4rem 1rem;
  border: 1px solid #00aeea;
  border-radius: 20px;
  letter-spacing: .05rem;
}

/* This is specific to the book categories */
.section-taxonomy .vocabulary-book-categories .views-row  {
  display: flex;
  flex-flow: column;
  flex-basis: 15rem;
  padding-top: 2rem;
}



/***************** BOOKSTORE: Shop By Sets ***************************/

/* Shop By Sets > Wrapper */
.paragraph--type--featured-sets {
  background-color: #333;
  padding: 3rem 2rem;
}

/* Shop By Sets > Links */
.paragraph--type--featured-sets a,
.paragraph--type--featured-sets .field--name-field-banner-link a {
  color: #fff !important;
}

/* Shop By Sets > Heading */
.paragraph--type--featured-sets .field--name-field-section-heading {
  margin-bottom: 2rem !important;
}
.paragraph--type--featured-sets .field--name-field-section-heading a {
  text-decoration: none;
  font-weight: 100;
}

/* Shop By Sets > Titles */
.paragraph--type--featured-sets h3 a {
  font-weight: 100;
  text-decoration: none;
  line-height: 120%;
  font-size: 1.4rem;
}

/* Shop By Sets > Item */
.paragraph--type--featured-sets .field--name-field-featured-products > div.field__item {
  background-color: #202020;
  border-radius: 0 40px;
  padding: 2rem;
  margin-bottom: 3rem;
}

/***************** BOOKSTORE: Sales ***************************/

/* Sales > Wrapper */
.page-bookstore .paragraph--type--sales-block  {
  background-color: #00528e;
  padding: 2rem;
  padding-bottom: 4rem;
  color: #fff;
  margin-bottom: -2rem !important;
}

/* Header */
.page-bookstore .paragraph--type--sales-block .field--name-field-section-heading a {
  color: #fff;
}

/* Sales > Item */
.page-bookstore .block-field-blockparagraphsales-blockfield-product-variation .field--name-field-product-variation.field__items .field__item > div {
  background-color: #00497f;
  border-radius: 0 40px;
  padding: 2rem;
}
.page-bookstore .block-field-blockparagraphsales-blockfield-product-variation .field--name-field-product-variation.field__items .field__item > div .paragraph--type--linked-author {
  padding: .5rem 0;
  margin-left: 0;
}

/* Links */
.page-bookstore .paragraph--type--sales-block h3 a,
.page-bookstore .paragraph--type--sales-block .field--name-field-banner-link a {
  color: #fff !important;
}

/* Shop By Sets > Titles */
.page-bookstore .block-field-blockcommerce-productbooktitle h2 {
  line-height: 90% !important;
}
.page-bookstore .block-field-blockcommerce-productbooktitle h2 a {
  font-family: "Charter", serif;
  font-weight: 100;
  text-decoration: none;
  font-size: 1.3rem;
  text-transform: initial;
}

/* Sales > Subtitle */
.page-bookstore .view-sales .field--name-field-text-subtitle {
  margin-top: -1rem;
  font-size: 1.1rem;
  line-height: 110%;
}

/* Sales > Author */
.page-bookstore .field--name-field-paragraph-authors a:link,
.page-bookstore .view-sales .field--name-field-plaintext-author,
.page-bookstore .view-sales .field--name-field-linked-author a {
  font-size: 1.2rem;
  font-weight: 200;
  color: #00aeea !important;
}
/* Sales > Sale Price */
.page-bookstore .view-sales .field--name-price {
  margin-top: 1rem;
  color: #FFDC8E;
}

/* Sales > List Price */
.page-bookstore .view-sales .field--name-list-price {
  color: #00aeea;
  display: inline;
  background: linear-gradient(to left top, transparent 47.75%, currentColor 49.5%, currentColor 50.5%, transparent 52.25%);
}

/* Sales > Button */
.add-to-cart-link {
  background-color: #ffdc8e;
  color: #333 !important;
  padding: .5rem 1rem;
  font-size: .8rem;
  border-radius: 0 15px !important;
  margin-top: 3rem !important;
 }
 a.add-to-cart-link {
  font-family: "MADE Tommy Soft", sans-serif;
  color: #333 !important;
  text-transform: uppercase;
  text-decoration: none;
 }

/* Sales > Select */
.page-bookstore .view-sales  select {
  color: #999;
}

/* Misc */
/* This removes the "Format*" from the landing page */
.page-bookstore .form-type-select label,
.paragraph--type--featured-product .form-type-select label {
  display: none;
}

/* This makes the text inside the button black */
.paragraph--type--featured-product .form-type-select button {
  color: #000;
}

/*
*************************************************************************
*************************************************************************
3. MAGAZINE
*************************************************************************
*************************************************************************
*/
/* Page Title */
.page-magazine h1 {
  display: none; /*Hides the title */
}

/***************** MAGAZINE: Lead Section ***************************/

/* Wrapper */
.page-magazine .field--name-field-hero-article {
  padding-bottom: 2rem;
  border-bottom: 1px solid #dedede;
  margin-bottom: 2rem;
}
.page-magazine .paragraph--type--living-city-lead-section {
  background: #f9f4ef;
  padding: 2rem;
}
.paragraph--type--living-city-lead-section .layout--twocol-section {
  flex-wrap: wrap;
}
.paragraph--type--living-city-lead-section .layout__region--second {
  text-align: left;
  padding: 2rem 1rem;
}
.paragraph--type--living-city-lead-section .layout--twocol-section.layout--twocol-section--75-25 > .layout__region--second {
  flex-basis: 100%;
  margin-left: 0;
}

/* Header */
.block-views-blockpopular-articles-block-2 h2,
.paragraph--type--living-city-lead-section .layout__region--second h2 {
  text-transform: uppercase;
  border-bottom: 2px solid #fecc41;
  display: inline;
  margin: 4rem 0 2rem 1rem;
  font-size: 1rem;
}

/* Hero Image */
.paragraph--type--living-city-lead-section .field--name-field-featured-image img {
  border-radius: 0 40px;
  width: 100%;
}

/* Hero > Title */
.paragraph--type--living-city-lead-section h3 {
  text-transform: none;
  margin: 1rem 0 2rem;
}
.paragraph--type--living-city-lead-section h3 a {
  padding: 1rem 0;
  font-family: "Charter", serif;
  text-decoration: none;
  font-size: 2rem;
  font-weight: 300;
  line-height: 120%;
}

/* Hero > Categories */
.paragraph--type--living-city-lead-section .field--name-field-magazine-categories {
  margin: 1rem 0 0rem;
  padding: 0;
}

/* Hero > Author */
.paragraph--type--living-city-lead-section .paragraph.paragraph--type--linked-author a {
  font-size: 1.5rem;
}

/* Hero > Issue */
.paragraph--type--living-city-lead-section .field--name-field-issue,
.paragraph--type--living-city-lead-section .field--name-field-issue a {
  color: #999;
}


@media all and (min-width: 800px) {
          .paragraph--type--living-city-lead-section .layout--twocol-section {
            flex-wrap: wrap;
          }
          .block-views-blockpopular-articles-block-2 h2,
          .paragraph--type--living-city-lead-section .layout__region--second h2 {
            font-size: 1.2rem;
          }
          .page-magazine .paragraph--type--living-city-lead-section .layout--twocol-section--75-25 {
            grid-template-columns: 50% 45%;
            gap: 2rem;
          }
          .paragraph--type--living-city-lead-section h3 a{
            font-size: 3rem;
          }
          .paragraph--type--living-city-lead-section .layout--twocol-section .block-views-blockrecent-articles-block-1 .view-content {
            display: inline-flex;
          }
          .layout--twocol-section.layout--twocol-section--75-25 > .layout__region--first {
            flex-basis: 90%;
            margin-left: 5%;
          }
          .paragraph--type--living-city-lead-section .layout--twocol-section.layout--twocol-section--75-25 > .layout__region--second {
            flex-basis: 100%;
            padding: 3rem;
          }
}
@media all and (min-width: 1250px) {
          .paragraph--type--living-city-lead-section .layout--twocol-section {
            flex-wrap: nowrap;
          }
          .page-magazine .paragraph--type--living-city-lead-section {
            margin-top: 4rem;
          }
          .paragraph--type--living-city-lead-section .layout--twocol-section .block-views-blockrecent-articles-block-1 .view-content {
            display: flex;
            flex-flow: column;
          }
          .layout--twocol-section.layout--twocol-section--75-25 > .layout__region--first {
            flex-basis: 80%;
            margin-left: 0%;
          }
          .paragraph--type--living-city-lead-section .layout--twocol-section.layout--twocol-section--75-25 > .layout__region--second {
            flex-basis: 90%;
            padding: 0 !important;
          }

          .page-magazine .paragraph--type--living-city-lead-section {
            margin-top: 2rem;
          }
        }


/***************** MAGAZINE: Latest Articles ***************************/

.block-views-blockrecent-articles-block-1 {
  padding-top: 3rem !important;
}

.block-views-blockrecent-articles-block-1 .view-recent-articles .views-row {
  padding: 2rem 1rem;
  flex-basis: 30%;
}

/* More Link */
.paragraph--type--living-city-lead-section .layout__region--second .view-footer {
  text-align: right;
  padding-top: 2rem;
}

/* Categories */
.views-field.views-field-field-magazine-categories div {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  padding: .1rem !important;
  margin-bottom: .5rem;
}
.views-field-field-magazine-categories a {
  padding: .2rem .5rem !important;
  border-radius: 20px;
  line-height: 100%;
}

/* Title */
.block-views-blockrecent-articles-block-1 .view-recent-articles .views-field-title {
  margin: 0;
}
.block-views-blockrecent-articles-block-1 .view-recent-articles .views-field-title a {
  font-size: 1.7rem;
  font-family: "Charter", sans-serif;
  font-weight: 300;
  color: #000;
  text-decoration: none;
}

/* Summary */
.block-views-blockrecent-articles-block-1 .views-field-field-summary p {
  margin-top: 0.5rem;
  font-size: 1.1rem !important;
  line-height: 120%;
  color: #333;
  margin-bottom: .5rem;
  font-weight: 100;
}

/* Issue date */
.block-views-blockrecent-articles-block-1 .views-field-field-issue a {
  font-size: .8rem;
  text-decoration: none;
  font-family: "MADE Tommy Soft", sans-serif;
  color: #999;
}


/***************** MAGAZINE: Most Popular ***************************/

/* Wrapper */
.paragraph--type--popular-articles {
  padding: 3rem 2rem;
  background-color: #fff;
}
.paragraph--type--popular-articles .row .views-row .field.field--name-items {
  justify-content: space-around;
}
/* Item wrapper */
.paragraph--type--popular-articles .node--type-magazine-article div.node__content {
  display: flex;
  flex-flow: column;
  padding-bottom: 2rem;
  border-bottom: 1px solid #dedede;
  margin: 1rem 0 1rem;
  flex-wrap: wrap;

}

/* Header */
.paragraph--type--popular-articles h2 {
  margin-top: 2rem !important;
  border-bottom: 2px solid #fecc41;
  display: inline;
  margin-bottom: 3rem;
}

/* Titles */
.paragraph--type--popular-articles .node--type-magazine-article h3 {
  margin: .5rem 0;
  border-bottom: 0;
  text-transform: inherit;
  font-family: "Charter", serif;
}
.paragraph--type--popular-articles .node--type-magazine-article h3 a {
  text-decoration: none;
  font-weight: 300;
}

/* Date */
.paragraph--type--popular-articles .field--name-field-issue a {
  font-family: "MADE Tommy Soft", sans-serif;
  font-size: .8rem;
  color: #999;
  font-weight: 100;
  text-decoration: none;
}

/***************** MAGAZINE: Latest Issues / Archives ***************************/

/* Wrapper */
.paragraph--type--latest-issues-section {
  background-color: #0067B2;
  margin: 0;
  color: #fff;
  padding: 3rem 2rem;
}

/* Links */
.paragraph--type--latest-issues-section a {
  font-family: "MADE Tommy Soft", sans-serif;
  text-decoration: none;
}
.paragraph--type--latest-issues-section a,
.paragraph--type--latest-issues-section .field--name-field-banner-link a {
  color: #fff !important;
}
.paragraph--type--latest-issues-section .views-field.views-field-name {
  font-size: 1.1rem !important;
}


/* Cover issues */
.paragraph--type--latest-issues-section  .block-views-blocklatest-issues-block-1 .views-row {
  padding: 2rem 0rem;
}
/* List */
.paragraph--type--latest-issues-section  .block-views-blocklatest-issues-block-2  {
  padding: 1rem;
  line-height: 150%;
}



@media all and (min-width: 800px) {
          .paragraph--type--latest-issues-section .layout--onecol .layout__region {
            display: grid;
            grid-template-columns: 65% 30%;
          }
          .paragraph--type--latest-issues-section  .block-views-blocklatest-issues-block-1  {
            grid-column: 1;
            grid-row: 2;
          }
          .paragraph--type--latest-issues-section  .block-views-blocklatest-issues-block-1 .view-content{
            display: inline-grid;
            grid-template-columns: 30% 30% 30%;
            gap: 5%;
            margin-top: 3rem;
          }
          /* Archives list */
          .paragraph--type--latest-issues-section  .block-views-blocklatest-issues-block-2  {
            grid-column: 2;
            grid-row: 2;
            padding: 3rem;
            line-height: 200%;
          }
          .paragraph--type--latest-issues-section  .block-views-blocklatest-issues-block-2 .view-content {
            display: flex;
            flex-flow: column;
          }
          /* Cover issues */
          .paragraph--type--latest-issues-section  .block-views-blocklatest-issues-block-1 .views-row {
            padding: 1rem;
          }

          /* Links */
          .paragraph--type--latest-issues-section .block-field-blockparagraphlatest-issues-sectionfield-banner-link {
            margin: 0;
            grid-column: 1 / span 2;
            grid-row: 3;
          }
}

@media all and (min-width: 1250px) {
          .paragraph--type--latest-issues-section {
            padding-left: 0;
          }
}



/***************** MAGAZINE: Subsection A (4 across) ***************************/

.paragraph--type--articles-section-4-articles-acro {
  margin: 0 auto;
  overflow: scroll;
}
.paragraph--type--articles-section-4-articles-acro .field--name-field-section-heading {
  padding: 3rem 0 0rem 2rem;
}
.paragraph--type--articles-section-4-articles-acro .field--name-field-featured-articles {
  display: grid;
  grid-template-columns: 100%;
}
.paragraph--type--articles-section-4-articles-acro .field--name-field-featured-articles .field__item .node__content {
  padding: 2rem;
}
.paragraph--type--articles-section-4-articles-acro h3 {
  margin-top: .5rem;
}
.paragraph--type--articles-section-4-articles-acro h3 a {
  text-decoration: none;
  font-weight: 300;
  margin: 0;
  padding: 0;
}
.paragraph--type--articles-section-4-articles-acro .field--name-field-summary {
  padding-right: 1rem;
  font-size: 1rem;
  font-family: "MADE Tommy Soft", sans-serif;
  font-weight: 100;
  line-height: 1.5rem;
}
/* Reposition the more link */
.paragraph--type--articles-section-4-articles-acro .field--name-field-banner-link {
  height: 4rem;
  margin: 0 2rem;
}


@media all and (min-width: 800px) {
  .paragraph--type--articles-section-4-articles-acro .field--name-field-featured-articles {
    grid-template-columns: 48% 48%;
    justify-content: space-around;
  }
  .paragraph--type--articles-section-4-articles-acro h3 a {
    font-size: 1.5rem !important;
  }
}

@media all and (min-width: 1250px) {
        .paragraph--type--articles-section-4-articles-acro {
          width: 1250px;
        }
        .paragraph--type--articles-section-4-articles-acro .field--name-field-featured-articles {
          grid-template-columns: 24% 24% 24% 24%;
        }
        .paragraph--type--articles-section-4-articles-acro .field--name-field-featured-articles .field__item .node__content {
          padding: 1rem;
        }
        .paragraph--type--articles-section-4-articles-acro .field--name-field-section-heading {
          padding: 3rem 0 0rem 1rem;
        }
}


/***************** MAGAZINE: Subsection B (2x2) ***************************/

/* Item wrapper*/
.paragraph--type--articles-section-2-by-2 .node__content {
  display: grid;
  grid-template-columns: 36% 64%;
  margin: 2rem 2rem 3rem;
  gap: 4%;

}

/* Header */
.paragraph--type--articles-section-2-by-2 .field.field--name-field-section-heading {
  margin-left: 2rem;
  padding-top: 3rem;
}

/* Item image */
.paragraph--type--articles-section-2-by-2 .node__content .field--name-field-featured-image {
  grid-column: 1;
  grid-row: 1 / span 5;
  display: grid;
}
.paragraph--type--articles-section-2-by-2 .field--name-field-featured-image img {
  width: 100%;
}

/* Item author */
.paragraph--type--articles-section-2-by-2 .field--name-field-author-paragraphs {
  display: grid;
  grid-column: 2;
  grid-row: 2;
}

/* Item title */
.paragraph--type--articles-section-2-by-2 h3 {
    display: grid;
    grid-column: 2;
    grid-row: 1;
    margin: 0;
    padding-right: 2rem;
    width: 100%;
}
.paragraph--type--articles-section-2-by-2 h3 a {
  font-weight: 300;
  text-decoration: none;
  font-style: italic;
  padding-right: 2rem;
  font-size: 1.7rem;
}
.paragraph--type--articles-section-2-by-2 .field--name-field-banner-link {
  margin: 4rem 2rem 4rem 0;
}


@media all and (min-width: 1250px) {
          .paragraph--type--articles-section-2-by-2 .field--name-field-featured-articles {
            width: 1250px;
            margin: 0 auto;
            padding: 2rem 6rem;
            display: grid;
            grid-template-columns: 48% 48%;
          }
          .paragraph--type--articles-section-2-by-2 .field.field--name-field-section-heading {
            width: 1250px;
            margin: 0 auto;
          }
          .paragraph--type--articles-section-2-by-2 .field--name-field-banner-link {
            width: 1250px;
            margin: 0 auto;
          }

}