/*
Theme Name: Rabasotho Elementor Theme
Author: Rabasotho Combined School
Description: Lightweight Elementor-ready starter theme for the Rabasotho Combined School rebuild.
Version: 1.0.0
Text Domain: rabasotho-elementor-theme
*/

:root {
	--rcs-red: #7a1834;
	--rcs-navy: #152735;
	--rcs-grey: #63717a;
	--rcs-light: #f4f6f7;
	--rcs-white: #ffffff;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--rcs-navy); background: var(--rcs-white); font-family: Arial, Helvetica, sans-serif; }
a { color: inherit; }
img { max-width: 100%; height: auto; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.screen-reader-text:focus { clip: auto; width: auto; height: auto; margin: 0; padding: .8rem 1rem; top: .8rem; left: .8rem; z-index: 100000; color: #fff; background: var(--rcs-navy); }

/* Fallback markup is used only before the Theme Builder templates are imported. */
.rcs-fallback-header, .rcs-fallback-footer { padding: 1rem max(1.25rem, calc((100% - 1200px) / 2)); }
.rcs-fallback-header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-bottom: 1px solid #e5e8ea; }
.rcs-fallback-brand { display: flex; align-items: center; gap: .8rem; text-decoration: none; font-weight: 700; }
.rcs-fallback-brand img { width: 180px; max-height: 62px; object-fit: contain; }
.rcs-fallback-brand span { color: var(--rcs-navy); }
.rcs-fallback-nav ul { display: flex; flex-wrap: wrap; gap: 1.1rem; list-style: none; margin: 0; padding: 0; }
.rcs-fallback-nav a { text-decoration: none; font-weight: 700; font-size: .95rem; }
.rcs-fallback-nav a:hover, .rcs-fallback-nav a:focus { color: var(--rcs-red); }
.rcs-fallback-footer { color: #fff; background: var(--rcs-navy); }
.rcs-fallback-footer p { margin: 0; }

@media (max-width: 767px) {
	.rcs-fallback-header { align-items: flex-start; flex-direction: column; }
	.rcs-fallback-brand img { width: 160px; }
	.rcs-fallback-nav ul { gap: .75rem 1rem; }
}