/* 
    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
    POPUPBUILDER
    EXACT EDITIONS WHITE LABELLING LINK GENERATOR
    THEME MY LOGIN
    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);
}

/* In Focus section (used to be called 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);
}
/* Make each column the height of the tallest (for height of left border on second and third) */
.wp-block-column.is-vertically-aligned-top.from-our-archive-column.is-layout-flow.wp-block-column-is-layout-flow {
    align-items: stretch;
    align-self: auto;
}

/* Adverts section */
.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%;
}
/* See: "Increase Columns breakpoint to 1245px from default of 782px" below */
/* Adjustment for rp-box blocks when used in interviews */
@media (max-width: 1244px) {
  .wp-block-group.rp-box,
  p.rp-box {
    margin-left: -3% !important;
  }
 }/*@media (max-width: 1244px)  */

/* 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 */
/* Buttons will generally be styled here but look elsewhere for some specific exceptions */
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,
  .wp-block-button.rp-button a.wp-block-button__link
  )) {
    color: var(--wp--preset--color--black);
    text-decoration: none;
}

/* Hyperlinks as per design */
.wp-block-column.main-page-content-left-column a:where(:not(.wp-block-column.main-page-content-left-column .rp-button a.wp-block-button__link.wp-element-button, .wp-block-column.main-page-content-left-column .crm-section a)),
.red-pepper-archive-template-content-block a:where(:not(
  .red-pepper-archive-template-content-block
  .archive-intro-right-column a,
  .wp-block-column.main-page-content-left-column .wp-block-button.rp-button a.wp-block-button__link)),
.civicrm-form a,
.wp-block-term-description 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,
.column-1 .wp-block-term-description a:hover {
  background-image: linear-gradient(180deg,transparent 65%,var(--wp--preset--color--red) 0);
}
/* Hover for RP Button block pattern */
.wp-block-column.main-page-content-left-column .wp-block-button.rp-button a.wp-block-button__link:hover {
  background-image: none;
  /* background-color: var(--wp--preset--color--red) !important; */
  background-color: var(--wp--preset--color--grey-dark) !important;
}
.wp-block-column.main-page-content-left-column .wp-block-button.rp-button:hover {
  /* background-color: red;
  border-radius: 1vw; */
  background-color: var(--wp--preset--color--grey-dark);
  border-radius: 64px;
}

/* 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(../png/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;
}

/* 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: 151px;
}

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

.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) */

/* neutralise 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.rh-sidebar .wp-block-group {
    max-width: none;
    margin-top: 1vw;
    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;
  } */

/* SIDEBAR SOCIALS - Social Sharing plugin - reponsiveness */
/* Make the two columns containing Social Sharing plugin stack in RH column at narrower screen wodths, before the RH column stacks at even narrower screen widths */
@media (max-width: 1233px) {
.wp-block-columns.share-this-socials-sharing-columns {
  flex-direction: column;
}
.share-this-socials-sharing-left-column ul.wp-block-outermost-social-sharing {
  padding-right: 0px !important;
  padding-bottom: 0.25em;
}
.share-this-socials-sharing-right-column ul.wp-block-outermost-social-sharing {
  padding-top: 0.25em;
  padding-left: 0px !important;
}
.share-this-socials-sharing-left-column ul.wp-block-outermost-social-sharing,
.share-this-socials-sharing-right-column ul.wp-block-outermost-social-sharing {
  justify-content: center;
}
}/* @media (max-width: 1233px) */

/* Make the two columns containing Social Sharing plugin UNstack in RH column at narrower screen widths, */
/* AFTER the RH column stacks at even narrower screen widths */
@media (max-width: 781px) {
/* SIDEBAR SOCIALS - Social Sharing plugin */
/* side by side again */
.wp-block-group.sidebar-socials {
  margin-top: 5vw;
}

.wp-block-columns.share-this-socials-sharing-columns {
  flex-direction: row;
}
/* Override the default column width in this media query */
.wp-block-group.sidebar-socials .wp-block-columns.share-this-socials-sharing-columns > .wp-block-column {
  flex-basis: 50% !important;
}
.share-this-socials-sharing-left-column ul.wp-block-outermost-social-sharing {
  justify-content: right;
  padding-right: 0.15em !important;
  padding-bottom: 0px;
}
.share-this-socials-sharing-right-column ul.wp-block-outermost-social-sharing {
  justify-content: left;
  padding-top: 0px;
  padding-left: 0.15em !important;
}
/* .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column .share-this-socials-sharing-left-column ul.wp-block-outermost-social-sharing,
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column .share-this-socials-sharing-right-column ul.wp-block-outermost-social-sharing {
  display: flex;
  flex-basis: 50% !important;
} */
}/* @media (max-width: 1233px) */

/* 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;
  }

/* Fix alignment so they all display and are correctly aligned */
  .mobile-footer .wp-block-social-links.aligncenter {
      justify-content: left;
  }
  /* ... and padding. */
  .mobile-footer-socials {
    padding-left: 2vw;
  }
  .wp-block-social-links {
    padding-left: 0vw;
  }
}/*@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);
}
/* Ensure entire cookie banner is visible on v narrow screens */
.cmplz-cookiebanner.cmplz-show {
    max-width: 80vw;
}

/**
 *  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;
}


/**
 *  POPUPBUILDER
 */
.sgpb-popup-builder-content-45727 figure.wp-block-image.aligncenter {
  margin-left: auto !important ;
  margin-right: auto !important;
}


/**
 *  EXACT EDITIONS WHITE LABELLING LINK GENERATOR
 */
.ee-link-button .ee-link-button-link {
    background: var(--wp--preset--color--red);
    background-image: none !important;
}


/**
 *  THEME MY LOGIN
 */
.tml input {
  line-height: 2.2rem;
  font-size: 2rem;
}
.tml-button {
  cursor: pointer;
  background-color: var(--wp--preset--color--red) !important;
  text-decoration: none !important;
  color: var(--wp--preset--color--white) !important;
  border: none;
  border-radius: 64px;
  padding: 1.5vh 2.5vw;
  font-size: 1.5rem;
  font-weight: 800;
}


/**
 *  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,
.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 {
	cursor: pointer;
  background-color: var(--wp--preset--color--red) !important;
	border: 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.2rem !important;
  font-weight: 800;
  text-shadow: none;
}
/* 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,
#crm-container.crm-public .content {
   font-size: 1.2rem !important;
}

/* Pepperista sign-up form */
.crm-profile-name-Pepperista .crm-submit-buttons {
    text-align: center;
    margin-top: 3.25vw;
}

.pepperista-civi-profile .crm-title {
    visibility: hidden;
    display: none;
}

#crm-container .crm-contribution-page-id-14 div#force_renew.content, #crm-container .crm-contribution-page-id-3 div#force_renew.content {
display:none !important;
}

/* spacing button on Pepperista sign up form */
#crm-container .crm-profile-name-Pepperista #editrow-last_name {
margin-bottom: 20px;
}

/* ddupdate form tweaks */
div.inlay-update-giving div.change-amount input {
font-size: 1.2rem;;
}
div.inlay-update-giving div.change-go button {
margin-top: 20px;
font-size: 1.2rem;
color: white;
background-color: var(--wp--preset--color--red);
}
div.inlay-update-giving div.change-go button:hover {
margin-top:20px;
font-size: 1.2rem;
color: black;
background-color: var(--wp--preset--color--gray);
}