/* 
    REMOVE FSE AUTOMATIC PADDING
    TEMPLATES
      FRONT PAGE TEMPLATE
      SINGLE POSTS TEMPLATE
      CATEGORY ARCHIVE PAGE TEMPLATE
      LATEST ISSUE PAGE TEMPLATE
      ARCHIVE PAGE TEMPLATE
      PAGE PAGE TEMPLATE
      404 PAGE TEMPLATE
    QUASI-FOOTER
    QUERY LOOP BLOCK, POST EXCERPT
    OTHER BLOCKS
      YOAST BREADCRUMBS
      ALL FULL-WIDTH BLOCKS
      DROP CAP BLOCK PATTERN
      DROP CAP BLOCK
      RP PULL QUOTE BLOCK PATTERN
      PULL QUOTE BLOCK
      RP BOX BLOCK
    HYPERLINKS
    HEADER & FOOTER
    MAIN MENU
      CHANGE MAIN MENU TO MOBILE MENU BREAKPOINT
      INTERIM MOBILE MENU
      MOBILE MENU PROPER
    STANDFIRST
    ETHICAL ADS
    AUTHOR BIO
    SIDEBAR SOCIALS
    RELATED CONTENT
    GROUP IS HYPERLINK
    RESPONSIVE
      MOBILE HEADER & FOOTER
    FOR RESPONSIVENESS
    COOKIE BANNER
    CONTACT FORM
    EXACT EDITIONS EMBED
    CiviCRM
*/


/**
 * REMOVE FSE AUTOMATIC PADDING
 */

/* Remove automatic padding so we can easily add the decoratove borders */
.wp-block-columns {
  column-gap: 0px;
  row-gap: 0px;
}


/**
 *  TEMPLATES
 */

/**
 *  FRONT PAGE TEMPLATE 
 */
.front-page-content .wp-block-post-terms__separator {
  color: var(--wp--preset--color--red);
}
.front-page-main-story {
  /* padding: 2vh 1vw; */
  border: 1px solid var(--wp--preset--color--pale-3);
}
.front-page-main-story:hover {
  background-color: var(--wp--preset--color--pale-1);
}
.front-page-main-story a {
  text-decoration: none;
}
.front-page-main-story h2.wp-block-post-title {
  letter-spacing: 0.03rem;
  /* line-height: 3.1rem; */
  line-height: clamp(2rem, 2rem + 1vw, 3.1rem);
  margin-block-start: 1vh;
}
.front-page-main-story h2.wp-block-post-title a:hover,
.front-page-main-story a:hover {
  color: var(--wp--preset--color--red);
}

.front-page-main-story .wp-block-columns {
  margin-bottom: 0px;
}

.front-page-three-stories {
  margin-block-start: 0px;
  border-right: 1px solid var(--wp--preset--color--pale-3);
  border-bottom: 1px solid var(--wp--preset--color--pale-3);
  border-left: 1px solid var(--wp--preset--color--pale-3);
}
.front-page-three-stories .wp-block-column {
  padding-right: 2vw;
  padding-left: 1vw;
  padding-top: 2vh;
  padding-bottom: 2vh;
}
.front-page-three-stories a,
.wp-block-group.front-page-about-red-pepper a {
  color: var(--wp--preset--color--red);
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  text-decoration: none;
}
.front-page-three-stories h2.wp-block-post-title {
  margin-block-start: 1vh;
  color: var(--wp--preset--color--grey);
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 0.03rem;
  line-height: 2.2rem;
  text-transform: none;
}
.front-page-three-stories h2.wp-block-post-title a {
  color: var(--wp--preset--color--grey);
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 0.03rem;
  line-height: 2.2rem;
  text-transform: none;
}
.front-page-three-stories p.wp-block-post-excerpt__excerpt {
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.01rem;
  line-height: 1.45rem;
  color: var(--wp--preset--color--black);
}

/* Make the whole container behave as it it's an anchor for a hyperlink */
/* .front-page-three-stories .wp-block-column {
  position: relative;
}
.front-page-three-stories h2.wp-block-post-title a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
} */
.front-page-three-stories .wp-block-column:hover {
  background-color: var(--wp--preset--color--pale-1);
}
.front-page-three-stories h2.wp-block-post-title a:hover {
  color: var(--wp--preset--color--red);
}
.front-page-three-stories a:hover,
.wp-block-group.front-page-about-red-pepper a:hover {
  color: var(--wp--preset--color--grey);
}

