#es .es-data-truncater {
    color: #000000 !important;
}/* =========================================================
   WIGGYWAM CUSTOM STYLES
   Clean consolidated drop-in stylesheet
   ========================================================= */


/* =========================================================
   GLOBAL
   ========================================================= */

body,
.sp-preloader {
    background-color: #ffffff;
    color: #252525;
}

.sp-preloader > div {
    background: #0345bf;
}

.sp-preloader > div::after {
    background: #ffffff;
}

a {
    color: #0345bf;
}

a:hover,
a:focus,
a:active {
    color: #044cd0;
}


/* =========================================================
   HEADER + MENU
   ========================================================= */

#sp-top-bar {
    background: #ffffff;
    color: #000000;
}

#sp-top-bar a {
    color: #000000;
}

#sp-top-bar a:hover,
#sp-top-bar a:focus {
    color: #444444;
}

#sp-header {
    background: #ffffff;
    color: #000000;
    box-shadow: 0 0 4px 0 rgb(255 255 255 / 10%);
}


/* Top-level menu links */

.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 100;
    color: #000000 !important;
    text-decoration: none;
}

.sp-megamenu-parent > li:hover > a,
.sp-megamenu-parent > li:focus > a {
    color: #444444 !important;
}

.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li.active:hover > a {
    color: #000000 !important;
    text-decoration: underline;
}


/* Dropdown menu */

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background-color: #ffffff !important;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a,
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner li > a {
    background-color: #ffffff !important;
    color: #000000 !important;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 100;
    text-decoration: none !important;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:focus,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:active,
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner li > a:hover,
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner li > a:focus,
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner li > a:active {
    background-color: #ffffff !important;
    color: #444444 !important;
    text-decoration: underline !important;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
    color: #000000 !important;
}


/* Offcanvas toggle */

#offcanvas-toggler > .fa,
#offcanvas-toggler > .fas,
#offcanvas-toggler > .far {
    color: #000000;
}

#offcanvas-toggler > .fa:hover,
#offcanvas-toggler > .fas:hover,
#offcanvas-toggler > .far:hover {
    color: #444444;
}


/* =========================================================
   FOOTER
   ========================================================= */

#sp-footer,
#sp-bottom {
    background: #020c7d;
    color: #ffffff;
}


/* =========================================================
   JOOMLA SIDE MODULES
   ========================================================= */

#sp-left .sp-module,
#sp-right .sp-module {
    padding: 0 !important;
    border-color: #ffffff;
}


/* =========================================================
   EASYDISCUSS - TOOLBAR
   ========================================================= */

#fd .fd-toolbar {
    background-color: #020c7d;
}

#fd article,
#fd blockquote,
#fd footer,
#fd form,
#fd nav {
    padding: 4px;
}

#fd .fd-toolbar-divider,
.fd-toolbar-divider {
    display: none;
}


/* Main toolbar links and icons */

#fd .fd-toolbar .fd-toolbar__link,
#fd .fd-toolbar .fd-toolbar__link span,
#fd .fd-toolbar .fd-toolbar__link i,
#fd .fd-toolbar .fd-toolbar__link .fdi,
#fd .fd-toolbar .fd-toolbar__link .fas,
#fd .fd-toolbar .fd-toolbar__link .far,
#fd .fd-toolbar .fd-toolbar__link .fa {
    color: #ffffff !important;
    font-weight: 600 !important;
}

#fd .fd-toolbar .fd-toolbar__link:hover,
#fd .fd-toolbar .fd-toolbar__link:focus,
#fd .fd-toolbar .fd-toolbar__link:active {
    background-color: #020c7d;
    color: #ffffff !important;
    text-decoration: none !important;
}

#fd .fd-toolbar .fd-toolbar__link:hover span,
#fd .fd-toolbar .fd-toolbar__link:focus span,
#fd .fd-toolbar .fd-toolbar__link:active span,
#fd .fd-toolbar .fd-toolbar__link:hover i,
#fd .fd-toolbar .fd-toolbar__link:focus i,
#fd .fd-toolbar .fd-toolbar__link:active i {
    color: #ffffff !important;
}


/* Composer button */

#fd .fd-toolbar__link.is-composer,
#fd .fd-toolbar__link.is-composer:hover,
#fd .fd-toolbar__link.is-composer:focus,
#fd .fd-toolbar__link.is-composer:active {
    background-color: #f54c85 !important;
    color: #ffffff !important;
}

#fd i.fdi.fas.fa-plus {
    color: #ffffff !important;
}


/* =========================================================
   EASYDISCUSS - DROPDOWNS / POPUPS
   ========================================================= */

#fd .o-dropdown,
#fd .fd-dropdown,
#fd .dropdown-menu,
#fd .o-popover,
#fd .t-dropdown-menu,
#fd .es-dropdown-menu {
    background: #ffffff !important;
    color: #000000 !important;
}


/* Dropdown links, labels and icons */

