/* ============================================================
   CROSS-BROWSER COMPATIBILITY
   ============================================================ */

/* Font smoothing ? Safari/Chrome anti-aliasing, Firefox on macOS */
body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

/* Universal box-sizing (belt + suspenders over Bootstrap's reset) */
*,
*::before,
*::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Suppress blue tap-highlight flash on mobile */
a,
button,
[role="button"] {
	-webkit-tap-highlight-color: transparent;
}

/* Crisp image rendering on retina screens 
img {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
} */

/* Flexbox gap fallback for Safari < 14.1 ? margin-based simulation.
   @supports not (gap) ensures margin only fires when gap isn't supported. */
@supports not (gap: 1px) {

	.cm-grid {
		margin: -45px;
	}

	.cm-grid>.cm-card {
		margin: 45px;
	}

	.feature-banner-row>*+* {
		margin-left: 80px;
	}

	.feature-banner-tags>*+* {
		margin-left: 18px;
	}

	.news-list>*+* {
		margin-top: 22px;
	}

	.leadership-grid>*+* {
		margin-left: 44px;
	}

	.hero-contact-details>*+* {
		margin-top: 26px;
	}

	.hero-contact-item>*+* {
		margin-top: 6px;
	}

	.captcha-group>*+* {
		margin-left: 12px;
	}

	.spotex-risk-wrapper>*+* {
		margin-left: 10px;
	}
}

/* backdrop-filter fallback ? solid bg for browsers that don't support it */
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
	#header_nav.navbar-default.hero-nav {
		background: rgba(255, 255, 255, 0.92) !important;
	}

	#header_nav.hero-nav ul.navbar-nav>li>a,
	#header_nav.hero-nav .navbar-nav>li>a {
		color: #04395e !important;
	}
}

/* Smooth scrolling ? only when user has no motion preference */
@media (prefers-reduced-motion: no-preference) {
	html {
		scroll-behavior: smooth;
	}
}

/* Disable all animations/transitions for users who prefer reduced motion */
@media (prefers-reduced-motion: reduce) {

	*,
	*::before,
	*::after {
		-webkit-animation-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		-webkit-transition-duration: 0.01ms !important;
		transition-duration: 0.01ms !important;
	}
}