/* Color Variables */

/* To properly implement print styles we need to add in the system colour variables */ 
/* System colours allow us to ensure proper colour contrast when printing regardless of user prerferences or custom site colours */


:root {
    
    --QLD-color-system-darkest: #1D1D1D; /* Body text (Darkest) */
    --QLD-color-text-grey: #414141; /* Headings (H1 and H2) (Text grey) */
    --QLD-color-system-dark-grey: #595959; /* Muted Text and Dark borders (Dark Grey) */
    --QLD-color-system-medium-grey: #78797E; /* Boders (Medium Grey) */
    --QLD-color-system-grey: #E0E0E0; /* Alt backgrounds (Grey) */
    --QLD-color-system-light-grey: #EBEBEB; /* Light background shade (Light Grey) */
    --QLD-color-system-extra-light-grey: #F4F4F4; /* (Lightest Grey) */
    --QLD-color-system-white: #FFFFFF; /* White background */
    --QLD-color-dark-text__muted: #636363;
    --QLD-color-light-text__muted: #636363;
    --QLD-color-transparent: rgba(0,0,0,0); /* Transparent */
}


/* These styles need to be applied outsite the @pront media query  */ 

.show-on-print {
    display: none; /* Default setting for show on print utility class */
}


/* THese are the print styles grouped under one @media print query */

