/*
Theme Name: Fertility Clinic
Theme URI:
Author: marcohayes
Author URI: https://profiles.wordpress.org/marcohayes/
Description: Fertility Clinic is a warm and modern block theme for fertility clinics, IVF centres, gynaecologists, obstetricians, midwives, maternity and women's health practices. A deep navy and soft coral palette, an elegant Philosopher serif paired with clean DM Sans body text and generous whitespace create a calm, reassuring first impression. The homepage opens with a contact info bar and floating navy navigation, followed by a full width hero with a soft white fade, an about section with overlapping images, inline statistics and a video button, a grid of the latest fertility guides and an FAQ section with expandable answers beside an image and badge. The navy footer includes treatment and clinic links, contact details and search. Built entirely with core blocks and full site editing, every color, font, template and pattern can be customized from the Site Editor. Includes ready-made patterns, style variations and a fully responsive, accessible layout.
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fertility-clinic
Tags: blog, one-column, grid-layout, wide-blocks, block-patterns, custom-colors, custom-logo, custom-menu, editor-style, featured-images, full-site-editing, style-variations, threaded-comments, translation-ready
*/

/* ---------- Base ---------- */
html {
	scroll-behavior: smooth;
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

::selection {
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--base);
}

:where(a, button, input, textarea, select, summary):focus-visible {
	outline: 2px solid var(--wp--preset--color--accent);
	outline-offset: 3px;
}

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

.wp-site-blocks > *,
.fc-main > * {
	margin-block-start: 0;
}

.fc-section {
	padding-top: var(--wp--preset--spacing--70);
	padding-bottom: var(--wp--preset--spacing--70);
}

.fc-section-head {
	margin-bottom: 56px;
}

.fc-section-head p {
	margin-bottom: 0;
}

/* ---------- Buttons ---------- */
.wp-element-button,
.wp-block-button__link {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	transition: background-color 0.25s, color 0.25s;
}

.wp-block-button__link.has-contrast-background-color:hover,
.wp-block-button__link.has-contrast-background-color:focus {
	background-color: var(--wp--preset--color--accent) !important;
}

/* Play link with round navy icon */
.fc-play a {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	color: var(--wp--preset--color--contrast);
	font-weight: 500;
	text-decoration: none;
}

.fc-play a::before {
	content: "";
	flex-shrink: 0;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: var(--wp--preset--color--contrast) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M7 4l13 8-13 8z'/%3E%3C/svg%3E") 17px center / 16px no-repeat;
	box-shadow: 0 0 0 6px rgba(35, 42, 94, 0.15);
}

.fc-play a:hover {
	color: var(--wp--preset--color--accent);
}

/* Tag label with leading line */
.fc-tag {
	display: inline-block;
	position: relative;
	margin: 0 0 18px;
	padding-left: 46px;
	color: var(--wp--preset--color--accent);
	font-weight: 500;
}

.fc-tag::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 34px;
	height: 1px;
	background: var(--wp--preset--color--accent);
}

