/* 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, 	.grunion-radio-options {
		padding: 1.25rem 2rem !important;
		border-radius: 30px !important;
		border: none !important;
		background: rgb(246,246,246) !important;
	}
	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;
}

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

.button-wrap a.button.donate-link {
	font-size: 2rem;
	padding: .6rem .8rem .6rem .9rem;
	
	&:hover, &:focus {
		color: #f2f2f2;
		background: #000;
	}
}

// Menu button on single posts
.single-post .button-wrap  button {
	padding: .4rem .6rem;
	color: inherit;
	background: inherit;
	
	&:hover {
		color: #888;
	}
}

// I'm trying to make less-wide sections but this is going to create a messsss
// .alignwide {
// 	max-width: 136rem;
// 	margin-left: auto;
// 	margin-right: auto;
// }

/* 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 .2s ease,color .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_form_5.mailpoet_form.mailpoet_form_popup,
#mailpoet_form_preview_5.mailpoet_form.mailpoet_form_popup {
	width: min(880px, calc(100vw - 32px)) !important;
	max-width: min(880px, calc(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, calc(100vw - 32px)) !important;
	max-width: min(880px, calc(100vw - 32px)) !important;
	box-sizing: border-box !important;
}

/* --------------------------------------------------------------------------
   2. TRANSPARENT POP-UP CHROME
   -------------------------------------------------------------------------- */
#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
   -------------------------------------------------------------------------- */
#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 {
	display: block !important;
	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
   -------------------------------------------------------------------------- */
#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
   -------------------------------------------------------------------------- */
#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
   -------------------------------------------------------------------------- */
#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 - viewport breakpoints, per the design feedback
   -------------------------------------------------------------------------- */
@media (max-width: 847px) {
	/* flex-wrap is what actually lets the two halves stack */
	#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 {
		flex-wrap: wrap !important;
		padding: 36px !important;
	}

	/* image column: full width, on top */
	#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: 32px !important;
	}

	#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;
	}
	#mailpoet_form_5 form.mailpoet_form.mailpoet_form_popup .mailpoet-heading,
	#mailpoet_form_preview_5 form.mailpoet_form.mailpoet_form_popup .mailpoet-heading {
		font-size: clamp(28px, 5.5vw, 40px) !important;
		line-height: 1.2 !important;
		margin: 0 0 20px !important;
	}

	#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 28px !important;
	}

	#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 {
		height: 52px !important;
		line-height: 48px !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 {
		height: 52px !important;
		min-width: 140px !important;
	}

	/* the x now sits over the image, ~12px inside it, as in the mockup */
	#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: 48px !important;
		right: 48px !important;
	}
}

/* ---- Phone: tighter padding, smaller heading, button under the field. ---- */
@media (max-width: 479px) {
	#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: 24px !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 {
		margin-bottom: 24px !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 {
		border-radius: 20px !important;
	}

	/* size itself is already handled by the clamp() above */
	#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 16px !important;
	}

	#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 22px !important;
	}

	/* field and button stack, both full width */
	#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: 0 0 12px !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;
		min-width: 0 !important;
	}

	#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: 36px !important;
		right: 38px !important;
		width: 12px !important;
		padding: 8px !important;
	}
}

@media screen and (max-width: 500px) {
	.mailpoet_form_popup_overlay.active:has(+ #mailpoet_form_5),
	.mailpoet_form_popup_overlay.active:has(+ #mailpoet_form_preview_5) {
		display: block !important;
	}
}

/* --------------------------------------------------------------------------
   11. MOBILE POSITION + SCROLL
   -------------------------------------------------------------------------- */
@media screen and (max-width: 500px) {
	#mailpoet_form_5.mailpoet_form.mailpoet_form_popup,
	#mailpoet_form_preview_5.mailpoet_form.mailpoet_form_popup {
		inset: 0 !important;
		margin: auto !important;         
		width: auto !important;
		max-width: none !important;
		height: fit-content !important;
		max-height: 100% !important;
		padding: 16px !important;       
		box-sizing: border-box !important;
		overflow-y: auto !important;
		overflow-x: hidden !important;
		overscroll-behavior: contain;   
		pointer-events: none !important;
	}

	#mailpoet_form_5 form.mailpoet_form.mailpoet_form_popup,
	#mailpoet_form_preview_5 form.mailpoet_form.mailpoet_form_popup {
		width: 100% !important;
		max-width: 100% !important;
		pointer-events: auto !important;
	}

@media screen and (max-width: 847px) {
	#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: 52px !important;
		right: 52px !important;
	}
}

@media screen and (max-width: 500px) {
	#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: 68px !important;
		right: 68px !important;
	}
}

@media screen and (max-width: 479px) {
	#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: 48px !important;
		right: 48px !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_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;
}