:root{
    
    --QLD-color__chart-bg--1:#0085B3;
    --QLD-color__chart-bg--2:#09549F;
    --QLD-color__chart-bg--3:#05325F;
    --QLD-color__chart-bg--4:#008635;
    --QLD-color__chart-bg--5:#339D37;
    --QLD-color__chart-bg--6:#02A18E;
    --QLD-color__chart-bg--neutral:#f5f5f5;
}

.qld__legend-hidden-icon {
    width: 1.25rem;
    vertical-align: middle;
    margin-right: 0.5rem;
    display: flex;
}

.qld__accordion h3{
    max-width:100%;
}

.qld__legend-container ul {
    display: flex;
    gap: 0.75rem;
    padding: 0;
    flex-wrap: wrap;
}

.qld__legend-text.hidden {
  text-decoration: line-through;
}

* + .qld__legend-container{
    margin-top: 1rem;
}

.qld__legend-item {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    padding-top: 2px;
    padding-bottom: 2px;
}

.qld__tag.qld__tag--link.qld__legend-item:hover {
    background-color: #f5f5f5;
    color: var(--QLD-color-light__link);
    text-decoration-color: var(--QLD-color-light__link);
}

.qld__legend-box {
    display: inline-block;
    height: 1.25rem;
    width: 1.25rem;
    border-radius: 50%;
    margin-right: 0.5rem;
}

.qld__legend-text {
  margin: 0;
  padding: 0;
}

.qld__legend-text.hidden {
  text-decoration: line-through;
}

.qld__chart {
    padding: 1rem;
    background: #fff;
    border: 1px solid #f5f5f5;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    border-radius: 8px;
    position: relative;
    overflow-y: auto;
}


.qld__body .qld__chart h1, .qld__body .qld__chart h2, .qld__body .qld__chart h3, .qld__body .qld__chart h4, .qld__body .qld__chart h5, .qld__body .qld__chart h6, .qld__body .qld__chart [class*="qld__display-"]  {
    color:var(--QLD-color-light__heading);
}

.qld__body--dark .qld__chart .qld__label, .qld__body--dark-alt .qld__chart  .qld__label, .qld__body--dark .qld__chart label, .qld__body--dark-alt .qld__chart  label {
    color: var(--QLD-color-light__text);
}

.qld__card:not(.qld__card--dark):not(.qld__card--dark-alt) [class*="qld__display-"] {
    color:var(--QLD-color-light__heading);
}

* + .qld__chart{
    margin-top: 1.5rem;
}

.qld__chart * + canvas{
 margin-top: 1.5rem;
}

@media (min-width: 699px) {
.qld__chart {
    padding: 1.5rem;
}

.qld__card.qld__card--icon-left.qld__flex-item-45{
    flex: 1 0 46%;
}

}

@media (min-width: 922px) {
.qld__chart {
    padding: 2rem;
}

* + .qld__chart{
    margin-top: 2rem;
}

.qld__chart * + canvas{
 margin-top: 2rem;
}
}


.floating-label {
  display: none;
}

@media (min-width: 699px) {
.floating-label {
  display: block;
  position: absolute;
  top: calc(50% - 32px);
  background: #ffffff;
  padding: 1rem;
  border-radius: 4px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    text-align:center;
    max-width: 30%;
}

.floating-label h2, .floating-label h3, .floating-label h4, .floating-label p, .floating-label span  {
 font-size:1.25rem;
}

.floating-label.left {
  left: 3%; 

}

.floating-label.right {
  right: 3%; 

}

}

