/* ===========================
   GLOBAL RESET / BASE
   =========================== */
body {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    background: #ffffff;
    color: #222;
}

/* Basic link styling */
a {
    color: #003366;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

/* ===========================
   TOP TAGLINE BAR
   =========================== */
#topbar {
    background: #fff;
    border-top: 6px solid #003366; /* strong brand blue */
    padding: 6px 0;
    font-size: 15px;
}

#topbar .tagline {
    color: #222;
    font-weight: 600;
}

#topbar .home-link {
    float: right;
    color: #222;
}

/* ===========================
   HEADER
   =========================== */
#ci-header {
    background: #ffffff;
    padding: 20px 0;
    border-bottom: 4px solid #003366;
}

#ci-header .sitelogo img {
    display: block;
    margin: 0 auto;
}

/* ===========================
   TITLE BAR
   =========================== */
.content-title {
    background: #333333;
    color: #ffffff;
    padding: 25px 0;
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 0;
}

.content-title h1 {
    color: #ffffff;
    margin: 0;
    font-size: 28px;
}

/* ===========================
   MAIN CONTENT AREA
   =========================== */
.site-main-content {
    background: #ffffff;
    padding: 40px 0;
}

.site-column-container,
.site-column-inside,
.site-column-pad {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 20px;
}

/* SCP form container styling */
.aip_links {
    margin-top: 20px;
    display: block;
}

/* SCP fields */
.scp_text_input,
.scp_numeric_input {
    padding: 6px 8px;
    border: 1px solid #aaa;
    border-radius: 3px;
    font-size: 14px;
}

.scp_text_input:focus,
.scp_numeric_input:focus {
    border-color: #003366;
    outline: 2px solid #7ea9d6;
}

/* SCP labels */
.scp_label_inline {
    font-weight: 600;
    margin-bottom: 5px;
}

/* Buttons */
.scp_button {
    background: #003366;
    border: none;
    color: #ffffff;
    padding: 8px 18px;
    border-radius: 3px;
    cursor: pointer;
    margin-right: 10px;
}

.scp_button:hover {
    background: #00264d;
}

/* ===========================
   FOOTER
   =========================== */
#footer-bar {
    background: #333333;
    color: #ffffff;
    padding: 30px 0;
    margin-top: 50px;
}

#footer-bar a {
    color: #ffffff;
}

.footer-menu ul.menu {
    list-style: none;
    padding: 0;
    text-align: left;
}

.footer-menu ul.menu li {
    display: inline-block;
    margin-right: 20px;
}

.footer-logo img {
    float: right;
}

.footer-sm a span {
    font-size: 20px;
    margin-right: 15px;
}

/* Social icons at bottom */
.footer-sm {
    margin-top: 20px;
}

/* Small text links */
#footer-bar ul.menu li a:hover {
    text-decoration: underline;
}

/* ===========================
   MISC
   =========================== */
.clear {
    clear: both;
}

/* ===========================
   GLOBAL RESET / BASE
   =========================== */
body {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    background: #ffffff;
    color: #222;
}

/* Basic link styling */
a {
    color: #003366;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

/* ===========================
   TOP TAGLINE BAR
   =========================== */
#topbar {
    background: #ffffff;
    border-top: 6px solid #003366; /* strong brand blue */
    padding: 6px 20px;
    font-size: 14px;
}

#topbar .tagline {
    font-weight: 600;
    color: #000;
}

#topbar .home-link {
    float: right;
    color: #000;
}

/* ===========================
   HEADER
   =========================== */
#ci-header {
    background: #ffffff;
    padding: 25px 0;
    border-bottom: 4px solid #003366;
}

#ci-header .sitelogo img {
    display: block;
    margin: 0 auto;
}

/* ===========================
   TITLE BAR
   =========================== */
.content-title {
    background: #333333;
    padding: 30px 0 32px 0;
    margin: 0;
    text-align: center;
    font-weight: bold;
}

.content-title h1 {
    color: #ffffff;
    font-size: 26px;
    margin: 0;
}

/* ===========================
   MAIN CONTENT AREA
   =========================== */
.site-main-content {
    background: #ffffff;
    padding-top: 40px;
    padding-bottom: 80px;
}

.site-column-container,
.site-column-inside,
.site-column-pad {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 20px;
}

/* SCP form container — styled box */
.aip_links {
    max-width: 900px;
    margin: 0 auto;
    background: #ffffff;
    padding: 25px 35px;
    border: 1px solid #dddddd;
    border-radius: 4px;
}

