.l-primary-footer .widget .textwidget{
    display: flex;
    justify-content: space-between;
}

.l-primary-footer__widgets__space .widget.widget_text p a:hover {
	font-family: "Cambo", Sans-serif !important;
	letter-spacing: 0 !important;
}
#mega-menu max-mega-menu mega-menu-horizontal {

background:#fff;

height:0px;

z-index:170;

margin:0 auto;

border-bottom:1px solid #dadada;

width:100%;

position:fixed;

top:0;

left:0;

right:0;

text-align: center;

}
.m-team .m-team__member {
 visibility: visible !important;
 opacity: 1 !important;
}
.huge {
    font-size:50px;
    ;
	
      }

.eael-entry-title a:hover,
.eael-entry-meta a:hover,
.eael-entry-content a:hover{
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    text-transform: inherit !important;
    font-style: inherit !important;
    text-decoration: inherit !important;
    letter-spacing: 0 !important;
    box-shadow: none !important;
}

/* Menu button */

.menu-button .mega-menu-link {
color:#c6a643 !important;
font-size: 18px !important;
background-color: #fff !important;
border: 0.1rem solid !important;
border-radius:3px !important;
border-color: #c6a643 !important;
	margin-left: 10px !important;
}

.menu-button a,  .menu-button a:hover, .menu-button a:active {
background-color:#c6a643 !important;
color: #fff !important;
}

@media (max-width: 768px) {
  .menu-button .mega-menu-link {
    font-size: 14px !important;
    padding: 6px 10px !important;
    margin: 4px 0 2px 0 !important;              /* stack under other items */
    line-height: 1 !important;
    border: none !important;
    border-radius: 3px !important;
    background-color: #000 !important;     /* match black menu background */
    color: #c6a643 !important;             /* gold text */
    display: block !important;             /* full-width, left-aligned */
    text-align: left !important;           /* align text to left */
    width: 100% !important;                /* span full menu width */
  }

  .menu-button .mega-menu-link:hover {
    background-color: #111 !important;
    color: #c6a643 !important;
  }
}


