/* ~~~~~~~~~~~~~~~~~~~ */
/* Loading Spinner */
/* ~~~~~~~~~~~~~~~~~~~ */

@-webkit-keyframes uil-default-anim {
    0% {  opacity: 1 }
    100% { opacity: 0 }
}

@keyframes uil-default-anim {
    0% { opacity: 1 }
    100% { opacity: 0 }
}

.uil-default-css {
    position: relative;
    background: none;
    width: 40px;
    height: 40px;
    transform:scale(0.2);
    margin: 0 auto;
    padding: 40px 0 60px;
}

.uil-default-css > div {
	width:14px;
	height:40px;
	background:#787878;
	border-radius:10px;
	position:absolute;
}

.uil-default-css > div:nth-of-type(1) {
    -webkit-animation: uil-default-anim 1s linear infinite;
    animation: uil-default-anim 1s linear infinite;
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.uil-default-css > div:nth-of-type(2) {
    -webkit-animation: uil-default-anim 1s linear infinite;
    animation: uil-default-anim 1s linear infinite;
    -webkit-animation-delay: -0.4166666666666667s;
    animation-delay: -0.4166666666666667s;
}

.uil-default-css > div:nth-of-type(3) {
    -webkit-animation: uil-default-anim 1s linear infinite;
    animation: uil-default-anim 1s linear infinite;
    -webkit-animation-delay: -0.33333333333333337s;
    animation-delay: -0.33333333333333337s;
}
.uil-default-css > div:nth-of-type(4) {
    -webkit-animation: uil-default-anim 1s linear infinite;
    animation: uil-default-anim 1s linear infinite;
    -webkit-animation-delay: -0.25s;
    animation-delay: -0.25s;
}

.uil-default-css > div:nth-of-type(5) {
    -webkit-animation: uil-default-anim 1s linear infinite;
    animation: uil-default-anim 1s linear infinite;
    -webkit-animation-delay: -0.16666666666666669s;
    animation-delay: -0.16666666666666669s;
}

.uil-default-css > div:nth-of-type(6) {
    -webkit-animation: uil-default-anim 1s linear infinite;
    animation: uil-default-anim 1s linear infinite;
    -webkit-animation-delay: -0.08333333333333331s;
    animation-delay: -0.08333333333333331s;
}

.uil-default-css > div:nth-of-type(7) {
    -webkit-animation: uil-default-anim 1s linear infinite;
    animation: uil-default-anim 1s linear infinite;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.uil-default-css > div:nth-of-type(8) {
    -webkit-animation: uil-default-anim 1s linear infinite;
    animation: uil-default-anim 1s linear infinite;
    -webkit-animation-delay: 0.08333333333333337s;
    animation-delay: 0.08333333333333337s;
}

.uil-default-css > div:nth-of-type(9) {
    -webkit-animation: uil-default-anim 1s linear infinite;
    animation: uil-default-anim 1s linear infinite;
    -webkit-animation-delay: 0.16666666666666663s;
    animation-delay: 0.16666666666666663s;
}

.uil-default-css > div:nth-of-type(10) {
    -webkit-animation: uil-default-anim 1s linear infinite;
    animation: uil-default-anim 1s linear infinite;
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s;
}

.uil-default-css > div:nth-of-type(11) {
    -webkit-animation: uil-default-anim 1s linear infinite;
    animation: uil-default-anim 1s linear infinite;
    -webkit-animation-delay: 0.33333333333333337s;
    animation-delay: 0.33333333333333337s;
}

.uil-default-css > div:nth-of-type(12) {
    -webkit-animation: uil-default-anim 1s linear infinite;
    animation: uil-default-anim 1s linear infinite;
    -webkit-animation-delay: 0.41666666666666663s;
    animation-delay: 0.41666666666666663s;
}


/* ~~~~~~~~~~~~~~~~~~~ */
/* Modal Styling */
/* ~~~~~~~~~~~~~~~~~~~ */
.tingle-modal-box__content { padding: 0; }
.tingle-modal__closeIcon { display: none; }

.wpsl_nearest, .wpsl_select_store {
    padding: 30px;
}
.wpsl_nearest {
    padding-bottom: 30px;
    background: #3498db;
    color: #fff;
}

.wpsl_clear { clear:both; }
.wpsl_input_fields { margin: 10px 0; }
#wpsl_filter_locations {
  width: 69%;
  margin-right: 1%;
  float: left;
}
#filter-locations { width: 30%; float: left; }
.wpsl_list_locations {
	margin: 10px 0 0;
	padding: 0;
	border: 1px solid rgba(0,0,0,0.1);
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 200px;
  clear:both;
}
.wpsl_list_locations li {
	display: block;
	list-style: none;
	cursor: pointer;
	padding: 5px 10px;
}
.wpsl_list_locations li:nth-of-type(2n) {
	background: rgba(0,0,0,0.05);
}
.wpsl_list_locations li:hover {
	background: rgba(0,0,0,0.1);
}

.wpsl_list_locations li.wpsl_active_location {
	font-weight: 700;
    color: #3498db;
}

.wpsl_list_locations li:before {
	display: block;
	background: #fff;
	border: 1px solid rgba(0,0,0,0.1);
	width: 16px;
	height: 16px;
	box-sizing: border-box;
	content: '\00a0';
	margin: 5px 10px 0 0;
    font-size: 10px;
    text-align: center;
    line-height: 150%;
    float: left;
    color:#3498db;
}
.wpsl_list_locations li:hover:before {
	border: 1px solid rgba(0,0,0,0.2);
}
.wpsl_list_locations li.wpsl_active_location:before {
	content: '\2714';
}

.wpsl_filter_hide { display: none !important; }


/* ~~~~~~~~~~~~~~~~~~~ */
/* Single Layout */
/* ~~~~~~~~~~~~~~~~~~~ */

.wpsl_group {
    margin-bottom: 30px;
}
.wpsl_group:empty { padding: 0; margin: 0; border: none; }
.wpsl_group p:last-of-type {
    margin-bottom: 0;
}
.wpsl_group .wpsl_address_postal { margin-top: 10px; }

#wpsl_map_display { width: 100%; height: 300px; }

/* ~~~~~~~~~~~~~~~~~~~ */
/* List View */
/* ~~~~~~~~~~~~~~~~~~~ */

.wpsl_half { 
    float: left;
    display: inline-block;
    margin-right: 6%;
    width: 47%;
}
.wpsl_fit {
    margin-right: 0;
}

.wpsl_clear { clear: both; }



.acf-map {
    width: 100%;
    height: 400px;
    border: #ccc solid 1px;
    margin: 20px 0;
    background: blue;
}

/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}