/**
 * Circular beach map pins (coast explorers + beaches hub).
 *
 * @package The_Duchy
 */

.duchy-beach-pin-wrap,
.beaches-explorer-beach-pin,
.beaches-hub-coast-pin,
.settlements-map-beach-pin {
	background: transparent !important;
	border: 0 !important;
}

.duchy-beach-pin {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	border: 2.5px solid #fff;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.38);
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

.beaches-hub-coast-pin .duchy-beach-pin {
	width: 26px;
	height: 26px;
	border-width: 2px;
}

.duchy-beach-pin__glyph {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 0;
}

.duchy-beach-pin--surf .duchy-beach-pin__glyph {
	transform: translateY(1px);
}