.fc-tag.has-text-align-center {
	display: block;
	width: fit-content;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* ---------- Top bar ---------- */
.fc-topbar {
	padding-top: 10px;
	padding-bottom: 10px;
	color: #c9cce2;
}

.fc-topbar-inner {
	gap: 20px;
}

.fc-topbar-info {
	gap: 8px 28px;
}

.fc-topbar p {
	margin: 0;
}

.fc-topbar a {
	color: inherit;
	text-decoration: none;
}

.fc-topbar a:hover {
	color: var(--wp--preset--color--accent);
}

.fc-icon {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.fc-icon::before {
	content: "";
	flex-shrink: 0;
	width: 15px;
	height: 15px;
	background-color: var(--wp--preset--color--accent);
	-webkit-mask: var(--fc-icon) center / contain no-repeat;
	mask: var(--fc-icon) center / contain no-repeat;
}

.fc-icon-mail {
	--fc-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Cpath d='M4 6h16v12H4z'/%3E%3Cpath d='M4 7l8 6 8-6'/%3E%3C/svg%3E");
}

.fc-icon-pin {
	--fc-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Cpath d='M12 21s-7-6.2-7-11.5A7 7 0 0 1 19 9.5C19 14.8 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5'/%3E%3C/svg%3E");
}

/* ---------- Header ---------- */
.fc-site-header {
	position: relative;
	z-index: 50;
}

.fc-header-nav {
	position: absolute;
	top: calc(100% + 4px);
	left: 0;
	right: 0;
	z-index: 50;
}

.fc-nav-bar {
	position: relative;
	gap: 24px;
	padding: 12px 28px;
	border-radius: 4px;
}

.fc-brand {
	flex-shrink: 0;
	gap: 10px;
}

.fc-brand .wp-block-site-logo img {
	width: auto;
	height: 54px;
}

.fc-brand .wp-block-site-title a:hover {
	color: var(--wp--preset--color--accent);
}

.fc-main-nav .wp-block-navigation-item__content {
	white-space: nowrap;
	transition: color 0.2s;
}

.fc-main-nav .current-menu-item > .wp-block-navigation-item__content,
.fc-main-nav .wp-block-navigation-item__content:hover {
	color: var(--wp--preset--color--accent);
}

.fc-nav-actions {
	gap: 18px;
}

.fc-header-cta .wp-block-button__link {
	white-space: nowrap;
}

.fc-main-nav .wp-block-navigation__responsive-container-open {
	padding: 6px;
	color: var(--wp--preset--color--base);
}

.fc-main-nav .wp-block-navigation__responsive-container-open svg {
	width: 22px;
	height: 22px;
}

/* Desktop: show the menu inline */
@media (min-width: 1200px) {
	.fc-main-nav .wp-block-navigation__responsive-container.hidden-by-default:not(.is-menu-open) {
		display: block;
		position: relative;
		width: 100%;
		z-index: auto;
		background-color: inherit;
	}

	.fc-main-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-close,
	.fc-main-nav .wp-block-navigation__responsive-container-open.always-shown {
		display: none;
	}
}

/* Tablet and mobile: dropdown panel below the navigation bar */
@media (max-width: 1199px) {
	.fc-brand {
		order: 1;
	}

	.fc-nav-bar > .fc-nav-actions {
		order: 2;
		margin-left: auto !important;
	}

	.fc-nav-bar > .fc-main-nav {
		order: 3;
		position: static;
		flex: 0 0 auto;
		width: auto;
	}

	.fc-main-nav .wp-block-navigation__responsive-container.is-menu-open {
		position: absolute;
		top: calc(100% + 6px);
		left: 0;
		right: 0;
		bottom: auto;
		height: auto;
		padding: 10px 28px 20px;
		border-radius: 4px;
		box-shadow: 0 10px 30px rgba(26, 32, 73, 0.25);
		animation: none;
	}

	.has-modal-open .admin-bar .fc-main-nav .is-menu-open .wp-block-navigation__responsive-dialog {
		margin-top: 0;
	}

	/* Close button sits on the first menu row, aligned with the links. */
	.fc-main-nav .is-menu-open .wp-block-navigation__responsive-container-close {
		top: 5px;
		right: -6px;
		padding: 6px;
	}

	.fc-main-nav .is-menu-open .wp-block-navigation__responsive-container-close svg {
		width: 22px;
		height: 22px;
	}

	.fc-main-nav .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) .wp-block-navigation__responsive-container-content {
		padding-top: 0;
	}

	.fc-main-nav .is-menu-open .wp-block-navigation__container > .wp-block-navigation-item:first-child > .wp-block-navigation-item__content {
		padding-right: 44px !important;
	}

	.fc-main-nav .is-menu-open .wp-block-navigation__container {
		gap: 0 !important;
		width: 100%;
	}

	.fc-main-nav .is-menu-open .wp-block-navigation-item {
		width: 100%;
	}

	.fc-main-nav .is-menu-open .wp-block-navigation-item__content {
		display: block;
		box-sizing: border-box;
		width: 100%;
		padding: 10px 0 !important;
		border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	}
}

/* Header search */
.fc-header-search {
	position: relative;
	margin: 0;
}

.fc-header-search .wp-block-search__inside-wrapper {
	width: auto !important;
	padding: 0;
	border: 0;
	background: none;
}

.fc-header-search .wp-block-search__button {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 6px;
	border: 0;
	background: none;
	color: var(--wp--preset--color--base);
}

.fc-header-search .wp-block-search__button svg {
	width: 22px;
	height: 22px;
	fill: currentColor;
}

.fc-header-search .wp-block-search__button:hover {
	color: var(--wp--preset--color--accent);
}

.fc-header-search .wp-block-search__input {
	position: absolute;
	top: calc(100% + 22px);
	right: 0;
	z-index: 20;
	width: 18rem;
	max-width: calc(100vw - 40px);
	height: 48px;
	margin: 0;
	padding: 0 16px;
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 4px;
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--contrast);
	box-shadow: var(--wp--preset--shadow--soft);
	transition: opacity 0.2s ease;
}