/* ===========================
   SCP FORM ELEMENTS
   =========================== */

.scp_text_input,
.scp_numeric_input {
    padding: 6px 8px;
    border: 1px solid #aaa;
    border-radius: 3px;
    font-size: 14px;
}

.scp_text_input:focus,
.scp_numeric_input:focus {
    border-color: #003366;
    outline: 2px solid #7ea9d6;
}

.scp_label_inline {
    font-weight: 600;
    margin-bottom: 5px;
}

/* Buttons */
.scp_button {
    background: #003366;
    border: none;
    color: #ffffff;
    padding: 8px 18px;
    border-radius: 3px;
    cursor: pointer;
    margin-right: 10px;
}

.scp_button:hover {
    background: #00264d;
}

/* ===========================
   FOOTER
   =========================== */
#footer-bar {
    background: #333333;
    color: #ffffff;
    padding: 35px 0 45px 0;
    margin-top: 50px;
}

#footer-bar a {
    color: #ffffff;
}

.footer-menu ul.menu {
    list-style: none;
    padding: 0;
    text-align: center;
}

.footer-menu ul.menu li {
    display: inline-block;
    margin: 0 12px;
    font-size: 14px;
}

.footer-logo img {
    float: right;
    margin-right: 30px;
}

.footer-sm {
    margin-top: 20px;
}

.footer-sm a span {
    font-size: 20px;
    margin-right: 15px;
}

/* Clearfix utility */
.clear {
    clear: both;
}

/***** COLCHESTER – FINISHING OVERRIDES (paste at end) *****/

/* 1) Title bar -> full width, thicker, consistent inner max-width */
.fe-courses-title,
.content-title { background:#333; padding: 32px 0; margin:0; }
.fe-courses-title .site-column-inside,
.content-title .site-column-inside { max-width:1100px; margin:0 auto; padding:0 20px; }
.content-title h1 { color:#fff; font-size:28px; font-weight:700; line-height:1.2; margin:0; }

/* 2) Space between title bar and content; larger bottom whitespace */
.site-main-content { padding-top: 36px; padding-bottom: 84px; }

/* 3) SCP card panel: centered, neat border and shadow like original */
.aip_links {
  max-width: 760px;                /* form panel width */
  margin: 0 auto;
  background: #fff;
  padding: 26px 30px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  box-shadow: 0 1px 0 rgba(0,0,0,0.04);
}

/* 4) Card-brand logos row (Visa/Mastercard) aligned horizontally with small gap */
.scp_card_images,
#scp_card_images {
  display: inline-flex;
  gap: 12px;
  align-items: center;
  margin: 6px 0 8px;
}

/* 5) Form label alignment & field sizing for a tidy two-column look */
.scp_label_inline { 
  display: inline-block;
  min-width: 180px;          /* adjust to 170–200px if needed */
  font-weight: 600;
  color: #222;
}

.scp_text_input,
.scp_numeric_input {
  padding: 7px 9px;
  border: 1px solid #aeb4bb;
  border-radius: 3px;
  font-size: 14px;
  min-width: 180px;          /* field width */
}

.scp_text_input:focus,
.scp_numeric_input:focus {
  border-color: #003366;
  outline: 2px solid #7ea9d6;
}

/* Slightly reduce spacing between rows so panel feels compact */
.scp_input_container,
.scp_text_field { margin: 10px 0; }

/* 6) ‘Help / Cancel’ link area – bring it closer to the panel top */
.aip_links a.scp_framework_helpLink,
.aip_links a.scp_framework_cancelLink,
.aip_links a[href*="Help"],
.aip_links a[href*="Cancel"] { 
  margin-right: 12px; 
  font-weight: 600; 
}

/* 7) Buttons – match brand look */
.scp_button {
  background: #003366;
  border: none;
  color: #fff;
  padding: 9px 18px;
  border-radius: 3px;
  cursor: pointer;
  margin-right: 10px;
}
.scp_button:hover { background:#002a59; }

/* 8) Footer – more height & clean link row */
#footer-bar { background:#333; color:#fff; padding: 38px 0 48px; }
#footer-bar a { color:#fff; }
.footer-menu ul.menu { list-style:none; padding:0; margin: 0 0 12px 0; text-align:center; }
.footer-menu ul.menu li { display:inline-block; margin: 0 14px; font-size:14px; }

/* logo at right with breathing space */
.footer-logo img { float:right; margin-right:30px; }

/* Social icons row spacing */
.footer-sm { margin-top: 18px; }
.footer-sm a span { font-size:20px; margin-right:14px; }

/* 9) Breadcrumb/top link line under the logo (if present) */
.header-ci .site-logo-head + .content-title { margin-top: 0; }

/* 10) Subtle global polish */
.clear { clear: both; }

/* MAKE TITLE BAR FULL-WIDTH */
.fe-courses-title,
.content-title {
    background: #333333 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 32px 0 !important;
    margin: 0 !important;
}

/* Ensure inner container stays centered and does NOT restrict bg width */
.fe-courses-title .site-column-container,
.fe-courses-title .site-column-inside,
.content-title .site-column-container,
.content-title .site-column-inside {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 20px;
    background: transparent !important;
}
/***** EQUALISE VERTICAL SPACING AROUND THE PANEL *****/
.site-main-content {
  padding-top: 44px !important;     /* match this to your current top spacing */
  padding-bottom: 44px !important;  /* now equal to the top */
}

/* If the panel looks a touch low or high, nudge with these:
.aip_links { margin-top: 0 !important; margin-bottom: 0 !important; }
*/

#footer-bar {margin-top:0px !important;}

/********* FINAL TOP HEADER FIXES *********/

/* Move blue bar under Transforming Lives */
#topbar {
    border-top: none !important;
    border-bottom: 6px solid #003366 !important;
}

/* Align logo to the left */
#ci-header .sitelogo img {
    margin: 0 !important;
}
#ci-header .site-column-header-logo {
    text-align: left !important;
}

