/*
 * NOTICE - PLEASE READ BELOW
 * ############################################################################
 *
 * THIS SITE USES A NEW GLOBAL CSS/JAVASCRIPT RESET AND CUSTOMISATION SYSTEM
 * PLEASE SPEAK TO A WUNDERWRITER BEFORE MAKING ANY CHANGES
 */

/* SchemeServe boilerplate */
@import url("https://schemeservefrontenduk.z33.web.core.windows.net/boilerplate/beta/ss-custom.css");
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

/* =========================================================
   1. MAIN SETTINGS
========================================================= */

:root {
	--ss-custom-color-primary--dark: #7F7F7F;
	--ss-custom-color-primary: #83a779;
	--ss-custom-color-primary--light: #7F7F7F;
	--ss-custom-color-secondary--dark: #83a779;
	--ss-custom-color-secondary: #7F7F7F;
	--ss-custom-color-secondary--light: #83a779;
	--mgu-page-bg: #ffffff;
	--mgu-hero-bg: #cfd0bb;
	--mgu-text: #404040;
	--mgu-muted-text: #666666;
	--mgu-line: #5a5a5a;
	--mgu-green: #83a779;
	--mgu-green-dark: #6f9465;
	--mgu-login-bg: #6f6f6f;
	--mgu-login-hover: #555555;
	--mgu-max-width: 1450px;
	--mgu-side-padding: 30px;
	--mgu-hero-height: 190px;
	--mgu-hero-font-size: 135px;
}

/* =========================================================
   2. KEEP EXISTING SMALL FIXES
========================================================= */

.is-frontend .question.Radio.is-enhanced label.is-checked::before {
	box-shadow: inset 0 0 0 2px var(--ss-custom-radio-enhanced-background);
}

.is-frontend #question_CompaniesHouseSearch .text .info_text {
	color: inherit !important;
}

/* =========================================================
   3. GLOBAL SITE BASE
========================================================= */

body.public {
	background: var(--mgu-page-bg) !important;
	color: var(--mgu-text) !important;
	font-family: Arial, Helvetica, sans-serif !important;
}

	body.public section,
	body.public article {
		max-width: var(--mgu-max-width) !important;
		margin: 0 auto !important;
		background: transparent !important;
	}

	/* =========================================================
   4. GLOBAL HEADER
========================================================= */

	body.public header {
		background: var(--mgu-page-bg) !important;
		padding: 20px var(--mgu-side-padding) 14px !important;
	}

		body.public header .logo {
			float: left !important;
		}

			body.public header .logo img {
				max-height: 58px !important;
				width: auto !important;
			}

		body.public header .login {
			float: right !important;
			margin-top: 2px !important;
		}

			body.public header .login a,
			body.public header div.login a {
				background: var(--mgu-login-bg) !important;
				color: #ffffff !important;
				border-radius: 8px !important;
				padding: 11px 17px !important;
				font-size: 13px !important;
				font-weight: 700 !important;
				box-shadow: none !important;
				transition: background .25s ease, transform .25s ease !important;
			}

				body.public header .login a:hover,
				body.public header div.login a:hover {
					background: var(--mgu-login-hover) !important;
					transform: translateY(-1px) !important;
				}

		body.public header .deployment,
		body.public header .helplinenumber {
			display: none !important;
		}

	/* =========================================================
   5. GLOBAL NAVIGATION
========================================================= */
	body.public footer {
		display: none !important;
	}

	body.public nav {
		background: var(--mgu-page-bg) !important;
		border-bottom: 1px solid #d8d8d8 !important;
		box-shadow: none !important;
		padding: 14px var(--mgu-side-padding) 14px !important;
		margin-top: 0 !important;
	}

		body.public nav ul,
		body.public ul.menu {
			display: flex !important;
			justify-content: flex-start !important;
			align-items: center !important;
			gap: 34px !important;
			margin: 0 !important;
			padding: 0 !important;
			list-style: none !important;
		}

			body.public nav li,
			body.public ul.menu li {
				list-style: none !important;
				margin: 0 !important;
				padding: 0 !important;
				float: none !important;
			}

				body.public nav li a,
				body.public nav li a.selected,
				body.public nav li a.selected:link,
				body.public nav li a.selected:visited {
					position: relative !important;
					background: transparent !important;
					color: var(--mgu-text) !important;
					border: 0 !important;
					padding: 0 0 8px !important;
					margin: 0 !important;
					font-size: 15px !important;
					font-weight: 700 !important;
					line-height: 1.2 !important;
					text-decoration: none !important;
					box-shadow: none !important;
				}

					body.public nav li a::after {
						content: "" !important;
						position: absolute !important;
						left: 0 !important;
						bottom: 0 !important;
						width: 0 !important;
						height: 2px !important;
						background: var(--mgu-green) !important;
						transition: width .25s ease !important;
					}

					body.public nav li a:hover,
					body.public nav li a:active {
						background: transparent !important;
						color: #222222 !important;
						text-decoration: none !important;
					}

						body.public nav li a:hover::after,
						body.public nav li a.selected::after {
							width: 100% !important;
						}

	/* =========================================================
   6. GLOBAL FOOTER
========================================================= */

	body.public footer {
		background: var(--mgu-page-bg) !important;
		border-top: 1px solid #d8d8d8 !important;
		color: var(--mgu-text) !important;
	}

