.elementor-kit-9{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ===== Site-wide button rules (BYTE DiGTL) =====
   Letter spacing +1, all uppercase, no colour change on hover. */
a.e-button-base,
.elementor-button,
.view-more,
input[type="submit"],
button[type="submit"] {
    letter-spacing: 1px;
    text-transform: uppercase;
}

/* Buttons on phones: allow wrapping, full width, tighter padding so long labels fit nicely */
@media (max-width: 767px) {
    .elementor a.e-button-base,
    .elementor .elementor-button {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        align-self: stretch !important;
        box-sizing: border-box !important;
        white-space: normal !important;
        text-align: center !important;
        font-size: 14px !important;
        line-height: 1.35 !important;
        padding: 15px 18px !important;
    }
}

/* Contact form "Send": keep the same gradient on hover */
.form-group input[type="submit"],
.form-group input[type="submit"]:hover {
    background: linear-gradient(to top, var(--main-color) 0%, var(--color-two) 100%);
}

/* Blog comment "Post Comment": same look as the site's main blue buttons, static on hover */
.form-submit input[type="submit"],
.form-submit input[type="submit"]:hover {
    background: #1D3FE8;
    color: #ffffff;
    font-weight: 600;
    font-size: 15px;
    padding: 16px 30px;
    border: 0;
    border-radius: 999px;
    transform: none;
}

/* Newsletter button was black: white background, blue text, static on hover */
.mc4wp-form-fields input[type="submit"],
.mc4wp-form-fields input[type="submit"]:hover {
    background-color: #ffffff;
    color: #1D3FE8;
    opacity: 1;
}

/* Desktop header logo: solid white so it reads on the brand-blue header
   (the logo's own blue "DiGTL" is the same colour as the header and disappeared).
   The white mobile menu panel keeps the normal coloured logo. */
.main-header .logo img {
    filter: brightness(0) invert(1);
}

/* Logged-in view: the parent theme adds top:32px to .admin-bar header .logo on top of the
   header's own admin-bar offset, so the logo was pushed 32px below the menu. Cancel the extra offset. */
.admin-bar header .logo,
.admin-bar .main-header .logo {
    top: 0;
}

/* Desktop header menu: hover / current page stay white (the theme turned them navy, which looked
   black on the blue header). Highlight with a light-blue underline and dash instead.
   "Services" also highlights on any of its service pages. */
.main-header .main-menu .navigation > li:hover > a,
.main-header .main-menu .navigation > li.current-menu-item > a,
.main-header .main-menu .navigation > li.current-menu-ancestor > a,
.main-header .main-menu .navigation > li.current-menu-parent > a,
.main-header .main-menu .navigation > li.current_page_ancestor > a {
    color: #ffffff !important;
    opacity: 1;
    text-decoration: underline;
    text-decoration-color: #8FA2FF;
    text-decoration-thickness: 2px;
    text-underline-offset: 8px;
}
.main-header .main-menu .navigation > li:hover > a::before,
.main-header .main-menu .navigation > li.current-menu-item > a::before {
    color: #ffffff;
}
.main-header .main-menu .navigation > li:hover::before,
.main-header .main-menu .navigation > li.current-menu-item::before,
.main-header .main-menu .navigation > li.current-menu-ancestor::before,
.main-header .main-menu .navigation > li.current-menu-parent::before,
.main-header .main-menu .navigation > li.current_page_ancestor::before {
    background-color: #8FA2FF;
}
/* Current page inside the Services dropdown: same blue gradient as the dropdown hover */
.main-header .main-menu .navigation .sub-menu li.current-menu-item > a {
    background: linear-gradient(to top, var(--main-color), var(--color-two));
    color: #ffffff !important;
}

/* ===== Single project pages ===== */
/* Old theme "project info" list (Date/Category/Services/URL) replaced by H4 headings in each project's content */
.single-project .single-work_list {
    display: none;
}
/* Standard body text: 16px everywhere on project pages */
.single-project .single-work p,
.single-project .single-work li {
    font-size: 16px;
    line-height: 1.65;
}
/* All links in project content use the site blue */
.single-project .single-work a,
.single-project .single-work a:hover,
.single-project .single-work a:visited {
    color: #1c3de0;
}
/* "What Did We Do?" heading: H2, bold */
.single-project .single-work h2:not(.single-work_title) {
    font-weight: 700;
    margin: 32px 0 16px;
}
.single-project .single-work ul:not(.single-work_list) {
    margin-bottom: 8px;
}
.single-project .single-work ul:not(.single-work_list) li {
    margin-bottom: 8px;
}
/* Simple H4 info headers (Date, Category, Services, URL) with text underneath */
.single-project .single-work h4 {
    font-size: 20px;
    line-height: 1.3;
    font-weight: 600;
    margin: 28px 0 6px;
}
.single-project .single-work h4 + p {
    margin-bottom: 0;
}

/* ===== Work page: project cards the same height (like the homepage) ===== */
.page-id-363 .gallery-one .row { align-items: stretch; }
.page-id-363 .gallery-block_one { display: flex; flex-direction: column; }
.page-id-363 .gallery-block_one-inner { flex: 1 1 auto; display: flex; flex-direction: column; }
.page-id-363 .gallery-block_one-content { flex: 1 1 auto; }
.page-id-363 .gallery-block_one-image img { width: 100%; height: auto; aspect-ratio: 1762 / 2560; object-fit: cover; object-position: top center; }/* End custom CSS */