/* Align Online Payments / Tel / Contact to right */
.header-contact {
    text-align: right !important;
    float: right !important;
}
.header-contact a {
    margin-left: 15px;
    white-space: nowrap;
}

/***** MOVE THE BIG 'ONLINE PAYMENTS' HEADING LEFT UNDER LOGO *****/
.content-title .site-column-inside {
    text-align: left !important;
    padding-left: 40px !important;
}

.content-title h1 {
    margin: 0;
    color: #ffffff;
    font-size: 28px;
}

/***** SLIM GREY LINES ABOVE & BELOW THE TITLE BAR *****/
.content-title {
    background: #333333;
    position: relative;
    padding: 30px 0;
}

.content-title::before,
.content-title::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background: #cfcfcf;
}

.content-title::before {
    top: 0;
    transform: translateY(-6px);
}

.content-title::after {
    bottom: 0;
    transform: translateY(6px);
}

/***** THICKER BLUE SEPARATOR UNDER TOPBAR *****/
#topbar {
    border-bottom: 10px solid #003366 !important;
}

/***** FOOTER REFACTOR – DARK BAND FULL WIDTH + CONTENT ON WHITE BELOW *****/

/* Make the dark grey band full width (like the title bar) */
#footer-bar {
  background: #ffffff !important;
  color: #ffffff;
  padding: 34px 0 0 !important;   /* top band height; no bottom padding */
  margin: 0;
}

/* The inner container becomes the white content strip under the dark band */
#footer-bar .site-column-inside {
  background: #ffffff;            /* white strip for the content */
  color: #222;
  max-width: 1100px;
  margin: 0 auto;
  padding: 18px 20px 24px;        /* space within the white strip */
}

/* Links inside the white strip should be dark */
#footer-bar .site-column-inside a {
  color: #003366 !important;
  text-decoration: none;
}
#footer-bar .site-column-inside a:hover {
  text-decoration: underline;
}

/* Footer menu: centered, inline items */
#footer-bar .footer-menu ul.menu {
  list-style: none;
  padding: 0;
  margin: 0 0 12px 0;
  text-align: center;
}
#footer-bar .footer-menu ul.menu li {
  display: inline-block;
  margin: 0 14px;
  font-size: 14px;
}

/* Social icons row spacing within the white strip */
#footer-bar .footer-sm {
  margin-top: 14px;
  text-align: center;              /* center the social icons row */
}
#footer-bar .footer-sm a span {
  font-size: 20px;
  margin: 0 7px;
}

/* Logo positioned to the right inside the white strip */
#footer-bar .footer-logo img {
  float: right;
  margin-right: 30px;
}

/* Clearfix utility remains */
.clear { clear: both; }

