/* Food Finder Styles */

.ff_spinnr {
    text-align: center;
}
.ff_spinnr > svg {
    width: 35px;
    color: #671E75;
    animation: rotation 2s infinite linear;
}
@keyframes rotation {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(359deg);
    }
}

.find-food .form-field input:not([type='checkbox']).error{
    border: 1px solid red !important;
}
.find-food .text-lg {
    line-height: 1.3;
    font-size: 1.25rem;
}
.find-food .control .small {
    font-size: 1rem;
    color: #83847A;
}
.find-food .control .small strong {
    color: #44453B;
}
/* .find-food .ff-radio {
    position: absolute;
    top: 4px;
    left: 0;
    width: 32px;
    height: 32px;
    background: #DFE0DD;
    border-radius: 50%;
    padding: 3px;
} */
.find-food .control input:checked ~ .ff-radio {
    background: #671E75;
}
.find-food .control-checkbox input:checked ~ .ff-radio:after {
    content: '';
    border: 5px solid #fff;
    background: #671E75;
    height: 100%;
    width: 100%;
    display: block;
    border-radius: 50%;
}
/* .find-food .btn-purple {
    width: 100% !important;
} */
/* .find-food .ff-results-header { */
    /* background-color: #671E75; */
    /* margin-top: 4rem;
    margin-bottom: 4rem; */
/* } */
.find-food .ff-results-header h2 {
    color: #671E75;
    margin: 0;
    padding: 1.5rem 0;
    font-size: 2rem;
}
.find-food #ff-results .ff-result-item {
	cursor: pointer;
}
.find-food #ff-results .ff-result-item,
#ff-result-single,
.card-ff {
	background: #fff;
    padding: 30px;
    border-radius: 10px;
    margin-bottom: 20px;
	overflow-wrap: break-word;
}
.find-food .ff-result-item p {
    margin-bottom: 0.75rem;
    font-size: 1rem;
    line-height: 1.25;
    color: #000;
}
.find-food .ff-result-item .ff-suburb,
#ff-results .ff-result-item .ff-suburb {
    color: #671e75;
    text-transform: uppercase;
	font-size: 28px;
	font-weight: 700;
}
.find-food .ff-result-item .ff-title, .find-food .ff-result-item .ff-title2 {
	font-family: 'DM Sans', sans-serif;
    color: #000;
    margin-top: 0;
    font-size: 1.25rem;
    line-height: 1.25;
    margin-bottom: 0.75rem;
}
.find-food .ff-result-item .ff-title2 a {
    color: #000;
}
.find-food .ff-result-item .ff-address,
.find-food .ff-result-item .ff-web,
.find-food .ff-result-item .ff-hours,
.find-food .ff-result-item .ff-accessibility,
.find-food .ff-result-item .ff-email,
.find-food .ff-result-item .ff-phone {
    background-repeat: no-repeat;
    background-position: top left;
    padding-left: 1.75rem;
}
.find-food .ff-result-item .ff-eligibility ul {
    padding-left: 1.75rem;
    font-size: 0.95rem;
    font-family: 'DM Sans', sans-serif;
}
.find-food .ff-result-item .ff-eligibility li {
    margin-bottom: 8px;
}
.find-food .ff-result-item .ff-address {
    background-image: url(/wp-content/themes/wp-spinnr-child/img/ff-address.svg);
    background-size: 15px;
}
/* .find-food .ff-result-item .ff-web {
    background-image: url(/wp-content/themes/wp-spinnr-child/img/ff-web.svg);
    background-size: 18px;
} */
.find-food .ff-result-item .ff-hours {
    background-image: url(/wp-content/themes/wp-spinnr-child/img/ff-hours.svg);
    background-size: 18px;
}
.find-food .ff-result-item .ff-accessibility {
    background-image: url(/wp-content/themes/wp-spinnr-child/img/ff-accessibility.svg);
    background-size: 15px;
}
/* .find-food .ff-result-item .ff-email {
    background-image: url(/wp-content/themes/wp-spinnr-child/img/ff-email.svg);
    background-size: 18px;
} */
.find-food .ff-result-item .ff-phone {
    background-image: url(/wp-content/themes/wp-spinnr-child/img/ff-phone.svg);
    background-size: 18px;
}
.find-food .ff-result-item.active .ff-title {
    color: #671E75;
}
.find-food .ff-result-item .ff-desc {
    line-height: 1.3;
    color: #44453B;
    margin-bottom: 1rem;
}
.find-food .ff-result-item .ff-indent {
    padding-left: 1.75rem;
}
.find-food  .ff-back-button {
    padding: 1rem;
}
.find-food  .ff-back-button .text-cyan{
    color: #47D5CD;
}
.find-food .text-uppercase {
    text-transform: uppercase;
}
.find-food .border-top {
    border-top: 1px solid #ddd;
}
.find-food .border-bottom {
    border-bottom: 1px solid #ddd;
}
.find-food .ff_spinnr {
    text-align: center;
}
.find-food .ff_spinnr > svg {
    width: 35px;
    color: #671E75;
    animation: rotation 2s infinite linear;
}
.find-food .text-bold {
    font-weight: 700;
    font-size: 1.125rem;
}
@keyframes rotation {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(359deg);
    }
}
.find-food #map1 {
    height: 700px;
    width: 100%;
	border-radius: 10px;
}
.find-food #map2 {
    height: 400px;
    width: 100%;
    margin-bottom: 3rem;
	border-radius: 10px;
}

