/*!
Theme Name: Fourth Avenue
Author: Kelsey Barmettler
Author URI: https://kelseybarmettler.com
Description: A theme for Fourth Avenue in Tucson
Version: 1.0
*/
/* karla-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "karla";
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/karla-v33-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* karla-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "karla";
  font-style: italic;
  font-weight: 400;
  src: url('assets/fonts/karla-v33-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* karla-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "karla";
  font-style: normal;
  font-weight: 700;
  src: url('assets/fonts/karla-v33-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* karla-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "karla";
  font-style: italic;
  font-weight: 700;
  src: url('assets/fonts/karla-v33-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/*
################################
# RESET: //www.joshwcomeau.com/css/custom-css-reset/
################################
*/
*,
*::before,
*::after {
	box-sizing: border-box;
}
* {
	margin: 0;
}
img,
picture,
video,
canvas,
svg {
	display: block;
	max-width: 100%;
}
input,
button,
textarea,
select {
	font: inherit;
	max-width: 100%;
}
p,
h1,
h2,
h3,
h4,
h5,
h6 {
	overflow-wrap: break-word;
}

/*
################################
# TYPE / FONTS / TYPOGRAPHY
################################
*/
body,
button,
input,
select,
optgroup,
textarea {
	font-size: clamp(16px, calc(1rem + ((1vw - 3px) * 0.1235)), 18px);
	min-height: 0vw;
	font-family: "karla";
	font-weight: 400;
	font-style: normal;
	line-height: 1.5;
}
/* set the font family below because wordpress 6.6 broke this */
:root :where(body) {
	font-family: "karla";
	font-weight: 400;
	font-style: normal;
}
html {
	font-size: 100%;
	scroll-behavior: smooth;
}
body {
	line-height: 1.5;
	font-size: 1.125em;
	overflow-x: hidden;
}

/* set the font family below because wordpress 6.6 broke this */
:root :where(h1, h2, h3, h4, h5, h6) {
	font-family: "gin", serif;
	font-weight: 400;
	font-style: normal;
}
.is-style-looks-like-paragraph {
	font-family: "karla";
	margin-bottom: 0rem !important;
	line-height: 1 !important; 
	margin: unset !important
}
.is-style-looks-like-heading {
	font-family: "gin", serif;
	font-weight: 400;
	font-style: normal;
}
.is-style-subheading {
	font-family: "karla";
	font-weight: 700 !important;
	margin-bottom: 0rem !important;
	text-transform: uppercase;
}
.has-underline {
	text-decoration: underline;
}
h2,
h3,
h4,
h5,
h6 {
	line-height: 1.12;
}
h1 {
	line-height: 1;
}
.wp-block-heading {
	margin-top: .4rem;
	margin-bottom: .55em;
}
.wp-block-heading .lead-in {
	font-family: "karla";
	font-size: 2rem;
	font-weight: 700 !important;
	margin-bottom: 0rem !important;
	text-transform: uppercase;
	/* font-weight: 300; */
	display: block;
	/* margin-bottom: .25em; */
}
p {
	margin-bottom: 1.5em;
}
p.has-background {
	padding: calc(2 * var(--wp--custom--layout--padding));
}
@media (max-width: 600px) {
	p.has-background {
		padding: var(--wp--custom--layout--padding);
	}
}
.block-area :last-child {
	margin-bottom: 0;
}
dfn,
cite,
em,
i {
	font-style: italic;
}
blockquote {
	margin: 0 1.5em;
}
address {
	margin: 0 0 1.5em;
}
pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}
code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}
big {
	font-size: 125%;
}
/*
################################
# FLAIR
################################
*/
.gritty-texture-dark {
	background: url('assets/img/asphalt-dark.png') repeat;
	background-size: 8%;
}
.gritty-texture-light {
	background: url('assets/img/asphalt-light.png') repeat;
	background-size: 8%;
}
.gritty-texture-light .wp-block-image::before {
	display: none;
}
.instagram-block {
	gap: 0 !important
}
/*
################################
# SECTION
################################
*/
body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

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

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}
/* fix svg img thumbnail */
.attachment-266x266, .thumbnail img {
	width: 100% !important;
	height: auto !important;
}
.nudge-down {
	margin-bottom: -4rem;
	position: relative;
	z-index: 1;
	max-width: fit-content;
}
.youtube {
	display: flex;
	justify-content: center;
}
	
.youtube iframe {
	aspect-ratio: 16 / 9;
	width: 100% !important;
	height: 100% !important;
}
/*
################################
# LINKS
################################
*/
a {
	color: #0e4db9;
}

a:visited {
	color: rebeccapurple;
}