@media print {
    
    
    
    /* -----------------------------  Global Print styles ----------------------------- */
    
    /* Adjusts the base font size specifically for printing (This sets a new baseline for all rem calculations based on optimum PRINT base unit  */
    
    html {
        font-size: 10pt !important;
    } 

    /* Defines page settings for printing, setting the page size and margins */
    
    @page {
        size: A4; /* Sets the page size to A4 */
        margin-top: 15mm; /* Specifies the top margin */
        margin-bottom: 15mm; /* Specifies the bottom margin */
        margin-left: 12mm; /* Specifies the left margin */
        margin-right: 12mm; /* Specifies the right margin */
    }
    
    body {
    line-height: 1.75; /* Standard line height */
    }

    /* Removes background images from various elements for a cleaner print output */
    /* This is done because browsers can often remove background images by default when printing so its best practice to remove them all by default */
    
    body, div, header, footer, section {
        background-image: none !important;
        box-shadow: none !important;
        border-color: var(--QLD-color-system-dark-grey) !important; 
    }

    /* Standardizes text and background for print, removing shadows and setting color and border. These changes apply to most aspects of the DS */
    
    .qld__body *, .qld__body, .qld__header, .qld__header * {
        text-shadow: none !important; /* Removes text shadow */
        color: var(--QLD-color-system-darkest) !important; /* Sets text color to black for better readability */
        background-color: var(--QLD-color-transparent) !important; /* Sets a transparent background */
        -webkit-box-shadow: none !important; /* Removes box shadows for WebKit browsers */
        box-shadow: none !important; /* Removes box shadows */
        border-color: var(--QLD-color-system-dark-grey) !important; /* Sets a standard border color */
    }
    

    /* BW Overrride utility classes */
    .print-black-white, .print-black-white * {
        color: var(--QLD-color-system-darkest) !important;
        background-color: var(--QLD-color-system-white) !important;
    }
    
    /* Hides elements marked as non-printable */
    .hide-on-print{
        display: none !important;
    }
    
     /* Content here will not be split across pages when printed  */
    .no-page-break {
        page-break-inside: avoid !important;
    }
    
    /* shows content when printed */
    .show-on-print {
      display: block !important;
    }   
    
    /* This class can be used to make an element take the full width of the page in the print layout, which is useful for tables or images.*/
    .print-full-width {
        width: 100% !important;
        box-sizing: border-box;
    }
    
    /* Use this class to force a new page in the print layout before the element.*/
    .page-break-before {
        page-break-before: always !important;
    }
    
    /*Similar to .page-break-before, but it forces a new page after the element.*/
    .page-break-after {
        page-break-after: always !important;
    }

    /* -----------------------------  Text styles ----------------------------- */
    
    
    /* Styles for 'pre' elements: adds border, padding, and prevents page breaks inside */
    .qld__body pre {
        border: 1px solid var(--QLD-color-system-dark-grey) ; /* Adds a solid black border */
        padding: 6px; /* Adds padding */
        page-break-inside: avoid; /* Avoids page breaks inside 'pre' elements */
    }

    /* Sets rules to control orphaned and widowed lines in paragraphs and headings */
    .qld__body p, .qld__body h2, .qld__body h3 {
        orphans: 3; /* Minimum lines at the bottom of a page */
        widows: 3; /* Minimum lines at the top of a page */
    }
    /* Adjusts h2 font size and color specifically for print (uses mobile size for H2) */
    .qld__banner__content h1, h1, .qld__body h2, .qld__body h3, .qld__body h4, .qld__body h5, .qld__body h6 {
      color: var(--QLD-color-text-grey) !important; /* Sets text color to heading style colour for better readability */
    }

    /* Avoids page breaks right after headings */
    .qld__body h2, .qld__body h3 {
        page-break-after: avoid;
    }
    
    /* Adjusts h2 font size and color specifically for print (uses mobile size for H2) */
    .qld__body h2:not([class]) {
        font-size: 1.75rem !important;
    }

    /* Ensures links in paragraphs break properly */
    .qld__body p a {
        word-wrap: break-word;
    }
    
    
    /* -----------------------------  Links and abbreviation ----------------------------- */
    
    
    /* This section deals with styling links and making urls visible for print */
    
    /* Styles for links: underlines them and adds URL after the link text */
    .qld__body a, .qld__body a:visited {
        color: var(--QLD-color-system-darkest) !important;
        text-decoration: underline !important;
        text-decoration-color: var(--QLD-color-system-dark-grey) !important;
        text-underline-offset: 0.25em !important;
        text-decoration-thickness: 1px !important;
    }
    
    /* Makes all links that are not mail-to or tel urls visible for print */
    .qld__body a[href]:after {
        content: " ("attr(href) ")" !important; /* Adds the href attribute value after the link text */
        display: inline !important; /* Ensures it's displayed inline */
        overflow-wrap: anywhere;
    }
    
    .qld__body a[href^="mailto:"]:after , .qld__body a[href^="tel:"]:after {
    content: normal !important;
    }

    /* Prevents JavaScript links and anchors from displaying their href attribute */
    .qld__body a[href^="javascript:"]:after,
    .qld__body a[href^="#"]:after {
        content: "" !important; /* Clears the content for these types of links */
    }

    /* Adds the title attribute value after abbreviations */
    .qld__body abbr[title]:after {
        content: " ("attr(title) ")"; /* Adds the title attribute value */
    }
    

    /* -----------------------------  Images and tables ----------------------------- */
    
    
    /* Ensures images don't exceed 100% width */
    .qld__body img {
        max-width: 100% !important;
    }
    
    /* Display alt text for background images that are in cards */
    .qld__responsive-media-img--bg::after {
    content: attr(data-alt) !important;
    display: block !important;
    position: absolute;
    color: black;
    width: 100%;
    text-align: center;
    top: 50%;
    }   
    
    
    /* ----------------------------- Specificy Element styles ----------------------------- */
    
    /* Hides hotjar (feedback button) */
    ._hj_feedback_container{
        display: none !important;
    }
    
    /* Global alert (Turns off global alerts on print) */
    .qld__global_alert_include {
        display: none !important
    }
    
     /* Header */
    
    /* Reduces space taken up by Site title */
    .qld__header .qld__header__main .qld__header__brand{
       padding-top: 0.5rem !important;
       padding-bottom: 1rem !important;
    }
    
     /* Site headers are always set to BW */
    .qld__header {
        background: var(--QLD-color-system-white) !important
    }

    /* Removes any borders that may appear around logos in the header */
    .qld__header a img {
        border: 0 !important
    }
    
     /* Set text colour to Black for text in the header */
    .qld__header,
    .qld__header__brand,
    .qld__header__subline,
    .qld__banner__content--body {
        color: var(--QLD-color-system-darkest) !important
    }
    
    /* This turns of the Queensland Government Crest from printing in the header (This should be optional for Endorsed and Stand alone brands which may not use the crest) */
    .qld__header__brand-image {
        display: none !important
    }
    
      /* Preheader (Turns off preheader on print) */
    .qld__header__pre-header {
        display: none !important
    }
    
    /* Adds a visual divider below the banner (This is important as it helps to distinguish the H1 from the rest of the content) */
     .qld__banner {
        border-bottom: 2px solid var(--QLD-color-system-dark-grey) !important;
    }

    /* Ensures all banner backgrounds are transparent in print */
    .qld__banner, .qld__banner * {
        background-color: var(--QLD-color-transparent) !important;
    }
    
    /* Adjusts banner padding for print */
    .qld__banner .qld__banner__content, .qld__banner.qld__banner--breadcrumbs .qld__banner__content{
        padding-bottom: 1.5rem !important;
        padding-top: 0.5rem !important;
        width: 100%;
    }
    
    /* Removes body breadcrumbs */
    .qld__body.qld__body--breadcrumb{
        display:none;
    }
    
    /*Wrapper for block style heading for banners */
    .qld__banner .qld__banner__content .qld__banner__heading__wrapper{
        padding:0px;
    }
    
    /*Block style heading for banners */
    .qld__banner .qld__banner__content .qld__banner__heading--dark{
        margin:0px !important;
        padding:0px !important;
        background-color: var(--QLD-color-transparent) !important;
        box-shadow: none !important;
        color: var(--QLD-color-text-grey) !important;
    }
    
    /* In Page contents (Turned off on print) */
    .qld__inpage-nav-links {
       display: none !important
    }
    
    /* Removes in-page nav place via squiz compoennts */
    data[data-name="in_page_navigation"] + section {
    display: none; /* This will hide the section */
    }
    
     /* Ensures horizontal rules are visible in print (these are oftent created with BG images so instead we use border-bottom */
     
    .qld__body hr.qld__horizontal-rule {
        border-bottom: 1px solid var(--QLD-color-system-dark-grey) !important;
    }
    
     /* Button styles for print */
     
    .qld__btn, .sq-form-submit {
        background-color: var(--QLD-color-system-white) !important;
        border: 2px solid var(--QLD-color-system-darkest) !important;
        color: var(--QLD-color-system-darkest) !important;
        text-decoration: none
    }

    .qld__btn[disabled],
    .sq-form-submit[disabled] {
        background-color: var(--QLD-color-system-light-grey) !important;
        border: 2px solid var(--QLD-color-system-light-grey) !important
    }

    .qld__btn:disabled,
    .sq-form-submit:disabled {
        background-color: var(--QLD-color-system-light-grey) !important;
        border: 2px solid var(--QLD-color-system-light-grey) !important
    }
    
    /* CTA styles */
    .qld__cta-link {
        color: var(--QLD-color-system-darkest) !important
    }
    
    /* Fixes BG image arrow/href issue */
    .qld__cta-link:after, .qld__body .qld__cta-link:after, .qld__body a.qld__cta-link:after, a.qld__cta-link:after, .qld__body .qld__promo-panel__container-inner a.qld__cta-link:after {
        background-image: none !important;
        background-color: var(--QLD-color-transparent);
        mask-image: none !important;
        -webkit-mask: none !important;
        font-size: 0.75rem;
        position: relative;
        display: block !important;
        margin-top: 0.5rem;
        text-decoration: underline !important;
        text-decoration-color: var(--QLD-color-system-medium-grey) !important;
        font-weight: 400;
        line-height: 1.75;
        margin-left: 0;
        content: " > ("attr(href) ")" !important;
        width: 100%;
        margin-top: 0.25rem;
    }
    
     /* Direction links */
    .qld__direction-link {
        color: var(--QLD-color-system-darkest) !important
    }

    .qld__direction-link__arrow--right:after {
        content: "\2192" !important  /* Fixes BG image arrow and change it to a text character instead (BG images oftent dont display on print) */
    }

    .qld__direction-link__arrow--left:before {
        content: "\2190" !important /* Fixes BG image arrow and change it to a text character instead (BG images oftent dont display on print) */
    }

    .qld__direction-link__arrow--up:after {
        content: "\2191" !important /* Fixes BG image arrow and change it to a text character instead (BG images oftent dont display on print) */
    }

    .qld__direction-link__arrow--down:after {
        content: "\2193" !important /* Fixes BG image arrow and change it to a text character instead (BG images oftent dont display on print) */
    }
    
     /* Accordions */
     
    .qld__accordion {
        border-bottom: 1px solid var(--QLD-color-system-dark-grey) !important; 
        color: var(--QLD-color-system-darkest) !important;
    }

    .qld__accordion__title {
        color: var(--QLD-color-system-darkest) !important;
        text-decoration: none;
        font-weight: 600;
        padding-top: 2rem;
    }

    .qld__accordion__title:after {
        display: none
    }

    .qld__accordion__body {
        height: auto !important;
        display: block !important
    }
    
    .qld__accordion__body .qld__accordion__body-wrapper {
    border-top: 0px;
    border-color: var(--QLD-color-system-dark-grey) !important;
    padding-bottom: 2rem
    
    }
    
    .qld__accordion__toggle{
        display:none;
    }
    
    .qld__accordion-group{
        max-width:100%;
    }
    

    /* Breadcrumbs (Original code no longer neeeded) */
    
    /* 
    .qld__breadcrumbs>.qld__link-list>li:after {
        content: ">" !important;
        background-image: none !important
    }*/
    
    /* Hides breadcrumbs in the printed version for a cleaner look */
    
    .qld__breadcrumbs {
        display: none !important;
    }
    
     /* Callout (restyled to use system colour for BG */
     
    .qld__callout {
        border-left: 3pt solid var(--QLD-color-system-darkest) !important;
        color: var(--QLD-color-system-darkest) !important;
        background-color: var(--QLD-color-system-light-grey) !important;
        border-right: none !important;
        border-top: none !important;
        border-bottom: none !important;
        max-width: 100%;
        page-break-inside: avoid !important;
    }

    /*Page alerts */
    
    .qld__body.qld__page-alerts--wrapper{
        padding-top: 3rem !important; /* This compensates for the added visual tag placed at the top of thee alert to replace icon */
        padding-bottom: 2rem !important;
    }
    
    .qld__page-alerts {
        border-color: var(--QLD-color-system-darkest) !important;
        background-color: var(--QLD-color-system-white) !important;
        border-left: 2px solid var(--QLD-color-system-darkest) !important;
        padding: 2rem !important;
        padding-top: 2.5rem !important;
        max-width: 100%;
    }
    
    .qld__page-alerts::before{
        display:none; /* Removes page alert icons which can cause issues with background images */
    }
    
    /*Page alerts (New tag design to replace icon) */
    
    .qld__page-alerts:after {
        background: none !important;
        content: "Alert" !important;
        top: -1.5rem !important;
        left: 1rem !important;
        font-size: 1rem !important;
        padding: 0.5rem !important;
        width: auto !important;
        display: inline-block;
        font-weight: bold;
        border: 1px solid;
        position: absolute;
        background-color: var(--QLD-color-system-white) !important;
    }

    .qld__page-alerts--success:after {
        content: "Alert" !important /* Text to replace removed icon */
    }

    .qld__page-alerts--warning:after {
        content: "Alert" !important /* Text to replace removed icon */
    }

    .qld__page-alerts--error:after {
        content: "Alert" !important /* Text to replace removed icon */
    }
    
    /* Cards */
    
    .qld__card{
        page-break-inside: avoid !important;
        background-color: var(--QLD-color-system-extra-light-grey) !important;
    }
    
    /* Cards-links (Places link under heading and makes them a bit smaller) */
    
    .qld__body .qld__card .qld__card__title a:after {
        font-size: 0.75rem;
        position: relative;
        display: block !important;
        margin-top: 0.5rem;
        text-decoration: underline !important;
        text-decoration-color: var(--QLD-color-system-medium-grey) !important;
        font-weight: 400;
        line-height: 1.75;
    }
    
     /* Removes underline style resets to default */
     
    .qld__card a.qld__card--clickable__link{
        text-decoration: underline !important;
        text-decoration-color: var(--QLD-color-system-medium-grey) !important;
    }
    
    /* Removes links form displaying in image cards twice */
    .qld__body a.qld__card__image-link::after{
        display:none !important;
    }
    
    /* Link list style */
    
    .qld__body .qld__link-columns>li a::after{
        font-size: 0.75rem;
        position: relative;
        display: block !important;
        margin-top: 0.5rem;
        text-decoration: underline !important;
        text-decoration-color: var(--QLD-color-system-medium-grey) !important;
        font-weight: 400;
        line-height: 1.75; 
    }
    
    /* Link list style (This is an overrride to add lines back in for link lists) */
    
    .qld__link-columns>li{
       -webkit-box-shadow: 0 1px 0 var(--QLD-color-system-light-grey) !important;;
        box-shadow: 0 1px 0 var(--QLD-color-system-light-grey) !important;;  
    }
    
     /* Side navigation */
     
    .qld__side-nav {
        display: none !important;
        background: var(--QLD-color-transparent) !important
    } 
    
    /* 
    
    Should be removed form code as side nav does not display on print
    
    .qld__side-nav a {
        color: var(--QLD-color-system-darkest);
        text-decoration: underline
    }

    .qld__side-nav a:hover {
        background: var(--QLD-color-transparent)
    }

    .qld__side-nav .qld__accordion__title {
        display: none
    }

    .qld__side-nav__content ul ul ul a:before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M2 10h12v1H2zM2 5h1v5H2z'/%3E%3C/svg%3E") !important
    }

    .qld__side-nav__content>ul>li {
        border-color: var(--QLD-color-system-darkest) !important
    }
    
    */
    
    /* Main navigation */
    
    .qld__main-nav {
        display: none
    }
    
    /*  Not needed should be removed from code as main nav turned off on print

    .qld__main-nav a {
        color: var(--QLD-color-system-darkest) !important
    }

    .qld__main-nav a:hover {
        background: var(--QLD-color-transparent) !important
    }

    .qld__main-nav .active a {
        border-color:var(--QLD-color-system-white) !important;
        background-color: var(--QLD-color-transparent) !important
    }

    .qld__main-nav .qld__link-list>li {
        border-color: var(--QLD-color-system-darkest) !important
    }

    .qld__main-nav .qld__link-list>li:last-of-type {
        border-bottom: 1px solid !important
    }
    
    .qld__main-nav {
        border-bottom: 8px solid var(--QLD-color-system-darkest) !important;
        border-bottom: 0.5rem solid var(--QLD-color-system-darkest) !important
    }

    .qld__main-nav .qld__link-list>li:last-of-type {
        border-bottom: none !important
    }
    
    .qld__main-nav__toggle {
        display: none !important
    }

    .qld__main-nav__menu {
        background: var(--QLD-color-transparent) !important;
        position: static !important;
        display: block !important;
        width: auto !important
    }

    .qld__main-nav__menu .qld__main-nav__menu-inner {
        padding: 0 !important
    }
    
    */ 
    
    /* Tags */
    
    .qld__tag{
        text-align:left;
        font-weight:bold;
        color: var(--QLD-color-system-darkest) !important;
        border-color: var(--QLD-color-system-dark-grey) !important; 
    }
    
    .qld__tag::after{
        font-weight:normal;
    }
    
     /* Widgets */
    .qld__widgets {
        display: none !important
    }
    
     /* Video */

     /* Video (Hides accordion title) */
    .qld__video_player .qld__accordion__title{
        display:none;
    }
    
    /* The following classes are used to hide the video thumbnail and then display a URL instead */
    .qld__video_player__caption{
        display:none;
    }
    
     /* Changes video height to create a container to display video URL instead */
    .qld__responsive-media-vid--16x9 {
    padding-bottom: 3rem;
    background-color: var(--QLD-color-system-light-grey) !important;
    }
    
    /* Removes video thumbnail */
    .qld__video_player__video.not-ready .qld__video_player__thumbnail {
        display:none;
    }
    
    .qld__video_player__iframe {
        position: relative;
        visibility: hidden;
    }
    
    .qld__video_player__video.not-ready .qld__video_player__iframe{
        display:block;
        opacity: 1;
    }

     /* This class displays the video URL when printed */
    .qld__video_player__iframe::after {
        content: "View this video at " attr(data-source);
        visibility: visible;
        position: absolute;
        background-color: var(--QLD-color-system-light-grey) !important;
        padding: 1rem;
        text-align: center;
        width: 100%;
        top:0;
    }
    
    /* Promo panel */
    
    /* Promo panel (Sets content to span arcross the whole page) */

    .qld__promo-panel__container-content {
    width: 100%;
    background-color: var(--QLD-color-system-light-grey) !important;
    padding: 32px;
    outline: 1px solid var(--QLD-color-system-darkest);
    border-radius: var(--QLD-border-radius-sm);
   
    }
    
    .qld__body.qld__promo-panel{
        margin-top:2.5rem;
    }
    
    .qld__promo-panel__container-inner{
        padding: 0;
        min-height: 100px !important;
        margin-bottom: 0px !important;
    }
    
    .qld__promo-panel__container-image{
        display:none;
    }
    
    
    /* Tables */
    
    .qld__table--scroll {
        max-height: none
    }
    
    .qld__table .qld__table__caption, .qld__table caption, table .qld__table__caption, table caption {
        -webkit-box-shadow: inset 0 -1px 0 var(--QLD-color-system-dark-grey) !important;
        box-shadow: inset 0 -1px 0 var(--QLD-color-system-dark-grey) !important;
        background-color: var( --QLD-color-system-light-grey) !important;
    }

    .qld__table.qld__table--striped .qld__table__body .qld__table__row:nth-last-child(odd), .qld__table.qld__table--striped .qld__table__body tr:nth-last-child(odd), .qld__table.qld__table--striped tbody .qld__table__row:nth-last-child(odd), .qld__table.qld__table--striped tbody tr:nth-last-child(odd), table.qld__table--striped .qld__table__body .qld__table__row:nth-last-child(odd), table.qld__table--striped .qld__table__body tr:nth-last-child(odd), table.qld__table--striped tbody .qld__table__row:nth-last-child(odd), table.qld__table--striped tbody tr:nth-last-child(odd) {
        background-color: var(--QLD-color-system-extra-light-grey) !important;
    }
    
    /* Avoids page breaks inside table rows and images */
    .qld__body tr, .qld__body img {
        page-break-inside: avoid;
    }
    
    /* Ensures table headers are always displayed */
    .qld__body thead {
        display: table-header-group;
    }
    
    /* Adjusts table header and cell styles for print */
    .qld__table .qld__table__header, .qld__table th, table .qld__table__header, .qld__body table th {
        padding: 1.25rem 0.75rem; /* Sets padding for table headers */
        -webkit-box-shadow: inset 0 -2px 0 var(--QLD-color-system-dark-grey) !important; /* Adds a box shadow for WebKit browsers */
        box-shadow: inset 0 -2px 0 var(--QLD-color-system-dark-grey) !important; /* Adds a box shadow */
    }

    .qld__body table td {
        -webkit-box-shadow: inset 0 -1px 0 var(--QLD-color-light-border) !important; /* Adds a box shadow for WebKit browsers */
        box-shadow: inset 0 -1px 0 var(--QLD-color-light-border) !important; /* Adds a box shadow */
    }
    
    
     /*Pagination */
     
      /* This code hides all pagination except the current and the last, on print it displays as page 'Current' of 'Last' */
     
     /* Hide all pagination elements by default */
    .qld__search-pagination__list li {
        display: none;
    }

    /* Show the current and last page elements */
    .qld__search-pagination__list li.active,
    .qld__search-pagination__list li.last {
        display: inline;
    }

    /* Add custom text before the page links */
    .qld__search-pagination__list li.active a::before,
    .qld__search-pagination__list li.last a::before {
        content: "Page ";
    }

    /* Add 'or' text between current and last page */
    .qld__search-pagination__list li.active a::after {
        content: " of ";
        white-space: pre; /* Preserve spaces and line breaks */
    }

        
    /* Footer (Removes footer from print) */
    .qld__footer {
        display: none !important;
        color: var(--QLD-color-system-darkest) !important;
        background: var(--QLD-color-system-white) !important;
        border-color: var(--QLD-color-system-darkest) !important
    }
        

    /* -----------------------------  Forms ----------------------------- */

    /* Select */
    .qld__body select {
        background: var(--QLD-color-system-white) !important;
    }
    
    .sq-form-question-select select, .qld__select {
        border-color: var(--QLD-color-system-dark-grey) !important;
        background-image: url("data:image/svg+xml,%3Csvg fill='%23000' width='1.5em' height='auto' viewBox='0 0 28 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.9 1.1L8 7.2l6.1-6.1L16 2.9l-8 8-8-8 1.9-1.8z'/%3E%3Cpath fill='none' d='M2-5.8h24v24H2v-24z'/%3E%3C/svg%3E") !important
    }
    
    /* Control input */
    .qld__control-input__text {
        color: var(--QLD-color-system-darkest) !important
    }

    .qld__control-input__text:before,
    .qld__control-input__text:after {
        display: none !important
    }
    
    input[type=radio]+label:before, .sq-form-field[type=radio]+label:before, .sq-form-question-option-list input+label:before {
    background-color: var(--QLD-color-transparent);
    border-color: var(--QLD-color-system-dark-grey);
    background-image: none !important;
    }
    
    input[type=checkbox]+label:before, .sq-form-field[type=checkbox]+label:before, .sq-form-question-tickbox-list input+label:before {
    background-color: var(--QLD-color-transparent);
    border-color: var(--QLD-color-system-dark-grey);
    background-image: none !important;
    }
    
    /* Form group */
    .sq-form-question {
        page-break-inside: avoid !important;
    }
    
    
    /* Text input input */
    .sq-form-question input,
    .sq-form-question-email-address input,
    .qld__text-input {
        border-color: var(--QLD-color-system-dark-grey) !important
    }

    .sq-form-question input[disabled],
    .sq-form-question-email-address input[disabled],
    .qld__text-input[disabled] {
        color: var(--QLD-color-system-dark-grey)  !important;
        background-color: var(--QLD-color-system-light-grey) !important;
        border: 2px solid var(--QLD-color-system-light-grey) !important
    }

    .sq-form-question input:disabled,
    .sq-form-question-email-address input:disabled,
    .qld__text-input:disabled {
        color: var(--QLD-color-system-dark-grey)  !important;
        background-color: var(--QLD-color-system-light-grey) !important;
        border: 2px solid var(--QLD-color-system-light-grey) !important
    }
    
    /* Textarea */
    textarea{
    width: 100%;
    }
    
    #content[class^=col-] form{
        margin-top: 0;
    }
    
    
    /* -----------------------------  Page Templates  ----------------------------- */
    
    /* News article pages */
    
    /* Fixes padding for news articles */
    .qld__body.qld__news-content{
        padding-top:1rem !important;
    }
    
     /* Removes share buttons for news articles */
    .qld__news-article__share-btn{
        display:none !important;
        
    }
    
     /* Sets article content to fit width of page */
    .qld__news-article__main{
        width:100% !important;
    }
    
     /* Removes aside on news articles */
    .qld__news-article__aside{
        display:none !important;
    }
    
    /* Removes article share button */
    .qld__news-article__footer__share{
        display:none !important;
    }
    
    
    /* Resource pages */
    
    .qld__resource__container__list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    }
    
     /* Landing page spacing fix */
    
    /* Remove all section colour spacing */
    
    .qld__body, .qld__body.qld__body--alt, .qld__body.qld__body--dark, .qld__body.qld__body--dark-alt{
        padding-top: 2.5rem !important;
        padding-bottom:0px !important;
    }
    
     /* Content page spacing fix */
    
    
    main div.qld__body:first-of-type{
       padding-top: 0rem !important; 
    }
    
    
}


