/*   Fix video hover button 
----------------------------------------------------------------------------------------------------------

    Background dissapears on video player duration on hover      
    
---------------------------------------------------------------------------------------------------------- */

.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-button__hover);
}


html {
  scroll-behavior: smooth;
}


/*   List items in accordions 
----------------------------------------------------------------------------------------------------------

    Allows bullets to be added for list items in accordions       
    
---------------------------------------------------------------------------------------------------------- */

    .qld__accordion-group ul li ul li{
        list-style:disc;
    }

/*   Mega-Menu With Description Fix
----------------------------------------------------------------------------------------------------------

    Removes some of the borders in the mega-menu
    
---------------------------------------------------------------------------------------------------------- */


.qld__card .qld__card__image-tag {
position: absolute;
left: 0;
bottom:0;
opacity:1;
color:var(--QLD-color-dark-button__text);
display:-webkit-box;
display:-ms-flexbox;
display:flex;
gap:1px;
border-radius:0px 0.5rem 0px 0px;
overflow:hidden;
}


/*   New class External Links
----------------------------------------------------------------------------------------------------------

    Replaces arrow with an icon indicated external link
    
---------------------------------------------------------------------------------------------------------- */



.qld__card.qld__card--arrow .qld__card__content .qld__card__arrow.qld__card__external-link  {
   
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='arrow-up-right-from-square ' class='svg-inline--fa fa-arrow-up-right-from-square fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%2379066B' d='M272 64C263.2 64 256 56.84 256 48C256 39.16 263.2 32 272 32H432C440.8 32 448 39.16 448 48V208C448 216.8 440.8 224 432 224C423.2 224 416 216.8 416 208V86.63L187.3 315.3C181.1 321.6 170.9 321.6 164.7 315.3C158.4 309.1 158.4 298.9 164.7 292.7L393.4 64H272zM0 112C0 85.49 21.49 64 48 64H176C184.8 64 192 71.16 192 80C192 88.84 184.8 96 176 96H48C39.16 96 32 103.2 32 112V432C32 440.8 39.16 448 48 448H368C376.8 448 384 440.8 384 432V304C384 295.2 391.2 288 400 288C408.8 288 416 295.2 416 304V432C416 458.5 394.5 480 368 480H48C21.49 480 0 458.5 0 432V112z'%3E%3C/path%3E%3C/svg%3E");
     
     -webkit-mask-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='arrow-up-right-from-square ' class='svg-inline--fa fa-arrow-up-right-from-square fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%2379066B' d='M272 64C263.2 64 256 56.84 256 48C256 39.16 263.2 32 272 32H432C440.8 32 448 39.16 448 48V208C448 216.8 440.8 224 432 224C423.2 224 416 216.8 416 208V86.63L187.3 315.3C181.1 321.6 170.9 321.6 164.7 315.3C158.4 309.1 158.4 298.9 164.7 292.7L393.4 64H272zM0 112C0 85.49 21.49 64 48 64H176C184.8 64 192 71.16 192 80C192 88.84 184.8 96 176 96H48C39.16 96 32 103.2 32 112V432C32 440.8 39.16 448 48 448H368C376.8 448 384 440.8 384 432V304C384 295.2 391.2 288 400 288C408.8 288 416 295.2 416 304V432C416 458.5 394.5 480 368 480H48C21.49 480 0 458.5 0 432V112z'%3E%3C/path%3E%3C/svg%3E");
    

}


.qld__card.qld__card--arrow:hover .qld__card__arrow.qld__card__external-link {
    
    background-color:var(--QLD-color-light-alt-button__hover);
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='arrow-up-right-from-square ' class='svg-inline--fa fa-arrow-up-right-from-square fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23E65D27' d='M272 64C263.2 64 256 56.84 256 48C256 39.16 263.2 32 272 32H432C440.8 32 448 39.16 448 48V208C448 216.8 440.8 224 432 224C423.2 224 416 216.8 416 208V86.63L187.3 315.3C181.1 321.6 170.9 321.6 164.7 315.3C158.4 309.1 158.4 298.9 164.7 292.7L393.4 64H272zM0 112C0 85.49 21.49 64 48 64H176C184.8 64 192 71.16 192 80C192 88.84 184.8 96 176 96H48C39.16 96 32 103.2 32 112V432C32 440.8 39.16 448 48 448H368C376.8 448 384 440.8 384 432V304C384 295.2 391.2 288 400 288C408.8 288 416 295.2 416 304V432C416 458.5 394.5 480 368 480H48C21.49 480 0 458.5 0 432V112z'%3E%3C/path%3E%3C/svg%3E");

}


