/* the fixed navbar overlays the content, so the body needs to be pushed down */
body {
	padding-top: 50px;
}
/* iPad portrait/landscape: navbar may wrap to 2 rows (~100px) */
@media (min-width: 768px) and (max-width: 1199px) {
	body {
		padding-top: 100px;
	}
}
details {
	cursor: pointer;
}
.dotted {
	text-decoration: underline;
	text-decoration-style: dotted;
}
.extra-small {
	font-size: 55%;
}
.footer-links {
	line-height: 1.8em;
}
/* Add more whitespace above and below a horizontal rule */
.hr-taller {
	margin: 40px 0;
}

.hide_this {
	display: none;
}

/* Property Finder styles */
#pf_row3b {
	display: none; /* still controlled by Bootstrap collapse */
}
/* #pf_row4 now controlled by Bootstrap collapse accordion */

/* scroll horizontally via https://stackoverflow.com/a/25313245/464883 */
.horizontal-scroller {
	overflow-x: scroll; 
	overflow-y:hidden;
	white-space: nowrap;
}

/* Knowledge Base articles */
.playbook-list { 
	max-width: 40%; 
	margin-bottom: 1em;
}
.knowledge-base.card {
	border: none;
}
.knowledge-base.card img {
	height: 200px;
}
.knowledge-base.container h2 {
	padding-top: 0.75em;
}
.knowledge-base.container h3 {
	padding-top: 0.5em;
}
.img-guide {
	margin: 0.5em;
	border: thin solid rgba(164, 153, 153, 1);
	max-width: 100%;
}

/* Change the color of the active link in the breadcrumb */
.breadcrumb>.active>a {
	color:#6b6b6b;
}

/* Hide keywords in the Table of Contents' third column */
.table_of_contents_keywords {
	display: none;
}
#realtime_map_legend td {
	padding: 3px 3px 10px 3px;
	margin-bottom: 1em;
}

/* The date picker looks like it's disabled because Bootstrap styles "readonly" elements as gray */
.date_picker.form-control[readonly] {
  background-color: #fff;
  opacity: 1;
}

.rss_item_content figure {
	padding: 2em 0.5em;
}
.rss_item_content img {
	padding: 0.5em;
	max-width: 80%;
}
.rss_item_content figcaption {
	margin-left: 1em;
	padding-top: 0.5em;
	font-style: italic;
}
.rss_item_content li {
	margin-bottom: 0.5em;
}

/* Style search terms in the DataTables using mark.js */
mark{
	background:rgba(255, 213, 162, 0.63);
	color:black; 
	font-weight: bold;
}
ul.space-after>li, ol.space-after>li {
	padding-bottom: 0.7em;
}
ul.no-bullets {
  list-style-type: none; /* Remove bullets */
  padding: 0; /* Remove padding */
  margin: 0; /* Remove margins */
}
ul.small-margin {
	padding-left: 1em;
	padding-bottom: 0;
	margin-bottom: 0;
}
ul.no-margin {
  padding: 0; /* Remove padding */
  margin: 0; /* Remove margins */
}

/* Override a Leaflet style on buttons */
.leaflet-container a.btn {
	color:black;
}
/* Override the Leaflet 1.8 style change reducing the size of popup content, via https://github.com/Leaflet/Leaflet/issues/8385 */
body .leaflet-container {
	font-size: 1.2rem;
}
/* Leaflet info box overlays */
.info {
	padding: 6px 8px;
	font: 14px/16px Arial, Helvetica, sans-serif;
	background: rgba(255,255,255,0.90);
	box-shadow: 0 0 15px rgba(0,0,0,0.2);
	border-radius: 5px;
	min-height: 7em;
}
.info_short {
	padding: 6px 8px;
	font: 14px/16px Arial, Helvetica, sans-serif;
	background: rgba(255,255,255,0.50);
	box-shadow: 0 0 15px rgba(0,0,0,0.2);
	border-radius: 5px;
}
.leaflet-tooltip-image {
	max-height: 150px;
	max-width: 150px;
	border-radius: 5px;
}
img.leaflet-tooltip-large {
	height: 200px;
	max-height: 200px;
	max-width: 200px;
	border-radius: 5px;
	border: thin solid white;
	z-index: 1000000;
}
/* Increase the width of the border on divIcon HTML icons (used for files, images, news, renderings gallery */
.leaflet-div-icon {
	border: 6px solid #666;
	height: 150px;
	width: 150px;
	border-radius: 5px;
}
/* Leaflet .map_boxes will be overriden on the page if it needs to be wider */
.map_boxes {
	min-width: 200px;
}