/* ------------- CUSTOM CODE FOR CHQ --------------- */



/*Small adjustment so dark-alt footer uses the light accent colour */

.qld__footer.qld__footer--dark, .qld__footer.qld__footer--dark-alt {
    border-color: var(--QLD-color-light__design-accent);
}






/*This is to make sure pdf file summaries are in upper case - CHQ-60 */
a[href$=".pdf"]::after {
  /*text-transform: uppercase;*/
}


body{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*This Fixes tag button text colours on dark backgrounds */
a.qld__tag:hover, .qld__tag.qld__tag--link:hover{
    color: var(--QLD-color-light__link--on-action);
    text-decoration-color: var(--QLD-color-light__link--on-action);
}


/* fix to video icons colour */
.qld__video_player__transcript .qld__accordion__title i {
    color: var(--QLD-color-light__action--secondary);
    font-size: 1.25rem;
    margin-right: 0.75rem;
}

.qld__header .qld__header__pre-header.qld__header__pre-header {
   background-color:var(--QLD-color-light__design-accent);
   color:var(--QLD-color-light__heading);
}
 
.qld__header .qld__header__pre-header.qld__header__pre-header .qld__header__cta-link-icon {
    color: var(--QLD-color-light__heading);
}       
.qld__header .qld__header__pre-header.qld__header__pre-header .qld__header__pre-header-url {
    color: var(--QLD-color-light__heading);
}
.qld__header .qld__header__pre-header.qld__header__pre-header .qld__header__cta-link {
    color: var(--QLD-color-light__heading);
}

.qld__header .qld__header__pre-header .qld__header__toggle-main-nav svg {
    color: var(--QLD-color-light__heading);
}

.qld__header .qld__header__pre-header .qld__header__toggle-main-nav {
    color: var(--QLD-color-light__heading);
}

.qld__footer.qld__footer--dark-alt {
    background-color: #5D226A;
}

.qld__footer.qld__footer--dark, .qld__footer.qld__footer--dark-alt {
    color: #FFFFFF;
}
.qld__footer.qld__footer--dark .qld__footer__heading, .qld__footer.qld__footer--dark-alt .qld__footer__heading {
    color: #FFFFFF;
}
.qld__footer.qld__footer--dark a.qld__footer__clickable__link, .qld__footer.qld__footer--dark-alt a.qld__footer__clickable__link {
    color: #FFFFFF;
}

.qld__footer.qld__footer--dark a.qld__footer__clickable__link>.qld__icon, .qld__footer.qld__footer--dark-alt a.qld__footer__clickable__link>.qld__icon {
    color: #FFFFFF;
}


.qld__footer.qld__footer--dark .qld__footer__social ul.qld__link-list>li a:hover svg, .qld__footer.qld__footer--dark .qld__footer__navigation ul.qld__link-list>li a:hover svg, .qld__footer.qld__footer--dark-alt .qld__footer__social ul.qld__link-list>li a:hover svg, .qld__footer.qld__footer--dark-alt .qld__footer__navigation ul.qld__link-list>li a:hover svg {
    color: #92C746;
}

 .qld__footer.qld__footer--dark-alt a.qld__btn.qld__btn--secondary {
    color: #FFFFFF;
    background-color: rgba(0,0,0,0);
    border: 3px solid #FFD12F;
}
 .qld__footer.qld__footer--dark-alt a:hover.qld__btn.qld__btn--secondary {
    color: #FFFFFF;
    background-color: rgba(0,0,0,0);
    border: 3px solid #92C746;
}

.qld__page-alerts{
    max-width:48rem;
}


footer{
    position:relative;
}

footer::before {
    content: ''; /* Empty content, since we'll use a background-image */
    position: absolute;
    top: -75px;
    right: 32px;
    width: 200px; /* Width of the SVG */
    height: 100px; /* Height of the SVG, adjust based on your SVG's aspect ratio */
    max-height:100px;
    max-width:300px;
    background-image: url('https://www.childrens.health.qld.gov.au/__data/assets/file/0020/171326/Paper_chain.svg'); /*url('https://www.childrens.health.qld.gov.au/__data/assets/file/0020/171326/Paper_chain.svg');*/ /* Inline SVG */
    background-repeat: no-repeat;
}

.qld__footer.qld__footer--dark a.qld__footer__clickable__link, .qld__footer.qld__footer--dark-alt a.qld__footer__clickable__link, .qld__footer.qld__footer--dark-alt .qld__footer__social ul.qld__link-list>li a:has(svg) span {
    color: #FFFFFF;
        -webkit-text-decoration-color: var(--QLD-color-dark__underline--visited);
    text-decoration-color: var(--QLD-color-dark__underline--visited);
}

.qld__footer.qld__footer--dark a.qld__footer__clickable__link:hover, .qld__footer.qld__footer--dark-alt a.qld__footer__clickable__link:hover, .qld__footer.qld__footer--dark-alt a.qld__footer__clickable__link:hover:visited, .qld__footer.qld__footer--dark-alt .qld__footer__social ul.qld__link-list>li a:has(svg) span:hover, .qld__footer.qld__footer--dark-alt .qld__footer__social ul.qld__link-list>li a:has(svg) span:hover:visited  {
    color: #FFFFFF;
    -webkit-text-decoration-color: var(--QLD-color-dark__underline--visited);
     text-decoration-color:  #FFFFFF;
}

.qld__footer.qld__footer--dark a.qld__footer__clickable__link:visited, .qld__footer.qld__footer--dark-alt a.qld__footer__clickable__link:visited, .qld__footer.qld__footer--dark-alt .qld__btn.qld__btn--secondary, .qld__footer.qld__footer--dark-alt a.qld__btn.qld__btn--secondary, .qld__footer.qld__footer--dark-alt a.qld__btn.qld__btn--secondary:visited {
    color: #FFFFFF;
    -webkit-text-decoration-color: var(--QLD-color-dark__underline--visited);
    text-decoration-color: var(--QLD-color-dark__underline--visited);
}

.qld__footer.qld__footer--dark-alt .qld__btn.qld__btn--secondary:hover, .qld__footer.qld__footer--dark-alt a.qld__btn.qld__btn--secondary:hover, .qld__footer.qld__footer--dark-alt a.qld__btn.qld__btn--secondary:visited:hover {
    border-color: #92C746;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .2), 0px 1px 3px 1px rgba(0, 0, 0, .1);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, .2), 0px 1px 3px 1px rgba(0, 0, 0, .1);
    text-decoration-color:  #FFFFFF;
}

.qld__footer.qld__footer--dark a.qld__btn.qld__btn--secondary:visited:focus:focus, .qld__footer.qld__footer--dark-alt .qld__btn.qld__btn--secondary:focus:focus, .qld__footer.qld__footer--dark-alt a.qld__btn.qld__btn--secondary:focus:focus, .qld__footer.qld__footer--dark-alt a.qld__btn.qld__btn--secondary:visited:focus:focus, .qld__footer.qld__footer--dark-alt a.qld__footer__clickable__link:focus {
    outline: 3px solid #5fa0d2;
}

.qld__footer.qld__footer--dark-alt .qld__btn.qld__btn--secondary:focus, .qld__footer.qld__footer--dark-alt a.qld__btn.qld__btn--secondary:focus, .qld__footer.qld__footer--dark-alt a.qld__btn.qld__btn--secondary:visited:focus{
     border-color: #92C746;
}

.qld__header .qld__header__pre-header a:hover, .qld__header .qld__header__pre-header a:focus {
    text-decoration: underline;
    -webkit-text-decoration: underline;
    text-decoration-thickness: var(--QLD-underline__thickness-thick);
    text-decoration-color: var(--QLD-color-light__heading);
}

.qld__header .qld__header__pre-header .qld__header__cta-wrapper .qld__header__cta-link:hover .qld__header__cta-link-icon {
    color: var(--QLD-color-light__heading);
}


@media (max-width: 699px) {
    footer.qld__footer {
        margin-top: 100px; /* Adjust this value to your desired margin */
    }
}


.qld__video_player__wrapper{
    overflow:hidden;
    border-radius:12px;
}
                            
 .qld__video_player__thumbnail:hover.light .qld__video_player__tag-runtime, .qld__video_player__thumbnail:focus.light .qld__video_player__tag-runtime {
    background-color: var(--QLD-color-light__action--primary-hover);
}                   


#chq__entertainment-cards{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#chq__cards-image{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.qld__max-width{
    max-width:100%;
}


    .iframe-container {
        position: relative;
        width: 100%;
        padding-top: 56.25%; /* 16:9 ratio */
        margin-top: 32px;
        border-radius:0.5rem;
        overflow:hidden;
    }
    .iframe-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

