/*******************************************************/
/**********    NEW QLD AND LEGACY QH STYLES  ***********/
/*******************************************************/

/* ON THIS PAGE */
.on-this-page, .on-this-page-templates {
    font-size: 0.95em!important;
    /*border-left: 4px solid #c4df9b;*/
    border-left: 4px solid #008598;
    padding: 0rem 1.25rem 0.2rem;
    margin-bottom: 2rem;
}
.on-this-page h4, .on-this-page-templates h4 {
    color: #000!important; 
    font-size: 1em!important;
    font-family: "Noto Sans", Arial, Helvetica, sans-serif!important;
}
.on-this-page li, .on-this-page-templates li {
    margin-top: 0.5rem!important;
        line-height: 1.5 !important;
}
.on-this-page-templates ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
    
ul#onThisPage {
    margin-bottom: 0px;
	list-style: none;
	padding-left: 0;
}
ul#onThisPage ul {
    margin-bottom: 0px;
}

/* ACF template on this page hack */
.on-this-page-templates {
    display: none;
}

/*****************************************************/
/******************* QH STYLE CALL OUTS *************/
/****************************************************/
.qh-callout .reading-box, .qld__callout .reading-box {
    border-left: 4px solid #05214d !important;
    padding: 1.5rem 1rem 1.5rem 1.5rem;
    /*max-width: 80ch;*/
}
.qh-callout-warning, .qh-callout-info,
.qld__callout-warning, .qld__callout-info {
margin-top: 40px!important;
margin-bottom: 40px!important;
    
}

.qh-callout-warning .reading-box, .qh-callout-info .reading-box,
.qld__callout-warning .reading-box, .qld__callout-info .reading-box {
    border-style: solid;
    border-width: 2px!important;
    border-left-width: 48px!important;
    border-left-width: 3rem!important;
    padding: 1.5rem 1rem 1.5rem 1.5rem;
    /*max-width: 80ch;*/
    position: relative;
  background-color: #fff;
  border-radius: 5px;
}

.qh-callout-warning .reading-box,
.qld__callout-warning .reading-box {
    border-color: #ffcc2c !important;
}

.qh-callout-info .reading-box,
.qld__callout-info .reading-box {
  border-color: #0085b3 !important;
}

.qh-callout-info .reading-box::before,
.qld__callout-info .reading-box::before {
   font-family: 'Font Awesome 5 Pro';
  /* Set the weight for this icon style */
  font-weight: 300;
    /* Make sure icons render pixel-perfect */
  -webkit-font-smoothing: antialiased;
  content: '\f05a'; 
  color: #ffffff;
}

.qh-callout-warning .reading-box::before,
.qld__callout-warning .reading-box::before {
   font-family: 'Font Awesome 5 Pro';
  /* Set the weight for this icon style */
  font-weight: 300;
    /* Make sure icons render pixel-perfect */
  -webkit-font-smoothing: antialiased;
  content: '\f071'; 
}

:is(.qh-callout-warning .reading-box, .qh-callout-info .reading-box, .qld__callout-warning .reading-box, .qld__callout-info .reading-box)::before {
      position: absolute;
    left: -24px;
    left: -1.5rem;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    vertical-align: text-top;
    font-size: 1.4rem!important;
}

/*****************************************************/
/*** QH STYLE ICON BUTTONS EG SATELLITE HOSPITALS ***/
/****************************************************/
.qh-icon-btn, .qld__icon-btn {
   margin-top: 0.75rem;
   display: flex;
    align-items: center;
}
.qh-icon-btn a, .qld__icon-btn a  { 
    border: 1px solid #666;
    border-radius: 0.75rem;
    padding: 0.5rem 1rem;
    width: 100%;
    text-decoration: none;
    color: #008598;
    display: flex;
    align-items: center;
    background-color: #fff;
}
.qh-icon-btn a:hover, .qld__icon-btn a:hover {
        text-decoration: underline!important;
        box-shadow: rgb(0 0 0 / 30%) 0px 2px 4px;
        color: #008598!important;
}

.qh-icon-btn-icon, .qld__icon-btn-icon {
    font-size: 24px;
    display: inline-block;
}
.qh-icon-btn-icon i, .qld__icon-btn-icon i {
    background-color: #f4f4f4;
    padding: 0.75rem;
    border-radius: 50%;
    width: 2em;
}
.qh-icon-btn-link, .qld__icon-btn-link {
     display: inline-block;
        padding-left: 0.5rem;
        font-size: 16px;
}



