/*
Theme Name: OLEP Map Theme
Theme URI: https://ourladyofeternalpeace.com/
Author: Three Trees Technical
Author URI: https://3treestech.com/
Description: Requires the OLEP map plugin to be enabled.
Version: 1.0
*/

:root {
	--green: #238322;
	--green-rgb: rgb(35,131,34);
	--green-rgb-50: rgb(35,131,34, 0.5);
	--dusty: rgb(173, 140, 140);
}

body {
	font-family: "Oswald", sans-serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
}
.display-4 {
	font-family: "Oswald", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
	font-size: 2rem;
	line-height:1;
}
.text-custom {
	color: var(--green-rgb);
}
.bg-custom {
	background-color: var(--green-rgb);
}
.container-fluid.bg-custom {
	box-shadow: inset 0 0 3rem rgba(0,0,0,0.5);
}
.btn-link {
	color: var(--green-rgb);
}
.btn-link:hover {
	color: var(--green-rgb-50);
}
.site-logo {
	text-decoration: none;
}
div#lotSearchResults p {
	color: white;
}

.legend-link,
.visit-link  {
	width: 40%;
	display: block;
	min-width: 300px;
	text-align: center;
	padding: 10px 0;
	background: #fff;
	color: var(--green);
	margin: 0 auto;
	border-radius: 40px;
	position: relative;

}
.legend-link a,
.visit-link a {
	text-decoration: none;
	color: var(--green);
	font-size: 1.2rem;
}
.legend-link a:hover,
.visit-link a:hover  {
	color: var(--green-rgb-50);
}
.legend-link > div {
	display: block;
}
.legend-link > div > div {
	display: flex;
	align-items: center;
	text-align: left;
}
.legend-link .marker span {
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	margin-right: 10px;
}
.marker-sold span { background-color: #00A5FF; }
.marker-not-sold span { background-color: #00FFA5; }
.marker-selected span { background-color: #FFA500; }