.chq__homepage__feature-card.qld__card.qld__card__multi-action.qld__card__multi-action--feature{
    min-height:auto;
    background-color: #F5F5F5;
    margin-bottom: 32px;
    
}

.qld__lable{
 font-weight:600;   
}

.qld__right-aligned-img{
    width: 100%;
    margin-top: 24px;
}

@media (min-width: 699px) {

.chq__homepage__feature-card.qld__card.qld__card__multi-action.qld__card__multi-action--feature .qld__card__inner {
    -webkit-box-flex: 50%;
    -ms-flex: 50%;
    flex: 50%;
}

.chq__homepage__feature-card.qld__card.qld__card__multi-action.qld__card__multi-action--feature .qld__card__image-link{
    -webkit-box-flex: 50%;
    -ms-flex: 50%;
    flex: 50%;
}

.chq__homepage__feature-card.qld__card.qld__card__multi-action .qld__card__footer-link-icon {
   font-size: 1rem;
   width:1.25rem;
}


.qld__right-aligned-img{
    float: right;
    width: 40%;
    margin-left: 32px;
    margin-top: 24px;
    margin-bottom:24px;
}

.chq__homepage__feature-card.qld__card.qld__card__multi-action.qld__card__multi-action--feature{
    min-height:auto;
    background-color: #F5F5F5;
}

}