/* Current Issue section */
.wp-block-column.current-issue-heading p.has-red-color.has-text-color {
  padding-top: 2vh;
}
.current-issue-heading a {
  color: var(--wp--preset--color--red);
  text-decoration: none;
}
.wp-block-columns.current-issue-columns {
  margin-block-start: 0px;
  background-color: var(--wp--preset--color--pale-1);
}
.current-issue-columns .wp-block-columns {
  margin-block-start: 0px;
}
.current-issue-topic-container {
  background: linear-gradient(90deg, #FDFCFA, var(--wp--preset--color--pale-1));
}
.current-issue-four-excerpts.wp-block-columns > .wp-block-column > .wp-block-columns > .wp-block-column {
  padding-left: 1vw;
  padding-right: 1vw;
  border-right: 1px solid var(--wp--preset--color--pale-3);
  border-bottom: 1px solid var(--wp--preset--color--pale-3);
}
.current-issue-four-excerpts.wp-block-columns > .wp-block-column > .wp-block-columns > .wp-block-column.three-of-four-excerpts,
.current-issue-four-excerpts.wp-block-columns > .wp-block-column > .wp-block-columns > .wp-block-column.four-of-four-excerpts {
    border-bottom: none;
}
.current-issue-four-excerpts h2.wp-block-post-title {
  color: var(--wp--preset--color--grey);
  font-size: 1.8rem;
  letter-spacing: 0.01rem;
  font-weight: 400;
  margin-block-start: 1vh;
  margin-block-end: 1vh;
}
.current-issue-four-excerpts .wp-block-post-excerpt {
  margin-top: 1vh;
  margin-bottom: 2vh;
}
.current-issue-four-excerpts .wp-block-post-excerpt__more-text {
  margin-top: 1vh;
}
.current-issue-four-excerpts p.wp-block-post-excerpt__excerpt {
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.01rem;
  line-height: 1.45rem;
  color: var(--wp--preset--color--black);
}
.current-issue-four-excerpts a.wp-block-post-excerpt__more-link {
  color: var(--wp--preset--color--pale-1);
  text-transform: uppercase;
  font-weight: 800;
  text-decoration: none;
  padding-right: 1vw;
  padding-left: 1vw;
  border-radius: 15px;
}
.current-issue-four-excerpts a.wp-block-post-excerpt__more-link,
.current-issue-four-excerpts .excerpt-read-now a.wp-block-post-excerpt__more-link {
  background-color: var(--wp--preset--color--grey-dark);
}
.current-issue-four-excerpts a.wp-block-post-excerpt__more-link:hover,
.current-issue-four-excerpts .excerpt-read-now a.wp-block-post-excerpt__more-link:hover {
  background-color: var(--wp--preset--color--red);
}
/* .current-issue-four-excerpts .excerpt-subscribe-to-read a.wp-block-post-excerpt__more-link {
  color: var(--wp--preset--color--white);
  background-color: var(--wp--preset--color--pale-3);
} */
/* .excerpt-subscribe-to-read ul li a {
  color: var(--wp--preset--color--white);
  background-color: var(--wp--preset--color--pale-3);
  text-transform: uppercase;
  font-weight: 800;
  text-decoration: none;
  padding-right: 1vw;
  padding-left: 1vw;
  border-radius: 15px;
} */
.current-issue-columns img {
  padding: 1vw;
}
.wp-block-columns.preview-subscribe {
  margin-block-start: 0px;
}
.wp-block-group.header-subscribe-link-container {
  position: relative;
}
.wp-block-group.header-subscribe-link-container a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Subscribe to Red Pepper section */
.subscribe-heading h2.wp-block-heading {
  padding: 0px;
}
.subscribe-columns-container.wp-block-columns,
.subscribe-columns-container.wp-block-columns * {
  margin-block-start: 0px;
}
.wp-block-columns.subscribe-columns-container .signup-image-container .wp-block-image,
.subscribe-columns-sub-heading-section.wp-block-columns,
.subscribe-details-section-1 .wp-block-column,
.subscribe-details-section-2 .wp-block-column {
  padding: 1vw
}

.wp-block-columns.subscribe-columns-container {
  padding: 0px;
}
.subscribe-image-container .wp-block-image img {
  max-width: 65%;
}
.subscribe-columns-container.wp-block-columns .subscribe-columns-sub-heading-section.wp-block-columns {
  background: linear-gradient(90deg, var(--wp--preset--color--white), var(--wp--preset--color--pale-1) );
}
.wp-block-group.subscribe-link-container a {
  color: var(--wp--preset--color--white);
  text-decoration: none;
}

/* "Subscribe" 'button' */
.wp-block-group.subscribe-link-container p {
  padding-top: 12px;
  padding-bottom: 12px;
}
.wp-block-group.subscribe-link-container a {
  color: var(--wp--preset--color--white);
  text-decoration: none;
}
figure.subscribe-icon {
  position: absolute;
  right: 2vw;
}
/* Make the whole section act as a hyperlink */
.wp-block-group.subscribe-link-container {
  position: relative;
}
.wp-block-group.subscribe-link-container a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* About Red Pepper section */
.about-columns.wp-block-columns {
  margin-block-start: 0px;
}

/* Sign up section */
.signup-columns-container.wp-block-columns,
.signup-columns-container .wp-block-columns {
  margin-block-start: 0px;
  padding: 0px;
}
.wp-block-columns.signup-columns-container {
  padding: 0px;
}
.wp-block-columns.signup-columns-container .signup-image-container .wp-block-image, /* {
  padding: 1vw
} */
.signup-columns-sub-heading-section.wp-block-columns,
.signup-details-section-1 .wp-block-column,
.signup-details-section-2 .wp-block-column {
  padding: 1vw
}
.signup-image-container .wp-block-image img {
  max-width: 65%;
}
.signup-columns-container.wp-block-columns .signup-columns-sub-heading-section.wp-block-columns {
  background: linear-gradient(90deg, var(--wp--preset--color--white), var(--wp--preset--color--pale-1) );
}
/* .wp-block-group.subscribe-link-container {
  width: 30%;
} */
/* "Sign up" 'button' */
.wp-block-group.signup-link-container p {
  padding-top: 12px;
  padding-bottom: 12px;
}
.wp-block-group.signup-link-container a {
  color: var(--wp--preset--color--white);
  text-decoration: none;
}
figure.signup-icon {
  position: absolute;
  right: 2vw;
}
/* Make the whole container behave as a hyperlink */
.wp-block-group.signup-link-container {
  position: relative;
}
.wp-block-group.signup-link-container a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* From our archives section */
.from-our-archive-columns {
  margin-block-start: 0px;
}
.from-our-archive-columns .wp-block-column {
  padding: 2vh 1vw;
}
.from-our-archive-columns p.wp-block-post-excerpt__excerpt {
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.01rem;
  line-height: 1.45rem;
  color: var(--wp--preset--color--black);
}
.wp-block-columns.archive-sign-up {
  margin-block-start: 0px;
}
.archive-sign-up .wp-block-group {
  padding: 1vh 1vw;
}
.archive-sign-up .wp-block-image img {
  max-width: 72px;
}
.archive-sign-up a {
  text-decoration: none;
}
/* Make the whole container behave as it it's an anchor for a hyperlink */
/* .from-our-archive-columns .wp-block-column {
  position: relative;
}
.from-our-archive-columns h2.wp-block-post-title a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
} */
.from-our-archive-columns a {
  color: var(--wp--preset--color--red);
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  text-decoration: none;
}
.from-our-archive-columns h2.wp-block-post-title {
  margin-block-start: 1vh;
  color: var(--wp--preset--color--grey);
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 0.03rem;
  line-height: 2.2rem;
  text-transform: none;
}
.from-our-archive-columns h2.wp-block-post-title a {
  color: var(--wp--preset--color--grey);
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 0.03rem;
  line-height: 2.2rem;
  text-transform: none;
}
.from-our-archive-columns h2.wp-block-post-title a:hover {
  color: var(--wp--preset--color--red);
}
.from-our-archive-columns a:hover {
  color: var(--wp--preset--color--grey);
}

.advertisments-horizontal h2.wp-block-heading {
  text-transform: uppercase;
  letter-spacing: 0.15rem;
}
.wp-block-columns.advertisments-horizontal{
  border: 1px solid var(--wp--preset--color--pale-3);
}


/**
 * SINGLE POSTS TEMPLATE 
 */
.wp-block-group.standfirst {
  padding-top: 2vh;
}

.article-author li {
  color: var(--wp--preset--color--black);
  font-family: antonio;
  font-size: 3rem;
}

.wp-block-columns.article-date-container time {
  font-size: 0.9rem;
  letter-spacing: 0.02rem;
}
.type-of-article li {
  color: var(--wp--preset--color--black);
  font-family: karla;
  text-transform: uppercase;
  font-size: 1rem;
  letter-spacing: .2rem;
  font-weight: bold;
}

.featured-caption {
  font-size: 0.95rem;
  line-height: 1.3rem;
  font-weight: 500;
  margin-bottom: 1rem;
}
.featured-caption br {
  margin-bottom: 1rem;
}


/**
 * CATEGORY ARCHIVE PAGE TEMPLATE
 */

/* The Category Description 
 * is displayed twice, side by side in 2 columns
 * We want to hide the image in the first column
 * and hide the text in the second column */
 /* Hide the image in the first column */
.category-archive-top .column-1 .wp-block-term-description > figure,
.category-archive-top .column-1 .wp-block-term-description p > img
{
  display: none;
}
.category-archive-top .column-2 .wp-block-term-description {
  margin-right: 0px !important;
}
.category-archive-top .column-2 .wp-block-term-description > figure {
  width: 100% !important;
}
/* Hide the text in the second column */
.category-archive-top .column-2 .wp-block-term-description > p:not(:last-child),
.category-archive-top .column-2 .wp-block-term-description > figure >figcaption.wp-caption-text
{
  display: none;
}
/* Adjust for right-hand column stacking */
.wp-block-columns.category-archive-top .wp-block-column.column-2 {
  padding-left: 3vw;
}

/* Make font sizes and spacings etc the same as the Standfirst */
.category-archive-top .column-1 .wp-block-term-description p {
  line-height: 1.7rem;
  font-size: 1.3rem;
  letter-spacing: 0rem;
  /* font-weight: 800; */
  margin-bottom: 1.7rem;
}



/* 17th May 20204 20240517 17-May-2024 */
/* Stack Category Description so description text doesn't seem too large
   compared with image (and place image above, rather than below, text) */
/* @media (max-width: 1333px) {
  .wp-block-columns.category-archive-top {
    flex-direction: column-reverse;
  }
  body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    margin-left: 0px !important;
  }
}/*@media (max-width: 1333px)* */




/**
 * LATEST ISSUE PAGE TEMPLATE
 */
p.type-of-article {
  color: var(--wp--preset--color--black);
  font-family: karla;
  text-transform: uppercase;
  font-size: 1rem;
  letter-spacing: .2rem;
  font-weight: bold;
}
.page-template-wp-custom-template-issues .entry-content.wp-block-post-content {
  margin-block-start: 0px;
}
.wp-block-group.issues-full-width {
  margin-right: -7.5vw;
  margin-left: -7.5vw;
}
.wp-block-columns.preview-subscribe .wp-block-column .wp-block-group a {
  text-decoration: none;
}
.wp-block-columns.preview-subscribe .wp-block-column {
  position: relative;
}
.wp-block-columns.preview-subscribe .wp-block-column:hover {
  background-color: var(--wp--preset--color--pale-1);
}
.wp-block-columns.preview-subscribe .wp-block-column .wp-block-group a::after {
  position: absolute;
  content: "";
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.in-this-issue-left-column.wp-block-column .wp-block-columns {
  margin-block-start: 0px;
}
.in-this-issue-left-column.wp-block-column .wp-block-columns .wp-block-heading {
  padding: 2vh 1vw;
  font-weight: bold;
}
.in-this-issue-left-column.wp-block-column .wp-block-columns h2 {
  text-transform: uppercase;
  background-color: var(--wp--preset--color--pale-1);
}
.issues-full-width .wp-block-query.excerpt-subscribe-to-read h2.wp-block-post-title {
  margin-top: 0px;
  margin-bottom: 0px;
}
.wp-block-query.excerpt-subscribe-to-read {
  padding: 2vh 1vw;
}
.issues-full-width-left.wp-block-column,
.issues-full-width-central.wp-block-column {
  border-top: 1px solid var(--wp--preset--color--pale-3);
}
.issues-full-width-central.wp-block-column,
.issues-full-width-right.wp-block-column {
  border-bottom: 1px solid var(--wp--preset--color--pale-3);
}
.issues-full-width-central.wp-block-column .wp-block-query.excerpt-subscribe-to-read:not(:last-child) {
  border-bottom: 1px solid var(--wp--preset--color--pale-3);
}

.past-issues-full-width-central.wp-block-column .wp-block-columns h2 {
  text-transform: uppercase;
  background-color: transparent;
}
.past-issues-full-width-left.wp-block-column,
.past-issues-full-width-central.wp-block-column,
.past-issues-full-width-right.wp-block-column {
  border-top: 1px solid var(--wp--preset--color--pale-3);
  border-bottom: 1px solid var(--wp--preset--color--pale-3);
}
.past-issues-left-column.wp-block-column .wp-block-columns .wp-block-heading {
  padding: 2vh 1vw;
  font-weight: bold;
}
.past-issues-left-column.wp-block-column .wp-block-columns h2 {
  text-transform: uppercase;
  background-color: var(--wp--preset--color--pale-1);
}
.wp-block-columns.past-issues-search {
  margin-block-start: 0px;
}
.past-issues-search .wp-block-search__input:focus-visible {
  outline: none;
}
.wp-block-query.past-issues-gallery li.wp-block-post {
  padding: 1vw;
}


/**
  *  ARCHIVE PAGE TEMPLATE
  */

.page-template-wp-custom-template-red-pepper-archive h1.wp-block-post-title {
  padding-top: 1vh;
  border: 1px solid var(--wp--preset--color--pale-3);
  border-left: 0px transparent;
  padding-bottom: 8vh;
}
.page-template-wp-custom-template-red-pepper-archive .entry-content.wp-block-post-content {
  margin-block-start: 0px;
}
.wp-block-column.archive-intro-right-column .wp-block-columns {
  margin-block-start: 0px;
}
.wp-block-column.archive-intro-right-column .wp-block-group {
  padding: 2vh 1vw;
}
.archive-intro-right-column .subscribe-now-container {
  margin-top: -1rem;
}

.wp-block-column.archive-intro-right-column > .wp-block-columns > .wp-block-column > .wp-block-group.subscribe-now-container > .wp-block-image.archive-page-icon  > img,
.wp-block-column.archive-intro-right-column > .wp-block-columns > .wp-block-column > .wp-block-group.subscriber-log-in-container > .wp-block-image.archive-page-icon > img {
  width: 56px !important;
  min-width: 56px !important;
  height: 56px !important;
}

/* Make the whole container behave as a hyperlink */
.archive-intro-right-column .subscribe-now-container,
.archive-intro-right-column .subscriber-log-in-container {
  position: relative;
}
.archive-intro-right-column .subscribe-now-container a::after,
.archive-intro-right-column .subscriber-log-in-container a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.archive-intro-right-column .subscribe-now-container:hover,
.archive-intro-right-column .subscriber-log-in-container:hover {
  background-color: var(--wp--preset--color--pale-1);
}
/**
 *  PAGE PAGE TEMPLATE
 */
body {
  background-color: var(--wp--preset--color--white);
}

p {
  letter-spacing: 0.05rem;
}

/* h1, */
.wp-block-post-title h1 {
  line-height: 5.25rem;
  font-weight: 500;
}
.page-template-default h1.wp-block-post-title {
  padding-top: 5vh;
  border-top: 1px solid var(--wp--preset--color--pale-3);
  border-right: 1px solid var(--wp--preset--color--pale-3);
}

/* h2 */
h2,
h2.wp-block-heading:not(
  .rp-full-width h2,
  .current-issue-heading h2
  ) {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  letter-spacing: 0.06rem;
  padding-top: 2vh;
}

/* p, li */
p,
li {
  font-size: 1.2rem;
}
p {
  line-height: 1.6rem;
  letter-spacing: 0.003rem;
}

/**
 *  404 PAGE PAGE TEMPLATE
 */
.wp-block-column.search-column-404 {
  border-radius: 64px;
}
.search-column-404 .wp-block-search__input:focus-visible {
  outline: none;
}
.error404 a {
  color: var(--wp--preset--color--red);
}
.error404 a:hover {
  color: var(--wp--preset--color--black);
}

/**
 *  QUASI-FOOTER SECTION
 */
 .wp-block-group.rp-quasi-footer-grp {
  margin-right: -7.5vw;
  margin-left: -7.5vw;
}



/**
 *  Inline socials - on Articles (Single Posts Page Template)
 */
.wp-block-social-links.inline-socials {
  padding-bottom: 0px;
  padding-left: 0px;
}
/* background */
/* ul.wp-block-social-links.inline-socials li.wp-social-link.wp-block-social-link, */
ul.wp-block-social-links.inline-socials li.wp-social-link.wp-social-link-facebook.wp-block-social-link,
ul.wp-block-social-links.inline-socials li.wp-social-link.wp-social-link-twitter.wp-block-social-link {
  background-color: transparent;
}
/* Heading: Example: "Share this article" */
.wp-block-columns.horizontal-socials-container h2.wp-block-heading {
  font-size: 1.2rem !important;
  line-height: 1.25rem;
  font-weight: 800 !important;
  letter-spacing: 0.015rem;
  padding: 0px;
}
/* text */
/* ul.wp-block-social-links.inline-socials li.wp-social-link.wp-block-social-link a.wp-block-social-link-anchor span.wp-block-social-link-label, */
ul.wp-block-social-links.inline-socials li.wp-social-link.wp-social-link-facebook.wp-block-social-link a.wp-block-social-link-anchor span.wp-block-social-link-label,
ul.wp-block-social-links.inline-socials li.wp-social-link.wp-social-link-twitter.wp-block-social-link a.wp-block-social-link-anchor span.wp-block-social-link-label {
  color: var(--wp--preset--color--grey);
  text-transform: uppercase;
  font-size: 1.35rem;
  letter-spacing: 0.135rem;
  font-weight: 500;
}
/* icons */
/* ul.wp-block-social-links.inline-socials li.wp-social-link.wp-block-social-link a.wp-block-social-link-anchor svg, */
ul.wp-block-social-links.inline-socials li.wp-social-link.wp-social-link-facebook.wp-block-social-link a.wp-block-social-link-anchor svg,
ul.wp-block-social-links.inline-socials li.wp-social-link.wp-social-link-twitter.wp-block-social-link a.wp-block-social-link-anchor svg {
  fill: var(--wp--preset--color--red);
  height: 48px;
  width: 48px;
}


/**
 *  QUERY LOOP BLOCK, POST EXCERPT
 */
 body .is-layout-constrained > .cat-excerpt-columns-container {
  margin-left: 0px !important;
  padding-top: 2vh;
  padding-bottom: 2vh;
  border-top: 1px solid var(--wp--preset--color--pale-3);
}
body .is-layout-constrained > .cat-excerpt-columns-container .wp-block-column.cat-excerpt-column-2 {
  padding-left: 1.5vw;
}
body .is-layout-constrained > .cat-excerpt-columns-container .wp-block-column.cat-excerpt-column-2 .wp-block-post-title a {
  background: none;
  font-size: 2rem;
  text-decoration: none;
}
.cat-excerpt-column-2 .wp-block-post-excerpt {
  border-top: 1px solid var(--wp--preset--color--pale-3);
  padding-top: 2vh;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.05rem;
}
body .is-layout-constrained > .cat-excerpt-columns-container .wp-block-column.cat-excerpt-column-2 time {
  color: var(--wp--preset--color--pale-3);
  text-transform: uppercase;
  font-weight: 500;
  font-size: 1.2rem;
  letter-spacing: 0.1rem;
}
body .is-layout-constrained > .cat-excerpt-columns-container:hover {
  background-color: var(--wp--preset--color--pale-1);
}

/* Make the whole of each excerpt's container act as a hyperlink */
body .is-layout-constrained > .cat-excerpt-columns-container {
  position: relative;
}
body .is-layout-constrained > .cat-excerpt-columns-container a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Border 'below' last item served up by the Query Loop Block */
.wp-block-query-pagination.is-layout-flex.wp-block-query-pagination-is-layout-flex {
  border-top: 1px solid var(--wp--preset--color--pale-3);
  padding-top: 5vh;
  padding-bottom: 5vh;
}

/*
 *  OTHER BLOCKS
 */
 
/* YOAST BREADCRUMBS */
.yoast-breadcrumbs {
  background-color: var(--wp--preset--color--pale-1);
  padding: 8px;
  border-bottom: 1px solid var(--wp--preset--color--pale-3);
  border-right: 1px solid var(--wp--preset--color--pale-3);
/* ... and Font per design */
  text-transform: uppercase;
  letter-spacing: 0.065rem;
  font-weight: 500;
  font-size: 0.95rem;
}
.yoast-breadcrumbs a {
  background: none;
  text-decoration: none;
}
.yoast-breadcrumbs a:hover {
  text-decoration: underline var(--wp--preset--color--red) 0.25vh;
  transition: all 500ms linear;
}

/* ALL FULL-WIDTH BLOCKS*/
.wp-block-group.rp-full-width,
p.rp-full-width {
  max-width: none;
}
@media (min-width: 1332px) {
  .wp-block-group.rp-full-width,
  p.rp-full-width {
    margin-left: -21.5vw !important;
  }
}
@media (max-width: 1333px) {
  .wp-block-group.rp-full-width,
  p.rp-full-width {
    margin-left: auto !important;
  }
}
/* DROP CAP BLOCK PATTERN */
p.drop-cap-paragraph::first-letter {
  color: var(--wp--preset--color--grey-dark);
  padding: 1rem 2rem;
  margin: 0.1rem 0.5rem 0 0;
  border-radius: 8px;
  font-family: antonio;
  font-size: 3.5rem;
  float: left;
  line-height: 1;
  background-color: var(--wp--preset--color--pale-1);
}

/* DROP CAP BLOCK */
.has-drop-cap:not(:focus)::first-letter {
  background-color: var(--wp--preset--color--pale-1);
  color: var(--wp--preset--color--grey-dark);
  border-radius: 8px;
  font-size: 3.5rem;
  font-family: antonio;
  padding: 1.75rem 2rem;
  margin: 0.1rem 0.5rem 0 0;
}

/* RP PULL QUOTE BLOCK PATTERN */
.wp-block-group.rp-quote p::before,
p.rp-quote::before {
  font-family: serif;
  content: open-quote;
}
.wp-block-group.rp-quote p::after,
p.rp-quote::after {
  font-family: serif;
  content: close-quote;
}
.wp-block-group.rp-quote p::before,
.wp-block-group.rp-quote p::after,
p.rp-quote::before,
p.rp-quote::after {
  /* content: "\0022"; */
  color: var(--wp--preset--color--red);
  font-size: 5rem;
}
.wp-block-group.rp-quote p::before,
p.rp-quote::before {
  float: left;
  padding-right: 2vw;
  line-height: 0;
  padding-left: 2vw;
  margin-left: -5vw;
  margin-top: -2vh;
}
.wp-block-group.rp-quote p::after,
p.rp-quote::after {
  float: right;
  padding-left: 2vw;
  line-height: 1;
  margin-right: -5vw;
}
p.rp-quote {
  /* background-color: var(--wp--preset--color--pale-1);
  font-family: var(--wp--preset--font-family--antonio); */
  font-size: 2.35rem !important;
  line-height: 2.85rem;
  font-weight: 500;
/*   color: var(--wp--preset--color--grey);*/
  padding-top: 3em !important;
  padding-bottom: 2em !important;
  padding-left: 5vw !important;
  padding-right: 9vw !important;
  text-align: left;
}
/* MOBILE: size=1.85 height=2.05 */
/* PULL QUOTE BLOCK */
/* 
.has-antonio-font-family {
  font-family: var(--wp--preset--font-family--antonio) !important;
  font-size: 2.35rem;
  line-height	2.85rem;
  font-weight:	500;
}
 */
body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).wp-block-pullquote {
  text-align: left;
  column-gap: 0px;
  max-width: 100vw;
}
@media (min-width: 1080px) {
  body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).wp-block-pullquote {
    margin-left: -21.5vw !important;
  }
}
@media (max-width: 1080px) {
  body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).wp-block-pullquote {
    margin-left: auto !important;
  }
}
  
  blockquote {
  position: relative;
}
blockquote p {
  margin-left: 54px;
  margin-right: 54px;
}
.wp-block-pullquote {
  background-color: var(--wp--preset--color--pale-1);
  font-family: var(--wp--preset--font-family--antonio);
  /* font-size: 2.35rem;
  line-height: 2.85rem;
  font-weight: 500; */
  color: var(--wp--preset--color--grey);
  padding-top: 2em;
  padding-bottom: 2em;
}
.wp-block-pullquote blockquote p {
  /* background-color: var(--wp--preset--color--pale-1);
  font-family: var(--wp--preset--font-family--antonio); */
  font-size: 2.35rem;
  line-height: 2.85rem;
  font-weight: 500;
  /* color: var(--wp--preset--color--grey);
  padding-top: 2em;
  padding-bottom: 2em; */
}
.wp-block-pullquote blockquote::before,
.wp-block-pullquote blockquote::after,
.wp-block-pullquote cite::before,
.wp-block-pullquote cite::after
/* .wp-block-pullquote p::before,
.wp-block-pullquote p::after */ {
  /* content: "\0022"; */
  font-family: serif;
  color: var(--wp--preset--color--red);
  font-size: 5rem;
  text-align: left;
/*   margin-left: -21.5vw !important; */
  max-width: none;
}
.wp-block-pullquote cite::before,
.wp-block-pullquote blockquote::before {
  content: open-quote;
  float: left;
  padding-right: 2vw;
  margin-top: -54px;
  position: absolute;
  top: 0px;
  height: 100%;
}
.wp-block-pullquote cite::after,
.wp-block-pullquote blockquote::after {
  content: close-quote;
  float: right;
  padding-left: 2vw;
  margin-top: -54px;
  position: absolute;
  right: 0px;
  height: 100%;
}

