/* SM Mega Menu 6.0: menu panels built from Appearance > Menus.
   Change the look with the Style settings (Settings > SM Mega Menu) or these variables. */
.smmm-panel-auto {
	--smmm-top: #2f5d8f;
	--smmm-btn: #1d140d;
	--smmm-radius: 16px;
	--smmm-font: inherit;
	--smmm-text: #1d1d1b;
	--smmm-muted: #7a7a76;
	--smmm-line: #ececea;
	width: min(max(calc(var(--smmm-cols, 4) * 215px), 720px), 1440px, calc(100vw - 40px));
	border-radius: var(--smmm-radius);
	font-family: var(--smmm-font);
	color: var(--smmm-text);
}
.smmm-panel-auto * { box-sizing: border-box; }

.smmm-auto-topbar { display: flex; align-items: center; gap: 12px; padding: 13px 28px; background: var(--smmm-top); color: #fff; }
.smmm-auto-topbar-label { font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; opacity: .72; }
.smmm-auto-topbar-sep { width: 1px; height: 13px; background: rgba(255, 255, 255, .4); }
.smmm-auto-topbar-title { font-size: 15px; font-weight: 700; }

.smmm-auto-grid { display: grid; grid-template-columns: repeat(var(--smmm-cols, 4), minmax(0, 1fr)); }
.smmm-panel-auto .smmm-auto-col { display: flex; flex-direction: column; gap: 6px; min-width: 0; padding: 20px 18px 24px; color: var(--smmm-text); text-decoration: none; transition: background .15s; }
.smmm-panel-auto .smmm-auto-col + .smmm-auto-col { border-left: 1px solid var(--smmm-line); }
.smmm-panel-auto .smmm-auto-col:hover, .smmm-panel-auto .smmm-auto-col:focus-visible { background: #f7f7f5; color: var(--smmm-text); outline: 0; }
.smmm-auto-head { display: block; padding-bottom: 12px; margin-bottom: 8px; border-bottom: 2px solid var(--col-accent, #999); font-size: 14px; font-weight: 700; line-height: 1.3; }
.smmm-auto-img { position: relative; display: block; aspect-ratio: 4 / 3; overflow: hidden; border-radius: calc(var(--smmm-radius) * .5); background: #f1f1ee; }
.smmm-auto-img--empty { background: color-mix(in srgb, var(--col-accent, #999) 12%, #fff); }
.smmm-auto-img img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; margin: 0 !important; transition: transform .35s ease; }
.smmm-auto-col:hover .smmm-auto-img img { transform: scale(1.04); }
.smmm-auto-title { margin-top: 6px; font-size: 14px; font-weight: 600; line-height: 1.3; }
.smmm-auto-line { font-size: 13px; line-height: 1.4; color: var(--smmm-muted); }
.smmm-auto-title + .smmm-auto-line { margin-top: -2px; }
.smmm-auto-img + .smmm-auto-line { margin-top: 6px; }

.smmm-auto-cta { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 28px; border-top: 1px solid var(--smmm-line); }
.smmm-auto-cta-copy strong { display: block; margin-bottom: 2px; font-size: 15px; font-weight: 600; }
.smmm-auto-cta-copy span { font-size: 13px; color: var(--smmm-muted); }
.smmm-panel-auto .smmm-auto-cta-btn { flex: none; display: inline-flex; align-items: center; gap: 8px; padding: 13px 24px; border-radius: 999px; background: var(--smmm-btn); color: #fff; font-size: 14px; font-weight: 600; text-decoration: none; white-space: nowrap; transition: opacity .15s; }
.smmm-panel-auto .smmm-auto-cta-btn:hover { opacity: .88; color: #fff; }

/* Many tiles: let them scroll sideways rather than squash. */
@media (min-width: 768px) and (max-width: 1200px) {
	.smmm-auto-grid { grid-auto-flow: column; grid-template-columns: none; grid-auto-columns: minmax(170px, 1fr); overflow-x: auto; }
}

/* Phone: the drawer shows two tiles per row. */
@media (max-width: 767px) {
	.smmm-panel-auto.smmm-drawer-open { border-radius: 0 0 var(--smmm-radius) var(--smmm-radius) !important; }
	.smmm-panel-auto .smmm-auto-topbar { padding: 12px 18px; }
	.smmm-auto-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.smmm-panel-auto .smmm-auto-col { padding: 14px 12px 16px; border-left: 0 !important; border-bottom: 1px solid var(--smmm-line); }
	.smmm-panel-auto .smmm-auto-col:nth-child(odd) { border-right: 1px solid var(--smmm-line); }
	.smmm-auto-head { font-size: 13px; padding-bottom: 8px; }
	.smmm-auto-cta { flex-direction: column; align-items: stretch; padding: 16px 18px 20px; }
	.smmm-panel-auto .smmm-auto-cta-btn { justify-content: center; }
}

/* "Photo size: Large" on the 2, 3, 4, 6 and 7-Column menus: photo on top, title and text below. */
.smmm-cards-large .smmm-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; }
.smmm-panel.smmm-cards-large .smmm-card { display: flex; flex-direction: column; align-items: stretch; gap: 10px; padding: 8px; }
.smmm-panel.smmm-cards-large .smmm-card-img { width: 100% !important; height: auto !important; aspect-ratio: 4 / 3; }
.smmm-panel.smmm-cards-large .smmm-card-title { font-size: 14px; }
.smmm-panel.smmm-cards-large .smmm-card-text { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.smmm-panel.smmm-cards-large .smmm-card-arrow { display: none; }
.smmm-panel.smmm-cards-large .smmm-4col-column { padding-left: 16px; padding-right: 16px; }
@media (max-width: 767px) {
	.smmm-panel.smmm-cards-large.smmm-drawer-open .smmm-card { flex-direction: row; align-items: center; }
	.smmm-panel.smmm-cards-large.smmm-drawer-open .smmm-card-img { width: 96px !important; flex: none; }
}