/*!
 * CoverMy Categories — hardened stylesheet
 * =======================================
 * Every selector is prefixed `html body` and every declaration is marked
 * !important, so no theme, plugin, page-builder or inline style can override
 * these rules. Scoping is unchanged — each rule still matches exactly the
 * elements it matched before, because every element is inside `html body`.
 *
 * CSS custom properties (--cm-*) are deliberately left WITHOUT !important so
 * per-category theming still works, e.g.
 *     .cm-category--pet-insurance .cm-popup-root { --cm-accent: #f0a505; }
 *
 * Because everything here is !important, editing this file by hand is the
 * only way to change these styles — adding a competing rule elsewhere will
 * not work. Keep that in mind before customising.
 */

html body .cm-popup-root {
	--cm-accent: #f0a505;
	--cm-accent-contrast: #ffffff;
	--cm-ink: #101c4e;
	--cm-ink-soft: #55607d;
	--cm-surface: #ffffff;
	--cm-border: #e3e7f0;
	--cm-backdrop: rgba(16, 28, 78, 0.62);
	--cm-radius: 10px;
	--cm-shadow: 0 18px 48px rgba(16, 28, 78, 0.28);
}

/* --------------------------------------------------------------------------
   Shell
   -------------------------------------------------------------------------- */

html body .cm-popup[hidden] {
	display: none !important;
}

html body .cm-popup {
	position: fixed !important;
	inset: 0 !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	z-index: 100000 !important;
	display: flex !important;
	align-items: flex-start !important;
	justify-content: center !important;
	padding: 16px !important;
	overflow-y: auto !important;
	-webkit-overflow-scrolling: touch !important;
	opacity: 0 !important;
	transition: opacity 180ms ease !important;
}

html body .cm-popup.is-open {
	opacity: 1 !important;
}

html body .cm-popup__backdrop {
	position: fixed !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	background: var(--cm-backdrop) !important;
	border: 0 !important;
	cursor: pointer !important;
}

html body .cm-popup__dialog {
	position: relative !important;
	z-index: 1 !important;
	width: 100% !important;
	max-width: 520px !important;
	margin: auto !important;
	padding: 28px 20px 24px !important;
	background: var(--cm-surface) !important;
	border-radius: var(--cm-radius) !important;
	box-shadow: var(--cm-shadow) !important;
	box-sizing: border-box !important;
	transform: translateY(12px) !important;
	transition: transform 200ms ease !important;
}

html body .cm-popup.is-open .cm-popup__dialog {
	transform: translateY(0) !important;
}

html body .cm-popup--small .cm-popup__dialog {
	max-width: 420px !important;
}

html body .cm-popup--large .cm-popup__dialog {
	max-width: 720px !important;
}

/* --------------------------------------------------------------------------
   Close button
   -------------------------------------------------------------------------- */

html body .cm-popup__close {
	position: absolute !important;
	top: 10px !important;
	right: 10px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 36px !important;
	height: 36px !important;
	padding: 0 !important;
	color: var(--cm-ink-soft) !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 50% !important;
	cursor: pointer !important;
	line-height: 0 !important;
	transition: background-color 150ms ease, color 150ms ease !important;
}

html body .cm-popup__close:hover,
html body .cm-popup__close:focus-visible {
	color: var(--cm-ink) !important;
	background: var(--cm-border) !important;
}

/* --------------------------------------------------------------------------
   Head
   -------------------------------------------------------------------------- */

html body .cm-popup__title {
	margin: 0 36px 6px 0 !important;
	color: var(--cm-ink) !important;
	font-size: 22px !important;
	line-height: 1.25 !important;
}

html body .cm-popup__subtitle {
	margin: 0 0 20px !important;
	color: var(--cm-ink-soft) !important;
	font-size: 15px !important;
	line-height: 1.5 !important;
}

/* --------------------------------------------------------------------------
   Options
   -------------------------------------------------------------------------- */

html body .cm-popup__options {
	display: flex !important;
	flex-direction: column !important;
	gap: 12px !important;
}

html body .cm-popup__option {
	display: flex !important;
	align-items: flex-start !important;
	gap: 14px !important;
	padding: 16px !important;
	color: inherit !important;
	text-decoration: none !important;
	background: var(--cm-surface) !important;
	border: 1px solid var(--cm-border) !important;
	border-radius: var(--cm-radius) !important;
	transition: border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease !important;
}