/* RP BOX BLOCK */
.wp-block-group.rp-box,
p.rp-box {
  border: 1px solid var(--wp--preset--color--pale-3);
  padding: 3%;
}

/* RP CAPTION & IMAGE BLOCK */
/* .rp-full-width .wp-block-media-text {
  align-self: flex-start;
} */
.rp-full-width .wp-block-media-text__content {
  align-self: flex-start;
}
.rp-full-width .wp-block-media-text p {
  font-size: 1rem;
  line-height: 1.15rem;
}
.rp-full-width .wp-block-media-text p br {
  margin-bottom: 12px;
}
/* .wp-block-group.rp-full-width .wp-block-media-text {
  margin-left: 0px !important;
  margin-right: 0px !important;
} */

/* RP LINE BLOCK */

/* RP SUBHEAD & BOX BLOCK */

/* RP TINTED SUBHEAD & BOX BLOCK */


/*
 *  HYPERLINKS
 */

/* Hyperlinks in normal text areas on Posts */
/* Some will be styled specifically eg Yoast Breadcrumbs and those immediately below */
a:where(:not(
  .wp-element-button,
  .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content,
  figure,
  .archive-sign-up,
  .wp-block-columns.preview-subscribe .wp-block-column .wp-block-group,
  .wp-block-group.front-page-about-red-pepper a)) {
    color: var(--wp--preset--color--black);
    text-decoration: none;
}

