/*
Theme Name: CBHF 2024
Author: Dustin Lawrence
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cbhf2024
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

@media screen and (max-width: 768px) {
	html, body, main {
		max-width: 100vw;
		overflow-x: hidden;
	}
}

/*
* Parallax
*/

main:not(.noJs) .fade-in {
	opacity: 0;
	transition: opacity 1000ms ease-in;
}

main:not(.noJs) .fade-in.appear {
	opacity: 1;
}

main:not(.noJs) .from-left {
	/*grid-column: ;*/
	transform: translateX(-50%);
}

main:not(.noJs) .from-right {
	/*grid-column: ;*/
	transform: translateX(50%);
}

main:not(.noJs) .from-left,
main:not(.noJs) .from-right {
	transition: opacity 600ms ease-in, transform 600ms ease-in;
	opacity: 0;
}

main:not(.noJs) .from-left.appear,
main:not(.noJs) .from-right.appear {
	transform: translateX(0);
	opacity: 1;
}

.wp-block-group.is-layout-constrained {
	margin-block-start: 0 !important;
}

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

h1 a,
h1 a:link,
h1 a:visited,
h2 a,
h2 a:link,
h2 a:visited,
h3 a,
h3 a:link,
h3 a:visited,
h4 a,
h4 a:link,
h4 a:visited,
h5 a,
h5 a:link,
h5 a:visited,
h6 a,
h6 a:link,
h6 a:visited {
	color: inherit !important;
	text-decoration: none !important;
}

img {
	max-width: 100%;
	height: auto;
}

/*
* Global image and video styles
 */

main img {
	border-radius: 1rem;
}

main > .alignfull > .wp-block-image img,
.wp-block-cover img,
main .wp-block-image.size-full img,
main img.size-full,
img.not-rounded,
img[src$='.png'],
img[src$='.svg'] {
	border-radius: 0;
}

main > .alignfull > .wp-block-image.rounded img,
main > .alignfull > .wp-block-image img.rounded,
main .wp-block-image.size-full.rounded img,
.wp-block-cover img.rounded,
main .wp-block-image.size-full img.rounded,
main img.size-full.rounded,
img[src$='.png'].rounded,
img[src$='.svg'].rounded,
.wp-block-image.rounded img,
img.rounded {
	border-radius: 1rem;
}

.w-100,
.w-100 img,
.w-100 video,
[style="flex-basis:100%"] .alignfull .wp-block-image.size-full img,
[style="flex-basis:100%"] .alignfull .wp-block-image.size-full video {
	width: 100%;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}


/* Header */
#wpadminbar {
	z-index: 1000001;
}

header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 1000000;
}

header .is-style-section-3 {
	background-color: rgba(163, 12, 49, .75);
}

header .is-style-section-3 .wp-block-group {
	opacity: 100%;
}

main {
	margin-block-start: 0;
}

#wpadminbar ~ .wp-site-blocks header .is-style-section-3 {
	padding-top: 32px;
}

/* Navigation */
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
	background-color:#A01739;
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
	margin-left: auto;
	margin-right: auto;
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
	margin-left: auto;
	margin-right: auto;
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open a.wp-block-navigation-item__content {
	font-size: 2rem;
}

.wp-block-navigation:not(.has-text-color) .wp-block-navigation__responsive-container.is-menu-open {
	color:#fff;
}

header .wp-block-navigation .wp-block-navigation-item {
	padding: 0;
}

header .wp-block-navigation .wp-block-navigation-item a {
	padding: 1rem 1.25rem;
}

header .wp-block-navigation .current-menu-item {
	background-color: #22404d;
	border-radius: 0.5rem;
}

@media screen and (max-width: 919.998px) {
	header .wp-block-navigation .wp-block-navigation-item a {
		padding: 1rem .75rem;
	}
}

@media screen and (max-width: 819.998px) {
	header .wp-block-navigation .wp-block-navigation-item a {
		padding: 1rem .5rem;
	}
}