a:hover,
a:focus,
a:active {
	color: #191970;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}
.is-style-full-link a:after {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: '';
	z-index: 1;
}
.has-master-nacho-color a:visited {
	color: var(--wp--preset--color--master-nacho) !important;
}
/* buttons */
.wp-element-button,
.wp-block-button__link {
	padding: .5rem 1rem;
	border-radius: 3px;
	font-weight: 700;
}
.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-background) {
	padding: .5rem 1rem;
}
.wp-block-button__link:focus {
	outline: .15rem dotted #2f3134;
	outline-offset: .2rem;
}
/* fix fluent forms defaults */
.has-white-color .wsf-form .wsf-label {
	color: #fff !important;
}
.wsf-form button.wsf-button.wsf-button-primary {
	color: var(--wp--preset--color--eye-patch) !important;
}
/*
################################
# BLOCKS
################################
*/
.wp-block-accordion-heading {
	font-family: "karla";
	font-family: "karla";
	font-size: var(--wp--preset--font-size--large);
	font-weight: 700;
}
.merchant-list-index .wp-block-post-title{
	font-family: "karla";
	font-family: "karla";
}
.has-brushstroke-background {
	position: relative;
	z-index: 2;
	opacity: 1;
}
.has-brushstroke-background::after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url('assets/img/brushstroke.png') center center no-repeat;
	background-size: 96% 71%;
	z-index: -1;
	background-position: 10px 11px;
	opacity: .35;

}
.has-fair-ribbons {
	position: relative;
	overflow: hidden;
}
.has-fair-ribbons:after {
	content: "";
	width: 465px;
	height: 624px;
	position: absolute;
	bottom: 1rem;
	right: -70px;
	background: url('assets/img/fair-flags.png') center center no-repeat;
	background-size: cover;
	z-index: 1;
}
.has-fair-ribbons .wp-block-column {
	z-index: 2;;
}
.has-fair-ribbons.grayscale-bg::after {
	filter: grayscale(100%);
	opacity: .1;
	right: -88px;
	/* z-index: -1; */
}
#fama-press-releases .wp-block-post-title{
	font-family: "karla";
	font-weight: 700;
}
.jump-menu {
	display: flex;
	justify-content: center;
	margin: 2rem 0;
	list-style-type: none;
	background-color: #f0f0f0;
	padding: 1rem;
	max-width: var(--wp--custom--layout--wide) !important;
}
.jump-menu li {
	margin: 0 1rem;
	font-size: var(--wp--preset--font-size--small);
	text-transform: uppercase
}
@media (max-width: 767px) {
	.jump-menu {
		flex-direction: column;
		gap: .5rem;
	}
}
.wp-block-gallery.sponsors {
	align-items: center !important;
}
.wp-block-gallery.sponsors figure {
	margin-bottom: unset !important;
	margin-top: unset !important;
}
.search-wrapper {
	display: flex;
	justify-content: right;
}
.wp-block-search {
	display: flex;
	letter-spacing: 0 !important;
}
.wp-block-search {
	max-width: 350px;
}
.block-area-before-header .wp-block-search__input {
	background-color: var(--wp--preset--color--eye-patch);
	border-width: 0 0 2px 0;
	border-color: #a0a0a0;
	border-radius: 0;
	padding: .25rem;
	color: var(--wp--preset--color--white) !important;
}
.wp-block-search__button {
	padding: .25rem;
}
.wp-block-search__button-outside.aligncenter {
	display: flex;
	justify-content: center;
}
.browse-icons {
	display: flex;
	flex-wrap: nowrap;
	margin: 0;
	gap: 0 !important;
	margin-top: -3.6rem;
	position: relative;
	z-index: 1;
	border-radius: 10px;
	overflow: hidden;
}
.browse-icons.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
	background: none;
	position: relative;
	color: #fff; 
	font-size: var(--wp--preset--font-size--tiny);
	padding: 0;
	text-transform: uppercase;
}
.browse-icons .wp-block-image {
	align-items: center;
	padding: 1rem;
	margin: 0 !important;
	background: url('assets/img/asphalt-dark.png') repeat;
	/* background-blend-mode: overlay; */
	background-size: 80%;
}
.browse-icons .wp-block-image img {
	filter: invert(100%) sepia(12%) saturate(7486%) hue-rotate(231deg) brightness(113%) contrast(115%);
}
.browse-icons .wp-block-image:first-of-type {
	background-color: var(--wp--preset--color--amaranth-red);
}
.browse-icons .wp-block-image:nth-of-type(2) {
	background-color: var(--wp--preset--color--aare-river-brienz);
}
.browse-icons .wp-block-image:nth-of-type(3) {
	background-color: var(--wp--preset--color--master-nacho);
}
.browse-icons .wp-block-image:nth-of-type(4) {
	background-color: var(--wp--preset--color--festival-green);
}
.browse-icons .wp-block-image:nth-of-type(5) {
	background-color: var(--wp--preset--color--eye-patch);
}
.wp-block-media-text.is-style-stacked {
	display: flex;
	flex-direction: column;
}
.wp-block-media-text.has-background .wp-block-media-text__content {
	padding: calc(var(--wp--custom--layout--block-gap) * 2) var(--wp--custom--layout--block-gap);
}
@media (max-width: 600px) {
	.browse-icons {
		flex-direction: column;
		align-items: center !important;
		border-radius: 10px !important;
	}
	.wp-block-media-text.has-background .wp-block-media-text__content {
		padding: var(--wp--custom--layout--block-gap);
	}
	.wp-block-media-text .wp-block-media-text__content :last-child {
		margin-bottom: 0;
	}
}
/* social links block */
.social-links {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	line-height: 1;
	font-size: 0;
	margin-bottom: var(--wp--custom--layout--block-gap);
}
.social-links a {
	display: inline-block;
	padding: .5rem;
	font-size: 100%;
}
.social-links img {
	height: 24px;
	width: 24px;
}
.af2-social-link.has-white-color img {
	filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(283deg) brightness(108%) contrast(101%);
}
.social-links.has-text-align-center {
	justify-content: center;
}
.social-links.has-text-align-right {
	justify-content: flex-end;
}
/* faq */
.af2-faq__faq {
	padding: .5rem;
	margin-bottom: var(--wp--custom--layout--block-gap);
}
.af2-faq__answer :last-child,
.af2-faq__question  :last-child {
	margin-bottom: 0;
}
.af2-faq__question { 
	cursor: pointer;
	list-style: none;
	display: flex;
	align-items: center;
}
.af2-faq__question-inner { 
	flex: 1 1 auto;
}