/* Hyperlinks as per design */
.wp-block-column.main-page-content-left-column a,
.red-pepper-archive-template-content-block a:not(.red-pepper-archive-template-content-block .archive-intro-right-column a),
.civicrm-form a {
  text-decoration: none;
  background-image: linear-gradient(180deg,transparent 65%,var(--wp--preset--color--pale-3) 0);
  background-position: bottom left;
  background-size: 100% 1rem;
  background-repeat: no-repeat;
}
.wp-block-column.main-page-content-left-column a:hover,
.red-pepper-archive-template-content-block a:hover:not(.red-pepper-archive-template-content-block .archive-intro-right-column a:hover),
.civicrm-form a:hover {
  background-image: linear-gradient(180deg,transparent 65%,var(--wp--preset--color--red) 0);
}

/* and the ones you don't want */
/* #crm-container form a,
#crm-container form a:hover, */
.wp-block-column.main-page-content-left-column .wp-block-image a,
.wp-block-column.main-page-content-left-column .wp-block-image a:hover {
  background: none;
}


/*
 *  HEADER & FOOTER
 */

 /* HEADER */
header,
footer {
  margin-right: -7.5vw;
  margin-left: -7.5vw;
}
.page-header-section {
  background-color: var(--wp--preset--color--pale-1);
}