@media (min-width: 992px) {

    .chq__homepage__feature-card.qld__card.qld__card__multi-action.qld__card__multi-action--feature{
    margin-bottom:0px;
    }
}

.qld__banner.qld__banner__advanced .qld__banner__image--background {
    padding: 0px;
    padding: 0rem;
    height: 160px;
    height: 15rem;
}

.qld__body *+ul:not([class]), .qld__body *+ol:not([class]), .qld__body *+dl:not([class]), .qld__body *+pre, .qld__footer *+ul:not([class]), .qld__footer *+ol:not([class]), .qld__footer *+dl:not([class]), .qld__footer *+pre {
    max-width: 80ch;
}

.qld__max-width,
.qld__body h1.qld__max-width,
.qld__body h2.qld__max-width,
.qld__body h3.qld__max-width,
.qld__body h4.qld__max-width,
.qld__body h5.qld__max-width,
.qld__body h6.qld__max-width,
.qld__body p.qld__max-width  {
    max-width: 100%;
}

.qld__body img.qld__rounded {
    border-radius: 0.5rem;
}



* + .qld__page-alerts{
    margin-top:32px;
}

.qld__page-alerts .qld__page-alerts--heading {
    color: var(--QLD-color-light__heading);
    margin-bottom: 16px;
    margin-bottom: 1rem;
    margin-top: 0px; 
    margin-top: 0rem; 
}