@media screen and (max-width: 768px) {
	header .wp-block-navigation .wp-block-navigation-item a {
		padding: 1rem .25rem;
		font-size: 0.75rem;
	}
}

/* Footer */

footer {
	margin-top: 0 !important;
}

footer .footer-container {
	padding-bottom: 3rem;
}

footer .footer-logos {
	padding: 5rem 0 4rem 0;
	border-bottom-style:solid;
	border-bottom-color:#fff;
	border-bottom-width:1px;
}

footer .nav-container {
	margin: 3rem auto;
}

footer .nav-container .nav-inner,
footer .nav-container .search-container {
	display:inline-block !important;
}

footer .wp-block-navigation .wp-block-navigation-item a {
	padding: 0.25rem 0.75rem;
}

footer .nav-container .search-container {
	margin: 0 0 0 auto;
}

footer .nav-container .search-container .wp-block-search__inside-wrapper input {
	min-width: 20vw;
}

.footer-legal,
.footer-social {
	max-width: 50%;
}

.footer-social {
	display: flex;
	align-items: center;
}

.footer-social .wp-block-image {
	display:inline-block !important;
	padding-left:20px !important;
}

.footer-social .subscribe-button,
.footer-social .subscribe-button a {
	display: inline-block;
}

.footer-social .subscribe-button {
	margin: 0 !important;
	padding-left: 20px !important;
}

.footer-social .subscribe-button a,
.footer-social .subscribe-button a:link,
.footer-social .subscribe-button a:visited,
.footer-social .subscribe-button a:hover,
.footer-social .subscribe-button a:active {
	background-color: #fff !important;
	font-size: 0.7rem !important;
	color: #A01739 !important;
	text-decoration: none !important;
	padding: .4rem .75rem;
	text-transform: uppercase;
	margin: 0 !important;
	line-height: normal;
}

@media screen and (min-width: 768.1px) {

	.footer-social .wp-block-image,
	.footer-social .subscribe-button {
		margin-block-start: 0 !important;
		margin-block-end: 0 !important;
	}
}

@media screen and (max-width: 768px) {

	footer .footer-legal-row {
		display: block !important;
	}

	footer .nav-container {
		display: none !important;
	}

	.footer-logos {
		display: block !important;
	}

	.footer-logos .wp-block-image {
		display: block !important;
		width: 80%;
		margin: 3rem auto 0 auto;
	}

	.footer-logos .ja-canada {
		width: 60%;
	}

	.footer-legal,
	.footer-social {
		display: block !important;
		max-width: 100% !important;
		text-align: center !important;
	}

	.footer-social {
		display: block !important;
		width: 100%;
	}

	.footer-social .wp-block-image:first-child {
		padding-left: 0 !important;
	}

	.footer-social .subscribe-button {
		display: block !important;
		margin: 2rem auto 0 auto !important;
	}
}

/* Pagination */

.pagination .dashicons.dashicons-first-page::after {
	content: "\f341\f341";
}

.pagination .dashicons.dashicons-previous-page::after {
	content: "\f341";
}

.pagination .dashicons.dashicons-next-page::after {
	content: "\f345";

}

.pagination .dashicons.dashicons-last-page::after {
	content: "\f345\f345";
}

/* Buttons */
.wp-block-button button:hover,
.wp-block-button button:focus,
.wp-block-button a:hover,
.wp-block-button a:focus {
	background-color: var(--wp--preset--color--accent-1);
	color: var(--wp--preset--color--accent-3);
	border-color: var(--wp--preset--color--accent-3);
}

/* Full Width Groups */
#entryContent > .wp-block-navigation {
	margin-right: calc(var(--wp--style--root--padding-right) * -1);
	margin-left: calc(var(--wp--style--root--padding-left) * -1);
}