#fd .o-dropdown-nav__text,
#fd .o-dropdown-nav__link,
#fd .o-dropdown-nav__item > a,
#fd .dropdown-menu a,
#fd .fd-dropdown a,
#fd .o-popover a,
#fd .t-dropdown-menu a,
#fd .es-dropdown-menu a,
#fd .o-dropdown-nav__item i,
#fd .dropdown-menu i,
#fd .fd-dropdown i,
#fd .o-popover i,
#fd .t-dropdown-menu i,
#fd .es-dropdown-menu i,
#fd .o-dropdown-nav__item .fdi,
#fd .dropdown-menu .fdi,
#fd .fd-dropdown .fdi,
#fd .o-popover .fdi,
#fd .t-dropdown-menu .fdi,
#fd .es-dropdown-menu .fdi,
#fd .o-dropdown-nav__item .fas,
#fd .dropdown-menu .fas,
#fd .fd-dropdown .fas,
#fd .o-popover .fas,
#fd .t-dropdown-menu .fas,
#fd .es-dropdown-menu .fas,
#fd .o-dropdown-nav__item .far,
#fd .dropdown-menu .far,
#fd .fd-dropdown .far,
#fd .o-popover .far,
#fd .t-dropdown-menu .far,
#fd .es-dropdown-menu .far,
#fd .o-dropdown-nav__item .fa,
#fd .dropdown-menu .fa,
#fd .fd-dropdown .fa,
#fd .o-popover .fa,
#fd .t-dropdown-menu .fa,
#fd .es-dropdown-menu .fa {
    color: #000000 !important;
}


/* Ensure toolbar dropdown content stays black */

#fd .fd-toolbar .o-dropdown,
#fd .fd-toolbar .fd-dropdown,
#fd .fd-toolbar .dropdown-menu {
    color: #000000 !important;
}

#fd .fd-toolbar .o-dropdown a,
#fd .fd-toolbar .o-dropdown span,
#fd .fd-toolbar .o-dropdown i,
#fd .fd-toolbar .fd-dropdown a,
#fd .fd-toolbar .fd-dropdown span,
#fd .fd-toolbar .fd-dropdown i,
#fd .fd-toolbar .dropdown-menu a,
#fd .fd-toolbar .dropdown-menu span,
#fd .fd-toolbar .dropdown-menu i {
    color: #000000 !important;
}


/* Dropdown hover states */

#fd .o-dropdown-nav__item > a:hover,
#fd .o-dropdown-nav__item > a:focus,
#fd .o-dropdown-nav__item > a:active,
#fd .dropdown-menu a:hover,
#fd .dropdown-menu a:focus,
#fd .dropdown-menu a:active,
#fd .fd-dropdown a:hover,
#fd .fd-dropdown a:focus,
#fd .fd-dropdown a:active,
#fd .o-popover a:hover,
#fd .o-popover a:focus,
#fd .o-popover a:active,
#fd .t-dropdown-menu a:hover,
#fd .t-dropdown-menu a:focus,
#fd .t-dropdown-menu a:active,
#fd .es-dropdown-menu a:hover,
#fd .es-dropdown-menu a:focus,
#fd .es-dropdown-menu a:active {
    background: #f5f5f5 !important;
    color: #000000 !important;
    text-decoration: none !important;
}


/* Dropdown headings */

#fd .o-dropdown h1,
#fd .o-dropdown h2,
#fd .o-dropdown h3,
#fd .o-dropdown h4,
#fd .o-dropdown h5,
#fd .o-dropdown h6,
#fd .fd-dropdown h1,
#fd .fd-dropdown h2,
#fd .fd-dropdown h3,
#fd .fd-dropdown h4,
#fd .fd-dropdown h5,
#fd .fd-dropdown h6,
#fd .dropdown-menu h1,
#fd .dropdown-menu h2,
#fd .dropdown-menu h3,
#fd .dropdown-menu h4,
#fd .dropdown-menu h5,
#fd .dropdown-menu h6 {
    color: #000000 !important;
}


/* =========================================================
   EASYDISCUSS - CONTENT
   ========================================================= */

.edcatmenu {
    padding: 1px !important;
}

.o-card.o-card--ed-forum-category {
    background-color: #ebebeb !important;
}

#ed .o-card--ed-badge,
#ed .o-card--ed-category,
#ed .o-card--ed-post-item {
    background-color: #f1f1f1;
}

#ed a.si-link {
    color: #333333 !important;
}

#ed .o-meta,
#ed .o-meta a,
#ed .o-meta a.si-link {
    color: #020c7d !important;
    font-size: 14px;
}

#ed .o-title {
    font-size: 18px !important;
}

#ed .is-editor-markup {
    font-size: 18px;
    color: #000000;
}


/* Primary buttons */

#ed .o-btn--primary {
    background-color: #f54c85;
    border-color: #f54c85;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-bottom: 3px;
}

#ed .o-btn--primary:hover,
#ed .o-btn--primary:focus {
    background-color: rgb(245 76 133 / 88%);
    border-color: rgb(245 76 133 / 88%);
}


/* =========================================================
   EASYBLOG - GENERAL
   ========================================================= */

/* Keep EasyBlog images clean */
#eb img,
.easyblog img,
.easyblog a img {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}


/* =========================================================
   EASYBLOG - SINGLE ARTICLE
   LARGE DESKTOPS ONLY
   ========================================================= */

/*
 * IMPORTANT:
 * Nothing inside this media query affects tablets or mobiles.
 *
 * Desktop layout:
 * - Article shell / title / hero area: max 1050px
 * - Main reading column: max 820px
 * - Body copy: 18px / 1.75 line-height
 */