@media (min-width: 992px){
.qld__body.qld__body--alt.qld__testimonial-section {
    background-image: url(https://www.careers.health.qld.gov.au/__data/assets/image/0030/293871/Testimonial-Background-Subtle.png);
    background-size: contain;
    background-position: center;
    background-repeat:no-repeat;
}
}



h2, h3, h4, h6 {
    max-width:46rem;
}



/*  Tabs fix
----------------------------------------------------------------------------------------------------------

   Miss spelled variable name in code
    
---------------------------------------------------------------------------------------------------------- */

.qld__body--alt+.qld__tab-section .qld__tab-container .qld__tab-button:not(.active), .qld__body--alt+data+.qld__tab-section .qld__tab-container .qld__tab-button:not(.active) {
    color: var(--QLD-color-light__link);
}

/*   Careers logo in banner
----------------------------------------------------------------------------------------------------------

    Thes classes are for the careers logo placed in banner
    
---------------------------------------------------------------------------------------------------------- */


#Career_logo {
    margin-top: -4rem;
    max-width: 350px;
    background-color: var(--QLD-color-dark__background);
    padding-top: 1.25rem;
    border-radius: 0.75rem;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}


@media (min-width: 699px) {
    #Career_logo {
        margin-top: -1rem;
        max-width: 420px;
        padding: 0px;
        border-radius: 0px;
        background-color: transparent;
    }
}

/*   First Nations Landing Page
----------------------------------------------------------------------------------------------------------

    These classes are to add custom first nations branding and graphics onto their landing page
    
---------------------------------------------------------------------------------------------------------- */


.qld__divider--firstnations{
    height: 112px;
    width: 100%;
    Background-image: url(/__data/assets/image/0030/194457/Repeating-Divider.png);
    background-repeat-y: no-repeat;
    z-index: 50;
    position: relative;
    margin-top:-1rem;
}


.qld__divider--firstnations + section, .qld__divider--firstnations + data + section {
 margin-top:-1rem;   
}

#First-nations-content{
    background-color:#FCF4E2;
}


.qld__body.qld__making-tracks-bg{
    background-image: url(/__data/assets/image/0028/194527/Making-Tracks_BG.jpg);
    background-position: center;
    background-size: cover;
}

.qld__body#qld__making-tracks-bg{
    background-image: url(/__data/assets/image/0028/194527/Making-Tracks_BG.jpg);
    background-position: center;
    background-size: cover;
}

.centre-aligned{
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

/*   Max Width Class 
----------------------------------------------------------------------------------------------------------

    Missing class from DTA that overrrides max width on text to prevent orphan text
    
---------------------------------------------------------------------------------------------------------- */

.qld__body .qld__max-width{
    max-width:100% !important;
}



/*   New Content Page <Secction Spacing Fx>
----------------------------------------------------------------------------------------------------------

    For some reason sections were set to have the same spacing as <h2> regarless of if they were in different sections
    
---------------------------------------------------------------------------------------------------------- */



@media (min-width: 992px){
main .qld__body #content[class^=col-]>.qld__body, #main_form .qld__body #content[class^=col-]>.qld__body, #content .qld__body #content[class^=col-]>.qld__body, form .qld__body #content[class^=col-]>.qld__body {
    margin-left: 0px;
    margin-left: 0rem;
    margin-right: 0px;
    margin-right: 0rem;
    padding-left: 0px;
    padding-left: 0rem;
    padding-right: 0px;
    padding-right: 0rem;
    padding-top: 64px;
    padding-top: 4rem;
    padding-bottom: 64px;
    padding-bottom: 4rem;
}
}



/*   New Content Card style 
----------------------------------------------------------------------------------------------------------

    Needed to highlight content in a way that is not a callout and more sublte then card    
    
---------------------------------------------------------------------------------------------------------- */



/* New content card style */

.qld__content__card {
    padding: 2rem;
    border-radius:0.75rem;
}


.qld__content__card.qld__content__card--default {
    background-color: #f5f5f5;
}

.qld__content__card.qld__content__card--alt {
    background-color: var(--QLD-color-light__background--alt-shade);
}

.qld__content__card.qld__content__card--dark {
    background-color: var(--QLD-color-dark__background--shade);
}