.af2-faq__question::after { 
	content: '+';
	color: #000;
	flex:  0 1 1ch;
	position: relative;
	top: 3px;
	width: 1rem;
	margin-right: 0;
	margin-left: 1rem;
}
.af2-faq__faq > .af2-faq__question::-webkit-details-marker {
	display: none;
}
.af2-faq__faq + .af2-faq__faq {
	margin-top: .5rem;
}
.af2-faq__faq[open] .af2-faq__question:after {
	content: '-';
}
.af2-faq__answer {
	padding-top: 1rem;
}
/* testimonials */
.af2-testimonial__attribution {
	display: flex;
}
.af2-testimonial__image {
	flex: 1 1 140px;
}
.af2-testimonial__text {
	flex-basis: 0;
	flex-grow: 999;
}
/* fix google maps */
.google-maps {
	position: relative;
	padding-bottom: 75%;
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
/*
################################
# FORMS
################################
*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc;
	border-radius: 3px;
	background: #f0f0f0;
	line-height: 1;
	padding: 0.5rem 1rem;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/* ################################
# LAYOUT
################################### */
.no-gap {
	gap: 0 !important;
}
.site-inner,
.block-area {
	padding-left: var(--wp--custom--layout--padding);
	padding-right: var(--wp--custom--layout--padding);
}
.wrapper {
	max-width: calc(var(--wp--custom--layout--wide) + 2 * var(--wp--custom--layout--padding));
	margin: 0 auto;
	padding-left: var(--wp--custom--layout--padding);
	padding-right: var(--wp--custom--layout--padding);
}
.wrapper-no-padding {
	max-width: calc(var(--wp--custom--layout--wide));
	margin-left: auto;
	margin-right: auto;
}
.entry-content > .alignfull:not(:last-child),
.entry-content > .wp-block-separator:not(:last-child) {
	margin-bottom: var(--wp--custom--layout--block-gap);
}
.entry-content > .alignfull.has-background + .alignfull,
.entry-content > .alignfull.wp-block-cover + .alignfull,
.block-area > .alignfull.has-background + .alignfull,
.block-area > .alignfull.wp-block-cover + .alignfull {
	margin-top: calc(var(--wp--custom--layout--block-gap) * -1);
}
.entry-content > *,
.block-area > * {
	margin-left: auto;
	margin-right: auto;
	max-width: var(--wp--custom--layout--page);
}
.entry-content > *.alignwide,
.block-area > *.alignwide {
	max-width: var(--wp--custom--layout--wide);
}
.entry-content > *.alignfull,
.block-area > *.alignfull {
	margin-left: calc(-1 * var(--wp--custom--layout--padding));
	margin-right: calc(-1 * var(--wp--custom--layout--padding));
	max-width: 100vw;
}
.alignfull.is-layout-flow > * {
	padding-left: var(--wp--custom--layout--block-gap);
	padding-right: var(--wp--custom--layout--block-gap);
}
.entry-content > .alignfull:not(:first-child),
.entry-content > .wp-block-separator:not(:first-child),
.block-area > .alignfull:not(:first-child),
.block-area > .wp-block-separator:not(:first-child) {
	margin-top: var(--wp--custom--layout--block-gap);
}
.wp-block-cover,
.wp-block-cover-image {
	padding: var(--wp--custom--layout--block-gap) var(--wp--custom--layout--padding);
}
.after-entry,
.entry-comments {
	max-width: var(--wp--custom--layout--page);
	margin-left: auto;
	margin-right: auto;
}
.entry-header,
.entry-footer {
	margin: 0 auto;
}
.alignfull.wp-block-cover > .wp-block-cover__image-background,
.alignfull.wp-block-cover > .wp-block-cover__background {
	max-width: 100vw;
}
/* ################################
# SIDEBAR LAYOUT
################################### */
.content-sidebar .content-area {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--custom--layout--block-gap);
	max-width: var(--wp--custom--layout--wide);
	margin-left: auto;
	margin-right: auto;
}
.content-sidebar .site-main {
	flex-basis: 0;
	flex-grow: 999;
	min-inline-size: 50%;
}
.sidebar {
	flex-basis: 21em;
	flex-grow: 1;
}
.block-area-sidebar {
	padding: 0;
}
@media (max-width: 767px) {
	.content-sidebar .content-area {
		flex-direction: column;
	}
}
.content-sidebar .content-area .entry-header,
.content-sidebar .content-area .entry-footer,
.content-sidebar .content-area .after-entry,
.content-sidebar .content-area .entry-comments {
	max-width: unset;
	margin-left: 0;
	margin-right: 0;
}
.content-sidebar .entry-content > * {
	max-width: unset;
	margin-left: 0;
	margin-right: 0;
}
.sidebar-content .content-area {
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
	max-width: var(--wp--custom--layout--wide);
	margin-left: auto;
	margin-right: auto;
}
.sidebar-content .site-main {
	flex: 1 1 calc(75% - 2rem);
}
.sidebar {
	flex: 1 1 25%;
	min-width: 180px;
}
@media (max-width: 767px) {
	.content-sidebar .content-area {
		flex-direction: column;
	}
}
.sidebar-content .content-area .entry-header,
.sidebar-content .content-area .entry-footer,
.sidebar-content .content-area .after-entry,
.sidebar-content .content-area .entry-comments {
	max-width: unset;
	margin-left: 0;
	margin-right: 0;
}
.sidebar-content .entry-content > * {
	max-width: unset;
	margin-left: 0;
	margin-right: 0;
}
@media (max-width: 767px) {
	.site-main {
		order: 1;
	}
	.sidebar {
		order: 2;
	}
}
/* ################################
# BEFORE HEADER
################################### */
.block-area-before-header > * > * {
	max-width: calc(var(--wp--custom--layout--wide) + 2 * var(--wp--custom--layout--padding));
	margin: 0 auto;
	padding-left: var(--wp--custom--layout--padding);
	padding-right: var(--wp--custom--layout--padding);
}