/* Increase the size of the text on Leaflet's context menu */
.leaflet-contextmenu a.leaflet-contextmenu-item {
	font-size: 16px !important;
    line-height: 25px !important;
}
/* MapLibre map right-click context menu */
.ml-context-menu {
	display: none;
	position: fixed;
	z-index: 9999;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.18);
	min-width: 220px;
	padding: 4px 0;
}
.ml-context-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.ml-context-menu ul li a {
	display: block;
	padding: 7px 14px;
	color: #333;
	text-decoration: none;
	white-space: nowrap;
	font-size: 13px;
}
.ml-context-menu ul li a:hover {
	background: #f0f4ff;
	color: #1a1a1a;
}
.ml-context-menu ul li.divider {
	border-top: 1px solid #e5e5e5;
	margin: 4px 0;
}
.leaflet-popup-content details {
	margin-bottom: 0.5em;
}
.leaflet-popup-content summary {
	font-weight: bold;
}
.leaflet-popup-content summary::after {
	content: "⤵"; /* down arrow */
}
/* MapLibre popup details/summary — caret toggle */
.maplibregl-popup-content details {
	margin-bottom: 0.5em;
}
.maplibregl-popup-content summary {
	font-weight: bold;
	list-style: none; /* hide native browser disclosure triangle */
	cursor: pointer;
}
.maplibregl-popup-content summary::-webkit-details-marker {
	display: none; /* hide native triangle in Safari/Chrome */
}
.maplibregl-popup-content summary .fa-caret-down {
	transition: transform 0.2s ease;
}
.maplibregl-popup-content details[open] summary .fa-caret-down {
	transform: rotate(180deg);
}
/* override the layer names in the layer chooser */
.leaflet-control-layers-base label, .leaflet-control-layers-overlays label {
	font-weight: normal;
	margin: 0;
}

/* Bootstrap hides the search field reset button, this restores it */
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
}

/* Hide footer borders on DataTables that have footers (rare) */
tfoot.hide-border>tr>th, tfoot.hide-border>tr>td {
	border: none;
}

.help-me-button {
	border-color: #2196F3;
	color: #1e90ff;
}
 
.help-me-button:hover {
  border-color: #2196F3;
  background-color: #053D69;
  color: #fff;
}

.hidden, .hide {
	display:none;
}
.boldMe {
	font-weight: bold;
}
.details {
	cursor: pointer;
	cursor: hand;
}
.logo {
	max-height: 25px;
	max-width: 25px;
}
.full-width {
	width: 100%;
}
.align-right {
	text-align: right;
}
.no-top {
	margin-top: 0;
	padding-top: 0;
}
.add-top {
	padding-top: 2em;
}
.add-top-small {
	padding-top: 1em;
}
.add-top-large {
	padding-top: 3em;
}
.add-bottom {
	margin-bottom: 2em;
}
.add-bottom-small {
	margin-bottom: 1em;
}
.add-bottom-large {
	margin-bottom: 3em;
}
.vertical-align-bottom {
	display: table-cell;
	vertical-align: bottom;
}
.navbar-text {
  margin-top: 5px;
  margin-bottom: 5px;
}
.sign-in-printer>li {
	font-size: 1.5em;
	margin-bottom: 1em;
}

.whitelink a:link, .whitelink a:hover, .whitelink a:visited {
	color: white;
}

.purchase-button-options {
	background-color:rgba(124, 4, 30, 0.20);
	border: 1px solid rgba(0, 0, 0, 0);
	border-radius: 12px;
	padding: 0.8em;
}
.purchase-button-options-jumbo {
	font-size:130%;
	padding: 1.5em;
}

/* member directory */
.member.image {
	max-height: 200px;
	max-width: 200px;
}
.member_card {
	min-height: 500px;
}


/* Font Awesome 5 SVG fix */
/* .awesome-marker svg {
  margin-top: 10px;
  display: inline-block;
  font-size: 14px;
} */
.development_tooltip {
	width: 260px;
	white-space: normal !important;
	padding: 0.5em;
	line-height: 16px;
	font-size: 13px;
}
.proposed_project_tooltip {
	width: 180px;
	white-space: normal !important;
	padding: 0.5em;
	line-height: 16px;
	font-size: 13px;
}