.qld__content__card.qld__content__card--dark-alt {
    background-color: var(--QLD-color-dark__background--alt-shade);
}





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

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


.qld__video_player__thumbnail:hover.dark .qld__video_player__tag-runtime, .qld__video_player__thumbnail:focus.dark .qld__video_player__tag-runtime {
    background-color: var(--QLD-color-dark__action--primary-hover);
}

.qld__video_player__thumbnail:hover.dark .fa-play-circle:after, .qld__video_player__thumbnail:focus.dark .fa-play-circle:after {
    border-bottom-color: transparent;
}

.qld__video_player__thumbnail:hover.dark .fa-play-circle:after, .qld__video_player__thumbnail:focus.dark .fa-play-circle:before {
    content:f04b;
}

.qld__video_player__thumbnail:hover.dark:before, .qld__video_player__thumbnail:focus.dark:before {
    background-color: rgba(34, 32, 32, 0.10);
}



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

.qld__video_player__thumbnail:hover.ligh .fa-play-circle:after, .qld__video_player__thumbnail:focus.light .fa-play-circle:after {
    border-bottom-color: transparent;
}

.qld__video_player__thumbnail:hover.light .fa-play-circle:after, .qld__video_player__thumbnail:focus.light .fa-play-circle:before {
    content:f04b;
}

.qld__video_player__thumbnail:hover.light .qld__video_player__tag-runtime, .qld__video_player__thumbnail:focus.light .qld__video_player__tag-runtime {
    background-color: rgba(0, 62, 125, 0.9);
}


/*   New Image classes
----------------------------------------------------------------------------------------------------------

These are important classes needed for images in the design system

---------------------------------------------------------------------------------------------------------- */

figure {
    display: block;
    margin: 0;
    padding: 0;
}

/* Right aligned image style */

.qld__body figure.qld__right-aligned-img {
    height: auto;
    max-width: 100%;
    border-radius: 8px;
    float: none;
    margin-left: 0px;
    margin-bottom: 24px;
    margin-top:24px;
    overflow: clip;
    clear:both;
}

@media (min-width: 699px) {
    .qld__body figure.qld__right-aligned-img {
        height: auto;
        max-width: 40%;
        border-radius: 8px;
        float: right;
        margin-left: 24px;
        margin-bottom: 24px;
    }
}

.qld__body figure.qld__right-aligned-img img {
    aspect-ratio: 4/3;
    object-fit: cover;
}

img+figcaption {
    display: block;
    background-color: #f5f5f5;
    padding: 0.5rem;
    margin-top: -0.5rem;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.4285714286;
    font-weight: 400;
    color: var(--QLD-color-light__text--lighter);
}

/* --------------------------------------------------

Horizontal rule bug fix

--------------------------------------------------*/


.qld__body hr, .qld__footer hr {
    clear: both;
}



/* --------------------------------------------------

New class to centre aling content within a div

--------------------------------------------------*/


.qld__centre-align-col {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  height: 100%;
}



/* --------------------------------------------------

Video fixes

--------------------------------------------------*/


.qld__responsive-media-vid iframe,
.qld__responsive-media-vid .qld__video_player__thumbnail {
  background-size: cover;
}

.qld__video_player__thumbnail.dark .qld__video_player__tag-runtime {
  background-color: var(--QLD-color-dark__action--primary);
  opacity: 0.9;
}

.qld__responsive-media-vid {
  border-radius: var(--Qld__border-radius--xs) var(--Qld__border-radius--xs) 0 0;
  overflow: clip;
}

.qld__video_player__transcript .qld__accordion__title i {
  color: var(--QLD-color-light__action--secondary);
  font-size: 1.25rem;
  margin-right: 0.75rem;
}

.qld__video_player__wrapper {
  -webkit-box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.15);
  border: none;
  border-radius: 0.75rem;
  overflow: clip;
}

