/* ============================================================
FGA INNER PAGES — MODERN DESIGN SYSTEM
v1.0 | Bootstrap 3 | Poppins | Purple #5f0a4b
All rules scoped to body.fga-inner — never affects homepage.
============================================================ */
/* ----------------------------------------------------------
1. BASE
---------------------------------------------------------- */
body.fga-inner {
font-family: 'Poppins', sans-serif !important;
background: #f4f6fa !important;
color: #1e1e2e;
font-size: 14px;
}
body.fga-inner h1,
body.fga-inner h2,
body.fga-inner h3,
body.fga-inner h4,
body.fga-inner h5,
body.fga-inner h6 {
font-family: 'Poppins', sans-serif !important;
font-weight: 700 !important;
}
body.fga-inner a { color: var(--fga-purple); }
body.fga-inner a:hover { color: var(--fga-purple-dark); }
/* ----------------------------------------------------------
2. FIXED HEADER OFFSET + OUTER CONTAINER
Header: ~84px top-bar + ~44px nav = ~128px.
Synced precisely by inline JS added in header.php.
---------------------------------------------------------- */
body.fga-inner .bodysection {
padding-top: 148px !important;
padding-bottom: 60px !important;
background: #f4f6fa !important;
min-height: calc(100vh - 260px);
}
/* Expand Bootstrap 3's 1170px max and add proper horizontal breathing room */
body.fga-inner .bodysection > .container {
background: transparent !important;
max-width: 1300px !important;
padding-left: 28px !important;
padding-right: 28px !important;
width: 100% !important;
}
/* ----------------------------------------------------------
3. CONTENT CONTAINERS
.midO is the per-page content wrapper.
Most pages: .midO > .container
---------------------------------------------------------- */
body.fga-inner .midO {
padding: 0 !important;
margin-bottom: 36px;
}
/* Remove old shadow/bg but keep natural Bootstrap padding intact
so content has breathing room within the outer container. */
body.fga-inner .midO > .container {
background: transparent !important;
box-shadow: none !important;
padding-left: 0 !important; /* outer .bodysection>.container already pads */
padding-right: 0 !important;
}
/* Hide the decorative .ban_sub image banner found on form/add pages —
it is an empty div with a background image that creates dead whitespace. */
body.fga-inner .ban_sub { display: none !important; }
/* ----------------------------------------------------------
4. PAGE TITLE BAR
---------------------------------------------------------- */
body.fga-inner .midTitle {
font-size: 17px !important;
font-weight: 700 !important;
color: var(--fga-purple) !important;
font-family: 'Poppins', sans-serif !important;
vertical-align: middle;
}
/* Title icon image (images/re.png, images/reqair.png etc.) */
body.fga-inner img[src*="/re."], body.fga-inner img[src*="reqair"],
body.fga-inner img[src*="rerate"] {
vertical-align: middle;
margin-right: 6px;
opacity: 0.55;
}
/* Title row that appears directly inside .midO>.container (list pages) */
body.fga-inner .midO > .container > .midTitle,
body.fga-inner .midO > .container > img {
vertical-align: middle;
}
/* Spacing between the title row and the card below it (list pages) */
body.fga-inner .midO > .container > span.midTitle,
body.fga-inner .midO > .container > span.midTitle + * {
display: inline-block;
}
/* Page-header wrapper (title + action button row on list pages) */
body.fga-inner .cfn-page-bar {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 12px;
padding: 6px 0 18px;
border-bottom: 2px solid #eaecf4;
margin-bottom: 20px;
}
/* Breadcrumb / "You Are Here" line */
body.fga-inner .bluetitle a {
color: var(--fga-purple) !important;
font-weight: 600;
font-size: 13px;
}
body.fga-inner .bredC { color: #9ca3af; margin: 0 4px; }
/* Generic cfn-page-header component */
body.fga-inner .cfn-page-header {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 12px;
margin-bottom: 20px;
padding-bottom: 14px;
border-bottom: 2px solid #eaecf4;
}
/* ----------------------------------------------------------
5. CONTENT CARD — .registerBox
---------------------------------------------------------- */
body.fga-inner .registerBox {
background: #fff !important;
border-radius: 10px !important;
border: 1px solid #e5e8ef !important;
box-shadow: 0 2px 10px rgba(0,0,0,0.06) !important;
overflow: hidden;
margin-top: 20px;
margin-bottom: 28px;
}
/* Purple section header inside a card */
body.fga-inner .registerBox h2 {
background: var(--fga-purple) !important;
color: #fff !important;
font-size: 13px !important;
font-weight: 700 !important;
padding: 14px 24px !important;
margin: 0 !important;
border-radius: 0 !important;
letter-spacing: 0.4px;
text-transform: uppercase;
}
/* ── FORM inside a card: add horizontal + vertical padding ── */
body.fga-inner .registerBox > form {
padding: 28px 32px 8px !important;
}
/* When the form title (midTitle) sits at the very top of the form */
body.fga-inner .registerBox > form > img,
body.fga-inner .registerBox > form > span.midTitle {
display: inline-block;
margin-bottom: 6px;
}
/* ── .row directly inside a card (non-form layout) ── */
body.fga-inner .registerBox > .row {
margin: 0 !important;
padding: 28px 32px 12px !important;
}
/* ── .pad20 / .pad15 wrappers inside a card ── */
body.fga-inner .registerBox > .pad20,
body.fga-inner .registerBox > .pad15,
body.fga-inner .registerBox > .pad10 {
padding: 28px 32px !important;
}
/* ── Standalone form-group / label block inside a card ── */
body.fga-inner .registerBox > .form-group {
padding: 6px 32px !important;
}
/* ── Submit / action button row at bottom of a card ── */
body.fga-inner .registerBox .text-center:last-child,
body.fga-inner .registerBox > form > .text-center:last-child {
padding: 12px 0 28px !important;
}
body.fga-inner .registerBox .text-right:last-child,
body.fga-inner .registerBox > form > .text-right:last-child {
padding: 12px 32px 24px !important;
}
/* ── h2 section headers INSIDE a form: negate form padding so they span full card width ── */
/* register.php, my_profile.php, register_summary.php all have inside