@media (min-width: 1200px) {

    /* Main single-article shell */
    #sp-main-body #eb .eb-entry {
        width: 100% !important;
        max-width: 1050px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /*
     * Fallback for EasyBlog layouts where #eb itself is the
     * principal wrapper on a single article page.
     */
    #sp-main-body #eb {
        margin-left: auto;
        margin-right: auto;
    }


    /* Main article reading column */
    #sp-main-body #eb .eb-entry-body,
    #sp-main-body #eb .eb-entry-article,
    #sp-main-body #eb .eb-entry-content {
        width: 100% !important;
        max-width: 820px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }


    /*
     * EasyBlog Composer fallback.
     * This catches article content generated as ebd blocks
     * if the normal entry-body wrapper is not controlling width.
     */
    #sp-main-body #eb .eb-entry .ebd-block {
        max-width: 820px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }


    /* Editorial body typography */
    #sp-main-body #eb .eb-entry-body,
    #sp-main-body #eb .eb-entry-body p,
    #sp-main-body #eb .eb-entry-body li,
    #sp-main-body #eb .eb-entry-article,
    #sp-main-body #eb .eb-entry-article p,
    #sp-main-body #eb .eb-entry-article li,
    #sp-main-body #eb .eb-entry-content,
    #sp-main-body #eb .eb-entry-content p,
    #sp-main-body #eb .eb-entry-content li,
    #sp-main-body #eb .eb-entry .ebd-block p,
    #sp-main-body #eb .eb-entry .ebd-block li {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
        font-size: 18px !important;
        font-weight: 400 !important;
        line-height: 1.75 !important;
        letter-spacing: 0 !important;
        color: #2b2b2b;
    }


    /* Paragraph rhythm */
    #sp-main-body #eb .eb-entry-body p,
    #sp-main-body #eb .eb-entry-article p,
    #sp-main-body #eb .eb-entry-content p,
    #sp-main-body #eb .eb-entry .ebd-block p {
        margin-top: 0;
        margin-bottom: 1.35em;
    }


    /* List spacing */
    #sp-main-body #eb .eb-entry-body li,
    #sp-main-body #eb .eb-entry-article li,
    #sp-main-body #eb .eb-entry-content li,
    #sp-main-body #eb .eb-entry .ebd-block li {
        margin-bottom: 0.45em;
    }


    /*
     * Article headings stay stronger than body text,
     * but avoid oversized typography.
     */
    #sp-main-body #eb .eb-entry-body h2,
    #sp-main-body #eb .eb-entry-article h2,
    #sp-main-body #eb .eb-entry-content h2,
    #sp-main-body #eb .eb-entry .ebd-block h2 {
        font-size: 28px !important;
        line-height: 1.3 !important;
        font-weight: 600 !important;
        margin-top: 1.5em;
        margin-bottom: 0.65em;
    }

    #sp-main-body #eb .eb-entry-body h3,
    #sp-main-body #eb .eb-entry-article h3,
    #sp-main-body #eb .eb-entry-content h3,
    #sp-main-body #eb .eb-entry .ebd-block h3 {
        font-size: 23px !important;
        line-height: 1.35 !important;
        font-weight: 600 !important;
        margin-top: 1.4em;
        margin-bottom: 0.6em;
    }
}

/* =========================================================
   EASYBLOG - ARTICLE PAGE POLISH
   ========================================================= */


/* ---------------------------------------------------------
   ARTICLE / NEWS PAGE BACKGROUND
   --------------------------------------------------------- */

/*
 * Keep the EasyBlog article canvas genuinely white.
 * :has() scopes the Joomla main-body change to pages that
 * actually contain EasyBlog, rather than changing WiggyWam
 * globally.
 */

#sp-main-body:has(#eb),
#sp-main-body:has(#eb) > .container,
#sp-main-body:has(#eb) .container-inner,
#sp-main-body #eb,
#sp-main-body #eb .eb-container,
#sp-main-body #eb .eb-entry,
#sp-main-body #eb .eb-entry-body,
#sp-main-body #eb .eb-entry-article,
#sp-main-body #eb .eb-entry-content {
    background-color: #ffffff !important;
}


/* Side modules on EasyBlog/news pages */

#sp-main-body:has(#eb) #sp-left,
#sp-main-body:has(#eb) #sp-right,
#sp-main-body:has(#eb) #sp-left .sp-module,
#sp-main-body:has(#eb) #sp-right .sp-module {
    background-color: #ffffff !important;
}


/* ---------------------------------------------------------
   EASYBLOG ARTICLE LINKS
   --------------------------------------------------------- */

/*
 * Everything within the actual article/entry defaults to
 * bold black. More specialised rules below then restore
 * social-share and tag colours.
 */

#sp-main-body #eb .eb-entry a {
    color: #000000 !important;
    font-weight: 700 !important;
}

#sp-main-body #eb .eb-entry a:hover,
#sp-main-body #eb .eb-entry a:focus {
    color: #f54c85 !important;
}


/*
 * Inline links within article copy remain clearly identifiable
 * with a restrained underline.
 */

#sp-main-body #eb .eb-entry-body p a,
#sp-main-body #eb .eb-entry-body li a,
#sp-main-body #eb .eb-entry-article p a,
#sp-main-body #eb .eb-entry-article li a,
#sp-main-body #eb .eb-entry-content p a,
#sp-main-body #eb .eb-entry-content li a,
#sp-main-body #eb .eb-entry .ebd-block p a,
#sp-main-body #eb .eb-entry .ebd-block li a {
    color: #000000 !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 3px;
    text-decoration-color: #000000 !important;
}