/* Make the widget wrapper a grid */
.auto-grid .elementor-widget-wrap {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

/* Make each widget fill its grid cell */
.auto-grid .elementor-widget-wrap > .elementor-element {
  width: 100% !important;
}


/* Fix Centaurus/Elementor logo size flash */
.site-logo img,
.elementor-widget-heading img,
.logo-container img {
    max-width: 300px;   /* Adjusted logo width */
    width: auto;        /* Keep aspect ratio */
    height: auto;       /* Keep aspect ratio */
    display: block;     /* Avoid inline display issues */
}

/* Optional: center the logo */
.site-logo,
.logo-container {
    text-align: center;
}

/* Prevent large temporary scaling */
.elementor-widget-heading img {
    max-width: 100%;
    height: auto;
}

/* For Blog Post Headers Size and Weight*/
/* Blog Post Headings - weight 500 */
.single-post h1,
.single-post h2,
.single-post h3,
.single-post h4,
.single-post h5 {
    font-family: "Cambo", serif !important;
    font-weight: 500 !important;  /* medium weight */
    color: #000000 !important;    /* black */
}

/* Individual heading sizes */
.single-post h1 { font-size: 35px !important; line-height: 1.3 !important; }
.single-post h2 { font-size: 26px !important; line-height: 1.3 !important; }
.single-post h3 { font-size: 22px !important; line-height: 1.3 !important; }
.single-post h4 { font-size: 20px !important; line-height: 1.3 !important; }
.single-post h5 { font-size: 19px !important; line-height: 1.3 !important; }

/* Blog Post Paragraphs - weight 300 */
.single-post p {
    font-family: "Lato", sans-serif !important;
    font-size: 18px !important;
    font-weight: 300 !important;  /* light weight */
    line-height: 1.6 !important;
    color: #1E1F20 !important;    /* paragraph color */
}


/* ============================================================
   PEMBROKE LIGHTWEIGHT BLOG POST TEMPLATE (v3)
   Targets the Centaurus theme's real blog structure.

   SCOPING (verified against live body classes 20 Jul 2026):
   - Our posts:  single-post ... (NO elementor-page)
   - Old posts:  single-post ... elementor-page   <-- excluded
   The body:not(.elementor-page) guard is what isolates our
   posts. Both post types share the same wrapper classes
   (.p-blog-single, .o-blog-post), so the body guard, not the
   wrapper, does the fencing.

   Centaurus content structure (this is why v2's .entry-content
   selectors missed entirely):
     .p-blog-single                -> outer section
     .p-blog-single__wrapper       -> post wrapper
       .o-blog-post__thumbnail     -> feature image
       .o-blog-post__content       -> title + meta
       .p-blog-single__content     -> BODY TEXT  <-- the target
   ============================================================ */

/* -----------------------------------------------------------
   1. Constrain + centre the reading column (the desktop fix)
   .p-blog-single__content holds the body text.
----------------------------------------------------------- */
body.single-post:not(.elementor-page) .p-blog-single__content {
    max-width: 820px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    box-sizing: border-box !important;
    float: none !important;          /* clears the theme's h-clearfix float */
    text-align: left !important;     /* body text left-aligned, not centred */
}

/* Centre ONLY the title/meta block. text-align is scoped to this
   container's own children so it does not cascade into body text. */
body.single-post:not(.elementor-page) .o-blog-post__content {
    max-width: 820px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    box-sizing: border-box !important;
    text-align: center !important;
}

/* Belt-and-braces: if any wide parent is forcing full width,
   let it be full width so the children above control the measure. */
body.single-post:not(.elementor-page) .p-blog-single__wrapper,
body.single-post:not(.elementor-page) .p-blog-single .col-12 {
    max-width: 100% !important;
    width: 100% !important;
}

/* -----------------------------------------------------------
   2. Feature image: capped height, full column width,
   padding above so it clears the sticky header.
----------------------------------------------------------- */
body.single-post:not(.elementor-page) .o-blog-post__thumbnail {
    max-width: 820px !important;
    margin: 32px auto 24px auto !important;
}
body.single-post:not(.elementor-page) .o-blog-post__thumbnail img,
body.single-post:not(.elementor-page) .wp-post-image {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: 420px !important;
    object-fit: cover !important;
    border-radius: 4px !important;   /* remove this line for square corners */
}
/* -----------------------------------------------------------
   2b. Mobile: reduce side padding so the reading column uses
   more of the screen. Desktop keeps the roomier 24px; phones
   drop to 16px to match the tighter gutter on the old posts.
----------------------------------------------------------- */
@media (max-width: 768px) {
    body.single-post:not(.elementor-page) .p-blog-single__content,
    body.single-post:not(.elementor-page) .o-blog-post__content {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}

/* -----------------------------------------------------------
   3. Optional TOC hook (styles a TOC only if one is added
   later via block editor or a lightweight plugin; harmless
   when absent).
----------------------------------------------------------- */
body.single-post:not(.elementor-page) .blog-toc {
    max-width: 820px !important;
    margin: 0 auto 32px auto !important;
    padding: 16px 20px !important;
    background: #faf9f6 !important;
    border: 1px solid #e4e0d7 !important;
    border-radius: 4px !important;
    font-family: "Lato", sans-serif !important;
    font-size: 15px !important;
}
body.single-post:not(.elementor-page) .blog-toc a { color: #1E1F20 !important; text-decoration: none !important; }
body.single-post:not(.elementor-page) .blog-toc a:hover { color: #c6a643 !important; }

/* ============================================================
   Existing .single-post typography rules (Cambo headings, Lato
   paragraphs) can stay as-is. If you want them fenced to our
   posts too, add :not(.elementor-page) to those selectors.
   ============================================================ */