/****************************************************/
/* "Delivering Blue" theme colour palette overrides */
/****************************************************/

:root {

    --qld-light-background: #E9F7FF;
    --qld-light-background-shade: #D9F1FF;
    --qld-light-alt-background: #E8E8E8;
    --qld-light-alt-background-shade: #E0E0E0;
    --qld-light-border: #BEDFFF;
    --qld-light-border-alt: #848484;
    --qld-light-action-primary: #005EB8;
    --qld-light-action-primary-hover: #003E96;
    --qld-light-action-secondary: #307EDB;
    --qld-light-action-secondary-hover: #004EA7;
    --qld-light-link-on-action: #F5FAFF;
    --qld-light-link: #005EB8;
    --qld-link-visited: #551A8B;
    --qld-light-accent: #84D3FF;
    --qld-light-focus: #1C6ECA;
    --qld-light-text-heading: #000764;
    --qld-light-text-text: #414141;
    --qld-light-text-lighter: #636363;
    --qld-light-underline-default: #3F7AB4;
    --qld-light-underline-default-hover: #005EB8;
    --qld-link-underline-visited: #8B63B0;
    --qld-link-underline-visited-hover: #551A8B;
    --qld-light-site-title: #005EB8;

    --qld-dark-background: #005EB8;
    --qld-dark-background-shade: #003E96;
    --qld-dark-alt-background: #002E85;
    --qld-dark-alt-background-shade: #001D74;
    --qld-dark-border: #63B1FF;
    --qld-dark-alt-border: #95E5FF;
    --qld-dark-action-primary: #84D3FF;
    --qld-dark-action-primary-hover: #95E5FF;
    --qld-dark-action-secondary: #84D3FF;
    --qld-dark-action-secondary-hover: #95E5FF;
    --qld-dark-action-text: #001C37;
    --qld-dark-link: #FFFFFF;
    --qld-link-visited-dark: #E1BBEE;
    --qld-dark-accent: #84D3FF;
    --qld-dark-focus: #B2FFFF;
    --qld-dark-text-heading: #FFFFFF;
    --qld-dark-text-text: #FFFFFF;
    --qld-dark-text-lighter: #DEEBF9;
    --qld-dark-underline-default: #B5CCE2;
    --qld-dark-underline-default-hover: ##FFFFFF;
    --qld-dark-link-underline-visited: E1C2FF;
    --qld-dark-link-underline-visited-hover: #E1BBEE;
    --qld-dark-site-title: #FFFFFF;

    --qld-core-default-color-neutral-black: #131212;
    --qld-core-default-color-neutral-darkest: #222020;
    --qld-core-default-color-neutral-darker: #444444;
    --qld-core-default-color-neutral-dark: #78797e;
    --qld-core-default-color-neutral-light: #e0e0e0;
    --qld-core-default-color-neutral-lighter: #ebebeb;
    --qld-core-default-color-neutral-lightest: #f5f5f5;
    --qld-core-default-color-neutral-white: #ffffff;
    --qld-core-default-color-status-caution-default: #ffcc2c;
    --qld-core-default-color-status-caution-darker: #B38800;
    --qld-core-default-color-status-caution-lighter: #fff2c9;
    --qld-core-default-color-status-caution-lightest: #fffaea;
    --qld-core-default-color-status-info-default: #0085b3;
    --qld-core-default-color-status-info-darker: #006a8f;
    --qld-core-default-color-status-info-lighter: #e5eef5;
    --qld-core-default-color-status-info-lightest: #eff4f9;
    --qld-core-default-color-status-error-default: #e22339;
    --qld-core-default-color-status-error-darker: #8a1220;
    --qld-core-default-color-status-error-lighter: #fdf0f0;
    --qld-core-default-color-status-error-lightest: #fff6f6;
    --qld-core-default-color-status-success-default: #339d37;
    --qld-core-default-color-status-success-darker: #0a690d;
    --qld-core-default-color-status-success-lighter: #f2faf4;
    --qld-core-default-color-status-success-lightest: #f7fbf8;
    --qld-core-default-color-status-underline-light: #ffffffb8;
    --qld-core-default-color-status-underline-dark: #03213fb8;
    --qld-core-default-color-brand-primary-dark-blue: #05325f;
    --qld-core-default-color-brand-primary-sapphire-blue: #09549f;
    --qld-core-default-color-brand-primary-light-blue: #0085b3;
    --qld-core-default-color-brand-primary-light-green: #6bbe27;
    --qld-core-default-color-brand-secondary-darkgreen: #008635;
    --qld-core-default-color-brand-secondary-golden-yellow: #ffe500;
    --qld-core-default-color-brand-other-modern-maroon: #a70240;
    --qld-core-default-color-brand-other-gov-maroon: #771e32;
    --qld-core-default-color-code-green: #6bbe27;
    --qld-core-default-color-code-light-blue: #a7e5ff;
    --qld-core-default-color-code-violet: #c88df7;
    --qld-core-default-color-code-muted: #c0d7ec;
    --qld-core-default-color-contained-layout-background: #09549F;
    --qld-core-default-color-contained-layout-background-dark: #09549F;

    --qld-color-default-color-light-background-light: #E9F7FF;
    --qld-color-default-color-light-background-light-shade: #D9F1FF;
    --qld-color-default-color-light-background-alt: #E8E8E8;
    --qld-color-default-color-light-background-alt-shade: #E0E0E0;
    --qld-color-default-color-light-border-default: #BEDFFF;
    --qld-color-default-color-light-border-alt: #848484;
    --qld-color-default-color-light-action-primary: #005EB8;
    --qld-color-default-color-light-action-primary-hover: #003E96;
    --qld-color-default-color-light-action-secondary: #307EDB;
    --qld-color-default-color-light-action-secondary-hover: #004EA7;
    --qld-color-default-color-light-link-on-action: #F5FAFF;
    --qld-color-default-color-light-link-default: #005EB8;
    --qld-color-default-color-light-link-visited: #551A8B;

    --qld-color-default-color-light-accent-design-accent: #84D3FF;
    --qld-color-default-color-light-focus-default: #1C6ECA;
    --qld-color-default-color-light-underline-default: #3F7AB4;
    --qld-color-default-color-light-underline-default-hover: #005EB8;
    --qld-color-default-color-light-underline-visited: #8B63B0;
    --qld-color-default-color-light-underline-visited-hover: #551A8B;

    --qld-color-default-color-light-text-default: #414141;
    --qld-color-default-color-light-text-lighter: #636363;
    --qld-color-default-color-light-text-heading: #000764;
    --qld-color-default-color-light-site-title: #005EB8;
    --qld-color-default-color-light-crest-fill: #1D1D1D;

    --qld-color-default-color-dark-background-default: #005EB8;
    --qld-color-default-color-dark-background-default-shade: #003E96;
    --qld-color-default-color-dark-background-alt: #002E85;
    --qld-color-default-color-dark-background-alt-shade: #001D74;
    --qld-color-default-color-dark-border-default: #63B1FF;
    --qld-color-default-color-dark-border-alt: #95E5FF;
    --qld-color-default-color-dark-action-primary: #84D3FF;
    --qld-color-default-color-dark-action-primary-hover: #95E5FF;
    --qld-color-default-color-dark-action-secondary: #84D3FF;
    --qld-color-default-color-dark-action-secondary-hover: #95E5FF;
    --qld-color-default-color-dark-link-default: #FFFFFF;
    --qld-color-default-color-dark-link-visited: #E1BBEE;
    --qld-color-default-color-dark-link-on-action: #001C37;
    --qld-color-default-color-dark-accent-design-accent: #84D3FF;
    --qld-color-default-color-dark-focus-default: #B2FFFF;
    --qld-color-default-color-dark-underline-default: #B5CCE2;
    --qld-color-default-color-dark-underline-default-hover: var(--dark-link-link);
    --qld-color-default-color-dark-underline-visited: #E1C2FF;
    --qld-color-default-color-dark-underline-visited-hover: var(--dark-underline-visited);
    --qld-color-default-color-dark-text-default: #FFFFFF;
    --qld-color-default-color-dark-text-lighter: #DEEBF9;
    --qld-color-default-color-dark-text-heading: #FFFFFF;
    --qld-color-default-color-dark-site-title: #FFFFFF;
    --qld-color-default-color-dark-crest-fill: #ffffff;

}