#topbar > div > div > div.site-column.site-column-2-3.site-column-fl.site-column-al > a 
{font-size:20px;
display: flow !important;
height:10px;
text-decoration: none !important;}
#topbar > div > div > div.site-column.site-column-1-3.site-column.site-column-fr.site-column-ar.noprint > a > span.hidemobiletext 
{font-size:20px;
font-weight:600;}
#topbar > div > div > div.site-column.site-column-1-3.site-column.site-column-fr.site-column-ar.noprint > a
{text-decoration: none !important;}
#ci-header > div > div > div.site-column.site-column-header-contact.site-column.site-column-fr.site-column-ar > div
{font-weight:600;}
#ci-header > div > div > div.site-column.site-column-header-contact.site-column.site-column-fr.site-column-ar > div > a:nth-child(1)
{text-decoration: none !important;}
#ci-header > div > div > div.site-column.site-column-header-contact.site-column.site-column-fr.site-column-ar > div > a:nth-child(2)
{text-decoration: none !important;}
#ci-header > div > div > div.site-column.site-column-header-contact.site-column.site-column-fr.site-column-ar > div > a.noprint.head-link
{text-decoration: none !important;}

/***** FINAL FOOTER FIX – FULL WIDTH WHITE SECTION + 100PX DARK BAND *****/

/* 1. Dark grey footer band: full width, exactly 100px high */
#footer-bar {
    background: #333 !important;
    height: 100px !important;   /* exact height */
    padding: 0 !important;      /* remove old padding */
    margin: 0 !important;
}

/* 2. The white content section below the dark band – full width */
#footer-bar .site-column-inside {
    background: #ffffff !important;
    width: 100% !important;
    max-width: none !important;     /* remove center constraint */
    margin: 0 !important;
    padding: 25px 0 35px 0 !important; /* space around content */
    text-align: center;              /* center aligns nav + icons */
}

/* 3. Footer menu layout */
#footer-bar .footer-menu ul.menu {
    list-style: none;
    padding: 0;
    margin: 0 0 18px 0;
}
#footer-bar .footer-menu ul.menu li {
    display: inline-block;
    margin: 0 14px;
}
#footer-bar .footer-menu ul.menu li a {
    color: #003366 !important;
    text-decoration: none;
}
#footer-bar .footer-menu ul.menu li a:hover {
    text-decoration: underline;
}

/* 4. Center the social icons row */
#footer-bar .footer-sm {
    margin: 12px 0 14px 0;
    text-align: center;
}
#footer-bar .footer-sm a span {
    font-size: 20px;
    margin: 0 8px;
}

/* 5. The Colchester logo at bottom-right BUT on white background */
#footer-bar .footer-logo img {
    float: right;
    margin-right: 40px;
    margin-top: -22px;   /* pulls it visually up in the white band */
}
#footer-bar{background: rgb(255,255,255) !important;
padding: 0 0 0 !important;}

/***** FOOTER: 100px dark band ABOVE a full-width white footer *****/

/* Remove any earlier ::before “band” if it exists */
#footer-bar::before { content: none !important; display: none !important; }

/* Paint the top 100px as dark grey, the rest white, full-width */
#footer-bar {
  /* First layer: a 100px-tall dark grey slice stuck to the top
     Second layer: white base filling the rest */
  background:
    linear-gradient(#333333, #333333) top / 100% 100px no-repeat,
    #ffffff !important;

  margin: 0 !important;
  padding: 0 !important;     /* we’ll pad the inner container instead */
  width: 100% !important;
}

/* Push the footer content down so it sits below the 100px dark band */
#footer-bar .site-column-inside {
  position: relative;
  width: 100% !important;
  max-width: none !important;    /* keep the white footer full-bleed (no side gutters) */
  margin: 0 !important;
  background: transparent !important;

  /* Space: 100px dark band + breathing room for the white section */
  padding-top: 120px !important; /* adjust 120 -> 110/130 if you want more/less air */
  padding-bottom: 40px !important;
  text-align: center;
}

/* Footer links in the white area */
#footer-bar .footer-menu ul.menu {
  list-style: none; padding: 0; margin: 0 0 18px 0; text-align: center;
}
#footer-bar .footer-menu ul.menu li { display: inline-block; margin: 0 14px; }
#footer-bar .footer-menu ul.menu li a {
  color: #003366 !important; text-decoration: none;
}
#footer-bar .footer-menu ul.menu li a:hover { text-decoration: underline; }

/* Social icons row (white area) */
#footer-bar .footer-sm { margin: 12px 0 14px 0; text-align: center; }
#footer-bar .footer-sm a span { font-size: 20px; margin: 0 8px; }