#sp-main-body #eb .eb-entry-body p a:hover,
#sp-main-body #eb .eb-entry-body p a:focus,
#sp-main-body #eb .eb-entry-body li a:hover,
#sp-main-body #eb .eb-entry-body li a:focus,
#sp-main-body #eb .eb-entry-article p a:hover,
#sp-main-body #eb .eb-entry-article p a:focus,
#sp-main-body #eb .eb-entry-content p a:hover,
#sp-main-body #eb .eb-entry-content p a:focus,
#sp-main-body #eb .eb-entry .ebd-block p a:hover,
#sp-main-body #eb .eb-entry .ebd-block p a:focus {
    color: #f54c85 !important;
    text-decoration-color: #f54c85 !important;
}


/* ---------------------------------------------------------
   ARTICLE META / REPORT / PRINT / AUTHOR LINKS
   --------------------------------------------------------- */

/*
 * Explicit fallbacks for the blue links visible in EasyBlog:
 * categories beneath the headline, Report, Print, author
 * links, recent posts, pager links and related content.
 */

#eb .eb-entry-meta a,
#eb .eb-entry-tools a,
#eb .eb-post-tools a,
#eb .eb-entry-author a,
#eb .eb-author a,
#eb .eb-author-recent a,
#eb .eb-author-posts a,
#eb .eb-related a,
#eb .eb-related-posts a,
#eb .eb-entry-nav a,
#eb .eb-pager a,
#eb .eb-pagination a,
#eb [class*="recent"] a,
#eb [class*="author"] a,
#eb [class*="meta"] a {
    color: #000000 !important;
    font-weight: 700 !important;
}

#eb .eb-entry-meta a:hover,
#eb .eb-entry-tools a:hover,
#eb .eb-post-tools a:hover,
#eb .eb-entry-author a:hover,
#eb .eb-author a:hover,
#eb .eb-author-recent a:hover,
#eb .eb-author-posts a:hover,
#eb .eb-related a:hover,
#eb .eb-related-posts a:hover,
#eb .eb-entry-nav a:hover,
#eb .eb-pager a:hover,
#eb .eb-pagination a:hover,
#eb [class*="recent"] a:hover,
#eb [class*="author"] a:hover,
#eb [class*="meta"] a:hover {
    color: #f54c85 !important;
}


/* ---------------------------------------------------------
   RIGHT / LEFT COLUMN LINKS
   --------------------------------------------------------- */

#sp-main-body:has(#eb) #sp-left a,
#sp-main-body:has(#eb) #sp-right a,
#sp-main-body:has(#eb) #sp-left .sp-module a,
#sp-main-body:has(#eb) #sp-right .sp-module a {
    color: #000000 !important;
    font-weight: 700 !important;
}

#sp-main-body:has(#eb) #sp-left a:hover,
#sp-main-body:has(#eb) #sp-left a:focus,
#sp-main-body:has(#eb) #sp-right a:hover,
#sp-main-body:has(#eb) #sp-right a:focus,
#sp-main-body:has(#eb) #sp-left .sp-module a:hover,
#sp-main-body:has(#eb) #sp-right .sp-module a:hover {
    color: #f54c85 !important;
}


/* ---------------------------------------------------------
   SOCIAL SHARE BUTTONS
   --------------------------------------------------------- */

/*
 * The coloured share-button backgrounds are left alone.
 * Only the glyph/icon inside each button is forced white.
 */

#eb .eb-entry-share a,
#eb .eb-entry-sharing a,
#eb .eb-share a,
#eb .eb-sharing a,
#eb .eb-social-share a,
#eb .eb-post-share a,
#eb .eb-post-sharing a,
#eb [class*="share"] a {
    text-decoration: none !important;
}


/* Font/icon glyphs */

#eb .eb-entry-share a i,
#eb .eb-entry-share a span,
#eb .eb-entry-sharing a i,
#eb .eb-entry-sharing a span,
#eb .eb-share a i,
#eb .eb-share a span,
#eb .eb-sharing a i,
#eb .eb-sharing a span,
#eb .eb-social-share a i,
#eb .eb-social-share a span,
#eb .eb-post-share a i,
#eb .eb-post-share a span,
#eb .eb-post-sharing a i,
#eb .eb-post-sharing a span,
#eb [class*="share"] a i,
#eb [class*="share"] a .fa,
#eb [class*="share"] a .fas,
#eb [class*="share"] a .fab,
#eb [class*="share"] a .far {
    color: #ffffff !important;
}


/* Font Awesome pseudo-elements */

#eb .eb-entry-share a i::before,
#eb .eb-entry-sharing a i::before,
#eb .eb-share a i::before,
#eb .eb-sharing a i::before,
#eb .eb-social-share a i::before,
#eb .eb-post-share a i::before,
#eb .eb-post-sharing a i::before,
#eb [class*="share"] a i::before {
    color: #ffffff !important;
}


/* SVG share icons */

#eb .eb-entry-share a svg,
#eb .eb-entry-share a svg path,
#eb .eb-entry-sharing a svg,
#eb .eb-entry-sharing a svg path,
#eb .eb-share a svg,
#eb .eb-share a svg path,
#eb .eb-sharing a svg,
#eb .eb-sharing a svg path,
#eb .eb-social-share a svg,
#eb .eb-social-share a svg path,
#eb [class*="share"] a svg,
#eb [class*="share"] a svg path {
    color: #ffffff !important;
    fill: #ffffff !important;
}