@media (min-width: 699px) {
  .qld__video_player__tag-watch .fa-play-circle, .qld__video_player__tag-watch .fa-circle-play {
    font-size: 1.5rem;
    margin-top: 0px;
    line-height: 1;
  }
  
  
  
}




/*   Testimonial card style 
--------------------------------------------------------------------------------------------------------------------------------

Custom css for testimonial designs . 

-------------------------------------------------------------------------------------------------------------------------------- */     


.qld__testimonial-card {
    padding: 24px;
    border: solid 1px #ebebeb;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.qld__testimonial-card img {
    max-width: 40%;
    height: fit-content;
}

.qld__testimonial-card__header {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    row-gap: 16px;
    flex-wrap: wrap;
}

.qld__testimonial-card p.qld__testimonial-card__text{
  flex-grow: 1;
  margin-top: 0px;
}

.qld__job-title{
    margin-top:8px;
    font-size:16;
}

@media (min-width: 992px){
    
    .qld__testimonial-card__header{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    row-gap: 16px;
    flex-wrap: wrap;
}
}




/* ------------------------------------------------------------------------------------------

This code addds the heart to the top of the footer

------------------------------------------------------------------------------------------*/


footer::before {
    content: '';
    position: absolute;
    top: -109px;
    right: 32px;
    width: 140px;
    height: 161px;
    max-height: 110px;
    max-width: 146px;
    background-image: url(/__data/assets/image/0025/190087/Heart.png);
    background-repeat: no-repeat;
}

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





/* ------------------------------------------------------------------------------------------

Small bit of css to make content in first nations home page <secction> align vertically centre

------------------------------------------------------------------------------------------*/


#First-nations-section .col-xs-12{
    display: flex;
    flex-direction: column;
    justify-content: center;
}



/* ------------------------------------------------------------------------------------------

This code adds the heart overlay to the advance banners and aligns background images for curnved banner style

------------------------------------------------------------------------------------------*/



@media (min-width: 699px){
    
   
.qld__banner.qld__banner__advanced::before {
    content: url('/__data/assets/image/0024/190086/Heart-Overlay.png'); /* Replace with the path to your PNG image */
    position: absolute;
    top: 0; /* Positioned at the top */
    right: 0; /* Positioned at the right */
    width: 15%; /* Adjust this value based on the size of your image */
    height: auto; /* Adjust this value based on the size of your image */
} 
    
    
    
.qld__banner.qld__banner__advanced{
    background-position-x: 65% !important;
}
}

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





/* ------------------------------------------------------------------------------------------

Curved Banner Design Example of how its been done CSS

------------------------------------------------------------------------------------------*/

/* Some elements need to be set to position relative so that that components and backgrounds sit on the stack in the correct order */

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

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

  main {
      position: relative;
  }

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

/* --------------------------------------------------*/


  /* This set the max with for the banner and primary nav  */

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

    /*max size for the banner component*/
    max-width: 100rem; /* 1600px */
    
    /*keeps banner in center */
    margin: auto;

    /* Adds shadow to banner */
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15);
    
  }

  /* --------------------------------------------------*/

   /* Z indext helps ensure the mega menu and the back to top button sit above the banner */
  
   /*Needed so megamenu sits abvoe banner */
  .qld__main-nav.qld__main-nav--mega .qld__main-nav__menu-sub {
    z-index: 500; /*These should be variables */
    
  }

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

/* --------------------------------------------------*/
  
  /* Better alignment for hero image in contained style */
  
  @media (min-width: 1312px) {
    .qld__promo-panel.qld__body--full-image.qld__promo-panel--image-right
      .qld__promo-panel__container {
      padding-left: 0px;
    }
  
    .qld__banner.qld__banner--hero-right .qld__banner__image {
      max-width: 45vw;
      width: 45vw;
    }
  }
  