/* Logo at bottom-right on the white area */
#footer-bar .footer-logo img {
  float: right;
  margin-right: 40px;
  margin-top: -22px; /* visual lift; tweak if needed */
}

/************************************************************
  COLCHESTER — RESPONSIVE / ADAPTIVE FINISHING LAYER
  Place at the very bottom of scp_custom.css
************************************************************/

/* 0) Base containers: allow the layout to scale naturally */
:root{
  --container-max: 1100px;
  --panel-max: 900px;
  --title-pad-y: 30px;
}

/* Ensure inner wrappers never overflow */
.site-column-container,
.site-column-inside,
.site-column-pad {
  max-width: var(--container-max);
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

/* SCP panel sizing */
.aip_links{
  max-width: var(--panel-max);
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}

/* Header link row: avoid wrapping weirdly on smaller screens */
.header-contact a{
  display: inline-block;
  margin-left: 12px;
  line-height: 1.2;
}

/* Title bar text keeps left alignment but won’t clip */
.content-title{
  padding: var(--title-pad-y) 0;
}
.content-title .site-column-inside{
  text-align: left !important;
  padding-left: 40px !important; /* adjust if you want to align more under logo */
  padding-right: 20px !important;
  box-sizing: border-box;
}
.content-title h1{
  font-size: 28px;
  line-height: 1.25;
  word-break: break-word;
}

/* Footer white section: keep centered spacing on wide screens */
#footer-bar .site-column-inside{
  padding-left: 20px !important;
  padding-right: 20px !important;
}

/* Social icons touch-ups */
#footer-bar .footer-sm a span{
  font-size: 20px;
}

/* ============================= */
/* ==========  ≤ 1280px ======== */
/* ============================= */
@media (max-width: 1280px){

  :root{
    --container-max: 1000px;
    --panel-max: 860px;
  }

  /* Slightly reduce header spacing */
  #ci-header{ padding: 20px 0; }

  /* Title bar */
  .content-title h1{ font-size: 26px; }

  /* Panel */
  .aip_links{ padding: 22px 28px; }

  /* Footer logo scale */
  #footer-bar .footer-logo img{
width:200px !important;
    max-width: 170px;
    height: auto;
  }
}

/* ============================= */
/* ==========  ≤ 1024px ======== */
/* ============================= */
@media (max-width: 1024px){

  :root{
    --container-max: 920px;
    --panel-max: 800px;
  }

  /* Header: logo left, links right but allow wrapping nicely */
  #ci-header .sitelogo img{ max-width: 240px; height: auto; }
  .header-contact{ float: right !important; text-align: right !important; }
  .header-contact a{ margin-left: 10px; }

  /* Title bar */
  .content-title .site-column-inside{ padding-left: 32px !important; }
  .content-title h1{ font-size: 24px; }

  /* Panel inputs a little wider */
  .scp_text_input, .scp_numeric_input{ min-width: 200px; }

  /* Footer menu tighter spacing */
  #footer-bar .footer-menu ul.menu li{ margin: 0 10px; }
}

/* ============================= */
/* ==========  ≤ 900px ========= */
/* ============================= */
@media (max-width: 900px){

  :root{
    --container-max: 820px;
    --panel-max: 720px;
  }

  /* Top bar text sizing */
  #topbar{ font-size: 13px; }
  #topbar .home-link{ float: none; }
  #topbar .site-column-inside{ text-align: left; }

  /* Header links may wrap; keep readable */
  .header-contact a{ margin-left: 8px; font-size: 13px; }

  /* Title bar */
  .content-title .site-column-inside{ padding-left: 24px !important; }
  .content-title h1{ font-size: 22px; }

  /* Panel */
  .aip_links{ padding: 20px 24px; }
}

