/* ===== Footer wrapper (no Bootstrap class overrides) ===== */
.alberta-footer {
    background: #f8f9fa;
  
    padding: 2rem 0; /* container gives horizontal padding */
    color: #000;
    font-size: 0.9rem;
    box-sizing: border-box;
    width: 100%;
    position: relative;
}

/* ===== Top link grid (uses CSS Grid; it's not a .row, so no conflict) ===== */
.footer-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 2rem;
    padding-bottom: 2rem;
    max-width: 1200px;
    margin: 0 auto;
}

    .footer-grid h4,
    .footer-grid .heading-4 {
        font-size: 1rem;
        margin: 0 0 .25rem 0;
        font-weight: 700;
        color: #006dcc;
        text-decoration: auto;
    }

    .footer-grid ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .footer-grid li {
        margin-bottom: .4rem;
    }

    .footer-grid a {
        text-decoration: underline;
        color: #006dcc;
    }

        .footer-grid a:hover {
            text-decoration: underline;
        }

/* ===== Lower band (Bootstrap grid handles layout) ===== */
.footer-lower {
    border-top: 1px solid rgba(0,0,0,.1);
    padding-top: 1.5rem;
    font-size: 0.85rem;
    color: #666;
}

/* Links + social (flex but not fighting Bootstrap) */
.footer-links {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem 1rem;
}

    .footer-links a {
        color: #666;
        text-decoration: none;
        font-size: 0.95em;
    }

        .footer-links a:hover {
            text-decoration: underline;
        }

.social-icons {
    display: flex;
    gap: .75rem;
    align-items: center;
    justify-content: flex-start; /* overridden by Bootstrap text-end on parent at md+ */
    margin: .5rem 0;
}

    .social-icons a {
        color: #000;
        font-size: 1.2rem;
        text-decoration: none;
        line-height: 1;
    }

        .social-icons a:hover {
            color: #0077cc;
        }

/* Logo sizing */
.footer-brand svg {
    max-width: 150px;
    height: auto;
}

/* Tablet-only helper (if you really want a special logo there) */
.left-column-tablet {
    display: none;
}

/* ===== Responsive touches ===== */
@media (max-width: 767.98px) {
    .alberta-foot123er {
        border-bottom: 20px solid #002c4e;
    }

    .footer-links {
        flex-direction: column;
        align-items: flex-start;
        gap: .8rem;
        padding: .5rem 0;
    }

        .footer-links a {
            display: inline-block;
            border-bottom: 1px solid #ccc;
            font-size: 1.05em;
        }

    .social-icons {
        justify-content: flex-start;
    }
}




.alberta-footer-dark-blue {
    border-bottom: 20px solid #002c4e;
}




















:root {
    --goa-stone: #545860;
    --goa-accent: #0077CD;
    --goa-bg-footer: #f8f8f8;
}

/* --- layout & base --- */
.bf-footer {
    background: var(--goa-bg-footer);
    color: var(--goa-stone);
    font-family: var(--font-sans);
    border-top: 1px solid #ddd;
}

.bf-grid {
    display: grid;
    grid-template-columns: 20% 1fr 20%;
    align-items: start;
    gap: 2rem;
    width: calc(100% - 3rem);
    max-width: 80rem;
    margin: 0 auto;
    padding: 1.75rem 0;
}