/* ---------------------------------------------------------
   EASYBLOG ARTICLE TAGS
   --------------------------------------------------------- */

/*
 * The screen capture shows EasyBlog's legacy solid-blue tag
 * buttons still winning. These selectors deliberately scope
 * the override to tag elements inside the article entry.
 *
 * Normal:
 * white background / WiggyWam blue border + text
 *
 * Hover:
 * white background / WiggyWam pink border + text
 */


/* Tag containers */

#sp-main-body #eb .eb-entry .eb-entry-tags,
#sp-main-body #eb .eb-entry .eb-tags,
#sp-main-body #eb .eb-entry .eb-post-tags,
#sp-main-body #eb .eb-entry .eb-tag-list,
#sp-main-body #eb .eb-entry .eb-tags-list,
#sp-main-body #eb .eb-entry [class*="entry-tag"],
#sp-main-body #eb .eb-entry [class*="post-tag"] {
    margin-top: 28px !important;
    margin-bottom: 26px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}


/* Flex lists where EasyBlog outputs a UL/OL */

#sp-main-body #eb .eb-entry .eb-entry-tags ul,
#sp-main-body #eb .eb-entry .eb-tags ul,
#sp-main-body #eb .eb-entry .eb-post-tags ul,
#sp-main-body #eb .eb-entry .eb-tag-list ul,
#sp-main-body #eb .eb-entry .eb-tags-list ul,
#sp-main-body #eb .eb-entry ul[class*="tag"] {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center;
    gap: 10px 12px !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* Individual tag list items */

#sp-main-body #eb .eb-entry .eb-entry-tags li,
#sp-main-body #eb .eb-entry .eb-tags li,
#sp-main-body #eb .eb-entry .eb-post-tags li,
#sp-main-body #eb .eb-entry .eb-tag-list li,
#sp-main-body #eb .eb-entry .eb-tags-list li,
#sp-main-body #eb .eb-entry li[class*="tag"] {
    display: inline-flex !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    border: 0 !important;
    background: transparent !important;
}


/*
 * Tag links.
 * Margin is retained as a fallback even if the EasyBlog
 * markup does not use a flex list.
 */

#sp-main-body #eb .eb-entry .eb-entry-tags a,
#sp-main-body #eb .eb-entry .eb-tags a,
#sp-main-body #eb .eb-entry .eb-post-tags a,
#sp-main-body #eb .eb-entry .eb-tag-list a,
#sp-main-body #eb .eb-entry .eb-tags-list a,
#sp-main-body #eb .eb-entry a.eb-tag,
#sp-main-body #eb .eb-entry [class*="tag"] a.btn,
#sp-main-body #eb .eb-entry [class*="tag"] a.o-label,
#sp-main-body #eb .eb-entry a[class*="tag"] {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    min-height: 36px;
    margin: 0 10px 10px 0 !important;
    padding: 8px 15px !important;

    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1.5px solid #020c7d !important;
    border-radius: 999px !important;

    color: #020c7d !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    text-decoration: none !important;
    text-transform: none !important;
    box-shadow: none !important;
    text-shadow: none !important;

    transition:
        color 0.2s ease,
        border-color 0.2s ease,
        background-color 0.2s ease,
        transform 0.2s ease;
}


/* Tag hover */

#sp-main-body #eb .eb-entry .eb-entry-tags a:hover,
#sp-main-body #eb .eb-entry .eb-entry-tags a:focus,
#sp-main-body #eb .eb-entry .eb-tags a:hover,
#sp-main-body #eb .eb-entry .eb-tags a:focus,
#sp-main-body #eb .eb-entry .eb-post-tags a:hover,
#sp-main-body #eb .eb-entry .eb-post-tags a:focus,
#sp-main-body #eb .eb-entry .eb-tag-list a:hover,
#sp-main-body #eb .eb-entry .eb-tags-list a:hover,
#sp-main-body #eb .eb-entry a.eb-tag:hover,
#sp-main-body #eb .eb-entry [class*="tag"] a.btn:hover,
#sp-main-body #eb .eb-entry [class*="tag"] a.o-label:hover,
#sp-main-body #eb .eb-entry a[class*="tag"]:hover {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #f54c85 !important;
    color: #f54c85 !important;
    text-decoration: none !important;
    transform: translateY(-1px);
}


/* Strip legacy tag pseudo-element shapes/icons */

#sp-main-body #eb .eb-entry .eb-entry-tags a::before,
#sp-main-body #eb .eb-entry .eb-entry-tags a::after,
#sp-main-body #eb .eb-entry .eb-tags a::before,
#sp-main-body #eb .eb-entry .eb-tags a::after,
#sp-main-body #eb .eb-entry .eb-post-tags a::before,
#sp-main-body #eb .eb-entry .eb-post-tags a::after,
#sp-main-body #eb .eb-entry a.eb-tag::before,
#sp-main-body #eb .eb-entry a.eb-tag::after {
    box-shadow: none !important;
}
/* =========================================================
   WIGGYWAM EASYBLOG AUTHOR PROFILES - FINAL CLEAN VERSION
   ========================================================= */


