/*
Theme Name: MyStep Child Theme
Theme URI: http://solve4xstudio.com
Version: 1.2
Description: MyStep Custom Theme - Child theme
Author: Solve4x Brand and Code
Author URI: http://solve4xstudio.com
template: bb-theme
*/

/* Add your custom styles here... */ 

.headerpart, .footerpart {
    display: none !important;
}
.headerpart, .footerpart {
    text-align: center;
    width: 100%;
}
.pp-menu-overlay .headerpart {
    display: inline-block !important;
	color: white;
}
.pp-menu-overlay .footerpart {
    display: inline-block !important;
	color: white;
}
.photoplaceholder .fl-module-content{
	opacity: 0;
}
.inlinecolumn .fl-col-content {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
    text-align: right !important;
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}
.inlinemenu {
    width: auto !important;
}
.mobonly{
	display: none !important;
}
.uabb-menu-overlay .mobonly {
    display: inline-block !important;
}
.uabb-menu-overlay .menu-item .menu-item-text {
    font-size: 20px !important;
}
.uabb-creative-menu .uabb-menu-overlay > ul.menu {
    text-align: center;
    position: relative;
    top: 30px;
    width: 40%;
    height: auto;
    margin: 0 auto;
    -webkit-transform: unset;
    transform: unset;
}
span.uabb-menu-toggle {
    float: none !important;
}
img.sitelogo {
    max-width: 200px !important;
    max-height: 70px !important;
}
h1.sitetitle {
    margin: 0px !important;
	color: white;
}
.footermaxcol .fl-col-content.fl-node-content {
    max-width: 650px;
    margin: 0 auto;
}
.resourcemap iframe{
    border: 4px solid white !important;
}
.hours_note {
    font-size: 13px;
}
.hours_day_intro{
    display: grid;
    grid-template-columns: 1fr 2fr;
}
.hours_day {
    border-bottom: 1px solid;
    padding: 10px 0px;
}
.hours_time {
    text-align: right;
}
.hours_note {
    padding: 7px 0px 0px 0px;
}