.qld__page-alerts .qld__page-alerts--heading.qld__display-lg{
        margin-top: 0px; 
    margin-top: 0rem; 
}


.qld__banner .qld__banner__content .qld__banner__heading--dark {
    display: inline;
    background-color: var(--QLD-color-dark__action--primary-hover);
    color: #FFFFFF;
    -webkit-box-shadow: 8px 0px 0 6px var(--QLD-color-dark__action--primary-hover),-8px 0px 0 6px var(--QLD-color-dark__action--primary-hover),-12px 0px 0 6px var(--QLD-color-dark__design-accent),0px 4px 16px rgba(0,0,0,.3);
    box-shadow: 8px 0px 0 6px var(--QLD-color-dark__action--primary-hover),-8px 0px 0 6px var(--QLD-color-dark__action--primary-hover),-12px 0px 0 6px var(--QLD-color-dark__design-accent),0px 4px 16px rgba(0,0,0,.3);
    -webkit-box-decoration-break: clone;
    -ms-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;
    line-height: 1.6;
}

.chq__image-example{
    display:inline-block;
    margin-right:1rem;
    margin-top:1rem;
}


.qld__content-card{
  background-color: #f5f5f5;
  padding:2.5rem;
  border-radius:0.75rem;
}

figure {
    margin-left: 0; 
    max-width: 46rem;
}