li.external-link::after {

    -webkit-mask-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='arrow-up-right-from-square ' class='svg-inline--fa fa-arrow-up-right-from-square fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%2379066B' d='M272 64C263.2 64 256 56.84 256 48C256 39.16 263.2 32 272 32H432C440.8 32 448 39.16 448 48V208C448 216.8 440.8 224 432 224C423.2 224 416 216.8 416 208V86.63L187.3 315.3C181.1 321.6 170.9 321.6 164.7 315.3C158.4 309.1 158.4 298.9 164.7 292.7L393.4 64H272zM0 112C0 85.49 21.49 64 48 64H176C184.8 64 192 71.16 192 80C192 88.84 184.8 96 176 96H48C39.16 96 32 103.2 32 112V432C32 440.8 39.16 448 48 448H368C376.8 448 384 440.8 384 432V304C384 295.2 391.2 288 400 288C408.8 288 416 295.2 416 304V432C416 458.5 394.5 480 368 480H48C21.49 480 0 458.5 0 432V112z'%3E%3C/path%3E%3C/svg%3E");

    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='arrow-up-right-from-square ' class='svg-inline--fa fa-arrow-up-right-from-square fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%2379066B' d='M272 64C263.2 64 256 56.84 256 48C256 39.16 263.2 32 272 32H432C440.8 32 448 39.16 448 48V208C448 216.8 440.8 224 432 224C423.2 224 416 216.8 416 208V86.63L187.3 315.3C181.1 321.6 170.9 321.6 164.7 315.3C158.4 309.1 158.4 298.9 164.7 292.7L393.4 64H272zM0 112C0 85.49 21.49 64 48 64H176C184.8 64 192 71.16 192 80C192 88.84 184.8 96 176 96H48C39.16 96 32 103.2 32 112V432C32 440.8 39.16 448 48 448H368C376.8 448 384 440.8 384 432V304C384 295.2 391.2 288 400 288C408.8 288 416 295.2 416 304V432C416 458.5 394.5 480 368 480H48C21.49 480 0 458.5 0 432V112z'%3E%3C/path%3E%3C/svg%3E");
}

.qld__link-columns li:hover.external-link::after {
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='arrow-up-right-from-square ' class='svg-inline--fa fa-arrow-up-right-from-square fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23E65D27' d='M272 64C263.2 64 256 56.84 256 48C256 39.16 263.2 32 272 32H432C440.8 32 448 39.16 448 48V208C448 216.8 440.8 224 432 224C423.2 224 416 216.8 416 208V86.63L187.3 315.3C181.1 321.6 170.9 321.6 164.7 315.3C158.4 309.1 158.4 298.9 164.7 292.7L393.4 64H272zM0 112C0 85.49 21.49 64 48 64H176C184.8 64 192 71.16 192 80C192 88.84 184.8 96 176 96H48C39.16 96 32 103.2 32 112V432C32 440.8 39.16 448 48 448H368C376.8 448 384 440.8 384 432V304C384 295.2 391.2 288 400 288C408.8 288 416 295.2 416 304V432C416 458.5 394.5 480 368 480H48C21.49 480 0 458.5 0 432V112z'%3E%3C/path%3E%3C/svg%3E");

    background-color:var(--QLD-color-light-alt-button__hover);

}



/*   New class
----------------------------------------------------------------------------------------------------------

    Subheading class
    
---------------------------------------------------------------------------------------------------------- */


.qld__body--sub-heading {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    font-size: 1.25rem;
}


/*   Card Text Colour fix
----------------------------------------------------------------------------------------------------------

    Change the text colour not to use the muted colour scheme
    
---------------------------------------------------------------------------------------------------------- */