/* Fixed position contact us button */
.footer_button {
	position:fixed;
	/*width:200px;*/
	right:50px;
	bottom:30px;
	z-index: 99998;
	/* The Leaflet fullscreen plugin has a z-index of 99999, so we want to be right below that so as not to show above full screen maps */
}

/* Sticky TOC sidebar: appears on the left once the user scrolls past the main TOC */
#sticky_toc {
	position: fixed;
	top: 60px; /* clear the fixed navbar */
	left: 5px;
	width: 165px;
	max-height: calc(100vh - 70px);
	overflow-y: auto;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 8px 10px;
	z-index: 900;
	box-shadow: 0 1px 4px rgba(0,0,0,0.10);
	font-size: 12px;
	line-height: 1.5;
}
#sticky_toc::-webkit-scrollbar {
	width: 4px;
}
#sticky_toc::-webkit-scrollbar-thumb {
	background: #ccc;
	border-radius: 2px;
}
.sticky-toc-title {
	font-weight: 600;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: #888;
	margin: 0 0 6px;
	padding-bottom: 5px;
	border-bottom: 1px solid #eee;
}
#sticky_toc_list {
	list-style: none;
	margin: 0;
	padding: 0;
}
#sticky_toc_list li {
	margin-bottom: 2px;
}
#sticky_toc_list a {
	color: #337ab7;
	text-decoration: none;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 1px 2px;
	border-radius: 2px;
}
#sticky_toc_list a:hover {
	color: #23527c;
	background-color: #f5f5f5;
}
#sticky_toc_list li.active > a {
	color: #333;
	font-weight: 600;
	background-color: #f0f4f8;
}

/* Homepage styles */
.homepage_module {
	margin: 3em 0;
}
.homepage_border {
	border: thin solid #ccc;
	border-radius: 15px;
}
img.homepage {
	border-radius: 15px;
}
img.homepage_feature {
	height: 150px; 
	width: 100%; 
	background-position: center center; 
	object-fit: cover; 
	opacity: 0.75;
}
#renderings img {
	object-fit: cover;
	height: 290px;
	width: 380px;
	border: thin solid lightgray;
}
#newsletter-signup {
	display: none;
	min-height: 200px;
}
.same-height {
	min-height: 330px;
}
.give-me-space {
	margin-bottom: 10px;
}
.transparent {
	/*filter: alpha(opacity=95);
	opacity: 0.95;*/
	background-color: rgba(240, 240, 240, 0.96);
}
.hide-background {
	background-color: rgba(240, 240, 240, 1);
}
.img-recently {
	min-height: 50px;
	max-height: 150px;
}
.recent-permit {
	width:100%;
	height:200px;
	display: table;
	border: thin solid black;
	background-size: cover; 
	background-repeat: no-repeat;
	border-radius: 8px;
}
.recent-permit-text-block {
	color:rgba(0,0,0,0.7);
	bottom: 0;
	vertical-align: bottom;
	display: table-cell;
}
.recent-permit-text-block-white {
	color:white;
	bottom: 0;
	vertical-align: bottom;
	display: table-cell;
}
.recent-permit .line1 {
	font-size: 130%;
	font-weight: bold;
	margin-bottom: 0;
}
.recent-permit .line2 {
	font-size: 110%;
	font-weight: bold;
}
.recent-permit-text {
	padding-left: 2em;
	background-color: rgba(255,255,255,0.95);
	bottom: 0;
	height: 4em;
	border-radius: 8px;
}
.appreciating-property-text {
	padding-left: 1em;
	background-color: rgba(255,255,255,0.95);
	bottom: 0;
	height: 4em;
	border-radius: 8px;
}
.recent-permit-cell {
	margin-bottom: 1em;
}
.row.newsletter {
	padding:1em 0;
}
.similar-properties-cell {
	display: table-cell;
	width: 200px; 
	padding: 0 1em;
}

/* Maps */
#map, .map {
	z-index: 1;
	width:100%;
	height:400px;
}

/* Bootstrap menus need to display above Leaflet maps */
.dropdown-menu {
	z-index: 10000;
}

.ad_row {
	height:100px;
}
.tab_details_ad {
	min-height:100px;
}

