/*!
 * bootScore Where To Buy styles
 */
.form-where-to-buy{
	.field-type-text-field {
		max-width: 500px;
		margin: 0 auto;
		.location{
			height: 50px;
			padding: 15px;
			width: 100%;
			&.success{
				color: #539022;
				border-color: #8ec73b;
    			background: #fafff2;
			}
		}
		.distance_result{
			text-align: center;
			background: transparent;
			color: $c-white;
			height: 50px;
		}
	}
	.range_value{
		max-width: 500px;
		margin: 0 auto;
		margin-top: 30px;
		text-align: center;
	}
	.field-type-range-field {
		max-width: 500px;
		margin: 0 auto;
		display: flex;
		justify-content: space-around;
    	align-items: center;
		.distance_range{
			width: 80%;
			height: 50px;
		}
		input[type=range] {
			height: 59px;
			-webkit-appearance: none;
			margin: 10px 0;
			background: transparent;
			width: 70%;
			border: solid 1px #fff;
			padding: 15px;
			border-radius: 30px;
		  }
		  input[type=range]:focus {
			outline: none;
		  }
		  input[type=range]::-webkit-slider-runnable-track {
			width: 100%;
			height: 15px;
			cursor: pointer;
			animate: 0.2s;
			box-shadow: 1px 1px 1px #ffffff;
			background: #FFFFFF;
			border-radius: 25px;
			border: 1px solid #FFFFFF;
		  }
		  input[type=range]::-webkit-slider-thumb {
			box-shadow: 1px 1px 1px #B1017B;
			border: 2px solid #B1017B;
			height: 50px;
			width: 50px;
			border-radius: 25px;
			background: #B1017B;
			cursor: pointer;
			-webkit-appearance: none;
			margin-top: -19px;
		  }
		  input[type=range]:focus::-webkit-slider-runnable-track {
			background: #FFFFFF;
		  }
		  input[type=range]::-moz-range-track {
			width: 100%;
			height: 15px;
			cursor: pointer;
			animate: 0.2s;
			box-shadow: 1px 1px 1px #ffffff;
			background: #FFFFFF;
			border-radius: 25px;
			border: 1px solid #FFFFFF;
		  }
		  input[type=range]::-moz-range-thumb {
			box-shadow: 1px 1px 1px #B1017B;
			border: 2px solid #B1017B;
			height: 50px;
			width: 50px;
			border-radius: 25px;
			background: #B1017B;
			cursor: pointer;
		  }
		  input[type=range]::-ms-track {
			width: 100%;
			height: 15px;
			cursor: pointer;
			animate: 0.2s;
			background: transparent;
			border-color: transparent;
			color: transparent;
		  }
		  input[type=range]::-ms-fill-lower {
			background: #FFFFFF;
			border: 1px solid #FFFFFF;
			border-radius: 50px;
			box-shadow: 1px 1px 1px #ffffff;
		  }
		  input[type=range]::-ms-fill-upper {
			background: #FFFFFF;
			border: 1px solid #FFFFFF;
			border-radius: 50px;
			box-shadow: 1px 1px 1px #ffffff;
		  }
		  input[type=range]::-ms-thumb {
			margin-top: 1px;
			box-shadow: 1px 1px 1px #B1017B;
			border: 2px solid #B1017B;
			height: 50px;
			width: 50px;
			border-radius: 25px;
			background: #B1017B;
			cursor: pointer;
		  }
		  input[type=range]:focus::-ms-fill-lower {
			background: #FFFFFF;
		  }
		  input[type=range]:focus::-ms-fill-upper {
			background: #FFFFFF;
		  }
		  
	}
	.field-type-submit-field {
		max-width: 500px;
		margin: 0 auto;
		padding: 50px;
		display: flex;
		justify-content: center;
		padding: 50px;
		.submit-type-reload {
			background: $c-purple;
			color: $c-white;
			text-decoration: none;
			font-weight: bold;
			font-size: 18px;
			line-height: 24px;
			padding: 10px 20px;
			letter-spacing: -0.01em;
		}
	}
	.res_heading{
		text-align: center;
		margin-bottom: 10px;
		font-size: 25px;
	}
	.bh-sl-map-container{
		margin-bottom: 20px;
		.gm-style {
			.gm-style-iw-d{
				color: #000;
				.loc-name{
					color: $c-purple;
					font-weight: bold;
				}
			}
		} 
	}
}
#map{
	height: 450px;
}
.tabs{
	max-width: 800px;
    margin: 0 auto;
	margin-bottom: 50px;
	margin-top: 20px;
	.tabs__caption{
		display: flex;
		justify-content: space-between;
		max-width: 800px;
		margin: 0;
		padding: 0;
		li{
			list-style: none;
			background-color: $c-darkpurple;
			width: 33%;
			text-align: center;
			color: $c-lightpurple;
			height: 50px;
			display: flex;
			justify-content: flex-end;
			flex-direction: column;
			padding-bottom: 5px;
			cursor: pointer;
			&.active{
				background-color: $c-purple;
				color: $c-white;
				cursor: unset;
			}
		}
	}
	.tabs__content {
		display: none;
		&.active{
			display: block;
			border-top: solid 3px $c-purple;
			max-height: 335px;
			overflow-y: scroll;
		}
		.content_store{
			padding: 10px;
			&:nth-child(2n){
				background-color: #262729;
			}
			.store_name{
				color: $c-purple;
				.state_name{
					text-transform: uppercase;
				}
			}
			.store_url{
				color: $c-lightblue;
				a{
					color: $c-lightblue;
					text-decoration: none;
					&:hover{
						text-decoration: underline;
					}
				}
			}
			.lcbo_wrapper{
				display: flex;
				justify-content: space-between;
				.lcbo_desciption{
					font-size: 14px;
				}
				.store_url{
					font-size: 14px;
					padding-right: 15px;
					a{
						color: $c-white;
					}
				}
			}
		}
	}
}