.qld__card {
    color: var(--QLD-color-light-text);
}

.qld__card.qld__card--dark, .qld__card.qld__card--dark-alt{
    color: var(--QLD-color-dark-text);
}



/*   Quit HQ Logo hover
----------------------------------------------------------------------------------------------------------

    This changes the colour of the logo to match the crest hover colour
    
---------------------------------------------------------------------------------------------------------- */

.qld__header__brand a:hover img.qld__header__secondary-image {
    content: url("https://www.quithq.initiatives.qld.gov.au/__data/assets/file/0035/97694/quithq-small-logo-Hover.svg");
}




/*   Text improvements
----------------------------------------------------------------------------------------------------------

    The code below increases the text size so that it more accessible 
    
---------------------------------------------------------------------------------------------------------- */


.qld__body p,
.qld__footer p {
    max-width: 46rem;
}

.qld__body h1, h1,
.qld__body h2, h2,
.qld__body h3, h3, 
.qld__body h4, h4,
.qld__body h5, h5 {
    max-width: 46rem;
}



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

@media (min-width: 992px){
.qld__body h2, .qld__footer h2, .qld__main-nav h2 {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.25;
}
}


/*   List item improvement
----------------------------------------------------------------------------------------------------------

    Consistent text size and better alignment for list items
    
---------------------------------------------------------------------------------------------------------- */

.qld__link-list>li{
 margin-bottom:0px;    
}

.qld__inpage-nav-links .qld__link-list > li {
    display: block;
    margin: 4px;
    margin: 0.25rem;
    margin-top: 4px !important;
}


.qld__body * + ul:not([class]) {
    padding-left: 20px;
    margin-top: 1.25rem;
}

.qld__body ul:not([class]) > li > ul:not([class]) > li,
.qld__body ul:not([class]) > li > ol:not([class]) > li,
.qld__body ol:not([class]) > li > ul:not([class]) > li,
.qld__body ol:not([class]) > li > ol:not([class]) > li,
.qld__footer ul:not([class]) > li > ul:not([class]) > li,
.qld__footer ul:not([class]) > li > ol:not([class]) > li,
.qld__footer ol:not([class]) > li > ul:not([class]) > li,
.qld__footer ol:not([class]) > li > ol:not([class]) > li {
    margin-top: 0.5rem;
    list-style-type: circle;
}

ul li::marker {
    color:var(--QLD-color-dark-background);
    font-size: 1.25em;
}

.qld__body ul:not([class]) > li,
.qld__body ol:not([class]) > li,
.qld__footer ul:not([class]) > li,
.qld__footer ol:not([class]) > li ul li:not(:first-child) {
    margin-top: 0.5rem;
}


.qld__body ul li {
    max-width: 46rem;
    font-size: 1.094rem;
    line-height: 1.75rem;
    letter-spacing: 0.02rem;
}

.qld__body ul.qld__card-list li {
    max-width: initial;
    font-size: initial;
    line-height: initial;
    letter-spacing: initial;
}

.qld__card__footer-inner .qld__link-list li{
    margin-top:1rem;
}


ol.numbered-list {
    counter-reset: li;
    list-style-type: none;
    padding-left: 0px;
    margin-top: 1.5rem;
}


ol.numbered-list li + li {
    margin-top: 0.75rem;
}

ol.numbered-list li {
    position: relative;
    padding-left: 48px;
    max-width: 46rem;
    font-size: 1.094rem;
    line-height: 1.75rem;
    letter-spacing: 0.02rem;
    padding-top: 0.4rem;
}

ol.numbered-list li:before {
    content: counter(li);
    counter-increment: li;
    height: 32px;
    width: 32px;
    border: 1px solid var(--QLD-color-light-alt-border);
    border-radius: 50%;
    color: #46024c;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0.25rem;
    font-size: 1em;
    line-height: 30px;
    font-variant-numeric: proportional-nums;
}



/*   Curved banner design
----------------------------------------------------------------------------------------------------------

    The code below applies the curved banner design at sizes above 1600px 
    
---------------------------------------------------------------------------------------------------------- */