/* The header is a collection of column sand columns-in-columns
   A left-hand colum containing the logo (header image)
   A right-hand column containing two rows:
   About + Latest + Magazine - called top row
   and Search + Subscribe - called search subscribe */ 

.header-image {
  text-align: center;
  padding-bottom: 4vh;
}
.header-image img {
  max-width: 90%;
}
.page-header-top-row {
  padding-left: 2vw;
  padding-right: 2vw;
  padding-bottom: 2vh !important;
}

/* Top Row's text per design */
.page-header-top-row p {
  font-weight: 500;
  letter-spacing: 0.05rem;
  text-transform: uppercase;
}

.page-header-search-subscribe {
  padding-left: 2vw;
  padding-right: 2vw;
  padding-left: 0px;
  padding-right: 0px;
}
.header-search-column,
.header-subscribe-column {
  padding-top: 4vh;
  padding-bottom: 4vh;
}

.header-subscribe-column {
  padding-right: 2vw;
  padding-left: 2vw;
}

/* Search (Header and Search Page) */
.header-search-column {
  padding-left: 2vw;
  padding-right: 2vw;
}
form.header-search.wp-block-search {
    max-width: 488px !important;
    max-height: 75px;
}
.header-search .wp-block-search {
  color: var(--wp--preset--color--black);
}
form.wp-block-search.header-search {
  background-color: var(--wp--preset--color--white);
  border-radius: 72px;
}
.wp-block-search__input {
  background-color: transparent;
}
/* Thanks Alexander! */
input.wp-block-search__input::placeholder {
  color: var(--wp--preset--color--black);
}
.wp-block-search__button {
  background-color: transparent;
}
.header-search button.wp-block-search__button.has-icon.wp-element-button svg,
.inline-search button.wp-block-search__button.has-icon.wp-element-button svg {
  fill: transparent;
}
form.header-search.wp-block-search {
  padding-top: 1vh;
  padding-bottom: 1vh;
  padding-left: 1vw;
}

.header-search button.wp-block-search__button.has-icon.wp-element-button,
.inline-search button.wp-block-search__button.has-icon.wp-element-button {
  background-image: url(https://redpepper.org.uk/wp-content/themes/redpepper2023/assets/images/search-white-on-grey.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.header-search button.wp-block-search__button.has-icon.wp-element-button {
  padding-top: 0px;
  padding-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.inline-search button.wp-block-search__button.has-icon.wp-element-button {
  padding-top: 2vhpx;
  padding-right: 2vw;
  margin-top: 1vh;
  margin-bottom: 1vh;
}
.inline-search .wp-block-search__inside-wrapper {
  border-color: var(--wp--preset--color--pale-3);
  border-style: solid;
  border-width: 1px;
  border-radius: 64px;
}
.inline-search .wp-block-search__inside-wrapper input.wp-block-search__input {
  padding-left: 2vh;
}

.header-search .wp-block-search__input:focus-visible,
.inline-search .wp-block-search__input:focus-visible {
  outline: none;
}

/* Remove gap left and right for content in the right column in the central column in the header */

/* Vertical line above Search and Subscribe and below About... Latest... Magazine... */
.page-header-search-subscribe {
  border-top: 1px solid var(--wp--preset--color--pale-3);
}
.page-header-search-subscribe {
  margin-top: 0px;
}
/* Vertical divider between the Search and Subscribe sections */
.search-subscribe-divider {
  color: var(--wp--preset--color--pale-1);
  width: 0;
  height: 100%;
}
/* Text in 'Subscribe' button remains on onen line ie doesn't wrap */
.header-subscribe-column .header-subscribe-link-container p {
  font-size: clamp(0.8rem, 0.8rem + ((1vw - 0.2rem) *0.531), 1.3rem) !important;
  font-weight: 800;
}
.wp-block-columns.header-subscribe-link-and-icon-columns {
  padding: 1vh 1vw;
  border-radius: 64px;
  max-width: 473.78px;
}

/* ABOUT US, LATEST ISSUE, MAGAZINE ARCHIVE */
.page-header-top-row .group-is-hyperlink {
  position: relative;
}
.page-header-top-row a {
  color: var(--wp--preset--color--black);
  text-decoration: none;
}

/* Subscribe to Red Pepper */
.header-subscribe-column .wp-block-group a {
  color: var(--wp--preset--color--white);
  text-decoration: none;
}
.wp-block-group.header-subscribe-link-container {
  position: relative;
}
.wp-block-group.header-subscribe-link-container a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Fonts in Search & Subscribe per design */
.page-header-search-subscribe .wp-block-search input,
.page-header-search-subscribe p {
  font-weight: 500;
  letter-spacing: 0.015rem;
  font-size: clamp(0.8rem, 0.8rem + ((1vw - 0.2rem) *0.531), 1.3rem) !important;
  font-family: Karla;
}

.wp-block-image.header-subscribe-icon img {
  max-width: none;
}

/* Remove space between page header and navigation  */
:where(.wp-block-columns).page-header-section {
  margin-bottom: 0px;
}


/* FOOTER */
footer .wp-block-columns {
  padding-top: 0px;
  padding-bottom: 0px;
}
.wp-block-image.footer-main-image {
  max-width: 35%;
}
.wp-block-columns.footer-proper-container {
  margin-bottom: 0px;
}

.footer-proper-central-column-columns ul.wp-block-social-links {
  padding-left: 0px;
}

footer a {
  color: var(--wp--preset--color--black);
  text-decoration: none;
}
footer a:hover {
  color: var(--wp--preset--color--red);
}

/* socials in desktop footer and mobile footer */
/* footer ul.wp-block-social-links.is-style-logos-only li.wp-social-link {
  font-size: 2.5rem;
} */
/* socials in mobile footer */
/* footer.mobile-footer .wp-block-social-links .wp-social-link .wp-block-social-link-anchor svg {
  color: var(--wp--preset--color--white);
} */

/* Footer: "Subscribe" 'button' */
/* .footer-subscribe-container {
  margin-block-start: 0px;
} */

/* Footer: "Subscribe" 'button' */
.footer-subscribe-container .wp-block-group {
  background-color: var(--wp--preset--color--white);
  padding: 1vw;
  border-radius: 48px;
  position: relative;
}




footer .wp-block-social-links a svg {
  font-size: 36px;
}

/*^^ADDED - ADD TO LIVE*/
/* sort out the sizes of containers in the footers so that the borders always work reponsively */
.wp-block-columns.footer-logo-socials-container, 
.wp-block-columns.footer-signup-message-container {
    /* min-height: 17vh; */
    height: 150px;
}

.wp-block-columns.footer-signup-button-container,
.wp-block-columns.footer-subscribe-button-container {
  margin-block-start: 0px;
    min-height: 90px;
    /* height: 90px; */
}
/*^^ADDED - ADD TO LIVE*/



.footer-subscribe-container p {
  font-size: clamp( 0.85rem, 0.85rem + 0.11vw, 1.3rem );
}
figure.subscribe-white-arrow {
  position: absolute;
  right: 2vw;
}
.footer-subscribe-container .wp-block-group a::after {
  position: absolute;
  content: "";
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
}

/* footer menu in desktop footer and mobile footer */
/* .wp-block-column.footer-menu {
  padding-top: 2vh;
} */

/* Footer: "Sign up" 'button' */
.footer-sign-up-container .wp-block-group {
  background-color: var(--wp--preset--color--white);
  padding: 1vw;
  border-radius: 48px;
  position: relative;
}
 figure.sign-up-white-arrow {
  position: absolute;
  right: 2vw;
}
.footer-sign-up-container .wp-block-group a::after {
  position: absolute;
  content: "";
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
}

#cmplz-manage-consent,
.wp-block-template-part {
  margin-top: 0px;
}


/**
 *  MAIN MENU
 */

/* Remove default padding from the main navigation's columns container */
/* .wp-block-columns.main-navigation-container {
  padding-top: 0px;
  padding-bottom: 0px;
} */

/* correct for the first menu item in the top-level menu */
.wp-block-navigation ul:first-child {
  padding-left: 0.5rem;
}

/* Add the top and bottom border for the navigation container */
.wp-block-columns.main-navigation-container {
  border-top: 1px solid var(--wp--preset--color--pale-3);
  border-bottom: 1px solid var(--wp--preset--color--pale-3);
}
.main-menu .wp-block-navigation-item:not(:last-child) {
  border-right: solid 1px var(--wp--preset--color--pale-3);
}
.main-menu.wp-block-navigation ul li {
  padding-right: 0.25vw;
}

a.wp-block-navigation-item__content {
  padding-top: 1vh;
  padding-bottom: 1vh;
}
/* MAIN MENU's text per design */
.main-menu .wp-block-navigation-item.wp-block-navigation-link {
  letter-spacing: 0.02rem;
  text-transform: uppercase;
}

/* MOBILE MENU BREAKPOINT */
/* There are TWO breakpoints: 
   one for an INTERIM MOBILE MENU and
   one for the MOBILE MENU PROPER */

/* Why is there an INTERIM MOBILE MENU breakpoint? */
/* The main menu is wordy and wraps to three lines at quite a wide screen width
   So, activate the mobile menu at a much wider screen width than usual
   BUT
   - add the word "MENU" after the mobile menu icon
   - change the padding and
   - hide some items as they're in the Desktop header which is still displayed */

/* CHANGE MAIN MENU TO MOBILE MENU BREAKPOINT from the FSE theme default. 
   Thanks to Cooperative IT */

/* copy of wp default css to a 1024px media query */
@media (min-width: 1333px) {
/* Toggle Mobile Menu OFF */
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: none !important;
  }
/* Toggle Desktop Menu ON */
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: block !important;
    width: 100%;
    position: relative;
    z-index: auto;
    background-color: inherit;
  }
}/* @media (min-width: 1333px) */

