/*******************************************************/
/**********    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;
}


/**********      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%;
}

/********** 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;
  
}