.fc-header-search.wp-block-search__searchfield-hidden .wp-block-search__input {
	width: 0;
	padding: 0;
	border-width: 0;
	opacity: 0;
	pointer-events: none;
}

/* ---------- Hero ---------- */
.wp-block-cover.fc-hero {
	align-items: center;
	padding: 140px var(--wp--style--root--padding-right, 20px) 0 var(--wp--style--root--padding-left, 20px);
}

.fc-hero .wp-block-cover__inner-container {
	color: var(--wp--preset--color--body);
}

.fc-hero h1 {
	margin-top: 0;
	color: var(--wp--preset--color--contrast);
}

.fc-hero .fc-tag {
	margin-bottom: 18px;
}

.fc-hero-content > * {
	margin-block-start: 0;
	margin-block-end: 0;
}

.fc-hero-content > h1 {
	margin-bottom: 16px;
}

.fc-hero-text {
	max-width: 520px;
	margin-bottom: 36px !important;
}

.fc-hero-actions {
	gap: 30px;
}

/* ---------- About ---------- */
.wp-block-columns.fc-about-grid {
	gap: 90px;
}

.fc-about-media {
	position: relative;
	padding-right: 120px;
	padding-bottom: 90px;
}

.fc-about-media > * {
	margin: 0 !important;
}

.fc-about-media .wp-block-image img {
	display: block;
	width: 100%;
	object-fit: cover;
}

.fc-about-main img {
	aspect-ratio: 4 / 4.2;
}

.fc-about-media .fc-about-small {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 48%;
}

.fc-about-small img {
	aspect-ratio: 3 / 4;
	border: 10px solid var(--wp--preset--color--base);
}

.fc-about-media .fc-play-float {
	position: absolute;
	right: 44%;
	bottom: 26%;
	z-index: 2;
}

.fc-play-float a {
	display: grid;
	place-items: center;
	width: 62px;
	height: 62px;
	border-radius: 50%;
	background: var(--wp--preset--color--base);
	box-shadow: var(--wp--preset--shadow--soft);
	font-size: 0;
	color: transparent;
	text-decoration: none;
}

.fc-play-float a::before {
	content: "";
	width: 44px;
	height: 44px;
	border: 1px solid var(--wp--preset--color--accent);
	border-radius: 50%;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f2777a'%3E%3Cpath d='M7 4l13 8-13 8z'/%3E%3C/svg%3E") 16px center / 14px no-repeat;
	box-sizing: border-box;
	transition: transform 0.25s;
}

.fc-play-float a:hover::before {
	transform: scale(1.08);
}

.fc-stats {
	gap: 36px 60px;
	margin-top: 32px !important;
	margin-bottom: 40px;
}

.fc-stat > * {
	margin: 0;
}

.fc-stat-num {
	margin-bottom: 8px !important;
	font-family: var(--wp--preset--font-family--heading);
	font-size: 40px;
	line-height: 1;
	color: var(--wp--preset--color--accent);
}

.fc-stat-label {
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--contrast);
}

/* ---------- Blog cards ---------- */
body .fc-card-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 30px;
}

.fc-post-card > * {
	margin-block-start: 0;
	margin-block-end: 16px;
}

.fc-post-card > :last-child {
	margin-bottom: 0;
}

.fc-post-card .fc-post-card-image {
	margin-bottom: 24px;
	overflow: hidden;
}

