.site-info,
.wpcom-credit,
.powered-by,
.site-footer .powered-by {
    display: none !important;
}

footer, 
.site-footer {
    background: url("https://yourimageurl.com/footer-bg.jpg") no-repeat center center;
    background-size: cover;
    color: #ffffff;
}

/* === Golden KPIs: Social icon brand colours === */
.social-navigation a[href*="facebook.com"] {
  color: #1877F2 !important; /* Facebook blue */
}

.social-navigation a[href*="tiktok.com"] {
  color: #000000 !important; /* TikTok black */
}

.social-navigation a[href*="instagram.com"] {
  color: #E1306C !important; /* Instagram pink */
}

.social-navigation a[href*="x.com"],
.social-navigation a[href*="twitter.com"] {
  color: #000000 !important; /* X / Twitter black */
}

.social-navigation a[href*="youtube.com"] {
  color: #FF0000 !important; /* YouTube red */
}

.social-navigation a[href*="linkedin.com"] {
  color: #0A66C2 !important; /* LinkedIn blue */
}

/* Hover: subtle pop/grow, not colour change */
.social-navigation a:hover {
  opacity: 0.8;
  transform: scale(1.1);
  transition: all 0.25s ease;
}

.social-navigation a:hover::before {
  text-shadow: 0 0 8px currentColor;
  transform: scale(1.1);
  transition: all 0.3s ease;
}

.site-header {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.site-header .site-branding,
.site-header .main-navigation {
  margin-bottom: 0 !important;
}

/* Make the gradient quote block wider */
.quote-box {
  max-width: 1400px !important;   /* how wide you want */
  margin-left: auto !important;
  margin-right: auto !important;
  display: block !important;
	justify-content: center;
  text-align: center;
}
.quote-box p {
  text-align: center;
}

.site-content .wrap,
.entry-content .wp-block-group__inner-container {
  max-width: 1500px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}


/** social link icons **/

.social-links-menu {
  display: flex;
  justify-content: flex-end !important;
  margin-right: 0px !important; /* increase this number to move further right */
  margin-top: 5px; /* adjust if it looks too low or high */
	gap: 10px;
}

/* Subtle hover effect for interactivity */
.wp-block-column:hover {
  transform: scale(1.05);
  transition: all 0.25 ease-in-out;
}


/** This is very important  */

/* Make Power BI iframe break out of the narrow content column */
.powerbi-wide {
    width: 100vw !important;              /* full browser width */
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;  /* align it to the left edge */
    margin-right: 0 !important;
    display: block !important;
    border: none !important;
}

/* Set height for the dashboard */
.powerbi-wide {
    height: 800px !important;      /* adjust if needed */
}

/* Make header full-width and use flex layout */
#masthead.site-header {
    max-width: 100% !important;
    width: 100% !important;
    margin: 20 auto !important;
    padding: 15px 150px !important;   /* adjust left/right padding if you want */
    display: flex;
    align-items: left;
    justify-content: space-between;
    box-sizing: border-box;
}

/* Left-align the 'Golden KPIs' logo/title */
#masthead .site-branding {
    text-align: left !important;
    margin-right:left;
}


/* Lift the middle navigation menu higher */
#masthead .main-navigation {
    align-self: center !important;   /* vertically centers in grid cell */
    margin-top: -12px !important;    /* lift upward (adjust this number) */
}

/* Optional: lift social icons slightly to match alignment */
#masthead .wp-block-group:last-child {
    margin-top: -5px !important;
}

/* Optional: slightly reduce top padding of header */
#masthead.site-header {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

/* Make the Golden KPIs title gold */
#masthead .site-branding a,
#masthead .site-branding .site-title,
#masthead .site-title a {
    color: #D4AF37 !important;   /* Gold hex code */
}

/* Optional: gold hover effect */
#masthead .site-title a:hover {
    color: #c49b2e !important;   /* Slightly darker gold */
}

/* Full header background in soft gold */
#masthead.site-header {
    background-color: #4B0082 !important;   /* champagne gold */
}

/* Keep the text readable */
#masthead .main-navigation a,
#masthead .site-title a
{
    color: #3c2f4f !important; /* dark purple/charcoal */
}

/* Full header background */
#masthead.site-header {
    background-color:#4B0082  !important;  /* deep purple */
}

/* Turn menu text white */
#masthead .main-navigation a,
#masthead .site-title a
{
    color: #ffffff !important;
}

/* Clean minimal header with gold underline */
#masthead.site-header {
   
    border-bottom: 3px solid #D4AF37 !important; /* gold line */
}

