.et_pb_social_media_follow a {
	border: 2px solid #EF5971 !important;
}

/* Divi 5 migration layout fixes */

/* Ways to get involved cards: Divi 4 reset the row height on tablet and phone, Divi 5 keeps 30vh and the cards overlap */
@media (max-width: 980px) {
	.et_pb_row.et_block_row:has(.padding-lg-desktop) {
		height: auto !important;
		max-height: none !important;
	}
}

/* Interviews photo grid at tablet: three inner columns per row as in Divi 4 */
@media (min-width: 768px) and (max-width: 980px) {
	.et_pb_row_inner.et_block_row:has(> .et_pb_column_inner.et_pb_column_1_6) {
		display: flex;
		flex-wrap: wrap;
	}

	.et_pb_row_inner.et_block_row>.et_pb_column_inner.et_pb_column_1_6 {
		width: 33.3333%;
	}
}

/* Stacked columns in tight-gutter rows: no extra 30px gap on tablet and phone */
@media (max-width: 980px) {

	.et_pb_gutters1>.et_pb_column,
	.et_pb_gutters1 .et_pb_column_inner {
		margin-bottom: 0 !important;
	}
}

/* Contact form: last four fields a quarter wide from tablet up, all fields full width on phone */
@media (min-width: 768px) {
	.et_pb_contact_form .et_pb_contact_field.et_flex_column_12_24:nth-child(n+5):nth-child(-n+8) {
		width: calc(25% - 15px) !important;
		flex: 0 0 calc(25% - 15px) !important;
	}
}

@media (max-width: 767px) {
	.et_pb_contact_form .et_pb_contact_field.et_flex_column_12_24 {
		width: 100% !important;
		flex: 0 0 100% !important;
	}
}

/* Footer newsletter row: email field and Subscribe button side by side */
.et-l--footer .et_pb_signup .et_pb_newsletter_fields {
	flex-direction: row !important;
	flex-wrap: wrap;
}

.et-l--footer .et_pb_signup .et_pb_newsletter_fields .et_pb_newsletter_field {
	flex: 1 1 0;
	width: auto !important;
}

.et-l--footer .et_pb_signup .et_pb_newsletter_fields .et_pb_newsletter_button_wrap {
	flex: 0 0 auto;
	width: auto !important;
}

/* 404 page: Divi 4 left a 30px gap under a top-positioned blurb image */
.error404 .et-l--body .et_pb_blurb_position_top .et_pb_main_blurb_image {
	margin-bottom: 30px;
}

/* Post navigation links (rendered by Front::render_post_nav, styled as in Divi 4) */
.arc-post-nav {
	display: block;
	overflow: hidden;
}

body .arc-post-nav.et_pb_posts_nav .nav-previous {
	float: left;
}

body .arc-post-nav.et_pb_posts_nav .nav-next {
	float: right;
}

.arc-post-nav a {
	display: inline-block;
	margin-bottom: 15px;
	padding: 10px;
	border: 2px solid #ffffff;
	background-color: #ef5971;
	color: #ffffff !important;
	font-weight: 700 !important;
	line-height: 1.1;
	text-transform: uppercase;
	transition: color 0.3s;
}

body .arc-post-nav.et_pb_posts_nav a:hover {
	background-color: transparent;
	border-color: #ef5971;
	color: #ef5971 !important;
}

/* Event sign-up page: Divi 4 gutter, 3% left padding and bottom margin per field */
body.arc-page-title-event-sign-up .et_pb_contact_form.et_flex_module:has(.et_pb_contact_field_7) {
	column-gap: 0 !important;
	row-gap: 0 !important;
}

body.arc-page-title-event-sign-up .et_pb_contact_form.et_flex_module:has(.et_pb_contact_field_7) > .et_pb_contact_field.et_pb_contact_field {
	box-sizing: border-box;
	padding-left: 3% !important;
	margin-bottom: 3% !important;
}

@media (min-width: 768px) {
	body.arc-page-title-event-sign-up .et_pb_contact_form.et_flex_module:has(.et_pb_contact_field_7) > .et_pb_contact_field.et_flex_column_12_24 {
		width: 50% !important;
		flex: 0 0 50% !important;
	}

	body.arc-page-title-event-sign-up .et_pb_contact_form.et_flex_module:has(.et_pb_contact_field_7) > .et_pb_contact_field.et_flex_column_12_24:nth-child(n+5):nth-child(-n+8) {
		width: 25% !important;
		flex: 0 0 25% !important;
	}
}

