/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 
 /*
 red: 			#6F72DF;
 yellow:    	#F7B71F;
 black: 		#16171B;
 charcoal:		#28272D;
 cast-iron:		#333238;
 steel:			#616066;
 foundry:		#888888;
 slate:			#A5A8B2;
 aluminum:		#E5E5E5;
 bkgd-gray:		#F1F1F1;
 */

/***************RESULTS******************/
.beer-finder-map{
	position: relative;
}
.beer-finder-map .bf-hidden{
	display: none !important;
}
.beer-finder-map .beer-finder-search{
	display: none;
}

.grecaptcha-badge{
	opacity: 0 !important;
}
.beer-finder-map .sidebar{
	z-index: 12;
    position: absolute;
    bottom: 20px;
}	
.beer-finder-map #results{
	/*height: 140px;*/
	/*background-color: #28272D;*/
	overflow-y: scroll;
	/*margin-top: 20px;*/
	/*padding-right: 40px;*/
}
.beer-finder-map #results .slick-list{
	padding: 0 0 0 5%;
}
.beer-finder-map #results .slick-track{
	/*padding: 0 0 0 2%;*/
	display: flex;
	align-items: flex-end;
}	
.beer-finder-map #results .results-matches{
	display: none;
}
.beer-finder-map #results ol{
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100vw;
}
.beer-finder-map #results .slick-slide{
	margin: 0 0 0 14px;
}
.beer-finder-map #results .slick-slide:focus{
	outline: none;
}
.beer-finder-map #results ol .result-item{
	background-color: #28272D;
    width: 312px;
    padding: 17px;
    margin: 0 10px;
    color: #fff;
    font-family: "DIN-Condensed-Bold", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    text-align: center;
}
.beer-finder-map #results ol .item{
	background-color: #DFDFDF;
	width: 312px;
	padding: 17px;
	margin: 0 10px;
	/*position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;*/
	padding-left: 20px;
}
.beer-finder-map #results ol .item.active{
	background-color: #868686;
}
.beer-finder-map #results ol .title{
	color: #fff;
}
.beer-finder-map #results ol .title h5{
	color: #000;
	font-family: "DIN-Condensed-Bold", sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 16px;
	margin: 0;
	max-width: 250px;
}
.beer-finder-map #results ol .address,
.beer-finder-map #results ol .address .state{
	color: #E5E5E5;
	font-family: "DIN-Condensed-Bold", sans-serif;
	font-weight: 400;
	font-size: 11px;
	margin: 0;
	padding: 10px 0;
}
.beer-finder-map #results ol .distance{
	display: none;

}	
.beer-finder-map #results ol .phone{
	color: #000;
	font-family: "DIN-Condensed-Regular", sans-serif;
	font-weight: 400;
	font-size: 11px;
	margin: 0;
	padding: 3px 0 15px;
}
.beer-finder-map #results ol .open-available-beers{
	margin-left: 17px;
}
.beer-finder-map #results ol .beers-available{
	margin-top: 30px;
	display: none;
}
.beer-finder-map #results ol .beers-available h5{
	color: #000;
	margin: 0 0 30px;
}
.beer-finder-map #results ol .beers-available .beer-available-list{
	columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    -webkit-column-width: 100px;
	-moz-column-width: 100px;
	column-width: 100px;
}
.beer-finder-map #results ol .beers-available .one-list-beer{
	color: #4A4A4A;
    margin: 0;
}
.beer-finder-map #results ol .view-location{
	display: none;
}
.beer-finder-map #hide-results-list{
	display: none;
}

