/* Gallery Finder */
.rbgf-li > a { display: flex !important; align-items: center; gap: 6px; }
@media (min-width: 768px) {
	#main-header .navbar-nav > li.rbgf-li { margin-left: 2px; margin-right: 0; }
	#main-header .navbar-nav > li.rbgf-li > a { padding-left: 8px; padding-right: 8px; }
}
/* 8 menu items + search icon: tighter spacing so the menu stays on one row */
@media (min-width: 1200px) {
	#main-header .navbar-nav > li { margin-left: 2px; margin-right: 2px; }
	#main-header .navbar-nav > li > a { padding-left: 12px; padding-right: 12px; }
}
@media (min-width: 768px) and (max-width: 1199px) {
	#main-header .col-sm-2 { width: 12%; }
	#main-header .col-sm-10 { width: 88%; }
	#main-header .navbar-nav > li > a { padding-left: 5px !important; padding-right: 5px !important; font-size: 11px !important; letter-spacing: .04em !important; }
}
.rbgf-li svg { display: block; }
.rbgf-li-text { display: none; }
@media (max-width: 767px) {
	.rbgf-li-text { display: inline; }
	.rbgf-li { display: none; } /* phones use the icon next to the hamburger */
}
.rbgf-mobile { display: none; }
@media (max-width: 767px) {
	.rbgf-mobile {
		display: block; float: right; margin: 8px 8px 8px 0; padding: 9px 10px;
		background: rgba(255,255,255,.4); border: 1px solid rgba(0,0,0,.1); color: #333; line-height: 0;
	}
}

html.rbgf-on, html.rbgf-on body { overflow: hidden; }
.rbgf[hidden] { display: none !important; }
.rbgf {
	position: fixed; inset: 0; z-index: 100050;
	background: rgba(20,20,20,.55); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px);
	display: flex; justify-content: center; align-items: flex-start;
	padding: max(12vh, 60px) 16px 16px;
}
.rbgf-panel {
	width: 100%; max-width: 620px; max-height: 76vh; display: flex; flex-direction: column;
	background: #fff; border-radius: 8px; box-shadow: 0 20px 60px rgba(0,0,0,.35); overflow: hidden;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.rbgf-bar { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-bottom: 1px solid #e6e6e6; color: #6e6e73; }
.rbgf-bar input {
	flex: 1; border: 0; outline: 0; font-size: 18px; padding: 6px 0; color: #1d1d1f; background: transparent; min-width: 0;
}
.rbgf-close { border: 1px solid #ddd; background: #f6f5f3; border-radius: 4px; font-size: 11px; padding: 3px 7px; color: #6e6e73; cursor: pointer; }
.rbgf-list { list-style: none; margin: 0; padding: 6px; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.rbgf-list li a {
	display: flex; align-items: center; gap: 12px; padding: 7px 8px; border-radius: 5px;
	color: #1d1d1f; text-decoration: none;
}
.rbgf-list li[aria-selected="true"] a, .rbgf-list li a:hover { background: #f3efe7; }
.rbgf-list img, .rbgf-noimg { width: 48px; height: 48px; border-radius: 4px; object-fit: cover; flex: none; background: #eee; }
.rbgf-txt { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.rbgf-n { font-size: 15px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rbgf-p { font-size: 12px; color: #6e6e73; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rbgf-c { font-size: 12px; color: #8a6420; font-weight: 600; flex: none; }
.rbgf-c:after { content: " photos"; font-weight: 400; color: #6e6e73; }
.rbgf-empty { padding: 18px; color: #6e6e73; text-align: center; }
@media (max-width: 767px) {
	.rbgf { padding: 10px; align-items: stretch; }
	.rbgf-panel { max-height: none; }
	.rbgf-bar input { font-size: 16px; }
	.rbgf-c:after { content: ""; }
}