html body a.cm-popup__option:hover,
html body a.cm-popup__option:focus-visible {
	border-color: var(--cm-accent) !important;
	box-shadow: 0 6px 18px rgba(16, 28, 78, 0.12) !important;
	transform: translateY(-1px) !important;
	text-decoration: none !important;
}

html body .cm-popup__badge {
	display: inline-flex !important;
	flex: 0 0 auto !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 44px !important;
	height: 44px !important;
	padding: 0 8px !important;
	color: var(--cm-accent-contrast) !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	letter-spacing: 0.02em !important;
	background: var(--cm-accent) !important;
	border-radius: 8px !important;
	box-sizing: border-box !important;
}

html body .cm-popup__option--secondary .cm-popup__badge {
	color: var(--cm-ink) !important;
	background: var(--cm-border) !important;
}

html body .cm-popup__body {
	display: flex !important;
	flex: 1 1 auto !important;
	flex-direction: column !important;
	gap: 4px !important;
	min-width: 0 !important;
}

html body .cm-popup__optionTitle {
	color: var(--cm-ink) !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	line-height: 1.35 !important;
}

html body .cm-popup__hint {
	color: var(--cm-ink-soft) !important;
	font-size: 13px !important;
	line-height: 1.4 !important;
	word-break: break-word !important;
}

html body .cm-popup__cta {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	margin-top: 6px !important;
	color: var(--cm-accent) !important;
	font-size: 14px !important;
	font-weight: 700 !important;
}

html body .cm-popup__option--secondary .cm-popup__cta {
	color: var(--cm-ink) !important;
}

/* --------------------------------------------------------------------------
   Free content block
   -------------------------------------------------------------------------- */

html body .cm-popup__content {
	margin-top: 18px !important;
	color: var(--cm-ink-soft) !important;
	font-size: 15px !important;
	line-height: 1.6 !important;
}

html body .cm-popup__content > *:first-child {
	margin-top: 0 !important;
}

html body .cm-popup__content > *:last-child {
	margin-bottom: 0 !important;
}

html body .cm-popup__content a {
	color: var(--cm-accent) !important;
}

/* --------------------------------------------------------------------------
   Page state while a popup is open
   -------------------------------------------------------------------------- */

html body.cm-popup-open {
	overflow: hidden !important;
}

/* --------------------------------------------------------------------------
   Desktop refinement
   -------------------------------------------------------------------------- */

@media (min-width: 600px) {
	html body .cm-popup {
		align-items: center !important;
		padding: 32px !important;
}

	html body .cm-popup__dialog {
		padding: 34px 32px 30px !important;
}

	html body .cm-popup__close {
		top: 14px !important;
		right: 14px !important;
}

	html body .cm-popup__title {
		font-size: 26px !important;
}

	html body .cm-popup__option {
		padding: 18px 20px !important;
}

}

/* --------------------------------------------------------------------------
   Accessibility / motion
   -------------------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
	html body .cm-popup,
html body .cm-popup__dialog,
html body .cm-popup__option,
html body .cm-popup__close {
		transition: none !important;
}

	html body .cm-popup__dialog {
		transform: none !important;
}

}

html body .cm-popup__close:focus-visible,
html body .cm-popup__option:focus-visible {
	outline: 2px solid var(--cm-accent) !important;
	outline-offset: 2px !important;
}

/* ==========================================================================
   Brand footer layout
   ==========================================================================
   Applies only when a category sets Footer layout = "Brand". Every selector
   is prefixed .cm-footer or scoped under .g__footer / body.cm-footer-brand,
   so nothing here can reach an element the theme already styles.

   Mobile first. The theme's 12-column grid handles the column widths via
   l__col__span* and data-1024="12"; this file only handles the pieces the
   grid does not cover: the brand block, the form, the centred rows, and the
   legal bar alignment.
   ========================================================================== */

html body .g__footer .cm-footer__brandCol {
	margin-bottom: 2em !important;
}

html body .g__footer .cm-footer__brand {
	max-width: 420px !important;
}

html body .g__footer .cm-footer__logo {
	margin-bottom: 1.25em !important;
}

html body .g__footer .cm-footer__logo img {
	display: block !important;
	max-width: 100% !important;
	height: auto !important;
}

/* Contact text: business hours, phone, email, newsletter blurb. */
html body .g__footer .cm-footer__text p {
	color: #fff !important;
	margin: 0 0 1em !important;
	line-height: 1.55 !important;
}

html body .g__footer .cm-footer__text p:last-child {
	margin-bottom: 0 !important;
}