@media (min-width: 768px) {
	.beer-finder-map .sidebar{
	    bottom: 40px;
	}	
	.beer-finder-map #results .slick-track{
		padding: 0 0 0 5%;
	}
	.beer-finder-map #results ol .item{		
		margin: 0 20px;
	}
}
@media (min-width: 992px) { 
	.beer-finder-map{
		position: relative;
	}
	.beer-finder-map .beer-finder-search{
		display: block;
		background:url(/wp-content/themes/threeweavers/assets/images/bkgds/knot_charcoal_gradient.jpg);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}
	.beer-finder-map .sidebar{
		display: none;
		z-index: 9;
	    position: absolute;
	    top: 122px;
	    left: 0;
	    bottom: auto;
	    overflow: hidden;
	    overflow-y: scroll;
	    transition: left 0.3s;	
	    background-color: #DFDFDF;
	}
	.beer-finder-map .sidebar.hide-sb{
		left: -535px;	
	}
	.beer-finder-map #results .results-matches{
		display: none;
		position: relative;
	}
	.beer-finder-map #results .results-matches #close-match-number{
		position: absolute;
	    top: 17px;
	    right: 10px;
	    transform: scale(0.6);
	}
	.beer-finder-map #results .found-matches{
		display: block;
		background-color: #DFDFDF;
		margin: 0;
	    padding: 25px 25px 25px 50px;
	    color: #000;
	}
	.beer-finder-map #results .found-matches span{
		font-size: 22px;
		font-weight: 700;
		color: #6F72DF;
		vertical-align: baseline;
    	padding: 0 3px;
	}
	.beer-finder-map #hide-results-list{
		position: absolute;
	    top: 50%;
	    -webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	    transform: translateY(-50%);
	    z-index: 9;
	    left: 370px;
	    transition: left 0.3s;
	}
	.beer-finder-map #hide-results-list.hide-sb{
		left: -29px;
	}
	.beer-finder-map #hide-results-list button{
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	.beer-finder-map #hide-results-list.hide-sb button{
		left: -3px;
	}
	.beer-finder-map #results ol{
		list-style: none;
		padding: 0;
		margin: 0;
		width: 393px;
	}
	.beer-finder-map #results ol .result-item{
		display: none;
	}
	.beer-finder-map #results ol .item{		
		position: relative;
		margin: 0;
    	width: 100%;
    	padding: 25px 25px 25px 50px;
	}
	.beer-finder-map #results ol .distance{
		position: relative;
		display: inline-block;
		font-family: 'DIN-Condensed-Bold', sans-serif;
		color: #000;
		/* background-color: #16171B; */
		font-size: 16px;
		padding: 7px 7px 6px 8px;
		/* position: absolute;
	    top: 25px;
		right: 0; */
		margin-left: 60px;
	}
	.beer-finder-map #results ol .distance a{
		color: #000;
		position: relative;	
    	padding-left: 23px;
	}	
	.beer-finder-map #results ol .distance a:after{
		position: absolute;
		content: url(/wp-content/plugins/beer_finder/public/images/locator.svg);
		top: -3px;
   	 	left: 0;
	}
	.beer-finder-map #results ol .item.active .distance{
		/* background-color: #333238; */
	}
	.beer-finder-map #results ol .item.active .distance a:after{
		content: url(/wp-content/plugins/beer_finder/public/images/locator.svg);
	}
	.beer-finder-map #results ol .open-available-beers{
		display: none;
	}
	.beer-finder-map #results ol .mobile-beer-directions{
		display: none;
	}
	.beer-finder-map #results ol .beers-available{
		display: block;
		margin-top: 0;
	}
	.beer-finder-map #results ol .title h5{
		font-size: 22px;
		padding-right: 75px;
		max-width: 100%;
	}
	.beer-finder-map #results ol .phone{
		font-size: 16px;
		display: inline-block;
	}
	.beer-finder-map #results ol .beers-available h5{
		margin: 0 0 10px;
	}
	.beer-finder-map #results ol .view-location{
		display: block;
	}
	.beer-finder-map #results ol .view-location a{
		background: #fff;
		display: inline-block;
		padding: 10px 110px 6px;
		border-radius: 25px;
		color: #000;
		text-transform: none;
		font-size: 14px;
		margin-top: 10px;
	}
}	
@media (min-width: 1518px) { 
	.beer-finder-map .sidebar{
	    top: 115px;
	}
}	
/***************FILTER******************/
.beer-finder-map .finder-filter{
	background-color: #fff;
	padding: 22px 0;
}

