/* =========================================================
   IAB custom overrides
   Loaded last (see includes/head.php), so these win over the
   Porto theme/skin defaults without needing !important, except
   where the original rule itself already used !important.
   ========================================================= */

/* ---- Readability: body copy on white/light backgrounds ----
   The theme's default body text colour (#777) is too light for
   comfortable reading. Darken it site-wide; anything that needs
   to stay light (hero text, footer, etc.) already sets its own
   colour explicitly and is unaffected by this. */
body {
	color: #222222;
}

/* ---- Readability: paragraph copy should be pure black site-wide ----
   Requested explicitly: every <p> on every page should read as true
   black, except in the footer (which stays light-on-dark, handled
   below). Plain element selector on purpose - it's deliberately lower
   specificity than every class/ID-scoped colour rule already in this
   file and in the theme (#footer p, .home-intro p, the Vision & Mission
   card/row text, any inline style="color:..."), so none of those
   light-on-dark sections are affected - only plain, unstyled <p> tags
   pick this up. */
p {
	color: #000000;
}

/* ---- Readability: footer text on its dark background ----
   Several footer elements (the intro paragraph, the bottom
   sub-menu links, the copyright line, and the "Our Services"
   list at 80% opacity) rendered as low-contrast grey on the
   near-black footer background. Brighten them. */
#footer {
	color: #e9e9e9;
}
#footer p,
#footer li {
	color: #e9e9e9;
}
#footer a:not(.btn):not(.no-footer-css) {
	color: #d7dcd9;
}
#footer a:not(.btn):not(.no-footer-css):hover {
	color: #ffffff;
}
#footer .footer-copyright p {
	color: #c9c9c9;
}
#footer .opacity-8 {
	opacity: 1 !important;
}

/* ---- Main nav: give the button-style CTAs breathing room ----
   The Get a Quote / Verify buttons sit directly in the nav list
   (not wrapped with the same spacing as the text nav items), so
   without this they can visually run into the item before them. */
.header-nav-main nav > ul > li.nav-item-cta {
	margin-left: 14px;
}
@media (max-width: 991.98px) {
	.header-nav-main nav > ul > li.nav-item-cta {
		margin-left: 0;
		margin-top: 8px;
	}
}

/* ---- Main nav: fix invisible text on the Get a Quote / Verify buttons ----
   The theme's own nav-link colour rule (#header .header-nav-main nav > ul >
   li > a { color: #1C5540; }) carries an #id selector, so it outranks the
   plain .btn-primary { color: #fff } rule by specificity and was rendering
   these buttons as dark-green text on a dark-green background. Force white
   explicitly, in every link state, at a specificity/importance that wins. */
.header-nav-main nav > ul > li.nav-item-cta > a.btn {
	color: #ffffff !important;
}
.header-nav-main nav > ul > li.nav-item-cta > a.btn:hover,
.header-nav-main nav > ul > li.nav-item-cta > a.btn:focus,
.header-nav-main nav > ul > li.nav-item-cta > a.btn:active {
	color: #ffffff !important;
}

/* ---- Main nav: size the Get a Quote / Verify CTAs like the other items ----
   These two are still real .btn elements (so they keep a dark pill
   background), but their size now matches the plain text nav links
   (Home, Accredition, etc.) instead of Bootstrap's oversized .btn-lg
   padding/font. Values copied from the theme's own
   #header .header-nav-main nav > ul > li > a rule. */
.header-nav-main nav > ul > li.nav-item-cta > a.btn {
	display: inline-flex;
	align-items: center;
	padding: .5rem 1rem;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: -.5px;
	text-transform: uppercase;
	border-radius: 4px;
}