html body .g__footer .cm-footer__text strong,
html body .g__footer .cm-footer__text b {
	color: #fff !important;
	font-weight: 700 !important;
}

html body .g__footer .cm-footer__text a {
	color: #fff !important;
	font-weight: 700 !important;
}

html body .g__footer .cm-footer__text a:hover,
html body .g__footer .cm-footer__text a:focus {
	color: #f0a505 !important;
}

/* --------------------------------------------------------------------------
   Centred social row
   -------------------------------------------------------------------------- */

html body .g__footer .cm-footer__socialRow {
	clear: both !important;
	width: 100% !important;
	margin-top: 1.5em !important;
	text-align: center !important;
}

html body .g__footer .cm-footer__socialRow h4 {
	margin: 0 0 .75em !important;
	color: #fff !important;
	font-size: 18px !important;
	line-height: 1.3 !important;
}

/* The theme's h4::after arrow is an accordion affordance on narrow screens —
   this heading is not an accordion, so suppress it. */
html body .g__footer .cm-footer__socialRow h4::after {
	display: none !important;
}

html body .g__footer .cm-footer__socialRow .c__social-links {
	display: inline-block !important;
	margin: 0 !important;
}

/* --------------------------------------------------------------------------
   Centred footer buttons row
   -------------------------------------------------------------------------- */

html body .g__footer .cm-footer__buttonRow {
	clear: both !important;
	width: 100% !important;
	margin-top: 1.5em !important;
	text-align: center !important;
}

html body .g__footer .cm-footer__buttonRow > a {
	margin: 0 .5em .75em !important;
}

/* --------------------------------------------------------------------------
   Legal bar — centred for this layout at every width
   -------------------------------------------------------------------------- */

html body.cm-footer-brand .g__footer__bottom {
	text-align: center !important;
}

html body.cm-footer-brand .g__footer__bottom p {
	margin: 0 0 .35em !important;
}

html body.cm-footer-brand .g__footer__bottom p:last-child {
	margin-bottom: 0 !important;
}

/* --------------------------------------------------------------------------
   Tablet
   -------------------------------------------------------------------------- */

@media (min-width: 769px) {
	html body .g__footer .cm-footer__brandCol {
		margin-bottom: 2.5em !important;
}

	html body .g__footer .cm-footer__form input[type="email"],
html body .g__footer .cm-footer__form input[type="text"] {
		flex: 1 1 220px !important;
}

}

/* --------------------------------------------------------------------------
   Desktop — columns sit side by side from 1025px, matching the theme grid
   -------------------------------------------------------------------------- */

@media (min-width: 1025px) {
	html body .g__footer .cm-footer__brandCol {
		margin-bottom: 0 !important;
		padding-right: 2em !important;
}

	html body .g__footer .cm-footer__socialRow {
		margin-top: 2.5em !important;
}

}

/* --------------------------------------------------------------------------
   Narrow phones — stop the form crowding itself
   -------------------------------------------------------------------------- */

@media (max-width: 420px) {
	html body .g__footer .cm-footer__form form {
		display: block !important;
}

	html body .g__footer .cm-footer__form input[type="email"],
html body .g__footer .cm-footer__form input[type="text"] {
		width: 100% !important;
		margin-bottom: .5em !important;
}

	html body .g__footer .cm-footer__form input[type="submit"],
html body .g__footer .cm-footer__form button[type="submit"] {
		width: 100% !important;
}

}

/* ==========================================================================
   Brand layout — colour overrides
   ==========================================================================
   Everything below is scoped to body.cm-footer-brand, which PHP adds only
   when a category sets Footer layout = "Brand". Categories on the Stacked
   layout, and pages with no category at all, are untouched.

   These override three things the theme's styles.min.css does that conflict
   with the target design:
     .g__footer__bottom  light lavender band  -> transparent
     p                   global color:#000    -> white inside the footer
     .c__social-links__icon  white circle chip, dark glyph -> white glyph
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. All footer text white by default
   -------------------------------------------------------------------------- */

html body.cm-footer-brand .g__footer,
html body.cm-footer-brand .g__footer h2,
html body.cm-footer-brand .g__footer h3,
html body.cm-footer-brand .g__footer h4,
html body.cm-footer-brand .g__footer h5,
html body.cm-footer-brand .g__footer h6,
html body.cm-footer-brand .g__footer p,
html body.cm-footer-brand .g__footer li,
html body.cm-footer-brand .g__footer span,
html body.cm-footer-brand .g__footer strong,
html body.cm-footer-brand .g__footer b,
html body.cm-footer-brand .g__footer em,
html body.cm-footer-brand .g__footer a {
	color: #fff !important;
	text-decoration:none;
}