.beer-finder-map .finder-filter .close-finder-filter{
	display: none;
	margin-left: 110px;
}

.beer-finder-map .finder-filter .beer-filter-fields.desktop{
	display: none;
}	

.beer-finder-map .beer-filter-fields.mobile{
	background-color: #fff;
	position: absolute;
    z-index: 10;
    top: 15px;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 2px 10px rgba(22,23,27,.1);
    padding: 10px 20px;
    text-align: center;
}
.beer-finder-map .beer-filter-fields.mobile > .search-filters {
	text-align:left;
}

.beer-finder-map .beer-filter-fields.mobile.grow{
	width: 100%;
	padding:0px;
	z-index: 12;
}	

.beer-finder-map .beer-filter-fields.mobile .search-filters h6{
	display: inline-block;
	text-align: center;
	color: #16171B;
	position: relative;
	padding-right: 50px;
}
.beer-finder-map .beer-filter-fields.mobile .search-filters h6:after{
	position: absolute;
	content: url(/wp-content/plugins/beer_finder/public/images/toggle.svg);
	top: -6px;
	right: -5px;
}

.beer-finder-map .beer-filter-fields.mobile .full-filter{
	display: none;
}	

.beer-finder-map .beer-filter-fields.mobile #close-beer-filter-mobile{
	position: absolute;
    right: 15px;
    top: 15px;
}

.beer-finder-map .beer-filter-fields.mobile #use-location{
	display: inline-block;
	text-align: center;
}	
.beer-finder-map .beer-filter-fields.mobile .address-radius-wrapper{
	display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 18px;
}	
.beer-finder-map .beer-filter-fields.mobile #search-btn-desktop{
	display: block;
	width: 100%;
	text-transform:uppercase;
	color:#FFF;
	font-size:14px;
	position: relative;
    font-family: DIN-Bold,sans-serif;
    letter-spacing: 1.5px;
    line-height: 1;
    background: #5C5FC2;
    border-radius: 50px;
    border: 0;
    padding: 12px 25px 10px;
    overflow: hidden;
	z-index: 1;
	margin: auto;
	width: 70%;
}	

.beer-finder-map .finder-filter .beer-filter-fields.desktop > #search-btn-desktop:hover {
color:#000 !important;
}

.beer-finder-map .finder-filter .beer-filter-fields.desktop > #search-btn-desktop:before {
	background:none;
}

/* .beer-finder-map .beer-filter-fields.mobile #search-btn-desktop:before {
	border-radius: 50px 0 0px 50px;
}

.beer-finder-map .beer-filter-fields.mobile #search-btn-desktop:hover:before {
	border-radius: 50px 50px 50px 50px;
} */
.beer-finder-map .beer-filter-fields.mobile .select-wrapper{
	width: 90px;
}

.beer-finder-map .beer-filter-fields.mobile .select-wrapper-full{
	width: 100%;
}

.beer-finder-map .finder-filter .beer-filter-fields .brand-wrapper{
	display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
}
.beer-finder-map .finder-filter .beer-filter-fields .brand-wrapper .select-wrapper-full{
	width: 245px;
}

.beer-finder-map .finder-filter .beer-filter-fields .select-wrapper{
	width: 100px;
	display: inline-block;
	vertical-align: middle;
	padding-right: 10px;
}

.beer-finder-map .beer-filter-fields #address-mobile,
.beer-finder-map .beer-filter-fields #address{
	vertical-align: middle;
	border: 0;
	background-color: #E5E5E5 !important;
	font-family: 'DIN-Condensed-Regular', sans-serif;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 1px;
	padding: 10px 15px 12px;
	color: #16171B;
	height: 40px;
	width: 90px;
}
.beer-finder-map .beer-filter-fields #address-mobile::placeholder,
.beer-finder-map .beer-filter-fields #address::placeholder{
	font-family: 'DIN-Condensed-Regular', sans-serif;
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #16171B;
}	