body.arc-page-title-event-sign-up .et_pb_contact_form.et_flex_module:has(.et_pb_contact_field_7) > .et_contact_bottom_container {
	margin-top: -1.5% !important;
}

/* Divi 4 buttons: icon-on-hover padding, default arrow and bold weight */
body #page-container .et_pb_section .et_pb_button.arc-btn-hover-icon,
body #page-container .et_pb_section .et_pb_button.arc-btn-hover-icon:hover {
	padding-left: 1em !important;
	padding-right: 1em !important;
}

@media (min-width: 981px) {

	body #page-container .et_pb_section .et_pb_button.arc-btn-hover-icon,
	body #page-container .et_pb_section .et_pb_button.arc-btn-hover-icon:hover {
		padding-right: 1em !important;
	}
}

body #page-container .et_pb_section .et_pb_button.arc-btn-icon-shown,
body #page-container .et_pb_section .et_pb_button.arc-btn-icon-shown:hover {
	padding-left: 1em !important;
}

body #page-container .et_pb_button.arc-btn-default-icon::after,
body #page-container .et_pb_contact_submit.et_pb_button::after {
	content: "E" !important;
}

body .et_pb_button {
	font-weight: 700 !important;
}

/* Social icons: Divi 4 spacing (8px between icons, 8px under), no border */
body #page-container .et_pb_social_media_follow li.et_pb_social_icon {
	margin: 0 0 8px !important;
}

body #page-container .et_pb_social_media_follow li.et_pb_social_icon a.icon {
	margin-right: 8px;
	border: 0;
}

/* Blurb title links: Divi 4 sized the link itself, so the global heading size does not reach it */
.et_pb_blurb .et_pb_module_header[style*="--arc-fs"] a {
	font-size: var(--arc-fs);
}

@media (max-width: 980px) {
	.et_pb_blurb .et_pb_module_header[style*="--arc-fs"] a {
		font-size: var(--arc-fs-t, var(--arc-fs));
	}
}

@media (max-width: 767px) {
	.et_pb_blurb .et_pb_module_header[style*="--arc-fs"] a {
		font-size: var(--arc-fs-p, var(--arc-fs-t, var(--arc-fs)));
	}
}

/* Blurb title links with a title colour take it, as in Divi 4 */
body #page-container .et_pb_blurb .et_pb_module_header[style*="--arc-fc"] a {
	color: var(--arc-fc);
}

body #page-container .et_pb_blurb:hover .et_pb_module_header[style*="--arc-fc"] a {
	color: inherit;
}

/* Header search: Divi 4 input height, icon padding, icon centring and button border */
body #page-container .et_pb_searchform input.et_pb_s {
	height: 42px !important;
	padding: 0 0 0 40px !important;
	border: 1px solid #ddd !important;
	text-indent: 0 !important;
}

body #page-container .et_pb_searchform input.et_pb_s::placeholder {
	color: #a0a0a0;
}

body #page-container .et_pb_searchform .et_pb_search_icon {
	height: 100%;
	align-items: center;
}

body #page-container .et_pb_searchform button.et_pb_button {
	border: 2px solid #ef5971 !important;
	border-radius: 0 !important;
	font-size: 14px !important;
}


/* Contact form Submit button text: pink as in Divi 4 (white on hover) */
body #page-container .et_pb_contact_submit.et_pb_button:not(:hover) {
	color: #ef5971 !important;
}

/* Single post template: the image and text row uses the narrower Divi 4 gutter */
@media (min-width: 981px) {
	.single .et-l--body .et_pb_row.et_pb_equal_columns.et_pb_gutters3.et_block_row>.et_pb_column_1_2 {
		width: 48.5%;
		margin-right: 3%;
	}

	.single .et-l--body .et_pb_row.et_pb_equal_columns.et_pb_gutters3.et_block_row>.et_pb_column_1_2:last-child {
		margin-right: 0;
	}
}

