@media (prefers-reduced-motion: no-preference) {
    html {
        scroll-behavior: smooth;
    }
}
html {
    --sosr-space: 2rem;
    scroll-padding: var(--sosr-space);
}

.section-spacer {
    height: var(--sosr-space);
    display: flex;
    justify-content: flex-end;
    align-items: center;
    border-bottom: 1px dotted #e9e9e9;
    margin-bottom: var(--sosr-space);
}

.back-to-top {
    display: flex;
    justify-content: flex-end;
}

@media only screen and (min-width: 768px) {
     #sosr-video {
         float: right;
         width: 50%;
         max-width: 560px;
         clear: both;
         margin-left: min(1rem, 5dvw);
    }
}
 @media only screen and (max-width: 768px) {
     #intro-video {
         display: flex;
         flex-direction: column;
    }
     #intro-video > * {
         width: 100%;
    }
     #sosr-video {
         order: 2;
    }
 }

/* video styles */

#sosr-video {
         margin-bottom: 2vh;
         padding: 0.75rem;
         border: #e8e8e8 1px solid;
         background-color: whitesmoke;
         border-radius: 4px;
    }

#sosr-video iframe[src*="youtube.com"] {
    aspect-ratio: 16 / 9;
    width: 100%;
    height: auto;
}

nav.qg-inpage-nav {
    margin-bottom: var(--sosr-space);
}

/* index cards full width */
.index-cards {
    clear: both;
    margin-bottom: var(--sosr-space);
}
section:has(.card) {
    margin-bottom: 1.5rem;
}

/* add design system card footer */

.qg-card__footer, .card-footer {
    text-align-last: end;
    a {
        display: inline;
    }
}
.qg-card__footer a, .card-footer a {
    padding: 0.25rem 0.25rem 0.5rem;
    font-weight: 600;
}
.card-footer a {
    font-size: 1.25rem;
}

.qg-card__footer a:after,.card-footer a:after {
    content: '';
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M17.4766%2010.6484C17.1484%2010.3203%2016.5469%2010.3203%2016.2188%2010.6484C15.8906%2010.9766%2015.8906%2011.5781%2016.2188%2011.9062L19.9922%2015.625H9.875C9.38281%2015.625%209%2016.0625%209%2016.5C9%2016.9922%209.38281%2017.375%209.875%2017.375H19.9922L16.2188%2021.1484C15.8906%2021.4766%2015.8906%2022.0781%2016.2188%2022.4062C16.5469%2022.7344%2017.1484%2022.7344%2017.4766%2022.4062L22.7266%2017.1562C22.8906%2016.9922%2023%2016.7734%2023%2016.5C23%2016.2812%2022.8906%2016.0625%2022.7266%2015.8984L17.4766%2010.6484ZM16%202.5C8.23438%202.5%202%208.78906%202%2016.5C2%2024.2656%208.23438%2030.5%2016%2030.5C23.7109%2030.5%2030%2024.2656%2030%2016.5C30%208.78906%2023.7109%202.5%2016%202.5ZM16%2028.75C9.21875%2028.75%203.75%2023.2812%203.75%2016.5C3.75%209.77344%209.21875%204.25%2016%204.25C22.7266%204.25%2028.25%209.77344%2028.25%2016.5C28.25%2023.2812%2022.7266%2028.75%2016%2028.75Z%22%20fill%3D%22%23008635%22%2F%3E%3C%2Fsvg%3E);
    display: inline-block;
    height: 2rem;
    width: 2rem;
    vertical-align: middle;
    margin-left: 0.5rem;
}

/* Table horizontal scroll*/
/* #qg-primary-content div:has(table) {
    overflow: auto;
}
*/
/* adds up and down arrows to table cells */
.increase::before, .decrease::before {
     font: normal normal normal 14px/1 'FontAwesome';
     margin-right: 5px;
     font-size: 1.5rem;
}
.increase::before {
     content: "\f0d8";
     color: rgb(87,179,71);
}
.decrease::before {
     content: "\f0d7"; 
     color: rgb(219,46,43);
}
/* vertically align rowspan */
table thead tr th[rowspan] {
    vertical-align: middle;
}
/* horizontally align colspans */
table thead tr th[colspan] {
    text-align: center;
}
/* remove tables stripes for Existing agencies */
table.qg-table-no-stripes tr.existing td, .qld-table .table tr.existing td{
    background: #f6f6f6;
}
/* normalise graph subheading/caption */
.highcharts-subtitle tspan {
    font-style: italic;
    fill: #212529;
    font-size: 16px;
}