.dark {
    --qld-background-color: var(--qld-dark-background);
    background-color: var(--qld-dark-background);
}


.btn-primary {
    --qld-btn-border-color: var(--qld-light-action-primary);
}

.dark .btn-primary,
.dark-alt .btn-primary {
    --qld-btn-bg: var(--qld-color-default-color-dark-action-primary);
    --qld-btn-border-color: var(--qld-color-default-color-dark-action-primary);
}

.navbar {
    --qld-navbar-svg-color: var(--qld-light-action-secondary);
    --qld-navbar-border-color: var(--qld-core-default-color-neutral-lighter);
    --action-icon-color: var(--qld-light-action-secondary);
}

.qld-side-navigation {
    --sidenav-heading-border-color: var(--qld-color-default-color-light-accent-design-accent);
}

.breadcrumb-item:nth-last-child(2):before {
    content: "";
    mask-image: var(--qld-breadcrumb-divider);
    mask-position: center;
    mask-repeat: no-repeat;
    background-color: var(--qld-color-default-color-light-action-primary);
    float: none;
    margin-right: var(--qld-breadcrumb-item-padding-x);
}

@media (min-width: 992px) {
    .breadcrumb-item:nth-last-child(2):before {
        content: none;
    }

    .breadcrumb-item a:after {
        content: "";
        mask-image: var(--qld-breadcrumb-divider-flipped);
        mask-position: center;
        mask-repeat: no-repeat;
        background-color: var(--qld-color-default-color-light-action-primary);
        float: none;
        margin-left: var(--qld-breadcrumb-item-padding-x);
    }
}