/* ============================= */
/* ==========  ≤ 768px ========= */
/* ============================= */
@media (max-width: 768px){

  :root{
    --container-max: 95vw;
    --panel-max: 95vw;
    --title-pad-y: 24px;
  }

  /* Stack header rows; center logo on small tablets */
  #ci-header{
    padding: 16px 0;
    border-bottom-width: 3px;
  }
  #ci-header .site-column-header-logo{ text-align: center !important; }
  #ci-header .sitelogo img{ margin: 0 auto !important; max-width: 220px; }

  /* Move the “Online Payments · Tel · Contact” row beneath logo and center */
  .header-contact{
    float: none !important;
    text-align: center !important;
    margin: 10px 0 0 !important;
  }
  .header-contact a{ margin: 0 8px; display: inline-block; }

  /* Title bar: keep left feel but not too far from edge */
  .content-title .site-column-inside{
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .content-title h1{ font-size: 20px; }

  /* Panel: full width with comfortable padding */
  .aip_links{
    padding: 18px 16px;
    border-radius: 3px;
  }

  /* Form: stack labels above inputs for better mobile usability */
  .scp_label_inline{
    display: block;
    min-width: 0;
    margin-bottom: 6px;
  }
  .scp_text_input, .scp_numeric_input{
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  /* Buttons: full-width on mobile for easy tapping */
  .axis_button_container .scp_button,
  .scp_button{
    display: inline-block;
    min-width: 44%;
    margin: 8px 3% 0 0;
    padding: 10px 12px;
    font-size: 14px;
  }

  /* Footer white section: comfortable spacing */
  #footer-bar .site-column-inside{
    padding-top: 120px !important; /* keeps 100px dark band + 20px space */
    padding-bottom: 28px !important;
  }
  #footer-bar .footer-menu ul.menu{
    text-align: center;
    line-height: 1.4;
  }
  #footer-bar .footer-menu ul.menu li{
    display: inline-block;
    margin: 0 8px 6px;
  }
  #footer-bar .footer-logo img{
    float: none;
    margin: 10px auto 0;
    display: block;
    max-width: 160px;
  }
}

/* ============================= */
/* ==========  ≤ 480px ========= */
/* ============================= */
@media (max-width: 480px){

  /* Topbar line a touch thinner on small phones */
  #topbar{ border-bottom-width: 8px !important; padding: 6px 12px; }
  #topbar .site-column-inside{ padding: 0 12px; }

  /* Title bar + text */
  .content-title{ padding: 18px 0; }
  .content-title .site-column-inside{
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .content-title h1{ font-size: 18px; }

  /* Panel padding and inputs */
  .aip_links{ padding: 16px 12px; }
  .scp_text_input, .scp_numeric_input{ font-size: 15px; padding: 8px 10px; }

  /* Buttons: full width, stacked neatly */
  .axis_button_container .scp_button,
  .scp_button{
    display: block;
    width: 100%;
    margin: 10px 0 0 0;
    padding: 12px;
    font-size: 15px;
  }

  /* Footer spacing */
  #footer-bar .site-column-inside{
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  #footer-bar .footer-sm a span{ font-size: 18px; margin: 0 6px; }
}
/************************************************************
  FONT AWESOME – HARD OVERRIDE USING NEW FAMILY NAMES (FA5)
  Uses absolute SCP paths confirmed by your all.min.css URL:
  /AIP/sites/site_890/
  Keep this block LAST in scp_custom.css.
************************************************************/

/* BRANDS (Facebook, YouTube, Instagram, LinkedIn) */
@font-face {
  font-family: "FA5BrandsLocal";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("/AIP/sites/site_890/webfonts/fa-brands-400.woff2?v=1") format("woff2"),
       url("/AIP/sites/site_890/webfonts/fa-brands-400.woff?v=1") format("woff");
}

/* SOLID (Home, Phone, Cart, Envelope, etc.) */
@font-face {
  font-family: "FA5FreeLocal";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("/AIP/sites/site_890/webfonts/fa-solid-900.woff2?v=1") format("woff2"),
       url("/AIP/sites/site_890/webfonts/fa-solid-900.woff?v=1") format("woff");
}

/* REGULAR (optional, used by .far) */
@font-face {
  font-family: "FA5FreeLocal";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("/AIP/sites/site_890/webfonts/fa-regular-400.woff2?v=1") format("woff2"),
       url("/AIP/sites/site_890/webfonts/fa-regular-400.woff?v=1") format("woff");
}

/* Map FA5 classnames to our local families */
.fab {  /* brands */
  font-family: "FA5BrandsLocal" !important;
  font-weight: 400 !important;
}
.fas {  /* solid */
  font-family: "FA5FreeLocal" !important;
  font-weight: 900 !important;
}
.far {  /* regular (if used) */
  font-family: "FA5FreeLocal" !important;
  font-weight: 400 !important;
}

/* If any markup uses FA6-style classes, keep these too */
.fa-brands {
  font-family: "FA5BrandsLocal" !important;
  font-weight: 400 !important;
}
.fa-solid {
  font-family: "FA5FreeLocal" !important;
  font-weight: 900 !important;
}
.fa-regular {
  font-family: "FA5FreeLocal" !important;
  font-weight: 400 !important;
}