/*
 * G2V global styles.
 *
 * Only rules that theme.json cannot express belong here.
 * Colours, spacing and type always reference the theme.json presets
 * (var(--wp--preset--*)) — never literal values.
 */

/* Uppercase label treatment for eyebrows and footer column headings. */
.g2v-eyebrow {
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

/* Sticky header */

.wp-site-blocks > .wp-block-template-part:nth-child(1){
	position: sticky;
	top:0;
	z-index:2;
}

/* Navigation gaps: core drops blockGap from generated layout CSS for the
   navigation block, so set them here from the same presets. */
header .wp-block-navigation {
	gap: var(--wp--preset--spacing--large);
}

footer .wp-block-navigation {
	gap: var(--wp--preset--spacing--x-small);
}

/* Breathing room between the nav and the header CTA button. */
header .wp-block-buttons {
	margin-left: var(--wp--preset--spacing--medium);
}

/* Footer links carry no underline (per design); hover restores affordance. */
footer a {
	text-decoration: none;
}
footer a:hover {
	text-decoration: underline;
}

/* Header nav: accent underline on the current page item (per design). */
header .wp-block-navigation a[aria-current="page"] {
	border-bottom: 2px solid var(--wp--preset--color--accent);
	padding-bottom: 0.25em;
}

/* Outline buttons (header "Get in touch"): pale border + text, fill on hover.
   Styled here, not via block attributes, to keep part markup canonical. */
header .wp-block-button.is-style-outline .wp-block-button__link, header .wp-block-button.is-style-outline .wp-block-button__link:hover {
	background: transparent;
	border: none !important;
	padding:0 !important;
}
/*.wp-block-button.is-style-outline .wp-block-button__link:hover {
	background: var(--wp--preset--color--pale-blue);
	color: var(--wp--preset--color--ink);
}
*/
.entry-content > .wp-block-paragraph{
    padding-right: var(--wp--preset--spacing--medium);
    padding-left: var(--wp--preset--spacing--medium);
}

@media only screen and (max-width: 781px) {
	.wp-block-navigation__responsive-container{
		padding-left: var(--wp--preset--spacing--small) !important;
		padding-right: var(--wp--preset--spacing--small) !important;
		padding-top:var(--wp--preset--spacing--small) !important;
	}
}