/* Row alignment set for tablet, which Divi 5 does not output (Front::mark_row_alignment) */
@media (max-width: 980px) {
	body .et_pb_row.arc-row-left {
		margin-left: 0 !important;
		margin-right: auto !important;
	}

	body .et_pb_row.arc-row-center {
		margin-left: auto !important;
		margin-right: auto !important;
	}

	body .et_pb_row.arc-row-right {
		margin-left: auto !important;
		margin-right: 0 !important;
	}
}

/* Flex buttons filled the column in Divi 4 and ignored the tablet alignment that Divi 5 turns into auto margins */
@media (max-width: 980px) {
	body .et_pb_button.vertical-align.arc-btn-aligned {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}

/* Divi 4 never applied these negative side margins (Front::mark_desktop_margin) */
body .arc-desktop-margin {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* Blog grid: Divi 4 columns stacked independently, with its column gap and item spacing (assets/js/front.js builds the columns) */
.et_pb_blog_posts.et_grid_module.arc-masonry {
	display: flex !important;
	column-gap: 3%;
	align-items: flex-start;
}

.arc-masonry .arc-masonry-col {
	flex: 1 1 0;
	min-width: 0;
}

.arc-masonry .arc-masonry-col>.et_pb_post {
	margin-bottom: 9.58%;
}

@media (max-width: 980px) {
	.et_pb_blog_posts.et_grid_module.arc-masonry {
		column-gap: 5.5%;
	}

	.arc-masonry .arc-masonry-col>.et_pb_post {
		margin-bottom: 16.18%;
	}

	.et_pb_blog_posts.et_grid_module:not(.arc-masonry) {
		row-gap: 0;
	}

	.et_pb_blog_posts.et_grid_module:not(.arc-masonry)>.et_pb_post {
		margin-bottom: 11.5%;
	}

	.et_pb_blog_posts.et_grid_module:not(.arc-masonry)>.et_pb_post:last-child {
		margin-bottom: 30px;
	}
}

@media (min-width: 480px) and (max-width: 767px) {
	.et_pb_blog_posts.et_grid_module:not(.arc-masonry)>.et_pb_post {
		margin-bottom: 9.5%;
	}
}

/* Blog grid posts: Divi 4 inner padding is 19px, Divi 5 writes 8% */
.et_pb_blog_posts.et_grid_module .et_pb_post {
	padding: 19px;
}

/* Phone: Divi 4 showed every button with the default text colour, border, size and spacing, ignoring the saved custom styles */
@media (max-width: 767px) {
	body #page-container .et_pb_section .et_pb_button.et_pb_bg_layout_dark:not(:hover) {
		color: #fff !important;
		border-color: #fff !important;
	}
}

/* Blog grid end: Divi 4 closes the last post with 30px and adds no space for an empty pagination */
.arc-masonry .arc-masonry-col>.et_pb_post:last-child {
	margin-bottom: 30px;
}

.et_pb_ajax_pagination_container>.pagination:not(:has(a)) {
	margin-top: 0;
}

/* An empty post meta line adds 6px under the title in Divi 5, none in Divi 4 */
.et_pb_post .post-meta:empty {
	display: none;
}

/* Specialty rows lost their tight gutter class in Divi 5, so the stacked column kept a 30px gap */
@media (max-width: 980px) {
	.et_block_row>.et_pb_column.et_pb_specialty_column {
		margin-bottom: 0 !important;
	}
}

/* Contact form: Divi 4 spaced the fields by 3% of the form width from tablet up, Divi 5 uses a 15px gap */
@media (min-width: 768px) {
	.et_pb_contact_form.et_flex_module:not(:has(.et_pb_contact_field_7)) {
		column-gap: 0;
		row-gap: 0;
	}

	.et_pb_contact_form.et_flex_module:not(:has(.et_pb_contact_field_7))>.et_pb_contact_field:not(.et_pb_contact_right) {
		margin-bottom: 3% !important;
	}

	.et_pb_contact_form.et_flex_module:not(:has(.et_pb_contact_field_7))>.et_pb_contact_field.et_pb_contact_field_2:not(.et_pb_contact_right) {
		margin-bottom: 1.5% !important;
	}

	.et_pb_contact_form.et_flex_module:not(:has(.et_pb_contact_field_7))>.et_pb_contact_field.et_flex_column_12_24 {
		flex: 0 0 50% !important;
		width: 50% !important;
	}
}

/* Header columns: the tablet and phone padding Divi 5 saved is not applied in Divi 4 */
@media (max-width: 980px) {
	body .et_pb_row_3-5_1-5_1-5>.et_pb_column {
		padding: 0 !important;
	}
}

/* Contact form on phone: Divi 4 spaced the fields by 3% of the form width, not a fixed 15px gap */
@media (max-width: 767px) {
	.et_pb_menu_inner_container.et_flex_module {
		padding-left: 10px;
	}

	.et_pb_contact_form.et_flex_module {
		row-gap: 0;
	}

	.et_pb_contact_form.et_flex_module>.et_pb_contact_field:not(.et_pb_contact_right) {
		margin-bottom: 3% !important;
	}

	.et_pb_contact_form.et_flex_module>.et_pb_contact_field.et_pb_contact_field_2:not(.et_pb_contact_right) {
		margin-bottom: 1.65% !important;
	}
}

/* Large phone: Divi 4 kept sixth-width inner columns three across until 480px */
@media (min-width: 480px) and (max-width: 767px) {
	.et_pb_row_inner:has(> .et_pb_column_1_6) {
		display: flex;
		flex-wrap: wrap;
	}

	.et_pb_row_inner>.et_pb_column_1_6 {
		width: 33.3333% !important;
	}
}

/* Home photos keep their natural size on tablet and phone as in Divi 4 */
@media (max-width: 980px) {

	.home .et_pb_image_0 .et_pb_image_wrap img,
	.home .et_pb_image_1 .et_pb_image_wrap img,
	.home .et_pb_image_2 .et_pb_image_wrap img {
		width: auto;
	}
}

/* The Divi 4 contact form is 3% wider and sits 3% to the left */
.et_pb_contact_form.et_flex_module {
	margin-left: -3%;
	width: 103%;
}

@media (min-width: 768px) and (max-width: 980px) {
	.et_pb_contact_form.et_flex_module {
		column-gap: 0;
	}
}

/* Contact page desktop: Divi 4 ignored the saved width of the top nav row and the paddings of two text modules */
@media (min-width: 981px) {
	body.page-id-225052 .et_pb_row_0:not(.et_pb_sticky--editing) {
		max-width: 960px !important;
	}

	body.page-id-225052 .et_pb_column_0 {
		padding: 0 !important;
	}

	body.page-id-225052 .et_pb_text_2 {
		padding-bottom: 0 !important;
	}

	body.page-id-225052 .et_pb_text_14 {
		padding: 0 !important;
	}
}

body.arc-page-title-home #page-container .et_pb_section .et_pb_row_18 .et_pb_button {
	font-size: 15px !important;
	padding-right: 1em !important;
	padding-left: 1em !important;
}