a {
	cursor: hand;
	cursor: pointer;
}

.table-no-border>tbody>tr>td {
	border-top:0;
	border-color: white;
}

/* Custom Bootstrap styles/revisions */
.container-full {
  padding-right: 0;
  padding-left: 0;
  margin-right: auto;
  margin-left: auto;
}

/* Bootstrap: Make a narrow definition list */
dt.dl-narrower {
	width: 130px;
}
dd.dl-narrower {
	margin-left: 140px;
}
dl.dl-left-aligned>dt {
	text-align: left;
}
dl.dl-wider>dt {
	width: 220px;
}
dl.dl-wider>dd {
	margin-left: 240px;
}

/* Data Tables custom styles */
.dataTables_wrapper .dataTables_processing {
	background-color: rgba(143, 180, 213, 0.35);
	font-size: 1.3em;
	min-height: 60px;
	width: 70%;
	min-width: 300px;
}
/* .dataTables_wrapper .dataTables_processing {
	/* This is the "Loading..." dialog box 
	position: absolute;
	top: 50%;
	left: 50%;
	min-height: 80px;
	width: 80%;
	min-width: 300px;
	padding: 3em;
	color: black;
	font-size: 14px;
	font-weight: bold;
	font-size: 1.5em;
	background-color: rgba(107, 171, 227, 0.8);
	z-index: 10000000;
} */
.dataTables_length {
	margin-top: 15px;
}

/* DataTable styles for the "title" field type */
div.DTE_Field.DTE_Field_Type_title label {
  width: 100% !important;
  font-size: 1.2em;
  font-weight: bold;
  border-bottom: 1px solid #aaa;
}
div.DTE_Field.DTE_Field_Type_title div {
  display: none;
}
div.DTE_Field.DTE_Field_Type_title:hover {
  background-color: white;
  border: 1px solid transparent;
}

.searchpane-column-wide {
	min-width: 40% !important;
}
.searchpane-column-narrow {
	min-width: 30% !important;
}
.dataTables_col_right_border {
	border-right: thin solid #d4d4d4;
}
.dataTables_filter {
	padding:0 1em;
}
#tableC_wrapper, #tableP_wrapper {
	min-height: 100px;
}
div.DTED_Lightbox_Wrapper {
	/* this needs to be higher than the Leaflet maps */
	z-index: 1001;
}
div.editor-datetime {
	z-index: 99999;
}
/* Table Tools - export data */
div.table_tools, div#table_tools {
	margin-top: 2em;
	margin-bottom: 1em;
	border-bottom: 1px solid rgb(200, 200, 200);
}

/* Select2 dropdowns */
.select2-results__option {
	font-size: 95%;
}

/* filter/search box on DataTables */
#search_permits label {
	width: 100%;
}
#search_permits input {
	height:40px;
	width:99%;
	border: thin solid black;
}
.dataTables_filter input {
	width: 300px;
}
.dataTables_info {
	/* Sometimes long/wide info text will push past the width of a mobile viewport, so allow it to wrap */
	white-space: normal !important; 
}
.cell-margin-left {
	padding-left: 1em;
}
ul.condensed-list, ol.condensed-list {
	margin-left:0; /* Remove the default left margin */
	padding-left:0; /* Remove the default left padding */
}
/* The subtle-ordering style is from http://www.456bereastreet.com/archive/201105/styling_ordered_list_numbers/ */
ol.s-o {
	counter-reset:li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
}
ol.s-o > li {
    position:relative; /* Create a positioning context */
    margin:0 0 0 1em; /* Give each list item a left margin to make room for the numbers */
    list-style:none; /* Disable the normal item numbering */
    color: black;
}
span.s-o {
    margin:0 0 0 1em; /* Give each list item a left margin to make room for the numbers */
    color: black;
}
ol.s-o > li:before {
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    top:0.2em;
    left:-2em;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:2em;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    /* margin-right:8px; */
    /* padding:4px; */
    color:rgba(0,0,0,0.5);
    font-size: 0.8em;
    /* text-align:center; */
}
.companies_costs {
	text-align: right;
}
div.DTTT { margin-bottom: 0.5em; float: right; }

/* Building permits */
table.permit_info h4 {
	margin-top:0;
}