/* --------------------------------------------------*/

  /* The curved banner only gets applied at 1600px */
  
  @media (min-width: 1600px) {

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

    .qld__header::before {
        width: 100%;
        content: " ";
        position: absolute;
        height: 100%;
    
        /* img or colour set by user */
        background-color: #D7ECF2;
        background-image: url('/__data/assets/image/0023/190085/Careers-Background-Pattern.png');
    
        /* These settings should be able to be changed by user */
        background-size: contain;
        background-position: top left;
        background-repeat: no-repeat;    
        }

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

    /* Better alignment for hero image in contained style (this may requite some more experimentation to achieve best result */
    .qld__banner.qld__banner--hero-right .qld__banner__image {
      max-width: 620px;
      width: 45vw;
    }
  
    .qld__main-nav {
       /* Curved edges for nav*/  
      border-radius: 48px 48px 0px 0px; /* Should be variable */
       /* Shadow for nav*/  
      box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15);
    }
  
    .qld__banner {
      /* Curved edges for banner*/
      border-radius: 0px 0px 48px 48px; /* Should be variable */
      /* Makes sure banner sits in the correct stack position */  
      z-index: 200;
    }
  
    /* The following code adds more padding to the succeeding section and pulls the div below the banner to sit under it slightly creating the overlap */
    /* The overlap is the trickiest part and needs to be checked on all page types and background colours this code is just set to work for standard white background */


    /* Next div */
    .qld__banner + div.qld__body {
      margin-top: -64px;
      padding-top: 128px;
    }
  
    /* Content pages (this needs to be updated tp work for all coloured backgrounds) */
    .qld__banner + #content {
      background-color: #ffffff;
      padding-top: 64px;
      margin-top: -64px;
    }
    
    /* Search pages */
    .qld__banner + .qld__body.qld__search {
      position: relative;
      margin-top: -64px;
      padding-top: 124px;
    }
      
      /* News pages */
      .news_index .qld__banner + #content {
    background-color: transparent;
    padding-top: 64px;
    margin-top: -64px;
}

  }
  

  
/*   Block content banner style 
--------------------------------------------------------------------------------------------------------------------------------

Custom css for banner designs . 

-------------------------------------------------------------------------------------------------------------------------------- */     


.qld__banner__content *:not(.qld__overflow_menu *) {
    position: inherit;
}

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


@media (min-width: 699px){


/* Light coloured background container */

.qld__banner.qld__banner__advanced .qld__banner__content:before{
content: "";
background-color: #ffffff;
width: 100%;
height: 100%;
position: ABSOLUTE;
border-radius: 0.75rem 0.75rem 2.5rem 0.75rem;
opacity: 0.95;
top:0;
left:0;
 -webkit-box-shadow: 0px 1px 2px rgb(0 0 0 / 30%), 0px 2px 6px 2px rgb(0 0 0 / 15%);
box-shadow: 0px 1px 2px rgb(0 0 0 / 30%), 0px 2px 6px 2px rgb(0 0 0 / 15%);
margin-left: -1rem;
}



/* Alt coloured background container */

.qld__banner.qld__banner__advanced.qld__banner--alt .qld__banner__content:before{
content: "";
background-color: var(--QLD-color-light__background--alt);
width: 100%;
height: 100%;
position: ABSOLUTE;
border-radius: 0.75rem 0.75rem 2.5rem 0.75rem;
opacity: 0.95;
top:0;
left:0;
 -webkit-box-shadow: 0px 1px 2px rgb(0 0 0 / 30%), 0px 2px 6px 2px rgb(0 0 0 / 15%);
box-shadow: 0px 1px 2px rgb(0 0 0 / 30%), 0px 2px 6px 2px rgb(0 0 0 / 15%);
margin-left: -1rem;
}


/* Dark coloured background container */

.qld__banner.qld__banner__advanced.qld__banner--dark .qld__banner__content:before{
content: "";
background-color: var(--QLD-color-dark__background);
width: 100%;
height: 100%;
position: ABSOLUTE;
border-radius: 0.75rem 0.75rem 2.5rem 0.75rem;
opacity: 0.95;
top:0;
left:0;
 -webkit-box-shadow: 0px 1px 2px rgb(0 0 0 / 30%), 0px 2px 6px 2px rgb(0 0 0 / 15%);
box-shadow: 0px 1px 2px rgb(0 0 0 / 30%), 0px 2px 6px 2px rgb(0 0 0 / 15%);
margin-left: -1rem;
}


/* Dark-alt coloured background container */


.qld__banner.qld__banner__advanced.qld__banner--dark-alt .qld__banner__content:before{
content: "";
background-color: var(--QLD-color-dark__background--alt);
width: 100%;
height: 100%;
position: ABSOLUTE;
border-radius: 0.75rem 0.75rem 2.5rem 0.75rem;
opacity: 0.95;
top:0;
left:0;
 -webkit-box-shadow: 0px 1px 2px rgb(0 0 0 / 30%), 0px 2px 6px 2px rgb(0 0 0 / 15%);
box-shadow: 0px 1px 2px rgb(0 0 0 / 30%), 0px 2px 6px 2px rgb(0 0 0 / 15%);
margin-left: -1rem;
}

/* Padding for content withint the containted banner style */

.qld__banner.qld__banner__advanced .qld__banner__content{
margin-top: 4rem;
margin-bottom: 4rem;
padding: 3rem ;
position: relative;   
padding-left: 1rem;
}


}


