/* New Home page launch */
.page-template-template-notitle .site .site-main {
  padding-top: 9rem;
}

.jetpack-instant-search__box input[type=search].jetpack-instant-search__box-input {
  max-width: calc(100% - 36px);
}

@media screen and (max-width: 991px) {
  .jetpack-instant-search__search-results-filter-button {
    display: none !important;
  }
  .jetpack-instant-search__box input[type=search].jetpack-instant-search__box-input,
  .jetpack-instant-search__search-results-controls {
    max-width: 100%;
  }
}
@media screen and (max-width: 415px) {
  .jetpack-instant-search__search-sort {
    display: block !important;
  }
  .jetpack-instant-search__search-sort button.jetpack-instant-search__search-sort-option {
    display: inline-block;
    margin-bottom: 1rem;
  }
  .jetpack-instant-search__search-form-controls {
    margin-top: 4rem !important;
    margin-bottom: 1rem !important;
  }
}
.jetpack-instant-search__search-results-wrapper,
.jetpack-instant-search__search-results-wrapper.has-colophon {
  max-width: 100% !important;
}

@media (min-width: 992px) {
  .jetpack-instant-search .jetpack-instant-search__search-results-wrapper {
    max-width: 100% !important;
  }
}
.jetpack-instant-search .jetpack-instant-search__jetpack-colophon {
  border-top: none !important;
}

.entry-content ul ul {
  list-style: square;
  margin-left: 6rem;
  margin-top: 1rem;
}

.footer-menus ul li {
  padding-left: 2rem;
  text-indent: -2rem;
}

.substances-wrap ul.substances li {
  text-indent: unset;
  padding-left: 0;
}

/*remove the border radius from the BCSP Logo in the top left of the homepage*/
.wp-block-image .wp-image-1358 {
  border-radius: 0;
}

/* GH348 - TR - 9/3/23 */
.contact-form .grunion-checkbox-multiple-options, .contact-form .grunion-radio-options {
  padding: 1.25rem 2rem !important;
  border-radius: 30px !important;
  border: none !important;
  background: rgb(246, 246, 246) !important;
}
.contact-form label.radio {
  margin: auto;
}

/* fix homepage & News layout */
.home .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained,
body.page-id-38779 .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained,
body.page-id-65068 .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained,
body.page-id-67540 .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained {
  max-width: unset;
}

/* [Vincent] Remove bottom margin from title - #8197227 - /psychedelics-in-society-and-culture/ */
.PSC-title-margin-bottom {
  margin-bottom: 0px !important;
}

/*News page loop*/
li.wp-block-post {
  margin-left: 0;
}

/*2024-09-03 Tonci 8674138 page width*/
@media screen and (min-width: 848px) {
  body.page-id-48435 main.site-main {
    max-width: 840px !important;
    margin: auto;
  }
  /*2024-09-05 Vincent 8674138 page width*/
  body.page-id-48435 .wp-block-group.is-style-overlay-group, .wp-block-group-editor.is-style-overlay-group {
    margin-top: 0px;
  }
  body.page-id-48435 .wp-block-group.is-style-intro-group, .wp-block-group-editor.is-style-intro-group {
    padding: 4rem 4rem 2rem;
  }
  body.page-id-48435 .wp-block-group.tile h2 {
    position: inherit;
  }
  body.page-id-48435 .wp-block-group.tile h2 a:hover {
    outline: none;
  }
  body.page-id-48435 a {
    outline: none;
  }
}
/*2024-09-30 Vincent 8761686 Past Events update */
body.page-id-49129 .bcsp-single-se-event_content {
  border-color: #000000 !important;
}

@media screen and (min-width: 1520px) {
  body.page-id-49129 .wp-block-group.is-style-overlay-group, .wp-block-group-editor.is-style-overlay-group {
    padding: 4rem 0 2rem;
  }
}
/*2024-11-15 Vincent 9044084 remove max-width */
body.page-id-53723 .wp-block-group > * {
  max-width: 100%;
}

/*2026-02-26 Nyiriland buttons, link style tweaks, buncha things */
.wp-block-image a {
  border-bottom: none;
}

