/* =========================================== */
/* Filter Styling */
/* =========================================== */
.t2m_filter {
	margin: 10px 0;
	background-color: var(--t2m-filter-bg-color, rgba(232, 246, 244, 1.0));
	border-width: var(--t2m-filter-border-width, 0);
	border-style: var(--t2m-filter-border-style, solid);
	border-color: var(--t2m-filter-border-color, #000);
	border-radius: var(--t2m-filter-border-radius, 0);
	box-shadow: var(--t2m-filter-box-shadow, unset);
	padding: var(--t2m-filter-padding, 20px);
}

.t2m_filter:hover,
.t2m_filter:focus {
	background-color: var(--t2m-filter-bg-color-hover, rgba(232, 246, 244, 1.0));
}

.t2m_filter h2 {
	color: var(--t2m-filter-title-text-color, #000);
	font-family: var(--t2m-filter-title-font, 'Roboto'), sans-serif;
	font-size: var(--t2m-filter-title-font-size, 17px) !important;
}

.t2m_filter_options {
	display: flex;
	flex-wrap: wrap;
}

.t2m_select_field {
	border-width: var(--t2m-filter-options-dropdown-border-width, 1px);
	border-style: var(--t2m-filter-options-dropdown-border-style, solid);
	border-color: var(--t2m-filter-options-dropdown-border-color, #000);
	padding: var(--t2m-filter-options-dropdown-padding, 10px);
	transition: 250ms ease;
	display: inline-flex;
	cursor: pointer;
	width: fit-content;
	margin: 0 8px 8px 0;
}

.t2m_select_field:focus {
	border-width: var(--t2m-filter-options-dropdown-border-width, 1px);
	border-style: var(--t2m-filter-options-dropdown-border-style, solid);
	border-color: var(--t2m-filter-options-dropdown-border-color, #000);
	padding: var(--t2m-filter-options-dropdown-padding, 10px);
}

.t2m_select_field option {
	color: var(--t2m-filter-text-color, #000);
	font-family: var(--t2m-filter-text-font, 'Roboto'), sans-serif;
	font-size: var(--t2m-filter-text-font-size, 13px);
	cursor: pointer;
	border-radius: 5px;
	transition: 250ms ease;
}

.t2m_select_field option:hover,
.t2m_select_field option:focus {
	color: var(--t2m-filter-text-color-hover, #000);
	border-radius: 5px;
	outline: none; /* Important for accessibility, style the focus state nicely instead */
}