/*
Theme Name:   Hello Elementor Child
Description:  A Hello Elementor child theme built for the Philadelphia Department of Health
Author:       Tim Corlett
Template:     hello-elementor
Version:      2.6.1
Text Domain:  hello-elementor-child
*/

* { /* removing elementor default transition to everything */
  transition: none !important;
}

.page-content > * {
  font-family: korolev, sans-serif !important;
}

span.helpline{
  color: #FEF001;
}

span.helpline a{
  color: inherit;
}

.elementor-widget-text-editor ul{
  margin-bottom: 0.9rem !important;
}

/* Custom Formidable Forms styles -- PKOL quiz */

.frm_style_pkol-quiz.with_frm_style .frm_primary_label{
  text-align: center !important;
}

.frm_style_pkol-quiz .frm_display_format_buttons .frm_opt_container{
  grid-gap: 20px !important;
}

.frm_style_pkol-quiz.with_frm_style a.frm_start_over{
  color: #111111;
  text-decoration: underline;
}

.frm_style_pkol-quiz.with_frm_style a.frm_start_over:hover{
  text-decoration: none;
}

.frm_style_pkol-quiz.with_frm_style .frm_submit button{
  display: none;
}

.frm_style_pkol-quiz ul.frm_page_bar{
  justify-content: center;
}

.frm_style_pkol-quiz ul.frm_page_bar li{
  flex: 0;
  min-width: 32px;
}

.frm_style_pkol-quiz.frm_forms .frm_rootline.frm_no_numbers input{
  background-color: transparent;
  border: 2px solid white;
}

/* Custom Formidable Forms styles -- PKOL order form */

.frm_style_pkol.with_frm_style .frm_error_style{
  margin: 0 0 60px 0 !important;
  line-height: 1.5;
}

.frm_style_pkol.with_frm_style .frm_error{
  line-height: 1.5;
  margin-top: 5px;
}

.with_frm_style .frm_top_container .frm_primary_label{
  line-height: 1.4;
}

.frm_style_pkol.with_frm_style input{
  -webkit-appearance: none !important;
  appearance: none !important;
}

.frm_style_pkol.with_frm_style .form-field.pkol-selection-check input{
  display: none;
}

.frm_style_pkol.with_frm_style .form-field.pkol-selection-check label,
.frm_style_pkol.with_frm_style .form-field.pkol-selection-check .frm_error{
  text-align: center !important;
}

.frm_style_pkol .frm_image_option_container{
  border: none !important;
  box-shadow: none !important;
}

.frm_style_pkol .frm_form_field .frm_checkbox.frm_image_option{
  width: 100% !important;
}

@media screen and (max-width: 600px) {
  .frm_style_pkol .frm_form_field .frm_checkbox.frm_image_option{
    max-width: 250px;
  }
}

.frm_style_pkol input[type=checkbox] + .frm_image_option_container > img{
  border: 4px solid #dcdcdc;
}

@media screen and (min-width: 601px) {
  .frm_style_pkol input[type=checkbox] + .frm_image_option_container > img{
    height: auto;
  }
}

.frm_style_pkol input[type=checkbox]:checked + .frm_image_option_container > img{
  border: 4px solid #095ACA;
}

.frm_style_pkol .frm_image_option_container .frm_selected_checkmark{
  z-index: 1;
}

.frm_style_pkol input[type=checkbox] + .frm_image_option_container .frm_selected_checkmark{
  display: block !important;
}

.frm_style_pkol input[type=checkbox] + .frm_image_option_container .frm_selected_checkmark svg{
  fill: #dcdcdc;
}

.frm_style_pkol input[type=checkbox]:checked + .frm_image_option_container .frm_selected_checkmark svg{
  fill: #095ACA;
}