addr {
	font-weight: bold;
}
.address_snapshot_input {
	margin-right:0;
}
.places-time-filter {
	width:90%;
	margin:auto;
}
.boundaries-list {
	padding-left: 30px;
}
.blurry-text {
   color: transparent;
   text-shadow: 0 0 6px rgba(0,0,0,0.5);
}
.blurry-text-extra {
   color: transparent;
   text-shadow: 0 0 8px rgba(0,0,0,0.7);
}
.as-data-heading {
	margin-top: 0.5em;
	margin-left: 0.5em;
}
.loader_button {
	margin-left: 0.5em;
}

/* Address Snapshot */
div.row.snapshot_section {
	margin-top: 3em;
}
tr.additional_snapshots>td {
	padding-left: 1em;
}

/* Styles for generateParcelStyle */
.landuse_style {
	/* this is a box */
	height: 1.2em;
	width: 1.2em;
	border: thin solid black;
	display: inline-block;
}
.parcel_style {
	/* this is a box */
	height: 1em;
	width: 1em;
	border: thin solid black;
	display: inline-block;
}
.parcel_style.chicago_owned {
	border: 3px dashed black;
}
.parcel_style.chiblockbuilder_sale {
	border: 3px dashed #094074;
}
.parcel_style.property_sale {
	/* code from https://css-tricks.com/stripes-css/ */
	color: white;
	background: repeating-linear-gradient(
		45deg,
		#fff,
		#fff 2px,
		#9DCCB1 2px,
		#9DCCB1 4px,
		#e7afa9 2px,
		#e7afa9 6px,
		#8BBBD7 2px,
		#8BBBD7 8px
	);
}
.parcel_style.unclassified {
	background-color: #DBDBDB;
}
.parcel_style.exempt {
	background-color: #a2a2a2;
}
.parcel_style.vacant {
	background-color: #9DCCB1;
}
.parcel_style.single_unit {
	background-color: #FBAD91;
}
.parcel_style.flats {
	background-color: #e7afa9;
}
.parcel_style.large_resi {
	background-color: #e7afa9;
}
.parcel_style.comm {
	background-color: #a3b5d2;
}
.parcel_style.mixed {
	background-color: #C1ACCD;
}
.parcel_style.industrial {
	background-color: #8BBBD7;
}