/* ################################
# SITE HEADER
################################### */
.site-header .wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: var(--wp--custom--layout--block-gap);
	padding-bottom: var(--wp--custom--layout--block-gap);
	gap: 1rem;
	z-index: 2;
	position: relative;
}
/* site header overlays hero */
.is-style-hero {
	margin-top: -15.6rem; /* Set this to whatever you need */
	text-shadow: 0 0 5px rgba(23, 56, 72, 0.5);
	letter-spacing: 1px;
}
.logged-in .is-style-hero {
	/* margin-top: -13.6rem; */
}
/*
################################
# NAVIGATION
################################
*/
/* hide menu toggle on large screens */
.menu-toggle,
.close-button {
	display: none;
}
/* primary main navigation menu */
.navbar-menu a {
	display: block;
	text-decoration: none;
	font-size: clamp(1rem, 1rem + 0.35vw, 1.3rem);
	font-weight: 700;
	text-transform: uppercase;
}
.navbar > .navbar-menu > li > a {
	display: inline-block;
}
.navbar-menu {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
}
.navbar-menu,
.navbar-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.navbar-menu li {
	position: relative;
}
.navbar-menu li:hover > ul,
.navbar-menu li:focus-within > ul /* IE11+ only */ {
	display: block;
	visibility: visible;
	opacity: 1;
	transition-delay: 0s;
}
/* large screens only */
@media (min-width: 768px) {

	.navbar > .navbar-menu > li > a {
		padding: .5rem;
		transition: background-color 250ms ease;
		color: #000;
	}
	.hide-title .navbar-menu > li > a {
		color: #fff;
	}
	.navbar > .navbar-menu > li > a:hover,
	.navbar > .navbar-menu > li > a:focus {
		background-color: rgba(0, 0, 0, 0.05);
	}
	/* child / sub menus */
	.navbar-menu .sub-menu {
		position: absolute;
		left: 0;
		top: 100%;
		visibility: hidden;
		opacity: 0;
		width: 20rem;
		box-shadow: 0 0.25rem 1.5rem rgba(0, 0, 0, 0.5);
		background-color: rgba(0, 0, 0, 0.9);
	}
	.navbar-menu .sub-menu > li > ul {
		left: 100%;
		top: 0;
	}
	.sub-menu a {
		padding: .5rem;
		border-bottom: 1px solid rgba(0, 0, 0, 0.05);
		color: #fff;
	}
	.sub-menu a:hover {
		background: rgba(0, 0, 0, 0.05);
	}
}
/* small mobile screens only */
@media (max-width: 767px) {
	.navbar-menu {
		padding-left: var(--wp--custom--layout--block-gap);
		padding-right: var(--wp--custom--layout--block-gap);
		z-index: 2;
		position: relative;
	}
	.navbar-menu a {
		padding: .5rem;
		border-bottom: 1px solid #ccc;
		width: 100%;
	}
	.menu-toggle {
		display: block;
		border: 0;
		border-radius: 0;
		background: transparent;
		line-height: 1;
		padding: 0;
		font-size: 2rem;
		color: #000;
		/* margin-top: -.4rem; */
	}
	.toggled .close-button {
		display: block; 
	}
	.close-button {
		position: absolute;
		bottom: 0;
		width: 100%;
		border: none;
		border-radius: 0;
		color: #fff;
		line-height: 1;
		padding: 0.5rem 1rem;
		text-align: right;
		transform: translateX(-1rem);
		background-color: #333;
		background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23FFFFFF" width="18" height="18" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>');
		background-repeat: no-repeat;
		background-position: calc(100% - .5rem) .5rem;
		padding-right: 2rem;
		color: #fff;
		border: none;
		cursor: pointer;
	}
	.logged-in .close-button {
		transform: translateY(-46px) translateX(-1rem);
	}
	.navbar-menu {
		position: fixed;
		left: -300px;
		top: 0;
		width: 300px;
		height: 100%;
		transition: all 300ms ease-in-out;
		z-index: 3;
		background-color: #eee;
	}
	.logged-in .navbar-menu {
		top: 46px;
	}
	.toggled .navbar-menu {
		display: block;
		position: fixed;
		left: 0;
		width: 80%;
	}
}
/*
################################
# Merchant Listing Single
################################
*/
.single-merchant_listing .entry-title {
	/* text-align: center; */
	font-size: var(--wp--preset--font-size--huge);
	margin-top: 2rem;
	color: var(--wp--preset--color--amaranth-red);
	font-family: "karla";
	font-weight: 700 !important;
	max-width: var(--wp--custom--layout--wide);
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1rem;
}
.single-merchant_listing .merchant-listing__categories {
	margin-bottom: 1rem;
}