.bf-logo:before {
    content: "";
    display: block;
    height: 3rem;
    width: 10.8125rem;
    background: rgba(0, 0, 0, 0) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='45' viewBox='0 0 216 61' shape-rendering='geometricPrecision'%3E%3Crect class='logo' fill='%2300aad2' x='196.411' y='31.014' width='19.59' height='19.592' /%3E%3Cpath class='logo' fill='%235f6a72' d='M91.271,47.934c-1.972,0.198-4.068,0.382-6.278,0.548c0.833-6.288,4.105-15.027,8.177-13.62C95.521,35.676,94.284,43.033,91.271,47.934 M86.106,52.264c-0.714,0.111-1.304,0.101-1.773,0.014c0.28-0.241,0.455-0.594,0.455-1.014c0-0.266,0.009-0.544,0.024-0.832c1.104-0.052,2.831-0.177,4.888-0.376C88.623,51.241,87.409,52.067,86.106,52.264 M111.223,37.314c2.598-2.413,3.89-2.237,4.231-1.589c0.736,1.403-2.325,6.345-8.184,9.047C107.774,42.114,109.176,39.216,111.223,37.314 M207.625,39.712c-0.251-4.887-4.579-5.683-5.176-4.293c-0.208,0.487,1.626,0.313,1.633,3.764c0.005,5.71-5.787,13.165-13.167,13.165c-8.04,0-10.114-6.254-10.502-9.348c-0.256-2.058,0.187-5.029-3.368-4.636c-2.486,0.28-4.733,5.12-7.885,9.196c-2.704,3.499-3.918,3.166-3.286,0.163c0.783-3.763,3.925-12.594,7.517-13.237c1.661-0.297,2.257,2.625,3.02,0.796c0.768-1.832,0.063-5.783-3.655-5.783c-2.605,0-5.73,2.762-8.292,5.905c-2.233,2.744-13.522,19.357-18.257,15.77c-2.215-1.676-2.035-8.506-0.643-16.553c5.618-2.167,10.292-1.456,12.936-0.188c1.305,0.626,1.485,0.532,0.929-0.903c-0.825-2.108-5.345-5.405-12.405-3.888c-0.17,0.033-0.336,0.079-0.505,0.119c0.569-2.613,1.231-5.268,1.954-7.849c0.661-2.364,2.6-6.454-2.462-7.242c-1.613-0.252-0.927,0.53-1.459,2.71c-0.978,4.015-2.214,9.227-3.109,14.458c-4.161,2.396-8.035,6.399-10.874,11.667c0.492-2.429,1.254-5.116,1.308-6.93c0.054-1.911-1.255-2.332-1.763-2.482c-1.111-0.314-2.453,0.236-3.776,2.106c-3.104,4.37-7.035,11.284-13.001,14.184c-4.28,2.081-6.157-0.015-6.262-3.238c0.845-0.259,1.601-0.525,2.24-0.813c7.756-3.437,10.419-8.621,8.448-11.774c-1.87-3-7.217-2.086-11.439,2.361c-2.081,2.193-3.684,5.956-3.871,9.387c-1.79,0.387-3.848,0.731-6.146,1.041c3.644-5.911,3.329-13.9-2.001-15.247c-6.182-1.561-9.309,4.44-10.633,9.436c0.408-4.996,1.206-11.077,2.335-16.725c0.472-2.361,2.087-6.455-3.041-7.24c-1.629-0.252-1.377,0.505-1.241,2.71c0.18,2.958-3.096,20.875-1.384,28.744c-2.206,0.714-3.101,2.375-0.264,4.127c1.955,1.203,6.258,1.603,10.605-0.537c1.559-0.771,2.909-1.854,4.034-3.125c2.59-0.326,5.314-0.744,7.796-1.241c0.425,3.45,2.677,6.095,7.905,5.606c7.433-0.691,14.035-9.826,16.528-14.226c-0.45,4.716-3.519,15.019,1.716,14.49c2.051-0.208,1.158-0.536,1.285-2.306c0.454-6.208,5.62-11.47,10.73-14.694c-0.887,7.602-0.579,14.391,2.868,16.546c6.341,3.963,15.326-6.477,20.27-12.862c-2.516,5.671-3.945,12.936-0.164,14.047c4.435,1.293,7.932-6.063,12.022-11.693c0.475,4.042,3.168,11.003,14.033,11.003C200.729,54.163,208.007,47.148,207.625,39.712 M51.101,52.114c-2.665-0.965-6.464-2.513-11.424-5.046c2.717-0.991,6.169-2.443,9.806-4.345C49.973,46.873,50.505,49.892,51.101,52.114M80.545,57.718c-0.125-0.258-0.849,0.105-1.587-0.003c-2.101-0.31-4.863-3.18-5.699-7.896c-1.504-8.489-0.612-16.865,1.88-29.348c0.47-2.361,2.084-6.451-3.041-7.243c-1.63-0.251-0.786,0.554-1.243,2.71c-1.971,9.297-9.574,15.999-17.207,20.493c-0.799-10.645-0.474-22.465,1.53-29.714c1.691-6.115,3.703-4.992,1.209-6.277c-2.624-1.352-5.445,0.435-7.726,4.989c-2.28,4.552-12.795,29.289-29.584,45.984c-8.592,8.545-16.363,4.146-17.919,2.831c-1.266-1.069-1.734,0.582-0.163,2.271c6.949,7.494,17.1,3.194,20.795-0.5c10.215-10.21,22.092-32.19,26.897-41.517c-0.443,5.251-0.593,14.058,0.385,24.379c-5.199,2.533-9.86,4.021-12.059,4.601c-2.381,0.624-3.854,1.593-3.898,2.697c-0.047,1.208,1.552,2.227,3.863,3.325c4.116,1.954,16.167,7.647,19.136,9.374c2.543,1.476,3.784,0.325,4.537-1.268c0.983-2.076-1.716-3.276-4.328-4.057c-1.006-3.495-1.81-8.196-2.345-13.377c6.126-3.772,12.158-8.793,15.635-15.068c-0.876,5.245-3.124,23.08,2.507,30.621c1.241,1.662,3.981,3.479,6.656,3.209C80.036,58.805,80.671,57.977,80.545,57.718' /%3E%3C/svg%3E") no-repeat center center;
    background-size: cover;
}

/* column 2: links */
.bf-links {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.bf-menu {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    list-style: none;
    margin: 0;
    padding: 0;


    display: flex;
    gap: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}

.bf-row1 {
    font-size: 1rem;
    line-height: 1.313rem;
}

.bf-row2 {
    font-size: .875rem;
    line-height: 1.313rem;
}

/* anchors in footer */
.bf-footer a,
.bf-footer a:hover,
.bf-footer a:focus,
.bf-footer a:visited {
    text-decoration: underline;
}

.bf-footer a {
    color: #333;
    text-underline-offset: 0.375rem;
    text-decoration-thickness: .0625rem;
    font-weight: normal;
}

/* column 3: social + copyright */
.bf-social {
    text-align: left;
}

.bf-socialwrap {
    margin: 0 0 .5rem 0;
}

.bf-copyright {
    font-size: .875rem;
    color: var(--goa-stone);
    text-align:right;
}

/* --- social icons --- */
.bf-socialshare ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: .5rem;
    text-align: right;
    flex-direction: row-reverse;
}