/* =========================================================
   7. GET QUOTE PAGE ONLY - HERO
========================================================= */

body#getquote_default_aspx .mgu-hero {
	background: #CFD0BA !important;
	min-height: var(--mgu-hero-height) !important;
	display: flex !important;
	align-items: flex-end !important;
	padding: 0 !important;
	width: 100vw !important;
	margin-top: 20px !important;
	margin-bottom: 0 !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
}

	body#getquote_default_aspx .mgu-hero h1 {
		width: 100% !important;
		max-width: var(--mgu-max-width) !important;
		padding-left: calc(var(--mgu-side-padding) + 28px) !important;
		padding-right: var(--mgu-side-padding) !important;
		box-sizing: border-box !important;
		margin: 0 auto -28px !important;
		color: #ffffff !important;
		font-family: 'Bebas Neue', sans-serif !important;
		font-size: 145px !important;
		font-weight: 400 !important;
		letter-spacing: 0 !important;
		line-height: 0.92 !important;
		text-transform: uppercase !important;
	}

body#getquote_default_aspx .mgu-intro {
	max-width: var(--mgu-max-width) !important;
	padding-left: calc(var(--mgu-side-padding) + 28px) !important;
	padding-right: var(--mgu-side-padding) !important;
	box-sizing: border-box !important;
	margin: 28px auto 28px !important;
	color: #4f4f4f !important;
	font-size: 16px !important;
	line-height: 1.5 !important;
	text-align: left !important;
}

body#getquote_default_aspx .getquote-ui > h1,
body#getquote_default_aspx .getquote-ui > h2 {
	display: none !important;
}

body#getquote_default_aspx .getquote-ui {
	padding: 0 var(--mgu-side-padding) 50px !important;
	background: transparent !important;
}

body#getquote_default_aspx .MessagingContainer {
	margin: 0 !important;
	padding: 0 !important;
}

/* =========================================================
   8. PRODUCT GROUPS AND TILES
========================================================= */

.mgu-product-group {
	max-width: var(--mgu-max-width);
	margin: 10px auto 50px;
	padding: 0 var(--mgu-side-padding);
	box-sizing: border-box;
}

.mgu-product-group-line {
	border: 0;
	border-top: 5px solid #4A4F52 !important;
	margin: 0 26px 26px;
}

.mgu-product-group-panel {
	padding: 5px 28px 36px;
}

/* =========================================================
   PROPERTY & LAND / SCHEMESERVE H2 TYPOGRAPHY
========================================================= */

body#getquote_default_aspx .mgu-product-group .ss-custom-h2,
body#getquote_default_aspx .mgu-product-group h2 {
	font-family: 'Bebas Neue', sans-serif !important;
	font-size: 38px !important;
	font-weight: 400 !important;
	line-height: 0.92 !important;
	letter-spacing: 0 !important;
	text-transform: uppercase !important;
	color: #4A4F52 !important;
	margin: 0 0 10px !important;
}

.mgu-product-group-text {
	margin-bottom: 20px;
	color: #4f4f4f !important;
	font-size: 17px !important;
	line-height: 1.5 !important;
}