.resource-services-list {
  display: grid;
 grid-template-columns: repeat(3, 1fr);
  grid-gap: 1.5rem;
  margin: 0;
  padding: 0;
  gap: 16px;
}
@media (max-width: 768px) {
  .resource-services-list {
    grid-template-columns: repeat(2, 1fr);; /* Switch to 1 column */
  }
}
.resource-services-item {
        height: 100%;
}
.resource-services-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.resource-services-wrapper {
    margin-top: 30px;
}
.resource-services-item:before {
    content: '';
    background-image: url(images/servicecheck.webp);
    background-size: contain;
    width: 30px;
    height: 30px;
    display: inline-block;
    padding: 0px 10px;
    margin: 0px 0px 0px -40px;
    position: absolute;
}
.resource-services-item {
    padding-left: 40px;
}
.bsui .text-success {
    color: #06A900 !important;
}
.bsui .text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}
span.gd-bh-expand-range {
    width: 100%;
    display: inline-block;
    padding-left: 25px;
}
.bsui .dropdown-toggle::after {
    content: 'all';
    font-size: 10px;
    font-family: "Poppins", sans-serif;
    background: #ff7f50;
    padding: 5px;
    border-radius: 50px;
    text-align: center;
    line-height: 10px;
    font-size: 13px;
    color: white;
    border: 2px solid white !important;
    margin-left: 23px;
    font-weight: 400;
    text-transform: uppercase;
}
.bsui .dropdown-toggle:hover::after {
    background: #318FB5;
}
.bsui .text-danger {
    color: #318FB5 !important;
}
span.geodir-i-business_hours i {
    font-size: 16px;
}
.reshoursnotes {
    margin: 15px 20px;
    font-size: 15px;
}
a.relatedlocations {
    display: inline-block;
    width: 100%;
    margin-bottom: 4px;
}
.headaction .uabb-image-content {
    border-style: solid;
    background: #ff7f50;
    border-width: 2px;
    border-color: #ffffff;
    border-radius: 50px;
    padding: 10px;
}
.headaction .uabb-image-content img{
    overflow: visible;
}
.resourcehoursarchive .geodir-field-business_hours a {
    cursor: default;
    pointer-events: none;
    text-decoration:none;
    display: inline-block !important;
}
.resourcehoursarchive .geodir-field-business_hours {
    display:inline-block;
}
.resourcehoursarchive .bsui{
      display:inline-block; 
}
.resourcehoursarchive .geodir-field-business_hours i {
display:none;
}
.resourcehoursarchive .gd-bh-expand-range{
display:none;
}
.resourcehoursarchive .bsui .text-danger, .resourcehoursarchive .bsui .text-success {
color: transparent !important;
}
.resourcehoursarchive .bsui .text-success font {
color: #44c553 !important;
    text-transform: uppercase !important;
}
.bsui .text-success font {
color: #44c553 !important;
    text-transform: uppercase !important;
}
.resourcehoursarchive .bsui .text-danger font {
color:#dc3545 !important;
        text-transform: uppercase !important;
}
.bsui .text-danger font {
color:#dc3545 !important;
        text-transform: uppercase !important;
}
.resourcehoursarchive .bsui .dropdown-toggle::after {
display: none;
}
.resourcehoursarchive {
    display: inline-block;
}
.fl-post-more-link{
    display: grid;
    grid-template-columns: 1fr 1.5fr;
}
.fl-post-more-link a {
    text-align: right;
}
.resourcehoursarchive .geodir-field-business_hours {
    display: inline-block;
    line-height: 1;
    padding: 5px 0px 0px 0px;
}
.fl-post-more-link.nohours {
    display: inline-block;
    width: 100%;
}
.fl-post-more-link.nohours a {
    width: 100%;
    display: inline-block;
}
.resourcesarchives .fl-post-location:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url(/wp-content/uploads/2025/04/location.webp);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 3px;
        margin-left: -32px;
}
.resourcesarchives .fl-post-location {
    padding-left: 32px;
}
.resourcesarchives .fl-post-phone:before{
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url(/wp-content/uploads/2025/04/phonenumber.webp);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 3px;
    margin-left: -32px;
}
.resourcesarchives .fl-post-phone {
    padding-left: 32px;
}
.viewmore {
    display: inline-block;
    width: 100%;
}
.viewmore a {
    text-align: right;
}
.viewmore a {
    width: 100%;
    display: inline-block;
}
.viewmore a:after {
    content: '';
    position: relative;
    width: 12px;
    height: 12px;
    display: inline-block;
    background-image: url(/wp-content/uploads/2025/04/arrow-1.webp);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 5px;
}
.gd-resource-categories{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 30px;
}
.categoryimage {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.gd-resource-cat-wrapper {
    border: 1px solid #FF7F50;
    border-radius: 30px;
    overflow: hidden;
    -webkit-box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.35);
}
h3.cattitle, h3.category-title{
    color: #001244;
    text-align: center;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0px;
}
.postcount, .post-count{
    color: #FF7F50;
    font-size: 18px;
    text-align: center;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 100%;
    display: inline-block;
}
.categoryimage img {
    opacity: 0;
}
.catinfo, .category-info {
    padding: 10px 10px 10px 10px;
}
.postcount span:after, .post-count:after{
    content: '';
    position: relative;
    width: 12px;
    height: 12px;
    display: inline-block;
    background-image: url(/wp-content/uploads/2025/04/arrow-1.webp);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 5px;
}
@media (max-width: 1200px) {
    .gd-resource-categories{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}
}
@media (max-width: 600px) {
    .gd-resource-categories{
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
}
}
.gd-carousel-item.slick-slide {
    padding-bottom: 10px !important;
}
.category-image img {
    opacity: 0;
}
.category-image{
        background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.gd-category-carousel {
    margin: 0 -10px;
}
.gd-category-carousel .gd-carousel-item {
    padding: 0 10px;
}
.gd-carousel-inner {
    border: 1px solid #FF7F50;
    border-radius: 30px;
    overflow: hidden;
    -webkit-box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.35);
}
.slick-prev:before, .slick-next:before {
    color: #318FB5 !important;
}
.slick-prev:hover:before, .slick-next:hover:before {
    color: #000000 !important;
}
.slick-arrow:focus{
    position: absolute;
}
.slick-prev:before, .slick-next:before {
    font-family: 'Ultimate-Icons' !important;
    font-size: 30px !important;
    line-height: 1;
    opacity: 1 !important;
    font-weight: bold;
}
.slick-prev, .slick-next{
    width: 32px !important;
    height: 32px !important;  
}
.slick-prev:before{
    content: "\e98c" !important;
}
.slick-next:before {
    content: "\e98e" !important;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    color: transparent !important;
    outline: none !important;
    background: transparent !important;
    border: 0px !important;
}
.gd-category-carousel {
    max-width: 95%;
    margin: 0 auto;
}
.slick-prev {
    left: -30px !important;
}
.slick-next {
    right: -30px !important;
}
.gd-category-carousel .gd-carousel-item {
    padding: 0 15px;
}
.gd-category-carousel {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}
.gd-category-carousel.slick-initialized{
        visibility: visible;
    opacity: 1; 
}
.boxnumbers .fl-col-content{
    position: relative;
}
.fl-post-category a {
    color: #318FB5;
}
.fl-post-category a:hover {
    color: #001244;
}
span.business-status {
    display: inline-block;
    width: 100%;
    padding: 5px 0px;
        text-transform: uppercase;
}
span.business-status.open{
    color: #06A900 !important;
}
span.business-status.closed{
    color: #a92000 !important;
}
.boxnumbers .fl-col-content:before {
    content: '';
    position: absolute;
    width: 69%;
    height: 4px;
    top: 70px;
    background-image: url(/wp-content/uploads/2025/04/dottedline.png);
    background-size: contain;
    background-repeat: repeat-x;
	    left: 50%;
    transform: translate(-50%);
}
@media (max-width: 992px) {
.boxnumbers .fl-col-content:before {
    content: '';
    position: absolute;
    width: 0%;
    height: 0px;
    top: 70px;
    background-image: url(/wp-content/uploads/2025/04/dottedline.png);
    background-size: contain;
    background-repeat: repeat-x;
}
}
.weekly-hours {
    font-size: 14px;
}
.business-hours-container {
    margin: 15px 0;
}
.hours-status {
    margin-bottom: 10px;
    font-size: 16px;
}
.weekly-hours ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}
.weekly-hours li {
    padding: 2px 0;
    border-bottom: 0px solid #eee;
}
.weekly-hours li.current-day {
    color: #318FB5;
}    
.hours-status strong {
    color: #318FB5;
}
.weekly-hours li.current-day strong {
    font-weight: bold;
    color: #050000;
}
.facetwp-facet select {
    padding: 8px 20px 8px 16px;
    border-radius: 25px;
    font-size: 17px;
    border: 0px;
    width: 100%;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
    background: url(/wp-content/uploads/2025/04/downarrow.webp) no-repeat right #fff;
    background-repeat: no-repeat;
    background-position-x: calc(100% - 9px);
    background-position-y: 15px;
    background-size: 18px 12px;
}
.facetwp-facet input.facetwp-search, .facetwp-facet input.facetwp-location {
    margin: 0;
    padding: 9px 20px 9px 20px;
    min-width: 100%;
    border-radius: 25px;
    font-size: 17px;
    border: 0px;
    color: #001244;
}
label.label_one {
    font-family: Domine, serif;
    font-weight: normal;
    padding: 0px 15px 8px 15px;
}
.locationlablewrap, .facetwp-facet-search_location{
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 15px;
}
.innersearchform{
    display: grid;
    grid-template-columns: 2fr 2.5fr 1.5fr 1fr;
    gap: 20px;
}
.facetwp-search::-webkit-input-placeholder {
    color: #001244 !important;
    opacity: 1 !important;
}
.facetwp-search:-ms-input-placeholder {
    color: #001244 !important;
    opacity: 1 !important;
}
.facetwp-search::placeholder {
    color: #001244 !important;
    opacity: 1 !important;
}
.facetwp-location::-webkit-input-placeholder {
    color: #001244 !important;
    opacity: 1 !important;
}
.facetwp-location:-ms-input-placeholder {
    color: #001244 !important;
    opacity: 1 !important;
}
.facetwp-location::placeholder {
    color: #001244 !important;
    opacity: 1 !important;
}
span.facetwp-input-wrap {
    width: 100%;
}
button.fwp-submit {
    width: 100%;
    color: #fff;
    background-color: #ff7f50;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 1.2;
    text-transform: none;
    border-style: solid;
    border-width: 2px;
    border-color: #fff;
    border-radius: 25px;
    padding: 10px 20px 10px 0px;
}
.facet_wrapper.facetbutton {
    padding-top: 38px;
}
select.facetwp-radius.facetwp-radius-dropdown {
    padding: 8px 15px 8px 13px;
}
.facetkeyword i.facetwp-icon {
    display: none;
}
.facetwp-icon.locate-me:before {
    background-image: url(/wp-content/uploads/2025/04/location.webp) !important;
    background-size: 18px 23px;
}
.facetwp-icon.locate-me {
    opacity: 1 !important;
}
.facetwp-facet-search_location .facetwp-icon {
    right: 3px;
}
.facetwp-facet {
    margin-bottom: 10px !important;
}
button.fwp-submit{
    position: relative;
}
button.fwp-submit:after {
    content: '';
    position: absolute;
    right: 8px;
    background-image: url(/wp-content/uploads/2019/04/search.webp);
    background-size: contain;
    height: 20px;
    width: 20px;
    background-repeat: no-repeat;
}
@media (max-width: 1500px) {
.innersearchform {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
    button.fwp-submit:after {
    height: 0px;
    width: 0px;
}
}
@media (max-width: 900px) {
.innersearchform {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}
        button.fwp-submit:after {
    height: 0px;
    width: 0px;
}
}
.fl-post-grid-empty {
    text-align: center;
}
.innersearchfilters{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 1rem;
  margin-left: auto;
    align-items: center;
}
.innersearchfilters label.label_one {
    display: inline-block;
}
.innersearchfilters .facetwp-facet {
    display: inline-block;
}
#facet-state, #facet-sort {
    COLOR: #318FB5;
}

