:root{--color-primary:#69bd45;--color-secondary:#007ab8;--color-tertiary:#1ea4a9;--color-state:#4b7e2b;--color-state-hover:#3c6721;--color-state-focus:#3c6721;--color-state-active:#30541a;--color-state-highlight:#f6f9d7;--color-state-highlight-neutral:var(--color-neutral-3);--color-state-disabled:var(--color-neutral-5);--color-neutral-1:#fff;--color-neutral-2:#fafafa;--color-neutral-3:#f7f7f7;--color-neutral-4:#e6e4e4;--color-neutral-5:#c7c7c7;--color-neutral-6:#767676;--color-neutral-7:#262626;--color-background:var(--color-neutral-1);--color-border:var(--color-neutral-5);--color-text:var(--color-neutral-7);--color-text-disabled:var(--color-neutral-5);--color-text-hint:var(--color-neutral-6);--link-color:var(--color-state);--link-color-hover:var(--color-state-hover);--nav-bg-color:#fff;--nav-text-color:var(--color-text);--footer-bg-color:#fff;--footer-text-color:var(--color-text);--footer-text-color-hover:var(--footer-text-color);--btn-accent-color:var(--color-state);--btn-accent-color-active:var(--color-state-active);--btn-accent-color-focus:var(--color-state-focus);--btn-accent-color-disabled:var(--color-state-disabled);--btn-prim-accent-color:var(--color-state);--btn-prim-accent-color-active:var(--color-state-active);--btn-prim-accent-color-focus:var(--color-state-focus);--btn-prim-accent-color-disabled:var(--color-state-disabled)}:root{--nav-bg-color: #044B93;--nav-text-color: #ffffff;--color-primary: #BBBE00;--btn-prim-accent-color: #BBBE00;--btn-accent-color: #BBBE00;--link-color: #015970;--color-state: #044B93;--color-text: #808285;--footer-bg-color: #ffffff;--footer-text-color: #262626;--btn-prim-accent-color-focus: #b1b400;--btn-prim-accent-color-active: #a0a300;--btn-accent-color-focus: #b1b400;--btn-accent-color-active: #a0a300;--link-color-hover: #004f66;--color-state-hover: #004189;--color-state-focus: #004189;--color-state-active: #003078;--footer-text-color-hover: #1c1c1c;}
/* ************************************************** */
/*Featured Links */
/* ************************************************** */

.my-featured-links {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 columns grid */
    gap: 20px;
    margin: 20px;
}

.tile {
    position: relative;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    overflow: hidden;
    transition: all 0.3s ease;
    text-align: center;
    padding-bottom: 35px;
    height: 100%;
}

.tile:hover {
    background-color: #e0e0e0;
    border-color: #999;
    transform: scale(1.05);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.tile img.tile-image {
    width: 100%;
    height: auto;
    display: block;
    border-bottom: 1px solid #ddd;
}

.tile-content {
    padding: 10px;
}

.tile h3 {
    font-size: 18px!important;
    margin: 10px 0!important;
}

.tile p {
    font-size: 14px;
    color: #666;
    padding: 0 10px 10px;
}

.tile a.tile-button {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #044B93;
    color: white;
    padding: 10px 20px;
    text-decoration: none;
    margin-top: 10px;
    transition: all 0.3s ease;
    position: absolute;
    bottom: 20px;
    left: 10px;
    right: 10px;
    height: 40px;
    z-index: 1;
    overflow: hidden;
    border-bottom:7px solid #babe33;
}

.tile a.tile-button:hover {
    background-color: #044B93;
    color: white;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
}

.tile a.tile-button.expanded {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #005bb5;
    color: white;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
}
/* ************************************************** */
/*THEME */
/* ************************************************** */
/* General Reset */
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, a, button, input, select {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Base Colors */
:root {
    --primary-color: #044B93; /* Strong blue for brand representation */
    --secondary-color: #BBBE00; /* Bright gold accent */
    --neutral-light: #f9f9f9; /* Light background */
    --neutral-dark: #333333; /* Dark text */
    --accent-green: #008f39; /* Symbolic of timber and roofing */
    --link-color: var(--primary-color);
}

/* Global Background */
body {
    font-family: 'HelveticaNeue', sans-serif;
    background-color: var(--neutral-light);
    color: var(--neutral-dark);
    line-height: 1.6;
    padding: 20px;
}

/* Header */
.header {
    background-color: var(--primary-color);
    color: white;
    padding: 10px 20px;
}
.header a {
    text-decoration: none;
    margin-right: 15px;
}
.header a:hover {
    text-decoration: underline;
}

/* Navigation */
.navbar {
    background-color: var(--secondary-color);
    padding: 10px;
    text-align: center;
}
.navbar a {
    color: white;
    text-decoration: none;
    padding: 8px 15px;
    display: inline-block;
}
.navbar a:hover {
    background-color: var(--primary-color);
}

/* Buttons */
button, .btn {
    background-color: var(--primary-color);
    color: white;
    padding: 10px 15px;
    border: none;
    cursor: pointer;
}
button:hover, .btn:hover {
    background-color: var(--secondary-color);
}

/* Cards */
.card {
    background: white;
    border: 1px solid #ddd;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    padding: 15px;
    margin: 20px 0;
}
.card-title {
    font-size: 1.5em;
    color: var(--primary-color);
}

/* Footer */
.footer {
    background-color: var(--primary-color);
    color: white;
    padding: 20px;
    text-align: center;
}
.footer a {
    color: var(--secondary-color);
    text-decoration: none;
}

/* Forms */
input, select, textarea {
    width: 100%;
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #ccc;
}
input:focus, select:focus, textarea:focus {
    border-color: var(--primary-color);
    outline: none;
}

/* Tables */
.table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
}
.table th, .table td {
    padding: 12px;
    text-align: left;
    border: 1px solid #ddd;
}
.table th {
    background-color: var(--secondary-color);
    color: white;
}

/* Banners */
.banner {
    background: var(--accent-green);
    color: white;
    padding: 15px;
    text-align: center;
}

/* Media Queries */
@media (max-width: 768px) {
    .navbar a {
        display: block;
        padding: 10px;
    }
}

/* ************************************************** */
/* STYLES */
/* ************************************************** */
.label-primary {
    background-color: var(--color-primary);
}

.text-primary {
    color: var(--color-primary);
}

/* ************************************************** */
/* MISC */
/* ************************************************** */
/* Hide message icon  */
#nav-message-popover-container {
    display: none;
}

/* ************************************************** */
/* FOOTER */
/* ************************************************** */
/* Hide "Powered by Totara" text */
.page-footer-poweredby {
    display: none;
}

.cortexa-page-footer-poweredby {
    text-align: right;
    margin-top: 6px;
    display: block;
    padding: 6px 0;
    font-size: 85%;
}

#page-footer .page-footer-main-content .cortexa-page-footer-poweredby a:link,
#page-footer .page-footer-main-content .cortexa-page-footer-poweredby a:visited,
#page-footer .page-footer-main-content .cortexa-page-footer-poweredby a:active {
    text-decoration: none;
    opacity: 0.75;
}

.cortexa-page-footer-poweredby img {
    padding: 5px;
    opacity: 0.75;
}

#page-footer .page-footer-main-content .cortexa-page-footer-poweredby a:hover,
#page-footer .page-footer-main-content .cortexa-page-footer-poweredby img:hover {
    opacity: 1;
}