/* Buttons??? WTF */
.wp-block-button a.wp-block-button__link,
.wp-block-button-editor a.wp-block-button__link {
  display: block;
  text-decoration: none;
  border: none;
}

.wp-block-button a.wp-block-button__link:hover,
.wp-block-button-editor a.wp-block-button__link:hover,
.c-subscribe-section .c-subscribe-form [type=submit]:hover {
  background-color: #f2f2f2;
  color: #000;
  color: #f2f2f2;
  background: #000;
}

.wp-block-button a.wp-block-button__link, .wp-block-button-editor a.wp-block-button__link {
  border-radius: 100rem;
}

.button-wrap a.button:not(:focus) {
  outline: transparent;
}

.button-wrap a.button.donate-link {
  font-size: 2rem;
  padding: 0.6rem 0.8rem 0.6rem 0.9rem;
}
.button-wrap a.button.donate-link:hover, .button-wrap a.button.donate-link:focus {
  color: #f2f2f2;
  background: #000;
}

.single-post .button-wrap button {
  padding: 0.4rem 0.6rem;
  color: inherit;
  background: inherit;
}
.single-post .button-wrap button:hover {
  color: #888;
}

/* Remove Left and Right Margins from all headers. #10852765 -Vincent */
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 2rem;
}

/* Footer tweaks zd-11143556 */
.footer-menus a:hover {
  color: #000;
}

/* Signup form tweaks zd-11143556 */
.parsley-required,
.parsley-type {
  font-size: 2em;
}

/* Menu text on purple bg zd-11143556 */
.substances-wrap ul.substances li a.is-purple {
  color: #fff;
}

/* Contact & Giving page zd-11143556 */
.page-id-52 .wp-block-jetpack-button .wp-block-button__link {
  font-weight: bold;
  font-size: 2rem;
  color: #8c8f94;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.page-id-52 .mailpoet-heading {
  display: none;
}

.page-id-52 #mailpoet_form_1 .mailpoet_text_label {
  font-weight: 700;
  font-size: 2rem;
}