@media (min-width: 992px){
.qld__banner.qhealth__banner__basic .qhealth__banner__content {
    min-height: 240px;
}

.qld__banner.qld__banner__advanced.qld__banner--breadcrumbs.qld__banner--has-hero .qld__banner__content{
    height:100%;
}

}


@media (min-width: 1312px){
.qld__banner.qld__banner--hero-right .qld__banner__image {
    max-width: 36vw;
    width: 36vw;
    left: 5vw;
}
}

.qld__banner.qhealth__banner__basic .qld__banner__content{
    width:100%;
}


.content {
    position: relative;
    /*Needed so content sits properly on the stack*/
}

#content {
    position: relative;
    /*Needed so content sits properly on the stack*/
}

.qld__main-nav {
    max-width: 1600px;
    /*max size for the navigation component*/
    margin: auto;
    /*keeps nav in center */
}

.qld__banner {
    max-width: 1600px;
    /*max size for the banner component*/
    margin: auto;
    /*keeps banner in center */
    box-shadow: 0px 1px 2px hsl(37deg 14% 67%);
    /* Adds shadow to banner */
}


.qld__banner__main {
    align-content: flex-start;
}

.qld__footer {
    position: relative;
    /*Needed so content sits properly on the stack*/
}


.qld__main-nav.qld__main-nav--mega .qld__main-nav__menu-sub{
    z-index: 500;
    /*Needed so content sits properly on the stack*/
}

body a.qld__btn.qld__btn--floating.qld__btn--back-to-top {
    z-index: 1000;
    /*ensures back-to top button stays above content */
}




/* Fixes alignment for hero image */

@media (min-width: 1312px) {



    .qld__banner__hero {
        width: 41.66667% !important;

    }

    .qld__banner.qld__banner--hero-right .qld__banner__hero {
        left: 58.5%;
    }

}


/* Applies banner design at 1600px */

@media (min-width: 1600px) {


    .qld__body--full-width {
        border-radius: 12px;
    }


    .qld__main-nav {
        border-radius: 32px 32px 0px 0px;
        /* Curved edges for nav*/
        box-shadow: 0px 1px 2px hsl(37deg 14% 67%);

    }

    .qld__banner {
        border-radius: 0px 0px 40px 40px;
        /* Curved edges for banner*/
        z-index: 200;

    }
    

    .qld__banner.qld__banner--hero-right .qld__banner__image{
        max-width:665px;
        width: 35vw;
        left: 5vw;
    }
  
    
    /* Adds height and pulls the div below the banner to sit under it slightly */

    .qld__banner + div.qld__body {
        margin-top: -64px;
        padding-top: 128px;
    }

    .qld__banner + #content {
        background-color: #ffffff;
        padding-top: 64px;
        margin-top: -64px;
    }
    
   .qld__banner + .qld__body.qld__search{
    position: relative;
    margin-top: -64px;
    padding-top: 124px;
    }
    

    /*  This applies a background to the whole top of the header */

    .qld__header::before {
        width: 100%;
        content: " ";
        background-color: #f4efe7;
        /* img or colour set by user */
        background-image: url("https://qhscb.squiz.cloud/quithq/_media/images/banners/Texture.png/");
        position: absolute;
        height: 100%;
    }

    .qld__header__main {
        background: transparent;
        /* removes current header background */
        position: relative;
    }

}


/*   SIZE FIX 
----------------------------------------------------------------------------------------------------------

    Fix for button size so that the size it spans correctly to the content it contains  
    
---------------------------------------------------------------------------------------------------------- */

    .qld__btn {
    width: fit-content !important;
    }



/*   SPACING FIX 
----------------------------------------------------------------------------------------------------------

    Genearl spacing fixes for content between rows 
    
---------------------------------------------------------------------------------------------------------- */

    div.row.homepage-section  +  div.row.homepage-section {
    margin-top: 20px;
         Space between row for Mobile and Tablet 
    }
    
    @media (min-width: 992px) {
    
      div.row.homepage-section +  div.row.homepage-section {
            margin-top: 32px;
            Space between row for desktop 
       }
    
    }
    
    .qld__body .qld__btn{
        margin-top:2rem;
        margin-top:32px;
    }
    
    
    
    .row.homepage-section {
        row-gap: 32px
    }
    
    
    .qld__card + div {
        margin-top: 32px;
        /*  Adds correct spacing between cards */
    }






