/* ================================= TELGWEN USER.CSS — HEADER FIX FIRST ================================= */ :root{ --brand-green:#16a34a; --brand-dark:#0f172a; } /* =============================== GLOBAL =============================== */ body{ font-family:Poppins, Arial, sans-serif; line-height:1.7; margin:0; } /* =============================== TOP BAR (KEEP YOUR MODULE) =============================== */ .container-topbar{ width:100%; background:var(--brand-dark); margin:0; padding:0; } .telgwen-header-inner{ max-width:1200px; margin:0 auto; display:flex; justify-content:flex-end; align-items:center; padding:8px 20px; color:#fff; } /* =============================== HEADER (FIX LAYOUT PROPERLY) =============================== */ .container-header{ background:#fff; box-shadow:0 6px 20px rgba(0,0,0,.08); } /* THIS IS THE FIX — STOP BREAKING CASSIOPEIA */ .container-header .grid-child{ max-width:1200px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; padding:15px 20px; gap:20px; } /* LOGO */ .navbar-brand{ display:flex; align-items:center; } .navbar-brand img{ max-height:70px; width:auto; display:block; } /* =============================== MENU (INLINE RIGHT) =============================== */ .container-nav{ display:flex; align-items:center; justify-content:flex-end; } .container-nav ul.mod-menu{ display:flex; align-items:center; gap:28px; list-style:none; margin:0; padding:0; } .container-nav ul.mod-menu > li{ white-space:nowrap; } /* REMOVE JOOMLA BUTTON STYLE */ .container-header .mod-menu li a{ background:none !important; border:none !important; box-shadow:none !important; } /* LINKS */ .container-header .mod-menu > li > a{ color:var(--brand-green) !important; font-weight:700; text-decoration:none; padding:8px 12px; border-radius:6px; } /* HOVER */ .container-header .mod-menu > li > a:hover{ background:rgba(22,163,74,.1); } /* ACTIVE */ .container-header .mod-menu .current > a{ background:rgba(22,163,74,.1); } /* =============================== CRITICAL: REMOVE DOUBLE HEADER LOOK =============================== */ /* stop weird spacing above logo/menu */ .header.container-header{ padding:0 !important; margin:0 !important; } /* kill any accidental stacking */ .container-header .grid-child + .grid-child{ margin-top:0 !important; } /* =============================== MOBILE =============================== */ @media(max-width:900px){ .container-header .grid-child{ flex-direction:column; text-align:center; } .container-nav{ justify-content:center; } .container-nav ul.mod-menu{ flex-wrap:wrap; justify-content:center; gap:12px; } .telgwen-header-inner{ justify-content:center; } } /* ===== CLEAN HEADER FIX ===== */ .container-topbar{ background:#0f172a; } .telgwen-header-inner{ max-width:1200px; margin:0 auto; display:flex; justify-content:flex-end; padding:8px 20px; color:#fff; } .container-header{ background:#fff; box-shadow:0 6px 20px rgba(0,0,0,.08); } .container-header .grid-child{ max-width:1200px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; padding:15px 20px; } /* logo */ .navbar-brand img{ max-height:70px; } /* menu */ .container-nav ul.mod-menu{ display:flex; gap:28px; list-style:none; margin:0; padding:0; } .container-header .mod-menu > li > a{ color:#16a34a !important; font-weight:700; text-decoration:none; } /* ===== REMOVE DUPLICATE JOOMLA HEADER ROW ===== */ /* hide the logo + menu row only */ .container-header > .grid-child{ display:none !important; } /* keep the top bar (your custom header) visible */ .container-topbar{ display:block !important; } /* remove white space caused by hidden row */ .container-header{ padding:0 !important; margin:0 !important; box-shadow:none !important; } /* ===== CUSTOM HEADER STYLE (WHITE + GREEN) ===== */ .container-topbar{ background:#fff !important; border-bottom:1px solid #eee; } /* inner layout */ .telgwen-header-inner{ max-width:1200px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:12px 20px; } /* logo */ .telgwen-logo img{ max-height:70px; } /* menu */ .telgwen-menu{ display:flex; gap:28px; align-items:center; } .telgwen-menu a{ color:#16a34a !important; font-weight:700; text-decoration:none; } /* hover */ .telgwen-menu a:hover{ color:#0f7a38 !important; } /* contact */ .telgwen-contact{ color:#16a34a; font-size:14px; white-space:nowrap; } .telgwen-contact a{ color:#16a34a !important; } /* mobile */ @media(max-width:900px){ .telgwen-header-inner{ flex-direction:column; text-align:center; } .telgwen-menu{ flex-wrap:wrap; justify-content:center; gap:15px; } .telgwen-contact{ white-space:normal; } } /* ===== FOOTER FIX (FULL WIDTH + CENTERED CONTENT) ===== */ /* break footer out of Joomla container */ .container-footer{ width:100vw !important; margin-left:calc(50% - 50vw) !important; padding:0 !important; max-width:none !important; background:none !important; } /* keep inner content aligned nicely */ .container-footer .grid-child{ max-width:1200px; margin:0 auto !important; padding:0 20px !important; } /* your custom footer block */ .telgwen-footer-wrap{ width:100%; } /* remove weird clipping */ .container-footer, .container-footer .grid-child{ overflow:visible !important; } /* remove side scroll issues */ body{ overflow-x:hidden; } /* ===== KILL RIGHT WHITE GAP (REAL FIX) ===== */ /* force full width layout */ .site-grid{ max-width:none !important; width:100% !important; } /* stop page shifting */ body{ margin:0 !important; overflow-x:hidden !important; } /* ensure footer truly spans edge-to-edge */ .container-footer{ width:100vw !important; margin-left:calc(50% - 50vw) !important; } /* make sure inner footer fills properly */ .telgwen-footer-wrap{ width:100% !important; }  /* ===== FOOTER FIX ONLY — DO NOT TOUCH HEADER ===== */

/* reset the bad full-width hacks */
.container-footer{
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  max-width:none !important;
}

/* centre the content properly */
.container-footer .grid-child{
  max-width:1200px !important;
  margin:0 auto !important;
  padding:0 20px !important;
}

/* keep your footer visually full width WITHOUT shifting */
.telgwen-footer-wrap{
  width:100% !important;
}

/* remove the right-side white gap safely */
.site-grid{
  max-width:none !important;
}
/* ===== FOOTER FIX ONLY — SAFE ===== */

/* cancel the bad breakout causing the shift */
.container-footer,
.container-footer.footer.full-width{
  width:100% !important;
  margin-left:0 !important;
  max-width:none !important;
}

/* stop it being pushed left */
.container-footer .telgwen-footer-wrap{
  margin-left:0 !important;
  width:100% !important;
}

/* make sure parent isn't offsetting it */
.site-grid{
  margin:0 !important;
}












/* ===== FORCE MAIN TOP MODULE UP UNDER TRUST BAR ===== */

.container-component > .main-top.card{
  position:relative !important;
  top:-70px !important;
  margin:0 0 -70px 0 !important;
  padding:0 !important;
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}

.container-component > .main-top.card > .card-body{
  margin:0 !important;
  padding:0 !important;
}

.container-component{
  padding-top:0 !important;
}

.telgwen-split-section{
  margin-top:0 !important;
}