.merchant-listing-meta {
	background-color: var(--wp--preset--color--bleached-silk);
	padding: 1.5rem;
	border-radius: .5rem;
	margin: 2rem 0;
}
.merchant-gallery {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.merchant-gallery li {
	padding: 0;
	margin: 0;
}
.merchant-info {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.5rem 2rem;
	align-items: start;
	margin-bottom: 2rem;
	border-radius: .5rem;
}
.merchant-info__section {
	display: grid;
	gap: .75rem;
}
.merchant-gallery {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
	gap: .5rem;
	list-style: none;
	padding: 0;
	margin: 0;
	justify-content: center;
}

.merchant-gallery li {
	position: relative;
	border-radius: .25rem;
	overflow: hidden;
	aspect-ratio: 1 / 1;
	display: flex;
	justify-content: center;
	align-items: stretch;
}

.merchant-gallery img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	max-width: 100%;
	max-height: 100%;
}
.merchant-body-text > * {
	text-align: left !important;
	margin-bottom: .75rem;

}
/* If only one image, let it grow larger */
.merchant-gallery:has(li:only-child) {
	grid-template-columns: 1fr;
}

.merchant-gallery:has(li:only-child) li {
	aspect-ratio: auto;
}

/* responsive collapse */
@media (max-width: 900px) {
	.merchant-info {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 600px) {
	.merchant-info {
		grid-template-columns: 1fr;
	}
}

/* merchant navigation */
.merchant-navigation {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 2rem;
	padding-top: 1.5rem;
	font-size: 0.95rem;
}

.merchant-navigation a {
	color: inherit;
	text-decoration: none;
	padding: 0.5em 0.75em;
	border-radius: 0.25em;
	transition: background-color 0.2s ease;
}

.merchant-navigation a:hover,
.merchant-navigation a:focus {
	background-color: #f5f5f5;
}

.merchant-nav-prev {
	text-align: left;
	flex: 1;
}

.merchant-nav-next {
	text-align: right;
	flex: 1;
}
/* related merchants navigation */
.related-merchants {
	margin-top: 3rem;
}

.related-merchants__title {
	margin-bottom: 1rem;
	padding-bottom: 0.5rem;
	text-align: center;
	font-size: var(--wp--preset--font-size--large);
	font-family: 'brother-1816', sans-serif;
	font-weight: 700 !important;
	text-transform: uppercase;
}

.related-merchants__list {
	display: flex;
	margin: 0;
	padding: 0;
	gap: 1rem;
	justify-content: center;
	margin-bottom: 2rem;
	list-style: none;
}

.related-merchants__item {
	text-align: center;
	display: flex;
	flex: 1;
	flex-direction: column;
	align-items: center;
}

.related-merchants__thumb img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
	aspect-ratio: 1 / 1;
	border-radius: 0.25rem;
	margin-bottom: .5rem;
}

.related-merchants__name {
	display: block;
	margin-top: auto;
	font-size: var(--wp--preset--font-size--tiny);
	color: inherit;
	text-decoration: none;
	line-height: 1;

}

/*
################################
# PAGES
################################
*/
.entry-header {
	padding: 0 0 calc(var(--wp--custom--layout--block-gap) * 2) 0;
	/* max-width: calc(var(--wp--custom--layout--wide)); */
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	color: #fff;
}
.entry-header .entry-title {
	padding: 4rem 1rem;
	z-index: 1;
	color: #fff;
	line-height: 1;
	margin-bottom: 0;
}
.entry-header .post-thumbnail {
	overflow: hidden;
	/* position: relative; */
}
.entry-header .post-thumbnail::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.75);
	z-index: 1;
}
.entry-header .post-thumbnail img {
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	height: 100%;
	width: 100%;
	z-index: -1;
}
/*
################################
# POSTS
################################
*/
.post-summary__title a {
	text-decoration: none;
	color: var(--wp--preset--color--eye-patch);
}
.wp-block-query-pagination {
	justify-content: center;
	margin-bottom: 4rem !important;
}
/* single */
.single .entry-header {
	/* max-width: calc(var(--wp--custom--layout--page)); */
}
/* after post area */
.block-area-after-post {
	margin-left: calc(-1 * var(--wp--custom--layout--padding));
	margin-right: calc(-1 * var(--wp--custom--layout--padding));
}

