/*
Theme Name: Real Estate Rankers
Theme URI: https://realestaterankers.com/
Author: Real Estate Rankers
Author URI: https://realestaterankers.com/
Description: Custom theme for realestaterankers.com. Replaces GeneratePress and holds the site's custom page templates and functions.
Version: 1.1.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: rer
*/

:root {
	--rer-navy: #141848;
	--rer-ink: #0b0d2e;
	--rer-gold: #f7d189;
	--rer-gold-deep: #edab2e;
	--rer-text: #343436;
	--rer-wrap: 1200px;
}

/* Base typography, colours and layout come from assets/gp-legacy.css
   (the old GeneratePress styles and Customizer settings), so existing
   pages look exactly as they did. */
.skip-link:focus {
	clip: auto; clip-path: none; height: auto; width: auto; margin: 0;
	left: 8px; top: 8px; z-index: 100000; padding: 12px 18px;
	background: #fff; color: var(--rer-navy);
}

/* Header */
.rer-header {
	background-image: linear-gradient(#000 0%, var(--rer-navy) 50%);
	border-bottom: 3px solid var(--rer-gold);
	position: relative;
	z-index: 50;
}
.rer-header__inner {
	max-width: var(--rer-wrap);
	margin: 0 auto;
	padding: 2px 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	min-height: 90px;
}
.rer-header__logo { display: block; line-height: 0; }
.rer-header__logo img { height: 86px; width: auto; display: block; }
.rer-btn-call {
	display: inline-block;
	background: var(--rer-gold);
	color: var(--rer-navy);
	font-family: "Hedvig Letters Serif", Georgia, serif;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.2;
	text-decoration: none;
	text-transform: uppercase;
	padding: 10px 14px;
	border-radius: 60px;
	transition: background-color .2s ease;
	white-space: nowrap;
}
.rer-btn-call:hover, .rer-btn-call:focus-visible { background: #fbe3b5; color: var(--rer-navy); }
@media (max-width: 600px) {
	.rer-header__inner { min-height: 72px; padding: 6px 16px; }
	.rer-header__logo img { height: 64px; }
	.rer-btn-call { font-size: 15px; padding: 9px 12px; }
}

/* Footer */
.rer-footer {
	background: var(--rer-navy);
	color: #fff;
	font-size: 15px;
	line-height: 1.6;
}
.rer-footer__inner {
	max-width: var(--rer-wrap);
	margin: 0 auto;
	padding: 40px 20px;
	min-height: 150px;
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: 24px;
}
.rer-footer a { color: var(--rer-gold-deep); text-decoration: none; }
.rer-footer a:hover { text-decoration: underline; }
.rer-footer__logo { line-height: 0; }
.rer-footer__logo img { width: 180px; height: auto; }
.rer-footer__credit { text-align: left; }
@media (max-width: 800px) {
	.rer-footer__inner { grid-template-columns: 1fr; text-align: center; justify-items: center; }
	.rer-footer__credit { text-align: center; }
}

/* Back to top */
.rer-top {
	position: fixed; right: 30px; bottom: 30px; z-index: 40;
	width: 48px; height: 48px; border-radius: 2px;
	display: flex; align-items: center; justify-content: center;
	background: rgba(0,0,0,.4); color: #fff; text-decoration: none;
	opacity: 0; visibility: hidden; transition: opacity .3s ease;
}
.rer-top.is-visible { opacity: 1; visibility: visible; }
.rer-top:hover { background: rgba(0,0,0,.6); }