.bf-socialshare li a {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    text-indent: -9999px;
    overflow: hidden;
}

    .bf-socialshare li a::before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

/* Facebook */
.bf-socialshare li.bf-socialshare-facebook a::before {
    background: rgba(0,0,0,0) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath fill='%23333333' d='M22.46 23.76a1.3 1.3 0 0 0 1.3-1.3V1.5a1.3 1.3 0 0 0-1.3-1.3h-21A1.3 1.3 0 0 0 .2 1.5v21a1.3 1.3 0 0 0 1.3 1.3Z'/%3E%3Cpath fill='%23fff' d='M16.46 23.76v-9.12h3.06l.46-3.56h-3.52V8.81c0-1 .28-1.73 1.76-1.73h1.88V3.9a25.921 25.921 0 0 0-2.74-.14c-2.72 0-4.58 1.66-4.58 4.7v2.62H9.71v3.56h3.07v9.12Z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
}
/* Twitter/X */
.bf-socialshare li.bf-socialshare-twitter a::before {
    background: rgba(0,0,0,0) url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M0 0h18v18H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M10.682 7.622 17.239 0h-1.554L9.992 6.618 5.445 0H.2l6.876 10.007L.2 18h1.554l6.012-6.989L12.568 18h5.245L10.682 7.622ZM8.554 10.1l-.7-1-5.54-7.93H4.7l4.474 6.4.7 1 5.815 8.318H13.3L8.554 10.1Z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
}
/* Instagram */
.bf-socialshare li.bf-socialshare-instagram a::before {
    background: rgba(0,0,0,0) url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cdefs/%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M12 2.2h4.8a6.6 6.6 0 012.3.4A4 4 0 0121.4 5a6.6 6.6 0 01.4 2.2 83 83 0 010 9.7 6.6 6.6 0 01-.4 2.3 4 4 0 01-2.3 2.3 6.6 6.6 0 01-2.2.4 83 83 0 01-9.7 0 6.6 6.6 0 01-2.3-.4A4 4 0 012.6 19a6.6 6.6 0 01-.4-2.2 83 83 0 010-9.7 6.6 6.6 0 01.4-2.3A4 4 0 015 2.6a6.6 6.6 0 012.2-.4H12M12 0H7a8.8 8.8 0 00-2.9.6A6.1 6.1 0 00.6 4.1a8.8 8.8 0 00-.5 3L0 12v5a8.8 8.8 0 00.6 2.9 6.1 6.1 0 003.5 3.5 8.8 8.8 0 003 .5l4.9.1h5a8.8 8.8 0 002.9-.6 6.1 6.1 0 003.5-3.5 8.8 8.8 0 00.5-3L24 12V7a8.8 8.8 0 00-.6-2.9A6.1 6.1 0 0019.9.6a8.8 8.8 0 00-3-.5L12 0z'/%3E%3Cpath d='M12 5.8a6.2 6.2 0 106.2 6.2A6.2 6.2 0 0012 5.8zM12 16a4 4 0 114-4 4 4 0 01-4 4z'/%3E%3Ccircle cx='1.4' cy='1.4' transform='translate(17 4.2)' r='1.4'/%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
}
/* LinkedIn */
.bf-socialshare li.bf-socialshare-linkedin a::before {
    background: rgba(0,0,0,0) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath fill='%23333333' d='M22.02.3h-20A1.72 1.72 0 0 0 .3 2.02v20a1.72 1.72 0 0 0 1.72 1.72h20a1.72 1.72 0 0 0 1.72-1.72v-20A1.72 1.72 0 0 0 22.02.3Z'/%3E%3Cpath fill='%23fff' d='M3.78 9.09h3.47v11.18H3.78Zm1.74-5.56a2 2 0 1 1-2 2 2 2 0 0 1 2-2M9.43 9.09h3.34v1.53a3.66 3.66 0 0 1 3.29-1.81c3.52 0 4.17 2.32 4.17 5.33v6.13H16.8v-5.44c0-1.29 0-3-1.81-3s-2.08 1.41-2.08 2.87v5.53H9.43Z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
}

/* spacing inside link groups */
.bf-grid .bf-links li:not(:last-child) {
    margin-right: 1.5rem;
}

/* responsive */
@media (max-width:900px) {
    .bf-grid {
        grid-template-columns: 1fr;
        gap: 1.25rem;
    }
}

@media (max-width:600px) {
    .bf-links {
        flex-direction: column;
    }

    .bf-menu {
        display: block;
    }

        .bf-menu li {
            margin-bottom: .5rem;
            line-height: 2em;
        }
}