/*   SPACING FIX 
----------------------------------------------------------------------------------------------------------

    Makes arrow cards fill container 
    
---------------------------------------------------------------------------------------------------------- */


.qld__card--arrow {
    flex-grow: 1;
}

.qld__card.qld__card--arrow .qld__card__inner {
    justify-content: center;
    /*  Aligns content vertically for better display across the row */
}




/*  NEW CLASS FOR RESPONSIVE IAMGES
----------------------------------------------------------------------------------------------------------

    Home page images use this class so that they respond the the space correctly
    
---------------------------------------------------------------------------------------------------------- */

.qld__images--16-9 {
    object-fit: cover;
    aspect-ratio: 16 / 9;
    flex-grow: 1;
    border-radius: 12px;
}


/*  Link COL fixes
----------------------------------------------------------------------------------------------------------

   This fix makes the Link col align properly to other elements int he row
    
---------------------------------------------------------------------------------------------------------- */

.qld__link-columns a {
    align-items: baseline;
}


.qld__link-columns>li:hover::after{
    background-color:var(--QLD-color-light-alt-button__hover);
}

.qld__link-columns a:hover::before {
    color: #414141;
    text-decoration: none;
}




/*  CTA FIXES
----------------------------------------------------------------------------------------------------------

   Various CTA fixes to ensure the colour on dark and icon colour changes are correct
    
---------------------------------------------------------------------------------------------------------- */


.qld__body a.qld__cta-link.qld__cta-link--view-all:hover::after,
.qld__main-nav a.qld__cta-link.qld__cta-link--view-all:hover::after {
    background-color:var(--QLD-color-light-alt-button__hover);
}



.qld__body--dark .qld__cta-link:hover::after, .qld__body--dark-alt .qld__cta-link:hover::after, .qld__main-nav--dark .qld__cta-link:hover::after, .qld__body--dark a.qld__cta-link:hover::after, .qld__body--dark-alt a.qld__cta-link:hover::after, .qld__main-nav--dark a.qld__cta-link:hover::after{
    background-color:var(--QLD-color-dark-alt-button__hover);
}




/*   NEW ICON CLASSES
----------------------------------------------------------------------------------------------------------

    Icon classes needed to add icons to the home page
    
---------------------------------------------------------------------------------------------------------- */


/*  Sets position and font for icons */

.quithq__icon::before {
    display: inline;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-right: 0.75rem;
    font-size: 1.1em !IMPORTANT;
    vertical-align: middle;
    line-height: 1.25em !important;
    color: #0c4e73;
    float: left;
    width: 1.25em;
    text-align: center;
    font: var(--fa-font-light);
}


li a.quithq__icon::before {
    display: inline;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-right: 0.75rem;
    font-size: 1.1em !IMPORTANT;
    vertical-align: middle;
    line-height: 1.25em !important;
    color: #0c4e73;
    float: left;
    width: 1.25em;
    text-align: center;
    position:relative;
    font: var(--fa-font-light);
    height:100%;
}


/*   ICONS */


.one::before {
    content: "\e0ee" !important;
}

.two::before {
    content: "\e0ef" !important;
}

.three::before {
    content: "\e0f0" !important;
}


.cost::before {
    content: "\f2e8" !important;
}

.heart1::before {
    content: "\f21e" !important;
}

.repair::before {
    content: "\f63e" !important;
}

.vape::before {
    content: "\f604" !important;
}

.coronavirus::before {
    content: "\e4a8" !important;
}

.cost::before {
    content: "\f2e8" !important;
}

.protect::before {
    content: "\e574" !important;
}



.qld__card .qld__card__footer .qld__card__footer-link-icon i:before{
    display:inline-block;
}


/* Mega Card Fixes
----------------------------------------------------------------------------------------------------------

    This fixes the colour of the last updated on each page 
    
---------------------------------------------------------------------------------------------------------- */