/* ---------------------------------------------------------
   MAIN AUTHOR PANEL
   --------------------------------------------------------- */

#eb .eb-entry-author,
#eb .eb-author {
    background: #fff !important;
    border: 1px solid #e6e9f0 !important;
    border-radius: 18px !important;

    padding: 28px !important;
    margin-top: 32px !important;

    box-shadow: 0 8px 28px rgba(2,12,125,.05);
}


/* ---------------------------------------------------------
   BIOGRAPHY CONTENT POSITION
   Desktop: move content into unused space beside author
   --------------------------------------------------------- */

@media (min-width: 768px) {

    #eb .ww-author-extra {
        display: block !important;

        width: calc(100% - 210px) !important;
        max-width: calc(100% - 210px) !important;

        margin-left: 210px !important;
        margin-top: -125px !important;

        padding: 0 !important;

        box-sizing: border-box !important;
    }

}


/* =========================================================
   FIRST AUTHOR - TWO BOOKS
   ========================================================= */

#eb .ww-author-extra-books .ww-author-books {
    display: grid !important;

    grid-template-columns:
        repeat(2, minmax(0, 1fr)) !important;

    gap: 16px !important;

    width: 100% !important;

    margin: 0 0 16px !important;
    padding: 0 !important;
}


/* Horizontal book cards */

#eb .ww-author-extra-books a.ww-author-book {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;

    gap: 16px !important;

    width: 100% !important;
    min-width: 0 !important;

    padding: 14px !important;

    background: #fff !important;

    border: 1px solid #e4e7ef !important;
    border-radius: 14px !important;

    text-decoration: none !important;

    box-sizing: border-box !important;

    overflow: hidden !important;
}


/* IMPORTANT: tightly constrain first-author covers */

#eb .ww-author-extra-books a.ww-author-book > img {
    display: block !important;

    flex: 0 0 76px !important;

    width: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;

    height: 112px !important;
    min-height: 112px !important;
    max-height: 112px !important;

    object-fit: cover !important;

    margin: 0 !important;
    padding: 0 !important;

    float: none !important;

    border-radius: 7px !important;
}


#eb .ww-author-extra-books .ww-author-book-copy {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;

    min-width: 0 !important;

    gap: 4px !important;

    line-height: 1.35 !important;
}


#eb .ww-author-extra-books .ww-author-book-copy strong {
    display: block !important;

    color: #020c7d !important;

    font-size: 17px !important;
    line-height: 1.25 !important;

    font-weight: 700 !important;
}


#eb .ww-author-extra-books .ww-author-book-copy > span {
    display: block !important;

    font-size: 14px !important;
    line-height: 1.35 !important;
}


#eb .ww-author-extra-books .ww-author-book-link {
    margin-top: 5px !important;

    color: #F54C85 !important;

    font-weight: 700 !important;
}


/* =========================================================
   PUBLICATIONS AUTHOR
   ========================================================= */

#eb .ww-author-extra-publications {
    overflow: visible !important;
}


#eb .ww-author-extra-publications .ww-author-section-title {
    margin: 0 0 10px !important;
    padding: 0 !important;

    color: #020c7d !important;

    font-size: 17px !important;
    line-height: 1.2 !important;

    font-weight: 700 !important;
}


/*
 * All five books across ONE ROW on desktop
 */

#eb .ww-author-extra-publications .ww-author-publications {
    display: grid !important;

    grid-template-columns:
        repeat(5, minmax(0, 1fr)) !important;

    gap: 10px !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* Publication tile */

#eb .ww-author-extra-publications .ww-publication-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    width: 100% !important;
    min-width: 0 !important;

    padding: 12px 8px !important;

    background: #fff !important;

    border: 1px solid #e4e7ef !important;
    border-radius: 12px !important;

    text-decoration: none !important;
    text-align: center !important;

    box-sizing: border-box !important;

    overflow: hidden !important;
}


/* Publication covers */

#eb .ww-author-extra-publications .ww-publication-card > img {
    display: block !important;

    width: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;

    height: 110px !important;
    min-height: 110px !important;
    max-height: 110px !important;

    object-fit: contain !important;

    margin: 0 auto 9px !important;
    padding: 0 !important;

    float: none !important;

    border-radius: 5px !important;
}


/* Full title */

#eb .ww-author-extra-publications .ww-publication-title {
    display: block !important;

    width: 100% !important;

    color: #020c7d !important;

    font-size: 13px !important;
    line-height: 1.2 !important;

    font-weight: 700 !important;

    text-align: center !important;
}


/* Subtitle */

#eb .ww-author-extra-publications .ww-publication-subtitle {
    display: block !important;

    width: 100% !important;

    margin-top: 3px !important;

    color: #555b68 !important;

    font-size: 11px !important;
    line-height: 1.25 !important;

    font-weight: 500 !important;

    text-align: center !important;
}


/* CTA */

#eb .ww-author-extra-publications .ww-publication-cta {
    display: block !important;

    width: 100% !important;

    margin-top: 7px !important;

    color: #F54C85 !important;

    font-size: 11px !important;
    line-height: 1.2 !important;

    font-weight: 700 !important;

    text-align: center !important;
}


/* Hover */

#eb .ww-author-extra-publications a.ww-publication-card:hover,
#eb .ww-author-extra-books a.ww-author-book:hover {
    border-color: #F54C85 !important;

    transform: translateY(-2px);

    box-shadow:
        0 7px 18px rgba(2,12,125,.08);
}