.page-id-52 .wp-block-jetpack-button .wp-block-button__link {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.page-id-52 .wp-block-jetpack-button .wp-block-button__link:hover {
  background: #444;
  color: #fff !important;
}

/* General links - kp zd-11143556 */
.entry-content a:hover {
  border-bottom: none;
}

/* More links - below podcast players kp zd-11143556 */
ul.wp-block-post-template.is-layout-flow > .wp-block-post > .wp-block-columns > .wp-block-column .wp-block-post-content.entry-content a.more-link {
  border-bottom: 1px solid #000;
}

ul.wp-block-post-template.is-layout-flow > .wp-block-post > .wp-block-columns > .wp-block-column .wp-block-post-content.entry-content a.more-link:hover {
  border-bottom: none;
}

/* Header and footer link accessibility - TR GH#669 */
.main-navigation .menus-wrap a:hover,
.footer-navigation a:hover {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}

/* New homepage heading styles kp zd-11143556 */
.home ul.wp-block-post-template .wp-block-post-title,
.page-id-65068 ul.wp-block-post-template .wp-block-post-title {
  letter-spacing: -1.2px;
  font-size: 3.2rem;
  line-height: 3.6rem;
  word-spacing: -3px;
  margin-bottom: 2rem;
  font-weight: 700;
}

@media screen and (max-width: 1024px) {
  .home ul.wp-block-post-template .wp-block-post-title,
  .page-id-65068 ul.wp-block-post-template .wp-block-post-title {
    font-size: 2rem;
    line-height: 3rem;
    letter-spacing: inherit;
    word-spacing: inherit;
  }
}
@media screen and (max-width: 960px) {
  .home ul.wp-block-post-template .wp-block-post-title,
  .page-id-65068 ul.wp-block-post-template .wp-block-post-title {
    font-size: 1.8rem;
    line-height: 3rem;
    letter-spacing: inherit;
    word-spacing: inherit;
  }
}
/* More links on Query Loop blocks kp zd-11143556 */
.wp-block-post-excerpt__more-text {
  margin-top: 10px;
}

/* States of Consciousness page - https://psychedelics.berkeley.edu/?page_id=65219 - center top section image on smaller screen */
body.page-id-65219 .is-style-intro-group .wp-block-image {
  justify-content: center;
  display: flex;
}

/* States of Consciousness page - center top text on smaller screens */
@media screen and (max-width: 782px) {
  body.page-id-65219 .is-style-intro-group {
    text-align: center;
  }
}
/* States of Consciousness page - pullquote */
body.page-id-65219 .entry-content.green-page .wp-block-pullquote p,
body.page-id-65219 .wp-block-pullquote p {
  font-size: 4rem;
  line-height: 1;
  color: #0082FF;
}

/* News - reduce top padding on Media Inquiries section (pink) */
.media-inquiries.wp-block-group.has-background {
  padding-top: 15px;
}

/* Homepage - remove border above Featured images  - new + old homepage DSG51-621 */
.c-news-section .secondary-topics .wp-block-column {
  border-top: none;
}

ul.wp-block-post-template li.category-featured {
  border-top: none;
}

/* News - remove border above featured images DSG51-621 */
.page-id-38779 ul.wp-block-post-template li,
.page-id-67540 ul.wp-block-post-template li {
  border-top: none;
}

/* News - hide duplicate Mailchimp heading */
body.page-id-67540 .mailpoet-heading,
body.page-id-38779 .mailpoet-heading {
  display: none;
}

/* New homepage - adjust headings in About section zd-11439993 */
@media screen and (min-width: 1440px) {
  .c-news-section.home-about .featured-topic.wp-block-columns h2 {
    margin-bottom: 1rem;
  }
}
/* New homepage - adjust headings in News section zd-11439993 */
.c-news-section.home-news .secondary-topics.wp-block-columns h3 {
  word-spacing: inherit;
}

/* New homepage - adjust About section intro text zd-11439993 */
.home-about-intro p {
  font-size: 2.8rem;
  line-height: 3rem;
  word-spacing: 1.7px;
  font-weight: 700;
  margin-bottom: 20px !important;
  padding-right: 10px;
}

/* New homepage - adjust top h1 zd-11439993 */
@media screen and (min-width: 1240px) {
  .page-id-65068 .c-intro-section.wp-block-columns h1 {
    margin-top: 20px;
    font-size: 4.2rem;
  }
}
/* New homepage - don't hide News blurbs on small screens kp zd-11439993 */
.c-news-section .secondary-topics p {
  display: inherit;
}

/* New homepage - News h3s - more space above on small screens kp zd-11439993 */
@media screen and (max-width: 768px) {
  .c-news-section .secondary-topics.wp-block-columns h3 {
    margin-top: 30px;
  }
}
/* New homepage - adjust subscribe columns kp zd-11439993 */
.wp-block-columns.home-subscribe.is-layout-flex {
  gap: 2em;
}

/* --------------------------------------------------------------------------
   1. WIDTH - wider, still fluid.
   MailPoet hard-codes 600px on BOTH the wrapper (as an inline style) and the
   <form>, so both need overriding. min() keeps it responsive with no media
   query. 880px is the only number to change to resize the pop-up.
   -------------------------------------------------------------------------- */
#mailpoet_form_5.mailpoet_form.mailpoet_form_popup,
#mailpoet_form_preview_5.mailpoet_form.mailpoet_form_popup {
  width: min(880px, 100vw - 32px) !important;
  max-width: min(880px, 100vw - 32px) !important;
  box-sizing: border-box !important;
}

#mailpoet_form_5 form.mailpoet_form.mailpoet_form_popup,
#mailpoet_form_preview_5 form.mailpoet_form.mailpoet_form_popup {
  width: min(880px, 100vw - 32px) !important;
  max-width: min(880px, 100vw - 32px) !important;
  box-sizing: border-box !important;
}

/* --------------------------------------------------------------------------
   2. TRANSPARENT POP-UP CHROME
   The white box is the outer wrapper, not the card. Making it transparent
   lets the card's 30px radius read against the overlay. Its drop shadow
   moves onto the card (section 3) so the shadow follows the rounded corners
   instead of a hidden rectangle.

   MailPoet also ships `margin: 0 80px` on the wrapper, which pushed the
   pop-up ~80px right of centre (it is centred with translate(-50%, -50%)).
   Zeroing it centres it properly and makes the width math above predictable.
   -------------------------------------------------------------------------- */