@media (min-width: 699px) {

    .qld__card.qld__mega-card--feature {
        flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }


    .qld__card.qld__mega-card--feature .qld__responsive-media-img--bg,
    .qld__card.qld__mega-card--feature .qld__mega-card__image-link {
        background-position: center;
        background-size: cover;
        position: relative;
        border-bottom: 1px solid #949494;
        padding-bottom: 56.25%;
        width: 100%;
    }

}


@media (min-width: 1312px) {

    .qld__card.qld__mega-card--feature .qld__card__inner{
        flex-basis: 33.33333%;
    }

    .qld__card.qld__mega-card--feature .qld__responsive-media-img--bg,
    .qld__card.qld__mega-card--feature .qld__mega-card__image-link {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        flex-grow: 1;
    }

    .qld__card.qld__mega-card--feature {
        min-height: 400px;
        min-height: 22.5rem;
    }

    .qld__card.qld__mega-card--feature {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .qld__card.qld__mega-card--feature .qld__responsive-media-img--bg,
    .qld__card.qld__mega-card--feature .qld__mega-card__image-link {
        padding-bottom: 0px;
        padding-bottom: 0rem;
    }
}


.qld__card.qld__mega-card .qld__card__footer-inner .qld__card__footer-link{
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
}

.qld__card__footer-link:hover .qld__footer__cta__icon{
  color: var(--QLD-color-light-alt-button__hover);
}



/*  NEW CLASS CONTENT CARD
----------------------------------------------------------------------------------------------------------

    A large card for biggest sections of content - only applies to alt colour
    
---------------------------------------------------------------------------------------------------------- */


.qld__content-card section.qld__body.qld__body--alt {
    border: 1px solid var(--QLD-color-light-alt-border);
    border-radius: 8px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 32px;
    padding-left: 16px;
    width: 100%;
    padding-bottom: 32px;
    margin-bottom: 40px;
    box-shadow: 0px 1px 2px hsl(37deg 14% 67%);
    max-width: 50rem;
}




@media (min-width:992px){
  .qld__content-card section.qld__body.qld__body--alt {
    margin-left: 32px;
    margin-right: 32px;
}  
}


/*  FIX Video Component
----------------------------------------------------------------------------------------------------------

    Genereral fixes for video player
    
---------------------------------------------------------------------------------------------------------- */


@media (min-width: 699px) {

    .qld__video_player .qld__video_player__width {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.qld__video_player {
    padding-top: 0px;
    /*padding-bottom: 0px;*/
}

.qld__video_player__wrapper {
    -webkit-box-shadow: 0px 1px 2px hsl(37deg 14% 67%);
    box-shadow: 0px 1px 2px hsl(37deg 14% 67%);
    border: 1px solid #ebece8;
    border-radius: 8px;
    overflow: hidden;
}



.qld__body .qld__video_player a.qld__video_player__thumbnail:focus {
    outline: 3px solid #0c4e73;
    outline-offset: -3px;
    border-radius: 8px 8px 8px 0;
}





/*  Table fixes
----------------------------------------------------------------------------------------------------------

    Fixes table design
    
---------------------------------------------------------------------------------------------------------- */

.qld__table .qld__table__header {
    text-align: left;
}


.qld__table {
    max-width: 46rem;
    margin-top: 24px;
    margin-bottom: 32px;
    width:100%;
}

.qld__table i {
    font-size: 1.75rem;
    line-height: 2rem;
    color: var(--QLD-color-light-heading);
    font-weight: 300;
}

.qld__table.qld__table--with-icons td:nth-child(3n+1) {
    text-align: center;
}

.qld__table tr:nth-child(even) {
    background-color: var(--QLD-color-light-background__shade);
}


/*  Cost caluator fixes
----------------------------------------------------------------------------------------------------------

    A large card for biggest sections of content
    
---------------------------------------------------------------------------------------------------------- */


#cost-calculator p,
#cost-calculator h2,
#cost-calculator h3,
#cost-calculator h4 {
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 24px !important;
}

#cost-calculator {
    border-radius: 12px;
    box-shadow: 0px 1px 2px hsl(37deg 14% 67%);
    overflow: hidden;
}

#cost-calculator .container {
    padding: 20px !important;
}