.fc-post-card .fc-post-card-image img {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 11;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.fc-post-card:hover .fc-post-card-image img {
	transform: scale(1.04);
}

.fc-post-meta {
	gap: 6px;
	margin-bottom: 8px !important;
	font-size: var(--wp--preset--font-size--x-small);
	color: var(--wp--preset--color--accent);
}

.fc-post-meta > * {
	margin: 0;
}

.fc-post-meta.is-layout-flex > * + *::before {
	content: "·";
	margin-right: 6px;
}

.fc-post-title {
	font-size: var(--wp--preset--font-size--x-large);
}

.fc-post-title a {
	color: var(--wp--preset--color--contrast);
	text-decoration: none;
	transition: color 0.2s;
}

.fc-post-title a:hover,
.fc-post-card:hover .fc-post-title a {
	color: var(--wp--preset--color--accent);
}

.fc-post-card .wp-block-post-excerpt__excerpt {
	margin: 0;
}

.fc-post-card .wp-block-post-excerpt__more-text {
	display: none;
}

.fc-read-more a,
a.fc-read-more {
	display: inline-block;
	color: var(--wp--preset--color--contrast);
	font-weight: 500;
	text-decoration: none;
	border-bottom: 1px solid var(--wp--preset--color--accent);
}

.fc-read-more a:hover,
a.fc-read-more:hover {
	color: var(--wp--preset--color--accent);
}

/* ---------- FAQ ---------- */
.wp-block-columns.fc-faq-grid {
	gap: 80px;
}

.fc-faq-media {
	position: relative;
}

.fc-faq-media > * {
	margin: 0 !important;
}

.fc-faq-media .wp-block-image img {
	display: block;
	width: 100%;
	height: 600px;
	object-fit: cover;
}

.fc-faq-media .fc-faq-badge {
	position: absolute;
	left: -1px;
	bottom: 40px;
	max-width: 260px;
	padding: 22px 28px;
}

.fc-faq-badge p {
	margin: 0;
}

.fc-faq-badge .fc-badge-num {
	margin-bottom: 6px;
	font-family: var(--wp--preset--font-family--heading);
	font-size: 34px;
	line-height: 1;
}

.fc-faq-list {
	margin-top: 30px !important;
}

.fc-faq-list > .wp-block-details {
	margin: 0 0 14px;
}

.fc-faq-list .wp-block-details[open] {
	background-color: var(--wp--preset--color--base);
	outline: 1px solid var(--wp--preset--color--border);
}

.fc-faq-list summary {
	position: relative;
	padding: 20px 60px 20px 26px;
	font-family: var(--wp--preset--font-family--heading);
	font-size: 19px;
	line-height: 1.4;
	color: var(--wp--preset--color--contrast);
	list-style: none;
	cursor: pointer;
}

.fc-faq-list summary::-webkit-details-marker {
	display: none;
}

.fc-faq-list summary::after {
	content: "+";
	position: absolute;
	right: 24px;
	top: 50%;
	transform: translateY(-50%);
	font-family: var(--wp--preset--font-family--body);
	font-size: 24px;
	color: var(--wp--preset--color--accent);
}

.fc-faq-list details[open] summary::after {
	content: "–";
}

.fc-faq-list details > :not(summary) {
	margin: 0;
	padding: 0 26px 22px;
}

/* ---------- Page banner ---------- */
.fc-page-banner {
	padding-top: 200px;
	padding-bottom: 90px;
	text-align: center;
}

.fc-page-banner > * {
	margin-block-start: 0;
	margin-block-end: 16px;
}

.fc-page-banner > :last-child {
	margin-bottom: 0;
}

.fc-page-banner .wp-block-post-terms a {
	text-decoration: none;
}

.fc-page-banner .fc-post-meta {
	justify-content: center;
}

.fc-no-title-content {
	padding-top: 200px;
	padding-bottom: var(--wp--preset--spacing--70);
}

/* ---------- Single & page content ---------- */
.fc-entry > .wp-block-post-featured-image {
	margin-bottom: var(--wp--preset--spacing--50);
}

.fc-entry .wp-block-post-featured-image img {
	display: block;
}

.fc-post-footer {
	margin-top: var(--wp--preset--spacing--50);
}

.fc-tags a {
	display: inline-block;
	margin: 0 6px 6px 0;
	padding: 6px 14px;
	border-radius: 4px;
	background: var(--wp--preset--color--base-2);
	color: var(--wp--preset--color--contrast);
	font-size: var(--wp--preset--font-size--x-small);
}

.fc-tags a:hover {
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--base);
}

.fc-tags .wp-block-post-terms__separator {
	display: none;
}

.fc-post-nav {
	padding-top: var(--wp--preset--spacing--30);
	border-top: 1px solid var(--wp--preset--color--border);
}

.fc-post-nav a {
	color: var(--wp--preset--color--contrast);
}

.fc-post-nav a:hover {
	color: var(--wp--preset--color--accent);
}

.fc-comments {
	margin-top: var(--wp--preset--spacing--50);
}

.fc-comment {
	gap: 18px;
	padding-bottom: 24px;
	margin-bottom: 24px;
	border-bottom: 1px solid var(--wp--preset--color--border);
}

.fc-comment .wp-block-avatar img {
	border-radius: 50%;
}

.fc-comment .wp-block-comment-content p {
	margin: 8px 0;
}

.wp-block-post-comments-form input:not([type="submit"]):not([type="checkbox"]),
.wp-block-post-comments-form textarea {
	padding: 13px 16px;
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 4px;
	background: var(--wp--preset--color--base-2);
	color: var(--wp--preset--color--contrast);
	font-family: inherit;
	font-size: var(--wp--preset--font-size--small);
}