.mgu-tile-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 38px;
}

.mgu-tile {
	display: block;
	text-decoration: none !important;
	color: inherit !important;
}

.mgu-tile-frame {
	background: #ffffff !important;
	padding: 0 !important;
	border-radius: 18px !important;
	overflow: hidden !important;
	box-shadow: 0 12px 35px rgba(0,0,0,0.12) !important;
	transition: transform .25s ease, box-shadow .25s ease !important;
}

.mgu-tile:hover .mgu-tile-frame {
	transform: translateY(-6px) !important;
	box-shadow: 0 18px 45px rgba(0,0,0,0.18) !important;
	outline: none !important;
}

.mgu-tile-image {
	position: relative;
	height: 270px;
	overflow: hidden;
	background: #f4f4f4 !important;
}

	.mgu-tile-image img {
		width: 100%;
		height: 100%;
		display: block;
		transition: transform .35s ease;
	}

.mgu-tile:hover .mgu-tile-image img {
	transform: scale(1.04);
}

.mgu-tile-label {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255,255,255,0.72) !important;
	color: #3f3f3f !important;
	padding: 3px 18px !important;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	font-family: 'Bebas Neue', sans-serif !important;
	font-size: 27px !important;
	/*font-weight: 800;*/

	line-height: 1.1;
	text-transform: uppercase;
	box-sizing: border-box;
	backdrop-filter: blur(4px);
}

.mgu-tile-label-text {
	display: inline-block;
}

.mgu-tile-badge {
	display: inline-block;
	background: #4a4a4a;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	padding: 6px 9px;
	border-radius: 999px;
	white-space: nowrap;
	flex-shrink: 0;
}

/* =========================================================
   9. HIDE ORIGINAL SCHEMESERVE LIST
========================================================= */

body#getquote_default_aspx #ctl00_MainContent_divChooseScheme {
	display: none !important;
}

body#getquote_default_aspx .QuickQuoteSchemesList,
body#getquote_default_aspx .SummaryButtons {
	display: none !important;
}


/* =========================================================
   10. PREVENT FLASH OF OLD GET QUOTE CONTENT
========================================================= */

body#getquote_default_aspx.mgu-loading #ctl00_MainContent_divChooseScheme,
body#getquote_default_aspx.mgu-loading .QuickQuoteSchemesList,
body#getquote_default_aspx.mgu-loading .SummaryButtons,
body#getquote_default_aspx.mgu-loading .getquote-ui > h1,
body#getquote_default_aspx.mgu-loading .getquote-ui > h2 {
	display: none !important;
}

body#getquote_default_aspx.mgu-ready #ctl00_MainContent_divChooseScheme,
body#getquote_default_aspx.mgu-ready .QuickQuoteSchemesList,
body#getquote_default_aspx.mgu-ready .SummaryButtons,
body#getquote_default_aspx.mgu-ready .getquote-ui > h1,
body#getquote_default_aspx.mgu-ready .getquote-ui > h2 {
	display: none !important;
}

/* =========================================================
   11. TABLET
========================================================= */

@media (max-width: 1100px) {

	.mgu-tile-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 26px;
	}

	.mgu-tile-image {
		height: 245px;
	}
}

/* =========================================================
   12. MOBILE
========================================================= */

@media (max-width: 900px) {

	:root {
		--mgu-side-padding: 20px;
		--mgu-hero-font-size: 82px;
		--mgu-hero-height: 145px;
	}

	body.public header {
		padding-top: 16px !important;
	}

	body.public nav ul,
	body.public ul.menu {
		gap: 18px !important;
		flex-wrap: wrap !important;
		padding: 12px 0 8px !important;
	}

	body.public nav li a,
	body.public nav li a.selected {
		font-size: 14px !important;
	}

	body#getquote_default_aspx .mgu-hero {
		margin-top: 18px !important;
	}

		body#getquote_default_aspx .mgu-hero h1 {
			font-size: 92px !important;
			padding-top: 42px !important;
			padding-bottom: 14px !important;
			line-height: 0.9 !important;
		}

	body#getquote_default_aspx .mgu-product-group .ss-custom-h2,
	body#getquote_default_aspx .mgu-product-group h2 {
		font-size: 40px !important;
	}

	body#getquote_default_aspx .mgu-intro {
		font-size: 16px !important;
		line-height: 1.55 !important;
		margin-top: 24px !important;
		margin-bottom: 32px !important;
	}
}