/* =========================================================
   EXPLORE MORE - FIRST AUTHOR
   ========================================================= */

#eb .ww-author-extra-books .ww-author-websites {
    margin-top: 12px !important;
    padding-top: 12px !important;

    border-top: 1px solid #eceef4 !important;
}


#eb .ww-author-extra-books .ww-author-websites > strong {
    display: block !important;

    margin-bottom: 9px !important;

    color: #020c7d !important;

    font-size: 14px !important;
    font-weight: 700 !important;
}


#eb .ww-author-extra-books .ww-author-links {
    display: flex !important;

    flex-wrap: wrap !important;

    gap: 7px !important;
}


#eb .ww-author-extra-books .ww-author-links a {
    display: inline-flex !important;

    padding: 6px 11px !important;

    background: #fff !important;

    border: 1px solid #020c7d !important;
    border-radius: 999px !important;

    color: #020c7d !important;

    font-size: 12px !important;

    font-weight: 700 !important;

    text-decoration: none !important;
}


#eb .ww-author-extra-books .ww-author-links a:hover {
    color: #F54C85 !important;
    border-color: #F54C85 !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) and (min-width: 768px) {

    #eb .ww-author-extra {
        width: calc(100% - 170px) !important;
        max-width: calc(100% - 170px) !important;

        margin-left: 170px !important;
    }


    #eb .ww-author-extra-publications .ww-author-publications {
        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    #eb .ww-author-extra {
        width: 100% !important;
        max-width: 100% !important;

        margin-left: 0 !important;
        margin-top: 22px !important;

        padding: 0 !important;
    }


    #eb .ww-author-extra-books .ww-author-books {
        grid-template-columns: 1fr !important;
    }


    #eb .ww-author-extra-publications .ww-author-publications {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }

}


@media (max-width: 420px) {

    #eb .ww-author-extra-publications .ww-author-publications {
        grid-template-columns: 1fr !important;
    }

}
/* =========================================================
   WIGGYWAM - EASYBLOG STAY INFORMED
   COMPLETE REPLACEMENT
   ========================================================= */

#eb {
    --ww-blue: #020c7d;
    --ww-pink: #F54C85;
}


/* =========================================================
   RESET NESTED EASYBLOG SUBSCRIBE ELEMENTS
   Prevents boxes inside boxes
   ========================================================= */

#eb [class*="subscribe"] [class*="subscribe"],
#eb [class*="subscribe"] fieldset,
#eb [class*="subscribe"] [class*="inner"],
#eb [class*="subscribe"] [class*="content"],
#eb [class*="subscribe"] [class*="wrapper"],
#eb [class*="subscribe"] [class*="body"] {
    background: transparent !important;
    background-image: none !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    margin: 0 !important;
    padding: 0 !important;

    width: 100% !important;
    max-width: none !important;

    box-sizing: border-box !important;
}


/* =========================================================
   MAIN OUTER SUBSCRIBE PANEL
   Breaks out of the narrow article reading column
   ========================================================= */

#eb [class*="subscribe"]:not([class*="subscribe"] [class*="subscribe"]) {
    position: relative !important;

    width: min(1050px, calc(100vw - 40px)) !important;
    max-width: none !important;

    left: 50% !important;
    transform: translateX(-50%) !important;

    margin: 26px 0 !important;
    padding: 28px 30px !important;

    box-sizing: border-box !important;

    background-color: var(--ww-blue) !important;

    /*
     * Faint geometric texture so the blue
     * doesn't feel completely flat.
     */
    background-image:
        radial-gradient(
            circle at 16% 22%,
            rgba(255,255,255,.09) 0,
            rgba(255,255,255,.09) 2px,
            transparent 3px
        ),
        radial-gradient(
            circle at 82% 72%,
            rgba(255,255,255,.07) 0,
            rgba(255,255,255,.07) 2px,
            transparent 3px
        ),
        linear-gradient(
            135deg,
            transparent 0%,
            transparent 45%,
            rgba(255,255,255,.04) 45%,
            rgba(255,255,255,.04) 55%,
            transparent 55%,
            transparent 100%
        ),
        linear-gradient(
            45deg,
            transparent 0%,
            transparent 47%,
            rgba(255,255,255,.025) 47%,
            rgba(255,255,255,.025) 53%,
            transparent 53%,
            transparent 100%
        ) !important;

    background-size:
        100px 100px,
        145px 145px,
        80px 80px,
        115px 115px !important;

    border: 1px solid var(--ww-blue) !important;
    border-radius: 16px !important;

    box-shadow:
        0 10px 28px rgba(2,12,125,.14) !important;

    overflow: hidden !important;
}


/* =========================================================
   FULL-WIDTH TITLE
   ========================================================= */

#eb [class*="subscribe"] h1,
#eb [class*="subscribe"] h2,
#eb [class*="subscribe"] h3,
#eb [class*="subscribe"] h4,
#eb [class*="subscribe"] .eb-title,
#eb [class*="subscribe"] [class*="title"] {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 0 20px !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;

    color: #ffffff !important;

    font-size: 25px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;

    text-align: center !important;

    box-sizing: border-box !important;
}


/* =========================================================
   REMOVE DESCRIPTION / DETAILS TEXT COMPLETELY
   ========================================================= */