.innersearchfilters .facetwp-facet select {
    padding: 8px 20px 8px 16px;
    border-radius: 25px;
    font-size: 17px;
    border: 0px;
    width: 100%;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: url(/wp-content/uploads/2025/04/polygon_2.webp) no-repeat right #fff;
    background-repeat: no-repeat;
    background-position-x: calc(100% - 0px);
    background-position-y: 14px;
    background-size: 18px 12px;
}
.homesearch label.label_one {
    color: white;
}
.homesearch label.label_one.labelright{
    display: none;
}
.homesearch #facetwp-radius{
    display: none;
}
.homesearch .locationlablewrap, .homesearch .facetwp-facet-search_location {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0px;
}
.homesearch.innersearchform {
    display: grid;
    grid-template-columns: 1.5fr 1.5fr 1fr;
    gap: 20px;
}

.homesearch button.fwp-submit:after {
    content: '';
    position: absolute;
    right: 8px;
    background-image: url(/wp-content/uploads/2019/04/search.webp);
    background-size: contain;
    height: 20px;
    width: 20px;
    background-repeat: no-repeat;
}
@media (max-width: 900px) {
    .homesearch.innersearchform {
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .homesearch .facet_wrapper.facetbutton {
        padding-top: 0px;
    }
}
header.fl-theme-builder-header-scrolled .fl-col-content {
    border-bottom-width: 0px;
}
iframe.cmplz-placeholder-element.cmplz-no-video.cmplz-processed.cmplz-activated {
    width: 100%;
    height: 280px;
    border: 0px;
}
.escapebutton {
    position: fixed;
    z-index: 1000;
    bottom: 0px !important;
}
.escapebutton .fl-icon-text .infotext {
    display: none;
}
.escapebutton:hover .fl-icon-text .infotext {
    display: inline-block;
}
.pp-modal.layout-standard, .pp-modal .pp-modal-body {
    overflow: visible !important;
}
.pp-modal .pp-modal-content {
    overflow: visible !important;
}
.pp-modal-content-inner, .pp-modal .pp-modal-content-inner {
    overflow: visible !important;
}
#facet-state {
    width: 210px;
}
.hours-status span.business-status {
    width: auto;
}
.profilename {
    font-weight: bold;
    margin-top: 10px;
}
.uwp-account-class h3.mb-lg-5.mb-4 {
    background: #001244;
    color: white;
    padding: 28px 20px;
    margin: 0px !important;
}
.newbuttonwrapper {
    background: #001244;
    padding-bottom: 30px;
    margin-top: -12px;
}
.uwp-account-class .ps-lg-4.ps-sm-0.h-100.pt-5.pb-lg-0.pb-3{
    padding-top: 0px !important;
}
  .phone_fi {
        position: relative;
        margin-bottom: 15px;
    }
    
    /* Phone number input styling */
    
    .phone_fi input.error {
        border-color: #ff0000 !important;
        background-color: #fff0f0;
    }
    
    /* Error message styling */
    .phone-error {
        color: #ff0000;
        font-size: 13px;
        display: block;
        margin-top: 5px;
    }
    
    /* Format hint that appears in empty fields */
    .phone_fi input:not(:focus):placeholder-shown {
        background-image: url(\'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="80" height="12"><text x="0" y="10" font-size="10" fill="%23999">555-555-5555</text></svg>\');
        background-repeat: no-repeat;
        background-position: right 10px center;
    }
    
    /* Make sure the hint disappears when typing */
    .phone_fi input:focus {
        background-image: none !important;
    }
    /* Email field container */
    .email_fi {
        position: relative;
        margin-bottom: 15px;
    }
    
    /* Input styling */
    .email_fi input {
        padding-right: 30px !important;
    }
    
    .email_fi input.error {
        border-color: #ff0000 !important;
        background-color: #fff0f0;
    }
    
    /* Error container */
    .email-error-container {
        min-height: 20px;
    }
    
    /* Error message styling */
    .email-error {
        color: #ff0000;
        font-size: 13px;
        display: block;
        margin-top: 5px;
    }
    /* Only show required indicator for required fields */
    .email_fi.acf-required .acf-label:after {
        content: " *";
        color: #ff0000;
    }
.acf-field .acf-label label {
    text-align: left !important;
}
.acf-input p.description {
    font-size: 12px;
    text-align: left !important;
}
.acf-input-wrap input, .acf-input textarea {
    text-align: left !important;
}
.acf-radio-list ul, .acf-radio-list li{
    text-align: left !important;
}
.acf-actions a {
    font-size: 14px !important;
    padding: 7px;
}
.acf-repeater th.acf-th label {
    font-size: 14px;
}
.acf-fields>.acf-field {
    position: relative;
    margin: 0;
    padding: 16px;
    border-top-width: 0px !important;
    border-top-style: solid;
    border-top-color: #eaecf0;
}
.acf-field[data-width]+.acf-field[data-width] {
    border-left: 0px solid #eee !important;
}
.pac-container { /* Styles for Places dropdown */
    z-index: 999999 !important;
}
.pac-item-query {
    font-size: 16px;
}
.pac-icon {
    display: none;
}
.acf-field-map:after {
    content: "Only US addresses accepted";
    display: block;
    font-size: 13px;
    color: #666;
    margin-top: 5px;
}
input.search.pac-target-input {
    text-align: left !important;
}
span.select2 span {
    min-height: 40px;
}
span.select2 span.acf-selection {
    line-height: 40px;
}
.acf-field.acf-field-radio.acf-field-6805470fdecba .acf-radio-list label {
    font-size: 18px;
    line-height: 25px;
}
@media (max-width: 768px) {
    .acf-field {
        width: 100% !important;
    }
}

/* Status colors */
.status[data-status="publish"] { color: #4CAF50 !important; }
.status[data-status="draft"] { color: #9E9E9E !important; }
.status[data-status="pending"] { color: #FF9800 !important; }

/* Disabled buttons for pending posts */
.action-buttons .button[disabled] {
    opacity: 0.5;
    cursor: not-allowed;
}

#gform_fields_2 label {
    font-size: 15px;
}
#gform_submit_button_2 {
    color: white;
}
.uwp-footer-link.d-inline-block {
    float: left;
}