@media (max-width: 700px) {

	.mgu-product-group-panel {
		padding: 22px 0 24px;
	}

	body#getquote_default_aspx .mgu-product-group .ss-custom-h2,
	body#getquote_default_aspx .mgu-product-group h2 {
		font-size: 40px !important;
	}

	.mgu-product-group-text {
		font-size: 15px;
	}

	.mgu-tile-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.mgu-tile-image {
		height: 220px;
	}

	.mgu-tile-label {
		gap: 8px;
		font-size: 17px !important;
		padding: 14px 16px !important;
	}

	.mgu-tile-badge {
		font-size: 10px;
		padding: 5px 7px;
	}
}

/* =========================================================
   13. FAIR VALUE ASSESSMENTS PAGE
========================================================= */

.mgu-fva-page {
	background: #ffffff !important;
}

.mgu-fva-hero h1 {
	font-size: 110px !important;
	line-height: 0.82 !important;
	margin-bottom: -20px !important;
}

.mgu-fva-section {
	margin-top: 10px !important;
}

/* List layout - every card uses the same placeholder image,
   so a photo grid just adds visual weight without adding
   information. A single-column list scans faster once there
   are more than a handful of documents. */
.mgu-fva-grid {
	\ display: flex !important;
	flex-direction: column !important;
	gap: 14px !important;
}

.mgu-fva-card {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 20px !important;
	background: #ffffff !important;
	border-radius: 14px !important;
	overflow: hidden !important;
	text-decoration: none !important;
	color: #404040 !important;
	padding: 14px 20px !important;
	box-shadow: 0 6px 18px rgba(0,0,0,0.08) !important;
	transition: transform .2s ease, box-shadow .2s ease !important;
}

	.mgu-fva-card:hover {
		transform: translateY(-3px) !important;
		box-shadow: 0 10px 26px rgba(0,0,0,0.14) !important;
	}

.mgu-fva-img {
	position: relative !important;
	flex: 0 0 auto !important;
	width: 56px !important;
	height: 56px !important;
	background: #f5f6ef !important;
	border-radius: 8px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 8px !important;
	box-sizing: border-box !important;
	overflow: hidden !important;
}

	.mgu-fva-img img {
		width: 100% !important;
		height: 100% !important;
		object-fit: contain !important;
		mix-blend-mode: multiply !important;
	}

.mgu-pdf-badge {
	position: absolute !important;
	right: -6px !important;
	background: #ffffff !important;
	color: #d71920 !important;
	border-radius: 6px !important;
	padding: 3px 5px !important;
	font-size: 9px !important;
	font-weight: 800 !important;
	box-shadow: 0 2px 8px rgba(0,0,0,0.18) !important;
}

.mgu-fva-content {
	flex: 1 1 auto !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 20px !important;
	padding: 0 !important;
}

	.mgu-fva-content h3 {
		margin: 0 !important;
		color: #2f3335 !important;
		/*font-family: Arial, Helvetica, sans-serif !important;*/
		font-size: 16px !important;
		font-weight: 800 !important;
		line-height: 1.25 !important;
		flex: 1 1 auto !important;
	}

	.mgu-fva-content p {
		display: none !important; /* redundant - every card says the same thing */
	}

.mgu-fva-button {
	flex: 0 0 auto !important;
	display: block !important;
	white-space: nowrap !important;
	border: 1px solid var(--mgu-green) !important;
	color: #2f6f3d !important;
	background: #ffffff !important;
	border-radius: 6px !important;
	padding: 8px 16px !important;
	text-align: center !important;
	font-size: 13px !important;
	font-weight: 800 !important;
}

.mgu-fva-card:hover .mgu-fva-button {
	background: var(--mgu-green) !important;
	color: #ffffff !important;
}

.mgu-fva-content small {
	display: block !important;
	margin-top: 8px !important;
	text-align: center !important;
	color: #666666 !important;
	font-size: 12px !important;
}