#mailpoet_form_5.mailpoet_form.mailpoet_form_popup,
#mailpoet_form_preview_5.mailpoet_form.mailpoet_form_popup {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

#mailpoet_form_5 form.mailpoet_form.mailpoet_form_popup,
#mailpoet_form_preview_5 form.mailpoet_form.mailpoet_form_popup {
  padding: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
}

/* --------------------------------------------------------------------------
   3. THE CARD - padding, gutter, vertical centring, shadow
   -------------------------------------------------------------------------- */
/* align-items centres the image and the text block against each other */
#mailpoet_form_5 form.mailpoet_form.mailpoet_form_popup .mailpoet_form_columns,
#mailpoet_form_preview_5 form.mailpoet_form.mailpoet_form_popup .mailpoet_form_columns {
  align-items: center !important;
  column-gap: 24px !important;
  padding: 30px !important;
  border-radius: 30px !important;
  box-shadow: 0 4px 35px rgba(195, 65, 2, 0.2) !important;
  box-sizing: border-box !important;
}

/* image column - a touch wider than MailPoet's 40% so the artwork fills the card height */
#mailpoet_form_5 form.mailpoet_form.mailpoet_form_popup .mailpoet_form_column:first-child,
#mailpoet_form_preview_5 form.mailpoet_form.mailpoet_form_popup .mailpoet_form_column:first-child {
  flex: 0 0 42% !important;
  max-width: 42% !important;
  padding: 0 !important;
}

/* the editor spacer adds ~21px of dead space at the top of the text column */
#mailpoet_form_5 form.mailpoet_form.mailpoet_form_popup .mailpoet_spacer,
#mailpoet_form_preview_5 form.mailpoet_form.mailpoet_form_popup .mailpoet_spacer {
  display: none !important;
}

/* --------------------------------------------------------------------------
   4. IMAGE - fill the column, natural aspect ratio, rounder corners
   -------------------------------------------------------------------------- */
#mailpoet_form_5 form.mailpoet_form.mailpoet_form_popup .mailpoet_form_image,
#mailpoet_form_preview_5 form.mailpoet_form.mailpoet_form_popup .mailpoet_form_image {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
}

/* line-height:0 kills the inline-image descender gap */
#mailpoet_form_5 form.mailpoet_form.mailpoet_form_popup .mailpoet_form_image figure,
#mailpoet_form_preview_5 form.mailpoet_form.mailpoet_form_popup .mailpoet_form_image figure {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
}

#mailpoet_form_5 form.mailpoet_form.mailpoet_form_popup .mailpoet_form_image img,
#mailpoet_form_preview_5 form.mailpoet_form.mailpoet_form_popup .mailpoet_form_image img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: none !important;
  border-radius: 24px !important;
}

/* --------------------------------------------------------------------------
   5. EMAIL + SUBSCRIBE ON ONE ROW
   The input and the submit live in two sibling .mailpoet_paragraph divs, so
   the row is built by turning the content column into a wrapping flex ROW:
   every child is forced to full width except those two, which share the
   last line.
   -------------------------------------------------------------------------- */
/* flex-direction:row is the fix - MailPoet lays this column out as `column`,
      which turned flex-basis into a HEIGHT and kept the button on its own line.
      padding:0 replaces MailPoet's `0 20px`; column-gap handles the gutter now */
#mailpoet_form_5 form.mailpoet_form.mailpoet_form_popup .mailpoet_form_column:last-child,
#mailpoet_form_preview_5 form.mailpoet_form.mailpoet_form_popup .mailpoet_form_column:last-child {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  align-content: center !important;
  column-gap: 10px !important;
  row-gap: 0 !important;
  flex: 1 1 0 !important;
  max-width: none !important;
  min-width: 0 !important;
  padding: 0 !important;
}

/* heading / paragraph / everything else: full width */
#mailpoet_form_5 form.mailpoet_form.mailpoet_form_popup .mailpoet_form_column:last-child > *,
#mailpoet_form_preview_5 form.mailpoet_form.mailpoet_form_popup .mailpoet_form_column:last-child > * {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}