.beer-finder-map .beer-filter-fields .select-wrapper select,
.beer-finder-map .beer-filter-fields .select-wrapper-full select{
	font-family: 'DIN-Condensed-Regular', sans-serif;
	font-size: 14px;
	font-weight: 400;
	background-color: #E5E5E5;
	height: 40px;
	padding: 10px;
	line-height: 1;
	border: none;
	background-position: right 10px center;
}

.beer-finder-map .beer-filter-fields .select-wrapper-full select{
	width: 100%;
	text-transform: uppercase;
}

.beer-finder-map .select-types{
	padding-bottom: 20px;
}
.beer-finder-map .one-location-type{
	text-align: left;
}
.beer-finder-map .one-location-type h5{
	color: #888888;
	position: relative;
	display: inline;
	vertical-align: middle;
	text-align: left;
    padding-left: 5px;
    transition: color 0.3s;
}
.beer-finder-map .one-location-type .btn-type{
	display: inline-block;
	vertical-align: middle;
	position: relative;
	cursor: pointer;
	border: 0;
	padding: 32px;
    background-color: #16171B;
    border-radius: 50%;
    transition: all 0.3s;
    transform: scale(0.5);
}
.beer-finder-map .one-location-type .btn-type:before{
	position: absolute;
	display: block;
	content: '';
	padding: 32px;
	background-color: transparent;
	opacity: 0.3;
	border-radius: 50%;
	top: 0;
	left: 0;
	transition: all 0.3s;
}
.beer-finder-map .one-location-type .btn-type:after{
	position: absolute;
	display: block;
	top: 52%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s;
}	

.beer-finder-map .one-location-type.selected h5{
	color: #16171B;
}
.beer-finder-map .one-location-type.selected .btn-type{
	background-color: #6F72DF;
}
.beer-finder-map .one-location-type.selected .btn-type:before{
	box-shadow: 0 8px 24px rgba(0,0,0,.3);
	opacity: 0.5;
	transform: scale(1.3);
	background-color: #6F72DF;
}

.beer-finder-map .one-location-type.barrel .btn-type:after{
	content: url('/wp-content/plugins/beer_finder/public/images/Barrel.svg');
}
.beer-finder-map .one-location-type.beertaps .btn-type:after{
	content: url('/wp-content/plugins/beer_finder/public/images/Taproom.svg');
}
.beer-finder-map .one-location-type.beermug .btn-type:after{
	content: url('/wp-content/plugins/beer_finder/public/images/Beer.svg');
}
.beer-finder-map .one-location-type.beercan .btn-type:after{
	content: url('/wp-content/plugins/beer_finder/public/images/Can.svg');
}
.beer-finder-map .one-location-type.cutlery .btn-type:after{
	content: url('/wp-content/plugins/beer_finder/public/images/Restaurant.svg');
}	

.beer-finder-map .one-location-type.barrel.selected .btn-type:after{
	content: url('/wp-content/plugins/beer_finder/public/images/Barrel-white.svg');
}
.beer-finder-map .one-location-type.beertaps.selected .btn-type:after{
	content: url('/wp-content/plugins/beer_finder/public/images/Taproom-white.svg');
}
.beer-finder-map .one-location-type.beermug.selected .btn-type:after{
	content: url('/wp-content/plugins/beer_finder/public/images/Beer-white.svg');
}
.beer-finder-map .one-location-type.beercan.selected .btn-type:after{
	content: url('/wp-content/plugins/beer_finder/public/images/Can-white.svg');
}
.beer-finder-map .one-location-type.cutlery.selected .btn-type:after{
	content: url('/wp-content/plugins/beer_finder/public/images/Restaurant-white.svg');
}