/* Queensland paediatric clinical guidelines updates */

.qld__page-alerts.qld__page-alerts--warning.qld__page-alerts--warning-red{
        border-color: #e22339;
}

.qld__page-alerts.qld__page-alerts--warning.qld__page-alerts--warning-red::before {
    background-color: #fefefe;
}

.qld__table--align-top, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody.qld__table--align-top > tr > td{
    vertical-align: top;
}

/* Red table */

.qld__table--contained.qld__table--red {
    border: 1px solid #f8c0c6;
}

.qld__table--contained.qld__table--red .qld__table .qld__table__header,.qld__table--contained.qld__table--red .qld__table th {
    box-shadow: inset 0 -2px 0 #E22339;
}

.qld__table--contained.qld__table--red .qld__table .qld__table__cell, .qld__table--contained.qld__table--red .qld__table td {
    -webkit-box-shadow: 0 -1px 0 #f8c0c6;
    box-shadow: 0 -1px 0 #f8c0c6;
}


.qld__table--contained.qld__table--red .qld__table.qld__table--striped .qld__table__body .qld__table__row:nth-last-child(odd),.qld__table--contained.qld__table--red .qld__table.qld__table--striped .qld__table__body tr:nth-last-child(odd),.qld__table--contained.qld__table--red .qld__table.qld__table--striped tbody .qld__table__row:nth-last-child(odd),.qld__table--contained.qld__table--red .qld__table.qld__table--striped tbody tr:nth-last-child(odd),.qld__table--contained.qld__table--red table.qld__table--striped .qld__table__body .qld__table__row:nth-last-child(odd),.qld__table--contained.qld__table--red table.qld__table--striped .qld__table__body tr:nth-last-child(odd),.qld__table--contained.qld__table--red table.qld__table--striped tbody .qld__table__row:nth-last-child(odd), table.qld__table--striped tbody tr:nth-last-child(odd) {
    background-color: #FFF6F6;
}

.qld__table .qld__table__header th.qld__table__cell__border--red, .qld__table th.qld__table__cell__border--red{
    box-shadow: inset 0 -2px 0 #E22339;
    /*background-color: #ffe7e7;*/
}

.qld__table .qld__table__header td.qld__table__cell--red, .qld__table tbody td.qld__table__cell--red{
    background-color: #FFF6F6;
}

/* Yellow/orange table */

.qld__table--contained.qld__table--orange {
    border: 1px solid #eeae81;
}

.qld__table--contained.qld__table--orange .qld__table .qld__table__header,.qld__table--contained.qld__table--orange .qld__table th{
    box-shadow: inset 0 -2px 0 #E87523
}