body.arc-page-title-home #page-container .et_pb_section .et_pb_row_18 .et_pb_button:hover {
	padding-right: 1em !important;
	padding-left: 1em !important;
}

body.arc-page-title-home #page-container .et_pb_section_8 .et_pb_column_27 .et_pb_button_6 {
	font-size: 15px !important;
}

body.arc-page-title-home .et_pb_button_6_wrapper .et_pb_button_6,
body.arc-page-title-home .et_pb_button_6_wrapper .et_pb_button_6:hover {
	padding-top: 2% !important;
}

body.arc-page-title-home #page-container .et_pb_section_5.et_pb_section .et_pb_button_3 {
	font-size: 15px !important;
}

/* Timeline: Divi 5 dropped the lead-in row's 5.5% gutter, so the Historical Timeline text sat left of the centre line */
@media (min-width: 981px) {
	body.arc-page-title-timeline #page-container .lead-in > .et_pb_column_3_5 {
		margin-left: 5.5%;
	}
}

@media (max-width: 767px) {
	body #page-container .post-content .more-link {
		width: fit-content !important;
	}

	body #page-container .custom-menu-style ul.et_mobile_menu {
		left: 0 !important;
	}
}

/* Header (three-columns-nav): Divi 4 column padding, block layout and full-width button */
@media (max-width: 980px) {
	body .three-columns-nav.et_pb_row > .et_pb_column:nth-child(1) {
		padding: 7px 15px !important;
	}

	body .three-columns-nav.et_pb_row > .et_pb_column:nth-child(2),
	body .three-columns-nav.et_pb_row > .et_pb_column:nth-child(3) {
		padding-top: 8px !important;
		padding-bottom: 8px !important;
		left: -1px;
		right: auto;
	}

	body .three-columns-nav .et_pb_icon {
		margin-left: auto;
		margin-right: auto;
	}

	body .et_pb_sticky.three-columns-nav.et_pb_row > .et_pb_column:nth-child(1),
	body .et_pb_sticky .three-columns-nav.et_pb_row > .et_pb_column:nth-child(1) {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
}

@media (max-width: 767px) {
	body .three-columns-nav.et_pb_row > .et_pb_column:nth-child(1) {
		padding: 0 0 0 10px !important;
	}

	body .three-columns-nav .et_pb_menu_inner_container {
		padding-left: 0 !important;
	}
}

body .three-columns-nav .et_pb_menu,
body .three-columns-nav .et_pb_icon {
	display: block;
}

body .three-columns-nav .et_pb_icon {
	align-self: stretch;
	text-align: center;
}

body .three-columns-nav .et_pb_button_module_wrapper {
	display: block !important;
}

body .three-columns-nav .et_pb_button {
	max-width: none !important;
}

body .three-columns-nav .et_pb_menu_inner_container > .et_pb_menu__wrap {
	flex: 1 1 auto !important;
}

/* Story posts: the quote icon sits at the left on desktop, as in Divi 4 */
@media (min-width: 981px) {
	body.arc-page-title-kids-in-birmingham-1963-working-together-for-change #page-container .et_pb_image:has(img[src*="bta-icon-quote"]),
	body.arc-page-title-the-day-before #page-container .et_pb_image:has(img[src*="bta-icon-quote"]),
	body.arc-page-title-bloody-tuesday #page-container .et_pb_image:has(img[src*="bta-icon-quote"]),
	body.arc-page-title-buried-truth #page-container .et_pb_image:has(img[src*="bta-icon-quote"]),
	body.arc-page-title-treasures-of-titusville #page-container .et_pb_image:has(img[src*="bta-icon-quote"]),
	body.arc-page-title-hidden-history-revealed #page-container .et_pb_image:has(img[src*="bta-icon-quote"]),
	body.arc-page-title-family-ties #page-container .et_pb_image:has(img[src*="bta-icon-quote"]),
	body.arc-page-title-a-cruel-business #page-container .et_pb_image:has(img[src*="bta-icon-quote"]),
	body.arc-page-title-an-unsettling-silence #page-container .et_pb_image:has(img[src*="bta-icon-quote"]),
	body.arc-page-title-doing-justice #page-container .et_pb_image:has(img[src*="bta-icon-quote"]),
	body.arc-page-title-the-fifth-girl-sarah-collins-rudolph #page-container .et_pb_image:has(img[src*="bta-icon-quote"]),
	body.arc-page-title-the-freedom-riders #page-container .et_pb_image:has(img[src*="bta-icon-quote"]),
	body.arc-page-title-joseph-ellwanger-witness-to-the-movement-then-and-now #page-container .et_pb_image:has(img[src*="bta-icon-quote"]),
	body.arc-page-title-open-secret #page-container .et_pb_image:has(img[src*="bta-icon-quote"]),
	body.arc-page-title-the-bus-boycott-keeping-a-seat-taking-a-stand #page-container .et_pb_image:has(img[src*="bta-icon-quote"]),
	body.arc-page-title-jefferson-county-memorial-project #page-container .et_pb_image:has(img[src*="bta-icon-quote"]),
	body.arc-page-title-white-lies-alabama-journalists-examine-a-civil-rights-activists-unsolved-murder #page-container .et_pb_image:has(img[src*="bta-icon-quote"]),
	body.arc-page-title-portrait-charles-chuck-morgan-jr-charles-morgan-iii-looks-back #page-container .et_pb_image:has(img[src*="bta-icon-quote"]),
	body.arc-page-title-cleo-kennedy-voice-of-the-civil-rights-movement #page-container .et_pb_image:has(img[src*="bta-icon-quote"]),
	body.arc-page-title-songs-of-freedom-the-carlton-reese-memorial-unity-choir #page-container .et_pb_image:has(img[src*="bta-icon-quote"]),
	body.arc-page-title-local-group-on-the-move-to-battle-racism #page-container .et_pb_image:has(img[src*="bta-icon-quote"]),
	body.arc-page-title-before-king-how-college-students-changed-the-course-of-the-civil-rights-movement #page-container .et_pb_image:has(img[src*="bta-icon-quote"]) {
		margin-left: 0 !important;
		margin-right: auto !important;
	}
}