/*********************************************************/
/*** IN CONTENT ICON LIST EG HOMEPAGE HOSPTIALS CARDS ***/
/*** apply to UL element                              ***/
/*********************************************************/
ul.qh-icon-block, ul.qld__icon-block  {
    list-style: none;
    padding-left: 0px!important;
    margin-bottom: 50px!important;
}
ul.qh-icon-block li, ul.qld__icon-block li {
    display: flex;
    margin: 0 0 1rem 0!important;
    font-weight: bold;
}
ul.qh-icon-block i, ul.qld__icon-block i  {
    color: #007e8e;
        font-weight: 300;
    margin-right: 10px;
    margin-top: 3px;
}

ul.qh-icon-block a, ul.qh-icon-block a:visited,
ul.qld__icon-block a, ul.qld__icon-block a:visited {
     color:#05214d!important;
     text-decoration-thickness: 0.5px;
     text-underline-offset: 4.8px;
}

ul.qh-icon-block a:hover, ul.qld__icon-block a:hover{
    text-decoration: underline!important;
     text-decoration-thickness: 1.5px!important;
     text-underline-offset: 4.8px;
}


/***************************************************/
/*** IN CONTENT CONTACT BLOCK EG BREASTSCREEN QLD ***/
/*** apply to text block element ***/
/**************************************************/
.qh-contact-block ul, ul.qh-contact-block,
.qld__contact-block ul, ul.qld__contact-block {
    list-style: none;
    padding-left: 0;
}
.qh-contact-block li, .qld__contact-block li {
    display: flex;
}
.qh-contact-block i, .qld__contact-block i {
    color: #008598;
        font-weight: 300;
    margin-right: 7px;
    margin-top: 3px;
}

.qh-contact-block li a, .qld__contact-block li a {
    line-height: 1.75;
}

.qh-contact-block li a:hover, .qld__contact-block li a:hover {
    line-height: 1.75!important;
}
.qh-card-no-action .qh-contact-block li, 
.qld__card-no-action .qld__contact-block li {
    display: block;
}

/***************************************************/
/*** IN CONTENT CONTACT LIST  ***/
/*** apply to text block element ***/
/**************************************************/
.qld-contact-list ul, .qld__contact-list ul {
    list-style: none;
    padding-left: 0;
}
.qld-contact-list li, .qld__contact-list li {
    line-height: 36px;
    line-height: 2.25rem;
}


/********** VIDEO CARD  **********/
.qld__card-action-video-tag {
     display: inline-block;
    background-color: #d5d65b;
    color: #000;
    padding: 0.625rem;
  border-top-right-radius: 4px;
  position: absolute;
    bottom: 0;
    left: 0px;
  font-size: 0.9rem;
}
.qld__action-video-title-icon {
margin-right: 0.375rem;
    font-size: 0.8rem;
    display: inline;
  
}

/*****************************/
/****** NEWS VIA WP API ******/
/*****************************/

#qld__distributed-news {
    display: flex;
    flex-wrap: wrap;
}

 .qld__distributed-news-item { 
      margin-bottom: 30px; 
     /* padding-bottom: 20px;*/ 
      border: 1px solid rgb(129, 129, 129); 
      border-radius: 0.75rem;
    }
    .qld__distributed-news-item img { 
      max-width: 100%; 
      height: auto; 
      border-radius: 12px 12px 34px 0; 
          border: 1px solid rgb(129, 129, 129); 
    }
    .qld__distributed-news-item h3 { 
        padding: 0 0.75rem;
        font-size: 1.25rem;
        margin-top: 5px!important;
    }
    .qld__distributed-news-item h3 a { 
    color: rgb(5, 33, 77) !important;
        text-decoration: underline;
    box-shadow: none;
	text-decoration-thickness: .25px!important;
	text-decoration-color: rgb(5, 33, 77);
	text-underline-offset: 0.3em;
	line-height: 1.3;
	    box-sizing: border-box;
        }
      .qld__distributed-news-item h3 a:hover { 
    color: rgb(5, 33, 77) !important;
     text-decoration: underline!important;
    text-decoration-thickness: 2px!important;
    text-decoration-color: rgb(5, 33, 77);
    text-underline-offset: 0.25em;
    line-height: 1.3;
        }  
        
    .qld__distributed-news-item p.date {
        font-size: 0.9rem;
        padding: 0 0.75rem;
    }
    .qld__distributed-news-item div {
        padding: 0 0.75rem 1rem;
    }
    .qld__distributed-news-categories { 
        color: #666; 
        font-size: 0.9em; 
    }


.qld__distributed-news-item:first-child {
     width: 100%;
     display: flex;
}
.qld__distributed-news-item:first-child img {
     width: 50%;
      border-radius: 12px 0px 34px 12px; 
}


.qld__distributed-news-item:nth-child(n + 2) {
  width: 31.75%;
}
@media (max-width: 1413px) {
.qld__distributed-news-item:nth-child(n + 2) {
  width: 31%;
}
}