/************MAP************/
.beer-finder-map .finder-map-container{
	position: relative;
	height: 578px;	
	overflow: scroll;
}
.beer-finder-map .finder-map-container #beer-finder-loading{
	display: none;
	background: rgba(40,39,48,0.8);
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 33;
}

.beer-finder-map .finder-map-container .one-beer-finder{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.beer-finder-map .finder-map-container .one-beer-finder .mapboxgl-popup-content {
	padding: 20px 15px;
	text-align: center;
}
.beer-finder-map .finder-map-container .one-beer-finder .mapboxgl-popup-close-button{
	padding: 5px 10px;
}
.beer-finder-map .finder-map-container .one-beer-finder h6{
	padding-top: 16px;
}

.finder-filter h2{
	color: #16171B;
	text-align: center;
	margin: 0;
}
.finder-filter h2:before{
	display: none;
}
.beer-finder-map .desktop-location-types{
	display: none;
}	

@media (min-width: 768px) { 
	.beer-finder-map .beer-filter-fields.mobile.grow{
		width: 50%;
	}
	.beer-finder-map .finder-map-container{
		height: 800px;
	}
}

@media (min-width: 992px) {
	.beer-finder-map .finder-map-container{
		overflow: hidden;
	}

	.beer-finder-map .finder-filter{
		padding: 31px 0 39px;
		text-align: center;
		background-color: transparent;
	} 

	.beer-finder-map .finder-filter .close-finder-filter{
		display: inline-block;
		float: right;
		padding-right: 30px;
	}

	.beer-finder-map .finder-filter .beer-filter-fields.desktop{
		display: inline-block;
		padding-top: 12px;
		padding-left: 32px;
	}

	.beer-finder-map .finder-filter .beer-filter-fields.desktop #search-btn-desktop{
		vertical-align: middle;
	}	

	.beer-finder-map .beer-filter-fields.mobile{
		display: none;
	}

	.beer-finder-map .finder-filter .beer-filter-fields #address{
		width: 100px;
	}	

	.beer-finder-map .finder-filter h2{
		text-align: left;
		display: inline-block;
		float: left;
		padding-left: 30px;
	}
	.beer-finder-map .desktop-location-types{
		/*padding-right: 40px;*/
	}
	.beer-finder-map .desktop-location-types .inner-location-types{
		background: #fff;
		padding: 10px 0;
		position: relative;
	}
	.beer-finder-map .desktop-location-types .inner-location-types .one-location-type.selected{
		display: block;
	}
	.beer-finder-map .desktop-location-types .inner-location-types .one-location-type{
		display: none;
	}
	.beer-finder-map .desktop-location-types .inner-location-types.open .one-location-type{
		display: block;
	}
	.beer-finder-map .desktop-location-types .inner-location-types .toggle-location-types{
		position: absolute;
		top: 44px;
	    right: 31px;
	    width: 15px;
	    height: 30px;
	    transition: all 0.3s;
	}	
	.beer-finder-map .desktop-location-types .inner-location-types .toggle-location-types:after{
		content: url('/wp-content/plugins/beer_finder/public/images/chevron.svg');
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	.beer-finder-map .desktop-location-types .inner-location-types.open .toggle-location-types{
		transform: rotate(90deg);
	}	
	.beer-finder-map .desktop-location-types .inner-location-types .one-location-type h5{
		margin: 0;
	}
	.beer-finder-map .desktop-location-types{
		display: block;
	}
	.beer-finder-map .one-location-type{
		padding: 15px 20px 15px 45px;
		margin-right: 60px;
	}
	.beer-finder-map .one-location-type h5{
		cursor: pointer;
		padding-left: 25px;
	}	
	.beer-finder-map .one-location-type h5:hover{
		color: #16171B;
	}
	.beer-finder-map .one-location-type .btn-type{
		transform: scale(1);
	}
	.beer-finder-map .one-location-type .btn-type:hover{
		background-color: #6F72DF;
	}
	.beer-finder-map .one-location-type .btn-type:hover:before{
		background-color: #3A3D8F;
		transform: scale(1.3);
		animation: ripple_before 1s linear  infinite ;
	  	animation-delay: 0s;
	}
	.beer-finder-map .one-location-type.selected .btn-type:before{
		transform: scale(1);
	}
	.beer-finder-map .one-location-type.barrel .btn-type:hover:after{
		content: url('/wp-content/plugins/beer_finder/public/images/Barrel-white.svg');
	}
	.beer-finder-map .one-location-type.beertaps .btn-type:hover:after{
		content: url('/wp-content/plugins/beer_finder/public/images/Taproom-white.svg');
	}
	.beer-finder-map .one-location-type.beermug .btn-type:hover:after{
		content: url('/wp-content/plugins/beer_finder/public/images/Beer-white.svg');
	}
	.beer-finder-map .one-location-type.beercan .btn-type:hover:after{
		content: url('/wp-content/plugins/beer_finder/public/images/Can-white.svg');
	}
	.beer-finder-map .one-location-type.cutlery .btn-type:hover:after{
		content: url('/wp-content/plugins/beer_finder/public/images/Restaurant-white.svg');
	}
}	