/* search header*/
.search .archive-header,
.error404 .archive-header {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	color: #fff;
}
.search .archive-header::before,
.error404 .archive-header::before {
	content: '';
	background: url(https://fourth-ave.local/wp-content/uploads/2025/09/Street-Fair-Aerial-Photo-scaled-2.jpg) center center no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	height: 100%;
	width: 100%;
	z-index: -1;
}
.search .archive-header::after,
.error404 .archive-header::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.75);
	z-index: 1;
}
.search .archive-header .wrapper,
.error404 .archive-header .wrapper {
	z-index: 2;
	opacity: 1;
}
.search .archive-title,
.error404 .archive-title {
	margin-top: var(--wp--custom--layout--block-gap);
	margin-bottom: var(--wp--custom--layout--block-gap);
	padding: 4rem 0;
	z-index: 2;
	color: #fff;
	line-height: 1;
}

.archive .site-inner,
.search .site-inner {
	margin-bottom: var(--wp--custom--layout--block-gap);
}
.archive .site-main {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-gap: 24px;
	max-width: var(--wp--custom--layout--wide);
	margin: 2rem auto 0 auto;
	align-items: stretch;
}
/* search pages */
.search .site-main {
	max-width: var(--wp--custom--layout--wide);
	margin: 2rem auto 0 auto;
}
.search .merchant-listing,
.search .post-summary {
	display: flex;
	gap: 1.5rem;
	margin-bottom: 2rem;
}
.search .post-summary__image {
	flex: 0 0 20%;
	background-color: var(--wp--preset--color--bleached-silk)
}
.search .post-summary__image img {
	height: 100%;
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: 10px;
}
.search .merchant-listing__content,
.search .post-summary__content {
	display: flex;
	flex-direction: column;
	flex: 1;
}
.search .merchant-listing img {

}
.search .post-summary__title {
	margin: 1rem 0;
	font-size: var(--wp--preset--font-size--big) !important;
}
.search .merchant-listing .post-summary__title a {

}
.search .merchant-listing .merchant-listing__categories {

}
.search .merchant-listing__categories a {

}
.search .merchant-listing .merchant-listing__categories {

}
.wp-block-query .wp-block-post-template {
	margin: 0;
}
.wp-block-query .wp-block-post-template .wp-block-post-date {
	text-transform: uppercase;
	color:rgba(0, 0, 0, 0.6);
	font-size: var(--wp--preset--font-size--tiny);
	margin-bottom: var(--wp--custom--layout--block-gap);
}
.wp-block-query .wp-block-post-template .wp-block-post-title {
	font-size: var(--wp--preset--font-size--large);
	align-self: end;
}
@media (max-width: 767px) {
	.archive .site-main,
	.search .site-main {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 520px) {
	.archive .site-main,
	.search .site-main {
		grid-template-columns: repeat(1, 1fr);
	}
}
/* post summary */
.post-summary .entry-category {
	margin-bottom: 0;
	font-size: var(--wp--preset--font-size--small);
}
.post-summary .entry-category a {
	text-decoration: none;
	padding: .5rem 0;
	display: inline-block;
}
.post-summary .post-summary__title {
	/* font-size: var(--wp--preset--font-size--large); */
	padding-top: 1rem;
}
.post-summary .post-summary__title a {
	text-decoration: none;
}

/* merchant listings archives */
.archive .merchant-listing {
	display: flex;
	flex-direction: column;
	height: 100%;
	background-color: var(--wp--preset--color--bleached-silk);
	border-radius: 10px;
	overflow: hidden;
}

.archive .merchant-listing__content  {
	/* margin-top: -1rem; */
		margin-top: auto;
}
.archive .post-summary__image {
	flex: fit-content;
}
.archive .merchant-listing img {
	height: 100%;
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}
.archive .merchant-listing .post-summary__title {
	align-self: end;
	font-size: var(--wp--preset--font-size--large);
	font-family: "karla";
	font-weight: 700;
	text-align: center;
	letter-spacing: 0;
	background-color: #2f2f2f;
	padding: 2.5rem 1rem 1.5rem;
}
.archive .merchant-listing .post-summary__title a {
	color: #fff;
	text-decoration: none;
}
.archive .merchant-listing .merchant-listing__categories {
	text-align: center;
}
.merchant-listing__categories a {
	color: #fff;
	display: inline-block;
	text-decoration: none;
	color: #fff;
	padding: 5px;
	line-height: 1;
	border-radius: 3px;
	margin-right: 3px;
	font-size: var(--wp--preset--font-size--min);
	text-transform: uppercase;
}
.merchant-listing .merchant-listing__categories {
	/* transform: translateY(50%); */
	position: relative;
	width: 100%;
	display: flex;
}
.archive .merchant-listing .merchant-listing__categories {
	
	justify-content: center;
}
.archive .merchant-listing .merchant-listing__categories .merchant-listing__categories-inner {
	position: absolute;
	top: -.75rem;
}
.wp-block-navigation.merchant-listing-categories {
	gap: 8px;
}
.wp-block-navigation .merchant-cat-bar,
.merchant-listing__categories a.merchant-cat-bar {
	color: #fff;
	background-color: var(--wp--preset--color--master-nacho);

}
.wp-block-navigation .merchant-cat-entertainment,
.merchant-listing__categories a.merchant-cat-entertainment {
	color: #fff;
	background-color: var(--wp--preset--color--festival-green);

}
.wp-block-navigation .merchant-cat-event,
.merchant-listing__categories a.merchant-cat-event {
	color: #fff;
	background-color: var(--wp--preset--color--festival-green);

}
.wp-block-navigation .merchant-cat-food,
.merchant-listing__categories a.merchant-cat-food {
	color: #fff;
	background-color: var(--wp--preset--color--aare-river-brienz);

}
.wp-block-navigation .merchant-cat-healthy,
.merchant-listing__categories a.merchant-cat-healthy {
	color: #fff;
	background-color: var(--wp--preset--color--master-nacho);

}
.wp-block-navigation .merchant-cat-national-register-of-historic-places,
.merchant-listing__categories a.merchant-cat-national-register-of-historic-places {
	color: #fff;;
	background-color: var(--wp--preset--color--eye-patch);

}
.wp-block-navigation .merchant-cat-nightlife,
.merchant-listing__categories a.merchant-cat-nightlife {
	color: #fff;
	background-color: var(--wp--preset--color--amaranth-red);

}
.wp-block-navigation .merchant-cat-residential-living,
.merchant-listing__categories a.merchant-cat-residential-living {
	color: #fff;
	background-color: var(--wp--preset--color--aare-river-brienz);

}
.wp-block-navigation .merchant-cat-service,
.merchant-listing__categories a.merchant-cat-service {
	color: #fff;
	background-color: var(--wp--preset--color--eye-patch);
	/* border: 1px solid var(--wp--preset--color--bleached-silk); */
}
.wp-block-navigation .merchant-cat-shops,
.merchant-listing__categories a.merchant-cat-shops {
	color: #fff;
	background-color: var(--wp--preset--color--amaranth-red);

}
.merchant-listing-categories .wp-block-navigation-item {
	padding: 3px 5px;
	text-transform: uppercase;
	border-radius: 3px;
}
.archive-pagination {
	margin: 2rem 0;
	text-align: center;
	grid-column: 1 / -1; /* make it stretch across all grid columns */
	justify-self: center; /
}

.archive-pagination ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: inline-flex;
	gap: 0.5rem;
}