#eb [class*="subscribe"] p,
#eb [class*="subscribe"] .eb-text,
#eb [class*="subscribe"] .eb-description,
#eb [class*="subscribe"] [class*="description"],
#eb [class*="subscribe"] [class*="desc"] {
    display: none !important;
}


/* =========================================================
   FORM
   Form itself uses the panel width.
   Only the controls are kept narrow.
   ========================================================= */

#eb [class*="subscribe"] form {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    box-sizing: border-box !important;
}


/* Remove EasyBlog wrapper spacing */

#eb [class*="subscribe"] form > div,
#eb [class*="subscribe"] form > span,
#eb [class*="subscribe"] .form-group,
#eb [class*="subscribe"] .control-group,
#eb [class*="subscribe"] .o-form-group {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   NAME / EMAIL FIELDS
   Narrow, centred and properly spaced
   ========================================================= */

#eb [class*="subscribe"] input[type="text"],
#eb [class*="subscribe"] input[type="email"],
#eb [class*="subscribe"] input[type="name"] {
    display: block !important;

    width: 100% !important;
    max-width: 430px !important;

    height: 46px !important;

    margin: 0 auto 13px !important;
    padding: 10px 14px !important;

    box-sizing: border-box !important;

    background: #ffffff !important;

    border:
        1px solid rgba(255,255,255,.85) !important;

    border-radius: 8px !important;

    box-shadow: none !important;

    color: #20232a !important;

    font-family: inherit !important;
    font-size: 14px !important;
    line-height: 1.2 !important;

    float: none !important;
}


/* Placeholder */

#eb [class*="subscribe"] input[type="text"]::placeholder,
#eb [class*="subscribe"] input[type="email"]::placeholder,
#eb [class*="subscribe"] input[type="name"]::placeholder {
    color: #737985 !important;
    opacity: 1 !important;
}


/* Focus */

#eb [class*="subscribe"] input[type="text"]:focus,
#eb [class*="subscribe"] input[type="email"]:focus,
#eb [class*="subscribe"] input[type="name"]:focus {
    border-color: var(--ww-pink) !important;

    outline:
        2px solid rgba(245,76,133,.25) !important;

    outline-offset: 1px !important;

    box-shadow: none !important;
}


/* =========================================================
   SUBSCRIBE BUTTON
   Same compact width as the fields
   ========================================================= */

#eb [class*="subscribe"] button,
#eb [class*="subscribe"] input[type="submit"],
#eb [class*="subscribe"] .btn,
#eb [class*="subscribe"] .o-btn {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    max-width: 430px !important;

    min-height: 46px !important;

    margin: 2px auto 0 !important;
    padding: 10px 20px !important;

    box-sizing: border-box !important;

    background: var(--ww-pink) !important;

    border: 1px solid var(--ww-pink) !important;
    border-radius: 8px !important;

    box-shadow: none !important;

    color: #ffffff !important;

    font-family: inherit !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;

    text-align: center !important;
    text-decoration: none !important;

    white-space: nowrap !important;

    cursor: pointer !important;

    float: none !important;

    transition:
        opacity .18s ease,
        transform .18s ease !important;
}


/* Button hover */

#eb [class*="subscribe"] button:hover,
#eb [class*="subscribe"] button:focus,
#eb [class*="subscribe"] input[type="submit"]:hover,
#eb [class*="subscribe"] input[type="submit"]:focus,
#eb [class*="subscribe"] .btn:hover,
#eb [class*="subscribe"] .btn:focus,
#eb [class*="subscribe"] .o-btn:hover,
#eb [class*="subscribe"] .o-btn:focus {
    background: var(--ww-pink) !important;
    border-color: var(--ww-pink) !important;

    color: #ffffff !important;

    opacity: .95 !important;

    transform: translateY(-1px);
}


/* =========================================================
   REMOVE EASYBLOG EXTRA LINE BREAKS
   ========================================================= */

#eb [class*="subscribe"] br {
    display: none !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    #eb [class*="subscribe"]:not([class*="subscribe"] [class*="subscribe"]) {
        width: calc(100vw - 28px) !important;

        margin: 20px 0 !important;
        padding: 22px 18px !important;

        border-radius: 13px !important;
    }


    #eb [class*="subscribe"] h1,
    #eb [class*="subscribe"] h2,
    #eb [class*="subscribe"] h3,
    #eb [class*="subscribe"] h4,
    #eb [class*="subscribe"] .eb-title,
    #eb [class*="subscribe"] [class*="title"] {
        margin-bottom: 17px !important;

        font-size: 21px !important;
    }


    #eb [class*="subscribe"] input[type="text"],
    #eb [class*="subscribe"] input[type="email"],
    #eb [class*="subscribe"] input[type="name"],
    #eb [class*="subscribe"] button,
    #eb [class*="subscribe"] input[type="submit"],
    #eb [class*="subscribe"] .btn,
    #eb [class*="subscribe"] .o-btn {
        width: 100% !important;
        max-width: 100% !important;
    }


    #eb [class*="subscribe"] input[type="text"],
    #eb [class*="subscribe"] input[type="email"],
    #eb [class*="subscribe"] input[type="name"] {
        margin-bottom: 11px !important;
    }

}
/* Hide Joomla modules on mobile phones */
@media (max-width: 767.98px) {
    .hide-on-mobile {
        display: none !important;
    }
}