.qld__table--contained.qld__table--orange .qld__table.qld__table--striped .qld__table__body .qld__table__row:nth-last-child(odd),.qld__table--contained.qld__table--orange .qld__table.qld__table--striped .qld__table__body tr:nth-last-child(odd),.qld__table--contained.qld__table--orange .qld__table.qld__table--striped tbody .qld__table__row:nth-last-child(odd),.qld__table--contained.qld__table--orange .qld__table.qld__table--striped tbody tr:nth-last-child(odd),.qld__table--contained.qld__table--orange table.qld__table--striped .qld__table__body .qld__table__row:nth-last-child(odd),.qld__table--contained.qld__table--orange table.qld__table--striped .qld__table__body tr:nth-last-child(odd),.qld__table--contained.qld__table--orange table.qld__table--striped tbody .qld__table__row:nth-last-child(odd), table.qld__table--striped tbody tr:nth-last-child(odd) {
    background-color: #fcf8ee;
}

.qld__table--contained.qld__table--orange .qld__table .qld__table__cell, .qld__table--contained.qld__table--orange .qld__table td{
    -webkit-box-shadow: 0 -1px 0 #E87523;
    box-shadow: 0 -1px 0 #E87523;
}

.qld__table .qld__table__header th.qld__table__cell__border--orange, .qld__table th.qld__table__cell__border--orange{
    box-shadow: inset 0 -2px 0 #eeae81;
   /*  background-color:#ffefc8;*/
}

.qld__table .qld__table__header td.qld__table__cell--orange, .qld__table tbody td.qld__table__cell--orange{
    background-color: #fcf8ee;
}


/* Green table */

.qld__table--contained.qld__table--green {
    border: 1px solid #a8cfa9;
}

.qld__table--contained.qld__table--green .qld__table .qld__table__header,.qld__table--contained.qld__table--green .qld__table th{
    box-shadow: inset 0 -2px 0 #339D37;
}

.qld__table--contained.qld__table--green .qld__table .qld__table__cell, .qld__table--contained.qld__table--green .qld__table td {
    -webkit-box-shadow: 0 -1px 0 #a8cfa9;
    box-shadow: 0 -1px 0 #a8cfa9;
}

.qld__table--contained.qld__table--green .qld__table.qld__table--striped .qld__table__body .qld__table__row:nth-last-child(odd),.qld__table--contained.qld__table--green .qld__table.qld__table--striped .qld__table__body tr:nth-last-child(odd),.qld__table--contained.qld__table--green .qld__table.qld__table--striped tbody .qld__table__row:nth-last-child(odd),.qld__table--contained.qld__table--green .qld__table.qld__table--striped tbody tr:nth-last-child(odd),.qld__table--contained.qld__table--green table.qld__table--striped .qld__table__body .qld__table__row:nth-last-child(odd),.qld__table--contained.qld__table--green table.qld__table--striped .qld__table__body tr:nth-last-child(odd),.qld__table--contained.qld__table--green table.qld__table--striped tbody .qld__table__row:nth-last-child(odd), table.qld__table--striped tbody tr:nth-last-child(odd) {
    background-color: #F7FBF8;
}

.qld__table .qld__table__header th.qld__table__cell__border--green, .qld__table th.qld__table__cell__border--green{
    box-shadow: inset 0 -2px 0 #339D37;
   /*  background-color: #f1faec;*/
}

.qld__table .qld__table__header td.qld__table__cell--green, .qld__table tbody td.qld__table__cell--green{
    background-color: #F7FBF8;
}

/* Icons */

.qld__icon--lead.qld__icon--red, .qld__icon--lead.qld__icon--orange, .qld__icon--lead.qld__icon--green{
    float: left;
    padding-top: 0.5em;
    margin-bottom: 0.5em;
    margin-right: 0.5em;
    font-size: 1.5em;
    line-height: .04167em;
    vertical-align: -0.125em;
}

.qld__icon--red{
    color:#E22339;
}

.qld__icon--orange{
    color:#E87523;
}

.qld__icon--green{
    color:#339D37;
}



/*Fixing the map heading color issue */
.qld__service_contact-details .qld__service_contact-details__map .qld__service_contact-details__map__header span {
    color: black;
}

.qld__callout {
    max-width: 48rem;
}




.qld__body.qld__footer--dark-alt a:hover:visited, .qld__footer.qld__body--dark-alt a:hover:visited, .qld__footer.qld__footer--dark-alt a:hover:visited {
    color: #fff;
    text-decoration-color: var(--QLD-color-dark__underline--visited);
    text-decoration-thickness: var(--QLD-underline__thickness-thick);
}

/* Minor updates to fix viusal appearance of data tables */

table.dataTable > thead > tr > th, table.dataTable > thead > tr > td {
    padding: 16px;
}

.qld__data-table.qld__table--striped .qld__table__row:nth-last-child(odd) .qld__data-table__cell.sorting_1, .qld__data-table.qld__table--striped .qld__table__row:nth-last-child(odd) td.sorting_1, .qld__data-table.qld__table--striped tr:nth-last-child(odd) .qld__data-table__cell.sorting_1, .qld__data-table.qld__table--striped tr:nth-last-child(odd) td.sorting_1 {
    background-color: rgba(0,0,0,.025);
}

.qld__data-table .dataTables_length>label>select {
    width: 5rem;
}

/* This is a fix for the share icon colours and modal*/
.qld__news-article ul.qld__news-article__share-list li a {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    text-align: center;
    height: 40px;
    width: 40px;
    background-color: rgb(93, 34, 106);
    color: rgb(255, 255, 255);
    border-radius: 50%;
    text-decoration: none;
}


.qld__news-article ul.qld__news-article__share-list li a:hover {
    background-color: rgb(64 17 75);
}

.qld__modal .qld__modal__body .qld__modal__close:hover svg, .qld__modal .qld__modal__body .qld__modal__close:hover i{
    color: var(--QLD-color-light__link--on-action) !important;
}

/* This is a fix new article tag colour*/

.qld__card .qld__card__footer a.qld__tag:hover, .qld__card .qld__card__footer .qld__tag.qld__tag--link:hover {
    background-color: var(--QLD-color-light__action--primary-hover);
    color: var(--QLD-color-light__link--on-action);
    border-color: var(--QLD-color-light__action--primary-hover);
}