@media (max-width: 767px) {
    .find-food h1 {
        font-size: 35px;
    }
    .find-food .ff-results-header {
        margin-top: 0;
        margin-bottom: 1rem;
    }
    /* .find-food .ff-map {
        padding: 0;
    } */
    .find-food #map1 {
        height: calc(100vh - 250px);
        width: 100%;
    }
    .find-food #map2 {
        height: calc(100vh - 250px);
        width: 100%;
        margin-bottom: 0;
    }
}

.autocomplete {
    /*the container must be positioned relative:*/
    position: relative;
    display: inline-block;
}
.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 3rem;
    left: 15px;
    width: 92%;
}
.autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
    /*when hovering an item:*/
    background-color: #e9e9e9;
}
.autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: DodgerBlue !important;
    color: #ffffff;
}

#ff-results {
/*     height: 100vh;
    overflow-y: scroll;
	max-height: 810px;
	overflow-x: hidden; */
	max-height: 1880px;
    overflow-x: hidden;
    border-radius: 10px !important;
/* 	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd; */
}

/* custom scrollbar */
#ff-results::-webkit-scrollbar {
/*     width: 20px; */
	width: 6px;
}

#ff-results::-webkit-scrollbar-track {
    background-color: transparent;
}

#ff-results::-webkit-scrollbar-thumb {
    background-color: #d6dee1;
    border-radius: 20px;
    border: 6px solid transparent;
    background-clip: content-box;
}

#ff-results::-webkit-scrollbar-thumb:hover {
    background-color: #a8bbbf;
}

@media (max-width: 767px) {
	#ff-results {
		height: auto;
		overflow-y: unset;
		border-right: none;
	}
	.map-holder {
		position: absolute;
		transform: translatex(110%);
		transition: transform .2s ease;
	}
	.map-holder.show {
		position: relative;
		transform: translatex(0);
	}
}

.text-teal {
	color: #671E75 !important;
}

select.food-type,
#ff_suburb {
    border: 0;
    border-bottom: 1px solid #CDB1F9;
    border-radius: 0;
    padding-left: 0;
    font-size: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
	outline: none !important;
	width: 100%;
	color: #671E75;
}

select.food-type {
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='15' viewBox='0 0 12 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.30255 1.22222L5.30255 12.1324L1.59746 8.4273C1.53272 8.36111 1.4555 8.30842 1.37026 8.27228C1.28502 8.23614 1.19345 8.21727 1.10087 8.21676C1.00829 8.21625 0.916525 8.23411 0.830893 8.26931C0.74526 8.30451 0.667461 8.35635 0.602 8.42182C0.536538 8.48729 0.484716 8.5651 0.449532 8.65074C0.414349 8.73638 0.396503 8.82815 0.39703 8.92073C0.397555 9.01331 0.416443 9.10487 0.452598 9.1901C0.488752 9.27534 0.541455 9.35255 0.607656 9.41728L5.50765 14.3173C5.63892 14.4485 5.81693 14.5222 6.00255 14.5222C6.18816 14.5222 6.36618 14.4485 6.49745 14.3173L11.3974 9.41728C11.4625 9.35233 11.5142 9.27516 11.5494 9.1902C11.5846 9.10524 11.6026 9.01416 11.6025 8.9222C11.6025 8.78378 11.5614 8.64847 11.4845 8.53338C11.4076 8.41829 11.2983 8.3286 11.1704 8.27563C11.0425 8.22266 10.9018 8.2088 10.766 8.23579C10.6303 8.26279 10.5055 8.32944 10.4076 8.4273L6.70255 12.1324L6.70255 1.22222C6.70255 1.03656 6.6288 0.858517 6.49752 0.727242C6.36625 0.595966 6.1882 0.522217 6.00255 0.522217C5.8169 0.522217 5.63885 0.595966 5.50757 0.727242C5.3763 0.858517 5.30255 1.03656 5.30255 1.22222Z' fill='%23671E75'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
    background-position-x: 97%;
    background-position-y: center;
	padding-right: 2rem;
}

#ff_suburb::placeholder {
	color: #671E75;
}