/*--------------------------------------------------------------
# Defaults
--------------------------------------------------------------*/
@import "typography.css";

html {
	scroll-padding-top: 320px; /* height of sticky gradient header */
}

body {
	font-family: var(--wp--custom--font-primary);
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

/*
 * text-underline-offset doesn't work in Chrome at all 👎
 * But looks nice in Safari/Firefox, so let's keep it and
 * maybe Chrome will support it soon.
 */
a {
	cursor: pointer;
	text-underline-offset: 3px;
	text-decoration-skip-ink: all;
	text-decoration-color: transparent;
}

input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
	height: 1em;
	width: 1em;
	border-radius: 50em;
	background: url(../images/close.svg) no-repeat 50% 50%;
	background-size: contain;
	pointer-events: none;
	filter: invert(1);
}

input[type="search"]:focus::-webkit-search-cancel-button {
	opacity: 1;
	cursor: pointer;
	pointer-events: all;
}

.wp-block-pagely-layout-grid.alignwide {
    max-width: 1440px;
    margin: var( --wp--style--block-gap ) auto;
    padding-left: var(--wp--custom--spacing--horizontal--normal);
    padding-right: var(--wp--custom--spacing--horizontal--normal);
}

body:not(.has-hero-waves) .wp-site-blocks > main > *:not(.alignfull) {
    max-width: 1440px;
    margin: 0 auto;
}