@media (min-width: 1518px) {
	.beer-finder-map .finder-filter .beer-filter-fields.desktop{
		padding-top: 5px;
	}
}	

@keyframes ripple_before {
	0% {
		transform: scale(1);
		opacity: 0.5;
	}
	100% {
		transform: scale(1.5);
		opacity: 0;
	}
}
@keyframes ripple_after {
	0% {
		transform: scale(1);
		opacity: 0.2;
	}
	100% {
		transform: scale(1.75);
		opacity: 0;
	}
}
.beer-finder-map .inner-spinner {
	position: absolute;
	top: 50%;
    left: 50%;
	transform: translate(-50%,-50%);
}	
.beer-finder-map .loading-spinner {
	-webkit-animation: rotate-infinite 2s linear infinite;
	border: 12px solid #6F72DF;
	border-right-color: transparent;
	border-radius: 50%;
	display: inline-block;
	height: 100px;
	width: 100px;
}
@-webkit-keyframes rotate-infinite {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100%  {
		-webkit-transform: rotate(360deg); 
	}
}

/***************TYPOGRAPHY******************/

.beer-finder-map h2{
	font-family: 'DIN-Condensed-Bold', sans-serif;
	font-weight: 900;
	font-size: 30px;
	line-height: 1.13;
	text-transform: uppercase;
}

.beer-finder-map h5 {
	font-family: "DIN-Condensed-Regular", sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.25;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.beer-finder-map h5.small-rbk {
	font-family: "DIN-Condensed-Bold", sans-serif;
	font-weight: 400;
	text-transform: none;
	font-size: 14px;
}

.beer-finder-map h6 {
	font-family: "DIN-Condensed-Regular", sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.25;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 0;
}

.beer-finder-map h6.small {
	font-weight: 500;
	font-size: 14px;
}

.beer-finder-map span{
	font-family: 'DIN-Condensed-Regular', sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.25;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 0 10px;
	vertical-align: middle;
	color: #FFFFFF;
}

.beer-finder-map span.center{
	text-align: center;
	display: block;
	padding: 18px 0;
	margin: 0;
}

.beer-finder-map hr {
	border-top: 1px solid #A5A8B2;
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}

.beer-finder-map select{
	border-radius: 0!important;
	-webkit-appearance: none;
	background-color: #fff;
	border: none;
	height: 40px;
    width: 173px;
	max-width: 100%;
	padding: 13px;
	color: #16171B;
	font-family: 'DIN-Condensed-Regular', sans-serif;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 2px;
	text-transform: uppercase;
	outline: none;
	background-image: url(/wp-content/plugins/beer_finder/public/images/chevron-right-gray.svg);
	background-repeat: no-repeat;
	background-position: right 13px center;
}

#radius-mobile {
	background-image: url(/wp-content/plugins/beer_finder/public/images/chevron-down-gray.svg);
	color:#000;
}