/* email field wrapper - takes the remaining space, allowed to shrink */
#mailpoet_form_5 form.mailpoet_form.mailpoet_form_popup .mailpoet_form_column:last-child > .mailpoet_paragraph.mp-popup-email,
#mailpoet_form_preview_5 form.mailpoet_form.mailpoet_form_popup .mailpoet_form_column:last-child > .mailpoet_paragraph.mp-popup-email {
  flex: 1 1 180px !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
}

/* submit wrapper - sits beside it, sized to its own content */
#mailpoet_form_5 form.mailpoet_form.mailpoet_form_popup .mailpoet_form_column:last-child > .mailpoet_paragraph:last-child,
#mailpoet_form_preview_5 form.mailpoet_form.mailpoet_form_popup .mailpoet_form_column:last-child > .mailpoet_paragraph:last-child {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
}

/* --------------------------------------------------------------------------
   6. EMAIL FIELD - shorter, thinner border, softer placeholder
   Was: 60px tall, 3px border, 14px/30px padding, content-box.
   -------------------------------------------------------------------------- */
#mailpoet_form_5 form.mailpoet_form.mailpoet_form_popup input.mailpoet_text,
#mailpoet_form_preview_5 form.mailpoet_form.mailpoet_form_popup input.mailpoet_text {
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  height: 48px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 22px !important;
  border: 2px solid #dcdcdc !important;
  border-radius: 999px !important;
  background-color: #ececec !important;
  color: #313131 !important;
  font-size: 16px !important;
  line-height: 44px !important;
}

/* opacity:1 because Firefox dims placeholders by default */
#mailpoet_form_5 form.mailpoet_form.mailpoet_form_popup input.mailpoet_text::placeholder,
#mailpoet_form_preview_5 form.mailpoet_form.mailpoet_form_popup input.mailpoet_text::placeholder {
  color: #b3b3b3 !important;
  opacity: 1 !important;
  font-size: 16px !important;
}

#mailpoet_form_5 form.mailpoet_form.mailpoet_form_popup input.mailpoet_text:focus,
#mailpoet_form_preview_5 form.mailpoet_form.mailpoet_form_popup input.mailpoet_text:focus {
  border-color: #b8b8b8 !important;
  outline: none !important;
}

/* --------------------------------------------------------------------------
   7. SUBSCRIBE BUTTON - same height as the field, white pill, black label
   -------------------------------------------------------------------------- */
#mailpoet_form_5 form.mailpoet_form.mailpoet_form_popup input.mailpoet_submit,
#mailpoet_form_preview_5 form.mailpoet_form.mailpoet_form_popup input.mailpoet_submit {
  box-sizing: border-box !important;
  width: auto !important;
  height: 48px !important;
  min-width: 132px !important;
  margin: 0 !important;
  padding: 0 26px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background-color: #ffffff !important;
  color: #111111 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}

#mailpoet_form_5 form.mailpoet_form.mailpoet_form_popup input.mailpoet_submit:hover,
#mailpoet_form_preview_5 form.mailpoet_form.mailpoet_form_popup input.mailpoet_submit:hover,
#mailpoet_form_5 form.mailpoet_form.mailpoet_form_popup input.mailpoet_submit:focus,
#mailpoet_form_preview_5 form.mailpoet_form.mailpoet_form_popup input.mailpoet_submit:focus {
  background-color: #111111 !important;
  color: #ffffff !important;
}

/* --------------------------------------------------------------------------
   8. CLOSE BUTTON - white circle, pulled in off the corner
   It is an <input type="image">, so a background colour sits behind the "x".
   -------------------------------------------------------------------------- */
#mailpoet_form_5.mailpoet_form.mailpoet_form_popup input.mailpoet_form_close_icon,
#mailpoet_form_preview_5.mailpoet_form.mailpoet_form_popup input.mailpoet_form_close_icon {
  top: 24px !important;
  right: 24px !important;
  width: 14px !important;
  height: 14px !important;
  padding: 9px !important;
  box-sizing: content-box !important;
  background-color: #ffffff !important;
  border-radius: 50% !important;
  z-index: 5;
}

