/* =============================================
Modern layer — sits on top of style.css
Targets staging.andurandcapital.com only
============================================= */
/* ---- 1. Web font ---- */
/* Loaded via in each page's for better performance (no @import delay) */
body, div, span, p, a, li, td, th, input, button {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
/* ---- 2. Body background ---- */
/* Replace repeating texture PNG with clean near-white */
body {
background: #f7f8fa;
}
/* ---- 3. Global typography ---- */
p {
line-height: 1.7;
color: #3d3c3c;
}
a {
transition: color 0.2s ease;
}
/* ---- 4. Header ---- */
#header {
background: #fff;
/* Replace bottom gradient PNG with box-shadow */
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.08);
position: relative;
z-index: 200;
}
/* Remove the gradient-line background image */
#header .wrapper {
background: none;
/* Switch from floats to flexbox */
display: flex;
align-items: center;
justify-content: space-between;
height: 68px;
width: 1100px;
}
#header .logo {
float: none;
margin: 0;
display: flex;
align-items: center;
}
#header .logo img {
height: 38px;
width: auto;
}
/* ---- 5. Navigation ---- */
.mainnav {
float: none;
margin-top: 0;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #214d74;
display: flex;
align-items: center;
gap: 2px;
}
.mainnav li {
float: none;
margin-left: 0;
padding: 6px 12px;
/* Remove sprite background */
background: none !important;
}
/* Underline animation on hover / active */
.mainnav li a {
position: relative;
padding-bottom: 2px;
color: #214d74;
}
.mainnav li a::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 0;
height: 2px;
background: #214d74;
transition: width 0.2s ease;
}
.mainnav li:hover a::after,
.mainnav li.sel a::after {
width: 100%;
}
.mainnav li.sel a {
color: #1c4870;
}
/* "Investor Portal" — distinct CTA button */
.mainnav li:last-child {
background: #214d74 !important;
border-radius: 4px;
margin-left: 10px;
padding: 7px 16px;
transition: background 0.2s ease;
}
.mainnav li:last-child a {
color: #fff;
}
.mainnav li:last-child a::after {
display: none;
}
.mainnav li:last-child:hover {
background: #1a3d5e !important;
}
/* ---- 6. Hero slider ---- */
/* Note: #featured has z-index:-1, so any background set on #home_slider
would paint over it. Leave the slider's own background alone. */
/* Anti-flicker rule is in an inline