/* Mobile - stack title above button, full-width button */
@media (max-width: 700px) {
	.mgu-fva-hero h1 {
		font-size: 70px !important;
	}

	.mgu-fva-card {
		flex-wrap: wrap !important;
	}

	.mgu-fva-content {
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 10px !important;
	}

	.mgu-fva-button {
		width: 100% !important;
		text-align: center !important;
	}
}

/* =========================================================
   14. FIX FAIR VALUE ASSESSMENTS PAGE LAYOUT
========================================================= */

.mgu-fva-page {
	width: 100% !important;
}

	.mgu-fva-page .mgu-hero {
		background: #CFD0BA !important;
		min-height: 190px !important;
		width: 100vw !important;
		margin-left: calc(50% - 50vw) !important;
		margin-right: calc(50% - 50vw) !important;
		margin-top: 20px !important;
		display: flex !important;
		align-items: flex-end !important;
	}

		.mgu-fva-page .mgu-hero h1 {
			max-width: 1450px !important;
			width: 100% !important;
			margin: 0 auto -22px !important;
			padding: 0 30px 0 58px !important;
			color: #ffffff !important;
			font-family: 'Bebas Neue', sans-serif !important;
			font-size: 145px !important;
			font-weight: 400 !important;
			line-height: 0.82 !important;
			letter-spacing: 0 !important;
		}

	.mgu-fva-page .mgu-intro {
		max-width: 1450px !important;
		margin: 35px auto 28px !important;
		padding: 0 58px !important;
		font-size: 16px !important;
		line-height: 1.5 !important;
		color: #4f4f4f !important;
	}

.mgu-fva-section {
	max-width: 1450px !important;
	margin: 0 auto 60px !important;
	padding: 0 30px !important;
	box-sizing: border-box !important;
}

	.mgu-fva-section .mgu-product-group-line {
		margin: 0 28px 26px !important;
	}

	.mgu-fva-section .mgu-product-group-panel {
		padding: 5px 28px 36px !important;
	}

	.mgu-fva-section h2 {
		font-family: 'Bebas Neue', sans-serif !important;
		font-size: 38px !important;
		font-weight: 400 !important;
		color: #4A4F52 !important;
		margin: 0 0 20px !important;
		text-transform: uppercase !important;
	}

@media (max-width: 700px) {
	.mgu-fva-page .mgu-hero h1 {
		font-size: 68px !important;
		padding-left: 20px !important;
	}

	.mgu-fva-page .mgu-intro {
		padding: 0 20px !important;
	}
}
/* =========================================================
   QUESTION LABEL TEXT (e.g. "Who is the holding Insurer?")
   Vendor stylesheet (ss-custom.css) sets this to 500 via
   .is-frontend .question .text — restore bold to match the
   original design. Scoped to the question text only, does
   not touch nav, hero, or background.
========================================================= */
body.public .is-frontend .question .text,
.is-frontend .question .text {
	font-weight: 700 !important;
}

/* =========================================================
   ACTIVE STEP LABEL (left-hand stub list)
   Vendor rule (.is-frontend #page_stubs .stub.selected_stub
   .inner) has one more class in its selector than our
   previous attempt, so it was winning on specificity even
   though both used !important. Matching that selector chain
   here so ours wins on source order instead.
========================================================= */
.is-frontend #page_stubs .stub.selected_stub .inner {
	font-weight: 700 !important;
}

/* =========================================================
   PRODUCT CATALOGUE PAGE
========================================================= */

.mgu-catalogue-page {
	width: 100% !important;
	background: #ffffff !important;
}

	.mgu-catalogue-page .mgu-hero {
		background: var(--mgu-hero-bg) !important;
		min-height: 190px !important;
		width: 100vw !important;
		margin: 20px calc(50% - 50vw) 0 !important;
		display: flex !important;
		align-items: flex-end !important;
	}

		.mgu-catalogue-page .mgu-hero h1 {
			width: 100% !important;
			max-width: var(--mgu-max-width) !important;
			margin: 0 auto -28px !important;
			padding: 0 58px !important;
			box-sizing: border-box !important;
			color: #ffffff !important;
			font-family: 'Bebas Neue', sans-serif !important;
			font-size: 145px !important;
			font-weight: 400 !important;
			line-height: .92 !important;
			text-transform: uppercase !important;
		}