@media (max-width: 1090px) {
.qld__distributed-news-item:first-child {
     width: 45%;
     display: block;
     margin-right: 20px;
}
.qld__distributed-news-item:first-child img {
     width: 100%;
}
.qld__distributed-news-item:nth-child(n + 2) {
  width: 45%;

}
}

@media (max-width: 800px) {
.qld__distributed-news-item:first-child {
     width: 100%;
     display: block;
     margin-right: 0px;
}
.qld__distributed-news-item:first-child img {
     width: 100%;
}
.qld__distributed-news-item:nth-child(n + 2) {
  width: 100%;
  margin-right: 0px!important;
}
.qld__distributed-news-item:nth-child(3), .qld__distributed-news-item:nth-child(4) {
    display: none;
}
}

.qld__distributed-news-item:nth-child(2), .qld__distributed-news-item:nth-child(3) {
  margin-right: 20px;
}





/**********      FEEDBACK FORMS          **********/
/********** Styled radio and check boxes **********/
/****** add class qld__feedback-form to Gravity Form settings ****/

.gform_wrapper .qld__feedback-form .gfield_radio .gchoice input[type=radio] {
opacity: 0;}
.gform_wrapper .qld__feedback-form .gfield_radio .gchoice input[type=radio] + label {
position: relative;
overflow: hidden;
padding-left: 35px;
cursor: pointer;
display: inline-block;
    line-height: 2;}

.gform_wrapper .qld__feedback-form .gfield_radio .gchoice input[type=radio] + label:before,
.gform_wrapper .qld__feedback-form .gfield_radio .gchoice input[type=radio] + label:after {
content: '';
position: absolute;
left: 0;
z-index: 1;
-webkit-transition: .2s;
transition: .2s;}

/* after */
.gform_wrapper .qld__feedback-form .gfield_radio .gchoice input[type=radio]:not(:checked) + label:after {
width: 26px;
height: 25px;
border: 2px solid #848484;
border-radius: 50%;
background-color: #fff;
top: 0px;}

.gform_wrapper .qld__feedback-form .gfield_radio .gchoice input[type=radio]:checked + label:after {
top: 0;
width: 26px;
height: 26px;
border: 2px solid #1A1A17;
background-color: #fff;
z-index: 0; 
border-radius: 50%;}

/* before */

.gform_wrapper .qld__feedback-form .gfield_radio .gchoice input[type=radio]:checked + label:before {
    left: 5px;
    top: 5px;
    width: 14px;
    height: 14px;
    border: 3px solid #000;
    background-color: #000;
    border-radius: 50%;
}
/* for older forms */
.gform_wrapper.gform_legacy_markup_wrapper .qld__feedback-form .gfield_radio .gchoice input[type=radio]:checked + label:before {
    left: 5px;
    top: 5px;
    width: 16px;
    height: 16px;
    border: 3px solid #000;
    background-color: #000;
    border-radius: 50%;
}

.gform_wrapper.gravity-theme .qld__feedback-form .gfield_radio label {
line-height: 2;
    margin-bottom: 0.75rem;
      padding-left: 15px;
}


.gform_wrapper .qld__feedback-form .gfield_checkbox .gchoice input[type=checkbox] {
opacity: 0;}
.gform_wrapper .qld__feedback-form .gfield_checkbox .gchoice input[type=checkbox] + label {
position: relative;
overflow: hidden;
padding-left: 35px;
cursor: pointer;
display: inline-block;
    line-height: 2;}

.gform_wrapper .qld__feedback-form .gfield_checkbox .gchoice input[type=checkbox] + label:before,
.gform_wrapper .qld__feedback-form .gfield_checkbox .gchoice input[type=checkbox] + label:after {
content: '';
position: absolute;
left: 0;
z-index: 1;
-webkit-transition: .2s;
transition: .2s;}

/* after */
.gform_wrapper .qld__feedback-form .gfield_checkbox .gchoice input[type=checkbox]:not(:checked) + label:after {
width: 26px;
height: 25px;
border: 2px solid #848484;
border-radius: 4px;
background-color: #fff;
top: 0px;}

.gform_wrapper .qld__feedback-form .gfield_checkbox .gchoice input[type=checkbox]:checked + label:after {
top: 0;
width: 26px;
height: 25px;
border: 2px solid #1A1A17;
background-color: #fff;
z-index: 0; 
border-radius: 4px;}

/* before */

.gform_wrapper .qld__feedback-form .gfield_checkbox .gchoice input[type=checkbox]:checked + label:before {
left: 2px;
top: 2px;
width: 8px;
height: 16px;
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 3px solid #000;
border-bottom: 3px solid #000;
-webkit-transform: rotateZ(34deg);
transform: rotateZ(34deg);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}