/* Links keep a hover state so they still read as links. */
html body.cm-footer-brand .g__footer a:hover,
html body.cm-footer-brand .g__footer a:focus {
	color: #f0a505 !important;
}

/* The form is the one place that must NOT be white — dark text on a white
   field. Higher specificity than the blanket rule above, so it wins. */
html body.cm-footer-brand .g__footer .cm-footer__form input,
html body.cm-footer-brand .g__footer .cm-footer__form select,
html body.cm-footer-brand .g__footer .cm-footer__form textarea,
html body.cm-footer-brand .g__footer .cm-footer__form button,
html body.cm-footer-brand .g__footer .cm-footer__form input[type="submit"] {
	color: #101c4e !important;
}

html body.cm-footer-brand .g__footer .cm-footer__form ::placeholder {
	color: #6b7390 !important;
	opacity: 1 !important;
}

/* --------------------------------------------------------------------------
   2. Legal bar — same navy as the rest of the footer, centred, white text
   -------------------------------------------------------------------------- */

html body.cm-footer-brand .g__footer__bottom {
	background: transparent !important;
	padding: 0 0 2.5em !important;
	text-align: center !important;
}

html body.cm-footer-brand .g__footer__bottom p,
html body.cm-footer-brand .g__footer__bottom a,
html body.cm-footer-brand .g__footer__bottom li {
	color: #fff !important;
	display: block !important;
	margin: 0 0 .4em !important;
	line-height: 1.5 !important;
}

html body.cm-footer-brand .g__footer__bottom p:last-child {
	margin-bottom: 0 !important;
}

html body.cm-footer-brand .g__footer__bottom a {
	display: inline !important;
	text-decoration: underline !important;
}

/* --------------------------------------------------------------------------
   3. Social icons — white glyph, no circular chip
   -------------------------------------------------------------------------- */