/* Oversized Video */
.wp-block-video.constrained-height-fullwidth {
	width: 100%;
	max-height: calc(100vw * .25);
	overflow: hidden;
}

.wp-block-video.constrained-height-fullwidth video {
	margin-top: -7vh;
}

@media screen and (max-width: 1024px) {
	.wp-block-video.constrained-height-fullwidth video {
		margin-top: -5vh;
	}
}

@media screen and (max-width: 952px) {
	.wp-block-video.constrained-height-fullwidth video {
		margin-top: -4vh;
	}
}

@media screen and (max-width: 768px) {
	.wp-block-video.constrained-height-fullwidth video {
		margin-top: -3vw;
	}
}

/* Mobile */
@media screen and (max-width: 781px) {
	.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column .wp-block-image {
		width: 100%;
	}

	.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column .wp-block-image,
	.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column img,
	.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column .wp-block-heading,
	.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column .wp-block-button {
		margin-left: auto !important;
		margin-right: auto !important;
		text-align: center !important;
	}

	.align-center-mobile {
		margin-left: auto !important;
		margin-right: auto !important;
		text-align: center !important;
	}
}

/* modal */

.overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.7);
	transition: opacity 500ms;
	visibility: hidden;
	opacity: 0;
	z-index: 50;
}

.overlay:target {
	visibility: visible;
	opacity: 1;
}

/* Alert */
.alert {
	position: relative;
	padding: 1rem 1rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-radius: .25rem;
}

.alert.alert-error {
	color: #842029;
	background-color: #f8d7da;
	border-color: #f5c2c7;
}

/* Modal */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 2000000; /* Sit on top */
	left: 0;
	top: 0;
	margin:0;
	padding: 1vh 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
	position: relative;
	background-color: #ffff;
	margin: auto;
	padding: 0;
	margin: 0 auto;
	border: 1px solid #888;
	width: 80%;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
	from {top:-300px; opacity:0}
	to {top:0; opacity:1}
}

@keyframes animatetop {
	from {top:-300px; opacity:0}
	to {top:0; opacity:1}
}

.modal .modal-header {
	position: relative;
	display: flex;
	flex-shrink: 0;
	align-items: start;
	justify-content: space-between;
}

/* The Close Button */
.modal .modal-header .close {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.5rem;
	font-weight: bold;
	text-decoration: none;
}

.modal .modal-header {
	clear: both;
}

.modal .modal-footer .close {
}

.modal-header {
	padding: 1rem 2rem;
}

.modal-body {
	padding: 1rem 2rem;
	max-height: 60vh;
	overflow-y: auto;
}

.modal-footer {
	padding: 2rem;
	text-align: right;
	align-items: end;
	justify-content: end;
}

.modal .wp-element-button, .modal .wp-block-button__link {
	background-color: transparent;
	border-radius: 0.5rem;
	border-color: var(--wp--preset--color--accent-1);
	border-width: 2px;
	border-style: solid;
	color: var(--wp--preset--color--accent-1);
	font-family: var(--wp--preset--font-family--work-sans);
	font-size: var(--wp--preset--font-size--medium);
	font-weight: 600;
	padding-top: 1rem;
	padding-right: 2.25rem;
	padding-bottom: 1rem;
	padding-left: 2.25rem;
}


@media screen and (min-width: 1700px) {
	.modal-content {
		width: 60%;
	}
}

@media screen and (max-width: 768px) {
	.modal {
		margin: 0;
		padding: 0.25rem 0;
	}
	.modal-content {
		width: 96%;
		margin: 0 auto;
	}
	.modal-body {
		max-height: none;
		overflow-y: auto;
	}
}

/* Hero Banner */
.cbhf2024-hero-banner-narrow,
.cbhf2024-hero-banner {
	position: relative;
}

.cbhf2024-hero-banner-narrow .wp-block-cover__inner-container {
	box-sizing: border-box;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: end;
	color: #fff !important;
	padding-top: 2rem;
	padding-bottom: 3rem;
}

