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

/*
 red: 			#15244a;
 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;
}
.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: 'Rubik', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 16px;
	text-align: center;
}
.beer-finder-map #results ol .item {
	background-color: #28272d;
	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: #16171b;
}
.beer-finder-map #results ol .title {
	color: #fff;
}
.beer-finder-map #results ol .title h5 {
	color: #fff;
	font-family: 'Rubik', 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: 'Rubik', 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: #a5a8b2;
	font-family: 'Rubik', 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: #fff;
	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: #a5a8b2;
	margin: 0;
}
.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 .sidebar {
		display: none;
		z-index: 9;
		position: absolute;
		top: 167px;
		left: 0;
		bottom: auto;
		overflow: hidden;
		overflow-y: scroll;
		transition: left 0.3s;
		background-color: #28272d;
	}
	.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: #28272d;
		margin: 0;
		padding: 25px 25px 25px 50px;
		color: #fff;
	}
	.beer-finder-map #results .found-matches span {
		font-size: 22px;
		font-weight: 700;
		color: #fff;
		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: 507px;
		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: 535px;
	}
	.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: 'Rubik', sans-serif;
		color: #fff;
		background-color: #16171b;
		font-size: 16px;
		padding: 7px 7px 6px 8px;
		position: absolute;
		top: 25px;
		right: 0;
	}
	.beer-finder-map #results ol .distance a {
		color: #fff;
		position: relative;
		padding-right: 35px;
	}
	.beer-finder-map #results ol .distance a:after {
		position: absolute;
		content: url(/wp-content/plugins/beer_finder/public/images/directions-gray.svg);
		top: -3px;
		right: 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/directions-blue.svg);
		width: 25px;
	}
	.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;
	}
	.beer-finder-map #results ol .beers-available h5 {
		margin: 0 0 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: 55%;
	left: 50%;
	transform: translateX(-50%);
	box-shadow: 0 2px 10px rgba(22, 23, 27, 0.1);
	padding: 10px;
	text-align: center;
}

.beer-finder-map .beer-filter-fields.mobile.grow {
	width: 90%;
	padding: 20px;
	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: 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%;
}

.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: 'Oswald', 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: 'Oswald', 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: 'Oswald', 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: #15244a;
}
.beer-finder-map .one-location-type.selected .btn-type:before {
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
	opacity: 0.5;
	transform: scale(1.3);
	background-color: #15244a;
}

.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');
}

/* This is the worst way to style!!!!!!!!! */
/*? two-location-type */
.beer-finder-map .two-location-type {
	text-align: left;
}
.beer-finder-map .two-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 .two-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 .two-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 .two-location-type .btn-type:after {
	position: absolute;
	display: block;
	top: 52%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: all 0.3s;
}

.beer-finder-map .two-location-type.selected h5 {
	color: #16171b;
}
.beer-finder-map .two-location-type.selected .btn-type {
	background-color: #15244a;
}
.beer-finder-map .two-location-type.selected .btn-type:before {
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
	opacity: 0.5;
	transform: scale(1.3);
	background-color: #15244a;
}

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

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