/* --------------------------------------------------------------------------
   9. TEXT - spacing and a nicer heading break
   -------------------------------------------------------------------------- */
/* text-wrap:balance reproduces the mockup's "Subscribe to news / from the BCSP"
      split instead of "...news from / the BCSP" */
#mailpoet_form_5 form.mailpoet_form.mailpoet_form_popup .mailpoet-heading,
#mailpoet_form_preview_5 form.mailpoet_form.mailpoet_form_popup .mailpoet-heading {
  margin: 0 0 18px !important;
  text-wrap: balance;
}

#mailpoet_form_5 form.mailpoet_form.mailpoet_form_popup .mailpoet_form_paragraph,
#mailpoet_form_preview_5 form.mailpoet_form.mailpoet_form_popup .mailpoet_form_paragraph {
  margin: 0 0 26px !important;
}

/* --------------------------------------------------------------------------
   10. RESPONSIVE
   Container queries rather than viewport media queries, because that is what
   MailPoet itself uses (`@container columns (width < 400px)` stacks the two
   halves). Querying the same containers keeps these breakpoints in step with
   MailPoet's instead of fighting them.
     container `columns` = .mailpoet_form_columns (the card)
     container `column`  = .mailpoet_form_column  (each half)
   This is also the part MailPoet's Custom CSS box throws away - another
   reason this file has to live in theme CSS.
   -------------------------------------------------------------------------- */
/* Content column too narrow for a field + button side by side -> stack them. */
@container column (width < 340px) {
  #mailpoet_form_5 form.mailpoet_form.mailpoet_form_popup .mailpoet_form_column:last-child > .mailpoet_paragraph.mp-popup-email,
  #mailpoet_form_preview_5 form.mailpoet_form.mailpoet_form_popup .mailpoet_form_column:last-child > .mailpoet_paragraph.mp-popup-email {
    flex: 0 0 100% !important;
    margin-bottom: 10px !important;
  }
  #mailpoet_form_5 form.mailpoet_form.mailpoet_form_popup .mailpoet_form_column:last-child > .mailpoet_paragraph:last-child,
  #mailpoet_form_preview_5 form.mailpoet_form.mailpoet_form_popup .mailpoet_form_column:last-child > .mailpoet_paragraph:last-child {
    flex: 0 0 100% !important;
    width: 100% !important;
  }
  #mailpoet_form_5 form.mailpoet_form.mailpoet_form_popup input.mailpoet_submit,
  #mailpoet_form_preview_5 form.mailpoet_form.mailpoet_form_popup input.mailpoet_submit {
    width: 100% !important;
  }
}
/* Card narrow enough that MailPoet stacks image over text -> match its padding. */
@container columns (width < 400px) {
  #mailpoet_form_5 form.mailpoet_form.mailpoet_form_popup .mailpoet_form_columns,
  #mailpoet_form_preview_5 form.mailpoet_form.mailpoet_form_popup .mailpoet_form_columns {
    padding: 22px !important;
  }
  #mailpoet_form_5 form.mailpoet_form.mailpoet_form_popup .mailpoet_form_column:first-child,
  #mailpoet_form_preview_5 form.mailpoet_form.mailpoet_form_popup .mailpoet_form_column:first-child {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin-bottom: 18px !important;
  }
}
/* Typographic fixes - @nyiriland */
.mailpoet_form_popup h1.mailpoet-heading.mailpoet-has-font-size {
  font-size: clamp(28px, 4vw, 40px) !important;
}

#mailpoet_form_preview_5 .mailpoet_paragraph, #mailpoet_form_5 .mailpoet_paragraph {
  align-self: flex-start;
}

/* Footer subscription form - @nyiriland */
#mailpoet_form_1 h3.mailpoet-heading {
  padding-bottom: 0 !important;
  margin-bottom: 30px !important;
}

#mailpoet_form_1 .mailpoet_text_label {
  margin-bottom: 16px !important;
}

#mailpoet_form_1 .mailpoet_paragraph {
  margin-bottom: 16px !important;
}

#mailpoet_form_1.mailpoet_form form.mailpoet_form input[type=submit] {
  padding: 1.4rem 3rem !important;
}