/* Contact boxes: a popup's own CSS adds .contact-boxes { padding-top: 10% } after the page CSS and wins; keep the page's 50% */
@media (min-width: 1405px) {
	body.arc-page-title-contact #page-container .contact-boxes.et_pb_blurb {
		padding-top: 50% !important;
	}
}

/* Timeline: the decade menu row is fixed, so its section must not leave a white gap under the black box */
@media (min-width: 981px) {
	body.arc-page-title-timeline .et_pb_section:has(> #float):not(.et_pb_section:has(> #float) ~ .et_pb_section) {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
}

/* Contact form: Divi 4 padded each field by 3% of the form width on the left */
body.arc-page-title-contact .et_pb_contact_form.et_flex_module > .et_pb_contact_field {
	padding-left: 3%;
}

/* Contact form: the captcha box is 50px wide in Divi 4, Divi 5 sizes it to 60px */
body.arc-page-title-contact .et_pb_contact_form input.et_pb_contact_captcha {
	width: 50px;
}

/* Timeline: the Historical Timeline black box has 5% of the page width above the text in Divi 4, Divi 5 caps it at 48px; the line ends at the box, as it did over the white strip */
@media (min-width: 981px) {
	body.arc-page-title-timeline .et_pb_section:has(> .et_pb_row.lead-in) {
		padding-top: 5% !important;
		overflow: hidden;
	}
}

/* About: the Film Team More Info buttons slid in at the same time as the name and photo with a long linear fade; give them one short ease-out slide on phones */
@keyframes arc-slide-in {
	from {
		opacity: 0;
		transform: translate3d(0, 16px, 0);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

@media (max-width: 767px) {
	body.arc-page-title-about #page-container .about-more-info-blurb.et_animated {
		animation-name: arc-slide-in !important;
		animation-duration: 0.5s !important;
		animation-timing-function: ease-out !important;
	}
}

/* About: on phones Virginia Volker's photo is 140% wide and bleeds off the right, and her More Info button starts left of her name */
@media (max-width: 767px) {
	body.arc-page-title-about #page-container .et_pb_image:has(.wp-image-224581) {
		width: 100% !important;
		margin-right: 0 !important;
	}

	body.arc-page-title-about #page-container .et_pb_image:has(.wp-image-224581) .et_pb_image_wrap {
		width: 100%;
	}

	body.arc-page-title-about #page-container .et_pb_column:has(.wp-image-224581) + .et_pb_column .et_pb_blurb {
		padding-left: 30px;
	}
}

