/* ===========================================
	This file is for use by page creators,
	to add custom CSS specific to their design.
=========================================== */

.section.hero {
	background: var(--section-bg-image) bottom/1000px no-repeat, var(--section-bg-color);
	height: min-content;
	min-height: min(max(67vh,450px),850px);
}
@media (min-width: 640px) {
	.section.hero {
		background-size: contain, auto;
		min-height: min(max(55vmax,500px),850px);
	}
}

.blocktype-testimonial {
	--tw-border-opacity: 1;
	border-color: rgba(var(--rgb-secondary), var(--tw-border-opacity));
	border-top-width: 2px;
	font-family: var(--font-family-display)
}
.blocktype-testimonial:last-of-type {
    border-bottom-width: 2px;
}

.blocktype-testimonial:before {
	background: var(--section-bg-color, #fff);
	color: rgb(var(--rgb-secondary));
	content: "\201C\201D";
	display: block;
	font-size: 60px;
	height: .5em;
	left: calc(50% - 25px);
	line-height: 1;
	position: absolute;
	text-align: center;
	top: -.25em;
	width: 50px
}

.testimonial-quote>:first-child:before {
	content: open-quote
}

.testimonial-quote>:last-child:after {
	content: close-quote
}

.testimonial-quote {
	font-family: var(--font-family-body);
	line-height: 1.5;
	margin-bottom: .5rem;
	quotes: "“""”""‘""’"
}

.blocktype-testimonial figcaption {
	text-align: right
}

.testimonial-name {
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.75rem
}

.testimonial-name:before {
	content: "\007E";
	padding-right: .333em
}

.faq {
	padding-bottom: .5rem;
	-webkit-tap-highlight-color: transparent;
}

.faq .accordion-summary {
	list-style: none
}

.faq .accordion-summary::-webkit-details-marker {
	display: none
}

.faq .accordion-summary::marker {
	display: none
}

.faq summary:focus {
	outline: none
}

.faq .accordion-content:before,
.faq .accordion-summary:before {
	display: table-cell;
	font-family: var(--font-family-display);
	font-size: 2.25rem;
	font-weight: 700;
	line-height: 1;
	padding-left: 1rem;
	padding-right: .5rem;
	vertical-align: top
}

.faq .accordion-summary:before {
	color: rgba(var(--rgb-primary));
	content: "Q."
}

.faq .accordion-content:before {
	color: rgb(var(--rgb-secondary));
	content: "A.";
	padding-top: .5rem
}

.faq[open] .accordion-toggle svg {
	transform: rotate(90deg)
}

.faq .toggle-close,
.faq .toggle-open {
	font-variant: small-caps;
	text-transform: lowercase
}

.faq[open] .toggle-open {
	display: none
}

.faq[open] .toggle-close {
	display: inline
}

/* PlusThis countdown timers */
.pt_countdown .pt_count_item,
.countdown-timer .countdown-field {
	background-color: #fef5fc;
	--tw-border-opacity: 1;
	border-color: #f5ddf6;
	border-width: 2px;
	width: calc((100% - 3 * 0.5rem) / 4);
	border-radius: 0.25rem;
	font-family: var(--font-family-body, sans-serif);
}
.pt_countdown > div > :not([hidden]) ~ :not([hidden]) {
	--tw-space-x-reverse: 0;
	margin-right: calc(0.5rem * var(--tw-space-x-reverse));
	margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.pt_countdown .pt_count_item > span,
.countdown-timer .countdown-field > .countdown-label {
	font-family: var(--font-family-body, sans-serif);
	font-size: 0.875em;
}

.countdown-timer .countdown-number {
    font-size: 1.5rem;
}