/* neutralize the wp default for 600px */
@media (min-width: 600px) {
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: flex;
  }
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: none;
  }
}/* @media (min-width: 600px) */

/* ... also for the INTERIM MENU:
   remove the main menu's vertical lines between menu items 
   which otherwise display as vertical lines after each INTERIM MENU item */
@media (max-width: 1332px) {
  .wp-block-navigation__responsive-container-content li.wp-block-navigation-item.wp-block-navigation-link {
    border: none;
    margin-left: 2vw;
  }
}/* @media (max-width: 1332px) */

/* MOBILE MENU PROPER */
@media (max-width: 1080px) {
  .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
    background-color: var(--wp--preset--color--red);
    color: var(--wp--preset--color--white);
  }
  .wp-block-navigation__responsive-container-close {
    right: 4vw;
    top: 5vh;
  }
  .wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg {
    height: 84px;
    width: 84px;
  }
/* Some items should only be displayed in the MOBILE MENU PROPER and
   - NOT in the Desktop Menu
   - NOR in the INTERIM MENU
   These navigation items are in the Navigation Block and have a class of: .mobile-only-menu-option
   This is controlled from the editorL add mobile-only-menu-option in "ADDITIONAL CSS CLASS(ES)" for these items
*/
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item.mobile-only-menu-option,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container.mobile-only-menu-option,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list.mobile-only-menu-option {
    display: flex;
  }
}
@media (min-width: 1081px) {
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item.mobile-only-menu-option,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container.mobile-only-menu-option,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list.mobile-only-menu-option,
  .wp-block-navigation .mobile-only-menu-option .wp-block-navigation-item__content,
  .wp-block-navigation .mobile-only-menu-option  .wp-block-navigation-item {
    display: none !important;
  }
}

/* Make Subscribe option in MOBILE MENU PROPER similar to Subscribe buttons elsewhere on the site */
li.wp-block-navigation-item.mobile-only-menu-option.mobile-menu-subscribe.wp-block-navigation-link a {
  background: var(--wp--preset--color--pale-1);
  color: var(--wp--preset--color--red);
  padding: 2vh 2vw;
  border-radius: 64px;
  font-family: Karla;
}

li.wp-block-navigation-item.mobile-only-menu-option.mobile-menu-subscribe.wp-block-navigation-link {
  display: block;
  margin-left: 0px;
}

/* INTERIM MENU */
/* INTERIM MENU to MOBILE MENU PROPER transition */
@media (min-width: 1080px) {
/* toggle mobile menu OFF, desktop menu ON */
.wp-block-navigation__responsive-container-open::after {
  content: "MENU";
  font-family: var(--wp--preset--font-family--karla);
  align-self: center;
  font-size: 1.2rem;
}
.wp-block-navigation__responsive-container-close svg,
.wp-block-navigation__responsive-container-open svg {
  height: 42px;
  width: 42px;
  padding: 1vh 1vw;
}
}/* @media (min-width: 1080px) */
@media only screen and (max-width: 1080px) {
/* Undo the additional INTERIM MENU stuff when 
   it's time for the MOBILE MENU PROPER to kick in */
   .wp-block-navigation__responsive-container-open::after {
    display: none;
  }
  .wp-block-navigation__responsive-container-close svg,
  .wp-block-navigation__responsive-container-open svg {
    padding: 0px;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
    padding-top: calc(6rem + 24px);
  }
}/* @media (max-width: 1080px) */


/**
 *  STANDFIRST
 */
 .wp-block-group.standfirst p {
  line-height:1.7rem; /* clamp between 1.1 and 1.3 */
  font-size: 1.1rem;
  letter-spacing: 0rem;
  /* font-weight: 800; */
  margin-bottom: 1.7rem;
}


/**
 *  ETHICAL ADS
 */
.ethical-ads a img {
  width: 100%;
}


/**
 *  AUTHOR BIO
 */
.author-bio {
  padding-top: 1vh;
  padding-left: 1vw;
  border-bottom: 1px solid var(--wp--preset--color--pale-3);
  border-left: 1px solid var(--wp--preset--color--pale-3);
  position: relative;
}
.author-bio::before {
  position: absolute;
  content: '---------------------------';
  top: 0px;
  left: 0px;
  color: transparent;
  top: 0px;
  left: 0px;
  border-top: 1px solid var(--wp--preset--color--pale-3);
}
.author-bio p {
  color: var(--wp--preset--color--black);
  font-size: 1.2rem;
  letter-spacing: 0.07rem;
}


/**
 *  SIDEBAR SOCIALS
 */
.wp-block-group.sidebar-socials {
  background: var(--wp--preset--color--pale-1);
  margin-block-start: 0px;
}
.wp-block-group.sidebar-socials h2.wp-block-heading {
  background-color: var(--wp--preset--color--pale-2);
  padding: 1vh 1vw;
  font-family: var(--wp--preset--font-family--karla);
  font-size: 1.15rem;
  line-height: 1.3rem;
  font-weight: 600;
}
.wp-block-social-links {
  padding-bottom: 2vh;
  padding-left: 1vw;
}


/**
 *  RELATED CONTENT
 */