.archive-pagination li {
	display: inline;
}

.archive-pagination a,
.archive-pagination span {
	display: inline-block;
	padding: 0.5rem 0.75rem;
	border: 1px solid #ccc;
	border-radius: 0.25rem;
	text-decoration: none;
	color: #333;
	font-size: 0.95rem;
	line-height: 1;
}

.archive-pagination .active a {
	background-color: #333;
	color: #fff;
	border-color: #333;
	cursor: default;
}

.archive-pagination a:hover,
.archive-pagination a:focus {
	background-color: #f5f5f5;
	outline: 2px solid transparent;
	outline-offset: 2px;
	border-color: #999;
}

.archive-pagination a:focus-visible {
	outline: 2px solid #005fcc;
	outline-offset: 2px;
}

.archive-pagination .pagination-omission {
	color: #666;
}

.archive-pagination .pagination-next a {
	font-weight: 700;
}

/*
################################
# BREADCRUMBS
################################
*/
.breadcrumbs nav {
	margin-top: var(--wp--custom--layout--block-gap);
	margin-bottom: var(--wp--custom--layout--block-gap);
}
nav .breadcrumb {
	font-size: var(--wp--preset--font-size--tiny);
	color: #777;
	text-transform: uppercase;
}
/*
################################
# SEARCH
################################
*/
/* appears below the search results template header */
.wp-block-search {
	margin-bottom: var(--wp--custom--layout--block-gap);
}
.wp-block-search__inside-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
}
.wp-block-search__input {
	max-width: 100%;
}
.wp-block-search__button {
	background-color: #ddd;
	margin-left: 0 !important;
}
/*
################################
# COMMENTS
################################
*/
.entry-comments {
	margin: calc(var(--wp--custom--layout--block-gap) * 2) 0;
	margin-left: auto;
	margin-right: auto;
}
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}
/* comments */
.comments-title {
	font-size: var(--wp--preset--font-size--large);
	margin-bottom: 1rem;
}
.comment-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.comment-meta {
	font-size: var(--wp--preset--font-size--small);
	display: flex;
	align-items: center;
	margin-bottom: .5rem;
}
.comment-meta .avatar {
	border-radius: 100%;
}
.comment-author {
	display: flex;
	align-items: center;
	gap: .5rem;
	font-size: var(--wp--preset--font-size--small);
}
.comment-content {
	border: 1px solid var(--wp--preset--color--coronation);
	padding: 1rem;
	font-size: var(--wp--preset--font-size--small);
}
.comment-content p:last-of-type {
	margin: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
textarea {
	border: 2px solid var(--wp--preset--color--coronation);
}
/*
################################
# BLOCK AREAS
################################
*/
.widget {
	
}

.widget select {
	max-width: 100%;
}

/*
################################
# MEDIA
################################
*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*
################################
# CAPTIONS
################################
*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	
}

.wp-caption-text {
	text-align: center;
}

/*
################################
# GALLERIES
################################
*/
.wp-block-gallery.is-style-stacked {
	display: grid;
	position: relative;
	grid-template-columns: repeat(12, 1fr);
	align-items: unset;
}
.wp-block-gallery.is-style-stacked .wp-block-image {
	height: unset !important;
	object-fit: initial !important;
	width: unset !important;
	justify-content: flex-start !important;
}
.wp-block-gallery.is-style-stacked .wp-block-image img {
	height: unset !important;
	width: unset !important;
	object-fit: initial !important;
	flex: revert !important;
	position: relative;
}

.wp-block-gallery.is-style-stacked .wp-block-image.top img {
	box-shadow: 10px 10px 0 var(--wp--preset--color--festival-green);
}
.wp-block-image.top {
	grid-row: 1;
	grid-column: 1 / span 8;
	padding-top: 20%;
	z-index: 1;
}
.wp-block-image.bottom {
	grid-column: 4 / -1;
	grid-row: 1;
}
.yellow-shadow img {
	box-shadow: 10px 10px 0 var(--wp--preset--color--master-nacho);
}
.wp-block-image.bottom-right {
	grid-column: 7 / -1;
	grid-row: 1;
	align-self: end;
	justify-self: end;
	z-index: 2;
	transform: translate(-12%, 57%);
}
.red-shadow img {
	box-shadow: 10px 10px 0 var(--wp--preset--color--amaranth-red);
}
.wp-block-gallery.half-gap {
	gap: .5rem !important;
}
.wp-block-gallery.quarter-gap {
	gap: .25rem !important;
}
.gallery {
	
	display: flex;
	flex-wrap: wrap;
	gap: 1em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	flex: 0 1 calc(50% - 1rem)
}

.gallery-columns-3 {
	flex: 0 1 calc(33.333% - 1rem)
}

.gallery-columns-4 {
	flex: 0 1 calc(25% - 1rem)
}

.gallery-columns-5 {
	flex: 0 1 calc(20% - 1rem)
}

.gallery-columns-6 {
	flex: 0 1 calc(16.66666667% - 1rem)
}

.gallery-columns-7 {
	flex: 0 1 calc(14.28571429% - 1rem)
}

.gallery-columns-8 {
	flex: 0 1 calc(12.5% - 1rem)
}

.gallery-columns-9 {
	flex: 0 1 calc(11.11111111% - 1rem)
}

.gallery-caption {
	display: block;
}

/*
################################
# ACCESSIBILITY
################################
*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments */
.alignleft {
	float: left;
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {
	float: right;
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}
/*
################################
# SITE FOOTER
################################
*/
.block-area-site-footer {
	margin-top: 4rem;
}
.site-footer .alignfull .alignwide {
	padding-left: var(--wp--custom--layout--padding);
	padding-right: var(--wp--custom--layout--padding);
}
@media (max-width: 781px) {
	.block-area-site-footer .wp-block-columns .wp-block-column:not(:first-of-type) {
		flex-basis: calc(50% - var(--wp--custom--layout--block-gap)) !important;
	}
}
@media (max-width: 560px) {
	.block-area-site-footer .wp-block-columns .wp-block-column:not(:first-of-type) {
		flex-basis: 100% !important;
	}
}
.site-footer ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.site-footer a {
	/* text-decoration: none; */
	color: inherit;
}
.copyright {
	padding: var(--wp--custom--layout--block-gap) var(--wp--custom--layout--padding);
}

.menu-item .search-form {
	display: flex;
	padding: 0;
	margin-left: 1rem;
}
.menu-item .search-form .search-field {
	border: none;
	border-bottom: 2px inset #fff;
	border-radius: 0;
	background:transparent;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	margin-bottom: 2px;
	width: 3rem;
	transition: all 250ms ease-in-out;
}
.menu-item .search-form .search-field:focus {
	width: 8rem;
}
.menu-item .search-form .search-field::placeholder {
	content: "";
	/* width: 1rem; */
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='11 11 51 51'%3E%3Cpath fill='%23ffffff' d='M31 11c-11.027 0-20 8.973-20 20s8.973 20 20 20c3.974166 0 7.672385-1.178431 10.789062-3.185547l12.9375 12.9375c1.664001 1.664 4.362391 1.664 6.025391 0 1.664-1.664 1.664-4.36139 0-6.025391l-12.9375-12.9375C49.821569 38.672385 51 34.974166 51 31c0-11.027-8.973-20-20-20zm0 8c6.616 0 12 5.384 12 12s-5.384 12-12 12-12-5.384-12-12 5.384-12 12-12z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 1rem;
	background-position: right center;
	background-position: center right 10px;
}
.menu-item .search-form .search-field:valid {
	text-overflow: ellipsis;
}
.socials-callout {
	/* border-radius: 10px; */
}
/* Merchant info two-column layout */
.merchant-info {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}

.merchant-info__section {
  flex: 1 1 250px;
}

/* Prev/Next navigation */
.merchant-navigation {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
}

/* Related merchants grid */
.related-merchants__list {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  list-style: none;
  padding: 0;
}

.related-merchants__item {
  flex: 1 1 120px;
  max-width: 150px;
  text-align: center;
}