/* About: on phones the number squares give the text 40% and the button 10% of the column height, so the text runs over the button */
@media (max-width: 767px) {
	body.arc-page-title-about #page-container .et_pb_text:has(h2 + p):has(+ .et_pb_blurb),
	body.arc-page-title-about #page-container .et_pb_text:has(h2 + p) + .et_pb_blurb {
		height: auto !important;
		max-height: none !important;
	}
}

/* About: the awards revealed by the More button wait for a scroll animation that never starts for items already on screen, so the screen stays black */
@media (max-width: 767px) {
	body.arc-page-title-about #page-container .rv_element .et_animated {
		opacity: 1 !important;
		animation: none !important;
	}
}

/* Films: on phones the reel title on each video is left-aligned inside its pink box */
@media (max-width: 767px) {
	body.arc-page-title-films #page-container .et_pb_video::before {
		text-align: center;
	}
}

/* Timeline: on phones each More Info button slides in twice, once inside its column and once on its own */
@media (max-width: 767px) {
	body.arc-page-title-timeline #page-container .et_pb_column.et_animated .et_pb_blurb.explore-more.et_animated,
	body.arc-page-title-timeline #page-container .et_pb_blurb:not(:has(.et_pb_module_header)) .et_pb_main_blurb_image.et_animated {
		animation: none !important;
		opacity: 1 !important;
	}
}

