/* 
    REMOVE FSE AUTOMATIC PADDING
    TEMPLATES
      FRONT PAGE TEMPLATE
      SINGLE POSTS TEMPLATE
      CATEGORY ARCHIVE PAGE
      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
    STANDFIRST
    ETHICAL ADS
    AUTHOR BIO
    SIDEBAR SOCIALS
    RELATED CONTENT
    GROUP IS HYPERLINK
    RESPONSIVE
      MOBILE HEADER & FOOTER
    FOR RESPONSIVENESS
    COOKIE BANNER
    CONTACT FORM
    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; */
  clamp(2rem, 2.5vw, 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 */
.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 */
.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;
}
.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;
}

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


/**
 * 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.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 */
p {
  font-size: 1.2rem;
  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::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
 */
/* a {
  transition: 1s;
} */
/* This catches most hyperlink in normal text areas */
/* Some will be done specifically eg Yoast Breadcrumbs */
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;
  /* transition: all 500ms linear; */
}
/* .wp-block-column.main-page-content-left-column {
  transition: all 500ms linear;
} */
.wp-block-column.main-page-content-left-column p a {
  color: var(--wp--preset--color--black);
  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;
  /* transition: all 500ms linear; */
}
.wp-block-column.main-page-content-left-column p a:hover {
  background-image: linear-gradient(180deg,transparent 65%,var(--wp--preset--color--red) 0);
}

/* 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)):hover {
  text-decoration-color: var(--wp--preset--color--red) !important;
} */




/* .article-content {
  transition: all .25s cubic-bezier(.785,.135,.15,.86);
} */
  
/* .article-content h2 span {
  transition: background-size .5s ease-in-out;
  background-image: linear-gradient(180deg,transparent 65%,var(--wp--preset--color--pale-3) 0);
  background-size: 0 100%;
  background-repeat: no-repeat;
} */
  
/* .article-item:hover h2 span {
    background-size: 100% 100%;
} */

/*
 *  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;
}
.header-search-column,
.header-subscribe-column {
  padding-top: 4vh;
  padding-bottom: 4vh;
}
.header-search-column {
  padding-right: 2vw;
}
.header-subscribe-column {
  padding-left: 2vw;
}
.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;
}
.wp-block-search__button {
  background-color: transparent;
}
.header-search button.wp-block-search__button.has-icon.wp-element-button svg {
  fill: transparent;
}
.header-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;
  padding-top: 3px;
  padding-right: 12px;
  margin-top: 1vh;
  margin-bottom: 1vh;
}
/* 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.85rem, 0.85rem + (1vw * 0.11), 1.3rem) !important
}

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

.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;
}
.header-search-column .wp-block-search__input:focus-visible {
  outline: none;
}


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

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

/* MOBILE MENU BREAKPOINT */
/* There are TWO breakpoints: 
   one for an Interim Mobile Menu and
   one for the Mobile Menu Proper */

/* Interim Mobile Menu
   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 and change the padding */

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


/* 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
   NOT the Desktop Menu
   NOR the Interim Menu
   These navigation items in the Navigation Block have an "Additional CSS" 
   class of: mobile-only-menu-option
*/
  .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;
  }
}


/* Interim menu */

/* Interim Menu to Mobile Menu Proper transition */
@media (min-width: 1080px) {
/* toggle mobile OFF, desktop 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) */

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


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

/* 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 OFF, desktop ON */
  .mobile-header,
  .mobile-footer {
    display: none;
  }
  .desktop-header,
  .desktop-footer {
    display: block;
  }
}/* @media (min-width: 1080px) */
@media (max-width: 1080px) {
/* toggle desktop OFF, mobile 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-social-link svg {
    fill: 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;
  }
}


/* Top sections of pages that have a Standfirst/Description and a Featured Image */





/* .main-page-content-left-column {
} */

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


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