.wp-block-post-comments-form input:not([type="submit"]):not([type="checkbox"]):focus,
.wp-block-post-comments-form textarea:focus {
	border-color: var(--wp--preset--color--accent);
	background: var(--wp--preset--color--base);
}

/* Pagination */
.fc-pagination {
	margin-top: var(--wp--preset--spacing--50);
	gap: 8px;
}

.fc-pagination a,
.fc-pagination .page-numbers {
	color: var(--wp--preset--color--contrast);
}

.fc-pagination .page-numbers {
	display: inline-grid;
	place-items: center;
	min-width: 42px;
	height: 42px;
	padding: 0 8px;
	border-radius: 4px;
	background: var(--wp--preset--color--base-2);
}

.fc-pagination .page-numbers.current,
.fc-pagination a.page-numbers:hover {
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
}

/* Search forms */
.fc-search-form .wp-block-search__input,
.fc-footer-search .wp-block-search__input {
	padding: 13px 16px;
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 4px 0 0 4px;
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--contrast);
	font-family: inherit;
	font-size: var(--wp--preset--font-size--small);
}

.fc-search-form .wp-block-search__button,
.fc-footer-search .wp-block-search__button {
	margin-left: 0;
	padding: 13px 18px;
	border-radius: 0 4px 4px 0;
}

.fc-search-form .wp-block-search__button svg {
	fill: currentColor;
}

/* ---------- Footer ---------- */
.fc-footer {
	padding-top: 90px;
}

.fc-footer a {
	color: inherit;
	text-decoration: none;
	transition: color 0.2s;
}

.fc-footer a:hover {
	color: var(--wp--preset--color--accent);
}

.wp-block-columns.fc-footer-grid {
	gap: 50px;
	margin-bottom: 0;
	padding-bottom: 60px;
}

.fc-footer h4 {
	margin: 0 0 22px;
	font-size: 21px;
}

.fc-footer .fc-footer-title {
	margin: 0;
}

.fc-footer .fc-footer-title a {
	color: var(--wp--preset--color--base);
}

.fc-footer-about {
	max-width: 340px;
	margin-top: 20px !important;
}

.fc-footer-links {
	margin: 0;
	padding: 0;
	list-style: none;
}

.fc-footer-links li {
	margin-bottom: 10px;
}

.fc-footer-search {
	margin-top: 18px !important;
}

.fc-footer-search .wp-block-search__input {
	min-width: 0;
	border: 0;
}

.fc-footer-bottom {
	padding-top: 24px;
	padding-bottom: 24px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.fc-footer-bottom p {
	margin: 0;
}

.fc-legal a + a {
	margin-left: 24px;
}

/* ---------- Responsive ---------- */
@media (max-width: 1199px) {
	.wp-block-columns.fc-footer-grid {
		flex-wrap: wrap !important;
	}

	.wp-block-columns.fc-footer-grid > .wp-block-column {
		flex-basis: calc(50% - 25px) !important;
		flex-grow: 0;
	}
}

@media (max-width: 991px) {
	.wp-block-cover.fc-hero {
		min-height: 720px !important;
	}

	.fc-hero .wp-block-cover__background {
		background: rgba(255, 255, 255, 0.82) !important;
	}

	.wp-block-columns.fc-about-grid,
	.wp-block-columns.fc-faq-grid {
		flex-wrap: wrap !important;
		gap: 50px;
	}

	.wp-block-columns.fc-about-grid > .wp-block-column,
	.wp-block-columns.fc-faq-grid > .wp-block-column {
		flex-basis: 100% !important;
	}

	body .fc-card-grid {
		grid-template-columns: 1fr;
		max-width: 620px;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.fc-faq-media .wp-block-image img {
		height: 420px;
	}
}

@media (max-width: 600px) {
	.fc-topbar {
		display: none;
	}

	.fc-header-nav {
		top: calc(100% + 16px);
	}

	.fc-nav-bar {
		padding: 14px 18px;
	}

	.fc-brand .wp-block-site-logo img {
		height: 42px;
	}

	.fc-nav-actions .fc-header-cta {
		display: none !important;
	}

	.wp-block-cover.fc-hero {
		padding-top: 110px;
	}

	.fc-about-media {
		padding-right: 60px;
		padding-bottom: 60px;
	}

	.fc-stats {
		gap: 24px 36px;
	}

	.wp-block-columns.fc-footer-grid > .wp-block-column {
		flex-basis: 100% !important;
	}

	.fc-page-banner,
	.fc-no-title-content {
		padding-top: 150px;
	}

	.fc-page-banner {
		padding-bottom: 60px;
	}
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		transition: none !important;
		animation: none !important;
	}
}