/* Timeline: on phones the 1948 Dixiecrats card row has no side padding, wider columns and wider text padding, so the card sits wider and further right than the others */
@media (max-width: 767px) {
	body.arc-page-title-timeline #page-container .et_pb_row_122 {
		padding: 18.75px 37.5px !important;
	}

	body.arc-page-title-timeline #page-container .et_pb_row_122 > .et_pb_column:first-child {
		width: 20% !important;
	}

	body.arc-page-title-timeline #page-container .et_pb_row_122 > .et_pb_column:last-child {
		width: 80% !important;
	}

	body.arc-page-title-timeline #page-container .et_pb_text_273 {
		padding-right: 24px;
		padding-left: 24px;
	}
}

/* Films and Timeline: video iframes keep their saved 608px height when the width shrinks, so each video box is a tall black block on phones */
body.arc-page-title-films #page-container .et_pb_video_box iframe,
body.arc-page-title-timeline #page-container .et_pb_video_box iframe {
	height: auto;
	aspect-ratio: 16 / 9;
}

/* About: on phones there is about 70px between the More button and the first revealed award, the other awards are 30px apart */
@media (max-width: 767px) {
	body.arc-page-title-about #page-container .et_pb_row:has(a.rv_button_1) {
		padding-bottom: 0 !important;
	}

	body.arc-page-title-about #page-container .et_pb_row:has(a.rv_button_1) > .et_pb_column {
		margin-bottom: 0 !important;
	}
}

/* Interviews 1 and 2: on phones the Interviews Page 1 and Interviews Page 2 buttons touch each other and start at different places */
@media (max-width: 767px) {
	body.arc-page-title-interviews-1 #page-container .et_pb_button_1_wrapper,
	body.arc-page-title-interviews-1 #page-container .et_pb_button_2_wrapper,
	body.arc-page-title-interviews-2 #page-container .et_pb_button_1_wrapper,
	body.arc-page-title-interviews-2 #page-container .et_pb_button_2_wrapper {
		flex: 0 0 100% !important;
		width: 100% !important;
		max-width: 100% !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
		text-align: center !important;
	}

	body.arc-page-title-interviews-1 #page-container .et_pb_button_module_wrapper + .et_pb_button_module_wrapper,
	body.arc-page-title-interviews-2 #page-container .et_pb_button_module_wrapper + .et_pb_button_module_wrapper {
		margin-top: 15px;
	}
}

/* Interviews 1: on phones the More Interviews button starts at the edge of the screen instead of under the text above it */
@media (max-width: 767px) {
	body.arc-page-title-interviews-1 #page-container .et_pb_button_4_wrapper {
		margin-left: 37.5px !important;
	}
}

/* Interviews 2: on phones the pink "We present a special focus" text has 38px above it and 9px below it */
@media (max-width: 767px) {
	body.arc-page-title-interviews-2 #page-container .et_pb_text_52 {
		padding-top: 30.5px !important;
		padding-bottom: 16.5px !important;
	}
}

/* Header search box: on phones "Search Full Site" is cut off in the field (96px of text in 77px) */
@media (max-width: 767px) {
	body[class*="arc-page-title-"] #page-container .rv_element_3 input.et_pb_s {
		padding-left: 33px !important;
		font-size: 12px !important;
	}
}

/* Header search box: the Search button has 14px of padding on the left and 28px on the right, so its text sits left of center */
@media (max-width: 767px) {
	body[class*="arc-page-title-"] #page-container .rv_element_3 button.et_pb_button {
		padding-left: 1.5em !important;
		padding-right: 1.5em !important;
	}
}

/* All pages: on phones the pop-up section is 390px wide with a -70px right margin, which pushes the white panel to the right */
@media (max-width: 767px) {
	body[class*="arc-page-title-"] .divioverlay .overlay-entry-content .et_pb_section {
		width: 100% !important;
		max-width: none !important;
		margin-right: 0 !important;
	}
}

/* Timeline "More Info": keep the arrow on hover */
body.arc-page-title-timeline #page-container .et_pb_section_47 .et_pb_button.arc-btn-icon-shown:not(.arc-btn-default-icon):hover::after {
	display: inline-block !important;
}

/* Timeline "More Videos" and "More": keep the arrow on hover */
body.arc-page-title-timeline #page-container .et_pb_section_47 .et_pb_button.arc-btn-icon-shown.arc-btn-default-icon:hover::after {
	display: inline-block !important;
}

