/*START customisations by Steph Soya
These customisations have been done to resolve style errors on the site.
They have been placed in this stylesheet as the Courts Website Project team does not have access to any other file.
In future these style rules should be adjusted in their source files 
*/

/* Disable tel: links on desktop viewports */
@media (min-width: 768px) {
  .qld__header__pre-header a[href^="tel:"],
  .qld__header__main a[href^="tel:"],
  .qld__body a[href^="tel:"],
  .qld__footer a[href^="tel:"],
  .qld__banner a[href^="tel:"],
  .qld__main-nav a[href^="tel:"] {
    pointer-events: none!important;
    cursor: default!important;
    text-decoration: none!important;
    color: inherit!important;
  }
}

/*table classes*/

/* left align cell text */
    .cellLeftAlign {
        padding-left:0;    
}

/* top align cell text */    
    .cellTopAlign {
        vertical-align: top;
}

/* margin above accordion */  

.qld__accordion {
    margin-top:25px;
}

/* decrease h3 heading on cards */
.qld__card .qld__card__inner .qld__card__title {

    font-size: 1.47rem !important;
}

/* to align page alerts with page content when used as a raw container*/
.qld__page-alerts.qld__page-alerts--svg.qld__page-alerts--info {
    margin-left: 0 !important;
}

/*to work around component style that removes <p> margin spacing*/
.qld__callout__heading {
    margin-bottom: 8px !important;
    padding-top:8px !important;
}
    
.qld__callout p {
    padding-top:8px !important;
    padding-bottom:8px !important;
}

/*adds arrow to link that overides default style*/
.qld__link-columns_internal > li:has(a:not([target="_blank"]))::after  {
    content: "" !important;
    width: 2rem !important; /* Adjust width for the arrow */
    height: 2rem !important; /* Adjust height for the arrow */
    display: inline-block !important;
    background-color: #660a00 !important; /* Set the arrow colour */
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.293 4.707 17.586 11H4v2h13.586l-6.293 6.293 1.414 1.414L21.414 12l-8.707-8.707-1.414 1.414z'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.293 4.707 17.586 11H4v2h13.586l-6.293 6.293 1.414 1.414L21.414 12l-8.707-8.707-1.414 1.414z'/%3E%3C/svg%3E") !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
    transform: none !important;
    margin-top: -10px;
}  

.qld__link-columns_internal > li:has(a:not([target="_blank"]))::before {
    all: unset; /* Completely reset all inherited styles */
    content: none; /* Remove any content */
}


/* On A-Z component make the columns stick to 50% width on desktop */
@media (min-width: 990px) {
.qld__contact_a_z__detail-section {
    max-width: 50%;
}
}

/*stop alert box from being indented*/
@media (min-width: 992px) {
.Alert-left {
    margin-left: 0 !important; 
}
}

/*turns published dates off on all serach results*/
.qld__search__results .qld__search__result-date {
    display: none !important;
}

/*.qld__card.qld__card__multi-action .qld__card__footer-link {
font-weight:300!important;
}*/

/*END customisations by Steph Soya*/

.qld__grid,
    .qld__grid ::before,
    .qld__grid ::after{
        --QLD-color-light-siteTitle: #022A50 ;
        --QLD-color-light-designAccent:#6BBE27; 
        --QLD-color-light-heading: #03213F ;
        --QLD-color-light-text: #414141 ;
        --QLD-color-light-text__muted: #636363 ;
        --QLD-color-light-link: #09549F ;
        --QLD-color-light-link__visited: #551A8B ;
        --QLD-color-light-button__text: #FFFFFF ;
        --QLD-color-light-button: #09549F ;
        --QLD-color-light-button__hover: #003E7D ;
        --QLD-color-light-focus: #0085B3 ;
        --QLD-color-light-border: #EBEBEB ;
        --QLD-color-light-background: #FFFFFF ;
        --QLD-color-light-background__shade: #F5F5F5 ;
        
        
        
        
        --QLD-color-light-underline: #3F7AB4 ;
        
        --QLD-color-light-hover-underline: #09549F ;
        
        --QLD-color-light-visited-underline: #8B63B0 ;
        
        --QLD-color-light-hover-visited-underline: #551A8B ;

        --QLD-color-light-alt-button: #008635 ;
        --QLD-color-light-alt-button__hover: #005B23 ;
        --QLD-color-light-alt-border: #7A7A7A ; 
        --QLD-color-light-alt-background: #E8E8E8 ;
        --QLD-color-light-alt-background__shade: #E0E0E0 ;
        

        --QLD-color-dark-siteTitle: #FFFFFF ;
        --QLD-color-dark-designAccent: #6BBE27 ;
        --QLD-color-dark-heading: #FFFFFF ;
        --QLD-color-dark-text: #FFFFFF ;
        --QLD-color-dark-text__muted: #DEEBF9 ;
        --QLD-color-dark-link: #FFFFFF ;
        --QLD-color-dark-link__visited: #E1BBEE ;
        --QLD-color-dark-button__text: #121940 ;
        --QLD-color-dark-button: #78BA00 ;
        --QLD-color-dark-button__hover: #ADD33F ;
        --QLD-color-dark-focus: #01B0E5 ;
        --QLD-color-dark-border: #2573C1 ;
        --QLD-color-dark-background: #09549F ;
        --QLD-color-dark-background__shade: #04498F ;
        
        
        
        --QLD-color-dark-underline: #B5CCE2 ;
        
        --QLD-color-dark-hover-underline: #FFFFFF ;
        
        --QLD-color-dark-visited-underline: #E1C2FF ;
        
        --QLD-color-dark-hover-visited-underline: #E1BBEE ;

        --QLD-color-dark-alt-button: #FFE500 ;
        --QLD-color-dark-alt-button__hover: #FFEF60 ;
        --QLD-color-dark-alt-border: #09ACFE ;
        --QLD-color-dark-alt-background: #05325F ;
        --QLD-color-dark-alt-background__shade: #052C53 ;
        
    --QLD-border-width-thin: 1px;
    --QLD-border-width-default: 2px;
    --QLD-border-width-medium: 3px;
    --QLD-border-width-thick: 4px;
    --QLD-border-width-extra-thick: 8px;

}