.wp-block-group.related-content-in-sidebar {
  background: var(--wp--preset--color--pale-1);
  margin-block-start: 0px;
}
.wp-block-group.related-content-in-sidebar h2.wp-block-heading {
  background-color: var(--wp--preset--color--pale-2);
  padding: 1vh 1vw;
  font-family: var(--wp--preset--font-family--karla);
  font-size: 1.15rem;
  line-height: 1.3rem;
  font-weight: 600;
}
.wp-block-group.related-content-in-sidebar p {
  margin-block-start: 0px;
  border-top: 1px solid var(--wp--preset--color--pale-3);
  padding-top: 2vh;
  padding-bottom: 2vh;
  /* color: var(--wp--preset--color--grey-dark); */
  font-weight: 500;
  padding-left: 1vw;
  font-size: 1.05rem;
  line-height: 1.25rem;
}
.wp-block-group.related-content-in-sidebar a {
  text-decoration: none;
}
.wp-block-group.related-content-in-sidebar a:hover {
  color: var(--wp--preset--color--red);
}


/**
 *  SOCIALS
 */
ul.wp-block-social-links.is-style-logos-only li.wp-social-link {
  color: var(--wp--preset--color--grey-dark);
}


/**
 *  GROUP IS HYPERLINK
 */
/* Group Blocks: Make the whole container a hyperklink to the thing that's the main anchor element in the group */
.group-is-hyperlink a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/** 
 * RESPONSIVE 
 *
 * - Remember to move all of this to the relevant section 
 *
 */


/* LEFT-HAND GUTTER */

/* Add left hand 'gutter' to some pages on wider screens */
@media (min-width: 1333px) {
  /* .post-template-wp-custom-template-responsive-testing .entry-content.wp-block-post-content,
  .post-template-wp-custom-template-responsive-testing .entry-content.wp-block-post-content,
  .post-template-wp-custom-template-responsive-testing .entry-content.wp-block-post-content, */
  .page-template-default .entry-content.wp-block-post-content:not(.front-page-content),
  .post-template-default .entry-content.wp-block-post-content,
  .author-bio {
    max-width: 42vw;
    margin-left: auto !important;
    margin-right: 0 !important;
  }
}


/* RIGHT-HAND SIDEBAR */

/* Move Right-hand Sidebar below main content on pages that have it and 
   sort out widths and positioning of elements it contains */

/* Increase Columns breakpoint to 1245px from default of 782px */
@media (max-width: 1244px) {
  .wp-block-columns.with-rh-sidebar-columns {
    flex-wrap: wrap !important;
  } 
  .wp-block-columns.with-rh-sidebar-columns > .wp-block-column.main-page-content-left-column {
    flex-basis: 100% !important;
    padding-right: 0px !important;
    flex-grow: 1;
  }
/* Make content wider when Right-hand Sidebar has wrapped */
  body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    margin-right: 3px !important;
    margin-left: 3px !important;
    max-width: 100%;
  }
  
/* container for Sidebar Socials, Related Content and Sidebar Ads sections 1 */
  .wp-block-columns.with-rh-sidebar-columns > .wp-block-column {
    flex-basis: 100% !important;
  }
  .wp-block-columns.with-rh-sidebar-columns > .wp-block-column .wp-block-group {
    max-width: none;
    margin-top: 10vh;
    text-align: center;
  }
  .wp-block-column.cat-excerpt-column-2 {
    text-align: left;
  }
/* container for sidebar Socials and Related Content sections 4 */
  /* .with-rh-sidebar-columns .wp-block-group.sidebar-socials,
  .with-rh-sidebar-columns .wp-block-group.related-content-in-sidebar {
    max-width: 100%;
    text-align: center;
  } */
/* container for Sidebar Socials, Related Content and Sidebar Ads sections 5 */
  .with-rh-sidebar-columns .wp-block-group.sidebar-socials h2.wp-block-heading,
  .with-rh-sidebar-columns .wp-block-group.related-content-in-sidebar h2.wp-block-heading {
    margin: auto 0px !important;
    max-width: 100%;
    text-align: center;
  }
  /* container for Sidebar Socials, Related Content and Sidebar Ads sections 6 */
  .with-rh-sidebar-columns .wp-block-group.sidebar-socials .wp-block-social-links {
    padding-left: 0px;
    max-width: none;
    display: inline-flex;
  }
/* container for Sidebar Socials, Related Content and Sidebar Ads sections 7 */
  .with-rh-sidebar-columns .wp-block-group.related-content-in-sidebar p {
    padding-left: 2vw;
    max-width: none;
    text-align: left;
  }
/* Ads */
  #RedPepperArticle1,
  #RedPepperArticle2,
  #RedPepperArticle3 {
    display: inline-block;
  }
  #RedPepperArticle1 {
    margin-top: 11vh;
  }
/* Category pages */
  /* body .is-layout-constrained > .cat-excerpt-columns-container {
    margin-right: 0px !important;
    width: 100%;
    max-width: 100%;
  }
  .with-rh-sidebar-columns .cat-excerpt-column-2 h2.wp-block-post-title {
    padding-top: 2vh;
  } */
}/*@media (max-width: 1244px)*/

/* container for sidebar Socials and Related Content sections 4 */
  /* .with-rh-sidebar-columns .wp-block-group.sidebar-socials,
  .with-rh-sidebar-columns .wp-block-group.related-content-in-sidebar {
    max-width: 100%;
    text-align: center;
  } */




/* See: https://wordpress.org/support/topic/change-responsive-beak-point-on-columns/ */

/* Increase Columns breakpoint to 1245px from default of 782px */
/* From online source */
/* @media (max-width: 1244px) {
  /* .wp-block-columns.with-rh-sidebar-columns > .wp-block-column 
  /* .entry-content .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column * {
      flex-basis: 100% !important;
  }
} */

/* Your previous */
/* @media (min-width: 1245px) {
  .wp-block-columns {
    flex-wrap: nowrap !important;
  }
} */

/* Your investigation */
/* @media (max-width: 1244px) {
 .wp-block-columns.with-rh-sidebar-columns > .wp-block-column.main-page-content-left-column {
    flex-basis: 100% !important;
    padding-right: 0;
  }
} */
/* From online source */
/* @media (min-width: 1245px){
.entry-content .wp-block-columns.with-rh-sidebar-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
      flex-basis: 0 !important;
      flex-grow: 1 !important;
  }
} */


/* Your investigation */
/* @media (min-width: 1245px){
.wp-block-columns {
    flex-wrap: wrap !important;
  }
} */

/* @media (max-width: 1245px) {
  .with-rh-sidebar-columns .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
    flex-basis: 100% !important;
  }
}*/
/* I THINK This works - keep it */
/* @media (max-width: 1245px) {
  .with-rh-sidebar-columns .wp-block-column {
    flex-grow: 1;
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
  }
} */


/* @media (min-width: 1145px) {
  .with-rh-sidebar-columns .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column[style*="flex-basis"] {
    flex-grow: 0;
  }
}
@media (min-width: 1145px) {
  .with-rh-sidebar-columns .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
    flex-basis: 0;
    flex-grow: 1;
  }
} */

/* MOBILE HEADER & FOOTER */
@media (min-width: 1080px) {
/* toggle mobile header and footer OFF, desktop header and footer ON */
  .mobile-header,
  .mobile-footer {
    display: none;
  }
  .desktop-header,
  .desktop-footer {
    display: block;
  }
}/* @media (min-width: 1080px) */
@media (max-width: 1080px) {
/* toggle desktop header and footer OFF, mobile header and footer ON */
  .desktop-footer,
  .desktop-header {
    display: none;
  }
  .mobile-header,
  .mobile-footer {
    display: block;
  }
  
/* mobile header */
  .mobile-header .wp-block-cover {
    min-height: 100px;
  }
  /* .mobile-header .wp-block-cover {
    min-height: 15vh;
    max-height: 20vh;
    height: 15vh;
  } */
  .mobile-header .wp-block-navigation__responsive-container-open {
    margin-left: auto;
  }
  .wp-block-navigation__responsive-container-open svg {
    width: 10vw;
    height: 10vw;
  }
  .mobile-header .wp-block-columns {
    flex-wrap: nowrap !important;
  }

/* mobile footer */
  .mobile-footer .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg {
  fill: var(--wp--preset--color--white);
  }
  .footer-subscribe-container .wp-block-group,
  .footer-sign-up-container .wp-block-group {
    padding: 24px 12px;
  }
  .wp-block-columns.footer-subscribe-container,
  .wp-block-columns.footer-sign-up-container {
    border-top: 0px;
  }
  footer.mobile-footer .mobile-footer-links-list a {
    color: var(--wp--preset--color--white);
    text-decoration: none;
  }
  footer.mobile-footer .mobile-footer-links-list a:hover {
    color: var(--wp--preset--color--white);
  }
}/* @media (max-width: 1080px) */