/* --------------------------------------------------

Promo panel padding fixes

Fix aligment issue causing horizontal scroll bar to appear
Fix text aligment between 1312 and 1600 px
Fix padding on mobile

--------------------------------------------------*/


 /*  Fix aligment issue causing horizontal scroll bar to appear */
 
@media (min-width: 991px){
.qld__grid .qld__promo-panel__container.row {
    margin-left: -2rem;
    margin-right: -2rem;
}
}



 /*  This uses a linea cal culation to ensure the text aligns within the container to the grid between 1312 - 1600px */
 
 
@media (min-width: 1312px) and (max-width: 1599px) {
  .qld__promo-panel.qld__body--contained.qld__promo-panel--image-right .qld__promo-panel__container {
      /* Fallback padding */
      padding-left: 7vw;
      padding-right: 7vw;

      /* Calculated padding */
      padding-left: calc(152px - (1600px - 100vw) * 0.4167);
      padding-right: calc(152px - (1600px - 100vw) * 0.4167);
  }
}


 /*  Fix padding at 1600px */

@media (min-width: 1600px) {
  .qld__promo-panel.qld__body--contained.qld__promo-panel--image-right .qld__promo-panel__container {
      padding-left: 152px;
      padding-right: 152px;
  }
}

 /*  Fixes mobiles padding */
 
.qld__promo-panel.qld__body--contained .qld__promo-panel__container {
    border-radius: 0;
    padding-top: 40px;
    padding-bottom: 0px;
    -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);
    padding-left:1rem;
    padding-right:1rem;
}


@media (min-width: 699px){
.qld__promo-panel.qld__body--contained .qld__promo-panel__container {
    padding: 32px;
}

.qld__promo-panel.qld__body--contained .qld__promo-panel__container-image {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 64px;
    padding-bottom: 64px;
}

}

/*  To vertical alignment of the table
----------------------------------------------------------------------------------------------------------

Used on Awards, agreements and orders page -SS
---------------------------------------------------------------------------------------------------------- */

  .qld__table--align-top {
    vertical-align: top;
}
  
  

/*  To vertical alignment of the table
----------------------------------------------------------------------------------------------------------

Aligning the images on the cards on this page https://www.careers.health.qld.gov.au/testing/employer-of-choice
---------------------------------------------------------------------------------------------------------- */  
  
#cards-multi-223823 .qld__card .qld__responsive-media-img--bg {
    height: 100px;
}  

/* maps */
.leaflet-popup-content .pin-content .qld__link-list li a {
    word-wrap: break-word;
}