/************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: 33px 0;
	}

	.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;
	}
	/* ? two-location-type */
	.beer-finder-map
		.desktop-location-types
		.inner-location-types
		.two-location-type.selected {
		display: block;
	}
	.beer-finder-map
		.desktop-location-types
		.inner-location-types
		.two-location-type {
		display: none;
	}
	.beer-finder-map
		.desktop-location-types
		.inner-location-types.open
		.two-location-type {
		display: block;
	}
	/*? END two-location-type */
	.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: #15244a;
	}
	.beer-finder-map .one-location-type .btn-type:hover:before {
		background-color: #15244a;
		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');
	}
	/*? two-locations-type ---> @media (min-width: 992px) */
	.beer-finder-map
		.desktop-location-types
		.inner-location-types
		.two-location-type
		h5 {
		margin: 0;
	}
	.beer-finder-map .two-location-type {
		padding: 15px 20px 15px 45px;
		margin-right: 60px;
	}
	.beer-finder-map .two-location-type h5 {
		cursor: pointer;
		padding-left: 25px;
	}
	.beer-finder-map .two-location-type h5:hover {
		color: #16171b;
	}
	.beer-finder-map .two-location-type .btn-type {
		transform: scale(1);
	}
	.beer-finder-map .two-location-type .btn-type:hover {
		background-color: #15244a;
	}
	.beer-finder-map .two-location-type .btn-type:hover:before {
		background-color: #15244a;
		transform: scale(1.3);
		animation: ripple_before 1s linear infinite;
		animation-delay: 0s;
	}
	.beer-finder-map .two-location-type.selected .btn-type:before {
		transform: scale(1);
	}
	.beer-finder-map .two-location-type.barrel .btn-type:hover:after {
		content: url('/wp-content/plugins/beer_finder/public/images/Barrel-white.svg');
	}
	.beer-finder-map .two-location-type.beertaps .btn-type:hover:after {
		content: url('/wp-content/plugins/beer_finder/public/images/Taproom-white.svg');
	}
	.beer-finder-map .two-location-type.beermug .btn-type:hover:after {
		content: url('/wp-content/plugins/beer_finder/public/images/Beer-white.svg');
	}
	.beer-finder-map .two-location-type.beercan .btn-type:hover:after {
		content: url('/wp-content/plugins/beer_finder/public/images/Can-white.svg');
	}
	.beer-finder-map .two-location-type.cutlery .btn-type:hover:after {
		content: url('/wp-content/plugins/beer_finder/public/images/Restaurant-white.svg');
	}
	/*? END two-locations-type  */
}

@media (min-width: 1518px) {
	.beer-finder-map .finder-filter .beer-filter-fields.desktop {
		float: right;
		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 #15244a;
	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******************/
@import url('https://fonts.googleapis.com/css?family=Oswald:400,500,600,700|Rubik:400,700,900');

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

.beer-finder-map h5 {
	font-family: 'Oswald', 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: 'Rubik', sans-serif;
	font-weight: 400;
	text-transform: none;
	font-size: 14px;
}

.beer-finder-map h6 {
	font-family: 'Oswald', 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: 'Oswald', 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: #888888;
}

.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: 'Oswald', 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-down-gray.svg);
	background-repeat: no-repeat;
	background-position: right 13px center;
}

@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: #fff !important;
}
/******************BUTTONS******************/
.beer-finder-map .btn-underline {
	position: relative;
	font-family: 'Rubik', sans-serif;
	font-weight: 400;
	color: #a5a8b2;
}
.beer-finder-map .btn-underline:after {
	transition: transform 0.3s cubic-bezier(0.4, 0, 0, 1);
	content: '';
	position: absolute;
	bottom: -4px;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #fff;
	transform-origin: center;
	transform: scaleX(1);
}
.beer-finder-map .btn-x {
	position: relative;
	cursor: pointer;
	border: 0;
	padding: 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: #15244a;
}

.beer-finder-map .btn-def {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	border: 0;
	border-radius: 0;
	padding: 13px 13px;
	font-size: 14px;
	color: #fff !important;
	background: #15244a;
	font-family: 'Oswald', 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;
	text-decoration: none;
}
.beer-finder-map .btn-def.gray {
	background: #555555;
}

.beer-finder-map .btn-aluminum {
	position: relative;
	border: 0;
	border-radius: 0;
	padding: 13px 23px;
	font-size: 14px;
	background: #e5e5e5;
	color: #16171b;
	font-family: 'Oswald', 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: #fff !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: #15244a;
	}
	.beer-finder-map .btn-def {
		letter-spacing: 2px;
	}
	.beer-finder-map .btn-aluminum:hover {
		background: #e5e5e5;
		color: #16171b;
		text-decoration: none;
	}
}

.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;
}