@media (max-width: 781px) {
  .mobile-footer .wp-block-columns:not(.mobile-footer .wp-block-columns.copyright) {
    max-width: 50vw;
  }
}/*@media (max-width: 781px)*/


/**
 *  FOR RESPONSIVENESS
 */
/* DON'T use these in media queries, until W3C has defined support */
:root {
  --wp--preset--width--wp-default-mobile-menu: 660px;
  --wp--preset--width--interim-mobile-menu: 1333px;
  --wp--preset--width--mobile-gutter-collapse: var(--wp--preset--width--interim-mobile-menu);
  --wp--preset--width--mobile-column-wrap: 1245px;
  --wp--preset--width--sidebar-collapse: var(--wp--preset--width--mobile-column-wrap);
  --wp--preset--width--mobile-header-footer: 1080px;
  --wp--preset--width--mobile-menu: 1080px; /* Mobile Menu Proper*/
  --wp--preset--width--top-section-wrap: 985px;
}
/* ^^ DON'T use these in media queries, until W3C has defined support */


/**
 *  COOKIE BANNER
 */
.cmplz-cookiebanner {
  --cmplz_banner_background_color: var(--wp--preset--color--pale-1);
  --cmplz_button_accept_background_color: var(--wp--preset--color--grey);
  --cmplz_button_accept_border_color: transparent;
  --cmplz_button_accept_text_color: var(--wp--preset--color--white);
  --cmplz_button_deny_text_color: var(--wp--preset--color--grey);
  --cmplz_button_settings_border_color: var(--cmplz_button_accept_background_color);
  --cmplz_button_settings_text_color: var(--cmplz_button_accept_background_color);
  --cmplz_category_header_always_active_color: var(--wp--preset--color--red);
}


/**
 *  CONTACT FORM 
 */
.btn.btn-default,
.contact-form-submit-button .btn.btn-default {
  font-family: var(--wp--preset--font-family--karla);
  color: var(--wp--preset--color--white);
  background-color: var(--wp--preset--color--red);
  font-size: 1.4rem;
}


/**
 *  EXACT EDITIONS EMBED
 */
/* .wp-block-group.exact-editions-preview-embed iframe {
  max-width: 100%;
  width: 100%;
  /* height: 800px; *
} */


/**
 *  CiviCRM 
 */
/* Hide the uneditable field that defines the number of copies on the two main subscription forms */
#editrow-custom_31 {
  display:none;
}

/* Civi doesn't pick up the hyperlink styling, so apply it here */
.civicrm-form .crm-container a,
.civicrm-form .crm-container a:link,
.civicrm-form .crm-container a:visited {
  color:var(--wp--preset--color--black);
}
.crm-container a,
.crm-container a:link,
.crm-container a:visited {
  color: var(--wp--preset--color--black) !important;
}

/* Override Civi's standard font sizes */
/* Civi CSS seesm to load after the theme's stylesheet, so !important */
#crm-container.crm-public .crm-public-form-item * {
  font-size: 1.2rem !important;
}
#crm-container.crm-public .crm-public-form-item fieldset legend {
  font-family: var(--wp--preset--font-family--antonio) !important;
  color: var(--wp--preset--color--black) !important;
  font-size: 1.8rem !important;
  line-height: 2rem;
  margin-bottom: 1.8rem;
  text-transform: none !important;
}
/* Copied all of these from the civi css */
.crm-container #alpha-filter li,
.crm-container h3,
.crm-container,
#crm-container .ui-tabs-panel,
.crm-container .crm-tab-button a, 
.crm-container .ui-tabs .ui-tabs-nav li a,
.ui-dialog .ui-widget,
.crm-container .ui-widget
.crm-container input,
.crm-container fieldset legend,
.crm-container select, 
.crm-container textarea,
.crm-container button,
.crm-container label,
div.ui-dialog,
#crm-container,
.crm-container .ui-widget,
#crm-container .ui-widget,
.ui-widget input, 
.ui-widget select, 
.ui-widget textarea, 
.ui-widget button,
.ui-widget,
.crm-container .select2-container .select2-choice > .select2-chosen,
.crm-container div.select2-container,
.crm-container input.form-submit, 
.crm-container a.button {
  font-family: var(--wp--preset--font-family--karla) !important;
  color: var(--wp--preset--color--black) !important;
	font-size: 1.2rem !important;
}

/* Hyperlinks in forms */
.crm-container a,
.crm-container a:link,
.crm-container a:visited {

}

/* Buttons on forms */
.civicrm-form .crm-container a.button,
.civicrm-form .crm-container a.button:link,
.civicrm-form .crm-container a.button:visited,
.civicrm-form .crm-container .ui-dialog-buttonset .ui-button,
.civicrm-form .crm-container .crm-button {
  /* border: 1px solid var(--wp--preset--color--red) !important; */
  border: none;
  background: var(--wp--preset--color--red);
  text-shadow: none;
  font-size: 1.2rem;
}
.crm-container .crm-button,
.crm-container .crm-button:hover,
.crm-container .crm-button:focus, 
#crm-container a.button,
#crm-container a.button:hover,
#crm-container a.button:focus, 
.crm-container a.button:link,
.crm-container a.button:link:hover,
.crm-container a.button:link:focus,
#crm-container button,
#crm-container button:hover,
.crm-container a.button:focus,
.crm-container input.form-submit,
.crm-container input.form-submit:hover,
.crm-container input.form-submit:focus,
#crm-container input[type="button"], 
.crm-container input[type="submit"],
#crm-container input.form-submit-inline,
#crm-container input.form-submit-inline:hover ,
#crm-container input.form-submit-inline:focus, 
#crm-container .crm-button,
#crm-container .crm-button:hover,
#crm-container .crm-button:focus,
.crm-container .ui-dialog-buttonset .ui-button,
.crm-container .ui-dialog-buttonset .ui-button:hover,
.crm-container .ui-dialog-buttonset .ui-button:focus,
#bootstrap-theme .btn,
#bootstrap-theme .btn:hover,
#bootstrap-theme .btn:focus,
#bootstrap-theme .btn.focus,
#bootstrap-theme .btn-primary,
#bootstrap-theme .btn-primary:hover {
	background-color: var(--wp--preset--color--red) !important;
	border-color: none !important;
	text-decoration: none !important;
	color: var(--wp--preset--color--white) !important;
  border-radius: 64px !important;
  padding: 1.5vh 2.5vw !important;
  font-size: 1.8rem !important;
  font-weight: 800;
}
/* Hide the extra icons civi adds to buttons */
i.crm-i.fa-check,
i.crm-i.fa-chevron-right,
i.crm-i.fa-chevron-left,
i.crm-i.fa-spinner,
i.crm-i.fa-pulse {
  display: none;
}

/* Sort out the vertical spacing and horizontal lines in the Civi forms */
.crm-public-form-item.crm-section {
  margin-top: 5vh;
}

.crm-container .crm-block fieldset,
.crm-container .crm-block fieldset legend {
  border: none;
}

.civicrm-form .crm-container .crm-title h2 {
  display: none;
}

.crm-container .crm-error,
.crm-container .crm-inline-error {
  background: none !important;
  color: var(--wp--preset--color--red) !important;
  padding-left: 0.3rem !important;
}

/* Hide PAYMENT OPTIONS section:
   Title and "[x] I will make a bank payment against your invoice." */
fieldset.crm-public-form-item.crm-group.pay_later-group {
    display: none;
}
.crm-container .help {
  background: none !important;
}
#crm-container #pricevalue,#crm-container.crm-public .label {
   font-size: 1.2rem !important;
}