#masthead .main-navigation ul ul {
    background-color: #4B0082 !important;  /* deep purple */
}

#masthead .main-navigation ul ul a {
    color: #ffffff !important;
}

#masthead .main-navigation ul ul a:hover {
    background-color: #6a22b5!important;
}

/* Main menu hover colour (Gold like the title) */
#masthead .main-navigation > div > ul > li > a:hover {
    color: #D4AF37 !important;   /* identical gold to your title */
}

/* Optional: also change the active/selected menu item to gold */
#masthead .main-navigation > div > ul > li.current-menu-item > a,
#masthead .main-navigation > div > ul > li.current-menu-ancestor > a {
    color: #D4AF37  !important;
}


/* Container background behind ALL social icons */
.social-links-menu {
    background-color: #4B0082 !important;   /* your purple */
    padding: 10px 15px !important;
    border-radius: 10px !important;
    display: inline-flex !important;
    gap: 10px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* ===== Golden KPIs – Full-Width Running Emoji Ticker ===== */

/* Force ticker to break out of WordPress page container */
.gkpi-ticker {
    width: 100vw !important;                 /* full screen width */
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important; /* align left edge */
    margin-right: 0 !important;

    overflow: hidden;
    background: #6a22b5;                     /* deep purple */
    border-bottom: 2px solid #D4AF37;        /* gold */
    padding: 8px 0;
    box-sizing: border-box;
}

/* Scrolling text */
.gkpi-ticker span {
    display: inline-block;
    white-space: nowrap;
    font-weight: 600;
    font-size: 18px;
    color: #C9A5FF ;                           /* medium lavender */
padding-left: 40vw;   /* Force text completely off-screen to the right */
    animation: gkpi-marquee 20s linear infinite;
}

/* Animation keyframes */
@keyframes gkpi-marquee {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}

 
	/* MOBILE FIX — keep social icons inside the screen */
@media (max-width: 782px) {

  .social-links-menu {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    justify-content: center !important;
    padding: 8px 0 !important;
    box-sizing: border-box !important;
  }

  #masthead.site-header {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  #masthead .wp-block-group,
  #masthead .main-navigation {
    width: 100% !important;
    text-align: center !important;
    justify-content: center !important;
  }

  #masthead .main-navigation ul {
    justify-content: center !important;
  }
}

/* MOBILE — hamburger menu + REAL collapsible submenus for EXFORD */
@media (max-width: 782px) {

  /* Compact header */
  #masthead.site-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px !important;
  }

  /* Hamburger icon */
   /* Turn "Menu +" into a hamburger icon */
  .menu-toggle {
    background-color: #6A22B5;
    border-radius: 6px;
    padding: 8px 10px;
    position: relative;
    border: none;
    font-size: 0 !important;      /* hide the Menu + text */
    line-height: 1;               /* keep button height tidy */
  }

  .menu-toggle::before {
    content: "\2630"; /* ☰ hamburger icon */
    font-size: 22px;
    color: #ffffff;
  }

  /* Make mobile menu vertical */
  .main-navigation.toggled ul {
    display: block !important;
    width: 100%;
  }

  .main-navigation.toggled ul li {
    border-top: 1px solid rgba(255,255,255,0.15);
  }

  .main-navigation.toggled ul li a {
    display: block;
    padding: 10px 0;
  }

  /* HIDE all submenus by default */
  .main-navigation .sub-menu {
    display: none !important;
  }

  /* SHOW submenu ONLY when Exford’s toggle button is expanded */
  .dropdown-toggle[aria-expanded="true"] + .sub-menu {
    display: block !important;
  }

  /* Style submenu */
  .main-navigation .sub-menu {
    background-color: #4B0082;
    padding-left: 15px;
  }

  .main-navigation .sub-menu a {
    font-size: 0.95em;
    padding: 8px 0;
  }
}

/* FORCE hamburger icon on mobile */
@media (max-width: 782px) {

  /* Hide the Menu text completely */
  .menu-toggle {
    color: transparent !important;   /* hide text */
    font-size: 0 !important;         /* ensure text can't appear */
    line-height: 0 !important;
    position: relative;
  }

  /* Add hamburger icon */
  .menu-toggle::before {
    content: "\2630";     /* ☰ */
    font-size: 26px !important;
    color: #ffffff !important;
    line-height: 1 !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  /* When menu is open, replace X with hamburger too */
  .menu-toggle[aria-expanded="true"]::before {
    content: "\2630"; /* keep hamburger even when open */
  }
}

.main-navigation a {
  text-decoration: none !important;
}