/*
Theme Name: BizFinder
Theme URI: https://example.com/bizfinder
Author: BizFinder
Author URI: https://example.com
Description: BizFinder is a modern, minimal WordPress business-directory theme with a job-board-style pill search bar. Visitors pick a Country, Area and Business Category and BizFinder searches Google's official Places API (New) live and displays matching businesses with their name, address, phone number, website and rating shown directly on every card. Active filters show as removable tag pills, changing Country/Category updates results instantly with no page reload, and the last search is restored automatically when a visitor navigates away and back. A "no website" filter surfaces leads that don't have a website yet, results can be exported straight to CSV or Excel, and businesses can also be added manually or imported from a CSV so you can build a directory from any source, not just Google. Includes a settings page for your own Google API key, an optional branded Private Site login gate, a cached business-listing post type for SEO-friendly single pages, a search widget, a [bizfinder_search] shortcode, and full theme customizer support.
Version: 1.3.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: bizfinder
Tags: directory, business-directory, google-places, custom-menu, translation-ready, threaded-comments, one-column, two-columns

BizFinder WordPress Theme, Copyright 2026
BizFinder is distributed under the terms of the GNU GPL v2 or later.

This stylesheet also loads as the theme's main stylesheet (wp_enqueue_style
calls get_stylesheet_uri() in inc/enqueue.php).
*/

