/* Header and footer background colour */
.container-header {
    background-color: #0d6efd !important;
    background-image: none !important;
}

.footer {
    background-color: #0d6efd !important;
    background-image: none !important;
}

/* Navigation dropdown border */
.container-header .mod-menu__sub {
    border: 1px solid #adb5bd !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12) !important;
}

/* Reduce the height of the main header */
.container-header .navbar-brand img {
    width: 10rem; /* Adjust this value as needed (default is 18rem) */
    min-width: 10rem;
    height: auto;
}
@media (min-width: 992px) {
    .header.container-header {
        display: grid;
        grid-template-columns: auto 1fr;
        align-items: center;
    }

    .container-header .grid-child:first-child {
        grid-column: 1; /* Aligns the Logo to the left */
    }

    .container-header .container-nav {
        grid-column: 2; /* Aligns the Menu to the right of the logo */
        justify-self: end;
    }
}

/* phpBB header - fix Bootstrap .navbar conflict */
#page-header .navbar {
    display: block !important;
    padding: 0 !important;
}

ul.topiclist li.row dd {
    margin-bottom: -995px !important;
}

/* phpBB3 attachment buttons: keep Place Inline and Delete File side by side */
.attach-controls {
    white-space: nowrap;
}
.attach-controls input.button2 {
    display: inline-block !important;
    width: auto !important;
}

.hrca-footer-social {
    display: flex !important;
    gap: 2rem;
}
.hrca-footer-social a {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.hrca-footer-social .fab {
    font-size: 1.5rem;
    color: #ffffff;
}

/* Hide the default login/logout forms as we are using the Module Login form with UI selected changes */
.com-users-login.login {
    display: none !important;
}
.com-users-logout.logout {
    display: none !important;
}

/* Display the Registration form on the left hand side, consistent with the login form */
.com-users-registration,
.com-users-remind, 
.com-users-reset,
.users-mfa-captive {
    max-width: 35%;
}

/* ****** Start custom CSS added by RCH 21/2/22 */

* {
  box-sizing: border-box;
}
table#journal {
    width: 100%;
    table-layout:fixed;
}

/* Add borders to all tables, headers, and cells */
table, th, td {
    border: 1px solid #000000; /* Adjust color as needed */
    border-collapse: collapse;
}

/* Add padding to prevent text from touching borders */
th, td {
    padding: 2px;
}
.columnx2 {
    float: left;
    width: 50%;
    padding: 10px;
}
.columnx3 {
    float: left;
    width: 33%;
    padding: 10px;
}
.columnx4 {
    float: left;
    width: 25%;
    padding: 10px;
}

/* Clearfix (clear floats) */
.row::after {
    content: "";
    clear: both;
    display: table;
}
/* Navigation menu font size */
.mod-menu a,
.mod-menu__toggle-sub {
    font-size: 18px;
    white-space: nowrap;
}

/* Dropdown submenu items - blue */
.mod-menu__sub a,
.mod-menu__sub .mod-menu__toggle-sub {
    color: #0d6efd !important;
    font-size: 18px !important;
}

.mod-menu__sub a:hover,
.mod-menu__sub .mod-menu__toggle-sub:hover {
    color: #0a58ca !important;
}
.mod-menu__sub .mod-menu__heading {
    color: #0d6efd !important;
    font-size: 18px !important;
    white-space: nowrap;
}

/* === Home page mobile responsiveness === */
@media (max-width: 767px) {
    /* Logo: unfloat, enlarge, and centre above heading text */
    .hrca-logo {
        float: none !important;
        max-width: 55% !important;
        display: block;
        margin: 0 auto 0.8rem !important;
    }

    /* Membership types: stack to single column on small screens */
    .hrca-memtypes {
        grid-template-columns: 1fr !important;
    }

    /* User account forms: full width on mobile */
    .com-users-registration,
    .com-users-remind,
    .com-users-reset,
    .users-mfa-captive {
        max-width: 100%;
    }
}