.frm_style_pkol.with_frm_style input.frm_date,
.frm_style_pkol.with_frm_style select{
  -webkit-appearance: none;
  appearance: none;
  background-image: url(https://pkol.wpengine.com/wp-content/uploads/2023/02/icon-select-arrow.svg);
  background-repeat: no-repeat;
  background-position: top 25px right 15px;
}

.frm_style_pkol.with_frm_style .pkol-order-optin .frm_checkbox{
  text-align: left;
}

.frm_style_pkol.with_frm_style .pkol-order-optin .frm_checkbox label{
  padding-left: 25px;
}

.frm_style_pkol.with_frm_style .pkol-order-optin .frm_checkbox label input{
  margin: 0 5px 0 -5px;
  border-radius: 3px;
  border: solid 1px #dcdcdc;
}

.frm_style_pkol.with_frm_style .pkol-order-optin .frm_checkbox label input:before{
  box-shadow: inset 10px 10px #095ACA !important;
}

.frm_style_pkol.with_frm_style .frm_section_heading .frm_other_container > input.frm_other_input{
  width: 100% !important;
  border-top: 1px solid #dcdcdc;
}

.frm_style_pkol.with_frm_style .frm_submit button.frm_prev_page{
  border: none;
  background: transparent !important;
  color: #095ACA !important;
  font-weight: 700 !important;
  text-decoration: underline;
}

.frm_style_pkol.with_frm_style .frm_submit button.frm_prev_page:hover{
  background: transparent !important;
  color: #095ACA !important; 
}

/* Custom WP GO Maps plugin styles -- Search and filter */

.wpgmza-standalone-component{
  background-color: #f6f6f8;
  padding: 10px 15px 20px 15px;
}

.wpgmza-store-locator{
  flex-wrap: wrap;
  width: 100%;
}

.wpgmza-standalone-component .wpgmza-store-locator > div{
  flex-direction: row !important;
  flex-wrap: wrap;
  justify-content: space-between;
}

.wpgmza-store-locator label{
  width: 100%;
  padding-bottom: 10px;
}

.wpgmza-store-locator input{
  width: 200px !important;
}

.wpgmza-address-container{
  width: 50%;
  margin-right: 15px;
}

@media screen and (max-width: 767px) {
  .wpgmza-address-container{
    width: 100%;
    margin-right: 0px;
    margin-bottom: 15px;
  }
}

.wpgmza-address-container input{
  flex-grow: 1;
}

.wpgmza-radius-container{
  width: 120px;
}

.wpgmza-standalone-component input:not([type="checkbox"]), .wpgmza-standalone-component select{
  margin-right: 0px !important;
  padding: 10px 20px !important;
  font-size: 16px !important;
  line-height: 20px !important;
}

.wpgmza-standalone-component select{
  height: 40px !important;
  appearance: none;
  background-image: url(https://pkol.wpengine.com/wp-content/uploads/2023/02/icon-select-arrow.svg);
  background-repeat: no-repeat;
  background-position: top 15px right 15px;
}

.wpgmza-store-locator > svg{
  margin-left: 15px !important;
  stroke: #FC1A80 !important;
}

.wpgmza-store-locator > svg:hover{
  stroke: white !important;
  background: #FC1A80 !important;
}

.wpgmza-store-locator button > svg{
  stroke: #FC1A80 !important;
}

.wpgmza-store-locator button > svg > circle,
.wpgmza-store-locator button > svg > line{
  stroke: #FC1A80 !important;
}

.wpgmza-store-locator button > svg > .circle_inner{
  fill: #FC1A80 !important;
}

.wpgmza-standalone-component .wpgmza-marker-listing-category-filter{
  display: flex;
  align-items: center;
  padding-top: 15px;
  flex-wrap: wrap;
}

.wpgmza-standalone-component .wpgmza-marker-listing-category-filter > label{
  margin-right: 13px;
  padding: 5px 0;
}

.wpgmza-standalone-component .wpgmza-marker-listing-category-filter.wpgmza-list ul{
  display: inline-flex;
  padding-left: 0px !important;
  margin-left: -13px;
  flex-wrap: wrap;
}

.wpgmza-standalone-component .wpgmza-marker-listing-category-filter.wpgmza-list ul li input{
  opacity: 0;
}

.wpgmza-standalone-component .wpgmza-marker-listing-category-filter.wpgmza-list ul li label{
  background-color: white;
  padding: 8px 16px;
  border-radius: 30px;
  cursor: pointer;
  margin: 5px 0;
}

.wpgmza-standalone-component .wpgmza-marker-listing-category-filter.wpgmza-list ul li input:checked + label{
  background-color: #E4076B;
  color: white;
  padding: 8px 30px 8px 16px;
  background-image: url(https://pkol.wpengine.com/wp-content/uploads/2023/02/icon-map-category-X.svg);
  background-repeat: no-repeat;
  background-position: top 11px right 12px;
}

/* Custom WP GO Maps plugin styles -- List results */

.wpgmza_map .wpgmza-inner-stack .grouping ~ .grouping-handle{
  background-color: #f6f6f8 !important;
  border-left: 1px solid #d6d6d8 !important;
}

.wpgmza_map .wpgmza-inner-stack > .grouping.visible{
  background-color: #f6f6f8 !important;
}

.wpgmza_map .wpgmza-inner-stack .wpgmza-panel-list-item{
  border-bottom: none !important;
  border-top: 1px solid #d6d6d8;
  padding: 15px 10px !important;
}

.wpgmza_map .wpgmza-inner-stack .wpgmza-panel-list-item:hover{
  background-color: white !important;
}

.wpgmza_map .wpgmza-inner-stack .wpgmza-panel-list-item .wpgmza-title,
.wpgmza_map .wpgmza-inner-stack .wpgmza-panel-list-item .wpgmza-address{
  line-height: 1.5;
}

/* Custom WP GO Maps plugin styles -- Info Window */

.wpgmza_map .wpgmza-inner-stack .wpgmza-panel-view .wpgmza-panel-actions{
  padding: 0 2px !important;
}

.wpgmza-panel-info-window > .wpgmza-panel-actions,
.wpgmza-panel-info-window > .wpgmza-gallery-container,
.wpgmza-panel-info-window > .wpgmza-title,
.wpgmza-panel-info-window > .wpgmza-address{
  background-color: #E4076B;
  margin: 0 !important;
  color: white;
}

.wpgmza-panel-actions svg.wpgmza-directions rect,
.wpgmza-panel-actions svg.wpgmza-close path,
.wpgmza-panel-info-window > .wpgmza-address svg path{
  fill: white !important;
}

.wpgmza-panel-info-window > .wpgmza-address svg circle{
  stroke: white !important;
}

.wpgmza-panel-actions svg.wpgmza-directions path{
  fill: #E4076B !important;
}

.wpgmza-panel-actions svg.wpgmza-directions path:first-of-type{
  stroke: #E4076B !important;
  fill: white !important;
}

.wpgmza_map .wpgmza-inner-stack .wpgmza-panel-info-window .wpgmza-title{
  padding: 15px 15px 0px 15px !important;
}

.wpgmza_map .wpgmza-inner-stack .wpgmza-panel-info-window .wpgmza-address{
  padding: 0px 15px 15px 15px !important;
  align-items: flex-start !important;
}

.wpgmza_map .wpgmza-inner-stack .wpgmza-panel-info-window .wpgmza-address > span{
  padding-top: 10px;
  line-height: 1.3;
}

.wpgmza_map .wpgmza-inner-stack .wpgmza-panel-info-window .wpgmza-description{
  padding: 0 !important;
}

.wpgmza_map .wpgmza-inner-stack .wpgmza-panel-info-window .wpgmza-description h2{
  background-color: white;
  font-size: 16px !important;
  line-height: 30px;
  font-weight: 700;
  padding: 10px 15px;
  margin-top: 0;
  color: #E4076B;
  letter-spacing: 0.3px;
}

.wpgmza_map .wpgmza-inner-stack .wpgmza-panel-info-window .wpgmza-description p{
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 2rem !important;
  margin-top: 1rem !important;
}