.cbhf2024-hero-banner .wp-block-cover__inner-container {
	box-sizing: border-box;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	color: #fff !important;
	padding-top: 5rem;
	padding-bottom: 3rem;
}

.cbhf2024-hero-banner-narrow .wp-block-cover__inner-container h1,
.cbhf2024-hero-banner .wp-block-cover__inner-container h1 {
	font-size: 3.25rem !important;
	margin-block-end: 0.5rem;
}

.cbhf2024-hero-banner-narrow .wp-block-cover__inner-container p,
.cbhf2024-hero-banner .wp-block-cover__inner-container p {
	margin-block-start: 0.5rem;
}

.cbhf2024-hero-banner-narrow .wp-block-cover__inner-container a,
.cbhf2024-hero-banner-narrow .wp-block-cover__inner-container a:link,
.cbhf2024-hero-banner-narrow .wp-block-cover__inner-container a:visited,
.cbhf2024-hero-banner .wp-block-cover__inner-container a,
.cbhf2024-hero-banner .wp-block-cover__inner-container a:link,
.cbhf2024-hero-banner .wp-block-cover__inner-container a:visited {
	color: #fff !important;
	border-color: #fff !important;
}

@media screen and (max-height: 700px) and (min-width:1100px) and (orientation: landscape) {
	.cbhf2024-hero-banner .wp-block-cover__inner-container .wp-block-columns,
	.cbhf2024-hero-banner .wp-block-cover__inner-container p {
		display: none;
	}
}

@media screen and (max-width: 768px) {

	.cbhf2024-hero-banner .wp-block-cover {
		aspect-ratio: 2 !important;
	}

	.cbhf2024-hero-banner-narrow .wp-block-cover__inner-container {
		padding-top: 0;
		padding-bottom: 0;
	}

	.cbhf2024-hero-banner .wp-block-cover__inner-container {
		padding-top: 1.8rem;
		padding-bottom: 0;
	}

	.cbhf2024-hero-banner .wp-block-cover__inner-container .wp-block-columns,
	.cbhf2024-hero-banner .wp-block-cover__inner-container p {
		display: none;
	}

	.cbhf2024-hero-banner .wp-block-cover__inner-container h1 {
		font-size: 1.2rem !important;
	}

	.cbhf2024-hero-banner .wp-block-cover__inner-container p {
		font-size: 0.8rem !important;
	}

	.cbhf2024-hero-banner .wp-block-cover__inner-container .wp-block-button .wp-block-button__link {
		padding-top: 0.5rem;
		padding-right: 1rem;
		padding-bottom: 0.5rem;
		padding-left: 1rem;
	}
}

@media screen and (max-width: 600px) {
	.cbhf2024-hero-banner-narrow .wp-block-cover {
		aspect-ratio: 3.5 !important;
	}
}

@media screen and (max-width: 560px) {
	.cbhf2024-hero-banner-narrow .wp-block-cover {
		aspect-ratio: 3 !important;
	}
}