.mgu-catalogue-intro {
	max-width: var(--mgu-max-width) !important;
	margin: 35px auto 28px !important;
	padding: 0 58px !important;
	box-sizing: border-box !important;
	color: #4f4f4f !important;
	font-size: 16px !important;
	line-height: 1.5 !important;
}

.mgu-catalogue-section {
	max-width: var(--mgu-max-width) !important;
	margin: 0 auto 70px !important;
	padding: 0 var(--mgu-side-padding) !important;
	box-sizing: border-box !important;
}

	.mgu-catalogue-section .mgu-product-group-line {
		margin: 0 28px 32px !important;
	}

.mgu-catalogue-panel{
    margin:0 28px !important;
    max-width:700px !important;      /* narrower */
    min-height:unset !important;

    background:#fff !important;

    border:1px solid #d9d9d9 !important;   /* visible border */
    border-radius:12px !important;

    box-shadow:0 4px 12px rgba(0,0,0,.08) !important;
}

.mgu-catalogue-image{
    display:none !important;
}

.mgu-catalogue-pdf-badge {
	position: absolute !important;
	top: 18px !important;
	right: 18px !important;
	padding: 6px 9px !important;
	border-radius: 6px !important;
	background: rgba(255,255,255,.94) !important;
	color: #d71920 !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	letter-spacing: .4px !important;
	box-shadow: 0 2px 8px rgba(0,0,0,.12) !important;
}

.mgu-catalogue-content {
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	padding: 48px !important;
	box-sizing: border-box !important;
}

.mgu-catalogue-eyebrow {
	margin: 0 0 6px !important;
	color: var(--mgu-green-dark) !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	letter-spacing: 1.3px !important;
}

.mgu-catalogue-content h2 {
	margin: 0 0 18px !important;
	color: #4A4F52 !important;
	font-family: 'Bebas Neue', sans-serif !important;
	font-size: 48px !important;
	font-weight: 400 !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
}

.mgu-catalogue-content > p:not(.mgu-catalogue-eyebrow) {
	max-width: 650px !important;
	margin: 0 0 28px !important;
	color: #555555 !important;
	font-size: 16px !important;
	line-height: 1.6 !important;
}

.mgu-catalogue-actions {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 14px !important;
}

.mgu-catalogue-view,
.mgu-catalogue-download {
	display: inline-block !important;
	min-width: 190px !important;
	padding: 12px 18px !important;
	border-radius: 7px !important;
	text-align: center !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	text-decoration: none !important;
	transition: background .25s ease, color .25s ease, transform .25s ease !important;
}

.mgu-catalogue-view {
	/*background: var(--mgu-green) !important;*/
	border: 1px solid var(--mgu-green) !important;
	color: #ffffff !important;
}

.mgu-catalogue-download {
	background: #ffffff !important;
	border: 1px solid var(--mgu-green) !important;
	color: #2f6f3d !important;
}

	.mgu-catalogue-view:hover,
	.mgu-catalogue-download:hover {
		transform: translateY(-2px) !important;
		text-decoration: none !important;
	}

.mgu-catalogue-view:hover {
	background: var(--mgu-green-dark) !important;
	color: #ffffff !important;
}

.mgu-catalogue-download:hover {
	background: #f0f5ed !important;
	color: #2f6f3d !important;
}

@media (max-width: 900px) {

	.mgu-catalogue-page .mgu-hero h1 {
		font-size: 92px !important;
		padding-left: 20px !important;
	}

	.mgu-catalogue-intro {
		padding: 0 20px !important;
	}

	.mgu-catalogue-panel {
		grid-template-columns: 1fr !important;
	}

	.mgu-catalogue-image {
		min-height: 270px !important;
	}

	.mgu-catalogue-content {
		padding: 0 !important;
	}
}

@media (max-width: 600px) {

	.mgu-catalogue-page .mgu-hero h1 {
		font-size: 68px !important;
	}

	.mgu-catalogue-panel {
		margin: 0 !important;
	}

	.mgu-catalogue-content h2 {
		font-size: 38px !important;
	}

	.mgu-catalogue-actions {
		flex-direction: column !important;
	}

	.mgu-catalogue-view,
	.mgu-catalogue-download {
		width: 100% !important;
		box-sizing: border-box !important;
	}
}