.link-column.qld__body--dark {
    --qld-link-icon-colour: var(--qld-color-default-color-dark-action-primary);
}

.card-dark-alt {
    --qld-card-bg: var(--qld-color-default-color-dark-background-alt);
}

.card-img:after {
    border-radius: var(--qld-card-img-border-radius);
}

.accordion-button:after,
.accordion-button:not(.collapsed):after,
.accordion-toggle .accordion-toggle-btn:after {
    mask-image: var(--qld-accordion-btn-icon);
    mask-position: center;
    mask-repeat: no-repeat;
    background-color: var(--qld-color-default-color-light-action-primary);
    background-image: none;
}

.accordion-toggle .accordion-toggle-btn:after {
    content: "";
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23008635'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.qld-table .table thead th, .qld-table .table thead td {
    border-bottom-color: var(--qld-color-default-color-light-action-secondary);
}

.pagination {
    --qld-pagination-color: var(--qld-color-default-color-light-action-primary);
    --qld-pagination-hover-color: var(--qld-color-default-color-light-action-primary-hover);
    --qld-pagination-hover-border-color: var(--qld-color-default-color-light-action-primary-hover);
}

.pagination .page-item.previous .page-link:before,
.pagination .page-item.next .page-link:before,
.pagination .page-item.previous .page-link:hover:before,
.pagination .page-item.next .page-link:hover:before {
    background: none;
    background-color: var(--qld-pagination-color);
    mask-image: var(--qld-pagination-icon-prevnext);
    mask-position: center;
    mask-repeat: no-repeat;
}

.pagination .page-item.previous .page-link:hover:before,
.pagination .page-item.next .page-link:hover:before {
    background-color: var(--qld-pagination-hover-color);
}

.btn-secondary, .btn-outline-secondary {
    --qld-btn-border-color: var(--qld-color-default-color-light-action-secondary);
}

.qld-footer {
    --qld-footer-crest-max-width: 333px;
}

/***************************/
/* Disasters site (global) */
/***************************/

/* Top nav contact CTA - phone icon */
.qld__header__pre-header .qld__header__cta-wrapper .qld__header__cta-link {
    padding-left: 1.5rem;
}

.qld__header__cta-link-text {
    position: relative;
}

.qld__header__cta-link-text:before {
    content: "";
    background-color: var(--qld-color-default-color-dark-accent-design-accent);
    mask-image: var(--icon-phone);
    mask-position: center center;
    mask-repeat: no-repeat;
    height: 1.25rem;
    width: 1.25rem;
    position: absolute;
    left: -1.5rem;
}

/* Primary nav link icons */
.navbar .dropdown-menu__inner a.dropdown-item .chevron__icon,
.navbar .dropdown-menu__featured .chevron__icon {
    right: 0.5rem;
    transform: translateX(0rem);
    transition: transform 200ms ease;
}

.navbar .dropdown-menu__inner li a.dropdown-item:hover .chevron__icon,
.navbar .dropdown-menu__featured:hover .chevron__icon {
    transform: translateX(0.5rem);
}

/* External link icons */
.link-column .nav-item .nav-link.external-link:after {
    mask-image: var(--icon-external-link);
}

.card-feature .card-footer a {
    position: relative;
    padding-left: 1.75rem;
    vertical-align: top;
    display: inline-block;
    max-width: 100%;
    box-sizing: border-box;
    white-space: normal;
}

.card-feature .card-footer a:before {
    height: 1.25rem;
    width: 1.25rem;
    content: "";
    mask-image: var(--icon-arrow);
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: var(--qld-card-icon-color);
    transition: margin-inline-end .2s ease;
    position: absolute;
    top: 0.5rem;
    left: 0;
}

.card-feature .card-footer a.external-link:before {
    mask-image: var(--icon-external-link);
}

a.external-link:not([href^="tel:"]) {
    --qld-link-icon-color: var(--qld-color-default-color-light-action-secondary);
    position: relative;
    margin-right: 1.75rem;
}

a.external-link:not([href^="tel:"]):after {
    height: 1rem;
    width: 1rem;
    content: "";
    mask-image: var(--icon-external-link);
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: var(--qld-link-icon-color);
    position: absolute;
    margin-top: 0.25rem;
    margin-left: 0.5rem;
}

.card a.external-link:after {
    content: none;
    /* Don't show icon on standard cards*/
}

/* Additional Information section */
/* Remove the default UL LI styles (UL element is used based on accessibility recommendation)
   Increase spacing on the touch target (A link) */
.additional-information ul {
    padding-left: 0;
}

.additional-information ul li {
    list-style-type: none;
}

.additional-information ul li a {
    display: inline-block;
    margin-bottom: 1rem;
}

/* End: Additional Information section */