/* =========================================================
   TMH Additional CSS Migrated Copy
   Source: WordPress Customizer Additional CSS post 31094
   Date exported: 2026-06-11
   Note: migrated copy only; Customizer Additional CSS is still active.
   Warning: do not edit/delete Customizer source until visual regression checks pass.
   ========================================================= */
/* =========================================================
   THE MORTGAGE HIVE - HYBRID WORDPRESS ADDITIONAL CSS
   Version: 2026-06-06 v2
   Purpose:
   - Restores existing website page alignment and legacy page styling.
   - Keeps the new clean Lifetime Mortgages / equity release service-page CSS working.
   - Uses the old CSS first as a compatibility layer, then the new clean CSS as the override layer.

   IMPORTANT WORDPRESS USE:
   1. Back up the current Additional CSS first.
   2. Delete the existing Additional CSS.
   3. Paste this whole file in its place.
   4. Publish, clear cache, and hard-refresh.
   ========================================================= */


/* =========================================================
   LAYER 1: LEGACY SITE CSS FROM EXISTING WORDPRESS ADDITIONAL CSS
   This preserves the current homepage, mortgage service pages, calculator pages,
   existing Gutenberg alignment rules, old reusable blocks and footer/header styling.
   ========================================================= */

/* Mortgage Hive top contact bar */
	.top-bar {
			background: #f4c400;
			color: #111;
			font-size: 14px;
	}

	.top-bar a {
			color: #111;
			text-decoration: none;
	}

	.tmh-topbar-inner {
			max-width: 1200px;
			margin: 0 auto;
			padding: 7px 20px;
			display: flex;
			justify-content: space-between;
			align-items: center;
			gap: 20px;
	}

	.tmh-contact,
	.tmh-social {
			display: flex;
			align-items: center;
			gap: 18px;
	}

	.tmh-contact a:hover,
	.tmh-social a:hover {
			text-decoration: underline;
	}


	/* Main header/navigation */
	.site-header {
			background: #ffffff;
	}

	.main-navigation {
			background: #ffffff;
	}

	.main-navigation .main-nav ul li a {
			color: #222;
			font-weight: 600;
			font-size: 15px;
			text-transform: none;
	}

	.main-navigation .main-nav ul li:hover > a,
	.main-navigation .main-nav ul li.sfHover > a,
	.main-navigation .main-nav ul li.current-menu-item > a {
			color: #d9a900;
	}

	.main-navigation ul ul {
			background: #ffffff;
			border-top: 3px solid #f4c400;
			box-shadow: 0 8px 20px rgba(0,0,0,0.12);
	}

	.main-navigation ul ul li a {
			font-size: 14px;
			font-weight: 500;
			padding: 12px 18px;
	}


	.site-footer,
	.site-info {
			background: #111;
			color: #ffffff;
	}

	.site-footer a,
	.site-info a {
			color: #f4c400;
			text-decoration: none;
	}

	.site-footer a:hover,
	.site-info a:hover {
			text-decoration: underline;
	}

	.footer-widgets {
			font-size: 13px;
			line-height: 1.7;
			text-align: center;
	}

	.site-info {
			font-size: 13px;
	}

	@media (max-width: 768px) {
			.tmh-topbar-inner {
					flex-direction: column;
					gap: 6px;
					text-align: center;
			}

			.tmh-contact,
			.tmh-social {
					justify-content: center;
					flex-wrap: wrap;
					gap: 10px;
			}

			.tmh-header-cta {
					font-size: 14px;
					padding: 8px 12px;
			}

			.site-logo img {
					max-width: 210px;
			}

			.tmh-footer {
					font-size: 12px;
					padding: 28px 16px;
			}
	}

	html,
	body,
	.site,
	.site-content {
			background-color: #ffffff;
	}

	/* Force footer colours */
	.footer-widgets,
	.footer-widgets-container,
	.site-footer,
	.site-info,
	.inside-site-info,
	.footer-bar {
			background-color: #111111 !important;
			color: #ffffff !important;
	}

	.footer-widgets *,
	.site-footer *,
	.site-info *,
	.inside-site-info *,
	.footer-bar * {
			color: inherit;
	}

	.footer-widgets a,
	.site-footer a,
	.site-info a,
	.inside-site-info a,
	.footer-bar a {
			color: #f4c400 !important;
	}

	.footer-widgets a:hover,
	.site-footer a:hover,
	.site-info a:hover,
	.inside-site-info a:hover,
	.footer-bar a:hover {
			color: #d9a900 !important;
	}

	/* Align main site sections */
	.inside-header,
	.inside-navigation,
	.site-content,
	.footer-widgets-container,
	.inside-site-info {
			max-width: 1200px;
			margin-left: auto;
			margin-right: auto;
	}

	/* Make hero/content align with same container */
	.entry-content > *,
	.inside-article > *,
	.wp-block-group,
	.wp-block-cover,
	.gb-container {
			max-width: 1200px;
			margin-left: auto;
			margin-right: auto;
	}

	/* Remove odd side spacing */
	.site-content {
			padding-left: 20px;
			padding-right: 20px;
	}

	/* Keep full width sections from breaking alignment */
	.full-width-content .site-content {
			max-width: 1200px;
	}

	/* Desktop-only alignment fix for wide screens */
	@media (min-width: 1200px) {
			.site-content,
			.footer-widgets-container,
			.inside-site-info {
					max-width: 1200px;
					margin-left: auto;
					margin-right: auto;
			}
	}

	.top-social-bar {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 25px;
		background: #f4c400;
		padding: 8px 20px;
		font-size: 14px;
	}

	.top-contact {
		display: flex;
		gap: 12px;
		align-items: center;
	}

	.top-social-bar .social {
		display: flex;
		flex-direction: row;
		gap: 14px;
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.top-social-bar .social li {
		margin: 0;
		padding: 0;
	}

	.top-social-bar a {
		color: #000;
		text-decoration: none;
	}

	.top-social-bar a:hover {
		text-decoration: underline;
	}

	.tmh-top-bar-content {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 28px;
		flex-wrap: wrap;
	}

	.tmh-top-contact {
		display: flex;
		align-items: center;
		gap: 14px;
		flex-wrap: wrap;
	}

	.tmh-social-icons {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 14px;
	}

	.tmh-top-contact a,
	.tmh-social-icons a {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		color: #000;
		text-decoration: none;
	}

	.tmh-social-icons svg {
		width: 16px;
		height: 16px;
		fill: currentColor;
		display: block;
	}

	.tmh-top-contact a:hover,
	.tmh-social-icons a:hover {
		opacity: 0.7;
	}