html body .g__footer .cm-footer__socialRow .c__social-links {
	display: inline-block !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

html body .g__footer .cm-footer__socialRow .c__social-links__icon {
	display: inline-block !important;
	margin: 0 .55em !important;
	padding: 0 !important;
	vertical-align: middle !important;
	background: transparent !important;
	border-radius: 0 !important;
	transition: none !important;
}

html body .g__footer .cm-footer__socialRow .c__social-links__icon:hover,
html body .g__footer .cm-footer__socialRow .c__social-links__icon:focus-within {
	background: transparent !important;
}

html body .g__footer .cm-footer__socialRow .c__social-links__icon a {
	display: block !important;
	width: auto !important;
	height: auto !important;
	padding: 4px !important;
	line-height: 0 !important;
}

html body .g__footer .cm-footer__socialRow .c__social-links__icon svg {
	display: block !important;
	width: 26px !important;
	height: 26px !important;
	fill: #fff !important;
	transition: fill 150ms ease !important;
}

html body .g__footer .cm-footer__socialRow .c__social-links__icon a:hover svg,
html body .g__footer .cm-footer__socialRow .c__social-links__icon a:focus svg {
	fill: #f0a505 !important;
}

/* The theme's accordion arrow on h4 is not wanted on this heading. */
html body .g__footer .cm-footer__socialRow h4 {
	margin: 0 0 .85em !important;
	font-size: 18px !important;
	line-height: 1.3 !important;
	padding-right: 0 !important;
}

html body .g__footer .cm-footer__socialRow h4::after {
	display: none !important;
}

/* --------------------------------------------------------------------------
   4. Centred logo below the legal text
   -------------------------------------------------------------------------- */

html body .g__footer .cm-footer__bottomLogo {
	margin-top: 1.5em !important;
	text-align: center !important;
}

html body .g__footer .cm-footer__bottomLogo a {
	display: inline-block !important;
}

html body .g__footer .cm-footer__bottomLogo img {
	display: block !important;
	max-width: 100% !important;
	height: auto !important;
	margin: 0 auto !important;
}

/* --------------------------------------------------------------------------
   5. Brand column spacing to match the reference
   -------------------------------------------------------------------------- */

html body.cm-footer-brand .g__footer__main {
	padding: 3em 0 1.5em !important;
}

html body.cm-footer-brand .g__footer .cm-footer__text p {
	margin: 0 0 .9em !important;
	line-height: 1.5 !important;
}

html body.cm-footer-brand .g__footer .g__footer-item__heading h4 {
	margin: 0 0 1em !important;
	font-size: 18px !important;
	line-height: 1.3 !important;
}

html body.cm-footer-brand .g__footer .g__footer__nav-body li {
	margin-bottom: .55em !important;
}

@media (max-width: 1024px) {
	html body.cm-footer-brand .g__footer__main {
		padding: 2em 0 1em !important;
}

}

/* ==========================================================================
   Subscribe form — Gravity Forms (orbital theme)
   ==========================================================================
   Every selector is prefixed .g__footer .cm-footer__form, so no other
   Gravity Form on the site is affected — including the theme's own
   module-form.twig.

   Beating the competition:
     - Theme: .gform_footer input[type=submit]{min-width:220px;padding:16px 2em;
       border-radius:10px;background:var(--theme-primary-colour)}  = 0,2,1
       Ours:  .g__footer .cm-footer__form .gform_footer input[type="submit"]
                                                                   = 0,4,1  WINS
     - Gravity Forms orbital ships its rules inside @layer, and unlayered CSS
       always beats layered CSS regardless of specificity.
     - Every declaration below is additionally marked !important, so even a
       competing !important rule loses unless it also outranks `html body`
       plus four classes.

   Markup being styled (GF form id 7):
     .gform_wrapper > .gform_heading          <- hidden
                    > form > .gform-body > .gform_fields > .gfield
                                                 > label.gfield_label   <- blurb
                                                 > .ginput_container > input
                           > .gform-footer > input[type=submit]
   ========================================================================== */

html body .g__footer .cm-footer__form {
	margin-top: 1.25em !important;
	max-width: 420px !important;
}

html body .g__footer .cm-footer__form .gform_wrapper {
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
}

/* The "News Letter" title and its empty description are not in the design. */
html body .g__footer .cm-footer__form .gform_heading {
	display: none !important;
}

/* GF 2.5+ lays the field list out as a grid — flatten it. */
html body .g__footer .cm-footer__form .gform_fields {
	display: block !important;
	grid-template-columns: none !important;
	grid-row-gap: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

html body .g__footer .cm-footer__form .gfield {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
}

/* The field label IS the blurb line above the input in the design. */
html body .g__footer .cm-footer__form .gfield label.gfield_label,
html body .g__footer .cm-footer__form .gfield label.gform-field-label,
html body .g__footer .cm-footer__form .gform_fields .gfield > label {
	display: block !important;
	margin: 0 0 .75em !important;
	padding: 0 !important;
	color: #fff !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
}

html body .g__footer .cm-footer__form .gfield_required {
	display: none !important;
}

/* --------------------------------------------------------------------------
   Input and button on one row
   --------------------------------------------------------------------------
   The input lives in .gform-body and the button in .gform-footer — two
   separate blocks. Flex the <form> and align to the bottom so the button
   lines up with the input while the label stays above it.
   -------------------------------------------------------------------------- */

html body .g__footer .cm-footer__form form {
	display: flex !important;
	flex-wrap: nowrap !important;
	align-items: flex-end !important;
	margin: 0 !important;
}

html body .g__footer .cm-footer__form .gform-body,
html body .g__footer .cm-footer__form .gform_body {
	flex: 1 1 auto !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

html body .g__footer .cm-footer__form .gform-footer,
html body .g__footer .cm-footer__form .gform_footer {
	flex: 0 0 auto !important;
	margin: 0 !important;
	padding: 0 !important;
	width: auto !important;
	clear: none !important;
}

html body .g__footer .cm-footer__form .ginput_container {
	margin: 0 !important;
}

/* --------------------------------------------------------------------------
   The field itself
   -------------------------------------------------------------------------- */

html body .g__footer .cm-footer__form .ginput_container input[type="text"],
html body .g__footer .cm-footer__form .ginput_container input[type="email"],
html body .g__footer .cm-footer__form .gfield .ginput_container input {
	width: 100% !important;
	min-width: 0 !important;
	height: 46px !important;
	min-height: 46px !important;
	max-height: 46px !important;
	margin: 0 !important;
	padding: 0 14px !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: #fff !important;
	color: #101c4e !important;
	font-family: inherit !important;
	font-size: 15px !important;
	line-height: 46px !important;
	box-shadow: none !important;
	    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
}

html body .g__footer .cm-footer__form .ginput_container input[type="text"]:focus,
html body .g__footer .cm-footer__form .ginput_container input[type="email"]:focus {
	outline: 2px solid #f0a505 !important;
	outline-offset: -2px !important;
	border: 0 !important;
}

html body .g__footer .cm-footer__form ::placeholder {
	color: #6b7390 !important;
	opacity: 1 !important;
	font-size: 15px !important;
}

/* --------------------------------------------------------------------------
   The submit button
   -------------------------------------------------------------------------- */

html body .g__footer .cm-footer__form .gform_footer input[type="submit"],
html body .g__footer .cm-footer__form .gform-footer input[type="submit"],
html body .g__footer .cm-footer__form .gform_button,
html body .g__footer .cm-footer__form input[type="submit"].button {
	display: inline-block !important;
	width: auto !important;
	min-width: 0 !important;
	height: 46px !important;
	min-height: 46px !important;
	max-height: 46px !important;
	margin: 0 !important;
	padding: 0 22px !important;
	border: 0 !important;
 
	background: #eef0fb !important;
	color: #101c4e !important;
	font-family: inherit !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	line-height: 46px !important;
	text-transform: none !important;
	cursor: pointer !important;
	transition: background-color 150ms ease, color 150ms ease !important;
	box-shadow: none !important;
		    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
    	    border-top-left-radius:0rem !important;
    border-bottom-left-radius:0rem !important;
} 

html body .g__footer .cm-footer__form .gform_footer input[type="submit"]:hover,
html body .g__footer .cm-footer__form .gform-footer input[type="submit"]:hover,
html body .g__footer .cm-footer__form .gform_button:hover,
html body .g__footer .cm-footer__form .gform_footer input[type="submit"]:focus,
html body .g__footer .cm-footer__form .gform-footer input[type="submit"]:focus {
	background: #f0a505 !important;
	color: #fff !important;
	border: 0 !important;
}

/* GF's AJAX spinner would push the button off the row. */
html body .g__footer .cm-footer__form .gform_ajax_spinner {
	display: none !important;
}

/* --------------------------------------------------------------------------
   Validation and confirmation
   -------------------------------------------------------------------------- */

html body .g__footer .cm-footer__form .validation_error,
html body .g__footer .cm-footer__form .gform_validation_errors {
	margin: 0 0 .75em !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	color: #ffb4b4 !important;
	font-size: 14px !important;
	box-shadow: none !important;
}

html body .g__footer .cm-footer__form .gfield_validation_message,
html body .g__footer .cm-footer__form .validation_message {
	margin-top: .4em !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	color: #ffb4b4 !important;
	font-size: 13px !important;
}

html body .g__footer .cm-footer__form .gform_confirmation_message {
	color: #fff !important;
	font-size: 15px !important;
	line-height: 1.5 !important;
}

/* --------------------------------------------------------------------------
   Responsive
   --------------------------------------------------------------------------
   The theme forces .gform_footer input[type=submit]{width:100%} below
   1024px, which would break the row — overridden here, then deliberately
   stacked below 420px where there genuinely is not room.
   -------------------------------------------------------------------------- */

@media (max-width: 1024px) {
	html body .g__footer .cm-footer__form .gform_footer input[type="submit"],
html body .g__footer .cm-footer__form .gform-footer input[type="submit"], 
html body .g__footer .cm-footer__form .gform_button {
		width: auto !important;
}

}

@media (max-width: 420px) {
	html body .g__footer .cm-footer__form form {
		display: block !important;
}

	html body .g__footer .cm-footer__form .gform-footer,
html body .g__footer .cm-footer__form .gform_footer {
		width: 100% !important;
		margin-top: .5em !important;
}

	html body .g__footer .cm-footer__form .gform_footer input[type="submit"],
html body .g__footer .cm-footer__form .gform-footer input[type="submit"],
html body .g__footer .cm-footer__form .gform_button {
		width: 100% !important;
}

}


html body .g__headerTop ul {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
}   

html body .g__headerTop ul li a.btn--account {
color: white  ;
    text-decoration: none !important;
    padding: 0.8rem 2rem !important;
    min-width: 100px !important;
}


html body .g__header__actions,

html body .search-trigger,

html body .g__header__nav, html body .btn--standard
{

 display:none !important;
}

html body .g__header.sticky {
 
    height: 120px;
}

html body .g__header .g__headerTop .g__header__logo img {
    max-height: 50px !important;
}

html body .g__headerTop ul {
 
    margin-top: 4rem;
}

.l__row__negative25 {
 
    margin-bottom: 2rem;
    row-gap: 3rem;
}


html body  a.tel{
    
     display:none !important;
}
/*group_5f6c5efca387c.json : 86  from 3 to 20*/