@media (min-width: 768px) { 
	.beer-finder-map h2{
		font-size: 45px;
		letter-spacing: 1px;
		line-height: 1.11;
	}
	.beer-finder-map h5 {
		font-size: 20px;
		line-height: 1.4;
	}
	.beer-finder-map h5.small-rbk {
		font-size: 16px;
	}
	.beer-finder-map h6 {
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.4;
	}
	.beer-finder-map h6.small {
		font-size: 16px;
		letter-spacing: 1px;
	}	
}	

@media (min-width: 992px) {
	.beer-finder-map select{
		font-size: 18px;
		padding: 18px;
		height: 53px;
		width: 240px;
		background-position: right 18px center;
	}	
}	

.beer-finder-map a:focus,
.beer-finder-map button:focus,
.beer-finder-map select:focus,
.beer-finder-map input:focus,
.beer-finder-map textarea:focus{
	outline: none !important;
	box-shadow: none;
}

.beer-finder-map a{
	text-decoration: none !important;
}
.beer-finder-map a:hover,
.beer-finder-map a:focus{
	color: #6F72DF !important;
}
/******************BUTTONS******************/
.beer-finder-map .btn-underline {
	position: relative;
	font-family: 'DIN-Condensed-Regular', sans-serif;
	font-weight: 400;
	color: #A5A8B2;
	text-transform: none;
}
.beer-finder-map .btn-underline:after {
	transition: transform .3s cubic-bezier(.4,0,0,1);
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #6F72DF;
    transform-origin: center;
    transform: scaleX(1);
}
.beer-finder-map .btn-x {
	position: relative;
	cursor: pointer;
	border: 0;
	padding: 9px 15px;
	background-color: #16171B;
	border-radius: 50%;
}
.beer-finder-map .btn-x:after {
	position: absolute;
	display: block;
	content: url("/wp-content/plugins/beer_finder/public/images/x-icon-small.svg");
	top: 48%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.beer-finder-map .btn-x.red {
  background-color: #6F72DF;
}

.beer-finder-map .btn-def{
	display: inline-block;
	vertical-align: middle;
	position: relative;
	border: 0;
	border-radius: 50px;
	padding: 13px 13px;
	font-size: 14px;
	color: #000 !important;
	background: #FFF;
	font-family: 'DIN-Condensed-Bold', sans-serif;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 1px;
	text-transform: uppercase;
	transition: background 0.3s;
}
.beer-finder-map .btn-def:hover{
	background: #16171B;
	color: #fff !important;
	text-decoration: none;
}
.beer-finder-map .btn-def.gray{
	background: #000; 
	color: #fff !important;
}	

.beer-finder-map .btn-aluminum{
	position: relative;
	border: 0;
	border-radius: 22px;
    padding: 13px 38px;
	font-size: 14px;
	background: #E5E5E5;
	color: #16171B;
	font-family: 'DIN-Condensed-Bold', sans-serif;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 1px;
	text-transform: uppercase;
	transition: background 0.3s;
}

@media (min-width: 992px) { 
	.beer-finder-map .btn-underline {
		transform: scaleX(0);
		color: #000 !important;
		text-decoration: none !important;
		font-size: 16px;
	}
	.beer-finder-map .btn-underline:hover:after {
		transform: scaleX(1);
	}
	.beer-finder-map .btn-x {
		padding: 25px;
		transition: all 0.3s;
	}
	.beer-finder-map .btn-x:after {
		top: 53%;
		content: url("/wp-content/plugins/beer_finder/public/images/x-icon.svg");
	}
	.beer-finder-map .btn-x:hover {
		background-color: #6F72DF;
	}
	.beer-finder-map .btn-def{
		letter-spacing: 2px;
	}	
	.beer-finder-map .btn-aluminum:hover{
		background: #E5E5E5;
		color: #16171B;
		text-decoration: none;
	}
}

.beer-finder-map .marker {
	background-image: url('/wp-content/plugins/beer_finder/public/images/Can.svg');
	background-size: cover;
	background-color: #16171B;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	cursor: pointer;
}	

#beerFinderSearch >  .beerfinder-enter-a-location {
	display:none;
}