/* =========================================================
   0. CSS VARIABLES / RESET
========================================================= */
:root{
	--bf-accent: #2563eb;
	--bf-accent-dark: #1d4ed8;
	--bf-ink: #0f172a;
	--bf-ink-soft: #475569;
	--bf-bg: #ffffff;
	--bf-bg-soft: #f8fafc;
	--bf-border: #e2e8f0;
	--bf-success: #16a34a;
	--bf-radius: 12px;
	--bf-radius-sm: 8px;
	--bf-shadow: 0 1px 2px rgba(15,23,42,.06), 0 8px 24px rgba(15,23,42,.06);
	--bf-max: 1160px;
	--bf-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

*, *::before, *::after{ box-sizing: border-box; }

html{ scroll-behavior: smooth; }

body{
	margin: 0;
	font-family: var(--bf-font);
	color: var(--bf-ink);
	background: var(--bf-bg);
	line-height: 1.6;
	font-size: 16px;
}

img{ max-width: 100%; height: auto; display: block; }

a{ color: var(--bf-accent); text-decoration: none; }
a:hover{ color: var(--bf-accent-dark); text-decoration: underline; }

h1,h2,h3,h4,h5,h6{ line-height: 1.25; margin: 0 0 .5em; font-weight: 700; color: var(--bf-ink); }
h1{ font-size: clamp(1.8rem, 1.4rem + 1.8vw, 2.8rem); }
h2{ font-size: clamp(1.4rem, 1.2rem + 1vw, 2rem); }
h3{ font-size: 1.25rem; }
p{ margin: 0 0 1em; color: var(--bf-ink-soft); }

ul{ margin: 0; padding: 0; list-style: none; }

button, input, select, textarea{ font-family: inherit; font-size: 1rem; }

.screen-reader-text{
	position: absolute !important;
	clip: rect(1px,1px,1px,1px);
	width: 1px; height: 1px; overflow: hidden;
	word-wrap: normal !important;
}

.bf-container{
	max-width: var(--bf-max);
	margin: 0 auto;
	padding: 0 24px;
}

/* =========================================================
   1. HEADER
========================================================= */
.bf-site-header{
	border-bottom: 1px solid var(--bf-border);
	background: var(--bf-bg);
	position: sticky;
	top: 0;
	z-index: 50;
}

.bf-header-inner{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 14px 24px;
}

.bf-site-branding{ display: flex; align-items: center; gap: 10px; }
.bf-site-branding svg{ color: var(--bf-accent); width: 26px; height: 26px; flex-shrink: 0; }
.bf-site-title{ margin: 0; font-size: 1.3rem; font-weight: 800; letter-spacing: -.01em; }
.bf-site-title a{ color: var(--bf-ink); display: inline-flex; align-items: center; gap: 8px; }
.bf-site-title a:hover{ text-decoration: none; color: var(--bf-accent); }
.bf-site-description{ margin: 0; font-size: .8rem; color: var(--bf-ink-soft); }
.bf-logo{ max-height: 40px; width: auto; }

.bf-primary-nav ul{ display: flex; gap: 26px; align-items: center; flex-wrap: wrap; }
.bf-primary-nav a{ color: var(--bf-ink-soft); font-weight: 600; font-size: .92rem; }
.bf-primary-nav a:hover{ color: var(--bf-accent); text-decoration: none; }
.bf-primary-nav .current-menu-item > a{ color: var(--bf-accent); }

.bf-header-actions{ display: flex; align-items: center; gap: 14px; }
.bf-header-user{
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 6px 12px 6px 6px;
	border-radius: 999px;
	border: 1px solid var(--bf-border);
	color: var(--bf-ink);
	font-size: .88rem;
	font-weight: 600;
}
.bf-header-user:hover{ text-decoration: none; border-color: var(--bf-accent); color: var(--bf-accent); }
.bf-header-avatar{
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: var(--bf-accent);
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: .8rem;
	font-weight: 700;
	overflow: hidden;
}
.bf-header-avatar img{ width: 100%; height: 100%; object-fit: cover; }
.bf-header-login{
	font-size: .88rem;
	font-weight: 600;
	color: #fff;
	background: var(--bf-accent);
	padding: 9px 16px;
	border-radius: 999px;
}
.bf-header-login:hover{ background: var(--bf-accent-dark); color: #fff; text-decoration: none; }

.bf-menu-toggle{
	display: none;
	background: none;
	border: 1px solid var(--bf-border);
	border-radius: var(--bf-radius-sm);
	padding: 8px 10px;
	cursor: pointer;
}

@media (max-width: 780px){
	.bf-menu-toggle{ display: inline-flex; }
	.bf-primary-nav{
		display: none;
		width: 100%;
		order: 3;
	}
	.bf-primary-nav.is-open{ display: block; }
	.bf-primary-nav ul{ flex-direction: column; align-items: flex-start; gap: 0; padding: 8px 0; }
	.bf-primary-nav a{ display: block; padding: 10px 0; }
	.bf-header-inner{ flex-wrap: wrap; }
}

/* =========================================================
   2. HERO / SEARCH (pill search bar, à la job-board UIs)
========================================================= */
.bf-hero{
	background: var(--bf-bg);
	padding: 32px 24px 8px;
	text-align: left;
}
.bf-hero h1{ margin-bottom: .3em; }
.bf-hero-sub{ max-width: 640px; margin: 0 0 20px; font-size: 1.02rem; }

.bf-search-panel{ max-width: 100%; }
.bf-search-label{
	font-size: .82rem;
	font-weight: 700;
	color: var(--bf-ink-soft);
	text-transform: uppercase;
	letter-spacing: .04em;
	margin: 0 0 10px;
}

.bf-search-form-outer{ display: block; }

.bf-search-bar{
	background: var(--bf-bg);
	border: 1px solid var(--bf-border);
	box-shadow: var(--bf-shadow);
	border-radius: 999px;
	padding: 6px;
	display: flex;
	align-items: stretch;
	gap: 0;
}

.bf-bar-field{
	position: relative;
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 14px 8px 12px;
	flex: 0 0 auto;
}
.bf-bar-field-grow{ flex: 1 1 auto; min-width: 0; }

.bf-bar-icon{ display: inline-flex; color: var(--bf-ink-soft); flex-shrink: 0; }
.bf-bar-icon svg{ width: 18px; height: 18px; }

.bf-bar-field select,
.bf-bar-field input[type="text"]{
	border: none;
	background: transparent;
	font-size: .92rem;
	color: var(--bf-ink);
	padding: 6px 0;
	width: 100%;
	min-width: 0;
	appearance: none;
	-webkit-appearance: none;
}
.bf-bar-field select{ padding-right: 18px; cursor: pointer; }
.bf-bar-field input[type="text"]::placeholder{ color: #94a3b8; }
.bf-bar-field select:focus,
.bf-bar-field input[type="text"]:focus{ outline: none; }
.bf-bar-field:focus-within{ background: var(--bf-bg-soft); border-radius: 999px; }

.bf-bar-chevron{ display: inline-flex; color: var(--bf-ink-soft); pointer-events: none; margin-left: -14px; }
.bf-bar-chevron svg{ width: 14px; height: 14px; }

.bf-bar-divider{ width: 1px; background: var(--bf-border); margin: 8px 2px; flex-shrink: 0; }

.bf-bar-more{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	flex-shrink: 0;
	border: none;
	background: var(--bf-bg-soft);
	border-radius: 50%;
	color: var(--bf-ink-soft);
	cursor: pointer;
	margin: 0 4px;
}
.bf-bar-more svg{ width: 17px; height: 17px; }
.bf-bar-more:hover, .bf-bar-more[aria-expanded="true"]{ background: var(--bf-border); color: var(--bf-ink); }

.bf-search-submit{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	background: var(--bf-accent);
	color: #fff;
	border: none;
	border-radius: 999px;
	padding: 0 26px;
	font-weight: 700;
	font-size: .92rem;
	cursor: pointer;
	white-space: nowrap;
	transition: background .15s ease;
	flex-shrink: 0;
}
.bf-search-submit svg{ width: 16px; height: 16px; display: none; }
.bf-search-submit:hover{ background: var(--bf-accent-dark); }
.bf-search-submit:disabled{ opacity: .6; cursor: progress; }

@media (max-width: 860px){
	.bf-search-bar{ flex-wrap: wrap; border-radius: var(--bf-radius); }
	.bf-bar-field{ flex: 1 1 100%; padding: 10px 12px; border-bottom: 1px solid var(--bf-border); }
	.bf-bar-divider{ display: none; }
	.bf-bar-more{ margin: 8px; }
	.bf-search-submit{ flex: 1 1 100%; padding: 14px; margin: 6px; }
	.bf-search-submit svg{ display: inline-block; }
}

/* "More filters" expandable panel */
.bf-more-panel{
	margin-top: 12px;
	padding: 14px 18px;
	background: var(--bf-bg-soft);
	border: 1px solid var(--bf-border);
	border-radius: var(--bf-radius);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 16px;
}
.bf-more-panel .bf-field-other{ flex: 1 1 220px; }
.bf-more-panel .bf-field-other label{ font-size: .78rem; font-weight: 600; color: var(--bf-ink-soft); display: block; margin-bottom: 4px; }
.bf-more-panel .bf-field-other input[type="text"]{
	width: 100%;
	padding: 9px 12px;
	border: 1px solid var(--bf-border);
	border-radius: var(--bf-radius-sm);
	background: var(--bf-bg);
}

.bf-checkbox-label{
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: .88rem;
	color: var(--bf-ink-soft);
	font-weight: 500;
	cursor: pointer;
}
.bf-checkbox-label input[type="checkbox"]{
	width: 16px;
	height: 16px;
	accent-color: var(--bf-accent);
	cursor: pointer;
}

/* Active-filter tag pills, populated by JS after a search runs */
.bf-filter-pills{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-top: 14px;
}
.bf-filter-pill{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: #eef2ff;
	color: var(--bf-accent-dark);
	border: 1px solid #dbe4ff;
	border-radius: 999px;
	padding: 6px 8px 6px 14px;
	font-size: .82rem;
	font-weight: 600;
}
.bf-filter-pill button{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	border: none;
	background: rgba(37,99,235,.12);
	color: var(--bf-accent-dark);
	cursor: pointer;
	padding: 0;
}
.bf-filter-pill button svg{ width: 10px; height: 10px; }
.bf-filter-pill button:hover{ background: rgba(37,99,235,.22); }

.bf-filter-clear-all{
	background: none;
	border: none;
	color: var(--bf-ink-soft);
	font-size: .82rem;
	font-weight: 600;
	text-decoration: underline;
	cursor: pointer;
	padding: 6px 4px;
}
.bf-filter-clear-all:hover{ color: var(--bf-ink); }

.bf-hero-meta{
	max-width: 940px;
	margin: 10px 0 0;
	font-size: .82rem;
	color: var(--bf-ink-soft);
	text-align: left;
}

/* =========================================================
   3. RESULTS
========================================================= */
.bf-results-section{ padding: 40px 24px 64px; }

.bf-results-status{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 20px;
}
.bf-results-status-text{ display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.bf-results-count{
	font-weight: 700;
	color: #fff;
	background: var(--bf-accent);
	font-size: .78rem;
	padding: 4px 12px;
	border-radius: 999px;
	white-space: nowrap;
}
.bf-results-query{ color: var(--bf-ink-soft); font-size: .9rem; }
.bf-export-actions{ display: flex; gap: 8px; }
.bf-export-actions .bf-btn{
	border-radius: 10px;
	font-weight: 700;
}
#bf-export-csv{ color: var(--bf-accent-dark); border-color: #c7d7fb; background: #eff4ff; }
#bf-export-csv:hover{ background: #dce8ff; }
#bf-export-excel{ color: #0f7a3d; border-color: #bfe6cf; background: #eafbf1; }
#bf-export-excel:hover{ background: #d6f5e3; }

.bf-results-grid{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}
@media (max-width: 980px){ .bf-results-grid{ grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px){ .bf-results-grid{ grid-template-columns: 1fr; } }

.bf-card{
	border: 1px solid var(--bf-border);
	border-radius: calc(var(--bf-radius) + 2px);
	padding: 20px;
	background: var(--bf-bg);
	box-shadow: 0 1px 2px rgba(15,23,42,.04);
	transition: box-shadow .22s ease, transform .22s ease, border-color .22s ease;
	display: flex;
	flex-direction: column;
	gap: 12px;
	position: relative;
	overflow: hidden;
	animation: bf-card-in .32s ease both;
}
.bf-card::before{
	content: "";
	position: absolute;
	top: 0; left: 0; right: 0;
	height: 3px;
	background: linear-gradient(90deg, var(--bf-accent), #7c3aed, #db2777);
	opacity: 0;
	transition: opacity .22s ease;
}
.bf-card:hover{ box-shadow: 0 6px 10px rgba(15,23,42,.05), 0 18px 38px rgba(15,23,42,.12); transform: translateY(-4px); border-color: transparent; }
.bf-card:hover::before{ opacity: 1; }

@keyframes bf-card-in{
	from{ opacity: 0; transform: translateY(8px); }
	to{ opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce){
	.bf-card{ animation: none; }
}

.bf-card-top{ display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; }
.bf-card-top-main{ display: flex; align-items: center; gap: 12px; min-width: 0; }

.bf-card-avatar{
	width: 46px;
	height: 46px;
	border-radius: 13px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-weight: 700;
	font-size: 1.1rem;
	flex-shrink: 0;
	box-shadow: 0 3px 8px rgba(15,23,42,.16), inset 0 0 0 1px rgba(255,255,255,.18);
	background-image: linear-gradient(155deg, rgba(255,255,255,.22), rgba(255,255,255,0) 60%);
}

.bf-card-heading{ min-width: 0; }
.bf-card-name{ font-size: 1.02rem; font-weight: 700; margin: 0; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bf-card-name a{ color: var(--bf-ink); }
.bf-card-name a:hover{ color: var(--bf-accent); text-decoration: none; }
.bf-card-category{ font-size: .78rem; font-weight: 600; color: var(--bf-accent); margin-top: 3px; text-transform: uppercase; letter-spacing: .03em; }
.bf-card-badge{
	font-size: .68rem;
	font-weight: 700;
	background: #fef3c7;
	color: #92400e;
	border-radius: 999px;
	padding: 3px 10px;
	white-space: nowrap;
	margin-top: 4px;
	display: inline-block;
}

.bf-card-rating{ display: flex; align-items: center; gap: 6px; font-size: .85rem; color: var(--bf-ink-soft); }
.bf-card-rating .bf-stars{ color: #f59e0b; letter-spacing: 1px; display: inline-flex; gap: 1px; }
.bf-card-rating .bf-stars svg{ width: 13px; height: 13px; }

.bf-card-address{ font-size: .87rem; color: var(--bf-ink-soft); display: flex; gap: 8px; align-items: flex-start; }
.bf-card-address .bf-bar-icon svg{ width: 14px; height: 14px; margin-top: 2px; }

.bf-card-actions{ margin-top: auto; display: flex; flex-wrap: wrap; gap: 8px; padding-top: 4px; }

.bf-btn{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	font-size: .82rem;
	font-weight: 600;
	padding: 9px 16px;
	border-radius: 999px;
	border: 1px solid var(--bf-border);
	background: var(--bf-bg-soft);
	color: var(--bf-ink);
	cursor: pointer;
	transition: background .15s ease, box-shadow .15s ease, transform .1s ease, color .15s ease;
}
.bf-btn svg{ width: 14px; height: 14px; }
.bf-btn:hover{ background: var(--bf-border); text-decoration: none; }
.bf-btn:active{ transform: translateY(1px); }
.bf-btn-primary{
	flex: 1 1 auto;
	background: linear-gradient(135deg, var(--bf-accent), var(--bf-accent-dark));
	border-color: transparent;
	color: #fff;
	box-shadow: 0 2px 8px rgba(37,99,235,.28);
}
.bf-btn-primary:hover{ filter: brightness(1.06); color: #fff; box-shadow: 0 4px 14px rgba(37,99,235,.38); }
.bf-btn-icon{ padding: 9px 14px; background: var(--bf-bg); }
.bf-btn-icon:hover{ background: var(--bf-bg-soft); border-color: var(--bf-accent); color: var(--bf-accent); }
.bf-btn-icon svg{ color: inherit; }

/* Contact-details row shown directly on every card — no menu required to
   see whether a business has a phone/website on file. Each item is its
   own chip so phone/website availability is scannable at a glance. */
.bf-card-contact-row{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
	font-size: .82rem;
}
@media (max-width: 420px){
	.bf-card-contact-row{ grid-template-columns: 1fr; }
}
.bf-contact-item{
	display: flex;
	align-items: center;
	gap: 7px;
	color: var(--bf-ink);
	min-width: 0;
	background: var(--bf-bg-soft);
	border: 1px solid var(--bf-border);
	border-radius: var(--bf-radius-sm);
	padding: 8px 10px;
	font-weight: 500;
}
.bf-contact-item svg{ width: 14px; height: 14px; color: var(--bf-accent); flex-shrink: 0; }
.bf-contact-item a{ color: var(--bf-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bf-contact-item a:hover{ color: var(--bf-accent); }
.bf-contact-item.is-missing{ color: #94a3b8; background: transparent; border-style: dashed; }
.bf-contact-item.is-missing svg{ color: #cbd5e1; }
.bf-contact-item.is-missing span{ font-style: italic; }

.bf-empty, .bf-error{
	text-align: center;
	padding: 60px 20px;
	color: var(--bf-ink-soft);
	border: 1px dashed var(--bf-border);
	border-radius: var(--bf-radius);
}
.bf-error{ color: #b91c1c; border-color: #fecaca; background: #fef2f2; }

.bf-loading{
	text-align: center;
	padding: 40px 0;
	color: var(--bf-ink-soft);
}
.bf-spinner{
	display: inline-block;
	width: 22px; height: 22px;
	border: 3px solid var(--bf-border);
	border-top-color: var(--bf-accent);
	border-radius: 50%;
	animation: bf-spin .7s linear infinite;
	vertical-align: middle;
	margin-right: 8px;
}
@keyframes bf-spin{ to{ transform: rotate(360deg); } }

.bf-load-more-wrap{ text-align: center; margin-top: 28px; }

/* =========================================================
   4. SINGLE / ARCHIVE LISTING PAGES
========================================================= */
.bf-page-header{ padding: 40px 24px 20px; border-bottom: 1px solid var(--bf-border); background: var(--bf-bg-soft); }
.bf-breadcrumbs{ font-size: .82rem; color: var(--bf-ink-soft); margin-bottom: 10px; }
.bf-breadcrumbs a{ color: var(--bf-ink-soft); }

.bf-single-wrap{ padding: 40px 24px; display: grid; grid-template-columns: 2fr 1fr; gap: 40px; max-width: var(--bf-max); margin: 0 auto; }
@media (max-width: 860px){ .bf-single-wrap{ grid-template-columns: 1fr; } }

.bf-info-box{ border: 1px solid var(--bf-border); border-radius: var(--bf-radius); padding: 20px; background: var(--bf-bg-soft); }
.bf-info-row{ display: flex; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--bf-border); font-size: .92rem; }
.bf-info-row:last-child{ border-bottom: none; }
.bf-info-label{ min-width: 90px; font-weight: 600; color: var(--bf-ink-soft); }

.bf-category-pill{
	display: inline-block;
	background: var(--bf-bg-soft);
	border: 1px solid var(--bf-border);
	border-radius: 999px;
	padding: 4px 12px;
	font-size: .78rem;
	margin: 2px 4px 2px 0;
	color: var(--bf-ink-soft);
}

/* =========================================================
   5. WIDGETS / SIDEBAR
========================================================= */
.bf-widget{ margin-bottom: 32px; }
.bf-widget-title{ font-size: 1rem; text-transform: uppercase; letter-spacing: .04em; color: var(--bf-ink-soft); margin-bottom: 14px; }
.bf-search-widget .bf-field{ margin-bottom: 12px; }

/* =========================================================
   6. FOOTER
========================================================= */
.bf-site-footer{
	border-top: 1px solid var(--bf-border);
	background: var(--bf-bg-soft);
	padding: 32px 24px;
	margin-top: 40px;
}
.bf-footer-inner{
	max-width: var(--bf-max);
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
	font-size: .85rem;
	color: var(--bf-ink-soft);
}
.bf-footer-nav ul{ display: flex; gap: 16px; flex-wrap: wrap; }
.bf-footer-nav a{ color: var(--bf-ink-soft); }

/* =========================================================
   7. PAGINATION / COMMENTS / MISC WP DEFAULTS
========================================================= */
.bf-pagination{ display: flex; gap: 8px; justify-content: center; margin: 32px 0; flex-wrap: wrap; }
.bf-pagination a, .bf-pagination span{
	border: 1px solid var(--bf-border);
	border-radius: var(--bf-radius-sm);
	padding: 8px 12px;
	font-size: .88rem;
	color: var(--bf-ink);
}
.bf-pagination .current{ background: var(--bf-accent); border-color: var(--bf-accent); color: #fff; }

.alignwide{ margin-left: -8%; margin-right: -8%; max-width: 116%; }
.alignfull{ margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); max-width: 100vw; }

/* Admin bar offset for sticky header */
.admin-bar .bf-site-header{ top: 32px; }
@media (max-width: 782px){ .admin-bar .bf-site-header{ top: 46px; } }