@media screen and (min-width: 972px) {

	.cbhf2024-hero-banner .wp-block-cover__inner-container h1,
	.cbhf2024-hero-banner .wp-block-cover__inner-container p {
		max-width: 85%;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}


@media screen and (min-width: 1200px) {
	.cbhf2024-hero-banner .wp-block-cover__inner-container {
		padding-top: 7rem;
		padding-bottom: 5rem;
	}

	.cbhf2024-hero-banner .wp-block-cover__inner-container h1,
	.cbhf2024-hero-banner .wp-block-cover__inner-container p {
		max-width: 65%;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}

@media screen and (min-width: 2000px) {

	.cbhf2024-hero-banner .wp-block-cover {
		aspect-ratio: 3 !important;
	}
}

/* Companions */

.companion .modal-header {
	justify-content: end;
}

.companion h2 {
	margin-bottom: 0;
}

.companion p {
	margin-block-start: 0;
	margin-block-end: 0;
}

.companion .credentials {
	font-family: 'Work Sans', sans-serif;
	font-size: 1rem;
	line-height: 1.5;
	font-weight: 400;
	margin-bottom: 2rem;
}

.companion .media-video-container {
	padding-bottom:56.25%;
	position:relative;
	display:block;
	width: 100%
}

.companion video,
.companion iframe {
	width: 100% !important;
	height: 100% !important;
	position:absolute !important;
	top:0 !important;
	left: 0 !important;
}

.companion span.textarea,
.pdb-list .companion span.textarea {
	display: inline-block;
	max-width: none !important;
	max-height: none !important;
}

.companion .image-field-wrap,
.companion .image-field-wrap img {
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
}

.companion .modal .image-field-wrap,
.companion .modal .image-field-wrap img {
	width: auto !important;
}

.companion .modal .modal-header {
	padding-top: 0.5rem;
	padding-bottom: 0;
}

.companion .modal .modal-footer {
	text-align: center;
	align-items: center;
	justify-content: center;
}

.companion .modal .modal-footer .wp-block-button {
	margin: 2rem auto 1rem auto;
}

#companionsContainer,
#companionsContainer.wp-block-columns.is-not-stacked-on-mobile {
	flex-wrap: wrap !important;
}

.companion.wp-block-column {
	flex-basis: calc(25% - 1.2rem) !important;
	flex-grow: 0 !important;
}

.pdb-list .pdb-pagination,
.pdb-pagination {
	margin-top: 2rem;
	padding-top: 1rem;
	border-top: 0.15rem solid #22404d;
}

.pdb-list .pdb-pagination ul,
.pdb-pagination ul {
	padding: 0;
}

.pdb-list .pagination li,
.pdb-pagination li {
	display: inline-block;
}

.pdb-list .pagination li span,
.pdb-pagination li span,
.pdb-list .pagination li a,
.pdb-pagination li a {
	display: inline-block;
	background-color: transparent !important;
	border: 0 !important;
	margin: 0 0.5rem !important;
	padding: 0.25rem 1rem !important;
}

.pdb-list .pagination li.currentpage span,
.pdb-pagination li.currentpage span {
	background-color: #22404d !important;
	border: 0 !important;
	color: #fff;
	border-radius: 0.5rem;
}

.pdb-list .pagination li span span.dashicons,
.pdb-pagination li span span.dashicons,
.pdb-list .pagination li a span.dashicons,
.pdb-pagination li a span.dashicons {
	margin: 0 !important;
	padding: 0 !important;
}

.pdb-list .pdb-filters {
	display: flex;
	justify-content: space-between;
	align-items: end;
	background-color: #22404d;
	border: 0;
	border-radius: 0.5rem;
	color: #fff;
	padding: 1rem 1.75rem 2rem 1.75rem;
	margin: 2rem auto;
}

.pdb-list .pdb-filters form.sort_filter_form {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.pdb-list .pdb-filters .pdb-sort ul {
	list-style: none;
	margin: 0;
	padding: 1.25rem 0 0.75rem 0;
}

.pdb-list .pdb-filters .pdb-sort li {
	display: inline-block;
	margin: 0 1rem;
	padding: 0;
}

.pdb-list .pdb-filters .pdb-sort li:first-child {
	margin-left: 0;
}

.pdb-list .pdb-filters .pdb-sort li a.sort-option {
	margin: 0;
	padding: 0.75rem 1rem;
	text-decoration: none;
	color: #fff !important;
	border-radius: 0.5rem;
	cursor: pointer;
	font-size: 1rem;
}

.pdb-list .pdb-filters .pdb-sort li a.sort-option:hover,
.pdb-list .pdb-filters .pdb-sort li a.sort-option.active {
	background-color: #fff !important;
	color: #22404d !important;
}

.pdb-list .pdb-filters .pdb-search input.pdb-keyword {
	min-width: 20vw;
	background-color: #fff;
	border: #000;
	border-radius: 0.25rem;
	padding: 0.75rem 0.5rem;
	color: #22404d;
	font-size: 0.75rem;
}

.pdb-list .pdb-filters .pdb-search input[type="submit"] {
	border: 0;
	background: transparent;
	color: #fff;
	font-size: 0.75rem;
	cursor: pointer;
	margin-left: 0.5rem;
	padding: 0.75rem 1rem;
	border-radius: 0.5rem;
}

.pdb-list .pdb-filters .pdb-search input[type="submit"]:hover {
	background-color: #fff;
	color: #22404d;
}

.pdb-error {
	border-left: 0 !important;
	boarder: 0 !important;
}
.pdb-error, .pdb-message {
	display: inline-block;
	background-color: transparent;
	box-shadow: none;
	padding: 0;
	margin: 2em 0;
}

@media screen and (max-width: 1010px) {
	.pdb-list .pdb-filters .pdb-sort li a.sort-option {
		font-size: 0.75rem;
	}
}

@media screen and (max-width: 962px) {
	.companion.wp-block-column {
		flex-basis: calc(50% - 1.2rem) !important;
	}
}


@media screen and (max-width: 940px) {

	.pdb-list .pdb-filters {
		flex-direction: column !important;
	}

	.pdb-list .pdb-sort.alignleft {
		width: 100% !important;
		float: none !important;
		margin-inline-end: 0 !important;
	}

	.pdb-list .pdb-search.alignright {
		width: 100% !important;
		float: none !important;
		margin-inline-start: 0 !important;
	}

	.pdb-list .pdb-filters .pdb-sort li {
		margin-bottom: 3rem;
	}
}

@media screen and (max-width: 768px) {
	.companion.wp-block-column {
		flex-basis: 100% !important;
	}

	.pdb-list .pdb-pagination ul,
	.pdb-pagination ul {
		width: 100% !important;
		display: flex !important;
		justify-content: space-between !important;
	}

	.pdb-list .pagination li,
	.pdb-pagination li {
		display: block !important;
		width: fit-content !important;
	}

	.pdb-list .pdb-pagination .currentpage,
	.pdb-pagination .currentpage,
	.pdb-list .pdb-pagination .direct-page,
	.pdb-pagination .direct-page {
		display: none !important;
	}
}


@media screen and (max-width: 600px) {


	.pdb-list .pdb-sort.alignleft li {
		text-align: center !important;
		margin: 0.75rem auto;
	}


	.pdb-list .pdb-sort.alignleft li:first-child {
		margin-top: 0 !important;
	}

	.pdb-list .pdb-sort.alignleft li,
	.pdb-list .pdb-search.alignright input.pdb-keyword {
		min-width: 100% !important;
		margin-bottom: 3rem;
	}

	.pdb-list .pdb-search.alignright input[type="submit"] {
		display: block !important;
		width: fit-content !important;
		margin: 0 auto !important;
	}

}

/*
* Media
 */

.dLFtpN {
	width: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
}

.media-items-container {
	position: relative;
	flex-wrap: wrap !important;
}

.media-items-container .media-item figure {
	margin: 0;
	margin-block: 0;
	margin-inline: 0;
}


.media-items-container .media-item[style*="flex-basis:33%"] {
	flex-basis: calc(33% - 1.2rem) !important
}

.media-items-container .media-item[style*="flex-basis:20%"] {
	flex-basis: calc(20% - 1.2rem) !important;
}

.media-items-container .media-item[style*="flex-basis:25%"] {
	flex-basis: calc(25% - 1.2rem) !important;
}

@media screen and (max-width: 767.998px) {
	.media-items-container .media-item[style*="flex-basis:33%"],
	.media-items-container .media-item[style*="flex-basis:20%"],
	.media-items-container .media-item[style*="flex-basis:25%"] {
		flex-basis: 100% !important;
	}
}

@media screen and (min-width: 768px) and (max-width: 991.998px) {
	.media-items-container .media-item[style*="flex-basis:25%"] {
		flex-basis: calc(50% - 1.2rem) !important;
	}
}

.media-item-news h2 {
	margin: 0 !important;
}

.media-item .media-video-container {
	padding-bottom:56.25%;
	position:relative;
	display:block;
	width: 100%
}

.media-item video,
.media-item iframe {
	width: 100% !important;
	height: 100% !important;
	position:absolute !important;
	top:0 !important;
	left: 0 !important;
}

.media-item .date {
	padding-top: 1rem;
	border-top: 2px solid #000;
}

.media-items-container .modal .image-field-wrap,
.media-items-container .modal .image-field-wrap img {
	width: auto !important;
}

.media-items-container .modal .modal-header {
	padding-top: 0.5rem;
	padding-bottom: 0;
	text-align: right;
	align-items: center;
	justify-content: end;
}

.media-items-container .modal .modal-body {
	height: fit-content !important;
	max-height: none !important;
}

.media-items-container .modal .modal-footer {
	text-align: center;
	align-items: center;
	justify-content: center;
}

.media-items-container .modal .modal-footer .wp-block-button {
	display: inline-block !important;
}

.media-pagination {
	margin: 2rem auto;
	padding-top: 1rem;
	/* padding-bottom: 2rem;
	border-top: 0.15rem solid #22404d; */
}

.media-pagination a,
.media-pagination span {
	display: inline-block;
	background-color: transparent !important;
	border: 0 !important;
	margin: 0 0.5rem !important;
	padding: 0.25rem 1rem !important;
	text-decoration: none !important;
}

.media-pagination .current {
	background-color: #22404d !important;
	border: 0 !important;
	color: #fff;
	border-radius: 0.5rem;
}

@media screen and (max-width: 768px) {

	.media-items-container .wp-block-column {
		flex-basis: 100% !important;
	}

	.media-pagination {
		width: 100% !important;
		display: flex !important;
		justify-content: space-between !important;
	}

	.media-pagination a,
	.media-pagination span {
		display: block !important;
		width: fit-content !important;
	}
}

/* Section variations for buttons */
.cbhf2024-hero-banner .wp-block-cover__inner-container a:hover,
.cbhf2024-hero-banner-narrow .wp-block-cover__inner-container a:hover,
.cbhf2024-hero-banner-narrow .wp-block-cover__inner-container .wp-element-button:hover,
.cbhf2024-hero-banner .wp-block-cover__inner-container .wp-element-button:hover,
.cbhf2024-hero-banner .wp-block-cover__inner-container a:active,
.cbhf2024-hero-banner-narrow .wp-block-cover__inner-container a:active,
.is-style-section-3 .wp-element-button:hover,
.cbhf2024-hero-banner-narrow .wp-block-cover__inner-container .wp-element-button:active,
.cbhf2024-hero-banner .wp-block-cover__inner-container .wp-element-button:active,
.cbhf2024-hero-banner .wp-block-cover__inner-container a:active,
.cbhf2024-hero-banner-narrow .wp-block-cover__inner-container a:active,
.is-style-section-3 .wp-element-button:active,
.cbhf2024-hero-banner .wp-block-cover__inner-container a:hover ,
.cbhf2024-hero-banner-narrow .wp-block-cover__inner-container a:hover {
	background-color: var(--wp--preset--color--accent-3) !important;
	border-color: var(--wp--preset--color--accent-3) !important;
	color: var(--wp--preset--color--accent-1) !important;
}

.is-style-section-2 .wp-element-button:hover,
.is-style-section-2 .wp-element-button:active {
	background-color: var(--wp--preset--color--accent-3) !important;
	border-color: var(--wp--preset--color--accent-3) !important;
	color: var(--wp--preset--color--accent-2) !important;
}