/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 .clearfix::after {
    content: "";
    clear: both;
    display: table;
}

body{
    --wp--preset--font-family--body: 'OpenSans';
}
.wp-site-blocks{
    padding: 0px 0px !important;
}

.jquery-modal.blocker{
    background-color:rgba(0,0,0,0.25);
    z-index:999;
}

.jquery-modal .modal{
    box-shadow:unset !important;
    max-width:750px;
}

#disabled-bbb-modal .inner-content{
    display:flex;
    gap:12px;
}

#disabled-bbb-modal .inner-content div{
    width:100%;
}

@media (max-width:600px){
    #disabled-bbb-modal .inner-content{
        flex-wrap:wrap;
    }
}

.servecommerce-autocomplete-field{
    font-family:var(--wp--preset--font-family--body);
    width:100%;
    padding:8px !important;
    margin:10px 0;
    font-size:0.9rem;
}

#serv-loc-select_selected-value{
    border: 1px solid #dddddd;
    border-radius:4px;
    padding:8px 10px;
    position:relative;
    cursor:pointer;
    background-color: white;
    min-width:200px;
}

#serv-loc-select.home #serv-loc-select_selected-value{
    padding:15px;
    border-radius:80px;
    padding-right:25px;
}

@media (max-width:600px){
    #serv-loc-select.home{
        width:100%;
        margin:10px;
    }
    #serv-loc-select.home #serv-loc-select_selected-value{
        padding:12px 15px;
    }
}

#serv-loc-select_selected-value::after{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M201 337c-9.4 9.4-24.6 9.4-33.9 0L7 177c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l143 143L327 143c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L201 337z'/%3E%3C/svg%3E");
    width:10px;
    height:21px;
    position:absolute;
    opacity:0.7;
    right:12px;
    top:10px;
    transition:all 200ms ease;
}

#serv-loc-select.home #serv-loc-select_selected-value::after{
    top:18px;
    right:10px;
}

@media (max-width:600px){
    #serv-loc-select.home #serv-loc-select_selected-value::after{
        top:15px;
        right:10px;
    }
}

#serv-loc-select_dropdown{
    margin-top:5px;
    border:1px solid #dddddd;
    padding:0;
    border-radius:4px;
    display:none;
}

#serv-loc-select.home{
    position:relative;
}

@media (min-width:601px){
    #serv-loc-select.home #serv-loc-select_dropdown{
        position:absolute;
        top:60px;
        left:0;
    }
}

#serv-loc-select.home #serv-loc-select_dropdown{
    background:white;
}

.pac-container{
    left:0 !important;
    top:0 !important;
    box-shadow:unset;
    border-top:unset;
    display:block !important;
    position:relative !important;
    font-family:var(--wp--preset--font-family--body) !important;
}

.pac-container:after{
    display:none !important;
}

#serv-loc-select_near{
    cursor:pointer;
    position:relative;
    padding:8px;
}

#serv-loc-select_near:hover{
    background-color:#dddddd;
}

#serv-loc-select_near:after{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath fill='%23358cff' d='M192 512s192-208 192-320C384 86 298 0 192 0S0 86 0 192C0 304 192 512 192 512zm0-384a64 64 0 1 1 0 128 64 64 0 1 1 0-128z'/%3E%3C/svg%3E");
    position:absolute;
    right:20px;
    top:11px;
    width: 12px;
    height: 20px;
}

#serv-loc-select.home #serv-loc-select_near{
    font-size:0.8rem;
}

#serv-loc-select.open #serv-loc-select_selected-value::after{
    transform:rotate(180deg);
}

.no-close-results-notice{
    padding: 10px;
    background: #FDEEDC;
    border: 2px solid #FF6E31;
    border-radius: 4px;
    text-align:center;
    margin-bottom:30px;
    font-size:0.8rem;
}