/* Assessed value symbology — Viridis palette (6 bands, low → high value) */
.parcel_style.av_1 { background-color: #440154; } /* lowest */
.parcel_style.av_2 { background-color: #31688e; }
.parcel_style.av_3 { background-color: #21918c; }
.parcel_style.av_4 { background-color: #35b779; }
.parcel_style.av_5 { background-color: #90d743; }
.parcel_style.av_6 { background-color: #fde725; } /* highest */
.parcel_style.av_unknown { background-color: #cccccc; } /* null/missing value */

/* Local assessed value symbology — Viridis palette (5 quintile bands, low → high relative to current view) */
.parcel_style.av_local_1 { background-color: #440154; } /* 1st quintile — lowest */
.parcel_style.av_local_2 { background-color: #31688e; }
.parcel_style.av_local_3 { background-color: #21918c; }
.parcel_style.av_local_4 { background-color: #35b779; }
.parcel_style.av_local_5 { background-color: #fde725; } /* 5th quintile — highest */

/* Symbology mode toggle control — appears in top-right corner of Property Finder maps */
.symbology-mode-control {
	background: #fff;
	padding: 4px 6px;
	font-size: 12px;
	line-height: 1.4;
}
.symbology-mode-control .symbology-label {
	display: block;
	font-weight: bold;
	margin-bottom: 2px;
	color: #333;
}
.symbology-mode-control a.symbology-btn {
	display: inline-block;
	padding: 2px 8px;
	background: #f4f4f4;
	border: 1px solid #ccc;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	color: #333;
	margin-right: 2px;
	border-radius: 3px;
}
.symbology-mode-control a.symbology-btn.active {
	background: #3b82f6;
	border-color: #2563eb;
	color: #fff;
	font-weight: bold;
}

/* Body, footer styles */
#footer {
	margin-top: 20px;
	margin-bottom: 10px;
}
#footer .h5 {
	margin-top:0;
	padding-top:0;
}

/* default state */
.jumbotron-search {
	width: 100%;
	font-size: 0.9em;
}

@media(max-width:1024px){
	.leaflet-pelias-expanded {
		width: 240px;
	}
}

@media(max-width:767px){
	.jumbotron-reduced-padding {
		/* reduce the internal padding */
		padding: 6px 4px;
		font-size: 80%;
	}
	.container-add-top {
		/* increase the gap on top */
		margin-top: 35px;
	}
}
@media(min-width:768px){
	.jumbotron-reduced-padding {
		/* reduce the internal padding */
		padding: 12px 8px;
	}
	.container-add-top {
		/* increase the gap on top */
		margin-top: 35px;
	}
}
@media(min-width:992px){
	.jumbotron-reduced-padding {
		/* reduce the internal padding */
		padding: 12px 8px;
	}
	.container-add-top {
		margin-top: 15px;
	}
}
@media(min-width:1200px){
	.jumbotron-reduced-padding {
		/* reduce the internal padding */
		padding: 30px 20px;
	}
}

/* Equal height for pick-homepage blocks */
.pick-homepage {
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
	position: relative;
}

.pick-rank-circle {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: white;
	border: 2px solid black;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	font-size: 18px;
	z-index: 10;
}

.pick-homepage img {
	width: 100%;
	height: auto;
	border: 4px solid rgba(0, 0, 0, 0.8);
}

@media print {
	.page-break-before { 
		page-break-before: always !important;
	}
	.leaflet-popup, .leaflet-control-container {
		display: none !important;
	}
	.dataTables_length, .dataTables_paginate, .dataTables_filter, .dt-buttons, .dtsp-panesContainer { /* DataTables: Show X records, pagination buttons, search box, buttons */
		display: none !important;
	}
}

/* Member personal template - collapsible content */
.member-template-collapsed {
	max-height: 30em;
	overflow: hidden;
	position: relative;
}
.member-template-collapsed::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 3em;
	background: linear-gradient(transparent, #f5f5f5);
}
.member-template-expanded {
	max-height: none;
	overflow: visible;
}
.member-template-expanded::after {
	display: none;
}
.place-snapshot-nav-row {
	padding: 6px 0 16px;
}

/* === Property Finder sidebar layout (Place Report only) === */

/* Enable sticky sidebar: override Bootstrap 3 float with flexbox */
.pf-layout-row {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
}

/* Sidebar: sticky, scrollable */
#pf_sidebar {
	position: sticky;
	top: 60px;
	max-height: calc(100vh - 70px);
	overflow-y: auto;
	background: #f9f9f9;
	border-right: 1px solid #ddd;
	padding: 10px 8px;
	display: none; /* hidden until PF loads */
}
#pf_sidebar.pf-sidebar-active {
	display: block;
}
/* Always show sidebar on desktop, regardless of mobile toggle state */
@media (min-width: 992px) {
	#pf_sidebar {
		display: block !important;
	}
}

/* Right column */
#pf_right_column {
	padding-left: 0;
}

/* Table scroll height */
#pf_right_column .dataTables_scrollBody {
	max-height: 30vh;
}

/* Sidebar accordion: compact headings */
#pf_sidebar .panel-title { font-size: 13px; }
#pf_sidebar .panel-body { padding: 8px; }
#pf_sidebar .panel-heading { padding: 6px 10px; }

/* Override inner col-md-* to stack vertically in narrow sidebar */
#pf_sidebar .col-md-3,
#pf_sidebar .col-md-6,
#pf_sidebar .col-md-12 {
	width: 100%;
	float: none;
	padding: 0;
}
#pf_sidebar .row { margin: 0; }

/* Remove well styling when inside sidebar */
#pf_sidebar .pf-sidebar-filters {
	background: transparent;
	border: none;
	box-shadow: none;
	padding: 0;
	margin: 0;
}

/* Hide "Find a filter" search in sidebar context (accordion headings navigate sections) */
#pf_sidebar #propertyFinderFilterInput,
#pf_sidebar label[for="propertyFinderFilterInput"],
#pf_sidebar .pf-filter-search-row {
	display: none;
}

/* Permits browser: new construction and tower crane highlight notices */
.permits-highlight-notice {
	background: #eaf5ea;
	border-left: 4px solid #2e7d32;
	padding: 10px 14px;
	margin: 10px 0;
	border-radius: 3px;
	font-size: 14px;
}

/* Mobile */
@media (max-width: 991px) {
	#pf_sidebar {
		position: static;
		max-height: none;
		overflow-y: visible;
		border-right: none;
		border-bottom: 1px solid #ddd;
		width: 100%;
	}
}