.page-wrap {
    display: none;
}

#cost-calculator-steps .cost-summary sup,
#cost-calculator-steps .cost-total sup {
    top: -0.3em !important;
    font-size: 0.5em !important;
    margin-right: 0.25em !important;
}


/*  CHUman repair fixes
----------------------------------------------------------------------------------------------------------

    A large card for biggest sections of content
    
---------------------------------------------------------------------------------------------------------- */


#human-repair .timeline {
    border-radius: 12px;
    box-shadow: 0px 1px 2px hsl(37deg 14% 67%);
    overflow: hidden;
    height: 75vh !important;
}



#human-repair .timeline .scrollbar button .tip {
    border-radius: 4px;
}


#human-repair .timeline .items .item.end a.btn {
    border-radius: 4px;
}


/*   NEW ICON CLASSES FOR ACCORDIANS
----------------------------------------------------------------------------------------------------------

    Icon classes needed to add cions to the the accordian on the feel better page
    
---------------------------------------------------------------------------------------------------------- */


/*  Update to better position accordion title */

#qld__accordian--icons .qld__accordion__title {
    display: inline;
    font-weight: 600;
    vertical-align: middle;
    line-height: 50px;
}


/*  Class sets position for icon */

#qld__accordian--icons .qld__accordion__title::before {
    display: inline;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-right: 1rem;
    vertical-align: middle;
    color: #0c4e73;
    float: left;
}

/*  Head icon */

#qld__accordian--icons .head .qld__accordion__title::before {
    content: url("/?a=97718");
    width: 50px;
    height: 50px;
}

/*  Stomach icon */

#qld__accordian--icons .stomach .qld__accordion__title::before {
    content: url("/?a=97723");
    width: 50px;
    height: 50px;
}

/*  Sexual health icon */

#qld__accordian--icons .sexual-health .qld__accordion__title::before {
    content: url("/?a=97722");
    width: 50px;
    height: 50px;
}

/*  Blood Icon */

#qld__accordian--icons .blood .qld__accordion__title::before {
    content: url("/?a=97715");
    width: 50px;
    height: 50px;
}

/*  DNA Icon */

#qld__accordian--icons .DNA .qld__accordion__title::before {
    content: url("/?a=97717");
    width: 50px;
    height: 50px;
}

/*  Lungs icon */

#qld__accordian--icons .lungs .qld__accordion__title::before {
    content: url("/?a=97720");
    width: 50px;
    height: 50px;
}

/*  Heart icon */

#qld__accordian--icons .heart2 .qld__accordion__title::before {
    content: url("/?a=97719");
    width: 50px;
    height: 50px;
}

/*  Muscle icon */

#qld__accordian--icons .muscles .qld__accordion__title::before {
    content: url("/?a=97716");
    width: 50px;
    height: 50px;
}

/*  Pregnancy icon */

#qld__accordian--icons .pregnancy .qld__accordion__title::before {
    content: url("/?a=97721");
    width: 50px;
    height: 50px;
}

/*   Header reduce size test  
----------------------------------------------------------------------------------------------------------

   This is test code to change the header size.      
    
---------------------------------------------------------------------------------------------------------- */


@media (min-width: 992px){
    
.qld__header .qld__header__pre-header a{
    font-size:14px;
    line-height:1;
}    

.qld__header .qld__header__pre-header-url{
        font-size:14px;
    line-height:1;
}    
    
.qld__header .qld__header__pre-header {
    padding-top: 8px;
    padding-top: 0.5rem;
    padding-bottom: 8px;
    padding-bottom: 0.5rem;
}

.qld__header .qld__header__main .qld__header__brand {
    padding: 32px 0;
}


.qld__header .qld__header__search {
    padding: 32px 0;
}


.qld__main-nav.qld__main-nav--mega .qld__main-nav__item-link, .qld__main-nav.qld__main-nav--mega .qld__main-nav__item-toggle-text {
    padding-top:10px;
    padding-bottom:10px;
}

}