.beerfinder-map-text {
	color:#000 !important;
}

#use-location {
	position: relative;
	font-family: DIN-Condensed-Regular,sans-serif;
    letter-spacing: 1.5px;
    line-height: 1;
    border-radius: 50px;
    border: 0;
    padding: 12px 25px 10px;
    overflow: hidden;
	z-index: 1;
	color:#3C368D !important;
	text-decoration:underline !important;
	font-size:14px;
}

.beer-finder-map .finder-filter .beer-filter-fields.desktop > #use-location {
	background-color: #FFF;
    text-decoration: none !Important;
    color: #000 !important;
    font-weight: 700;
} 

/*ADDITIONS*/

.beer-finder-map .beer-filter-fields.mobile {
	/* background-color:black; */
	/* background-image: url(/wp-content/themes/threeweavers/assets/images/bkgds/knot_charcoal_gradient.jpg); */
	background-size:cover;
	color:#FFF;
	padding:0;
}

.beer-finder-map .beer-filter-fields.mobile > .search-filters {
	background-image: url(/wp-content/themes/threeweavers/assets/images/bkgds/knot_charcoal_gradient.jpg);
	background-size:cover;
	padding:14px 20px;
	color:#FFF !important;
}
.beer-finder-map .beer-filter-fields.mobile > .search-filters:after {
	content: url(/wp-content/plugins/beer_finder/public/images/circle-chevron-right.svg);
	position:absolute;
	right:38px;
}

.beer-finder-map .beer-filter-fields.mobile.grow > .search-filters:after {
	content: url(/wp-content/plugins/beer_finder/public/images/circle-chevron-down.svg);
	position:absolute;
	right:38px;
	margin-top:-1px;
}

.beer-finder-map .beer-filter-fields.mobile > .search-filters >h6{
	color:#FFF !important;
	font-size:18px;
}
#brand-mobile, #locations-mobile, #address-mobile {
	color:#000 !important;
}

#brand-mobile, #locations-mobile {
	border-radius:50px !important;
	padding:0 20px;
	text-transform:uppercase;
}

#locations-mobile {
	width: 100%;
    background: #E5E5E5;
    font-family: 'DIN-Condensed-Regular', sans-serif;
    font-size: 14px;
    font-weight: 400;
    background-color: #E5E5E5;
    height: 40px;
    padding: 10px;
    line-height: 1;
    border: none;
    background-position: right 10px center;
    border-radius: 50px !important;
    padding: 0 20px;
    text-transform: uppercase;
}

.beer-finder-map .beer-filter-fields.mobile .search-filters h6 {
	padding-right:24px;
}
.beer-finder-map .beer-filter-fields.mobile .search-filters h6:after {
	content: url(/wp-content/plugins/beer_finder/public/images/white-toggle.svg);
	top:0;
}

.beer-finder-map .beer-filter-fields.mobile .full-filter {
	padding:20px;
}

.beer-finder-map .beer-filter-fields.mobile #close-beer-filter-mobile{
display:none !important;
}

.mapboxgl-ctrl-top-right {
	top:50px !important;
}

.beer-finder-map .beer-filter-fields.mobile {
	top:0;
}

.beer-finder-map .beer-filter-fields.mobile.grow > .full-filter #beerFinderSearch {
	display:block !important;
}


/*HIDE DESKTOP SEARCH FOR MOBILE VIEW*/
@media screen and (max-width: 991px) {
	#beerFinderSearch > div.container-fluid > div > div.finder-filter {
		display:none !important; 
	}
  }