/* Interviews 1 and 2: show the arrow on the "Interviews Page 1" and "Interviews Page 2" buttons, in the text colour (black, pink on hover) */
body.arc-page-title-interviews-1 #page-container .et_pb_section .et_pb_button_1::after,
body.arc-page-title-interviews-1 #page-container .et_pb_section .et_pb_button_1:hover::after,
body.arc-page-title-interviews-1 #page-container .et_pb_section .et_pb_button_2::after,
body.arc-page-title-interviews-1 #page-container .et_pb_section .et_pb_button_2:hover::after,
body.arc-page-title-interviews-2 #page-container .et_pb_section .et_pb_button_1::after,
body.arc-page-title-interviews-2 #page-container .et_pb_section .et_pb_button_1:hover::after,
body.arc-page-title-interviews-2 #page-container .et_pb_section .et_pb_button_2::after,
body.arc-page-title-interviews-2 #page-container .et_pb_section .et_pb_button_2:hover::after {
	display: inline-block !important;
	color: currentColor !important;
}

/* Interviews 1: keep the arrow on the "More Interviews" button on hover */
body.arc-page-title-interviews-1 #page-container .et_pb_section .et_pb_button_4.arc-btn-icon-shown:hover::after {
	display: inline-block !important;
}

/* Interviews 1: keep the arrow on the "Search Interviews" button on hover */
body.arc-page-title-interviews-1 #page-container .et_pb_section .et_pb_button_3.arc-btn-icon-shown:hover::after {
	display: inline-block !important;
}

/* Contact: keep the arrow on the Submit button on hover */
body.arc-page-title-contact #page-container .et_pb_section .et_pb_contact_submit.et_pb_button:hover::after {
	display: inline-block !important;
}

/* All pages: keep the arrow on hover on every button that shows it at rest */
body[class*="arc-page-title-"] #page-container .et_pb_section .et_pb_button.arc-btn-icon-shown:hover::after,
body[class*="arc-page-title-"] #page-container .et_pb_section .et_pb_button.et_d4_element:hover::after,
body[class*="arc-page-title-"] #page-container .et_pb_section .et_pb_contact_submit.et_pb_button:hover::after {
	display: inline-block !important;
}

/* All pages: the form Submit arrow follows the button text colour on hover (white on the pink fill) */
body[class*="arc-page-title-"] #page-container .et_pb_section .et_pb_contact_submit.et_pb_button:hover::after {
	color: currentColor !important;
}

/* About: the "More" button under Awards turned fully black on hover; use the site hover (pink fill, white text and arrow) */
body.arc-page-title-about #page-container .et_pb_section .et_pb_button.rv_button_1:hover {
	color: #fff !important;
	background-color: #ef5971 !important;
	border-color: #ef5971 !important;
}

body.arc-page-title-about #page-container .et_pb_section .et_pb_button.rv_button_1:hover::after {
	color: #fff !important;
}

/* Interviews 1: the arrow box on the "More Interviews" button changed size on hover and the icon jumped; keep it the same */
body.arc-page-title-interviews-1 #page-container .et_pb_section .et_pb_button_4.arc-btn-icon-shown::after,
body.arc-page-title-interviews-1 #page-container .et_pb_section .et_pb_button_4.arc-btn-icon-shown:hover::after {
	line-height: 1em !important;
	transform: translateY(-50%) !important;
}

/* Interviews 1: the footer newsletter button had a clear fill on hover; match the other pages (pink fill) */
body.arc-page-title-interviews-1 #page-container .et_pb_section .et_pb_button_6:hover {
	background-color: #ef5971 !important;
}

/* Interviews 2 and Timeline: the footer newsletter button had a clear fill on hover; match the other pages (pink fill) */
body.arc-page-title-interviews-2 #page-container .et_pb_section .et_pb_button_3:hover,
body.arc-page-title-timeline #page-container .et_pb_section .et_pb_button_29:hover,
body.arc-page-title-timeline #page-container .et_pb_section .et_pb_button_30:hover {
	background-color: #ef5971 !important;
}

/* Ways to get involved boxes: the heading stayed pink on the pink hover fill; make it white */
body[class*="arc-page-title-"] #page-container .column-box-hover:hover h3 {
	color: #fff !important;
}